@font-face {
    font-family: 'VisbyCF';
    font-style: normal;
    font-weight: 400;
    src: local('VisbyCF Regular'), local('VisbyCF-Regular'), url(fonts/VisbyCF-Regular.otf);
}

@font-face {
    font-family: 'VisbyCF';
    font-style: normal;
    font-weight: 200;
    src: local('VisbyCF Light'), local('VisbyCF-Light'), url(fonts/VisbyCF-Light.otf);
}

@font-face {
    font-family: 'VisbyCF';
    font-style: normal;
    font-weight: 100;
    src: local('VisbyCF Thin'), local('VisbyCF-Thin'), url(fonts/VisbyCF-Thin.otf);
}

@font-face {
    font-family: 'VisbyCF';
    font-style: normal;
    font-weight: 300;
    src: local('VisbyCF Medium'), local('VisbyCF-Medium'), url(fonts/VisbyCF-Medium.otf);
}

@font-face {
    font-family: 'VisbyCF';
    font-style: normal;
    font-weight: 500;
    src: local('VisbyCF SemiBold'), local('VisbyCF-Bold'), url(fonts/VisbyCF-Bold.otf);
}

@font-face {
    font-family: 'VisbyCF';
    font-style: normal;
    font-weight: bold;
    src: local('VisbyCF Bold'), local('VisbyCF-ExtraBold'), url(fonts/VisbyCF-ExtraBold.otf);
}

@media(min-width: 992px) {
    body {
        margin-top: 0px;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5;
    font-weight: bold;
    margin: 5px 0px;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none !important;
}

a {
    color: #1E64A5;
    padding: 0;
    margin: 0;
    text-decoration: none;
    transition: background-color .1s linear, color .1s linear
}

a:focus,
a:hover {
    text-decoration: none;
    color: #1E64A5
}

a.read-more {
    display: block;
    font-style: italic;
    color: #1E64A5;
    font-size: 12px;
}

a.navbar-brand {
    background: url(images/logo.png) no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #222 !important;
    font-size: 35px;
    font-weight: 400;
    margin-top: 0;
    padding-left: 55px !important;
    line-height: 36px
}

a.remove {
    display: block;
    height: 18px;
    width: 18px;
    margin: 10px;
    padding-left: 0 !important;
    text-indent: -9999px;
    background: url(images/remove.png) #798184;
    border-radius: 100px;
    border-style: solid;
    border-width: 1px
}

ul {
    padding-left: 0
}

.lead {
    font-size: 18px
}

.hidden {
    display: none
}

.alignleft {
    float: left
}

.alignright {
    float: right
}

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both
}

.text-left {
    text-align: left !important
}

mark {
    padding: 6px 12px
}

section::after,
section::before {
    position: absolute;
    content: '';
}

.first {
    clear: both !important
}

.last {
    margin-right: 0 !important
}

.nopadding {
    padding: 0px
}

.padding-top {
    padding: 30px 0 10px
}

.margin-top {
    margin-top: 12px
}

.make-center img {
    margin: auto
}

.vimeo_video {
    border: none
}

.soundcloud {
    border: none;
    width: 100%
}

.rev_video_slider {
    width: 100%;
    height: 100%
}

.rsNav {
    display: block;
    clear: both;
    margin-bottom: 80px !important
}

.header-absolute,
.header-absolute #topbar {
    background: #111;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-absolute {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 98
}

.header_center a.navbar-brand {
    margin: 0 auto !important;
    display: inline-block;
    position: relative;
    float: none !important
}

.dark_header a.navbar-brand {
    color: #fff !important
}

.dark_header .arrow-up {
    border-bottom-color: #121214 !important
}

.dark_header .navbar-nav>li>a {
    color: #fff !important
}

.dark_header .topbar-cart,
.dark_header .topbar-email,
.dark_header .topbar-login,
.dark_header .topbar-phone {
    border-left: 1px solid #313131 !important;
    border-right: 1px solid #313131 !important
}

.dark_header .social-icons span.last a {
    border-right-color: #313131 !important
}

.dark_header .social-icons span a {
    border-left-color: #313131 !important
}

.dark_header .navbar-default {
    background: #121214 !important
}

.dark_header {
    background: #121214 !important;
    border-bottom-color: #212121 !important
}

.header_center .navbar-collapse.collapse {
    text-align: center;
    height: auto !important;
    overflow: visible !important
}

.header_center .navbar-nav {
    display: inline-block;
    float: none;
    margin: 0
}

.header_center .logo_center {
    padding: 20px 0 30px !important
}

.white-wrapper .testimonial h3 {
    color: #222 !important
}

.lang-select-wrapper {
    text-align: right;
    display: flex;
    align-items: center;
}

.header-absolute .container {
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
}

.items-center {
    justify-content: center;
    flex-shrink: 0;
}

.items-right {
    justify-content: flex-end;
}

.items {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    height: inherit;
}

.inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr);
    justify-content: space-between;
    height: 100%;
    position: relative;
}

#header-style-1 img {
    --max-width: 50px;
}

#header-style-1 .inner.border {
    border-bottom: 1px solid #ccc;
}

.header-container.sticky {
    z-index: 1000;
}

#header-style-1 .navbar-default {
    border-color: transparent;
    background-color: transparent;
    min-height: 0px;
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#header-style-1 .navbar-brand {
    padding: 0
}

#header-style-1 .yamm .dropdown,
#header-style-1 .yamm .dropup,
#header-style-1 .yamm .nav {
    position: relative;
    display: flex;
    font-size: 17px;
}

@media (min-width:992px) and (max-width:1100px) {
    #header-style-1 .yamm .dropdown {
        font-size: 13px;
    }
}

#header-style-1 .yamm .collapse {
    position: relative;
    display: flex;
    font-size: 14px;
}

#header-style-1 .yamm .container {
    position: relative
}

#header-style-1 .dropdown-menu {
    left: auto;
    right: auto;
    padding: 0px;
    border: none;
    box-shadow: 0 0 20px 0 rgba(62, 28, 131, .1);
    background-color: #111;
    width: max-content;
    margin-top: 5px;
}

#header-style-1 .yamm-fw .dropdown-menu li {
    list-style: none;
    padding: 0
}

#header-style-1 .yamm-fw .nav.navbar-right .dropdown-menu {
    left: auto;
    right: 0
}

#header-style-1 .yamm .yamm-content {
    padding: 0px;
    display: grid;
}

#header-style-1 .yamm .yamm-content .col-sm-3 {
    width: auto;
    padding: 0;
}

#header-style-1 a:hover {
    text-decoration: none
}

#header-style-1 .yamm h3 {
    text-transform: uppercase;
    font-size: 14px;
    color: #222;
    padding: 5px 0
}

.navbar-default .navbar-nav>.active>a {
    background-color: unset;
    color: #fff !important;
}

@media (min-width:1100px) and (max-width:1200px) {
    #header-style-1 .navbar-nav>li>a {
        font-size: 15px;
    }
}

#header-style-1 .dropdown-menu li a:active,
#header-style-1 .dropdown-menu li a:focus,
#header-style-1 .dropdown-menu li a:hover {
    background-color: #fafafa
}

#header-style-1 .dropdown-menu .menu2-title {
    border-top: 0px;
    box-shadow: none;
    /*border-bottom: 1px solid #dee2e6;*/
}

#header-style-1 .dropdown-menu ul:last-child a {
    border-top: 0px;
    box-shadow: none;
    border: none;
}

#header-style-1 .dropdown-menu ul a {
    text-decoration: none;
    display: block;
    position: relative;
    padding: 5px 10px;
    color: #fff;
}

#header-style-1 .dropdown-menu ul a:hover {
    color: #1E64A5;
}

#header-style-1 .dropdown-menu li {
    float: none;
    display: block;
    margin: 0;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #d5d5d5
}

#header-style-1 .dropdown-menu li:last-child {
    border-bottom: 0
}

#topbar {
    background: #333;
    position: relative;
    height: 30px;
}

.affix {
    top: 0;
}

#header-style-1.affix a.navbar-brand {
    font-size: 31px !important;
    margin: 5px 0 0
}

#header-style-1.affix .navbar-brand img {
    width: 80%;
    margin-top: 7px
}

#header-style-1.affix .navbar-brand {
    line-height: 38px
}

#header-style-1 .dropdown-menu li a:hover {
    background-color: #111;
    color: #1E64A5;
}

#header-style-1 .navbar-default .navbar-nav>.show>a,
#header-style-1 .navbar-default .navbar-nav>.show>a:focus,
#header-style-1 .navbar-default .navbar-nav>.show>a:hover,
#header-style-1 .navbar-nav>li>a:active,
#header-style-1 .navbar-nav>li>a:focus,
#header-style-1 .navbar-nav>li>a:hover,
#topbar .social-icons span:hover a {
    color: #fff !important;
    border-radius: 3px
}

#topbar,
#topbar a {
    color: #fff
}

#topbar .social-icons span.last a {
    border-right: 1px solid #f2f2f2
}

#topbar .topbar-cart,
#topbar .topbar-email,
#topbar .topbar-login,
#topbar .topbar-phone {
    float: left;
    padding-right: 15px;
    line-height: 32px
}

#topbar .topbar-email,
#topbar .topbar-login,
#topbar .topbar-phone {
    border-right: none
}

#topbar .col-lg-4 {
    padding-left: 0
}

#topbar .col-lg-8 {
    padding-right: 0
}

#topbar .callus,
#topbar .topmenu {
    display: block
}

.tparrows {
    z-index: 20;
    background: unset;
}

.tparrows:hover {
    background: unset;
}

a.menu2-title {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

a.menu3-title {
    color: #222
}


.show>.dropdown-menu {
    display: block
}

.dropdown:hover>.dropdown-menu {
    display: block
}

.header-absolute #topbar {
    background: #333333d6
}

.social-icons {
    padding: 0;
    display: block;
    overflow: hidden;
    float: right
}

.social-icons span a {
    font-size: 20px;
    text-align: center;
    width: 40px;
    line-height: 32px;
    overflow: hidden;
    display: inline-block
}

.yamm .dropdown-submenu {
    position: relative
}

.yamm .dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100% !important;
    margin-top: -3px !important;
    margin-left: -1px;
    border-radius: 0 6px 6px 6px
}

.yamm .dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.yamm .dropdown-submenu.pull-left {
    float: none
}

.yamm .dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    border-radius: 6px 0 6px 6px
}

#footer-style-1,
#footer-style-2,
#footer-style-3 {
    background: #111;
    display: block;
    position: relative;
    margin-top: 20px;
}

#footer-style-1 .widget h3,
#footer-style-2 .widget h3,
#footer-style-3 .widget h3 {
    font-size: 20px
}

#footer-style-1 .social-icons span a,
#footer-style-2 .social-icons span a,
#footer-style-3 .social-icons span a {
    border: none;
    color: #686868
}

#footer-style-1 .widget .title h3,
#footer-style-2 .widget .title h3,
#footer-style-3 .widget .title h3 {
    text-transform: none
}



.upper_footer .widget .title {
    padding-top: 10px
}

.wrap-footer {
    color: #fff;
    max-width: 1200px;
    margin: auto;
    padding: 30px 0px 30px 0px;
    display: flex;
    grid-column-gap: 5px;
}



.copyright-text {
    font-size: 12px;
    color: #fff;
    line-height: 32px;
}

.upper_footer .icon-item {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 15px;
    color: #aaa;
    text-align: center;
    line-height: 30px;
}

.upper_footer .icon-item:hover {
    color: #1E64A5;
}

.upper_footer a,
.upper_footer p {
    color: #fff !important;
    font-size: 14px;
}


.footer-menu ul {
    list-style: none;
    list-style-position: outside;
    float: right;
    display: inline;
    margin: 5px
}

.footer-menu li {
    line-height: 12px;
    float: left;
    padding: 0 7px
}

.footer-menu li a {
    color: #c3c3c3
}

.footer_post li img {
    padding: 4px;
    width: 80px
}

.footer_post li {
    float: left;
    margin: 2px;
    list-style: none
}

.text-widget p {
    margin-bottom: 15px
}

.text-widget h1 {
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase
}

.custom-widget h2 {
    font-size: 24px;
    text-transform: uppercase
}

.custom-widget p {
    font-size: 18px;
    font-weight: 300
}

.popular_items img {
    width: 100px;
    padding-right: 10px;
    float: left
}

.popular_items {
    margin: 20px 0
}

.popular_items .popular_items_div {
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative
}

.popular_items .popular_items_div h4 {
    margin-bottom: 5px !important;
    padding-bottom: 0
}

.popular_items .meta,
.popular_items .meta a {
    color: #222
}

.popular_items .meta {
    font-size: 12px
}

.popular_items .meta span,
.popular_items .meta span i {
    padding-right: 3px
}

.blog-carousel img {
    width: 100%
}

.blog-carousel-content {
    padding: 0 10px 0 10px
}

.blog-masonry {
    display: grid;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 10px 0px;
}

.blog-masonry .relatedposts-column img {
    transition: 0.5s all;
}

.blog-masonry .relatedposts-column:hover img {
    transform: scale(1.1);
}

.blog-carousel-meta span a {
    color: #686868
}

.blog-carousel-meta span,
.blog-carousel-meta span i {
    font-size: 11px;
    padding-right: 5px
}

.blog-carousel-header h3 {
    padding-bottom: 0;
    font-size: 18px;
    margin-bottom: 5px
}

.blog-carousel-header h1 {
    padding-bottom: 0;
    margin-bottom: 5px;
    text-transform: uppercase
}

.blog-carousel-header {
    position: relative;
    display: block;
    margin-bottom: 0;
    padding-bottom: 5px
}

.relatedposts-column {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.relatedposts-content {
    margin: 10px 0px;
}

.relatedposts {
    width: 100%;
    float: left
}

.relatedthumb .image {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden
}

.post-type {
    color: #fff;
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    position: absolute;
    right: 0;
    text-align: center;
    bottom: 0;
    z-index: 10;
    width: 52px;
    background: #222
}

.entry:hover .post-type {
    opacity: 0
}

.social_like .icon-container {
    color: #222;
    margin: 0 15px 0 0;
    background: #fff
}

.social_like .btn {
    width: 86px
}

.social_like {
    position: relative;
    display: block
}

.social_like h3 {
    font-size: 18px !important;
    margin-bottom: 0;
    padding-bottom: 0
}

.social_button {
    position: absolute;
    right: 0;
    top: 10px
}

#tabbed_widget .nav-tabs>li.active>a,
#tabbed_widget .nav-tabs>li.active>a:focus,
#tabbed_widget .nav-tabs>li.active>a:hover,
#tabbed_widget .nav>li>a:focus,
#tabbed_widget .nav>li>a:hover,
#tabbed_widget-1 .nav-tabs>li.active>a,
#tabbed_widget-1 .nav-tabs>li.active>a:focus,
#tabbed_widget-1 .nav-tabs>li.active>a:hover,
#tabbed_widget-1 .nav>li>a:focus,
#tabbed_widget-1 .nav>li>a:hover {
    border-radius: 0
}

#tabbed_widget .nav-tabs>li>a,
#tabbed_widget-1 .nav-tabs>li>a {
    background: #e1e1e1;
    border: none;
    margin-right: 1px;
    border-radius: 0;
    color: #222
}

#sidebar .widget,
#two-sidebar .widget {
    margin-bottom: 30px;
    overflow: hidden
}

#tabbed_widget .recent_posts_widget img,
.reviews_widget .recent_posts_widget>li img {
    max-width: 120px !important;
    padding: 4px
}

#tabbed_widget .nav-tabs {
    border-bottom: none
}

#tabbed_widget .tab-content {
    padding: 20px 5px;
    border: none
}

.reviews_widget .recent_posts_widget a {
    color: #222 !important;
    font-weight: 400
}

.meta_widget a {
    font-weight: 300 !important
}

.widget {
    margin-bottom: 30px
}

.widget .title {
    text-transform: uppercase;
    font-size: 24px
}

.widget h3 {
    font-size: 24px
}

.widget img {
    max-width: 100%
}

.twitter_feed {
    padding-left: 0
}

.footer_contact_feed {
    list-style: none;
    overflow: hidden;
    margin-bottom: 5px
}

.footer_contact_feed p {
    margin-top: -30px;
    padding-left: 30px
}

