/* =================================================================== */
/* ORANGE #fa5b0f
====================================================================== */
a,
h1 > span,
.projectmanager h3,
.projectmanager li a,
.testimonials #quote-carousel h5,
.services-box-item-content:before,
.services-box-item-content h2,
.social-icons ul li a:before,
.info-map-boxes-item:before,
.info-map-boxes-item h1,
.info-map-boxes-item a,
.services-box-item-cover:before,
.services-box-item-cover:after,
#back-top span:before,
.videopromotion a i,
.fact-badges h2 span,
span.heart,
a.link:hover,
a.link:focus,
a.link:active,
.services .services-box-item-content h2,
.btn-wrapper a,
ul.navbar-nav > li.active > a,
ul.navbar-nav > li > a:hover,
ul.navbar-nav > li > a:focus,
ul.navbar-nav > li > a:active,
.navbar-nav .fa-search:hover,
ul.navbar-nav > li.open > a,
ul.navbar-nav > li.open > a:hover,
ul.navbar-nav > li.open > a:focus,
ul.navbar-nav > li.open > a:active,
body.dark ul.navbar-nav > li.open > a,
body.dark ul.navbar-nav > li.open > a:hover,
body.dark ul.navbar-nav > li.open > a:focus,
body.dark ul.navbar-nav > li.open > a:active,
body.dark .latest-post .post-title a:hover,
body.dark ul.navbar-nav > li.active > a,
body.dark ul.navbar-nav > li > a:hover,
body.dark .navbar-nav .fa-search:hover,
.portfolio .caption a.title-link:hover h3,
.latest-post .post-title a:hover,
.footer .top-footer h4,
.facts-footer > div h5,
.footer .bottom-footer p a,
.footer .top-footer .menu ul li a:hover,
.about ul.nav.nav-tabs li.active a,
.banner .breadcrumb>li a:hover,
body.blog-page .meta span a,
body.blog-page .meta span i,
body.blog-page article h4:hover,
.sidebar ul.nav.nav-tabs li a:hover,
body.dark .sidebar ul.nav.nav-tabs li a:hover,
.widget.recent-posts .entry-title a:hover,
body.dark .widget.recent-posts .entry-title a:hover,
.comments-list .comment-reply,
.user-auth > div:nth-child(2) .form-container .form-group a,
.countdown-amount,
h4.panel-title a,
.project .project-navigation nav ul li a,
.shop-cart .secondary-button,
.payment .tooltip-text{
    color: #fa5b0f;
}
.custom-colorRotatingWords,
.team .social-icons ul.social li a:hover,
.team .social-icons ul.social li a:hover:before {
	color: #fa5b0f !important;
}
.latest-post .post-date,
.shop-cart .secondary-button:hover,
.shop-cart .secondary-button:focus,
.shop-cart .secondary-button:active,
.bx-wrapper .bx-controls-direction a,
#carousel-testimonials .carousel-indicators li.active,
body.dark.blog-page .pagination li.active a:hover,
body.blog-page .pagination li.active a,
ul.nav li.dropdown ul.dropdown-menu li a:hover,
ul.nav li.dropdown ul.dropdown-menu li a:focus,
ul.nav li.dropdown ul.dropdown-menu li a:active,
ul.nav li.dropdown ul.dropdown-menu li.active a,
.pricing-list .popular,
.pricing-switcher .switch,
.custom-button,
.portfolio .nav-pills li:hover,
.portfolio .nav-pills li.active,
#back-top a:hover,
.social-icons ul li a:hover,
.custom-input-label::before,
.testimonials #quote-carousel .carousel-indicators .active,
.custom-form-group  .input-group .input-group-addon,
.submit-form button,
body.double-diagonal .about::before,
body.double-diagonal .faq::before,
body.double-diagonal .terms::before,
body.double-diagonal .shop-cart::before,
body.double-diagonal .shop-checkout::before,
body.double-diagonal .project::before,
body.double-diagonal .services::before, 
body.double-diagonal .pricing::before, 
body.double-diagonal .portfolio::before,
body.double-diagonal .team::before,
body.double-diagonal .blog::before,
body.double-diagonal .contact::before,
body.double-diagonal .logos::before,
.team-member:hover .team-member-caption,
.btn-wrapper a:hover,
.widget-tags ul > li a:hover   {
    background-color: #fa5b0f;
}
body.blog-page .pagination li.active a,
.widget-tags ul > li a:hover,
.shop-cart .secondary-button {
	border:1px solid #fa5b0f;
}
.about-right-side .full-image-container.hovered:before  {
	border-left: 5px solid #fa5b0f;
}
.projectmanager blockquote,
#quote-carousel .carousel-indicators .active {
    border-color: #fa5b0f;
}
.projectmanagerpicture {
    border: 12px solid #fa5b0f;
}
.portfolio .nav-pills li {
    border: 2px solid #fa5b0f;
}
#back-top a {
    border: 2px solid #fa5b0f;
}
.team-member-caption {
	border-top: 3px solid #fa5b0f;
}
.social-icons ul li a{
    border: 3px solid #fa5b0f;
}
.footer .social-icons ul li a {
    border: 2px solid #fa5b0f;
}
.banner hr, body.dark .banner hr {
	border-top: 5px solid #fa5b0f;
}
.preloader .loader {
  background-image: url(../../img/preloaders/preloader-orange-light.svg);
  background-repeat:no-repeat;
  background-position: 50% 50%;
}
body.dark .preloader .loader {
  background-image: url(../../img/preloaders/preloader-orange-dark.svg);
  background-repeat:no-repeat;
  background-position: 50% 50%;
}
.btn-wrapper a {
	border: 4px solid #fa5b0f;
}
@media (max-width: 991px) {
	ul.nav li.dropdown ul.dropdown-menu li.active a,
	body.dark ul.nav li.dropdown ul.dropdown-menu li.active a	{
		background:transparent !important;
		color:#fa5b0f !important;
	}
}
@media (max-width:767px){
	.social-icons ul li a {
		border: 2px solid #fa5b0f;
	}
	.about-right-side .full-image-container.hovered:before  {
		border-top: 5px solid #fa5b0f;
		border-left:none;
	}
	.rtl-version .about-right-side .full-image-container.hovered:before {
		border-right:none;
	}
}
@media (max-width:576px){
	.about-content ul.nav.nav-tabs li.active a {
		background :#fa5b0f;
		color:#fff;
	}
}


/*  */