.footer_contact_feed li span:before {
    color: #4f4f4f;
    padding-left: 0 !important;
    font-family: FontAwesome;
    content: "\f099";
    padding: 10px;
    vertical-align: text-top;
    font-size: 21px
}

.widget .title h3 {
    text-transform: uppercase
}

#contact-page .form-control {
    padding: 25px;
    font-size: 13px;
    margin-bottom: 10px;
    background: #eee;
    border: 0;
    border-radius: 10px;
}

.newsletter_form .form-control {
    background-color: #121214;
    border: 1px solid #343436
}

#offline-form-app .input-group {
    position: relative;
    display: flex;
    border-collapse: separate;
}

#offline-form-app .text-center {
    display: none;
}

#offline-form-app .offline-form {
    position: fixed;
    bottom: 100px;
    right: 60px;
    width: 100%;
    max-width: 300px;
    z-index: 1000
}

#sidebar .newsletter_form .form-control,
#two-sidebar .newsletter_form .form-control {
    background-color: #f5f5f5;
    border: 1px solid #efefef
}

.newsletter_form .btn {
    margin-top: 10px
}

.tagcloud a {
    float: left;
    display: block;
    margin-bottom: 6px;
    margin-right: 6px;
    border-radius: 3px;
    padding: 3px 10px;
    color: #c3c3c3 !important;
    text-decoration: none;
    border: 1px solid #242424;
    background: #323232;
    box-shadow: none !important
}

.tagcloud a:hover {
    background: #222;
    border: 1px solid #111;
    color: #fff !important;
    text-decoration: none
}

#sidebar .recent_posts_widget li,
#sidebar .recent_posts_widget li a,
#two-sidebar .recent_posts_widget li,
#two-sidebar .recent_posts_widget li a,
.buddypress_tabber_widget li a,
.buddypress_tabber_widget_member li a {
    color: #222 !important;
    font-weight: 400
}

#sidebar .readmore,
#two-sidebar .readmore {
    font-weight: 300 !important
}

.recent_posts_widget>li {
    display: table;
    height: 60px;
    margin-bottom: 20px;
    width: 100%
}

.recent_posts_widget>li:last-child {
    border-bottom: 0 solid #fff
}

.recent_posts li {
    list-style: none
}

.buddypress_tabber_widget_member li img,
.recent_posts_widget>li img {
    max-width: 75px !important;
    padding: 4px
}

.recent_posts_widget img {
    float: left;
    margin: 5px 15px 0 0
}

.testimonial_widget {
    padding: 20px;
    margin-bottom: 20px;
    background: #f5f5f5;
    border: 1px solid #ddd
}

.testimonial-widget .lead {
    padding-top: 30px
}

.testimonial-wrap {
    background-color: #f5f5f5;
    padding: 30px 20px;
    border-bottom: 3px solid #6f6d69
}

#owl-testimonial-widget .img-circle {
    border: 3px solid #fff;
    width: 100px
}

#owl-testimonial-widget h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0
}

.testimonial-wrap .lead {
    font-weight: 300 !important;
    font-size: 18px !important
}

.testimonial-carousel a {
    color: #222 !important
}

.testimonial-carousel .media {
    margin: 20px auto 10px !important;
    display: inline-block !important
}

.overlay .testimonial-widget .img-thumbnail {
    background-color: #7e7c78;
    border: 1px solid #6f6d69
}

.testimonial-widget {
    color: #222;
    text-align: center
}

.testimonial-widget .testimonial .lead:after {
    content: "\f10e" !important
}

.testimonial-widget .testimonial .lead:after,
.testimonial-widget .testimonial .lead:before {
    color: #222;
    font-family: FontAwesome;
    content: "\f10d";
    padding: 10px;
    vertical-align: text-top;
    font-size: 21px
}

.box {
    padding: 20px;
    border: 1px solid #ededed
}

.cart_table img {
    margin-right: 10px
}

.box .price,
.cart_table .price2 {
    font-size: 16px;
    margin: 10px
}

.cart_table .cart_title,
.cart_table .price {
    font-size: 18px;
    color: #222;
    margin: 10px
}

.cart_table .rating {
    padding: 5px 10px 10px !important;
    overflow: hidden !important
}

div.thumbnails {
    padding-top: 10px;
    zoom: 1
}

div.thumbnails .entry {
    border: 1px solid #fff;
    float: left;
    width: 30%;
    margin-right: 4.9%
}

div.thumbnails .magnifier .buttons {
    top: 40%
}

#buddypress_features .nav li,
#shop_features .nav li {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px
}

#buddypress_features,
#shop_features {
    padding: 40px 0;
    margin: 20px 0;
    overflow: hidden
}

#buddypress_features .nav-tabs {
    background: #222;
    border: none
}

#shop_features .nav-tabs {
    background: #f8f8f8;
    border: 1px solid #ddd
}

#buddypress_features .nav-tabs>li>a,
#custom_tab .nav-tabs>li>a,
#shop_features .nav-tabs>li>a {
    border-radius: 0;
    border-bottom: 1px solid #ddd;
    line-height: 2.1
}

#buddypress_features .tab-content,
#custom_tab .tab-content,
#shop_features .tab-content {
    padding: 20px;
    border-bottom: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    overflow: hidden
}

#buddypress_features .nav-tabs>li>a {
    color: #fff !important;
    border: none !important
}

#buddypress_features .nav i {
    text-align: center;
    display: block;
    font-size: 24px
}

#custom_tab .tab-content ul li,
#shop_features .tab-content ul li {
    list-style: square
}

#custom_tab .tab-content ul,
#shop_features .tab-content ul {
    padding: 0 0 10px 20px
}

.tabbable .nav-tabs {
    background: #e1e1e1;
    border: 1px solid #d7d7d7 !important
}

.btn-shop .form-control:focus {
    box-shadow: none
}

.btn-shop .form-control {
    width: 45px;
    border-radius: 0;
    background: #efefef;
    border-color: #ddd;
    height: 34px !important;
    margin: 0;
    padding-right: 0
}

.btn-shop span {
    background: #181818;
    -moz-user-select: none;
    background-image: none;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin: 0 -3px;
    color: #fff;
    padding: 7px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.shop_item_details ul {
    padding-left: 0;
    margin: 15px 0;
    overflow: hidden
}

.shop_item_details strong {
    color: #181818;
    padding-right: 10px
}

.shop_item_details ul li {
    list-style: none;
    margin: 0 0 12px
}

.shop-right .title h2 {
    margin-bottom: 5px;
    padding-bottom: 0;
    font-size: 22px
}

.shop-right .title .rating {
    margin-bottom: 10px
}

.shop_item {
    padding-right: 5px
}

.shop_item .item-action a {
    margin-right: 15px;
    font-size: 16px
}

.shop_item .item-action a:not(:hover) {
    color: #fff
}

.shop_item .magnifier .buttons {
    top: 44%;
    margin-top: 0 !important
}

.shop-banner {
    margin-bottom: 17px;
    position: relative
}

.shop-banner img {
    width: 100%
}

.shop-banner .title h1 {
    color: #fff;
    font-size: 42px;
    font-weight: 700
}

.shop-banner .title {
    opacity: 1;
    text-align: center;
    position: absolute;
    top: 27%;
    left: 0;
    right: 0
}

.banner-hover {
    background: rgba(255, 255, 255, .3);
    padding: 10px;
    border: 10px solid rgba(0, 0, 0, .1);
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    right: 20px;
    opacity: 1;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.banner-hover.big {
    left: 30px;
    right: 30px
}

.entry:hover .banner-hover {
    opacity: 0
}

.royalSlider img {
    width: 100%
}

.big_title_onepage {
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
    border: 6px solid #fff;
    padding: 40px
}

.small_thin_grey1 {
    font-size: 14px
}

.small_thin_grey1 i {
    padding: 0 5px
}

.cat_widget {
    border: 3px solid #fff
}

.cat_widget .magnifier .buttons {
    top: 38%
}

.cat_widget h3 {
    font-size: 18px;
    text-transform: uppercase
}

.blog-carousel .entry,
.cat_widget .entry,
.portfolio-carousel .entry,
.portfolio_item .entry,
.royalSlider .entry,
.shop_item .entry,
.team_member .entry {
    display: block;
    overflow: hidden;
    position: relative
}

.shop_item .magnifier .st {
    padding: 0 10px;
    width: auto
}

.product_list_widget {
    padding-left: 0
}

.shopping-cart-widget li {
    margin: 0 0 1em
}

.shopping-cart-widget li:after,
.shopping-cart-widget li:before {
    content: "";
    display: table
}

.shopping-cart-widget li:after {
    clear: both
}

.shopping-cart-widget li img {
    width: 40px;
    float: right;
    margin-left: 1em
}

.shopping-cart-widget li .quantity {
    width: auto;
    float: none
}

.shopping-cart-widget li a {
    display: block
}

.shopping-cart-widget li:last-child {
    margin: 0;
    border: none
}

.cart_list li {
    list-style: none
}

.shop_item .entry {
    border: 1px solid #e8e8e8
}

.shop_item .shop_title span {
    font-size: 16px;
    font-weight: 500;
    color: #222
}

.shop-right .title .price,
.shop_item .price {
    font-size: 14px !important;
    font-weight: 500
}

.woo_btn {
    padding: 7px 12px !important;
    border-radius: 0 !important
}

.shop_item .cats {
    font-weight: lighter !important;
    display: block;
    font-size: 14px !important
}

.shop_item .cats a {
    color: #777
}

.shop_desc {
    padding-top: 10px;
    overflow: hidden
}

.shop_item {
    display: block;
    overflow: hidden;
    position: relative
}

#content {
    padding-bottom: 60px
}

.tab-pane .buddy_members .item {
    margin: 10px
}

.buddy_members .item {
    float: left;
    margin: 13px;
    padding: 0
}

.buddypress_content {
    margin: 20px 0 40px;
    overflow: hidden;
    display: block;
    position: relative
}

.buddypress-top h2,
.buddypress-top h3 {
    margin-top: 10px
}

.buddy_desc small {
    display: block;
    color: #222;
    margin: 10px 0
}

.buddy_desc h3 {
    padding: 5px 0;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0
}

.group_box i {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #111;
    line-height: 80px
}

.group_box a {
    color: #222
}

.buddy_desc {
    padding: 15px;
    border: 1px solid #d3d3d3
}

.arrow-left {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #d3d3d3;
    border-top: 10px solid transparent;
    height: 0;
    left: -10px;
    position: absolute;
    top: 15%;
    width: 0
}

.group_box {
    border: 1px solid #d3d3d3;
    position: relative;
    display: block;
    text-align: center;
    padding: 30px 0 10px;
    font-size: 16px;
    font-weight: 400;
    margin: 35px 0;
    border-radius: 3px
}

.group_box:hover .circle {
    color: #fff
}

.buddypress_tabber_widget .group_img {
    left: -10px;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 0
}

.buddypress_tabber_widget .group_box {
    border: none;
    margin: 10px 0 25px;
    padding: 10px 0
}

.buddypress_tabber_widget .circle {
    left: 67px !important;
    top: 7px !important;
    right: inherit
}

.buddypress_tabber_widget .group_timer {
    padding-bottom: 0;
    padding-left: 110px;
    margin: 0;
    padding-top: 10px;
    text-align: left
}

.buddypress_tabber_widget .group_box .title h3 {
    padding-bottom: 0;
    padding-left: 110px;
    margin: 0;
    padding-top: 0;
    text-align: left
}

.buddy_carousel .popover.top>.arrow,
.buddy_members .popover.top>.arrow {
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -12px !important;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0
}

.group_box .title h3 {
    padding-bottom: 0;
    padding-top: 10px;
    font-size: 18px;
    font-weight: 700
}

.group_img {
    left: 0;
    margin: 0 auto;
    padding: 10px;
    position: absolute;
    right: 0;
    top: -55px;
    text-align: center
}

.buddy_carousel {
    margin: 40px 0 20px
}

.buddy_carousel .owl-controls {
    padding: 20px 0 0
}

.buddy_carousel .owl-controls .owl-page span {
    width: 15px !important;
    height: 15px !important;
    border: 1px solid #ddd
}

.buddy_carousel .item {
    margin: auto;
    text-align: center
}

.buddy_carousel .owl-wrapper-outer {
    overflow: visible
}

.buddy_carousel .popover.top,
.buddy_members .popover.top {
    margin-top: -60px;
    z-index: 9999;
    overflow: visible;
    position: absolute
}

.buddy_carousel .popover,
.buddy_members .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: block;
    overflow: visible;
    max-width: 276px;
    padding: 1px;
    text-align: center;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ededed;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    box-shadow: none;
    white-space: normal
}

.buddy_carousel .popover-title,
.buddy_members .popover-title {
    margin: 0;
    padding: 15px 14px 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    background-color: #fff;
    border-bottom: 1px solid #fff
}

.buddy_carousel .popover-content,
.buddy_members .popover-content {
    width: 200px;
    padding: 5px 4px 20px
}

.buddypress_tabber_widget_member li {
    display: block;
    margin: 10px 0 20px;
    position: relative;
    overflow: hidden
}

.buddypress_tabber_widget_member li span {
    padding-left: 10px;
    margin-bottom: 0;
    font-size: 16px !important;
    text-transform: uppercase !important;
    vertical-align: super;
    padding-bottom: 0
}

.buddypress_tabber_widget_member li .readmore {
    margin-top: -35px;
    padding-left: 90px;
    padding-top: 0;
    position: absolute
}

.single-portfolio .title h2 {
    font-size: 24px;
    text-transform: none;
    margin-top: 0;
    padding-top: 0
}

.product_details ul li {
    list-style: none;
    padding-left: 2px;
    padding-bottom: 5px
}

.pager li>a,
.pager li>span {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    margin: 30px 0 0;
    display: inline-block;
    padding: 5px 14px
}

.pager li>a:hover,
.pager li>span:hover {
    background-color: #222;
    color: #fff
}

.product_details ul li a {
    color: #666
}

.masonry_wrapper {
    overflow: hidden;
    margin: 30px 0
}

.masonry_wrapper .item {
    margin: 0 2px 4px;
    padding: 0
}

.masonry_wrapper .item img {
    height: auto !important;
    height: 100% !important;
    width: 100%;
    position: relative;
    z-index: -2
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    z-index: 1
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

.isotope .isotope-item.no-transition,
.isotope.no-transition,
.isotope.no-transition .isotope-item {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.magnifier .btn-default {
    padding: 0 20px !important;
    color: #222 !important;
    width: auto !important
}

.magnifier .sf,
.magnifier .sg,
.magnifier .st {
    border: 1px solid #fff;
    color: #fff;
    display: block;
    display: inline-block !important;
    float: none !important;
    font-size: 16px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    width: 40px;
    margin: -10px 2px 0 2px;
    text-align: center;
    width: 40px;
}

.magnifier h4 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
    margin-bottom: 20px;
    display: block;
}

.magnifier h3 {
    color: #fff;
    text-align: center
}

.portfolio_item .magnifier .buttons {
    top: 44%;
}

.magnifier .buttons {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    -ms-transform: scale(.2);
    -o-transform: scale(.2);
    transform: scale(.2);
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.magnifier:hover .buttons {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.entry:hover .magnifier {
    opacity: 1;
    visibility: visible
}

.container-news {
    background-image: url(/photos/all/resize-img/1500x1000/footer-1.jpg);
    background-size: cover;
    background-position: center;
    filter: grayscale(100%);
}

.container-news:hover {
    filter: grayscale(0%);
}




.item_overlay {
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    left: 0;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    background: #00000079;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.item_overlay .featured-play-button {
    display: block;
    position: absolute;
    bottom: 100px;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 30px;
}

.item_overlay a,
.item_overlay a:hover {
    color: #fff
}

.shop_item:hover .item_overlay {
    opacity: 1;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    z-index: 2;
    transition: all 0.5s ease;
}

.shop_item .entry img {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.shop_item .entry:hover {
    border: 1px solid #1E64A5;
    /*webkit-transform: scale(1);*/
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    /*transform: scale(1)*/

}

.shop_item .entry:hover img {
    /*webkit-transform: scale(1.1);*/
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    /*transform: scale(1.1)*/
}

.shop_item:hover .btn-default {
    border-color: #1E64A5
}

.magnifier {
    position: absolute;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.custom-wrapper .col-lg-6 {
    padding: 0
}

.custom-wrapper .overlay {
    background-color: rgba(0, 0, 0, .4);
    padding: 0
}

.parallax {
    background-attachment: fixed !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.custom-overlay {
    padding: 60px 0px
}

.overlay {
    padding: 60px 0px;
    background-color: rgba(0, 0, 0, .7)
}

.dark-wrapper {
    background-color: #222;
    padding: 60px 0
}

.grey-wrapper {
    padding: 20px 0
}


.custom-message {
    padding: 90px 0
}

.custom-message h1 {
    text-align: center;
    font-weight: 700;
    font-size: 54px
}

.custom-wrapper {
    background: url(demos/custom_wrapper_bg.jpg) no-repeat center center;
    background-size: cover
}

.custom-wrapper .testimonial h3 {
    color: #222 !important
}

#boxed {
    background: url(demos/bg.jpg) no-repeat center center fixed;
    background-size: cover
}

#boxed #wrapper {
    background: #fff;
    margin: 50px auto
}

#boxed .grey-wrapper,
#boxed .white-wrapper {
    margin: 0 -15px
}

#boxed #topbar,
#boxed #topbar .social-icons span a,
#boxed #topbar .social-icons span.last a,
#boxed #topbar .topbar-cart,
#boxed #topbar .topbar-email,
#boxed #topbar .topbar-login,
#boxed #topbar .topbar-phone {
    border: none
}

.grey-wrapper #accordion-second .accordion-heading,
.grey-wrapper #accordion-second .accordion-heading .accordion-toggle,
.grey-wrapper #accordion-second .accordion-heading .accordion-toggle.active,
.grey-wrapper #accordion-second .accordion-inner,
.grey-wrapper #accordion-second .accordion-toggle:hover,
.grey-wrapper .testimonial-wrap {
    background: #fff
}

.general-title hr {
    width: 90px;
    margin-bottom: 0;
    margin-top: 0;
    border-width: 2px 0 0
}

.general-title,
.messagebox {
    text-align: center
}

.general-title .lead {
    margin-top: 10px !important
}

.see-more {
    text-transform: lowercase;
    padding: 0px 10px;
    border: solid 1px #1E64A5;
    border-radius: 30px;
    margin-top: 30px;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    background: transparent;
}

.see-more a {
    background: transparent;
    color: #fff;
    text-shadow: 0px 1px 0px #333;
}

.see-more:hover {
    background: #1E64A5;
    color: #fff;
}


.contact-box {
    padding: 40px 20px;
    display: flex;
    max-width: 1200px;
    color: #fff;
    flex-direction: column;
    margin: auto;
}

.contact-title {
    color: #1E64A5;
    font-size: 40px;
}

.contact-head {
    border-left: solid 3px #1E64A5;
    padding: 0px 20px;
    max-width: 700px;
}

.contact-body {
    padding: 30px 0px 0px 30px;
    background-image: url(/photos/assets/image/map.png);
    background-position: right;
    background-size: cover;
}

.contact-body a {
    color: #fff;
}

.contact-body a:hover {
    color: #1E64A5;
}

.contact-content {
    margin: 30px 0px;
    display: flex;
    align-items: center;
}

.container-video {
    margin: auto;
    text-align: center;
}

.section-video {
    margin: auto;
    text-align: center;
    padding: 30px;
    background-image: url(/photos/all/resize-img/1500x1000/1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: repeat;
    background-attachment: fixed;
}


.ladi-paragraph {
    color: #fff;
    font-size: 14px;
    text-align: justify;
    width: 100%;
    display: inline-block;
    word-break: break-word;
}

.ladi-line-container {
    border-top: 2px solid rgb(255, 255, 255);
    border-right: 2px solid rgb(255, 255, 255);
    border-bottom: 2px solid rgb(255, 255, 255);
    border-left: 0px !important;
    border-bottom: 0 !important;
}

.rsUni,
.rsUni .rsOverflow,
.rsUni .rsSlide,
.rsUni .rsThumbs,
.rsUni .rsVideoFrameHolder {
    background: #f5f5f5 !important
}

#gallery-2 {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.aboutslider-shadow {
    width: 100%;
    position: relative;
    z-index: 1
}

.aboutslider-shadow .s1 {
    background: url(images/flexslider_shadow.png) center no-repeat;
    height: 29px;
    margin: 0 auto;
    bottom: -28.5px;
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0
}

.slider-shadow.without {
    margin-top: -20px !important
}

.slider-shadow {
    background: url(images/slider-shadow.png) center center no-repeat;
    width: 100%;
    height: 77px;
    display: block;
    z-index: 0;
    overflow: hidden;
    position: relative;
    margin: 0 auto
}

.fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0;
    display: none
}

.fullwidthbanner-container {
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden
}

.fullscreenbanner-container ul,
.fullwidthbanner-container ul {
    display: none
}

.fullwidthbanner-container .fullwidthbanner {
    width: 100%;
    position: relative
}

#slider-in-laptop {
    width: 100%;
    height: auto;
    padding: 3% 15% 0 16%;
    background: 0 0
}

#slider-in-laptop .rsOverflow,
#slider-in-laptop .rsSlide,
#slider-in-laptop .rsThumbs,
#slider-in-laptop .rsVideoFrameHolder {
    background: #151515
}

.imgBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto
}

#slider-in-laptop .rsBullets {
    bottom: -50px
}

.laptopBg {
    position: relative;
    width: 100%;
    height: auto
}

#slider-in-laptop .rsBullets {
    bottom: -50px
}

.shop_title_slider_2 {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
    color: #222
}

.shop_title_slider {
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff
}

.high_title2 {
    font-size: 48px;
    font-weight: 400 !important;
    letter-spacing: 0;
    line-height: 120% !important;
    padding: 0 0 10px;
    position: relative
}

.high_title {
    font-size: 70px;
    font-weight: 100 !important;
    letter-spacing: 0;
    line-height: 140% !important;
    padding: 0 0 10px;
    position: relative
}

.big_title_slider {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 140% !important;
    padding: 0 0 10px;
    position: relative
}

.big_title {
    color: #222;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 140% !important;
    padding: 0 0 10px;
    position: relative
}

.slider_title_a {
    color: #222;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 140% !important;
    padding: 0 0 10px;
    position: relative
}

.upper_title {
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 700
}

.small_title2 {
    color: #222 !important
}

.mini_title2 {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #222 !important
}

.light_title {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
    padding: 0 0 10px;
    position: relative;
    line-height: 140% !important
}

.small_title,
.small_title2 {
    color: #fff;
    font-size: 20px;
    letter-spacing: 0;
    padding: 0 0 10px;
    font-weight: lighter;
    position: relative;
    line-height: 140% !important
}

.mini_title span {
    font-size: 24px
}

.mini_title {
    color: #fff;
    font-size: 14px;
    font-weight: 700 !important;
    letter-spacing: 0;
    padding: 0 0 10px;
    font-weight: lighter;
    position: relative;
    line-height: 140% !important
}

.tp-bullets.simplebullets.navbar {
    height: 35px;
    padding: 0
}

.tp-bullets.simplebullets .bullet {
    cursor: pointer;
    position: relative !important;
    background: #efefef !important;
    border-radius: 100px;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 6px solid transparent !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 14px !important;
    -webkit-transition: background-color .2s, border-color .2s;
    -moz-transition: background-color .2s, border-color .2s;
    -o-transition: background-color .2s, border-color .2s;
    -ms-transition: background-color .2s, border-color .2s;
    transition: background-color .2s, border-color .2s;
    float: none !important
}

.tp-bullets.simplebullets .bullet.last {
    margin-right: 0
}

.tp-bullets.simplebullets .bullet.selected,
.tp-bullets.simplebullets .bullet:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid #111
}

.slides-navigation a,
.tp-leftarrow,
.tp-rightarrow {
    opacity: .6 !important
}

.slides-navigation a:hover,
.tp-leftarrow:hover,
.tp-rightarrow:hover {
    opacity: 1 !important
}

.tparrows:hover {
    color: #fff
}

.tp-leftarrow:before {
    content: '\e824'
}

.tp-rightarrow:before {
    content: '\e825'
}

.tparrows.tp-rightarrow:before {
    margin-left: 1px
}

#revvideo {
    width: 100%;
    height: 100%
}

.custom-select {
    background: none repeat scroll 0 0 #fff !important;
    border: 1px solid #e9e9e9 !important;
    box-shadow: 0 0 0 1px #fff inset, 1px 2px 0 #e9e9e9 !important;
    outline: medium none;
    position: relative
}

#video {
    border: 1px solid #fff
}

#soundcloud {
    border: 1px solid #fff;
    width: 100%
}

.contact_form {
    overflow: hidden
}

.overlay .contact_details {
    color: #fff !important
}

.contact_form textarea {
    height: 133px !important
}

.contact_form .form-control {
    margin-bottom: 10px;
    height: 62px;
}

#contactform fieldset {
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 5px
}

#contactform legend {
    padding: 7px 10px;
    font-weight: 700;
    color: #111;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 0 !important;
    margin-bottom: 20px
}

#contactform span.required {
    font-size: 13px;
    color: red
}

#message {
    margin: 10px 0;
    padding: 0
}

.error_message {
    display: block;
    height: 22px;
    line-height: 22px;
    background: #fbe3e4 url(images/error.gif) no-repeat 10px center;
    padding: 3px 10px 3px 35px;
    color: #8a1f11;
    border: 1px solid #fbc2c4;
    border-radius: 5px
}

.loader {
    padding: 0 10px
}

#contactform #success_page h1 {
    background: url(images/success.gif) left no-repeat;
    padding-left: 22px
}

acronym {
    border-bottom: 1px dotted #ccc
}

#map {
    height: 450px;
    width: 100%
}

#map img {
    max-width: inherit
}

.map {
    position: relative
}

.map .row .col-lg-4 {
    float: right;
    margin-top: -450px;
    z-index: 9
}

.contact-icon {
    margin: 20px 0;
    overflow: hidden
}

.map .row {
    position: relative
}

.infobox img {
    width: 100% !important
}

.map .searchmodule {
    padding: 18px 10px
}

.infobox {
    display: inline-block;
    padding: 5px;
    position: relative;
    width: 270px
}

.infobox img {
    width: 80px !important;
    padding-right: 10px
}

.infobox .title {
    font-size: 13px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    padding-bottom: 5px
}

.infobox .title a {
    font-weight: 700
}

.search_form {
    position: relative
}

.search_form:after {
    color: #d9d9d9;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    width: 40px;
    right: 0;
    top: 0;
    font-family: FontAwesome;
    content: "\f002"
}

.grey-wrapper .pricing_detail {
    background: #fff
}

.grey-wrapper .pricing_detail .priceamount {
    border-color: #f5f5f5
}

.pricing_detail {
    border: 1px solid #e3e3e3;
    padding: 30px 20px;
    text-align: center;
    -webkit-transition: background-color .2s linear, color .2s linear;
    -moz-transition: background-color .2s linear, color .2s linear;
    -o-transition: background-color .2s linear, color .2s linear;
    -ms-transition: background-color .2s linear, color .2s linear;
    transition: background-color .2s linear, color .2s linear
}

.pricing_detail:hover h3,
.pricing_detail:hover ul li {
    color: #fff
}

.pricing_detail:hover header {
    border-color: #ededed
}

.pricing_detail header {
    border-bottom: 1px solid #e3e3e3
}

.pricing_detail header h3 {
    font-size: 30px;
    margin-top: 35px;
    padding: 0;
    display: block;
    overflow: hidden
}

.pricing_info {
    display: block
}

.pricing_info ul {
    padding-left: 0
}

.pricing_info ul li {
    list-style: none;
    padding: 15px 0
}

.pricing_boxes {
    padding: 80px 0;
    display: block;
    overflow: hidden;
    position: relative
}

.pricing_detail:hover .btn {
    color: #fff !important;
    background: #222 !important
}

.pricing_detail .priceamount {
    border-radius: 500px;
    color: #fff;
    background: #222;
    display: block;
    border: 10px solid #fff;
    font-size: 16px;
    height: 120px;
    margin: 0 auto;
    text-align: center;
    width: 120px;
    position: absolute;
    top: -70px;
    left: 0;
    right: 0;
    padding-top: 30px;
    line-height: 1.6
}

.banners li {
    list-style: none;
    margin: 5px;
    float: left !important
}

.banners li .img-thumbnail {
    background-color: #bbb;
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 5px
}

.long-twitter i {
    font-size: 31px
}

.long-twitter a {
    text-decoration: underline;
    color: #fff
}

.long-twitter {
    color: #fff
}

.tab-content {
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #efefef
}

.nav-tabs>li>a {
    border: 1px solid #efefef;
    line-height: 1.42857;
    margin-right: 0
}

.nav-stacked li:last-child {
    border-bottom: 0 solid #efefef !important
}

.nav-stacked>li>a {
    color: #222;
    padding: 0px 0px 5px 0px;
    ;
    border: 0 solid #efefef !important
}

.nav-stacked li {
    border-top: 0 solid #efefef !important;
    border-left: 0 solid #efefef !important;
    border-bottom: 0px solid #efefef !important;
    border-right: 0 solid #efefef !important
}

.panel-title:after {
    content: "\f078";
    color: #292723;
    float: right;
    display: block;
    font-family: FontAwesome;
    font-size: 13px;
    margin-top: -20px;
    position: relative;
    line-height: 20px;
    text-transform: none
}

.panel-body h4 {
    font-size: 16px;
    margin: 10px 0 20px;
    padding: 0 !important
}

.panel-body .form-control {
    margin-bottom: 0
}

.panel-default,
.panel-group .panel-heading+.panel-collapse .panel-body {
    border: 0 solid #fff !important;
    box-shadow: 0 0 #fff;
    background: 0 0
}

.panel-title {
    padding: 0
}

.panel-default>.panel-heading {
    background-color: #fff;
    padding: 15px 20px;
    border: 1px solid #a9a9a9;
    border-radius: 3px
}

.panel-default>.panel-heading a:hover {
    background: 0 0 !important;
    color: #222 !important
}

.panel-default>.panel-heading a {
    color: #222;
    font-size: 18px;
    width: 100%;
    display: block
}

.stat {
    text-align: center
}

.highlight-count {
    color: #fff;
    padding: 30px 0;
    font-weight: 700;
    display: block;
    overflow: hidden;
    margin-bottom: 0;
    font-size: 48px
}

.milestone-details {
    font-weight: 700;
    font-size: 18px;
    color: #fff
}

.dmtop {
    background-color: #161616;
    background-image: url(images/arrow.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-indent: 0;
    position: fixed;
    bottom: -100px;
    right: 25px;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    overflow: auto
}

.progress {
    position: relative;
    overflow: visible
}

.skill_count {
    position: absolute;
    right: 0;
    font-weight: 700;
    font-size: 16px;
    color: #222;
    top: -9px
}

.skills_bar {
    margin: 10px 0;
    overflow: hidden
}

.skills_bar small {
    font-size: 14px;
    color: #222;
    margin: 10px 0
}

.progress {
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #cbcbcb;
    background: 0 0;
    margin: 10px 0;
    height: 10px
}

#accordion-second .accordion-group {
    margin-bottom: 10px
}

#accordion-second .accordion-heading {
    border-bottom: 0;
    font-size: 16px
}

#accordion-second .accordion-heading .accordion-toggle {
    display: block;
    cursor: pointer;
    padding: 0 !important;
    color: #222;
    background: #f5f5f5;
    outline: 0 !important;
    text-decoration: none
}

#accordion-second .accordion-heading,
#accordion-second .accordion-heading .accordion-toggle.active,
#accordion-second .accordion-toggle:hover {
    background: #f5f5f5
}

#accordion-second .accordion-heading .accordion-toggle>em {
    background-color: #222;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    height: 37px;
    line-height: 40px;
    margin-right: 10px;
    text-align: center;
    width: 40px
}

#accordion-second .accordion-inner {
    padding: 9px 10px;
    background: #f5f5f5
}

#accordion-first .accordion-group {
    margin-bottom: 10px
}

.accordion#accordion4 {
    display: inline-block
}

#accordion-first .accordion-heading {
    border-bottom: 0;
    font-size: 16px;
    position: relative
}

#accordion-first .accordion-heading .accordion-toggle {
    display: block;
    cursor: pointer;
    padding: 5px 0 !important;
    color: #222;
    outline: 0 !important;
    text-decoration: none
}