.secondarydiv img,.secondarydivimg img{
    width:100%;
    border:2px solid #ccc
}
.input-label,body{
    -moz-osx-font-smoothing:grayscale
}
.footer .top-footer .menu ul,.pricing-list,.pricing-wrapper{
    list-style-type:none
}
body{
    font:14px/22px,Arial,Helvetica,sans-serif;
    color:#6e6e6e;
    background-color:#222;
    padding:0!important;
    position:relative;
    -webkit-font-smoothing:antialiased
}
h1,h2{
    font-weight:800
}
h1,h2,h3,h4,h5,h6,p,ul.navbar-nav>li>a{
    
}
header.header.header-fixed ul li a{
    color:#000;
    padding:10px 25px
}
.locationdiv a{
    background:#555;
    width:100%;
    display:block;
    margin:8px 0;
    padding:10px
}
.locationdiv a:hover{
    background:#fa5b0f;
    color:#fff
}
.banner .breadcrumb>li+li:before,.btn-wrapper a:hover:before,.call-to-action h1,.call-to-action h4,.contactform h1,.contactform h2,.contactform h4,.facts h1,.facts h2,.facts h4,.footer .bottom-footer p a:hover,.footer .top-footer .menu ul li a:hover,.header-fixed ul li a,.newsletter h1,.newsletter h2,.newsletter h4,.newsletter p,.portfolio .nav-pills li.active,.portfolio .nav-pills li:hover,.pricing-switcher label.switch-1.active,.pricing-switcher label.switch-2.active,.projectmanager h1,.projectmanager h2,.projectmanager li a:hover,.projectmanager li:hover,.projectmanager li:hover a,.projectmanager p,.shop-cart .secondary-button:active,.shop-cart .secondary-button:focus,.shop-cart .secondary-button:hover,.site-search .close:hover,.team-member-caption .list li a,.team-member:hover .team-member-caption h4,.team-member:hover .team-member-caption p,.testimonials #quote-carousel,.testimonials #quote-carousel h6,.testimonials h1,.testimonials h2,.testimonials h4,.videopromotion h1,.videopromotion h4,.videopromotion p,.widget-tags ul>li a:hover,body.blog-page .pagination li.active a,body.dark .about .about-content .title-about,body.dark .comments-heading,body.dark .comments-list .comment-author,body.dark .header-fixed .navbar-nav .fa-search,body.dark .header-fixed ul.navbar-nav li a,body.dark .header.header-fixed ul.nav li.dropdown ul.dropdown-menu li a,body.dark .latest-post .post-title a,body.dark .price-content .value,body.dark .project .project-details h3,body.dark .shop-cart .price,body.dark .shop-cart .table .icon-delete-product,body.dark .shop-cart .table h6,body.dark .shop-cart .table td span.price,body.dark .shop-cart .table.cart-total th.total .price,body.dark .shop-cart h4.title-totals,body.dark .shop-cart table.order thead tr,body.dark .shop-checkout .checkout table.products td.text-price,body.dark .shop-checkout h3,body.dark .sidebar .widget-title,body.dark .terms h3,body.dark .widget.recent-posts .entry-title a,body.dark h4.panel-title a.collapsed,body.dark ul.nav li.dropdown ul.dropdown-menu li a,body.dark ul.navbar-nav>li>a,body.dark.blog-page article h4,ul.nav li.dropdown ul.dropdown-menu li a:active,ul.nav li.dropdown ul.dropdown-menu li a:focus,ul.nav li.dropdown ul.dropdown-menu li a:hover,ul.nav li.dropdown ul.dropdown-menu li.active a{
    color:#fff
}
.wrapper{
    overflow:hidden;
    background-color:#fff
}
.section-overlay{
    background-color:rgba(0,0%,0%,35%);
    padding:90px 0 120px
}
.blog .container,.pricing .container,.services .container,body.double-diagonal .shop-cart .container,body.double-diagonal .shop-checkout .container{
    padding:90px 15px!important
}
.about .container,.team .container,body.big-triangle .blog .container{
    padding:10px 15px!important
}
.portfolio .container,body.reversed-skew .facts .section-overlay{
    padding:90px 0!important
}
.unstyled{
    list-style:none;
    margin:0;
    padding:0
}
.bannersection img{
    width:100%
}
.aboutnicfs{
    text-align:center;
    padding:0 10%
}
.aboutnicfs .httext,.header-inner,.pricing-tables-content .header{
    position:relative
}
.aboutnicfs .httext:after{
    content:"";
    height:3px;
    width:50px;
    background:#fe644b;
    position:absolute;
    left:calc(50% - 25px);
    text-align:center;
    bottom:-15px
}
.whats-new{
    width:100%;
    background:#fbfbfb;
    position:relative;
    padding-bottom:30px
}
#icon-toggler span,.about,.blog,.header.header-fixed,.logos,.portfolio,body.dark .header.header-fixed #icon-toggler span{
    background-color:#fff
}
.whats-new-cont{
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;
    box-shadow:0 0 2px 2px #d9d9d9;
    background:#fff;
    padding-right:15px;
    margin-top:-30px
}
.secondarydiv h2{
    font-size:22px;
    width:100%;
    text-align:center
}
.secondarydiv h1{
    font-size:22px;
    width:100%;
    text-align:left
}
.header,.min-col,.secondarydiv h3{
    text-align:center
}
.secondarydiv h3{
    font-size:18px;
    width:100%
}
.secondarydivimg img{
    border-radius:80px;
    margin-top:20px
}
.clear,.clr{
    clear:both
}
.minister-row{
    display:flex
}
.divider span,.logo,ul.navbar-nav>li{
    display:inline-block
}
.min-col{
    width:20%
}
.min-img img{
    border-radius:50%;
    padding:5px;
    background:#fff;
    box-shadow:0 0 2px 2px #f0f0f0
}
.min-name{
    color:#42405a;
    font-size:15px;
    margin:10px 0;
    font-weight:700
}
@media(min-width:1200px){
    body.boxed header{
        max-width:1220px
    }
    body.boxed{
        background:url(../img/backgrounds/az_subtle.png) fixed
    }
    body.boxed .wrapper{
        max-width:1220px;
        margin:0 auto;
        background:#fff;
        box-shadow:0 3px 8px 7px #ccc
    }
}
.pricing-tables-content,hr{
    margin-top:25px
}
.blog-page .banner-blog-post .meta span,body.dark,body.dark .caption p,body.dark .info-map-boxes-item p,body.dark .services-box-item-content p{
    color:#ccc
}
body.dark .price-content .currency,p{
    color:#666
}
#carousel-testimonials blockquote footer span,body.dark .portfolio .caption h3,body.dark .portfolio .nav-pills li,body.dark h1,body.dark h2,body.dark h4,body.dark h5,body.dark h6,body.dark p{
    color:#eee
}
body.dark .about,body.dark .blog,body.dark .contact,body.dark .faq,body.dark .logos,body.dark .portfolio,body.dark .preloader,body.dark .pricing,body.dark .project,body.dark .project .bx-wrapper,body.dark .services,body.dark .shop-cart,body.dark .shop-checkout,body.dark .team,body.dark .terms,body.dark .user-auth>div:nth-child(2),body.dark .wrapper,body.dark ul.nav li.dropdown ul.dropdown-menu,body.dark.auth-page,body.dark.boxed .wrapper{
    background-color:#242424
}
body.dark ul.nav li.dropdown ul.dropdown-menu li:first-child{
    padding-top:1px
}
body.dark .panel.panel-default{
    border-color:#343434
}
body.dark .panel-default>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#343434
}
body.dark ul.nav li.dropdown ul.dropdown-menu{
    border:1px solid #343434;
    box-shadow:none;
    border-top:0
}
.footer .top-footer .menu ul li span,body.dark .sidebar ul.nav.nav-tabs li a,body.dark ul.nav.nav-tabs li a,ul.nav.nav-tabs li.active a{
    color:#ddd
}
body.dark .header.header-fixed{
    background-color:#242424;
    border-bottom:1px solid #343434
}
body.dark .shop-checkout .form-group select.form-control:focus{
    border:1px solid #333
}
body.dark.blog-page .meta{
    border-top:1px solid #343434;
    border-bottom:1px solid #343434
}
body.dark .info-map-boxes-item h1,body.dark .sidebar ul.nav-tabs li,body.dark .widget.recent-posts ul li{
    border-bottom:1px solid #444
}
.dropdown-menu li:last-child>a,.sidebar ul.nav-tabs li:last-child,body.dark .sidebar ul.nav-tabs li:last-child,body.dark.blog-page .widget.recent-posts ul li:last-child,ul.nav.nav-tabs{
    border-bottom:0
}
body.dark .shop-checkout select{
    background:#343434;
    border:1px solid #444
}
body.dark .comments-list .comment,body.dark .custom-form input[type=email],body.dark .custom-form input[type=password],body.dark .custom-form input[type=text],body.dark .custom-form textarea,body.dark .info-map-boxes-item:before,body.dark .shop-cart .qty,body.dark .shop-cart .quantity,body.dark .shop-cart input.qtyminus,body.dark .shop-cart input.qtyplus,body.dark .shop-cart table.order thead tr,body.dark .shop-checkout .checkout .payment .cheque,body.dark .shop-checkout .checkout .payment .paypal,body.dark .shop-checkout .checkout table.products th.with-bg,body.dark .shop-checkout .checkout table.products thead tr,body.dark .widget,body.dark.blog-page .pagination li a:hover{
    background-color:#343434
}
body.dark.blog-page .pagination li a{
    border:1px solid #343434;
    color:#fff
}
.whatsapp i{
    font-size:28px!important
}
body.dark .shop-cart .table tbody>tr,body.dark .shop-cart .table.cart-total .section-border,body.dark .shop-checkout .table tbody>tr{
    border-bottom:1px solid #343434
}
body.dark .custom-form input[type=email],body.dark .custom-form input[type=password],body.dark .custom-form input[type=text],body.dark .custom-form textarea{
    border:1px solid #444;
    color:#fff
}
body.dark .custom-form input[type=email]:active,body.dark .custom-form input[type=email]:focus,body.dark .custom-form input[type=password]:active,body.dark .custom-form input[type=password]:focus,body.dark .custom-form input[type=text]:active,body.dark .custom-form input[type=text]:focus,body.dark .custom-form textarea:active,body.dark .custom-form textarea:focus{
    border:1px solid #555;
    background-color:#343434
}
body.dark .about ul.nav.nav-tabs li>a{
    border-left:1px solid #aaa
}
.about ul.nav.nav-tabs li:first-child>a,body.dark .about ul.nav.nav-tabs li:first-child>a{
    border-left:0
}
body.dark .project .bx-wrapper{
    border:5px solid #242424
}
body.dark .services-box-item-content,body.dark .services-box-item-cover{
    background:#151515;
    box-shadow:none
}
.nav-tabs>li>a,.shop-cart .table,.shop-cart .table tbody>tr>td,.shop-cart .table tbody>tr>th,.shop-cart .table tfoot>tr>td,.shop-cart .table tfoot>tr>th,.shop-cart .table thead>tr>td,.shop-cart .table thead>tr>th,.shop-checkout .table,.shop-checkout .table tbody>tr>td,.shop-checkout .table tbody>tr>th,.shop-checkout .table tfoot>tr>td,.shop-checkout .table tfoot>tr>th,.shop-checkout .table thead>tr>td,.shop-checkout .table thead>tr>th,.sidebar ul.nav-tabs,body.dark .about .about-content .about-right-side img{
    border:0
}
body.dark hr{
    border-top:1px solid #343434;
    background-color:transparent
}
body.dark .team-member{
    box-shadow:none
}
body.dark .team-member-caption{
    background-color:#151515
}
body.dark .info-map-boxes-item{
    background-color:#343434;
    box-shadow:none
}
body.dark .gmap_container{
    color:#6e6e6e
}
body.dark .pricing-wrapper>li{
    background:#171717
}
body.dark .pricing-features li{
    border-bottom:1px solid #242424
}
body.dark.reversed-skew .logos{
    margin-top:-50px;
    padding-top:27px;
    margin-bottom:- 115px;
    padding-bottom:95px
}
body.dark.skew .logos{
    margin-top:-50px;
    padding-top:50px;
    margin-bottom:-82px;
    padding-bottom:80px
}
body.big-triangle.about-page.dark .testimonials:after,body.big-triangle.about-page.dark .testimonials:before,body.dark.big-triangle .banner:after,body.dark.big-triangle .banner:before,body.dark.big-triangle .call-to-action:after,body.dark.big-triangle .call-to-action:before,body.dark.big-triangle .contactform:after,body.dark.big-triangle .contactform:before,body.dark.big-triangle .facts:after,body.dark.big-triangle .facts:before,body.dark.big-triangle .mainslider:after,body.dark.big-triangle .mainslider:before,body.dark.big-triangle .newsletter:after,body.dark.big-triangle .newsletter:before,body.dark.big-triangle .projectmanager:after,body.dark.big-triangle .projectmanager:before,body.dark.big-triangle .testimonials:after,body.dark.big-triangle .testimonials:before,body.dark.big-triangle .videopromotion:after,body.dark.big-triangle .videopromotion:before{
    border-bottom:100px solid #242424
}
body.about-page.big-triangle.dark .call-to-action:after,body.about-page.big-triangle.dark .call-to-action:before,body.dark.big-triangle .call-to-action:after,body.dark.big-triangle .call-to-action:before,body.dark.big-triangle .facts:after,body.dark.big-triangle .facts:before,body.dark.big-triangle .footer.top-logos:after,body.dark.big-triangle .footer.top-logos:before,body.dark.big-triangle .footer:after,body.dark.big-triangle .footer:before,body.dark.big-triangle .newsletter:after,body.dark.big-triangle .newsletter:before,body.dark.big-triangle .projectmanager:after,body.dark.big-triangle .projectmanager:before,body.dark.big-triangle .testimonials:after,body.dark.big-triangle .testimonials:before,body.dark.big-triangle .videopromotion:after,body.dark.big-triangle .videopromotion:before{
    border-top:100px solid #242424
}
body.dark .divider .outer-line{
    border-bottom:1px solid #888
}
body.dark .pricing-switcher>p{
    background:#444
}
.footer,body.dark .footer{
    background:#111
}
body.big-triangle .videopromotion .section-overlay,body.normal .videopromotion .section-overlay{
    padding:90px 0 106px
}
body.big-triangle .call-to-action .section-overlay,body.normal .newsletter .section-overlay,body.reversed-skew .videopromotion .section-overlay,body.skew .videopromotion .section-overlay{
    padding:90px 0 112px
}
body.normal .facts .section-overlay{
    padding:90px 0 84px
}
body.normal .call-to-action .section-overlay{
    padding:90px 0 110px
}
body.normal .testimonials .section-overlay{
    padding:90px 0 137px
}
body.big-triangle .services .container,body.normal .services .container{
    padding:90px 15px 72px!important
}
body.big-triangle .portfolio .container,body.normal .portfolio .container{
    padding:90px 0 96px!important
}
body.normal .pricing .container{
    padding:90px 15px 96px!important
}
body.normal .blog .container,body.skew .blog .container{
    padding:90px 15px 112px!important
}
body.normal.blog-page .blog .container,body.reversed-skew.portfolio-page .portfolio .container{
    padding:100px 15px 70px!important
}
body.normal .contactform .section-overlay,body.reversed-skew .contactform .section-overlay,body.skew .contactform .section-overlay{
    padding:90px 0 60px!important
}
body.normal .project .container{
    padding:120px 15px
}
.faq .container,body.big-triangle .shop-cart .container,body.big-triangle .shop-checkout .container,body.big-triangle .terms .container,body.normal .shop-cart .container,body.normal .shop-checkout .container{
    padding:100px 15px
}
body.normal .terms .container{
    padding:70px 15px
}
body.double-diagonal .call-to-action,body.double-diagonal .contactform,body.double-diagonal .facts,body.double-diagonal .newsletter,body.double-diagonal .projectmanager,body.double-diagonal .testimonials,body.double-diagonal .videopromotion,body.reversed-skew .about,body.reversed-skew .call-to-action,body.reversed-skew .contactform .container,body.reversed-skew .faq,body.reversed-skew .newsletter,body.reversed-skew .project,body.reversed-skew .shop-cart,body.reversed-skew .shop-checkout,body.reversed-skew .terms,body.reversed-skew .testimonials,body.reversed-skew.blog-page .blog,body.reversed-skew.portfolio-page .portfolio,body.reversed-skew.pricing-page .pricing,body.skew .about,body.skew .blog,body.skew .call-to-action,body.skew .contactform,body.skew .facts,body.skew .faq,body.skew .newsletter,body.skew .pricing,body.skew .project,body.skew .projectmanager,body.skew .services,body.skew .shop-cart,body.skew .shop-checkout,body.skew .team,body.skew .terms,body.skew .testimonials,body.skew .videopromotion,body.skew.portfolio-page .portfolio,body.skew.pricing-page .pricing{
    -webkit-transform:skewY(-3deg);
    transform:skewY(-3deg)
}
body.double-diagonal .call-to-action .container,body.double-diagonal .contactform .container,body.double-diagonal .facts .container,body.double-diagonal .newsletter .container,body.double-diagonal .projectmanager .container,body.double-diagonal .testimonials .container,body.double-diagonal .videopromotion .container,body.skew .about .container,body.skew .blog .container,body.skew .call-to-action .container,body.skew .contactform .container,body.skew .facts .container,body.skew .faq .container,body.skew .newsletter .container,body.skew .pricing .container,body.skew .project .container,body.skew .projectmanager .container,body.skew .services .container,body.skew .shop-cart .container,body.skew .shop-checkout .container,body.skew .team .container,body.skew .terms .container,body.skew .testimonials .container,body.skew .videopromotion .container,body.skew.portfolio-page .portfolio .container,body.skew.pricing-page .pricing .container{
    -webkit-transform:skewY(3deg);
    transform:skewY(3deg);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
body.double-diagonal.about-page .call-to-action,body.reversed-skew .faq,body.reversed-skew .project,body.reversed-skew .shop-cart,body.reversed-skew .shop-checkout,body.reversed-skew .terms,body.reversed-skew.portfolio-page .portfolio,body.reversed-skew.pricing-page .pricing,body.skew .about,body.skew .faq,body.skew .project,body.skew .shop-cart,body.skew .shop-checkout,body.skew .terms,body.skew.portfolio-page .portfolio,body.skew.pricing-page .pricing{
    margin-top:-55px
}
body.skew .portfolio{
    margin-top:-20px;
    padding-top:17px
}
body.reversed-skew .contact,body.skew .contact{
    margin-bottom:100px
}
body.reversed-skew .contactform,body.skew .contactform{
    margin-top:-150px
}
body.skew .about .container{
    padding:70px 15px 150px
}
body.reversed-skew .terms .container,body.skew .faq .container,body.skew .terms .container{
    padding:140px 15px 70px
}
body.reversed-skew .faq .container,body.reversed-skew .shop-cart .container,body.reversed-skew .shop-checkout .container,body.reversed-skew.portfolio-page .portfolio .container,body.skew .project .container,body.skew .shop-cart .container,body.skew .shop-checkout .container{
    padding:140px 15px 100px
}
body.reversed-skew .services .container,body.skew .services .container{
    padding:70px 15px 90px
}
body.skew .pricing .container{
    padding:100px 15px 94px!important
}
.team .container,body.big-triangle .team .container,body.reversed-skew .about .container,body.skew .portfolio .container{
    padding:70px 15px 100px
}
body.reversed-skew .team .container,body.skew .team .container{
    padding:70px 15px 120px
}
.contact .container:first-child,body.reversed-skew .blog .container,body.skew.blog-page .blog .container{
    padding:70px 15px 30px!important
}
body.reversed-skew.about-page .about .container,body.reversed-skew.about-page .team .container,body.reversed-skew.pricing-page .pricing .container,body.skew.about-page .about .container,body.skew.about-page .team .container{
    padding:100px 15px 120px!important
}
body.skew.about-page .services .container{
    padding:100px 15px!important
}
body.skew.blog-page .blog{
    margin-top:-55px;
    padding-top:55px
}
body.skew .bx-wrapper{
    margin:90px 0 60px
}
body.big-triangle .testimonials .section-overlay,body.skew .testimonials .section-overlay{
    padding:90px 0 135px
}
body.big-triangle .contactform .section-overlay,body.big-triangle .facts .section-overlay,body.skew .facts .section-overlay{
    padding:90px 0
}
body.reversed-skew .info-map-boxes,body.skew .info-map-boxes{
    margin-top:-285px
}
body.skew .footer{
    -webkit-transform:skewY(-3deg);
    transform:skewY(-3deg);
    margin-top:30px;
    margin-bottom:-50px;
    padding-bottom:50px;
    border:none
}
body.reversed-skew .footer .container,body.skew .footer .container{
    -webkit-transform:skewY(3deg);
    transform:skewY(3deg);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    padding:120px 15px 0
}
body.reversed-skew .about{
    margin-top:-55px;
    margin-bottom:120px
}
body.reversed-skew .pricing .container{
    padding:70px 15px 100px!important
}
body.reversed-skew .portfolio .container{
    padding:70px 0 100px!important
}
body.reversed-skew .project .container{
    padding:140px 15px 100px!important
}
body.reversed-skew .about .container,body.reversed-skew .call-to-action,body.reversed-skew .contactform,body.reversed-skew .facts,body.reversed-skew .faq .container,body.reversed-skew .newsletter .container,body.reversed-skew .project .container,body.reversed-skew .projectmanager,body.reversed-skew .shop-cart .container,body.reversed-skew .shop-checkout .container,body.reversed-skew .terms .container,body.reversed-skew .testimonials .container,body.reversed-skew .videopromotion,body.reversed-skew.blog-page .blog .container,body.reversed-skew.portfolio-page .portfolio .container,body.reversed-skew.pricing-page .pricing .container{
    -webkit-transform:skewY(3deg);
    transform:skewY(3deg)
}
body.reversed-skew.blog-page .blog{
    margin-top:-55px;
    padding-top:55px;
    padding-bottom:0
}
body.double-diagonal .contactform,body.reversed-skew .projectmanager,body.reversed-skew .videopromotion{
    margin-top:-100px
}
body.reversed-skew.about-page .services .container{
    padding:0!important
}
body.reversed-skew .about .container,body.reversed-skew .faq .container,body.reversed-skew .shop-cart .container,body.reversed-skew .shop-checkout .container,body.reversed-skew .terms .container,body.reversed-skew.portfolio-page .portfolio .container{
    backface-visibility:hidden
}
body.reversed-skew .pricing,body.reversed-skew .services,body.reversed-skew .team{
    padding-bottom:100px;
    margin-top:-50px;
    border-top:60px solid #efefef
}
body.reversed-skew .services{
    margin-top:-72px
}
body.reversed-skew.about-page:not(.dark) .services{
    padding-bottom:170px;
    margin-top:-150px;
    border-top:160px solid #efefef;
    margin-bottom:-60px
}
body.reversed-skew.pricing-page .pricing{
    border-top:0;
    padding-bottom:0
}
body.reversed-skew .blog{
    padding-bottom:100px;
    margin-top:-88px
}
body.dark.reversed-skew .pricing,body.dark.reversed-skew .services,body.dark.reversed-skew .team{
    border-top:60px solid #242424
}
body.reversed-skew .newsletter,body.reversed-skew .testimonials{
    margin-top:-100px;
    margin-bottom:100px
}
body.reversed-skew .portfolio{
    margin-top:-88px
}
body.reversed-skew .testimonials .section-overlay{
    padding:90px 0 135px!important
}
body.reversed-skew .bx-wrapper{
    margin:120px 0 80px
}
body.reversed-skew .footer{
    -webkit-transform:skewY(-3deg);
    transform:skewY(-3deg);
    margin-top:28px;
    margin-bottom:-50px;
    padding-bottom:50px;
    border:none
}
body.reversed-skew .call-to-action .container,body.reversed-skew .facts .container,body.reversed-skew .projectmanager .container,body.reversed-skew .videopromotion .container{
    -webkit-transform:skewY(-3deg);
    transform:skewY(-3deg);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
body.double-diagonal .blog,body.double-diagonal .contact,body.double-diagonal .pricing,body.double-diagonal .services,body.double-diagonal .team{
    padding-bottom:50px
}
.footer .top-footer>.row,body.double-diagonal.pricing-page .pricing{
    padding-bottom:30px
}
body.double-diagonal .newsletter,body.double-diagonal .testimonials{
    margin-top:-50px
}
body.double-diagonal .contact{
    margin-bottom:-50px
}
body.double-diagonal .about .container,body.double-diagonal .team .container{
    padding:50px 15px 150px!important
}
body.double-diagonal .pricing .container{
    padding:50px 15px 135px!important
}
body.double-diagonal.pricing-page .pricing .container{
    padding:30px 15px 60px!important
}
body.double-diagonal .faq .container,body.double-diagonal .terms .container{
    padding:90px 15px 70px!important
}
body.double-diagonal .project .container,body.double-diagonal.blog-page .blog .container{
    padding:90px 15px 60px!important
}
body.double-diagonal .services .container{
    padding:50px 15px 110px!important
}
body.double-diagonal .portfolio .container{
    padding:50px 0 135px!important
}
body.double-diagonal.portfolio-page .portfolio .container{
    padding:50px 15px 70px!important
}
body.double-diagonal .blog .container{
    padding:50px 15px 100px!important
}
body.double-diagonal.blog-page.blog-post .blog .container{
    padding:90px 15px 20px!important
}
.project .project-details ul li:last-child,body.double-diagonal.blog-page .blog{
    padding-bottom:0
}
body.double-diagonal .call-to-action .section-overlay,body.double-diagonal .facts .section-overlay,body.double-diagonal .newsletter .section-overlay,body.double-diagonal .projectmanager .section-overlay,body.double-diagonal .testimonials .section-overlay{
    padding:110px 0 180px
}
body.double-diagonal section{
    position:relative;
    z-index:1
}
body.double-diagonal .logos{
    padding:1px 0
}
body.double-diagonal section::after,body.double-diagonal section::before{
    position:absolute;
    content:"";
    pointer-events:none
}
body.double-diagonal .about::after,body.double-diagonal .about::before,body.double-diagonal .blog::after,body.double-diagonal .blog::before,body.double-diagonal .contact::after,body.double-diagonal .contact::before,body.double-diagonal .faq::after,body.double-diagonal .faq::before,body.double-diagonal .logos::after,body.double-diagonal .logos::before,body.double-diagonal .portfolio::after,body.double-diagonal .portfolio::before,body.double-diagonal .pricing::after,body.double-diagonal .pricing::before,body.double-diagonal .project::after,body.double-diagonal .project::before,body.double-diagonal .services::after,body.double-diagonal .services::before,body.double-diagonal .shop-cart::after,body.double-diagonal .shop-cart::before,body.double-diagonal .shop-checkout::after,body.double-diagonal .shop-checkout::before,body.double-diagonal .team::after,body.double-diagonal .team::before,body.double-diagonal .terms::after,body.double-diagonal .terms::before{
    top:0;
    left:-25%;
    z-index:-1;
    width:150%;
    height:75%;
    background:inherit;
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg);
    -webkit-transform-origin:0 0;
    transform-origin:0 0
}
body.double-diagonal .about::before,body.double-diagonal .blog::before,body.double-diagonal .contact::before,body.double-diagonal .faq::before,body.double-diagonal .logos::before,body.double-diagonal .portfolio::before,body.double-diagonal .pricing::before,body.double-diagonal .project::before,body.double-diagonal .services::before,body.double-diagonal .shop-cart::before,body.double-diagonal .shop-checkout::before,body.double-diagonal .team::before,body.double-diagonal .terms::before{
    height:50%;
    -webkit-transform:rotate(-3deg);
    transform:rotate(-3deg);
    -webkit-transform-origin:3% 0;
    transform-origin:3% 0
}
body.double-diagonal .videopromotion .section-overlay{
    padding:120px 0 180px
}
body.double-diagonal .bx-wrapper{
    margin:50px 0
}
body.double-diagonal .info-map-boxes{
    margin-top:-295px
}
body.double-diagonal .footer{
    -webkit-transform:skewY(-2deg);
    transform:skewY(-2deg);
    margin-top:30px;
    margin-bottom:-50px;
    padding-bottom:50px;
    border:none
}
body.double-diagonal .footer .container{
    -webkit-transform:skewY(2deg);
    transform:skewY(2deg);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    padding:120px 15px 0
}
body.big-triangle .banner,body.big-triangle .call-to-action,body.big-triangle .contactform,body.big-triangle .facts,body.big-triangle .footer,body.big-triangle .mainslider,body.big-triangle .newsletter,body.big-triangle .projectmanager,body.big-triangle .testimonials,body.big-triangle .videopromotion{
    position:relative;
    -webkit-backface-visibility:hidden
}
body.big-triangle .call-to-action .container,body.big-triangle .contactform .container,body.big-triangle .facts .container,body.big-triangle .mainslider .container,body.big-triangle .newsletter .container,body.big-triangle .projectmanager .container,body.big-triangle .testimonials .container,body.big-triangle .videopromotion .container{
    position:relative;
    z-index:999
}
body.big-triangle .banner:after,body.big-triangle .banner:before,body.big-triangle .call-to-action:after,body.big-triangle .call-to-action:before,body.big-triangle .contactform:after,body.big-triangle .contactform:before,body.big-triangle .facts:after,body.big-triangle .facts:before,body.big-triangle .footer:after,body.big-triangle .footer:before,body.big-triangle .mainslider:after,body.big-triangle .mainslider:before,body.big-triangle .newsletter:after,body.big-triangle .newsletter:before,body.big-triangle .projectmanager:after,body.big-triangle .projectmanager:before,body.big-triangle .testimonials:after,body.big-triangle .testimonials:before,body.big-triangle .videopromotion:after,body.big-triangle .videopromotion:before{
    content:"";
    position:absolute;
    bottom:-1px;
    top:0;
    width:50%;
    z-index:100;
    border-top:100px solid #fff;
    border-bottom:100px solid #fff;
    -webkit-transform:rotate(.000001deg);
    transform:rotate(.000001deg)
}
body.about-page.big-triangle .call-to-action:after,body.about-page.big-triangle .call-to-action:before,body.big-triangle .contactform:after,body.big-triangle .contactform:before,body.big-triangle .newsletter:after,body.big-triangle .newsletter:before,body.big-triangle .testimonials:after,body.big-triangle .testimonials:before{
    border-top:100px solid #efefef
}
body.big-triangle .facts:after,body.big-triangle .facts:before,body.big-triangle .footer:after,body.big-triangle .footer:before,body.big-triangle .projectmanager:after,body.big-triangle .projectmanager:before,body.big-triangle .videopromotion:after,body.big-triangle .videopromotion:before,body.big-triangle.about-page .testimonials:after,body.big-triangle.about-page .testimonials:before{
    border-bottom:100px solid #efefef
}
body.big-triangle .banner:after,body.big-triangle .banner:before,body.big-triangle .mainslider:after,body.big-triangle .mainslider:before{
    top:initial;
    border-top:none
}
body.big-triangle .contactform:after,body.big-triangle .contactform:before{
    border-top:0
}
body.big-triangle .newsletter .section-overlay{
    padding:90px 0 112px!important
}
body.big-triangle .testimonials .carousel-indicators{
    z-index:111
}
body.big-triangle .banner:before,body.big-triangle .call-to-action:before,body.big-triangle .contactform:before,body.big-triangle .facts:before,body.big-triangle .footer:before,body.big-triangle .mainslider:before,body.big-triangle .newsletter:before,body.big-triangle .projectmanager:before,body.big-triangle .testimonials:before,body.big-triangle .videopromotion:before{
    right:50%;
    border-right:1000px solid transparent;
    border-left:1000px solid
}
body.big-triangle .banner:after,body.big-triangle .call-to-action:after,body.big-triangle .contactform:after,body.big-triangle .facts:after,body.big-triangle .footer:after,body.big-triangle .mainslider:after,body.big-triangle .newsletter:after,body.big-triangle .projectmanager:after,body.big-triangle .testimonials:after,body.big-triangle .videopromotion:after{
    left:50%;
    border-left:1000px solid transparent;
    border-right:1000px solid
}
body.big-triangle.blog-page .blog .container{
    padding:100px 15px 50px!important
}
body.big-triangle .project .container{
    padding:40px 15px
}
body.big-triangle .footer:after,body.big-triangle .footer:before{
    bottom:initial;
    border-bottom:none
}
body.big-triangle .footer{
    border-top:none;
    margin-top:30px
}
body.big-triangle .footer .container{
    padding:120px 15px 0
}
body.big-triangle .bx-wrapper{
    margin:70px 0 60px
}
h1,h2,h3,h4,h5,h6{
    color:#555;
    text-transform:uppercase
}
h1{
    font-size:48px;
    line-height:48px;
    margin:15px 0
}
h2{
    font-size:36px;
    line-height:36px
}
.top-text h4,p{
    font-weight:400
}
h3{
    font-size:24px;
    line-height:24px
}
h4{
    font-size:18px;
    line-height:18px
}
h5{
    font-size:14px;
    line-height:14px
}
h6{
    font-size:12px;
    line-height:12px
}
p{
    font-size:14px;
    line-height:1.8;
    margin-bottom:15px;
    margin-top:0
}
.top-text h4{
    margin:23px 0 25px
}
a,a:hover{
    text-decoration:none!important
}
.divider span{
    vertical-align:middle
}
.divider .fa{
    font-size:20px;
    margin:0 20px
}
.divider .outer-line{
    width:25%;
    border-bottom:1px solid #ddd
}
.header{
    position:absolute;
    top:0;
    z-index:1000;
    color:#fff;
    width:100%;
    height:99px;
    transition:background-color .2s ease-in-out;
    -o-transition:background-color .2s ease-in-out;
    -moz-transition:background-color .2s ease-in-out;
    -webkit-transition:background-color .2s ease-in-out
}
.header.header-fixed{
    display:block;
    margin-top:0!important;
    position:fixed;
    height:65px;
    border-bottom:1px solid #f1f1f1
}
.header:before,.logo a img,.site-search{
    position:absolute;
    width:100%
}
.header-fixed .logo a{
    height:initial;
    margin-top:20px;
    transition:.3s;
    -o-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s
}
.header-fixed ul.navbar-nav li a{
    padding:26px 12px;
    color:#555
}
.header:before{
    content:"";
    top:0;
    left:0;
    right:0;
    bottom:0;
    height:120px;
    background:-webkit-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(252,252,252,0) 99%,rgba(255,255,255,0) 100%);
    background:linear-gradient(to bottom,rgba(0,0,0,.65) 0,rgba(252,252,252,0) 99%,rgba(255,255,255,0) 100%)
}
.header-fixed:before{
    background:0 0;
    height:0
}
.logo a{
    width:150px;
    display:block;
    margin:35px 0 0 30px;
    max-width:100%;
    transition:.27s cubic-bezier(0, 0, .58, 1);
    -o-transition:.27s cubic-bezier(0, 0, .58, 1);
    -moz-transition:.27s cubic-bezier(0, 0, .58, 1);
    -webkit-transition:.27s cubic-bezier(0, 0, .58, 1);
    position:relative
}
.bx-wrapper .bx-controls-direction a:hover,.featured-thumbnail a:hover .zoom-icon,.header .logo a img.logo-light,.header.header-fixed .logo a img.logo-dark,.image-wrap:hover .zoom-icon,.pricing-wrapper.is-switched .is-selected,.pricing-wrapper.is-switched.reverse-animation .is-selected,.team-member:hover .team-member-caption .list,.team-member:hover .team-member-img-wrap:before,body.dark .header .logo a img.logo-light,body.dark .header.header-fixed .logo a img.logo-light{
    opacity:1
}
.header .logo a img.logo-dark,.header.header-fixed .logo a img.logo-light,body.dark .header .logo a img.logo-dark,body.dark .header.header-fixed .logo a img.logo-dark{
    opacity:0
}
.logo{
    float:left;
    text-align:left
}
.logo a img{
    top:0;
    left:0;
    transition:.27s cubic-bezier(0, 0, .58, 1);
    -o-transition:.27s cubic-bezier(0, 0, .58, 1);
    -moz-transition:.27s cubic-bezier(0, 0, .58, 1);
    -webkit-transition:.27s cubic-bezier(0, 0, .58, 1)
}
.navbar{
    border-radius:0;
    border:0;
    margin-bottom:0
}
.navbar-toggle{
    float:right;
    border-radius:0;
    margin-right:0
}
#back-top a:hover span,.about .nav-tabs>li.active>a,.about .nav-tabs>li.active>a:focus,.about .nav-tabs>li.active>a:hover,.bx-wrapper .bx-next,.bx-wrapper .bx-prev,.nav>li>a:focus,.nav>li>a:hover,ul.navbar-nav>li.open>a,ul.navbar-nav>li.open>a:active,ul.navbar-nav>li.open>a:focus,ul.navbar-nav>li.open>a:hover,ul.navbar-nav>li:last-child:after{
    background:0 0
}
ul.navbar-nav{
    float:right;
    display:block
}
ul.navbar-nav>li{
    float:none;
    padding:0;
    position:relative
}
ul.navbar-nav>li.active,ul.navbar-nav>li:not(.search):hover{
    color:#fff;
    position:relative
}
ul.navbar-nav>li>a{
    color:#fff;
    font-size:13px;
    line-height:1;
    padding:43px 12px;
    font-weight:600;
    text-transform:uppercase;
    transition:.1s
}
ul.navbar-nav li a i:not(.icon-angle){
    font-size:11px;
    padding-right:3px
}
.bx-wrapper .bx-controls-direction a.bx-next i,ul.navbar-nav li a i.icon-angle{
    padding-left:3px
}
ul.navbar-nav>li.active>a:after,ul.navbar-nav>li:hover>a:after{
    position:absolute;
    content:'';
    left:0;
    bottom:0;
    width:100%;
    height:3px
}
ul.nav.nav-tabs li a,ul.nav.nav-tabs li.active a{
    border-top:0;
    border-bottom:0;
    border-right:0;
    border-left:1px solid #555;
    border-radius:0;
    font-size:15px;
    color:#777;
    padding:0 30px;
    margin:15px 0 25px;
    text-transform:uppercase
}
.pricing-features em,ul.nav.nav-tabs li.active a{
    font-weight:600
}
ul.nav.nav-tabs li:first-child a{
    border-left:0;
    padding-left:0
}
ul.nav.nav-tabs li a:hover,ul.nav.nav-tabs li.active a:hover{
    border-bottom:0!important;
    border-top:0!important
}
.auth-page,.faq,.pricing-page .pricing,.project,.shop-cart,.shop-checkout,.team .social-icons ul.social li a:hover,.terms,ul.nav li.dropdown ul.dropdown-menu{
    background:#fff
}
.header-fixed .navbar-nav .fa-search,.shop-cart .table .icon-delete-product,.shop-checkout .checkout table.products td.text-price,h4.panel-title a.collapsed,ul.nav li.dropdown ul.dropdown-menu li a{
    color:#555
}
.navbar-nav>li .dropdown-menu li:last-child a{
    border-bottom:0!important
}
.navbar-nav>li>.dropdown-menu a{
    background:0 0;
    text-transform:uppercase
}
.dropdown-menu li a{
    display:block;
    font-size:12px;
    font-weight:600;
    line-height:normal;
    text-decoration:none;
    padding:15px 20px;
    color:#fff
}
.header-fixed ul.navbar-nav li.dropdown ul.dropdown-menu li a{
    padding:15px 20px
}
.open>.dropdown-menu{
    -webkit-transform:scale(1,1);
    transform:scale(1,1)
}
.open>.dropdown-menu li a{
    color:#000
}
.dropdown-menu{
    text-align:left;
    border:0;
    box-shadow:none;
    z-index:100;
    min-width:200px;
    border-radius:0;
    padding:0;
    -webkit-transform-origin:top;
    transform-origin:top;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-transform:scale(1,0);
    display:block;
    box-shadow:0 0 1px #ccc;
    transition:.2s ease-out;
    -webkit-transition:.2s ease-out
}
.site-search{
    text-align:center;
    background:rgba(0,0,0,.7);
    z-index:100
}
.navbar-nav .fa-search{
    background:0 0;
    border:none;
    color:#fff;
    font-size:14px;
    outline:0;
    padding:17px
}
.navbar-nav .fa-shopping-cart{
    font-weight:300;
    padding:0
}
.site-search .search-container{
    height:0;
    overflow:hidden;
    position:relative;
    -webkit-transition:height .3s;
    transition:height .3s
}
.site-search .search-container.open{
    height:100px
}
.site-search input[type=text]{
    background:0 0;
    border:none;
    color:#fff;
    font-size:19px;
    text-transform:uppercase;
    margin:37px 0;
    padding-right:20px;
    width:100%;
    font-weight:500;
    outline:0;
    text-align:center
}
.site-search input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,.45)
}
.site-search input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,.45)
}
.site-search input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,.45)
}
.site-search input[type=text]:-ms-input-placeholder{
    color:rgba(255,255,255,.45)
}
.site-search .close{
    color:rgba(255,255,255,.25);
    cursor:pointer;
    font-size:35px;
    margin-top:-23px;
    position:absolute;
    top:50%;
    right:30px;
    font-weight:300
}
.navbar-toggler{
    outline:0!important;
    padding:8px 0 0
}
#icon-toggler{
    width:20px;
    height:21px;
    position:relative;
    margin:7px auto;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    cursor:pointer;
    display:block
}
#icon-toggler span{
    display:block;
    position:absolute;
    height:2px;
    width:100%;
    border-radius:9px;
    opacity:1;
    left:0;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0);
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out
}
.header.header-fixed #icon-toggler span{
    background-color:#555
}
#back-top a:hover span:after,#back-top span:before,#icon-toggler span:first-child{
    top:0
}
#icon-toggler span:nth-child(2),#icon-toggler span:nth-child(3){
    top:6px
}
#icon-toggler span:nth-child(4){
    top:12px
}
#icon-toggler.open span:first-child,#icon-toggler.open span:nth-child(4){
    top:18px;
    width:0%;
    left:50%
}
#icon-toggler.open span:nth-child(2){
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
#icon-toggler.open span:nth-child(3){
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.custom-button{
    border:none;
    background:#00bbda;
    cursor:pointer;
    display:inline-block;
    outline:0;
    box-shadow:none;
    text-shadow:none;
    position:relative;
    letter-spacing:0;
    -webkit-transition:.3s;
    transition:.3s;
    margin-top:10px;
    text-transform:capitalize;
    padding:4px 20px;
    border-radius:40px;
    font-size:14px;
    font-weight:600
}
.custom-button,.custom-button:focus,.custom-button:hover{
    color:#fff;
    text-decoration:none
}
.custom-button:before{
    content:"\f1d8";
    font:15px/1.2em FontAwesome;
    color:#fff;
    position:absolute;
    height:100%;
    right:18px;
    top:50%;
    margin-top:-10px;
    -webkit-transition:.3s;
    transition:.3s;
    opacity:0;
    -webkit-transform:translateX(-20px);
    transform:translateX(-20px)
}
.custom-button span{
    position:relative;
    display:block;
    -webkit-transition:.3s;
    transition:.3s
}
.custom-button:hover span{
    -webkit-transform:translateX(-10px);
    transform:translateX(-10px)
}
.custom-button:hover:before{
    opacity:1;
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.preloader{
    position:fixed;
    left:0;
    top:-100%;
    right:0;
    height:100%;
    z-index:999999999999999999;
    background:#fff;
    text-align:center;
    overflow:hidden;
    opacity:1;
    -webkit-transform:translate(0,100%);
    transform:translate(0,100%);
    display:none
}
.preloader:before{
    content:"";
    height:100%;
    width:0;
    display:inline-block;
    vertical-align:middle
}
.preloader .logopreloader{
    vertical-align:middle;
    -webkit-transform:translate(0,500px);
    transform:translate(0,500px);
    position:relative;
    white-space:nowrap;
    display:inline-block;
    top:-50px;
    opacity:0;
    -webkit-transition:-moz-transform 1s,-webkit-transform 1s,-ms-transform 1s,-o-transform 1s,transform 1s,opacity 1s;
    transition:-webkit-transform 1s,transform 1s,opacity 1s
}
.preloader .loader{
    width:85px;
    height:85px;
    background-size:cover;
    position:absolute;
    left:50%;
    top:50%;
    margin:15px 0 0 -42px;
    -webkit-transform:translate(0,500px);
    transform:translate(0,500px);
    opacity:0;
    -webkit-transition:opacity 1s .3s,-webkit-transform 1s .3s;
    transition:transform 1s .3s,opacity 1s .3s,-webkit-transform 1s .3s
}
.preloader.loading .loader,.preloader.loading .logopreloader{
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
    opacity:1
}
.preloader.ended{
    -webkit-transform:translate(0,0);
    transform:translate(0,0);
    opacity:0;
    -webkit-transition:-webkit-transform 1s .5s,-moz-transform 1s .5s,-ms-transform 1s .5s,-o-transform 1s .5s,transform 1s .5s,opacity 1s .5s;
    transition:-webkit-transform 1s .5s,transform 1s .5s,opacity 1s .5s
}
.preloader.ended .loader,.preloader.ended .logopreloader{
    -webkit-transform:translate(0,-500px);
    transform:translate(0,-500px);
    opacity:0
}
.tp-simpleresponsive .slider-button{
    color:#fff;
    border-radius:40px;
    font-size:14px;
    font-weight:600
}
.tp-simpleresponsive .slider-button:before{
    content:"\f063";
    margin-top:-9px
}
.dark-slider .rev_slider .slotholder:after{
    width:100%;
    height:100%;
    content:"";
    position:absolute;
    left:0;
    top:0;
    pointer-events:none;
    z-index:1111;
    background:rgba(0,0,0,.5)
}
.scroll-effects-text{
    color:#eee!important
}
.about .about-content .title-about{
    font-size:28px;
    margin-bottom:10px;
    margin-top:0
}
.about .about-content,.call-to-action .call-to-action-content,.latest-posts-content,.newsletter-content,.team-members{
    margin-top:40px
}
.about .about-content .custom-button,.portfolio .caption .custom-button,body.blog-page article .custom-button{
    border-radius:40px;
    font-size:14px;
    font-weight:600
}
.about .about-content .custom-button:before,.latest-post .custom-button:before,.portfolio .caption .custom-button:before,body.blog-page article .custom-button:before{
    content:"\f061";
    margin-top:-10px
}
.about .about-content .full-image-overlay h3{
    text-transform:Capitalize;
    color:#fff;
    margin-top:20px
}
.about .about-content .about-right-side img{
    border:1px solid #ddd;
    border-radius:4px;
    margin:0 auto;
    display:block
}
.about ul.nav.nav-tabs li>a{
    border-left:1px solid #ddd;
    line-height:14px
}
.about .tab-content p{
    padding:0 0 30px;
    margin:0
}
.list-why-choose-us{
    display:inline;
    list-style:none;
    margin-top:30px;
    text-align:left
}
.list-why-choose-us li{
    position:relative;
    padding-left:22px;
    font-size:15px;
    line-height:18px
}
.list-why-choose-us li:before{
    content:'\f061';
    position:absolute;
    left:0;
    top:0;
    font-weight:400;
    font-size:15px;
    font-family:FontAwesome
}
.list-why-choose-us li+li{
    margin-top:14px
}
.about-right-side{
    position:relative;
    display:table;
    table-layout:fixed
}
.full-image-container{
    width:50%;
    display:table-cell;
    position:relative;
    overflow:hidden
}
.full-image-container:before{
    content:'';
    position:absolute;
    top:5%;
    right:0;
    width:50%;
    height:90%;
    background-color:rgba(0,0,0,.5);
    opacity:0;
    -webkit-transition:.3s ease-in-out 0.3s;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out 0.3s
}
.full-text-container+.full-image-container:before{
    right:auto;
    left:0
}
.about-right-side .full-image-container.hovered:before,.about-right-side:hover .full-image-container:before{
    width:90%;
    right:5%;
    -webkit-transition-delay:0s;
    transition-delay:0s
}
.about-right-side .full-text-container+.full-image-container.hovered:before,.about-right-side:hover .full-text-container+.full-image-container:before{
    right:auto;
    left:5%
}
.about-right-side .hovered .full-image-overlay,.about-right-side:hover .full-image-overlay{
    text-align:left;
    position:absolute;
    width:100%;
    top:50%;
    padding:0 10%;
    margin-top:-133px;
    color:#fff;
    z-index:1;
    -webkit-transition:.3s ease-in-out 0.3s;
    -o-transition:.3s ease-in-out;
    transition:.3s ease-in-out 0.3s;
    display:block;
    opacity:1
}
.full-text-container{
    display:table-cell;
    vertical-align:middle;
    width:50%;
    padding:0 50px;
    position:static
}
.full-text-container *{
    max-width:700px
}
.full-text-container.left{
    text-align:right
}
.full-text-container.left *{
    margin-left:auto
}
.full-text-container p{
    margin-bottom:10px
}
.projectmanager{
    color:#fff;
    background-image:url("../img/sections/projectmanager-bg.jpg");
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:auto 110%
}
.projectmanager .section-overlay{
    padding:120px 0 100px
}
.projectmanagerpicture{
    border-radius:50%
}
.custom-form-group,.projectmanager h1{
    margin-bottom:20px
}
.projectmanager h3{
    margin-top:10px;
    font-size:30px;
    line-height:30px;
    font-weight:500
}
.projectmanager blockquote{
    padding-top:0;
    padding-bottom:0;
    color:#cecece;
    font-size:14px;
    border-left:5px solid #eee;
    padding-left:20px
}
.projectmanager blockquote,.projectmanager p{
    margin-top:30px;
    font-style:italic
}
.contact,.services,.team{
    background-color:#efefef
}
.services .services-box{
    margin:25px -15px
}
.info-map-boxes:before,.services .services-box:before{
    content:"";
    display:table
}
.info-map-boxes:after,.pricing-features:after,.pricing-list:after,.services .services-box:after{
    content:"";
    display:table;
    clear:both
}
.services .services-box-item{
    position:relative;
    color:#717c8e;
    text-decoration:none;
    -webkit-perspective:750px;
    -ms-perspective:750px;
    -o-perspective:750px;
    perspective:750px;
    margin:15px 0;
    float:left
}
.info-map-boxes-item:focus,.info-map-boxes-item:hover,.services .services-box-item.hover,.services .services-box-item:focus,.services .services-box-item:hover,.team-member-caption a:hover{
    text-decoration:none
}
.services .services-box-item.hover>.services-box-item-cover,.services .services-box-item:focus>.services-box-item-cover,.services .services-box-item:hover>.services-box-item-cover{
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.services .services-box-item.hover>.services-box-item-content,.services .services-box-item:focus>.services-box-item-content,.services .services-box-item:hover>.services-box-item-content{
    -webkit-transform:rotateY(360deg);
    transform:rotateY(360deg)
}
.services .services-box-item-content,.services .services-box-item-cover{
    position:relative;
    border-radius:3px;
    background:#fff;
    -webkit-transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s;
    -webkit-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.services .services-box-item-cover{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:0 15px;
    box-shadow:0 0 3px 1px #ddd;
    border-radius:7px
}
.services .services-box-item-cover:after,.services .services-box-item-cover:before{
    position:absolute;
    top:50%;
    left:50%
}
.services .services-box-item-cover:before{
    margin:-40px 0 0 -20px;
    font-size:40px
}
.services .services-box-item-cover:after{
    content:attr(data-headline);
    left:0;
    width:100%;
    margin:20px 0 0;
    font-size:18px;
    text-align:center;
    font-weight:500
}
.services .services-box-item-content{
    overflow:hidden;
    margin:-16px -6px;
    padding:30px 40px;
    font-size:14px;
    -webkit-transform:rotateY(180deg);
    transform:rotateY(180deg);
    border-radius:7px
}
.services .services-box-item-content:before{
    position:absolute;
    top:0;
    right:0;
    margin:-60px;
    font-size:228px;
    opacity:.2
}
.services .services-box-item-content h2{
    position:relative;
    margin:8px 0;
    font-size:16px;
    font-weight:500;
    text-transform:Capitalize
}
.services .services-box-item-content p{
    line-height:23px;
    position:relative;
    margin:12px 0;
    font-size:13px
}
.services[class*=" icon-"]:before,.services[class^=icon-]:before,.services[data-icon]:before{
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:geometricPrecision;
    text-indent:0;
    display:inline-block;
    position:relative
}
.services[data-icon]:before{
    content:attr(data-icon)
}
.services[data-icon].after:before{
    content:none
}
.services[data-icon].after:after{
    content:attr(data-icon);
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:geometricPrecision;
    text-indent:0;
    display:inline-block;
    position:relative;
    margin-left:4px
}
.testimonials{
    background:url("../img/sections/testimonials-bg.webp") center/auto 110% no-repeat fixed
}
.pricing h3.sell-title,.testimonials #quote-carousel{
    margin-top:50px
}
.testimonials #quote-carousel hr{
    border-top:1px solid #fff
}
.testimonials #quote-carousel blockquote{
    padding:0;
    text-align:center;
    font-size:15px;
    border:none
}
.testimonials #quote-carousel p{
    font-style:italic;
    color:#fff
}
#carousel-testimonials blockquote p:after,#carousel-testimonials blockquote p:before,.testimonials #quote-carousel p:after,.testimonials #quote-carousel p:before{
    font-family:FontAwesome
}
#carousel-testimonials blockquote p:before,.testimonials #quote-carousel p:before{
    margin-right:20px;
    content:"\f10d"
}
#carousel-testimonials blockquote p:after,.testimonials #quote-carousel p:after{
    margin-left:20px;
    content:"\f10e"
}
.testimonials #quote-carousel h5{
    margin:20px 0 10px;
    font-size:20px;
    font-weight:500
}
.testimonials #quote-carousel h6{
    margin:0;
    font-size:15px;
    text-transform:capitalize;
    font-weight:500
}
.testimonials #quote-carousel .img-responsive{
    margin:0 auto 25px;
    border:6px solid #f9f9f9;
    background:#f9f9f9
}
.testimonials #quote-carousel .carousel-indicators{
    bottom:-40px
}
.testimonials #quote-carousel .carousel-indicators li{
    background:#fff;
    display:inline-block;
    width:10px;
    height:10px;
    margin:0 2px;
    text-indent:-999px;
    cursor:pointer;
    border-radius:50%
}
.testimonials #quote-carousel .carousel-indicators li.active{
    width:12px;
    height:12px;
    margin-bottom:-1px
}
.portfolio .nav-pills{
    overflow:hidden;
    margin:35px 15px 30px;
    text-align:center
}
.portfolio .nav-pills li{
    margin-right:15px;
    border-radius:40px;
    padding:8px 30px;
    color:#555;
    font-weight:600;
    -webkit-transition:.2s;
    transition:.2s;
    float:none;
    text-transform:uppercase
}
.portfolio .caption h3{
    font-size:18px;
    margin-top:20px;
    text-decoration:none;
    font-weight:600;
    padding-top:2px
}
.portfolio .caption p{
    font-size:13px
}
.portfolio .filtr-container{
    position:relative;
    overflow:hidden
}
.portfolio .filtr-container .filtr-item{
    display:block;
    float:left;
    box-sizing:border-box
}
.is-switched .pricing-body,.portfolio .filtr-container .filtr-item_holder{
    overflow:hidden
}
.portfolio .filtr-container .image-wrap{
    position:relative;
    display:block;
    overflow:hidden;
    outline:0;
    border-radius:4px
}
.portfolio .thumbnail__portfolio{
    margin:0;
    padding:0;
    border:0;
    border-radius:4px
}
.filtr-item{
    padding:15px
}
.multifilter li,.simplefilter li,.sortandshuffle li{
    color:#fff;
    cursor:pointer;
    display:inline-block;
    padding:1rem 2rem
}
.simplefilter li.active{
    background-color:#212121
}
.multifilter li{
    background-color:#4b9eff
}
.multifilter li.active{
    background-color:#2265b4
}
.zoom-icon{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display:block;
    background:rgba(0,0,0,.5);
    opacity:0;
    cursor:pointer;
    -webkit-transition:.2s;
    transition:.2s
}
.project .project-navigation nav ul li,.team-member{
    display:inline-block
}
.zoom-icon:before{
    position:absolute;
    top:50%;
    left:50%;
    display:block;
    margin:-13px 0 0 -13px;
    width:25px;
    height:26px;
    background:url(../img/projects/icons/zoom-icon.png) 50% 50% no-repeat;
    content:""
}
.video-icon:before{
    background:url(../img/projects/icons/video-icon.png) 50% 50% no-repeat
}
.gallery-icon:before{
    background:url(../img/projects/icons/gallery-icon.png) 50% 50% no-repeat
}
.external-icon:before{
    background:url(../img/projects/icons/external-icon.png) 50% 50% no-repeat
}
.featured-thumbnail a:hover .zoom-icon{
    visibility:visible
}
.project .project-main-content img{
    border-radius:7px;
    width:100%
}
.project .project-navigation nav ul{
    margin-top:5px
}
.project .project-navigation nav ul li.next-project,.shop-cart .secondary-button.update-cart,h4.panel-title span{
    float:right
}
.project .project-navigation nav ul li a{
    text-transform:uppercase;
    font-size:12px;
    font-weight:500
}
.project video.responsive-video{
    max-width:100%;
    height:auto
}
.videocontainer{
    position:relative;
    padding-bottom:54.55%;
    padding-top:0;
    height:0;
    overflow:hidden
}
.videocontainer embed,.videocontainer iframe,.videocontainer object{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}
.project .bx-wrapper .bx-viewport,.team-member{
    border-radius:7px
}
.team-member-img-wrap,.team-member-img-wrap img,.team-member-img-wrap:before{
    border-top-left-radius:7px;
    border-top-right-radius:7px
}
.grid_gallery{
    position:relative;
    overflow:hidden;
    padding:0
}
.grid_gallery-inner{
    position:relative;
    overflow:hidden;
    width:100%
}
.gallery-item{
    float:left;
    width:33%;
    margin:0;
    padding:0 1px 1px 0
}
.gallery-item .featured-thumbnail{
    float:none
}
.featured-thumbnail a{
    position:relative;
    display:block;
    outline:0!important
}
.project .project-main-content .featured-thumbnail a img{
    border-radius:0
}
.single-gallery-item{
    margin:0!important
}
.post-body p,.project .bx-wrapper,body.blog-page figure{
    margin:0
}
.bx-wrapper .bx-controls-direction a{
    text-indent:inherit;
    border-radius:50%;
    opacity:.8;
    padding:9px 0 8px 1px;
    margin:5px
}
.bx-wrapper .bx-controls-direction a i{
    width:32px;
    text-align:center;
    font-size:21px;
    color:#fff;
    line-height:31px
}
.bx-wrapper .bx-controls-direction a.bx-prev i{
    padding-right:2px
}
.project .project-details h3{
    margin-top:0;
    font-weight:600;
    margin-bottom:20px
}
.project .project-details ul li{
    padding-bottom:10px
}
.project .project-details ul li span.detail-name{
    font-weight:500
}
.project .project-details ul li span.detail-value{
    text-transform:uppercase
}
.project .project-details ul li i{
    margin-right:5px
}
.project .project-details .custom-button:before{
    content:"\f08e";
    margin-top:-9px
}
.team-member{
    position:relative;
    box-shadow:0 1px 2px 1px rgba(0,0,0,.1)
}
.team-member-img-wrap{
    position:relative;
    display:block;
    outline:0!important
}
.team-member-img-wrap:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    opacity:0;
    height:100%;
    background:rgba(0,0,0,.6);
    -webkit-transition:.3s;
    transition:.3s
}
.team-member-caption{
    text-align:center;
    background:#fff;
    -webkit-transition:.3s;
    transition:.3s;
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px
}
.team-member .team-member-caption h4{
    line-height:0;
    text-transform:uppercase;
    margin:35px 0 25px;
    font-weight:700
}
.team-member-caption p{
    padding:0 0 18px;
    font-style:italic;
    margin:0
}
.team-member-caption .list{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    opacity:0;
    margin-top:-45px;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition:.3s;
    transition:.3s;
    will-change:content
}
.footer .top-footer ul,.pricing-features,.team-member-caption .list li,.user-auth,.user-auth>div{
    padding:0
}
.team-member-caption .list li+li{
    margin-left:5px
}
.team-member-img-wrap img{
    max-width:100%;
    height:auto;
    display:block;
    margin:0 auto
}
.team ul.social li a{
    border:2px solid #fff;
    width:40px;
    height:40px;
    line-height:36px
}
.team ul.social li a:before{
    color:#fff;
    font-size:20px
}
.team .social-icons ul.social li a:hover:before{
    font-size:20px
}
.facts{
    background:url("../img/sections/facts-bg.jpg") center/auto 110% no-repeat fixed
}
.fact-badges{
    margin-top:65px;
    text-align:center
}
.fact-badges h2,.mt-2,.shop-cart .table.cart-total{
    margin-top:20px
}
.fact-badges h2 span{
    font-weight:700;
    font-size:48px
}
.fact-badges h2 strong{
    font-weight:800;
    padding-right:3px
}
.fact-badges .fa{
    font-size:70px;
    color:#fff
}
.facts .top-text h4{
    margin:15px 0 25px;
    font-weight:400
}
.facts h4{
    margin:25px 0;
    font-weight:500
}
.call-to-action{
    background:url("../img/sections/call-to-action-bg.jpg") center/auto 110% no-repeat fixed
}
.call-to-action .call-to-action-content ul{
    padding:0;
    margin:0 auto;
    list-style-type:none;
    color:#fff;
    text-align:left;
    max-width:260px
}
.call-to-action .call-to-action-content ul li{
    padding-left:15px;
    margin-bottom:10px
}
.call-to-action .call-to-action-content ul li:before{
    content:"\f00c";
    font-family:FontAwesome;
    display:inline-block;
    margin-left:-15px;
    margin-right:12px
}
.call-to-action .call-to-action-content .custom-button{
    padding:15px 30px;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    display:block;
    text-align:center;
    width:260px;
    margin:40px auto 0
}
.call-to-action .call-to-action-content .custom-button:before{
    content:"\f234";
    margin-top:-10px;
    right:55px
}
.newsletter{
    color:#fff;
    background:url("../img/sections/testimonials-bg.webp") center/auto 110% no-repeat fixed
}
.newsletter form .custom-input-label::before{
    height:52px
}
.newsletter form{
    position:relative;
    max-width:600px;
    margin:0 auto
}
.newsletter .custom-form-group{
    margin-top:20px;
    margin-bottom:30px
}
.newsletter form .custom-button{
    margin:0 auto;
    display:block;
    padding:15px 30px;
    border-radius:40px;
    width:260px;
    outline:0
}
.newsletter form .custom-button span,.shop-cart input.qtyminus,.shop-cart input.qtyplus{
    font-size:15px
}
.newsletter form .custom-button:before{
    font-size:13px;
    content:"\f0e0";
    right:48px
}
.latest-post{
    position:relative;
    box-shadow:0 4px 6px #ccc;
    padding:8px
}
.comments-list,.widget.recent-posts ul li{
    padding:20px 0
}
.latest-post .post-title{
    font-size:18px;
    position:relative;
    margin-top:25px;
    margin-bottom:15px
}
.latest-post .post-title a{
    color:#555;
    transition:.2s;
    font-size:18px;
    line-height:18px;
    font-weight:600;
    text-decoration:none
}
.latest-post a.img-thumb{
    position:relative;
    display:inline-block;
    max-width:100%;
    overflow:hidden;
    border-radius:4px
}
.latest-post a.img-thumb img{
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
.latest-post a.img-thumb:hover img{
    transform:scale(1.1)!important;
    -o-transform:scale(1.1)!important;
    -moz-transform:scale(1.1)!important;
    -webkit-transform:scale(1.1)!important;
    -ms-transform:scale(1.1)!important;
    opacity:1!important
}
.latest-post .custom-button{
    border-radius:40px;
    font-size:13px;
    font-weight:600
}
.latest-post .post-date{
    width:40px;
    height:50px;
    position:absolute;
    top:4px;
    right:4px;
    text-align:center;
    padding-top:3px;
    border-radius:4px
}
.latest-post .post-date span{
    display:block;
    color:#fff
}
#back-top,#carousel-testimonials .carousel-control,.contactform .output_message_holder,.dark .dark-l,.no-js .pricing-switcher,.pricing-footer::after,.pricing-wrapper>li.is-ended::after,.white-l{
    display:none
}
.latest-post .post-date span:first-child{
    font-weight:600;
    font-size:16px;
    padding-top:1px
}
.comments-list .comment-date,.latest-post .post-date span:nth-child(2),.user-auth>div:nth-child(2) .form-container .form-group p{
    font-size:12px
}
body.blog-page article{
    margin-bottom:60px
}
body.blog-page figure a img{
    width:100%;
    border-radius:4px
}
body.blog-page article h4{
    color:#555;
    text-transform:uppercase;
    font-weight:700;
    font-size:28px;
    margin:0 0 20px;
    line-height:34px
}
body.blog-page.grid-no-sidebar article h4{
    font-size:23px;
    line-height:31px
}
body.blog-page p.content-article,body.blog-page p.excerpt-blog{
    margin:22px 0
}
body.blog-page .meta{
    clear:both;
    padding:10px 0;
    width:100%;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    font-size:13px;
    margin-top:30px
}
.blog-page .banner-blog-post .meta,body.blog-page .banner-area .meta,body.dark.blog-page .banner-blog-post .meta{
    border-top:0;
    border-bottom:0
}
body.blog-page .meta span{
    margin-right:15px;
    display:inline-block
}
body.blog-page .meta span i{
    padding-right:4px
}
body.blog-page .pagination li:first-child a{
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
}
body.blog-page .pagination li:last-child a{
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
body.blog-page .pagination li a:hover{
    background:#ddd
}
body.blog-page .pagination li a{
    background:0 0;
    border:1px solid #ddd;
    border-radius:0;
    padding:9px 16px;
    font-size:15px
}
.comments-list .comment,.pricing,.shop-checkout .checkout table.products th.with-bg,.shop-checkout .checkout table.products thead tr,.widget{
    background:#efefef
}
.comments-heading{
    margin:40px 0 25px;
    text-transform:uppercase;
    color:#555
}
.comments-list{
    list-style:none;
    margin:0
}
.comments-list .comment{
    margin-bottom:30px;
    padding:25px;
    border-radius:7px
}
.comments-list img.comment-avatar{
    width:82px;
    height:82px;
    border-radius:100%;
    margin-right:25px
}
.comments-list .comment-body{
    margin-left:110px
}
.comments-list .comment-author{
    font-size:16px;
    color:#555;
    font-weight:500
}
.comments-list .comment-content{
    font-size:13px;
    margin:15px 0
}
.comments-list .comment-reply{
    text-transform:uppercase;
    font-weight:600
}
.comments-reply{
    list-style:none;
    margin:0 0 0 96px
}
.comments-heading.add-comment{
    margin:0 0 50px
}
.comments-form,.widget.recent-posts .post-info .post-meta{
    margin-bottom:0
}
.comments-form .title-normal{
    margin-top:0;
    line-height:normal;
    margin-bottom:25px
}
.comments-form .form-group,.shop-checkout .form-group,.widget{
    margin-bottom:30px
}
.custom-form textarea{
    padding:15px;
    height:150px;
    box-shadow:none;
    border:1px solid #ddd;
    background:#f2f2f2;
    transition:.2s
}
.custom-form input[type=email],.custom-form input[type=password],.custom-form input[type=text]{
    box-shadow:none;
    height:42px;
    padding-left:15px;
    border:1px solid #ddd;
    background:#f2f2f2;
    font-size:13px;
    transition:.2s
}
body.blog-page article .comments-form .custom-button:before{
    content:"\f075"
}
.custom-form input[type=email]:active,.custom-form input[type=email]:focus,.custom-form input[type=password]:active,.custom-form input[type=password]:focus,.custom-form input[type=text]:active,.custom-form input[type=text]:focus,.custom-form textarea:active,.custom-form textarea:focus{
    border:1px solid #ccc;
    box-shadow:none;
    background:#ece4e4
}
.pricing-page .pricing-features li,.sidebar ul.nav-tabs li,.widget.recent-posts ul li{
    border-bottom:1px solid #ddd
}
.comments-form.custom-form .custom-button,.facts-footer>div:first-child h5,.facts-footer>div:nth-child(2) h5,.pricing-tables-content.pricing-page{
    margin-top:0
}
.sidebar .widget-title{
    font-size:18px;
    font-weight:600;
    position:relative;
    margin-bottom:25px;
    margin-top:0;
    line-height:normal;
    text-transform:uppercase;
    color:#333
}
.widget{
    padding:30px;
    border-radius:7px
}
.sidebar ul.nav-tabs li:first-child,.widget.recent-posts ul li:first-child{
    padding-top:0
}
.widget.recent-posts ul li:last-child{
    border:0;
    border-bottom:0!important;
    padding-bottom:0;
    margin-bottom:0
}
.widget.recent-posts .posts-thumb img{
    margin-right:15px;
    width:90px;
    height:70px;
    border-radius:3px
}
.widget.recent-posts .post-info .entry-title{
    font-size:14px;
    font-weight:600;
    line-height:20px;
    margin:0
}
.widget.recent-posts .entry-title a{
    color:#777;
    font-weight:600
}
.widget.recent-posts .post-date{
    font-weight:400;
    color:#999;
    text-transform:capitalize;
    font-size:12px
}
.sidebar ul.nav-tabs li a{
    color:#777;
    border-radius:0;
    padding:0;
    font-weight:600;
    display:inline-block;
    border-left:0;
    margin:0;
    font-size:13px
}
.sidebar ul.nav-tabs li{
    line-height:normal;
    font-weight:600;
    padding:15px 0;
    float:none;
    text-align:left
}
.widget-tags ul>li{
    display:inline-block;
    margin:6px 6px 6px 0
}
.widget-tags ul>li a{
    color:#999;
    border:1px solid #999;
    display:block;
    font-size:13px;
    padding:5px 15px;
    font-weight:600;
    border-radius:3px;
    transition:.1s
}
#back-top a,.popular .pricing-header,.pricing-header{
    background-color:transparent
}
.pricing-page .pricing h1.monthly{
    padding-bottom:25px
}
.pricing-page .pricing h1.yearly{
    padding:70px 0 30px
}
.pricing h3{
    color:#fff;
    text-transform:uppercase
}
.pricing-switcher{
    text-align:center
}
.pricing-switcher>p{
    display:inline-block;
    position:relative;
    padding:0 4px 0 0;
    margin:15px 0 -5px;
    background:#aba8a8;
    border-radius:40px
}
.pricing-switcher span.switch{
    border-radius:40px
}
.pricing-switcher input[type=radio]{
    position:absolute;
    opacity:0
}
.pricing-switcher label{
    position:relative;
    z-index:1;
    display:inline-block;
    float:left;
    width:105px;
    height:42px;
    line-height:49px;
    padding-left:8px;
    cursor:pointer;
    font-size:14px;
    color:#fff;
    font-weight:600
}
.pricing-switcher .switch{
    position:absolute;
    top:2px;
    left:2px;
    height:43px;
    width:105px;
    border-radius:0;
    -webkit-transition:-webkit-transform .5s;
    -moz-transition:-moz-transform .5s;
    transition:transform .5s
}
.pricing-switcher input[type=radio]:checked+label+.switch,.pricing-switcher input[type=radio]:checked+label:nth-of-type(n)+.switch{
    -webkit-transform:translateX(105px);
    -moz-transform:translateX(105px);
    -ms-transform:translateX(105px);
    -o-transform:translateX(105px);
    transform:translateX(105px)
}
.pricing-list .badge-popular{
    position:absolute;
    top:0;
    overflow:hidden;
    height:130px;
    width:143px;
    text-align:center;
    z-index:0;
    right:0;
    border-top-right-radius:7px
}
.pricing-list .popular{
    font-size:14px;
    color:#fff;
    text-transform:uppercase;
    padding:10px 0 10px 60px;
    width:280px;
    text-align:center;
    display:block;
    position:absolute;
    left:-60px;
    top:0;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    -webkit-transform:rotate(-44deg);
    -ms-transform:rotate(-44deg);
    transform:rotate(44deg)
}
.pricing-list>li{
    position:relative;
    margin-bottom:16px;
    float:left;
    padding:0 15px
}
.pricing-wrapper{
    position:relative;
    padding:0
}
.touch .pricing-wrapper{
    -webkit-perspective:2000px;
    -moz-perspective:2000px;
    perspective:2000px
}
.pricing-wrapper.is-switched .is-visible{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg);
    -webkit-animation:.5s rotate;
    -moz-animation:.5s rotate;
    animation:.5s rotate
}
.pricing-wrapper.is-switched .is-hidden{
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    -ms-transform:rotateY(0);
    -o-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-animation:.5s rotate-inverse;
    -moz-animation:.5s rotate-inverse;
    animation:.5s rotate-inverse;
    opacity:0
}
.pricing-wrapper.is-switched.reverse-animation .is-visible{
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    -ms-transform:rotateY(-180deg);
    -o-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-animation:.5s rotate-back;
    -moz-animation:.5s rotate-back;
    animation:.5s rotate-back
}
.pricing-wrapper.is-switched.reverse-animation .is-hidden{
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    -ms-transform:rotateY(0);
    -o-transform:rotateY(0);
    transform:rotateY(0);
    -webkit-animation:.5s rotate-inverse-back;
    -moz-animation:.5s rotate-inverse-back;
    animation:.5s rotate-inverse-back;
    opacity:0
}
.pricing-wrapper>li{
    background-color:#fff;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    outline:transparent solid 1px
}
.pricing-page .pricing-wrapper>li{
    background-color:#f2f2f2
}
.pricing-wrapper>li::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:50px;
    pointer-events:none;
    background:-webkit-linear-gradient(right,#fff,rgba(255,255,255,0));
    background:linear-gradient(to left,#fff,rgba(255,255,255,0));
    display:none
}
.pricing-wrapper .is-visible{
    position:relative;
    z-index:5;
    box-shadow:0 1px 2px 1px rgba(0,0,0,.1);
    border-radius:7px
}
.pricing-wrapper .is-hidden{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:1;
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.pricing-wrapper .is-selected{
    z-index:3!important
}
.no-js .pricing-wrapper .is-hidden{
    position:relative;
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    -ms-transform:rotateY(0);
    -o-transform:rotateY(0);
    transform:rotateY(0);
    margin-top:16px
}
.price{
    margin-top:45px;
    color:#fff
}
.currency,.value{
    font-size:120px;
    font-weight:300
}
.pricing-body{
    -webkit-overflow-scrolling:touch
}
.pricing-features li,.select{
    overflow:hidden;
    white-space:nowrap
}
.pricing-features li{
    font-size:15px;
    text-align:center;
    text-overflow:ellipsis;
    list-style:none;
    float:none;
    width:auto;
    padding:14px;
    border-bottom:1px solid #eee
}
.pricing-footer{
    z-index:1;
    top:0;
    left:0;
    width:100%
}
.pricing-footer::after{
    content:'';
    position:absolute;
    right:16px;
    top:50%;
    bottom:auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:20px;
    width:20px
}
.pricing-footer a{
    display:block;
    margin:0 30px
}
.select{
    z-index:1;
    text-indent:100%
}
.pricing-tables-content .header{
    height:160px;
    line-height:280px
}
.pricing-list{
    margin:48px 0 0;
    padding:0
}
.pricing-wrapper>li::before{
    content:'';
    position:absolute;
    z-index:6;
    left:-1px;
    top:50%;
    bottom:auto;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    height:50%;
    width:1px
}
.pricing-header{
    position:relative;
    z-index:1;
    pointer-events:none;
    height:auto;
    padding:30px;
    pointer-events:auto;
    text-align:center;
    color:#173d50
}
.popular .pricing-header{
    color:#e97d68
}
.pricing-header h2{
    text-transform:uppercase;
    font-size:1.8rem;
    margin-top:15px;
    margin-bottom:45px;
    line-height:1.8rem;
    color:#666;
    letter-spacing:1px;
    font-weight:300
}
.price-content .value{
    font-size:6rem;
    font-weight:400;
    color:#555
}
.price-content .duration{
    font-weight:700;
    font-size:1.3rem;
    color:#8dc8e4;
    text-transform:uppercase
}
.price-content .duration:before{
    content:'/';
    margin-right:2px
}
.price-content .currency{
    display:inline-block;
    margin-top:0;
    vertical-align:top;
    font-weight:700;
    color:rgba(23,61,80,.4);
    font-size:20px
}
.pricing-body{
    overflow-x:visible
}
.pricing-features{
    width:auto
}
.pricing-footer .custom-button{
    padding:10px 25px;
    border-radius:40px;
    font-size:14px;
    font-weight:600
}
.pricing-footer .custom-button:before{
    content:"\f07a";
    margin-top:-10px;
    right:86px
}
.pricing-features em{
    display:inline-block;
    margin-bottom:0
}
.pricing-footer{
    position:relative;
    height:auto;
    padding:30px 0;
    text-align:center
}
.select{
    position:static;
    display:inline-block;
    height:auto;
    padding:20px 48px;
    color:#fff;
    border-radius:2px;
    background-color:#0c1f28;
    font-size:1.4rem;
    text-indent:0;
    text-transform:uppercase;
    letter-spacing:2px
}
.no-touch .select:hover{
    background-color:#112e3c
}
@-webkit-keyframes rotate{
    0%{
        -webkit-transform:perspective(2000px) rotateY(0)
    }
    70%{
        -webkit-transform:perspective(2000px) rotateY(200deg)
    }
    100%{
        -webkit-transform:perspective(2000px) rotateY(180deg)
    }
}
@-moz-keyframes rotate{
    0%{
        -moz-transform:perspective(2000px) rotateY(0)
    }
    70%{
        -moz-transform:perspective(2000px) rotateY(200deg)
    }
    100%{
        -moz-transform:perspective(2000px) rotateY(180deg)
    }
}
@keyframes rotate{
    0%{
        -webkit-transform:perspective(2000px) rotateY(0);
        -moz-transform:perspective(2000px) rotateY(0);
        -ms-transform:perspective(2000px) rotateY(0);
        -o-transform:perspective(2000px) rotateY(0);
        transform:perspective(2000px) rotateY(0)
    }
    70%{
        -webkit-transform:perspective(2000px) rotateY(200deg);
        -moz-transform:perspective(2000px) rotateY(200deg);
        -ms-transform:perspective(2000px) rotateY(200deg);
        -o-transform:perspective(2000px) rotateY(200deg);
        transform:perspective(2000px) rotateY(200deg)
    }
    100%{
        -webkit-transform:perspective(2000px) rotateY(180deg);
        -moz-transform:perspective(2000px) rotateY(180deg);
        -ms-transform:perspective(2000px) rotateY(180deg);
        -o-transform:perspective(2000px) rotateY(180deg);
        transform:perspective(2000px) rotateY(180deg)
    }
}
@-webkit-keyframes rotate-inverse{
    0%{
        -webkit-transform:perspective(2000px) rotateY(-180deg)
    }
    70%{
        -webkit-transform:perspective(2000px) rotateY(20deg)
    }
    100%{
        -webkit-transform:perspective(2000px) rotateY(0)
    }
}
@-moz-keyframes rotate-inverse{
    0%{
        -moz-transform:perspective(2000px) rotateY(-180deg)
    }
    70%{
        -moz-transform:perspective(2000px) rotateY(20deg)
    }
    100%{
        -moz-transform:perspective(2000px) rotateY(0)
    }
}
@keyframes rotate-inverse{
    0%{
        -webkit-transform:perspective(2000px) rotateY(-180deg);
        -moz-transform:perspective(2000px) rotateY(-180deg);
        -ms-transform:perspective(2000px) rotateY(-180deg);
        -o-transform:perspective(2000px) rotateY(-180deg);
        transform:perspective(2000px) rotateY(-180deg)
    }
    70%{
        -webkit-transform:perspective(2000px) rotateY(20deg);
        -moz-transform:perspective(2000px) rotateY(20deg);
        -ms-transform:perspective(2000px) rotateY(20deg);
        -o-transform:perspective(2000px) rotateY(20deg);
        transform:perspective(2000px) rotateY(20deg)
    }
    100%{
        -webkit-transform:perspective(2000px) rotateY(0);
        -moz-transform:perspective(2000px) rotateY(0);
        -ms-transform:perspective(2000px) rotateY(0);
        -o-transform:perspective(2000px) rotateY(0);
        transform:perspective(2000px) rotateY(0)
    }
}
@-webkit-keyframes rotate-back{
    0%{
        -webkit-transform:perspective(2000px) rotateY(0)
    }
    70%{
        -webkit-transform:perspective(2000px) rotateY(-200deg)
    }
    100%{
        -webkit-transform:perspective(2000px) rotateY(-180deg)
    }
}
@-moz-keyframes rotate-back{
    0%{
        -moz-transform:perspective(2000px) rotateY(0)
    }
    70%{
        -moz-transform:perspective(2000px) rotateY(-200deg)
    }
    100%{
        -moz-transform:perspective(2000px) rotateY(-180deg)
    }
}
@keyframes rotate-back{
    0%{
        -webkit-transform:perspective(2000px) rotateY(0);
        -moz-transform:perspective(2000px) rotateY(0);
        -ms-transform:perspective(2000px) rotateY(0);
        -o-transform:perspective(2000px) rotateY(0);
        transform:perspective(2000px) rotateY(0)
    }
    70%{
        -webkit-transform:perspective(2000px) rotateY(-200deg);
        -moz-transform:perspective(2000px) rotateY(-200deg);
        -ms-transform:perspective(2000px) rotateY(-200deg);
        -o-transform:perspective(2000px) rotateY(-200deg);
        transform:perspective(2000px) rotateY(-200deg)
    }
    100%{
        -webkit-transform:perspective(2000px) rotateY(-180deg);
        -moz-transform:perspective(2000px) rotateY(-180deg);
        -ms-transform:perspective(2000px) rotateY(-180deg);
        -o-transform:perspective(2000px) rotateY(-180deg);
        transform:perspective(2000px) rotateY(-180deg)
    }
}
@-webkit-keyframes rotate-inverse-back{
    0%{
        -webkit-transform:perspective(2000px) rotateY(180deg)
    }
    70%{
        -webkit-transform:perspective(2000px) rotateY(-20deg)
    }
    100%{
        -webkit-transform:perspective(2000px) rotateY(0)
    }
}
@-moz-keyframes rotate-inverse-back{
    0%{
        -moz-transform:perspective(2000px) rotateY(180deg)
    }
    70%{
        -moz-transform:perspective(2000px) rotateY(-20deg)
    }
    100%{
        -moz-transform:perspective(2000px) rotateY(0)
    }
}
@keyframes rotate-inverse-back{
    0%{
        -webkit-transform:perspective(2000px) rotateY(180deg);
        -moz-transform:perspective(2000px) rotateY(180deg);
        -ms-transform:perspective(2000px) rotateY(180deg);
        -o-transform:perspective(2000px) rotateY(180deg);
        transform:perspective(2000px) rotateY(180deg)
    }
    70%{
        -webkit-transform:perspective(2000px) rotateY(-20deg);
        -moz-transform:perspective(2000px) rotateY(-20deg);
        -ms-transform:perspective(2000px) rotateY(-20deg);
        -o-transform:perspective(2000px) rotateY(-20deg);
        transform:perspective(2000px) rotateY(-20deg)
    }
    100%{
        -webkit-transform:perspective(2000px) rotateY(0);
        -moz-transform:perspective(2000px) rotateY(0);
        -ms-transform:perspective(2000px) rotateY(0);
        -o-transform:perspective(2000px) rotateY(0);
        transform:perspective(2000px) rotateY(0)
    }
}
.videopromotion{
    color:#fff;
    background:url("../img/sections/video-bg.jpg") center/auto 110% no-repeat fixed
}
.btn-wrapper,body.error-page.coming-soon .coming-soon-title{
    margin-top:70px
}
.btn-wrapper a{
    border-radius:50%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:inline-block;
    height:80px;
    position:relative;
    text-align:center;
    -moz-transition:.3s;
    -o-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    width:80px;
    outline:0
}
.btn-wrapper a:before{
    content:"\f04b";
    font-family:FontAwesome;
    font-size:26px;
    left:50%;
    line-height:41px;
    margin-left:-7px;
    margin-top:-20px;
    position:absolute;
    top:50%
}
.btn-wrapper a:hover{
    border-width:22px
}
.gmap_container{
    overflow:hidden;
    height:710px;
    width:100%
}
.contact #gmap_canvas{
    height:710px;
    width:100%
}
.contact #gmap_canvas img{
    max-width:none!important;
    background:0 0!important
}
.contact #gmap_canvas strong{
    font-size:17px;
    font-weight:600;
    display:block;
    margin-bottom:8px
}
.info-map{
    position:relative;
    clear:both;
    border-bottom:1px solid #ccc
}
.map-info-window{
    padding:6px
}
.info-map-gmap{
    height:450px
}
.info-map-boxes{
    zoom:1;
    position:relative;
    margin-top:-255px;
    -webkit-transition:opacity .2s linear;
    transition:opacity .2s linear
}
.info-map-boxes-item{
    padding:18px 20px 15px;
    width:100%;
    border-radius:7px;
    font-size:14px;
    color:inherit;
    background:#fff;
    box-shadow:0 0 0 1px rgba(0,0,0,.03),0 0 7px rgba(0,0,0,.15)
}
.info-map-boxes-item:before{
    float:right;
    margin:0;
    padding:10px 0 0 30px;
    font-size:70px;
    background:#fff
}
.info-map-boxes-item h1{
    margin:0;
    padding:0 0 15px;
    border-bottom:1px solid #eee;
    font-size:17px;
    font-weight:700;
    text-transform:uppercase;
    line-height:20px
}
.info-map-boxes-item p{
    margin:11px 0 0;
    line-height:25px;
    font-size:13px
}
.contactform{
    color:#fff;
    background:url("../img/sections/contactform-bg.jpg") center/auto 110% no-repeat fixed
}
.contactform .form-container{
    max-width:750px;
    margin:0 auto;
    padding:60px 0 30px
}
.custom-form-group .input-group .input-group-addon{
    padding:0 13px;
    font-size:18px;
    border:none;
    color:#fff
}
.form-inputs .form-control{
    height:40px;
    background:#fff;
    border-radius:30px;
    box-shadow:none;
    -webkit-transition:.3s;
    transition:.3s
}
.custom-form-group textarea{
    width:100%;
    padding:20px 0 0 25px
}
.form-inputs .form-group .form-control:focus,.form-inputs .form-group textarea:focus{
    outline:0!important;
    -webkit-appearance:none
}
.submit-form button{
    padding:14px 26px;
    border-radius:40px;
    display:block;
    font-weight:600;
    margin:0 auto;
    width:100%;
    outline:0;
    font-size:16px
}
.submit-form button:before{
    right:102px;
    font-size:14px;
    margin-top:-9px
}
.contactform .output_message{
    padding:8px;
    margin-bottom:17px;
    border-radius:40px;
    color:#fff;
    font-weight:600;
    text-transform:uppercase;
    font-size:16px
}
.contactform .output_message.success{
    background:#28a745;
    padding:15px
}
.contactform .output_message.success:before{
    font-family:FontAwesome;
    content:"\f14a";
    padding-right:10px
}
.contactform .output_message.error{
    background:#dc3545;
    padding:15px
}
.contactform .output_message.error:before{
    font-family:FontAwesome;
    content:"\f071";
    padding-right:10px
}
.bx-wrapper{
    margin:80px 0;
    box-shadow:none
}
ul.bxslider img{
    opacity:.7
}
.banner{
    background-image:url('../img/sections/testimonials-bg.webp');
    background-repeat:no-repeat;
    background-position:center top;
    background-attachment:fixed
}
.bannerdiffrent{
    min-height:100px;
    background:linear-gradient(359deg,#ec0a68,#8f1786)
}
.bannerdiffrent2{
    min-height:100px;
    background:linear-gradient(88deg,#ec7c0a,#ff00b1)
}
.bannerdiffrent3{
    min-height:100px;
    background:#444;
    border-radius:40px
}
.banner.banner-blog-post{
    background-image:url('../img/blog/banner-blog.jpg');
    background-size:initial
}
.banner .content{
    background-color:rgb(0 0 0 / 46%);
    padding:134px 0;
    width:100%
}
.banner .breadcrumb>li,.banner .content h1{
    color:#fff!important
}
.banner hr{
    width:80px;
    margin-top:32px;
    margin-bottom:22px
}
.banner .breadcrumb{
    font-size:14px;
    text-transform:uppercase;
    margin:15px 0 0;
    background:0 0
}
.banner .breadcrumb>li{
    font-weight:400
}
.banner .breadcrumb>li a{
    font-weight:700;
    color:#fff
}
.banner .breadcrumb>li a:hover{
    opacity:.9
}
.user-auth .logo{
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    margin-left:30px;
    margin-top:30px
}
.user-auth .logo img{
    width:110px
}
.user-auth>div:nth-child(2){
    height:100vh;
    background:#fff
}
.user-auth>div:nth-child(2) .copyright-text{
    font-size:12px;
    position:absolute;
    bottom:0;
    width:100%;
    margin-bottom:3px;
    opacity:.8
}
.user-auth>div:nth-child(2) .form-container{
    display:table;
    position:absolute;
    height:100vh;
    width:100%;
    left:0
}
.user-auth>div:nth-child(2) .form-container>div,body.error-page .error>div>div{
    display:table-cell;
    vertical-align:middle
}
.user-auth>div:nth-child(2) .form-container form{
    max-width:450px;
    margin:0 auto
}
.user-auth>div:nth-child(2) .form-container form .form-group{
    margin:0 auto 30px
}
.user-auth>div:nth-child(2) .form-container .custom-button{
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    margin:0 auto 10px;
    display:block
}
.user-auth>div:nth-child(2) .form-container .custom-button:before{
    content:"\f234";
    margin-top:-10px
}
.user-auth>div:nth-child(2) .form-container .custom-button.login:before{
    content:"\f090";
    margin-top:-9px
}
.user-auth>div:nth-child(2) .form-container p{
    text-transform:uppercase;
    margin-bottom:40px
}
.user-auth>div:nth-child(2) .form-container p.info-form{
    margin-bottom:30px;
    font-size:14px
}
#carousel-testimonials .item{
    height:100vh;
    color:#fff;
    -webkit-background-size:cover;
    background-position:center center;
    background-size:cover;
    -webkit-backface-visibility:hidden;
    background-attachment:initial
}
#carousel-testimonials .item.item-1{
    background-image:url('../img/testimonial/auth-page/bg-user.jpg')
}
#carousel-testimonials .item.item-2{
    background-image:url('../img/testimonial/auth-page/bg-user-2.jpg')
}
#carousel-testimonials .item.item-3{
    background-image:url('../img/testimonial/auth-page/bg-user-3.jpg')
}
#carousel-testimonials .item>div{
    position:absolute;
    bottom:0
}
#carousel-testimonials .item>div:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    z-index:-1;
    height:480px;
    background-image:-webkit-linear-gradient(91deg,#141516 7%,rgba(43,51,65,0) 100%);
    background-image:linear-gradient(-1deg,#141516 7%,rgba(43,51,65,0) 100%)
}
#carousel-testimonials blockquote{
    border-left:0;
    padding:10px 30px
}
#carousel-testimonials blockquote p{
    position:relative;
    margin-bottom:40px;
    font-style:italic;
    color:#fff;
    line-height:31px
}
#carousel-testimonials blockquote footer{
    font-size:12px;
    text-transform:uppercase
}
#carousel-testimonials .carousel-indicators{
    text-align:right;
    width:100%;
    left:0;
    margin-left:0;
    padding-right:30px;
    margin-bottom:5px
}
#carousel-testimonials .carousel-indicators li{
    display:inline-block;
    background-color:#fff;
    border:0;
    margin-right:5px
}
#carousel-testimonials .carousel-indicators li:last-child{
    margin-right:0
}
@-moz-document url-prefix(){
    .site-search{
        margin-top:-1px
    }
    .carousel-fade .carousel-inner .item{
        -webkit-transition-property:opacity;
        transition-property:opacity
    }
    .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .item{
        opacity:0
    }
    .carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{
        opacity:1
    }
    .carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right,.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev{
        left:0;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    .carousel-fade .carousel-control{
        z-index:2
    }
    .carousel,.carousel-inner,.carousel-inner .item{
        height:100%
    }
}
body.error-page .error{
    height:100vh;
    background-image:url('../img/backgrounds/404.jpg');
    background-size:cover;
    background-position:center center;
    padding:0
}
body.error-page.server-error-page .error{
    background-image:url('../img/backgrounds/503.jpg')
}
body.error-page .error .logo{
    position:absolute;
    top:0;
    left:0;
    right:0
}
body.error-page .logo img{
    margin:0 auto;
    padding-top:30px
}
body.error-page .error>div{
    display:table;
    position:absolute;
    height:100vh;
    width:100%;
    left:0;
    background:rgba(17,17,17,.9)
}
body.error-page .error h3{
    font-size:36px;
    line-height:36px;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:1px
}
.shop-cart .table thead>tr>th,body.error-page .error p{
    padding:20px 0;
    font-size:15px
}
body.error-page .error .big-404{
    font-size:220px;
    line-height:220px;
    color:#999;
    font-weight:300;
    margin-top:70px
}
body.error-page .error p{
    color:#999;
    text-transform:uppercase;
    margin:0 auto;
    max-width:530px
}
body.error-page .error .custom-button:before{
    content:"\f015"
}
body.error-page .error .custom-button.refresh:before{
    content:"\f021"
}
body.error-page.coming-soon .error{
    background-image:url('../img/backgrounds/coming-soon.jpg')
}
.countdown{
    margin:10px 0 40px
}
.countdown-section{
    display:inline-block;
    font-size:17px;
    line-height:1;
    text-align:center;
    color:#888;
    text-transform:capitalize;
    padding:0 20px
}
.countdown-amount{
    display:block;
    font-size:45px;
    margin-bottom:15px
}
.panel-group{
    margin-bottom:80px
}
.panel-default>.panel-heading{
    background:0 0;
    border-radius:0;
    position:relative;
    padding:15px
}
.panel-group .panel{
    border-radius:0;
    margin-bottom:-6px
}
.panel-group .panel:first-child{
    border-top-left-radius:7px;
    border-top-right-radius:7px
}
.panel-group .panel:last-child{
    border-bottom-left-radius:7px;
    border-bottom-right-radius:7px
}
.panel.panel-default{
    background:0 0;
    border-color:#ddd;
    box-shadow:none
}
.panel-default>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#ddd;
    line-height:30px
}
h4.panel-title{
    font-size:17px;
    background:0 0;
    border:0;
    padding:8px 0 8px 30px;
    line-height:normal;
    border-radius:0;
    text-transform:uppercase
}
h4.panel-title a.collapsed:before,h4.panel-title a:before{
    font-family:FontAwesome;
    position:absolute;
    z-index:0;
    font-size:12px;
    left:15px;
    padding:0 5px;
    text-align:center;
    top:50%;
    margin-top:-7px
}
h4.panel-title a:before{
    content:"\f106"
}
h4.panel-title a.collapsed:before{
    content:"\f107"
}
.panel-body ul{
    padding-left:25px
}
.terms p{
    margin-bottom:45px
}
.shop-cart .table-responsive .table.order{
    margin-bottom:35px
}
.shop-cart table.order thead tr{
    background:#efefef;
    color:#555;
    text-transform:uppercase
}
.shop-cart .table-responsive .table.order tr td{
    vertical-align:middle;
    padding-top:29px;
    padding-bottom:29px;
    padding-left:0
}
.shop-cart .table h6{
    font-size:18px;
    color:#555
}
.shop-cart .table td span.price{
    font-weight:700;
    color:#555
}
.shop-cart .row-buttons{
    margin-left:15px;
    margin-right:15px
}
.shop-cart .btn.btn-coupon,.shop-cart .btn.btn-update-cart{
    background:0 0;
    color:#999;
    border:1px solid #999
}
.shop-cart .btn.btn-primary.btn-coupon:active,.shop-cart .btn.btn-primary.btn-coupon:focus,.shop-cart .btn.btn-primary.btn-coupon:hover,.shop-cart .btn.btn-update-cart:active,.shop-cart .btn.btn-update-cart:focus,.shop-cart .btn.btn-update-cart:hover{
    background:0 0!important
}
.shop-cart .form-control,.shop-cart button{
    font-size:14px;
    float:left;
    margin-top:0
}
.shop-cart .form-control{
    max-width:135px;
    display:inline-block;
    text-align:center;
    border-radius:30px;
    height:46px!important;
    margin-right:15px
}
.shop-cart .secondary-button{
    background:0 0;
    border-radius:30px;
    height:46px;
    padding:0 30px;
    transition:.2s;
    text-transform:uppercase;
    font-weight:600;
    outline:0!important
}
.shop-cart .checkout-button,.shop-checkout .checkout-button{
    float:right;
    margin-top:0
}
.shop-cart .checkout-button.custom-button:before,.shop-checkout .checkout-button.custom-button:before{
    content:"\f07a"
}
.shop-cart h4.title-totals{
    color:#555;
    text-transform:uppercase;
    margin:70px 0 20px;
    font-weight:600
}
.shop-cart .table tbody>tr,.shop-cart .table.cart-total .section-border,.shop-checkout .table tbody>tr{
    border-bottom:1px solid #eee
}
.shop-cart .table.cart-total th{
    font-weight:400;
    text-transform:capitalize;
    border:none
}
.shop-cart .table.cart-total th.total .price{
    font-weight:800;
    font-size:20px;
    color:#333
}
.shop-cart .price{
    color:#333
}
.shop-cart .quantity{
    text-align:center;
    font-size:12px;
    background:#efefef;
    padding-top:11px;
    padding-bottom:11px;
    width:82px;
    height:auto;
    display:inline-block
}
.shop-cart .qty{
    text-align:center;
    width:26px
}
.shop-cart .qty,.shop-cart input.qtyminus,.shop-cart input.qtyplus{
    background:#efefef;
    border:0;
    outline:0
}
.shop-checkout h3{
    color:#555;
    text-transform:uppercase;
    margin:45px 0 25px
}
.shop-checkout textarea{
    height:150px;
    padding:15px 20px
}
.shop-checkout select{
    height:42px;
    box-shadow:none;
    outline:0;
    border:1px solid #ddd;
    background:#f2f2f2;
    text-transform:uppercase;
    font-size:13px;
    color:#999
}
.shop-checkout .form-group select.form-control:focus{
    outline:0!important;
    box-shadow:none;
    border:1px solid #ddd
}
#back-top a,.social-icons ul li a{
    border-radius:50%;
    display:block;
    text-align:center;
    text-decoration:none
}
.shop-checkout .checkout table.products td.text-price.big-price{
    font-size:20px;
    font-weight:800
}
.products>tbody>tr>td,.products>tbody>tr>th,.products>tfoot>tr>td,.products>tfoot>tr>th,.products>thead>tr>td,.products>thead>tr>th{
    padding:20px 15px;
    line-height:1.66667;
    vertical-align:middle;
    border-top:1px solid
}
.shop-checkout .checkout .payment .cheque,.shop-checkout .checkout .payment .paypal{
    background:#efefef;
    padding:30px;
    margin-bottom:30px
}
.shop-checkout .checkout .payment .cheque{
    margin-bottom:1px
}
.shop-checkout .checkout .payment .radio{
    display:inline-block;
    margin-right:15px
}
.shop-checkout .checkout .payment .payment-cards{
    margin-top:10px;
    padding-bottom:15px
}
.shop-checkout .checkout .payment .payment-cards img{
    margin:0 5px 5px 0
}
.tooltip.top .tooltip-inner{
    padding:20px;
    width:290px;
    min-width:290px;
    line-height:19px;
    text-align:left
}
.checkbox input[type=checkbox],.shop-checkout .checkout .payment input[type=radio]{
    margin-top:4px
}
.social-icons ul{
    margin:0;
    padding:0;
    line-height:0;
    font-size:0
}
.social-icons ul li{
    display:inline-block;
    margin:0 15px 15px 0;
    padding:0;
    vertical-align:top;
    list-style:none
}
.social-icons ul li a{
    background:0 0;
    width:63px;
    height:63px;
    line-height:59px;
    -webkit-transition:.8s;
    transition:.8s;
    color:#fff!important
}
.social-icons ul li a:hover{
    -webkit-transition:.4s;
    transition:.4s;
    color:#fff!important
}
.social-icons ul li a:hover:before{
    transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg);
    -webkit-transition:.4s;
    transition:.4s;
    color:#fff!important
}
.social-icons ul li a:before{
    display:block;
    -webkit-transition:.8s;
    transition:.8s;
    font-family:FontAwesome;
    font-size:30px;
    text-align:center
}
.social-icons ul li a[title=facebook]:before{
    content:"\f09a"
}
.social-icons ul li a[title=twitter]:before{
    content:"\f099"
}
.social-icons ul li a[title=google]:before{
    content:"\f0d5"
}
.social-icons ul li a[title=skype]:before{
    content:"\f17e"
}
.social-icons ul li a[title=linkedin]:before{
    content:"\f0e1"
}
.social-icons ul li a[title=instagram]:before{
    content:"\f16d"
}
.social-icons ul li a[title=youtube]:before{
    content:"\f167"
}
#back-top{
    margin:0
}
#back-top-wrapper{
    position:fixed;
    right:26px;
    bottom:26px;
    overflow:hidden;
    z-index:1111
}
#back-top a{
    -webkit-transition:1s;
    transition:1s;
    width:45px;
    margin:0 auto
}
#back-top a:hover span:before{
    top:-50px
}
#back-top span{
    display:block;
    -webkit-transition:1s;
    transition:1s;
    z-index:1;
    margin-bottom:0;
    width:41px;
    height:41px;
    background:0 0;
    position:relative;
    overflow:hidden
}
#back-top span:after,#back-top span:before{
    content:"\f062";
    font-size:19px;
    font-family:FontAwesome;
    line-height:41px;
    position:absolute;
    left:0;
    width:41px;
    text-align:center;
    -webkit-transition:.5s;
    transition:.5s
}
.custom-input-field,.custom-input-label::before{
    height:50px;
    -webkit-transition:-webkit-transform .3s
}
#back-top span:after{
    top:50px;
    color:#fff
}
.input{
    position:relative;
    z-index:1;
    display:inline-block
}
.input-field{
    position:relative;
    display:block;
    float:right;
    padding:.8em;
    width:60%;
    border:none;
    border-radius:0;
    background:#f0f0f0;
    color:#aaa;
    -webkit-appearance:none
}
.input-field:focus{
    outline:0
}
.input-label{
    display:inline-block;
    float:right;
    padding:0 1em;
    width:40%;
    color:#6a7989;
    font-weight:700;
    font-size:70.25%;
    -webkit-font-smoothing:antialiased;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.custom-input{
    overflow:hidden;
    border-radius:30px;
    background:#fff;
    width:100%
}
.custom-input-field{
    padding-left:51px;
    width:100%;
    background:0 0;
    -webkit-transform:translate3d(1em,0,0);
    transform:translate3d(1em,0,0);
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s;
    border-radius:4px
}
.custom-input-field:focus .custom-input{
    background:#00f
}
.custom-input-label{
    position:absolute;
    padding:14px;
    width:52px;
    height:50px
}
.contactform textarea{
    color:#aaa;
    border-radius:30px;
    box-shadow:none;
    -webkit-transition:.3s;
    transition:.3s
}
.custom-input-label::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    width:50px;
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s
}
.icon-field{
    color:#fff;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1);
    -webkit-transform-origin:0% 50%;
    transform-origin:0% 50%;
    -webkit-transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s;
    margin:0;
    display:block;
    text-align:center;
    font-size:20px
}
.custom-input-field:focus{
    outline:0!important;
    -webkit-appearance:none;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.custom-input-field:focus+.custom-input-label::before{
    -webkit-transform:scale3d(.8,1,1);
    transform:scale3d(.8,1,1)
}
.custom-input-field:focus+.custom-input-label .icon-field{
    -webkit-transform:scale3d(.6,.6,1);
    transform:scale3d(.6,.6,1)
}
.footer .container{
    padding:80px 15px 0
}
.footer .top-footer h4{
    text-transform:uppercase;
    margin-top:0;
    font-size:18px;
    margin-bottom:30px;
    font-weight:700
}
.footer .top-footer .menu ul li{
    margin-bottom:17px;
    display:inline-block;
    padding:0
}
li{
    list-style:none
}
.footer .top-footer .menu ul li a,.footer .top-footer .menu ul li span{
    text-transform:uppercase;
    color:#fff;
    font-size:13px;
    font-weight:400;
    transition:.1s
}
.footer .top-footer .menu ul li span i{
    padding-right:3px
}
.top-footer .contacts>div{
    padding-bottom:12px;
    font-size:13px;
    font-weight:600;
    color:#fff;
    text-transform:uppercase
}
.footer .social-icons{
    padding-top:10px
}
.footer .social-icons ul li{
    margin:0 10px 15px 0
}
.footer .social-icons ul li a{
    width:40px;
    height:40px;
    line-height:38px
}
.footer .social-icons ul li a:before{
    font-size:19px
}
.facts-footer>div{
    width:49%;
    display:inline-block;
    margin-bottom:18px
}
.facts-footer>div h5{
    font-size:30px;
    font-weight:500;
    margin:15px 0 12px
}
.facts-footer>div span{
    text-transform:uppercase;
    font-size:12px;
    color:#ddd
}
.footer .bottom-footer p{
    margin:0;
    font-size:13px;
    border-top:1px solid #222;
    padding:17px 0;
    color:#ddd
}
.footer hr{
    background-color:#1d1d1d;
    border:0;
    height:1px;
    margin:6px 0 17px
}
@media (min-width:1200px){
    ul.navbar-nav>li.visible-md.visible-lg{
        display:inline-block!important
    }
}
@media (max-width:1200px) and (min-width:992px){
    body.double-diagonal .about .container,body.double-diagonal .services .container{
        padding:50px 15px 90px!important
    }
    body.double-diagonal .projectmanager .section-overlay{
        padding:110px 0 140px
    }
    body.double-diagonal .team .container{
        padding:50px 15px 130px!important
    }
    body.double-diagonal .call-to-action .section-overlay,body.double-diagonal .newsletter .section-overlay{
        padding:110px 0 160px
    }
}
@media (min-width:991px){
    ul.nav li.dropdown:hover ul.dropdown-menu{
        display:block
    }
    .navbarsmall{
        display:none!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .navbar-collapse.collapse{
        display:none!important
    }
    .navbar-collapse.collapse.in,.navbar-header .collapse,.navbar-toggle{
        display:block!important
    }
    .navbar-header{
        float:none
    }
    .top-footer>.row>div:nth-child(4){
        margin-top:25px
    }
    .shop-checkout .table{
        margin-bottom:30px
    }
}
@media (max-width:1199px){
    .newsletter .custom-form-group{
        padding:0
    }
    .projectmanager{
        text-align:center
    }
    .projectmanager .img-responsive{
        float:none;
        margin:0 auto 50px
    }
}
@media (max-width:1199px) and (min-width:992px){
    ul.nav.nav-tabs li a,ul.nav.nav-tabs li.active a{
        padding:0 15px
    }
    .about ul.nav.nav-tabs li:first-child>a,.sidebar ul.nav.nav-tabs li a{
        padding-left:0
    }
    .pricing-footer .custom-button:before{
        right:56px
    }
}
@media (max-width:991px){
    .navbar-nav .open .dropdown-menu{
        position:static;
        float:none;
        width:auto;
        margin-top:0;
        background-color:transparent;
        border:0;
        -webkit-box-shadow:none;
        box-shadow:none
    }
    header.header.header-fixed ul li a{
        color:#fff;
        padding:10px 25px
    }
    ul.navbar-nav{
        padding-bottom:62px;
        float:none;
        margin:0
    }
    .header-fixed ul.navbar-nav li.dropdown ul.dropdown-menu li a,ul.navbar-nav li.dropdown ul.dropdown-menu li a{
        padding:10px 20px 10px 40px
    }
    body.dark .navbar-collapse,body.dark .navbar-collapse.in{
        background:#222;
        border-bottom:1px solid #343434
    }
    body.dark .header-fixed ul.navbar-nav>li>a,body.dark ul.navbar-nav>li>a{
        border-top:1px solid #343434
    }
    .navbar-collapse.in{
        overflow-x:hidden
    }
    ul.navbar-nav>li.open>a,ul.navbar-nav>li.open>a:active,ul.navbar-nav>li.open>a:focus,ul.navbar-nav>li.open>a:hover{
        border:1px solid #f6f6f6;
        border-left:0;
        border-right:0
    }
    body.dark ul.navbar-nav>li.open>a,body.dark ul.navbar-nav>li.open>a:active,body.dark ul.navbar-nav>li.open>a:focus,body.dark ul.navbar-nav>li.open>a:hover{
        border-top:1px solid #343434;
        border-bottom:1px solid #343434;
        border-left:0;
        border-right:0
    }
    .pagination{
        margin-bottom:80px
    }
    .blog-grid-no-sidebar .pagination,.blog-left-sidebar .pagination{
        margin-bottom:20px
    }
    .project .project-details h3{
        margin-top:50px
    }
    .services .services-box-item-cover{
        display:none
    }
    .services .services-box{
        margin:30px -9px
    }
    .services .services-box-item-content,.services .services-box-item-cover{
        transform:none;
        transition:none
    }
    .services .services-box-item{
        margin:28px 0
    }
    .projectmanager{
        text-align:center
    }
    .projectmanager .img-responsive{
        float:none;
        margin:0 auto 50px
    }
    .about .about-content .title-about{
        margin-top:0
    }
    .about-right-side{
        padding-top:50px
    }
    .team-member{
        margin-bottom:30px
    }
    .newsletter form .custom-button{
        position:relative;
        margin-top:20px;
        width:100%
    }
    .newsletter form .form-group input{
        padding-right:0
    }
    .submit-form button:before{
        right:260px
    }
    .bigscreenmenu,.custom-button:before{
        display:none!important
    }
    .custom-button span{
        transform:none!important
    }
    .header-inner{
        padding-left:15px;
        padding-right:15px
    }
    .header{
        height:65px
    }
    .header .logo a{
        margin:23px 0 0;
        width:100px;
        transition:.3s;
        -o-transition:.3s;
        -moz-transition:.3s;
        -webkit-transition:.3s
    }
    ul.nav.nav-tabs li a,ul.nav.nav-tabs li.active a{
        padding:0 20px
    }
    .sidebar ul.nav.nav-tabs li a{
        padding:0
    }
    ul.nav.nav-tabs li:first-child a{
        padding-left:0
    }
    ul.navbar-nav>li{
        display:block
    }
    .header-fixed ul.navbar-nav>li>a,ul.navbar-nav>li>a{
        padding:20px 18px;
        border-top:1px solid #717171;
        text-align:left;
        color:#fff
    }
    .navbar-nav .open .dropdown-menu>li>a{
        line-height:30px;
        border-bottom:0
    }
    .navbar-collapse,.navbar-collapse.in{
        position:fixed;
        top:64px;
        left:0;
        float:none;
        margin:0;
        padding:0;
        width:100%;
        background:#272727;
        overflow-y:auto;
        z-index:999;
        border-bottom:1px solid #ccc;
        border-top:0
    }
    #back-top-wrapper{
        right:15px;
        bottom:15px
    }
    .footer .top-footer>.row{
        padding-bottom:15px
    }
}
@media (max-width:767px){
    .bigscreenmenu{
        display:none!important
    }
    .container{
        width:570px
    }
    .banner .content{
        padding:150px 0
    }
    .contact-form .form-group,.services .services-box-item-content,.shop-checkout .checkout .payment .paypal,.shop-checkout .form-group,.shop-checkout .table,.user-auth>div:nth-child(2) .form-container form .form-group{
        margin-bottom:15px
    }
    .about .container,.blog .container,.contact .container,.services .container,.team .container,body.big-triangle .team .container{
        padding-left:15px!important;
        padding-right:15px!important
    }
    body.double-diagonal .about .container,body.double-diagonal .pricing .container{
        padding:60px 15px 100px!important
    }
    body.double-diagonal.about-page .about .container{
        padding:35px 15px 100px!important
    }
    body.double-diagonal .services .container{
        padding:60px 15px 45px!important
    }
    body.double-diagonal .portfolio .container,body.double-diagonal .team .container{
        padding:60px 15px 85px!important
    }
    body.double-diagonal .section-overlay{
        padding:75px 15px 150px!important
    }
    body.double-diagonal .facts .section-overlay{
        padding:75px 15px 100px!important
    }
    body.double-diagonal .projectmanager .section-overlay,body.skew .blog .container{
        padding:90px 15px 100px!important
    }
    body.double-diagonal .contactform .section-overlay{
        padding:75px 0 100px!important
    }
    body.double-diagonal.portfolio-page .portfolio .container{
        padding:40px 15px!important
    }
    body.double-diagonal.pricing-page .pricing .container{
        padding:70px 15px 20px!important
    }
    body.double-diagonal .blog .container{
        padding:60px 15px 15px!important
    }
    body.double-diagonal.blog-page .blog .container{
        padding:75px 15px 50px!important
    }
    body.double-diagonal .footer .container{
        padding:100px 15px 0
    }
    body.double-diagonal .shop-cart .container,body.double-diagonal .shop-checkout .container{
        padding:85px 15px 60px!important
    }
    body.double-diagonal .faq .container,body.double-diagonal .terms .container{
        padding:85px 15px 50px!important
    }
    .header-inner,.logos .container,.newsletter p,.videopromotion p{
        padding-left:15px;
        padding-right:15px
    }
    h1{
        font-size:40px;
        line-height:40px
    }
    h2{
        font-size:32px
    }
    h4{
        font-size:18px
    }
    .latest-posts-content>div,.pricing-list>li,body.error-page .error .custom-button{
        margin-bottom:30px
    }
    .footer p,.top-text h1,.top-text h4,body.error-page .error p,body.error-page h3{
        margin-left:15px;
        margin-right:15px
    }
    .top-text h4{
        line-height:28px
    }
    body.double-diagonal .about::before,body.double-diagonal .blog::before,body.double-diagonal .contact::before,body.double-diagonal .faq::before,body.double-diagonal .logos::before,body.double-diagonal .portfolio::before,body.double-diagonal .pricing::before,body.double-diagonal .project::before,body.double-diagonal .services::before,body.double-diagonal .shop-cart::before,body.double-diagonal .shop-checkout::before,body.double-diagonal .team::before,body.double-diagonal .terms::before{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    .about .about-content .about-left-side{
        margin-top:0
    }
    .about-right-side .hovered .full-image-overlay{
        margin-top:60px;
        position:relative
    }
    .list-why-choose-us li{
        margin-bottom:17px
    }
    .full-image-container{
        background-image:url('../img/about.jpg');
        background-size:cover
    }
    .comments-list .comment-body{
        margin-left:0
    }
    .comments-list .comment-content{
        margin:70px 0 15px
    }
    .comments-list .comment-date{
        float:left!important
    }
    .comments-reply,.services .services-box-item-cover{
        margin:0
    }
    .comments-list .comment{
        margin-bottom:15px;
        padding:15px
    }
    .projectmanager .img-responsive{
        float:none;
        margin:0 auto 50px
    }
    .projectmanager li,.projectmanager ul{
        margin-top:15px
    }
    .portfolio .nav-pills li{
        margin:0 10px 15px 0
    }
    .mobile-logo{
        margin:70px auto 0
    }
    .user-auth>div:nth-child(2),body.error-page .error{
        height:auto
    }
    .user-auth>div:nth-child(2) .form-container{
        display:block;
        padding:15px;
        position:relative;
        height:auto
    }
    .user-auth>div:nth-child(2) .form-container>div{
        display:block
    }
    .user-auth>div:nth-child(2) .form-container p.info-form{
        margin:8px 15px 30px
    }
    .top-footer>.row>div:first-child,.top-footer>.row>div:nth-child(2),.user-auth>div:nth-child(2) .form-container .form-group p{
        margin-bottom:40px
    }
    body.error-page .error>div{
        display:block;
        position:relative;
        height:auto
    }
    body.error-page .error>div>div{
        height:100vh;
        margin:0 auto;
        display:block;
        overflow-y:auto;
        max-width:490px
    }
    body.error-page .error .big-404{
        font-size:150px;
        line-height:150px;
        margin-top:0
    }
    body.error-page .error .logo{
        position:relative;
        float:none
    }
    body.error-page .logo img{
        padding-top:70px;
        padding-bottom:35px
    }
    .testimonials #quote-carousel blockquote{
        padding:0 15px
    }
    .services .services-box-item{
        float:none;
        margin:25px auto 0;
        display:block
    }
    .team-member{
        max-width:480px;
        margin:0 auto 25px;
        display:block
    }
    .newsletter .custom-form-group{
        padding:0
    }
    .info-map-gmap{
        height:300px
    }
    .info-map-boxes-item{
        width:100%;
        margin-top:30px
    }
    .info-map-boxes{
        margin-top:0;
        margin-bottom:30px
    }
    body.double-diagonal .info-map-boxes,body.reversed-skew .info-map-boxes,body.skew .info-map-boxes{
        margin-top:0;
        margin-bottom:100px
    }
    .footer li a{
        font-size:16px;
        line-height:29px
    }
    .social-icons ul li a{
        width:43px;
        height:43px;
        line-height:40px
    }
    .social-icons ul li a:before{
        font-size:21px
    }
    .submit-form button{
        width:100%
    }
    .submit-form button:before{
        right:42px
    }
    .output_message_holder{
        margin-top:30px
    }
    .footer .top-footer>.row{
        padding-bottom:12px
    }
    body.normal .blog .container{
        padding:70px 15px!important
    }
    .fact-badges>.row>div{
        margin-bottom:80px
    }
    .fact-badges>.row>div:last-child{
        margin-bottom:0
    }
    body.double-diagonal .section-overlay{
        padding-bottom:120px!important
    }
    .shop-cart .table-responsive{
        border:0
    }
    .shop-cart .form-control{
        max-width:initial;
        width:39%
    }
    .shop-cart button{
        width:calc(61% - 15px);
        margin:0
    }
    .shop-cart .update-cart{
        width:100%;
        margin-top:15px
    }
    .shop-cart .checkout-button{
        width:100%;
        text-align:center
    }
    .shop-cart .table-responsive .table.order colgroup{
        width:auto
    }
    .shop-cart .table-responsive .table.order colgroup col{
        padding-left:5px;
        padding-right:5px
    }
    .shop-cart .table-responsive .table.order tr td,.shop-cart .table-responsive .table.order tr th{
        padding-left:5px;
        padding-right:5px;
        white-space:normal
    }
    .shop-cart .table-responsive .table.order tr td h6,.shop-cart .table-responsive .table.order tr th,.shop-cart .table-responsive .table.order tr th h6{
        font-size:12px
    }
    .shop-cart .table-responsive .table.order tr td .price,.shop-cart .table-responsive .table.order tr th .price{
        font-size:11px
    }
    .shop-cart .table-responsive .table.order tr td .quantity,.shop-cart .table-responsive .table.order tr th .quantity{
        padding-top:4px;
        padding-bottom:4px
    }
    .minister-row{
        flex-wrap:wrap
    }
    .min-col{
        text-align:center;
        width:100%;
        margin-bottom:15px
    }
    .hidden-xs{
        display:block!important
    }
}
@media (min-width:576px) and (max-width:767px){
    body.big-triangle .portfolio .container,body.double-diagonal .portfolio .container,body.skew .portfolio .container{
        padding-left:0!important;
        padding-right:0!important
    }
}
@media (max-width:576px){
    .portfolio .filtr-item,footer{
        padding-left:0;
        padding-right:0
    }
    .portfolio .container,body.big-triangle .portfolio .container,body.double-diagonal .portfolio .container,body.normal .portfolio .container,body.reversed-skew .portfolio .container,body.skew .portfolio .container{
        padding-left:15px!important;
        padding-right:15px!important
    }
    .call-to-action .call-to-action-content .custom-button,.container,.team-members>div,.top-footer>.row>div{
        width:100%
    }
    .about-content ul.nav.nav-tabs{
        border:1px solid #ddd;
        border-radius:7px
    }
    .about-content ul.nav.nav-tabs li a{
        margin:0;
        padding:14px 0;
        border-left:0
    }
    body.dark .about ul.nav.nav-tabs li>a{
        border-left:0
    }
    .about-content ul.nav.nav-tabs li.active a{
        color:#fff
    }
    .about-content ul.nav.nav-tabs li:first-child a{
        border-top-left-radius:7px;
        border-top-right-radius:7px
    }
    .about-content ul.nav.nav-tabs li:last-child a{
        border-bottom-left-radius:7px;
        border-bottom-right-radius:7px
    }
    .nav-tabs>li{
        float:none;
        text-align:center;
        border-bottom:1px solid #ddd
    }
    body.dark .nav-tabs>li{
        border-bottom:1px solid #343434
    }
    body.dark .about-content ul.nav.nav-tabs{
        border:1px solid #343434
    }
    .nav-tabs>li.active,.nav-tabs>li:last-child,body.dark .nav-tabs>li:last-child,body.dark .sidebar ul.nav-tabs>li:last-child{
        border-bottom:0
    }
    .about .tab-content p{
        margin-top:20px
    }
    .services .services-box-item{
        margin-top:15px;
        padding:0 15px
    }
    .services .services-box-item-content{
        margin-bottom:11px;
        padding:15px
    }
    .call-to-action .call-to-action-content ul{
        margin:0
    }
    .pricing-list>li,.team-member,.widget{
        margin-bottom:15px
    }
    .newsletter .custom-form-group{
        margin-bottom:10px
    }
    .newsletter form .custom-button{
        margin-top:0
    }
    .top-footer>.row>div:nth-child(3){
        margin-bottom:40px
    }
    .services .services-box{
        margin:40px -9px
    }
    .preloader.loading .logopreloader img{
        width:120px
    }
    .preloader .loader{
        width:50px;
        height:50px;
        background-size:cover;
        margin:0 0 0 -21px
    }
    .widget{
        padding:30px 15px 15px
    }
    .blog-left-sidebar .widget-tags{
        margin-bottom:30px
    }
    .info-map-boxes-item{
        padding:13px 15px;
        margin-top:0;
        margin-bottom:15px
    }
    .info-map-boxes-item.fa-phone{
        margin-bottom:45px
    }
    .info-map-boxes{
        margin-top:15px;
        margin-bottom:0
    }
    body.double-diagonal .info-map-boxes,body.reversed-skew .info-map-boxes,body.skew .info-map-boxes{
        margin:85px 0 130px
    }
}
li.appdiv a,li.calldiv a{
    display:block;
    padding:5px;
    border-radius:5px;
    font-weight:700;
    font-size:18px;
    text-transform:uppercase
}
.dark .white-l,.dark-l{
    display:block
}
li.calldiv a{
    background:#fabd0f;
    color:#000!important
}
li.appdiv a{
    background:#1b892a;
    color:#fff!important
}
.hidden-sm{
    display:block!important
}
.nowcalling{
    display:block;
    position:fixed;
    bottom:0;
    width:100%;
    z-index:9999
}
.lcol{
    background-color:#5aa6ed
}
.lcol,.rcol{
    float:left;
    width:50%
}
.lcol a,.rcol a{
    display:block;
    padding:5px 0;
    text-align:center;
    text-decoration:none;
    color:#fff
}
.rcol{
    background-color:#25d366
}
 .bnr-section {
     background: url(../img/sections/slideshow1.webp);
     background-size: cover;
     background-position: center;
     padding: 300px 0;
}
 .bnr-cont h1 {
     font-size: 50px;
     letter-spacing: 0.5px;
     color: #fff;
     padding-left: 100px;
}
 .whatsapp img {
     width: 30px;
}
 .sticky-wht-wrp {
     position: fixed;
     bottom: 0;
     z-index: 99999;
     width: 4%;
     right: 15px;
}
 .sticky-wht-wrp a {
     display: block;
     margin-bottom: 5px;
     position: relative;
}
 .sticky-wht-wrp a img {
     width: 100%;
     background-color: #fff;
     border-radius: 50%;
     padding: 1px;
}
 .sticky-wht-wrp a span {
     position: absolute;
     width: 127px;
     background-color: #359935;
     color: #fff;
     font-weight: 700;
     padding: 5px;
     text-align: center;
     border-radius: 20px;
     top: 10px;
     right: 60px;
     border: 1px solid #fff;
     display: none;
}
 .sticky-wht-wrp a:hover span {
     display: block;
}
 @media only screen and (max-width: 600px) {
     .bnr-section {
         padding: 90px 0;
    }
     .bnr-cont h1 {
         font-size: 20px;
         padding-left: 10px;
    }
     .about .about-content {
         margin-top: 20px;
    }
     h1 {
         font-size: 22px;
         line-height: 40px;
         margin: 9px 0 0 !important;
         display: inline-block;
    }
     .bnr-section {
         background: url(../img/sections/slideshow2.webp);
         background-repeat: no-repeat;
         width: 100%;
         background-size: cover;
    }
     .header {
         height: 56px;
         position: initial;
         background: #000;
    }
     .about .about-content .title-about {
         margin-top: 0;
         text-align: center;
         font-size: 22px;
    }
     .sticky-wht-wrp{
         width: 13%;
    }
}