#accordion-first .accordion-heading,
#accordion-first .accordion-heading .accordion-toggle.active,
#accordion-first .accordion-toggle:hover {
    background: 0 0
}

#accordion-first .accordion-heading .accordion-toggle>em {
    border-radius: 100px;
    color: #222;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    text-align: center;
    width: 20px
}

#accordion-first .accordion-inner {
    padding: 9px 10px
}

.check li:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 16px;
    left: 0;
    padding-right: 5px;
    position: relative;
    top: 2px
}

.check li {
    font-size: 13px;
    list-style: none;
    margin-bottom: 4px
}

.check {
    margin-left: 0;
    padding-left: 0
}

.check li a {
    color: #656565
}

#services .item {
    padding: 15px
}

.item h3 {
    padding-bottom: 0
}

.item .icon-container {
    font-size: 24px;
    float: left;
    margin: 0 20px 0 0
}

.servicesbox_content p {
    display: inline-block;
    margin-top: 10px
}

.servicesbox_content {
    display: block !important;
    width: 100% !important;
    padding: 2px
}

.service-cate-page .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.service-cate-page .service {
    aspect-ratio: 1/1.5;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.service-cate-page .service .service-img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}

.service-cate-page .service:hover .service-img {
    transition: 0.5s all;

}


.service-cate-page .service_cate_carousel .owl-item::before {
    content: '';
    height: 100%;
    width: 100%;
    background-color: #1E64A5;
    /* background: linear-gradient(270deg, rgba(244,128,31,1) 0%, rgba(189,97,15,1) 100%); */
    background: linear-gradient(180deg, rgb(0 0 0 / 30%) 10%, rgba(189, 97, 15, 1) 100%);
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s all;
}

.service-cate-page .service_cate_carousel .owl-item:hover::before {
    transform: rotate(2deg);
    transform-origin: top left;
    height: 102%;
}

.service-cate-page .service_cate_carousel .owl-item .service {
    filter: grayscale(100%);
}

.service-cate-page .service_cate_carousel .owl-item.active .service {
    filter: grayscale(0%);
}

.service-cate-page .service_cate_carousel .owl-item:not(.active) {
    visibility: hidden;
    opacity: 0;
    transition: 0.5s all;
}

.service-cate-page .service_cate_carousel .owl-item .service .blog-carousel-content {
    visibility: hidden;
}

.service-cate-page .service_cate_carousel .owl-item.active .service .blog-carousel-content {
    visibility: visible;
}

/* .service-cate-page .service .service-img {
    max-height: 100%;
    width: auto;
} */

.service-cate-page .blog-item {
    aspect-ratio: 3/2;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    position: relative;

}

.service-cate-page .blog-item>a {
    position: relative;
}

.service-cate-page .hover-item {
    position: relative;
}

.service-cate-page .hover-item::before {
    content: '';
    height: 100%;
    width: 100%;
    background-color: #1E64A5;
    background: linear-gradient(180deg, rgb(0 0 0 / 40%) 40%, rgba(189, 97, 15, 1) 100%);
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s all;
}

.service-cate-page .hover-item:hover::before {
    transform: rotate(2deg);
    transform-origin: top left;
    height: 102%;
}

.service-cate-page .blog-item .service-img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}

.service-cate-page .blog-item:hover .service-img {
    transform: scale(1.1);
}

.service-cate-page .service .hover-wall {
    position: absolute;
    top: -65px;
    left: 15px;
    width: 100%;
    height: 450px;
    background: #141414;
}

.service-cate-page .service-cate-item {
    margin-top: 20px;
}

.service-cate-page .blog-carousel {
    position: relative;
}

.service-cate-page .service-overlay {
    padding: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background: linear-gradient(180deg, rgba(213, 164, 41, 0) 0%, #000000eb 100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.service_cate_carousel,
.service-cate-page .service_cate_carousel {
    position: relative;
}

.service_cate_carousel .owl-nav {
    position: absolute;
    top: 35%;
    font-size: 60px;
    z-index: 99;
    width: 100%;
}


/* .service-cate-page.related .service_cate_carousel .owl-nav button.owl-prev{
    float:left;
    color:#1E64A5;
    position: absolute;
    left: 0px;
}

.service-cate-page.related .service_cate_carousel .owl-nav button.owl-next{
    float:right;
    color:#1E64A5;
    position: absolute;
    right: 0px;
} */

.service-cate-page .service_cate_carousel .owl-nav button.owl-prev {
    float: left;
    color: #1E64A5;
    position: absolute;
    left: -45px;
}

.service-cate-page .service_cate_carousel .owl-nav button.owl-next {
    float: left;
    color: #1E64A5;
    position: absolute;
    right: -45px;
}

.service-cate-page .service_cate_carousel .owl-nav button.owl-prev:hover,
.service-cate-page .service_cate_carousel .owl-nav button.owl-next:hover {
    color: #fff;
}


.service-content-slide {
    position: relative;
    margin: 20px 0px;
}

.service-content-slide .left-content {
    padding: 0px 30px 0px 30px;
    position: relative;
    z-index: 9;
}

@media(min-width: 992px) {
    .service-content-slide {
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
        align-items: start;
    }

    /* .service-content-slide.portforlio-item-page {
        align-items: start;
    } */
    .service-content-slide .left-content {
        height: calc(100vh/1.2);
        display: flex;
        flex-flow: column;
        /* aspect-ratio: 1.1/1; */
    }

    .service-content-slide .left-content .detail_box {
        overflow-y: scroll;
        padding-right: 15px;
    }

    .service-content-slide.portforlio-item-page .left-content {
        height: calc(100vh/1.2);
        display: flex;
        flex-flow: column;
    }
}

@media(min-width: 1500px) {
    .service-content-slide .left-content {
        height: 730px;
    }
}

@media(min-width: 1700px) {
    .service-content-slide .left-content {
        height: 850px;
    }
}


.service-content-slide.portforlio-item-page .left-content {
    /* box-shadow: -20px 0px 50px 12px rgb(0 0 0 / 80%); */
    overflow: hidden;
}

/* .service-content-slide .right-content {
    max-height: 730px;
    overflow: hidden;
    aspect-ratio: 2/1.2;
} */

.service-content-slide.portforlio-item-page .right-content {
    padding-top: 0px;
    padding-bottom: 0px;
}

.breadcrumb-box>li {
    display: inline-block;
}

.breadcrumb-box a,
.breadcrumb-box .dark {
    font-size: 16px;
    color: #1E64A5;
}

.breadcrumb-box .active,
.breadcrumb-box a:hover {
    color: #fff;
    font-size: 16px;
}

.breadcrumb-box-section h1 {
    color: #1E64A5;
    text-transform: uppercase;
    text-align: left !important;
}

@media (max-width: 768px) {

    .breadcrumb-box-section,
    .breadcrumb-box-section h1 {
        text-align: center !important;
    }

    .service-content-slide {
        height: auto;
    }

    .service-content-slide .left-content {
        padding: 30px 15px 15px 15px;
        height: auto;
        background: none;
        position: relative;
        box-shadow: none;
    }

    .service-content-slide .right-content {
        margin-top: 30px;
        padding: 0px 15px;
    }

    .service-content-slide .left-content .detail_box::-webkit-scrollbar {
        width: 0px;
    }
}


.service-content-slide .left-content .detail_box::-webkit-scrollbar {
    width: 5px;
}

.service-content-slide .left-content .detail_box::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 100px;

}

.service-content-slide .left-content .detail_box::-webkit-scrollbar-thumb {
    background-color: #1E64A5;
    border-radius: 100px;
}

/* .service-content-slide .owl-carousel .owl-stage-outer {
    height:730px;
} */
.service-content-slide .owl-dots {
    position: absolute;
    bottom: 13px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}

.service-content-slide .owl-dots .owl-dot span {
    background: #1E64A5;
}

.gar-left {
    position: absolute;
    /* background: linear-gradient(270deg, rgba(0,0,0,-0.9) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,1) 100%); */
    top: 0;
    left: 0;
    width: 120px;
    height: 100%;
    z-index: 2;
}

.gar-right {
    position: absolute;
    /* background: linear-gradient(90deg, rgba(0,0,0,-0.9) 0%, rgba(0,0,0,0.6) 90%, rgba(0,0,0,1) 100%); */
    top: 0;
    right: 0;
    width: 150px;
    height: 100%;
    z-index: 1;
}

.client-block {
    margin-top: 60px;
    text-align: center;
}

.client-block:first-child {
    margin-top: 0px;
}


.client-block .client-title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0px;
    color: #fff;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.2049194677871149) 0%, rgba(255, 121, 0, 0.8) 50%, rgba(0, 0, 0, 0.2) 100%);
}

.client-block .row {
    border-bottom: 1px solid #2f2c2c;
}

.client-block .row:last-child {
    border-bottom: none;
}

.client-block img {
    filter: grayscale(100%);
    max-width: 100%;
    height: auto;
}

.client-block img:hover {
    filter: grayscale(0%);
}

.client-block.sole {
    margin-top: 100px;
}

@media(max-width:768px) {
    .client-block.sole {
        margin-top: 0px;
    }
}

/* .service-cate-page .service .blog-carousel {
    position: absolute;
    top: -65px;
    left: 15px;
    width: 100%;
    height: auto;
} */

.services_lists_boxes .service-icon-circle {
    text-align: center
}

.services_lists_boxes {
    margin: 20px 0 20px 0;
    display: block;
    color: #fff;
    position: relative;
    overflow: hidden
}

.services_lists_boxes h4 {
    color: #fff;
    font-size: 21px;
    padding-bottom: 0;
    font-weight: 500;
    text-transform: uppercase
}

.custom-services {
    position: relative !important;
    padding: 0;
    margin: 20px 0;
    display: block;
    overflow: visible
}

.ch-item {
    position: relative !important;
    padding: 0;
    margin: 20px 0;
    height: 200px;
    display: block;
    overflow: visible
}

.ch-info-wrap {
    position: absolute;
    width: 100%;
    height: 200px;
    border-radius: 10px;
    perspective: 800px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: #fff
}

.ch-info-back {
    padding: 15px;
    text-align: center
}

.ch-info-front {
    padding-top: 40px;
    text-align: center
}

.ch-info-back h3 {
    font-size: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
    color: #fff;
    font-weight: 700
}

.ch-info-back p {
    color: #fff
}

.ch-info-front h3 {
    font-size: 20px;
    color: #222;
    font-weight: 700
}

.ch-info {
    position: absolute;
    width: 100%;
    height: 200px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.ch-info>div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 10px
}

.ch-info .ch-info-back {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    -moz-transform: rotate3d(0, 1, 0, 180deg);
    -o-transform: rotate3d(0, 1, 0, 180deg);
    -ms-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg)
}

.ch-item:hover .ch-info {
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    -moz-transform: rotate3d(0, 1, 0, -180deg);
    -o-transform: rotate3d(0, 1, 0, -180deg);
    -ms-transform: rotate3d(0, 1, 0, -180deg);
    transform: rotate3d(0, 1, 0, -180deg)
}

.service-with-image .entry {
    position: relative
}

.service-with-image {
    overflow: hidden
}

.service-with-image h5 {
    font-size: 20px;
    color: #1E64A5;
    text-align: center;
    padding: 0
}

.service-title a i {
    padding-right: 5px
}

.service-title a {
    font-weight: 700;
    text-transform: uppercase
}

.service-title {
    background: #fff;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    max-width: 120px;
    margin: auto;
    text-align: center;
    padding: 4px
}

.service_vertical_box {
    overflow: hidden;
    display: block;
    margin-bottom: 20px
}

.services_vertical p {
    padding: 0 !important;
    text-align: left
}

.services_vertical {
    overflow: hidden;
    padding: 30px 0
}

.services_vertical h3 {
    padding: 0 !important;
    font-size: 18px
}

.service_vertical_box .service-icon {
    float: left;
    clear: both;
    display: block;
    height: 60px;
    line-height: 60px;
    margin: 35px 20px;
    width: 60px
}

.service_vertical_box a.readmore {
    padding-left: 98px
}

.services_vertical .icon-container {
    float: left
}

.icon-container {
    border: 1px solid #fff;
    border-radius: 100px;
    clear: both;
    color: #fff;
    display: block;
    font-size: 21px;
    height: 55px;
    line-height: 55px;
    margin: 38px 20px;
    text-align: center;
    width: 55px
}

.servicebox {
    margin: 20px 0
}

.servicebox h3 {
    padding: 0
}

.border-none {
    border-radius: 0 !important
}

.border-radius {
    border-radius: 500px !important
}

.service-icon i {
    color: #666
}

.little-padding {
    padding: 5px 0 0 !important;
    overflow: hidden
}

.make-bg {
    line-height: 113px !important
}

.make-bg i {
    font-size: 2.6em !important;
    color: #fff !important
}

.servicebox:hover .make-bg {
    background: #222 !important;
    border-color: #232323 !important
}

.servicebox:hover .border-none {
    border-bottom-color: #fff
}

.service-icon-circle {
    overflow: hidden;
    margin: 20px auto;
    display: block;
    position: relative;
    border: 1px solid #222;
    height: 100px;
    width: 100px;
    line-height: 107px;
    border-radius: 0 100px 100px;
    transition: background-color .2s linear, color .2s linear
}

.sr-only {
    display: block !important;
    overflow: visible;
    visibility: visible
}

.service-icon-circle i {
    font-size: 24px
}

.btn-dark {
    background-color: #222;
    color: #fff;
    border: none
}

.btn-lg {
    padding: 10px 30px;
    font-size: 16px
}

.btn-dark.active,
.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover,
.btn-primary {
    color: #fff;
    border: none
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    background-color: #222
}

.arrow-up {
    border-bottom: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: -1px;
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0
}

.doc li a {
    color: #222 !important
}

.doc .flexslider a {
    color: #fff !important
}

.doc .blog-carousel {
    padding: 15px !important
}

.doc .highlight {
    margin-top: 10px;
    font-size: 72px !important;
    font-weight: 400;
    color: #222
}

.doc .green {
    color: #77be32 !important
}

.doc .red {
    color: #f2333a !important
}

.doc .yellow {
    color: #1E64A5 !important
}

.doc .milestone-details {
    font-size: 21px !important;
    font-weight: 100;
    color: #222;
    text-transform: uppercase;
    padding: 20px
}

.tabbed-menu ul {
    list-style: none;
    list-style-position: outside;
    display: inline;
    margin: 10px 0
}

.tabbed-menu li {
    line-height: 12px;
    float: left;
    padding: 10px 7px
}

.tabbed-menu li a {
    color: #222
}

.black-mask {
    background-color: #0009;
}

.general-title .lead,
.messagebox .lead {
    font-weight: 300;
    line-height: 1.9;
    margin: 15px 0
}

.general-title {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px;
    text-align: center;
    color: #1E64A5;
}

.tp-banner-container .home-image-slider:not(.revslider-initialised) {
    aspect-ratio: 2/0.91;
    overflow: hidden;
    background: #111;
    -webkit-transform: translate3d(0, 0, 0);
}

.messagebox h1 {
    color: #fff;
    font-weight: 700;
    font-size: 30px
}

.messagebox .btn-dark,
.messagebox .btn-dark:hover {
    background: #222 !important;
    color: #fff !important
}

.messagebox h2 {
    font-size: 30px
}

.calloutbox-full .lead,
.calloutbox-full-mini .lead {
    color: #fff;
    margin: 10px 0 20px
}

.calloutbox-full-mini {
    padding: 20px 0;
    text-align: center
}

.calloutbox-full {
    padding: 60px 0;
    text-align: center
}

.calloutbox .form-control {
    height: 35px
}

#bilding .form-control,
#bilding label {
    margin: 10px 0 0
}

#payment p.small {
    font-weight: 100
}

#payment label {
    border: 1px solid #ededed;
    padding: 15px 40px !important
}

.calloutbox {
    position: relative
}

.bggrey h2 {
    color: #222 !important;
    font-weight: 700
}

.bgdark {
    background: #222 !important
}

.bggrey {
    color: #222 !important;
    background: #f5f5f5 !important;
    border-left: 8px solid #fff
}

.calloutbox-full h2,
.calloutbox-full-mini h2 {
    font-size: 36px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    color: #fff
}

.calloutbox h2 {
    font-size: 28px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    color: #fff
}

.calloutbox {
    margin: 20px 0;
    color: #fff;
    padding: 30px 20px 20px;
    overflow: hidden
}

.calloutbox .btn-dark:hover {
    background: #232323
}

.white-clients .client-wrap {
    border-color: #dedede
}

.client-wrap {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #444647;
    border-right-style: solid;
    border-right-width: 1px;
    padding: 30px
}

.client-wrap.last {
    border-right-width: 0
}

.client-wrap.no-border {
    border-bottom-width: 0
}

.not_found h1 {
    margin-bottom: 0;
    font-size: 200px;
    padding-bottom: 0;
    font-weight: 700;
    line-height: 1
}

#comments_form .form-control {
    margin-bottom: 10px
}

#comments {
    padding: 20px
}

.comment-list {
    margin: 60px 0;
    list-style: none
}

.comment-list ol li,
.comment-list ul li {
    list-style: none
}

.comment-avatar {
    margin: 0 20px 0 0;
    float: left;
    height: 70px;
    width: 70px
}

.comment-content {
    background: #fff;
    border: 1px solid #efefef;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px
}

.comment-reply a {
    color: #fff !important
}

.comment-author {
    margin-bottom: 10px
}

.comment-meta {
    font-size: 12px;
    color: #aaa;
    padding-left: 10px
}

.comment-reply {
    margin: -10px -5px 0 0;
    float: right;
    font-size: 12px;
    color: #fff
}

.leave-comment textarea {
    height: 150px
}

.authorbox_wrapper {
    padding: 20px;
    border-bottom: 1px solid #efefef;
    margin-bottom: 50px
}

.authorbox_wrapper img {
    margin: 0 20px 20px 0;
    width: 100px !important
}

.authorbox_wrapper h4 {
    margin-bottom: 0;
    padding-bottom: 0
}

.authorbox_wrapper p {
    padding-top: 5px;
    margin-top: 5px
}

.blog_button {
    -moz-user-select: none;
    background: #fff;
    border: 1px solid #cbcbcb;
    color: #cbcbcb;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 30px;
    padding: 10px 23px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative
}


.timeline>li {
    margin-bottom: 20px;
    position: relative
}

.timeline>li:after,
.timeline>li:before {
    content: " ";
    display: table
}

.timeline>li:after {
    clear: both
}

.timeline>li:after,
.timeline>li:before {
    content: " ";
    display: table
}

.timeline>li:after {
    clear: both
}

.timeline>li>.timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #cecece;
    border-radius: 2px;
    padding: 20px;
    position: relative
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #cecece;
    border-right: 0 solid #cecece;
    border-bottom: 15px solid transparent;
    content: " "
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " "
}

.timeline>li>.timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}

.timeline-title {
    margin-top: 0;
    color: inherit
}

.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0
}

.timeline-body>p+p {
    margin-top: 5px
}

.post-wrapper-top {
    position: relative;
}

.breadcrumb>li+li:before {
    font-size: 13px
}

.post-wrapper-top h2 {
    border-bottom: 2px solid #1E64A5;
    display: inline-block;
    color: #fff;
    position: relative;
}

.post-wrapper-top h1 {
    display: inline-block;
    padding-bottom: 10px;
    color: #fff;
    position: relative;
    font-size: 35px;
}

.post-wrapper-top h1,
.detail-title {
    color: #1E64A5;
    text-transform: uppercase;
    text-align: center;
    margin: 0px;
}

.heading-top {
    padding-top: 40px
}

@media(min-width: 992px) {
    .heading-top {
        padding-top: 30px
    }
}

.breadcrumb {
    bottom: 0;
    color: #555;
    background: 0 0;
    font-size: 14px;
    list-style: none outside none;
    padding: 10px 0;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
}


.breadcrumb a,
.breadcrumb .dark {
    color: #1E64A5;
    font-size: 22px;
}

.breadcrumb .active,
.breadcrumb a:hover {
    color: #fff;
    font-size: 22px;
}

.breadcrumb>li+li:before {
    content: "";
    background: url(images/breadcrumb.png) no-repeat center center;
    margin: 0 10px;
    padding: 0 10px
}

.qte-style {
    font-size: 30px;
    font-weight: bold;
    color: #1E64A5
}

.blog-wrapper-3 {
    margin: 30px auto;
    max-width: 1200px;
    min-height: 500px;
}

.blog-wrapper {
    margin: 30px auto;
    max-width: 1200px;
    min-height: 500px;
}

.blog-wrapper hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #ccc;
}

.pagination>li>a,
.pagination>li>span {
    border-radius: 5px;
    background-color: transparent;
    color: #fff;
    font-weight: bold;
    float: left;
    line-height: 1.5;
    margin-left: 5px;
    padding: 3px 10px;
    border: 1px solid #1E64A5;
    position: relative;
    text-decoration: none
}

.quote-post {
    background: #f5f5f5;
    position: relative;
    padding: 20px 10px 10px
}

.quote-post:after {
    font-family: FontAwesome;
    content: "\f10e";
    padding-right: 20px;
    right: 0;
    position: absolute;
    top: 50px;
    color: #111;
    font-size: 600%;
    opacity: .1;
    -moz-opacity: .1
}

.quote-post blockquote {
    border-left: 0 solid #555
}

.bubble-bottom {
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent
}

.bubble-bottom:before {
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: bottom;
    transition-property: bottom;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent
}

.bubble-bottom:active:before,
.bubble-bottom:focus:before,
.bubble-bottom:hover:before {
    bottom: -10px
}

.rotating {
    display: inline-block;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
    -moz-transform: rotateX(0) rotateY(0) rotateZ(0);
    -ms-transform: rotateX(0) rotateY(0) rotateZ(0);
    -o-transform: rotateX(0) rotateY(0) rotateZ(0);
    transform: rotateX(0) rotateY(0) rotateZ(0);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform-origin-x: 50%
}

.rotating.flip {
    position: relative
}

.rotating .back,
.rotating .front {
    left: 0;
    top: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.rotating .front {
    position: absolute;
    display: inline-block;
    -webkit-transform: translate3d(0, 0, 1px);
    -moz-transform: translate3d(0, 0, 1px);
    -ms-transform: translate3d(0, 0, 1px);
    -o-transform: translate3d(0, 0, 1px);
    transform: translate3d(0, 0, 1px)
}

.rotating.flip .front {
    z-index: 1
}

.rotating .back {
    display: block;
    opacity: 0
}

.rotating.spin {
    -webkit-transform: rotate(360deg) scale(0);
    -moz-transform: rotate(360deg) scale(0);
    -ms-transform: rotate(360deg) scale(0);
    -o-transform: rotate(360deg) scale(0);
    transform: rotate(360deg) scale(0)
}

.rotating.flip .back {
    z-index: 2;
    display: block;
    opacity: 1;
    -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
    -moz-transform: rotateY(180deg) translate3d(0, 0, 0);
    -ms-transform: rotateY(180deg) translate3d(0, 0, 0);
    -o-transform: rotateY(180deg) translate3d(0, 0, 0);
    transform: rotateY(180deg) translate3d(0, 0, 0)
}

.rotating.flip.up .back {
    -webkit-transform: rotateX(180deg) translate3d(0, 0, 0);
    -moz-transform: rotateX(180deg) translate3d(0, 0, 0);
    -ms-transform: rotateX(180deg) translate3d(0, 0, 0);
    -o-transform: rotateX(180deg) translate3d(0, 0, 0);
    transform: rotateX(180deg) translate3d(0, 0, 0)
}

.rotating.flip.cube .front {
    -webkit-transform: translate3d(0, 0, 100px) scale(.9, .9);
    -moz-transform: translate3d(0, 0, 100px) scale(.85, .85);
    -ms-transform: translate3d(0, 0, 100px) scale(.85, .85);
    -o-transform: translate3d(0, 0, 100px) scale(.85, .85);
    transform: translate3d(0, 0, 100px) scale(.85, .85)
}

.rotating.flip.cube .back {
    -webkit-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(.9, .9);
    -moz-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(.85, .85);
    -ms-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(.85, .85);
    -o-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(.85, .85);
    transform: rotateY(180deg) translate3d(0, 0, 100px) scale(.85, .85)
}

.rotating.flip.cube.up .back {
    -webkit-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(.9, .9);
    -moz-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(.85, .85);
    -ms-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(.85, .85);
    -o-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(.85, .85);
    transform: rotateX(180deg) translate3d(0, 0, 100px) scale(.85, .85)
}

@media (max-width:767px) {

    .portfolio-filter li a {
        border-radius: 2px
    }

    .footer-menu,
    .slider_title_a,
    .tp-caption .btn {
        display: none !important
    }

    .header_center .navbar-collapse .collapse {
        text-align: left;
        height: auto !important;
        overflow: auto !important
    }

    .header_center .navbar-nav {
        display: inherit !important;
        float: inherit !important;
        margin: 0
    }

    ul.timeline:before {
        left: 40px
    }

    ul.timeline>li>.timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px)
    }

    ul.timeline>li>.timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px
    }

    ul.timeline>li>.timeline-panel {
        float: right
    }

    ul.timeline>li>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto
    }

    ul.timeline>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto
    }

    .btn-lg,
    .mini_title2 {
        font-size: 11px !important
    }

    #topbar .topbar-cart,
    #topbar .topbar-email,
    #topbar .topbar-login,
    #topbar .topbar-phone,
    .callus,
    .copyright-text,
    .menu,
    .topmenu {
        border: none;
        float: none !important;
        clear: both !important;
        text-align: center !important;
        margin: auto
    }
}

@media (max-width:380px) {

    #topbar .topbar-cart,
    #topbar .topbar-email,
    #topbar .topbar-login,
    #topbar .topbar-phone,
    .callus,
    .topmenu {
        display: block
    }
}

.arrow-left {
    border-right-color: #1E64A5
}

#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header {
    border-top-color: #1E64A5 !important
}

.buddy_carousel .popover.top>.arrow:after,
.buddy_members .popover.top>.arrow:after {
    border-top: 10px solid #1E64A5 !important
}

.tp-bullets.simplebullets .bullet.selected,
.tp-bullets.simplebullets .bullet:hover {
    border-color: #1E64A5 !important
}

#owl-testimonial-widget .img-circle,
.bggrey,
.blog_button,
.buddy_carousel .popover,
.buddy_desc,
.buddy_members .popover,
.cat_widget:hover,
.form-control:focus,
.general-title hr,
.group_box:hover,
.group_box:hover .circle,
.item .icon-container,
.magnifier .btn-default:active,
.magnifier .btn-default:focus,
.magnifier .btn-default:hover,
.panel-default>.panel-heading:hover,
.post-wrapper-top h2,
.service-icon-circle,
.services_vertical .icon-container,
.social_like .icon-container,
.testimonial-wrap,
.tparrows:hover {
    border-color: #1E64A5
}

#three-parallax .testimonial h3 {
    color: #1E64A5 !important
}

#header-style-1 .yamm h3 i,
#header-style-1 .yamm-fw .dropdown-menu li a:before,
#topbar .callus i,
#topbar .topbar-cart i,
#topbar .topbar-login i,
.bgdark span,
.big_title span,
.big_title_onepage span,
.big_title_slider span,
.blog-carousel-meta span i,
.blog_button,
.cart_table .price2,
.cat_widget h3,
.ch-info-front i,
.check li:before,
.footer-menu li a:focus,
.footer-menu li a:hover,
.group_box i,
.high_title,
.high_title2,
.item .icon-container,
.milestone-counter i,
.mini_title span,
.mini_title2 i,
.mmode .title span,
.popular_items .meta span i,
.rating i,
.service-icon-circle i,
.service_vertical_box:hover .service-icon i,
.servicebox:hover .service-icon i,
.shop-right .title .price,
.shop_item .price,
.shop_title_slider span,
.slider_title_a,
.small_thin_grey1 i,
.small_title span,
.tabbed-menu li a:hover,
.team_member span,
.widget h3 span,
a.readmore {
    color: #1E64A5
}

.flex-control-paging li a.flex-active,
.timeline-badge.danger {
    background-color: #1E64A5 !important
}

#bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count:hover,
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count:hover,
#buddypress_features .nav-tabs>li>a:focus,
#buddypress_features .nav-tabs>li>a:hover,
#footer-style-1 .social-icons span a:hover,
#footer-style-2 .social-icons span a:hover,
#footer-style-3 .social-icons span a:hover,
#header-style-1 .navbar-default .navbar-nav>.show>a,
#header-style-1 .navbar-default .navbar-nav>.show>a:focus,
#header-style-1 .navbar-default .navbar-nav>.show>a:hover,
#header-style-1 .navbar-nav>li>a:active,
#header-style-1 .navbar-nav>li>a:focus,
#header-style-1 .navbar-nav>li>a:hover,
#owl-blog .owl-controls .owl-next:hover,
#owl-blog .owl-controls .owl-prev:hover,
#owl-testimonial-widget .owl-controls .owl-next:hover,
#owl-testimonial-widget .owl-controls .owl-prev:hover,
#owl_blog_three_line .owl-controls .owl-next:hover,
#owl_blog_three_line .owl-controls .owl-prev:hover,
#owl_blog_two_line .owl-controls .owl-next:hover,
#owl_blog_two_line .owl-controls .owl-prev:hover,
#owl_portfolio_two_line .owl-controls .owl-next:hover,
#owl_portfolio_two_line .owl-controls .owl-prev:hover,
#owl_shop_carousel .owl-controls .owl-next:hover,
#owl_shop_carousel .owl-controls .owl-prev:hover,
#owl_shop_carousel_1 .owl-controls .owl-next:hover,
#owl_shop_carousel_1 .owl-controls .owl-prev:hover,
#services .owl-controls .owl-page span,
#tabbed_widget .nav-tabs>li.active>a,
#tabbed_widget .nav-tabs>li.active>a:focus,
#tabbed_widget .nav-tabs>li.active>a:hover,
#tabbed_widget .nav>li>a:focus,
#tabbed_widget .nav>li>a:hover,
#tabbed_widget .recent_posts_widget img:hover,
#tabbed_widget-1 .nav-tabs>li.active>a,
#tabbed_widget-1 .nav-tabs>li.active>a:focus,
#tabbed_widget-1 .nav-tabs>li.active>a:hover,
#tabbed_widget-1 .nav>li>a:focus,
#tabbed_widget-1 .nav>li>a:hover,
#topbar .social-icons span a:hover,
.banners li:hover .img-thumbnail,
.btn-primary,
.buddy_carousel .owl-controls .owl-page.active span,
.buddy_carousel .owl-controls.clickable .owl-page:hover span,
.buddy_carousel img:hover,
.buddy_image img:hover,
.buddy_members img:hover,
.buddypress_tabber_widget_member li img:hover,
.calloutbox,
.calloutbox-full-mini,
.ch-info .ch-info-back,
.demo_changer .demo-icon,
.dmtop,
.footer_post li img:hover,
.group_box:hover .circle,
.item:hover .icon-container,
.magnifier .btn-default:active,
.magnifier .btn-default:focus,
.magnifier .btn-default:hover,
.make-bg,
.make-bg-full,
.nav-stacked>li>a:focus,
.nav-stacked>li>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.overlay #owl-testimonial .owl-controls .owl-page.active span,
.pager li>a,
.pager li>span,
.pricing_detail:hover,
.pricing_detail:hover .priceamount,
.progress-bar,
.recent_posts_widget>li img:hover,
.rsDefaultInv .rsBullet.rsNavSelected span,
.service-icon-circle.active,
.service-with-image:hover .service-title,
.servicebox:hover .service-icon-circle,
.services_vertical .icon-container,
.tagcloud a:hover,
.white-wrapper #owl-testimonial .owl-controls .owl-page.active span,
mark {
    background-color: #1E64A5
}

.custom-overlay,
.flex-direction-nav a,
.rsUni .rsThumb.rsNavSelected .thumbIco {
    background-color: rgba(247, 194, 33, .7)
}

.magnifier .btn-default i {
    color: #222
}

#footer-style-1 .social-icons span a:hover,
#footer-style-1 .widget .title h3,
#footer-style-2 .social-icons span a:hover,
#footer-style-2 .widget,
#footer-style-2 .widget .title h3,
#footer-style-2 p,
#footer-style-3 .social-icons span a:hover,
#footer-style-3 .widget,
#footer-style-3 .widget .title h3,
#footer-style-3 p,
#tabbed_widget .nav-tabs>li.active>a,
#tabbed_widget .nav-tabs>li.active>a:focus,
#tabbed_widget .nav-tabs>li.active>a:hover,
#tabbed_widget .nav>li>a:focus,
#tabbed_widget .nav>li>a:hover,
.big_title_onepage,
.item:hover .icon-container,
.magnifier .btn-default:active,
.magnifier .btn-default:focus,
.magnifier .btn-default:hover,
.nav-stacked>li>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.overlay .lead,
.overlay .testimonial-widget,
.overlay .testimonial-widget .testimonial .lead:after,
.overlay .testimonial-widget .testimonial .lead:before,
.overlay h2,
.recent_posts_widget a,
.service-icon-circle.active i,
.service-with-image:hover .service-title a,
.servicebox:hover .service-icon-circle i,
.small_thin_grey1,
.testimonial h3,
.tp-caption .btn,
mark {
    color: #fff !important
}

@font-face {
    font-family: southern_aire_personal_use_Rg;
    src: url(fonts/southernaire_personal_use_only.eot);
    src: url(fonts/southernaire_personal_use_only.eot@#iefix) format('embedded-opentype'), url(fonts/southernaire_personal_use_only.woff) format('woff'), url(fonts/southernaire_personal_use_only.ttf) format('truetype'), url(fonts/southernaire_personal_use_only.svg#southern_aire_personal_use_Rg) format('svg');
    font-weight: 400;
    font-style: normal
}

#maintenance1 {
    background: #fff
}

#maintenance1 .overlay {
    background-color: rgba(255, 255, 255, 1);
    bottom: 0;
    height: 100%;
    left: 0;
    padding: 60px 0;
    position: absolute;
    right: 0
}

#maintenance1 .title {
    margin: 60px 0
}

#maintenance1 .title h1 {
    font-size: 90px;
    line-height: 90px;
    font-weight: 400;
    color: #222;
    text-decoration: none;
    padding: 20px 0 0;
    border-width: 0;
    border-style: none
}

#maintenance1 .highlight {
    margin-top: 10px;
    font-size: 72px !important;
    font-weight: 400;
    color: #222
}

#maintenance1 .green {
    color: #77be32 !important
}

#maintenance1 .red {
    color: #f2333a !important
}

#maintenance1 .yellow {
    color: #1E64A5 !important
}

#maintenance1 .subscribe .lead,
#maintenance1 .title .lead {
    font-size: 18px !important;
    font-weight: 100;
    color: #222 !important;
    padding: 20px
}

#maintenance1 .milestone-details {
    font-size: 36px !important;
    font-weight: 100;
    color: #222;
    text-transform: uppercase;
    padding: 20px
}

#maintenance {
    background: url(demos/maintenance_bg.png) no-repeat center center fixed;
    background-size: cover
}

#maintenance .overlay {
    background-color: rgba(0, 0, 0, .1);
    bottom: 0;
    height: 100%;
    left: 0;
    padding: 60px 0;
    position: absolute;
    right: 0
}

#maintenance .title {
    margin: 60px 0
}

#maintenance .title h1 {
    font-size: 90px;
    line-height: 90px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    padding: 20px 0 0;
    border-width: 0;
    border-style: none
}

#maintenance .highlight {
    margin-top: 10px;
    font-size: 72px !important;
    font-weight: 400
}

#maintenance .subscribe .lead,
#maintenance .title .lead {
    font-size: 18px !important;
    font-weight: 100;
    padding: 20px
}

#maintenance .milestone-details {
    font-size: 36px !important;
    font-weight: 100;
    text-transform: uppercase;
    padding: 20px
}

.animationload {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999
}

.loader {
    width: 200px;
    text-indent: 0;
    height: 200px;
    font-size: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(images/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px
}

#videobgfull {
    width: 100% !important;
    height: 500px !important;
    position: relative !important
}

.videooverlay {
    padding: 60px 0;
    background-color: rgba(0, 0, 0, .4)
}

.videooverlay .general-title h2 {
    color: #fff
}

.home-blog-review-area .unit-blog-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px
}

.home-blog {
    background-color: #f5f5f5;
    padding: 20px 0
}

.home-blog .row-title {
    position: relative
}

.home-blog .row-title::after {
    border-bottom: 2px solid #1E64A5;
    display: block;
    width: 15%;
    content: '';
    position: absolute;
    bottom: 0
}

.call-to-action {
    padding-top: 85px;
    padding-bottom: 85px;
    background-image: url(/photos/default/background/statistic_bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center
}

.call-to-action .call-to-action-title {
    color: #1E64A5;
    padding: 0;
    font-size: 30px
}

.call-to-action .call-to-action-description {
    color: #fff;
    font-size: 20px
}

.statistics-single:nth-child(2),
.statistics-single:nth-child(5),
.statistics-single:nth-child(8),
.statistics-single:nth-child(11) {
    border-right: 1px solid #1E64A5;
    border-left: 1px solid #1E64A5;
}

.mobile-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    /*padding-top: 7px;*/
    /*padding-bottom: 5px;*/
    box-shadow: 0 4px 2px -2px gray;
}

.mobile-header .mobile-logo {
    padding: 10px 0;
    max-height: 60px;
    object-fit: contain;
}

.logo-link {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    font-size: 37px;
    font-weight: bold;
    text-align: center;
    letter-spacing: -1px;
}

.logo-link>span {
    font: inherit;
    display: flex;
    align-items: center;
}

.mobile-header .nav-toggle {
    font-size: 25px;
    float: left
}

.box-contact-info ul li {
    list-style: disc;
    -webkit-margin-start: 16px
}

.box-contact-info ol,
.box-contact-info p,
.box-contact-info ul {
    margin-top: 7px;
    margin-bottom: 7px
}

.most-pop-post {
    display: flex;
    margin: 5px 0px;
}

.most-pop-img {
    display: block;
    float: left;
    overflow: hidden;
    width: 120px !important;
    height: 80px !important;
    margin-right: 8px !important;
    cursor: pointer;
    object-fit: cover;
}

.most-pop-post-title {
    display: flex;
    float: left;
    width: 75%;
    color: #3e3f40;
    flex-direction: column;
}

.sidebar-search .searchform {
    position: relative
}

.sidebar-search .searchform [type=submit] {
    border: 2px solid transparent;
    background-color: transparent;
    position: absolute;
    top: -5px;
    right: 0;
    line-height: 40px;
    color: #111;
    width: 40px;
    text-align: center
}

.blog-cate-title {
    margin-top: 0;
    padding-bottom: 0;
    word-break: break-word;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.relatedposts-content .title {
    overflow: hidden;
    word-break: break-word;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
}


.service-cate-title {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    margin: 20px 0px -5px 0px;
}

.blog-cate-brief,
.relatedposts-content .brief,
.blog-carousel-desc {
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    line-height: 1.5;
    margin: 0px;
    font-weight: 400;
    font-size: 12px;
    margin: 0px 0px 8px 0px;
}

@media (min-width:768px) {
    .detail_box {
        height: auto;
        text-align: left;
        display: block;
    }
}

.detail_box p a {
    color: #1E64A5;
    font-weight: 400;
    padding: 0;
    margin: 0;
    text-decoration: none;
    transition: background-color .2s linear, color .2s linear
}

.detail_box p a:focus,
.detail_box p a:hover {
    text-decoration: none;
    color: #1E64A5
}

.detail_box img {
    max-width: 100%;
    height: max-content;
}

.main-article img {
    max-width: 100%;
    height: max-content;
}

.detail_box p {
    text-align: justify;
}

.detail_box ol {
    margin-top: 0px;
    margin-bottom: 5px;
    padding-left: 10px
}



.detail_box ul {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 10px
}

.detail_box ul li {
    list-style: disc;
    -webkit-margin-start: 10px;
    --list-style-type: '- ';
}

.blog-cate-content.first {
    position: absolute;
    padding: 60px 10px 0px 10px;
    bottom: 0;
    margin-bottom: 0px;
    background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 80%) 40%, rgb(0 0 0 / 87%) 100%);
    min-height: 200px;
}

.blog-item {
    margin-top: 20px;
    /* padding:0 5px; */
}

.isset-blog-cate .blog-item {
    margin-top: 0px;
    padding: 15px;
    border-top: 1px solid #1E64A5;
}

.isset-blog-cate .blog-item:first-child,
.isset-blog-cate .blog-item:nth-child(2),
.isset-blog-cate .blog-item:nth-child(3) {
    border-top: none;
}

.blog-cate-img {
    overflow: hidden;
    border-radius: 10px !important;
}


.blog-cate-img .blog-cate-img-item {
    object-position: center center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
    border: none;
    border-radius: 10px !important;
}

.blog-cate-img:hover .blog-cate-img-item {
    transform: scale(1.1);
}

.blog-cate-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    line-height: 1.5;
}

.blog-item:nth-child(1) .blog-cate-img,
.blog-item:nth-child(2) .blog-cate-img {
    margin-top: 0px;
}


.blog-cate-img img,
.search-result-img img,
.related-img img {
    max-width: 100%;
    border: solid 1px #ccc;
}


.detail_box iframe {
    max-width: 100%
}

.form-text-box {
    width: 100%;
    margin-bottom: 10px;
    float: left;
}

.consult-form {
    padding: 10px;
    border-radius: 5px;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.p-left20 {
    padding-left: 20px
}

.img-full img {
    width: 100%;
    height: auto;
}

.price-detail-title {
    font-size: 30px
}

.price-box-margin {
    margin-bottom: 85px
}

.table-bordered-black {
    border: 1px solid #000
}

.table-bordered-black td,
.table-bordered-black th {
    border: 1px solid #000
}

.table-bordered-black>thead>tr>td,
.table-bordered-black>thead>tr>th {
    border: 1px solid #000
}

.row-portfolio .title {
    font-size: 30px;
    line-height: 38px;
    color: #1a1e1a;
    font-weight: 500
}

.sidebar-title {
    font-size: 16px;
    color: #222;
    font-weight: 700
}

.accordion-body ul {
    margin-left: 31px;
    list-style: none
}

.img-select-area .img-selection img {
    cursor: pointer;
}

.search-popup {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 50px;
    top: 40px;
    z-index: 300;
    transition: visibility .3s, opacity .3s linear;
}

.search-menu {
    margin-right: 5px;
}

.search-menu .search-popup input {
    transition: .5s;
    display: flex;
    border: none;
    padding: 5px;
    border-radius: 5px;
    width: 300px;
    font-size: 15px;
    color: #111;
}

.search-menu:hover .search-popup {
    visibility: visible;
    opacity: 1;
    display: flex;
}

.search-form {
    display: flex;
    border-radius: 5px;
    border: solid 1px #ccc;
    background: #fff;
}

.search-form .search-form-control {
    display: flex;
    background: #fff;
}

.search-menu:hover a i:before {
    content: "\f00d";
    color: #000
}

.search-menu .search-popup input:focus-visible {
    outline: none;
}

.search-menu .search-submit {
    background: 0 0;
    font-size: 15px;
    position: relative;
    line-height: 32.73px;
    color: #111;
    border: none;
    display: none;
    align-items: center;
}

.consult-form .input-group {
    width: 100%;
    margin-bottom: 10px
}

.consult-form .input-group-addon {
    width: 39px;
    background: #fff;
    border: none;
    color: #ccc
}

.consult-form .submit {
    display: block;
    color: #fff;
    background: #111;
    width: 100%;
    border: none;
    margin-top: 10px
}

.nav-tabs .dropdown-menu {
    margin-top: -20px;
    border-top: 2px solid #1E64A5
}

.accordion-heading .dropdown-menu-right {
    left: 110%;
    width: 180px
}

.dropdown-menu>li>a {
    line-height: 1.7;
    white-space: normal
}

.home-portforlio {
    padding-top: 75px;
    padding-bottom: 75px;
    background-image: url(/photos/default/s_e5/background/background-1.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center
}

.home-portforlio .shop_wrapper {
    padding-top: 35px;
}

.home-portforlio .row-title {
    position: relative
}

.home-portforlio .owl-theme .owl-controls {
    height: 20px
}

.portforlio-heading h1 {
    font-size: 25px;
    color: #1E64A5;
}

.content-box h3,
.content-box h4,
.content-box h5,
.content-box h6 {
    line-height: 1.5;
    font-weight: bold;
    margin: 10px 0px 5px 0px;
}

.container-fluid .body-content {
    margin: 20px auto;
    display: flex;
}

#layout-3 .container-fluid .body-content {
    margin: 20px auto;
    display: flex;
    max-width: 1200px;
    min-height: 500px;
}


.timeline-2 {
    display: block;
    list-style: none;
    position: relative;
}

/* .timeline:after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -80px;
    height: 2px;
    border: 2px solid #1E64A5;
  } */

.timeline-container {
    display: flex;
    justify-content: center;
    transition: .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.timeline-container .liner {
    height: 2.5px;
    width: 100%;
    background: #1E64A5;
    border-radius: 5px;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

.timeline-card {
    flex: 0 0 auto;
    position: relative;
    /* padding: 20px; */
    /* width: 220px; */
}


.timeline-card a {
    padding: 5px 0px 5px 5px !important;
    margin: 0px !important;
    text-align: left;
    border-radius: 5px;
    font-weight: 200;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    text-wrap: nowrap;
}

@media (min-width:992px) and (max-width:1099px) {
    .timeline-card a {
        width: 115px;
        height: 50px;
    }
}

@media (min-width:1100px) {
    .timeline-card a {
        width: 120px;
        height: 50px;
    }
}


@media (min-width:1366px) {
    .timeline-card a {
        width: 150px;
        height: 50px;
    }
}

@media (min-width:1700px) {
    .timeline-card a {
        width: 200px;
        height: 50px;
    }
}

.timeline-card::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    bottom: -21px;
    left: -15px;
    background: #1E64A5;
    border: 2px solid #1E64A5;
    border-radius: 16px;
    z-index: 1;
}

.timeline-card::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 70px;
    bottom: -8px;
    left: -8px;
    background: #1E64A5;
    z-index: 1;
}

.timeline-card:nth-of-type(even)::after {
    top: -22px;
    bottom: unset;
}



.timeline-card a.active {
    color: #1E64A5;
}

/* .timeline-card:not(:first-child) {
      margin-left: -170px;
  } */
.timeline-card:nth-of-type(odd) {
    top: -40px;
}

.timeline-card:nth-of-type(even) {
    bottom: -40px;
}

.timeline-card-svg path {
    fill: #1E64A5;
}

.timeline-card-svg:nth-of-type(odd),
.timeline-card-svg:nth-of-type(even) {
    position: absolute;
    width: 13px;
    height: 50px;
    left: 50%;
    bottom: -55px;
    transform: translate(-50%);
}

.timeline-card:nth-of-type(even) .timeline-card-svg {
    top: -12px;
    margin-top: -30px;
    transform: scaleY(-1) translate(-50%);
}

.timeline-nav {
    position: absolute;
    margin-top: 300px;
    z-index: 10;
    width: 100%;
}

.timeline-nav-button {
    position: absolute;
    width: 48px;
    height: 48px;
    cursor: pointer;

    opacity: .75;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    background: #fff;

    transform: translate(-50%, -50%);
    transform-origin: center;
    transition: 0.3s ease;

    display: flex;
    justify-content: center;
    align-items: center;
}

.timeline-nav-button:hover {
    width: 60px;
    height: 60px;
}

.timeline-nav-button:after {
    content: "";
    position: absolute;

    height: 2px;
    width: 10px;

    background: #1E64A5;
}

.timeline-nav-button:before {
    content: "";
    position: absolute;

    margin-left: -1px;
    height: 8px;
    width: 8px;
    border-style: solid;
    border-color: #1E64A5;
    border-width: 0px 2px 2px 0px;

    transform: rotate(135deg);
}



@media(min-width:768px) {

    /*------------------------- Mouse Effect--------------------------------------*/
    .cursor-point {
        position: fixed;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        transition: all 1ms ease-out;
        transform: translate(-50%, -50%) translateZ(0);
        pointer-events: none;
        top: 50%;
        left: 50%;
        z-index: 99999999;
        background-color: #1E64A5;
    }

    .cursor-tail {
        position: fixed;
        width: 30px;
        height: 30px;
        transition: all 50ms ease-out;
        border-radius: 50%;
        transform: translate(-50%, -50%) translateZ(0);
        pointer-events: none;
        top: 50%;
        left: 50%;
        z-index: 99999999;
        background-color: transparent;
        border: 1px solid #1E64A5;
    }

    .cursor-click:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50%;
        border: 1px solid #1E64A5;
        animation: cursorAnimation 100ms;
    }

    /*------------------------- Mouse Effect--------------------------------------*/

    .blog-wrapper .container-fluid .main-article,
    .content-box {
        width: 65%;
        max-width: 750px;
        float: left;
        position: relative;
    }

    #layout-3 .main-article-3 {
        width: 65%;
        max-width: 750px;
        float: left;
        position: relative;
    }
}

@media (max-width:767px) {
    .blog-wrapper .container-fluid .main-article {
        width: 100%;
    }

    #layout-3 .main-article-3 {
        width: 100%;
    }
}

@media(min-width:768px) {

    .blog-wrapper .container-fluid .main-article {
        width: 65%;
        max-width: 750px;
        float: left;
        position: relative;
    }
}

@media (max-width:768px) {
    #layout-3 .blog-wrapper .container-fluid .main-article {
        width: 100%;
    }

    .wrap-footer {
        display: flex;
        flex-direction: column;
    }
}

@media(min-width:768px) {
    .service-slide {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
        float: left;
        position: relative;
    }

    .service-description {
        width: 100%;
        padding: 0px 10px;
        float: left;
        position: relative;
    }

    #portforlio_cate_app .pagination-block {
        text-align: right
    }

    #portforlio_cate_app .portforlio-cate-block {
        text-align: right
    }
}

#portforlio_cate_app {
    padding: 0px
}

.search-result-img {
    width: 100%;
}

.home-partner {
    padding: 30px 0px;
}

.partner_carousel .item {
    padding: 5px;
    border: 1px solid #999;
    margin: 5px
}

.partner-box {
    clear: both;
    width: 100%;
    margin: 0 auto;
    height: 500px;
    overflow-y: scroll;
}

.logo-partner::-webkit-scrollbar {
    width: 5px;
}

.logo-partner::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 100px;
}

.logo-partner::-webkit-scrollbar-thumb {
    background-color: #1E64A5;
    border-radius: 100px;
}

.partner-box li {
    list-style: none;
    margin-bottom: 15px;
    float: left;
    text-align: center;
    display: inline-block;
}

.partner-box li img {
    height: 70px;
    max-width: 100%;
    filter: grayscale(100%);
    margin: 5px;
}

.partner-box li:hover img {
    filter: grayscale(0%);
}


/* @media (min-width: 1024px){
    .partner-box li {
        float: left;
        height: 60px;
    }
} */


.employee {
    padding-top: 40px;
    padding-bottom: 20px;
    background: #fff
}

.statistics-section {
    background-image: url(/s_e5/demos/parallax_08.jpg)
}

.competitive-advantages-section {
    padding-top: 50px;
    padding-bottom: 20px
}

.competitive-advantages-section .group_timer {
    padding-left: 5px;
    padding-right: 5px
}

.short-intro-section {
    padding-top: 40px;
    padding-bottom: 30px
}

.affix .navbar-nav>li>a,
.affix .lang-select-item a {
    color: #f48020;
}

.affix .search-menu a,
.affix .lang-select-wrapper a {
    color: #f48020;
}

.affix-top .navbar-nav>li>a {
    color: #f48020;
}

.affix-top .search-menu a,
.affix-top .lang-select-wrapper a {
    color: #f48020;
}

.footer-widget {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    display: block;
}

.footer-widget {
    width: 40%;
    padding: 0px 10px;
}

.footer-widget .widget-social span {
    font-size: 20px;
}

.footer-widget .widget-social span:not(:last-child) {
    margin-right: 10px;
}

.widget-footer {
    text-wrap: nowrap;
    padding: 0;
}

@media (min-width: 1100px) and (max-width:1199px) {
    .footer-1 .container {
        width: 970px;
    }

}

.widget-logo-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 450px;
    margin: auto;
    text-align: center;
}

.widget-logo {
    /* width: 50%; */
    font-size: 16px;
    color: #fff;
}

.widget-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.widget-content a,
.widget-content p {
    margin-bottom: 5px
}

.widget-social-icons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.widget-social-icons a {
    font-size: 20px;
    color: #1E64A5;
}

.widget-title {
    color: #1E64A5;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 20px;
    text-transform: uppercase;
}

.fl-title {
    color: #1E64A5;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    display: block;
}

#tinymce h2 {
    font-size: 16pt;
}

#tinymce h3 {
    font-size: 14pt;
}

#tinymce h4 {
    font-size: 12pt;
}

#tinymce a:not([class]) {
    color: #1E64A5;
}

#tinymce a::hover {
    color: #555;
}

#tinymce {
    font-size: 12pt;
}

#tinymce img,
#tinymce iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 750px;
    height: auto;
}

#tinymce ol {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 20px;
}

#tinymce ul {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 20px;
}

.page-header.navbar .hor-menu {
    display: none;
}

.post-category {
    font-size: 11px;
    font-weight: bold;
    display: inline-block;
    padding: 0px 3px;
}

.blog-cate .row-bottom20,
.col-search-result {
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.service-cate-card {
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

blockquote {
    padding: 0px 5px;
    font-style: italic;
    border-left: 3px solid #ccc;
    font-size: 14px;
    text-align: left;
    margin: 10px 0px !important;
}

.tox-tinymce {
    height: 550px !important;
}

.table-of-contents {
    width: 100%;
    border-radius: 5px;
    padding: 0px 10px;
    font-size: 14px;
}

.table-of-contents a {
    color: #fff;
}

.table-of-contents a:hover {
    color: #1E64A5;
}

.table-of-content ul li {
    list-style-type: decimal;
    margin-left: 20px;
    font-weight: bold;
}

.table-of-contents ol {
    list-style: none;
    padding: 0;
    counter-reset: counter-table-of-contents;
}

.table-of-contents ol ol {
    padding-left: 1em;
    margin: .5em 0;
    font-weight: 400;
}

.table-of-contents>ol>li {
    margin: .5em 0;
    font-weight: bold;
}

.table-of-contents>ol>li>ol>li {
    margin: 3px 0px;
}

.table-of-contents ol li::before {
    -counter-increment: counter-table-of-contents;
    -content: counters(counter-table-of-contents, ".") " ";
    opacity: .9;
}

.mr-md-5,
.mx-md-5 {
    margin-right: 1rem !important;
}

.mb-3px {
    margin-bottom: 3px !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.share-social {
    position: relative;
}

.share-social .icon-social {
    background-color: #fff;
    color: #1a0000;
    width: 100px;
    opacity: 0;
    pointer-events: none;
    border-radius: 5px;
    transition: all .25s ease-out;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
    padding: 5px 5px;
    z-index: 999;
}

.share-social:hover .icon-social {
    opacity: 1;
    pointer-events: auto;
}

.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.tag-post span {
    display: inline-block;
    font-size: 12px;
    color: #575757;
    letter-spacing: .08px;
    background-color: #ececec;
    border-radius: 4px;
    margin-left: 8px;
    padding: 3px 16px;
    margin-bottom: 5px;
}

.post-info {
    border-top: 0.5px solid #ccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tag-post {
    /* border-bottom: 0.5px solid #ccc; */
    padding: 5px 0px;
    display: inline-block;
    float: left;
}

.tag-post .label {
    background-color: #fff !important;
    color: #555 !important;
    border: solid 1px #ccc;
    text-transform: capitalize;
}

.tag-post a:hover {
    color: #1E64A5 !important;
}

.react-post {
    padding: 5px 0px;
    text-align: right;
    display: inline-block;
    float: right;
}

.d-flex {
    display: flex !important;
}

.react-post>span {
    cursor: pointer;
}

.icon-social a {
    padding: 5px;
    color: #555;
}

.icon-social .fa {
    padding: 3px;
    width: 30px;
    background: #fff;
    text-align: center;
    border-radius: 3px;
    border: solid 1px #ccc;
}

.icon-social a:hover {
    color: #1E64A5 !important;
}

.relatedposts-title {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 0px;
    border-bottom: 1px solid #ccc;
}

.relatedposts {
    margin: 10px 0px;
}

.left-sidebar {
    float: left;
    position: relative;
    width: 100%;
    max-width: 10%;
    margin: auto;
    padding: 0px 10px;
}

.new-sidebar {
    position: relative;
    padding: 0px 10px;
}

.btn-toc {
    float: right;
    vertical-align: middle;
}

.contact {
    padding: 130px 0;
}

.contact .heading h2 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    padding: 0;

}

.contact .heading h2 span {
    color: #ff9100;
}

.contact .heading p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
    color: #999999;
    margin: 20px 0 60px;
    padding: 0;
}

.contact .form-control {
    padding: 25px;
    font-size: 13px;
    margin-bottom: 10px;
    background: #f9f9f9;
    border: 0;
    border-radius: 10px;
}

.contact button.btn {
    padding: 10px;
    border-radius: 10px;
    font-size: 15px;
    background: #ff9100;
    color: #ffffff;
}

.contact .title h3 {
    font-size: 18px;
    font-weight: 600;
}

.contact .title p {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    line-height: 1.6;
    margin: 0 0 40px;
}

.contact .content .info {
    margin-top: 30px;
}

.contact .content .info i {
    font-size: 30px;
    padding: 0;
    margin: 0;
    color: #02434b;
    margin-right: 20px;
    text-align: center;
    width: 20px;
}

.contact .content .info h4 {
    font-size: 13px;
    line-height: 1.4;
}

.contact .content .info h4 span {
    font-size: 13px;
    font-weight: 300;
    color: #999999;
}

.fa-mobile-alt:before {
    content: "\f3cd";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-map-marker-alt:before {
    content: "\f3c5";
}

.mm-slideout {
    z-index: auto
}

li.menu-mobile-search {
    padding: 10px 10px 10px 20px
}

.form-search-mobile {
    font-size: 14px
}

button.mobile-search {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60px;
    background: 0 0;
    border: none;
    font-size: 18px
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
}

.row.row-flex:after,
.row.row-flex:before {
    display: none
}

html {
    scroll-behavior: smooth
}

.bottom10 {
    margin-bottom: 10px;
}

.bottom20 {
    margin-bottom: 20px
}

.bottom30 {
    margin-bottom: 30px
}

.bottom40 {
    margin-bottom: 40px
}

.bottom50 {
    margin-bottom: 50px
}

.bottom60 {
    margin-bottom: 60px
}

.bottom70 {
    margin-bottom: 70px
}

.bottom80 {
    margin-bottom: 80px
}

.bottom90 {
    margin-bottom: 90px
}

.top10 {
    margin-top: 10px
}

.top20 {
    margin-top: 20px
}

.top30 {
    margin-top: 30px
}

.top40 {
    margin-top: 40px
}

.top50 {
    margin-top: 50px
}

.top60 {
    margin-top: 60px
}

.top70 {
    margin-top: 70px
}

.top80 {
    margin-top: 80px
}

.top90 {
    margin-top: 90px
}

.category-sidebar {
    border: 1px solid #b3b3b3;
    padding: 25px
}

.category-sidebar>li {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #b3b3b3
}

.category-sidebar>li:last-child {
    border-bottom: none
}

.img-select-area .img-selection img {
    cursor: pointer
}

.category-sidebar>.toggle>a:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f078";
    float: right;
    margin-left: 15px
}

.category-sidebar>.toggle>.collapsed:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f054"
}

.cate-section {
    background-color: #f9f9f9
}

.service-block-lower {
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 20px 5px rgba(145, 139, 139, .27)
}

.service-block-lower h3:after {
    margin-top: 15px;
    display: block;
    content: "";
    border: 1px solid #111;
    width: 15%
}

.service-block-lower:hover h3:after {
    margin-left: 10px;
    transition: margin-left .5s
}

.no-mr {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.no-padding-left {
    padding-left: 0 !important
}

.ui-pnotify-title {
    font-size: 14px
}

.ui-pnotify-text {
    font-size: 13px
}

.tp-banner-container {
    position: relative
}

.post-entry ol,
.post-entry p,
.post-entry ul {
    margin-top: 9px;
    margin-bottom: 9px;
    color: #545454
}

.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6 {
    margin-top: 15px;
    margin-bottom: 15px
}

.post-entry img {
    max-width: 100%;
    height: auto
}

.post-entry iframe {
    max-width: 100%
}

.post-entry ol,
.post-entry ul {
    padding-left: 15px
}

.post-entry ul>li {
    list-style: disc
}

.post-entry ol>li {
    list-style: decimal;
}

.post-entry h1 {
    font-size: 32px
}

#offline-form-app {
    display: none
}

.offline-form {
    position: fixed;
    bottom: 50px;
    right: 50;
    width: 100%;
    max-width: 340px;
    z-index: 1000
}

.offline-form-heading {
    padding: 10px;
    background-color: #1E64A5;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
}

.offline-form-heading a {
    float: right;
    color: #403838 !important;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    width: 20px;
    height: 20px;
    background: #fff;
    cursor: pointer;
    line-height: 6px;
    display: inline-block;
    margin-left: 10px;
    line-height: 20px
}

.offline-form-body {
    padding: 7px;
    background-color: #f5f2f2;
    transition: .7s;
    border-radius: 0px 0px 10px 10px;
}

.offline-form-body.maximized {
    height: auto;
    max-height: 100vh;
    background-color: #fff;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
}

.offline-form-body.minimized {
    height: 0;
    max-height: 0;
    padding: 0;
    visibility: hidden
}

.offline-form-body .subtitle {
    font-weight: 300;
    font-size: 15px;
    color: #1E64A5;
}

.offline-form-body .success-message {
    font-weight: 300
}

@media(min-width:1100px) {
    .offline-form {
        bottom: 0;
        right: 55px;
        width: 340px
    }
}

.post-item-grid-box {
    background-color: #f5f5f5
}

.post-item-grid-box .box-meta {
    padding: 10px
}

.post-item-grid-box .box-meta .box-title {
    font-size: 20px
}

.post-item-grid-box .box-meta .box-title:after {
    margin-top: 5px;
    margin-bottom: 5px;
    content: "";
    display: block;
    width: 45%;
    border-top: 2px solid #292929;
    z-index: -1
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin-bottom: 20px;
    border-radius: 4px
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #fff;
    background-color: transparent;
    border-color: #1E64A5;
    cursor: not-allowed
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #1E64A5;
    cursor: default;
    border-color: transparent
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #111;
    border-color: #fff
}

.pagination>li {
    display: inline-block;
    margin-bottom: 10px;
    text-align: center
}

.floating-right-sidebar {
    border-radius: 5px 0px 0px 5px;
    position: fixed;
    z-index: 1001;
    display: flex;
    top: calc(50% - ((55px*6)/2));
    margin-right: 0px;
    right: 0;
    left: auto;
    height: 100%;
    align-items: flex-end;
    flex-direction: column;
    -webkit-transition: .3s ease;
    box-shadow: none;
    background: transparent;
    opacity: 1;
    visibility: hidden;
}

.floating-right-sidebar .item.top-border {
    content: '';
    width: 2px;
    height: 30px;
    position: relative;
    background-color: #1E64A5;
    right: 50%;
}

.floating-right-sidebar .item.bottom-border {
    content: '';
    width: 2px;
    height: 30px;
    position: relative;
    background-color: #1E64A5;
    right: 50%;
}

.scroll-down-button {
    writing-mode: vertical-lr;
    position: relative;
    right: 25%;
    color: #1E64A5;
    text-wrap: nowrap;
    top: 5px;
}


.floating-right-sidebar .item {
    display: flex;
    position: relative;
    vertical-align: bottom;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
    transition: all 0.3s ease-in-out;
}

.floating-right-sidebar .item:hover {
    filter: brightness(0) invert(1);
}

.floating-right-sidebar .item a {
    display: block;
    text-align: center;
    font-size: 30px;
    padding: 0px;
    cursor: pointer;
    z-index: 1;
    width: 50px;
    height: 50px;
}

.floating-right-sidebar .item a.mobile-call-button {
    position: absolute;
    padding: 20px;
    bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 21px;
    box-shadow: 0 -3px 5px -1px rgba(0, 0, 0, .75);
    animation: green-glowing 1.5s infinite
}

.floating-right-sidebar .item a.mobile-call-button-spacer {
    padding-left: 20px;
    padding-right: 20px
}

.cart-glowing {
    animation: blue-glowing 1.5s infinite
}

.floating-right-sidebar .toggle-status-icon:before {
    content: "\f0d9"
}

.floating-right-sidebar.collapsed .toggle-status-icon:before {
    content: "\f0da"
}

.floating-right-sidebar .expand-text {
    display: none
}

.floating-right-sidebar .collapse-text {
    display: inline
}

.floating-right-sidebar.collapsed .expand-text {
    display: inline
}

.floating-right-sidebar.collapsed .collapse-text {
    display: none
}

.floating-right-sidebar.collapsed .item.collapsable-item {
    display: none !important;
    visibility: hidden !important
}

.floating-right-sidebar .toggle-status-icon:before {
    content: "\f066"
}

.floating-right-sidebar.collapsed .toggle-status-icon:before {
    content: "\f065"
}

.floating-right-sidebar>.item:last-child {
    display: none
}

.floating-right-sidebar .item:hover {}

.floating-right-sidebar .item .description {
    right: 50px;
    transition: .6s;
    z-index: -1;
    padding: 5px;
    background: #111;
    color: #fff;
    justify-content: center;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    width: 200px;
    display: none;
}

.floating-right-sidebar .item:hover .description {
    /* display: inline-block; */
    display: ;
}

.floating-right-sidebar .item:hover .description:before {
    content: "";
    border-style: solid;
    border-width: 10px 0px 10px 10px;
    border-color: transparent transparent transparent #000000;
    position: absolute;
    right: -5px;
}

.floating-right-sidebar .item .fa-phone {
    color: #cd0000;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}

.floating-right-sidebar .item .chat_plugin_toggle>img {
    height: 30px !important;
    width: 30px !important;
}

.floating-right-sidebar .item .fa:hover {
    color: green;
}

.floating-right-sidebar .item .additional-floating-sidebar-button-6 {
    /* box-shadow: 0 0 0 0 #cd0000;
    border-radius: 50%;
    transition: all .5s;
    transform-origin: 50% 50%;
    animation: zoom 1.3s infinite; */
}

.float-show {
    opacity: 1;
    visibility: visible;
}

@keyframes red-glowing {
    0% {
        background-color: #b20000;
        box-shadow: 0 0 3px #b20000
    }

    50% {
        background-color: red;
        box-shadow: 0 0 40px red
    }

    100% {
        background-color: #b20000;
        box-shadow: 0 0 3px #b20000
    }
}

@keyframes blue-glowing {
    0% {
        background-color: #1200b2;
        box-shadow: 0 0 3px #1200b2
    }

    50% {
        background-color: #1900ff;
        box-shadow: 0 0 40px #1900ff
    }

    100% {
        background-color: #1200b2;
        box-shadow: 0 0 3px #1200b2
    }
}

@keyframes green-glowing {
    0% {
        background-color: #007205;
        box-shadow: 0 0 3px #007205
    }

    50% {
        background-color: #019608;
        box-shadow: 0 0 40px #019608
    }

    100% {
        background-color: #007205;
        box-shadow: 0 0 3px #007205
    }
}

@keyframes yellow-grey-glowing {
    0% {
        background-color: #7a5503;
        box-shadow: 0 0 3px #7a5503
    }

    50% {
        background-color: #ba8000;
        box-shadow: 0 0 40px #ba8000
    }

    100% {
        background-color: #7a5503;
        box-shadow: 0 0 3px #7a5503
    }
}

@-webkit-keyframes phone-vr-circle-fill {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}

@-webkit-keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px transparent
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 transparent
    }
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    transform-origin: 40px 40px
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #111;
    margin: -4px 0 0 -4px
}

.lds-roller div:nth-child(1) {
    animation-delay: -36ms
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px
}

.lds-roller div:nth-child(2) {
    animation-delay: -72ms
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px
}

.lds-roller div:nth-child(3) {
    animation-delay: -108ms
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px
}

.lds-roller div:nth-child(4) {
    animation-delay: -144ms
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px
}

.lds-roller div:nth-child(5) {
    animation-delay: -.18s
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px
}

.lds-roller div:nth-child(6) {
    animation-delay: -216ms
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px
}

.lds-roller div:nth-child(7) {
    animation-delay: -252ms
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px
}

.lds-roller div:nth-child(8) {
    animation-delay: -288ms
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px
}

@keyframes lds-roller {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media (min-width: 760px) {
    .floating-right-sidebar .item a {
        border-top: none;
        border-bottom: none;
    }
}

@media (max-width: 759px) {
    .floating-right-sidebar::before {
        right: 4.5%;
        top: -4%;
        width: 1px;
        height: 25px;
    }

    .floating-right-sidebar::after {
        right: 4.5%;
        top: 33%;
        width: 1px;
        height: 25px;

    }

    .scroll-down-button {
        right: 2.5%;
        top: 39%;
    }
}

.floating-right-sidebar .item a {
    border: none;
    background: transparent !important;
}

.header-project-3 {
    display: flex;
    color: #eee;
    background-size: cover;
    background-position: center;
    margin: 0px 0px;
}

.header-project {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    color: #eee;
    background-size: cover;
    /* background-attachment: fixed; */
    background-position: center center;
    opacity: 0.99;
}

.header-project:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.header-project a {
    color: #eee
}

.info-project {
    width: 100%;
    padding: 5% 10px 3% 10px;
    text-align: center;
    background-color: #00000099;
}

.author-project {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: url(https://thienanmedia.com.vn/photos/all/logo/thien-an.png) center no-repeat;
    background-size: cover;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 3px;
}

.header-project-3 .info-project h1 {
    color: #1E64A5
}

.info-project h1,
.info-projec ul {
    color: #eee;
    text-transform: uppercase;
    text-shadow: 0px 4px 6px rgb(29 29 29);
}

.info-project h4,
.meta-project {
    font-size: 0.9em;
}

.meta-brief {
    text-align: center;
    max-width: 640px;
    margin: 0px auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

@keyframes grow {
    0% {
        transform: scale(1) translateY(0px)
    }

    50% {
        transform: scale(1.2) translateY(-400px)
    }
}

p iframe {
    border: none;
}

.bd-5 {
    border-radius: 5px !important;
}

.main-container {
    overflow: hidden;

}

.header-container {
    width: 100%;
}


@media (max-width: 1024px) {
    .video-project-feature {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width:768px) {


    .contact-body {
        padding: 10px;
        background: #111;
    }
}

.grid-box {
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

img {
    width: 100%;
}

.home-service-catalogue-wrapper {
    background: linear-gradient(270deg, #1E64A5, #000000 10%, #1E64A5 20%, #000000 30%, #1E64A5 40%, #000000 50%, #1E64A5 60%, #000000 70%, #1E64A5 80%, #000000 90%, #1E64A5);
    -webkit-animation: shine 20s linear infinite;
    animation: shine 20s linear infinite;
    background-size: 1000% auto;
}

@media (min-width:992px) {
    .grid-box-2 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .service-with-imagez:nth-child(2) {
        border-top: none !important;
    }
}

@keyframes shine {
    to {
        background-position: 150% center;
    }
}

.service-with-imagez {
    overflow: hidden;
    position: relative;
    padding-top: 3px;
}


.service-with-imagez .box-img {
    aspect-ratio: 3/1.25;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.service-with-imagez .box-img .home-service-img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}

.service-with-imagez:hover .box-img .home-service-img {
    transform: scale(1.1);
}

.service-with-imagez:first-child {
    border-top: none;
}

.service-with-imagez:nth-child(2) {
    border-top: 2px solid #1E64A5;
}

.service-with-imagez .entry img {
    float: right;
}

.service-title-block {
    position: absolute;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 50%, rgba(0, 0, 0, 0.6) 70%, rgba(0, 0, 0, 0) 100%);
    /* background: linear-gradient(90deg, rgba(0,0,0,0.95) 40%, rgba(0,0,0,0.2) 80%, rgba(0,0,0,0) 90%); */
    height: 100%;
    width: 70%;
    bottom: 0;
    padding: 60px 0px 60px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.service-title-block .service-name {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 400;
    color: #ffffff;
    padding-bottom: 10px;
}

.service-title-block .service-name.portforlio-page {
    font-size: 20px;
}

.service-title-block .service-name a {
    color: #ffffff;
}

.service-title-block:hover .service-name a {
    color: #1E64A5;
}

.service-title-block .service-desc {
    /* text-transform: uppercase; */
    font-size: 18px;
    font-weight: 300;
    color: #ffffff;
}

@media (min-width:992px) and (max-width:1099px) {
    .service-title-block .service-name.portforlio-page {
        font-size: 16px;
    }

    .service-title-block .service-desc {
        font-size: 15px;
    }

    .service-title-block {
        padding-left: 20px;
    }

}

@media (min-width:1100px) and (max-width:1366px) {
    .service-title-block .service-name.portforlio-page {
        font-size: 18px;
    }

    .service-title-block .service-desc {
        font-size: 16px;
    }

    .service-title-block {
        padding-left: 20px;
    }
}

.feature-block {
    padding: 10px 0px;
}

.feature-block span {
    font-size: 20px;
}

@media (max-width:768px) {
    .service-title-block {
        padding: 30px;
        width: 100%;
    }

    .filter-block {
        overflow: scroll
    }
}


.button-play-video {
    cursor: pointer;
    position: absolute;
    top: 40%;
    left: 48%;
    width: 60px !important;
    height: 60px;
    z-index: 1;
}

.button-play-video-2 {
    cursor: pointer;
    position: absolute;
    top: 41%;
    right: 20%;
    width: 50px !important;
    height: 50px;
    z-index: 1;
}

.service-detail-box {
    aspect-ratio: 1.7/1;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.service-detail-box .service-detail-img {
    object-fit: cover;
    object-position: bottom center;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
}

.service-detail-imgs {
    z-index: auto;
}

.service-detail-imgs .owl-nav {
    position: absolute;
    top: 35%;
    font-size: 60px;
    z-index: 999;
    width: 100%;
}

.service-detail-imgs .owl-nav button.owl-prev {
    float: left;
    color: #1E64A5;
    position: absolute;
    left: 20px;
    font-size: 80px;
}

.service-detail-imgs .owl-nav button.owl-next {
    float: left;
    color: #1E64A5;
    position: absolute;
    right: 45px;
    font-size: 80px;
}

@media (max-width: 768px) {
    .service-detail-imgs .owl-nav {
        font-size: 20px;
    }

    .service-detail-imgs .owl-nav button.owl-prev {
        left: 0px;
    }

    .service-detail-imgs .owl-nav button.owl-next {
        right: 0px;
    }

    .service-content-slide .owl-dots {
        bottom: -5px;
    }

    .service-content-slide .owl-dots .owl-dot span {
        width: 5px;
        height: 5px;
    }
}

.portforlio-box {
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    aspect-ratio: 1.7/1;
    width: 100%;
}

@media(min-width:992px) {
    .portforlio-box {
        aspect-ratio: none;
        height: calc(100vh/1.2);
    }
}

@media(min-width:1500px) {
    .portforlio-box {
        aspect-ratio: none;
        height: calc(100vh/1.2);
    }
}

@media(min-width:1900px) {
    .portforlio-box {
        aspect-ratio: none;
        height: calc(100vh/1.2);
    }
}

.portforlio-box .portforlio-img {
    -object-fit: cover;
    object-position: bottom center;
    width: 100%;
    --height: 100%;
    transition: 0.5s all;
}




.page-description {
    max-width: 65%;
    margin: auto;
}

/*event agency page*/

.client-logo-grey-scale {
    filter: gray;
    -webkit-filter: grayscale(100%);
    transition: all 0.3s ease-in-out;
    text-align: center !important;
}

/*event agency page*/
.container-3d {
    margin: auto;
    width: 150px;
    height: 100px;
    position: relative;
    perspective: 1000px;
    transform: rotate(345deg);
}

#carousel-3d {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    animation: rotation 20s infinite linear;
}

#carousel-3d:hover {
    animation-play-state: paused;
}

#carousel-3d figure {
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    background: black;
    overflow: hidden;
    object-fit: cover;
}

#carousel-3d figure:nth-child(1) {
    transform: rotateY(0deg) translateZ(300px);
}

#carousel-3d figure:nth-child(2) {
    transform: rotateY(30deg) translateZ(300px);
}

#carousel-3d figure:nth-child(3) {
    transform: rotateY(60deg) translateZ(300px);
}

#carousel-3d figure:nth-child(4) {
    transform: rotateY(90deg) translateZ(300px);
}

#carousel-3d figure:nth-child(5) {
    transform: rotateY(120deg) translateZ(300px);
}

#carousel-3d figure:nth-child(6) {
    transform: rotateY(150deg) translateZ(300px);
}

#carousel-3d figure:nth-child(7) {
    transform: rotateY(180deg) translateZ(300px);
}

#carousel-3d figure:nth-child(8) {
    transform: rotateY(210deg) translateZ(300px);
}

#carousel-3d figure:nth-child(9) {
    transform: rotateY(240deg) translateZ(300px);
}

#carousel-3d figure:nth-child(10) {
    transform: rotateY(270deg) translateZ(300px);
}

#carousel-3d figure:nth-child(11) {
    transform: rotateY(300deg) translateZ(300px);
}

#carousel-3d figure:nth-child(12) {
    transform: rotateY(330deg) translateZ(300px);
}

.container-3d img {
    -webkit-filter: grayscale(1);
    cursor: pointer;
    transition: all .5s ease;
    width: 150px;
}

.container-3d img:hover {
    -webkit-filter: grayscale(0);
    transform: scale(1.2, 1.2);
}

.container-contact {
    max-width: 900px;
    margin: auto;
}

/*=============================================================================*/
/* @media only screen and (max-width:1366px){
    .timeline-card:not(:first-child) {
        margin-left:-235px;
    }
} */

@media only screen and (max-width: 1024px) {

    .detail_box h1,
    .detail_box h2,
    .detail_box h3,
    .detail_box h4,
    .detail_box h5 {
        font-size: 20px !important;
    }

    .post-wrapper-top h1,
    .post-wrapper-top h2 {
        font-size: 25px;
    }

}

@media only screen and (max-width:768px) {

    .breadcrumb a,
    .breadcrumb .active,
    .breadcrumb .dark {
        font-size: 16px;
    }

    .contact-title {
        font-size: 25px;
    }

    .floating-right-sidebar {
        bottom: 40px !important;
        top: unset;
        height: unset;
    }

    .floating-right-sidebar .item.top-border,
    .floating-right-sidebar .item.bottom-border,
    .scroll-down-button {
        display: none;
    }

    .new-contact-content {
        font-size: 35px;
    }

    .section-contact {
        min-height: 400px;
    }

    .widget-title {
        font-size: 17px;
    }

    .upper_footer a,
    .upper_footer p {
        font-size: 14px;
    }

    .service-title-block .service-name.portforlio-page {
        font-size: 18px;
    }
}

@media only screen and (max-width: 575px) {

    .home-portforlio .general-title,
    .home_service_calatogue .general-title {
        font-size: 25px;
    }

    .general-sub-title,
    .seemore-btn a {
        font-size: 16px;
    }

    .home-portforlio .shop_wrapper {
        padding-top: 0px !important;
    }

    .service-with-imagez .box-img {
        aspect-ratio: 3/1.5;
    }

    .service-title-block .service-name {
        font-size: 18px;
    }

    .service-title-block .service-desc {
        font-size: 13px;
    }

    .container-service {
        display: block;
    }

    .container-service .first-title {
        margin-left: 20px;
    }

    .container-service .first-title h2 {
        display: inline-block;
        margin-right: 5px;
    }

    .section-partner .subtitle {
        font-size: 25px;
    }

    .new-contact-content {
        font-size: 25px;
    }

    .section-contact {
        min-height: 300px;
    }

    .service-cate-page .service {
        aspect-ratio: 1/1;
    }

    .post-wrapper-top h1,
    .post-wrapper-top h2 {
        font-size: 18px;
    }

    .contact-title {
        font-size: 20px;
    }

}

.full-width-model-viewer {
    width: 100%;
    height: 500px;
    /* Bạn có thể thay đổi chiều cao theo ý muốn */
    max-width: 1000px;
}