/*
 Theme Name: 361Media
 Theme URI: https://6degreesit.com
 Author: Your Name
 Author URI: https://6degreesit.com
 Template: twentyseventeen
 Description: Child theme for Twenty Seventeen.
 Version: 0.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags:
 Text Domain: twentyseventeen-child
 */
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600&display=swap');


a, a:hover,a:before, a:after, img, img:hover, .sub-menu, #top-menu .sub-menu a:before, #top-menu .sub-menu a:hover:before, .cta-box .box .expanded, .cta .box:hover .expanded,.cta-box > div, .cta-box > div:hover, .cta-box > div:hover:before,.icon, #header, span:before{-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}

body {  line-height: 32px;
    color: #818181;
    letter-spacing: 0.64px;
    font-size: 16px;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    
    }
* {-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;    
box-sizing: border-box;}

/***********Header**/
.page:not(.home) #content {

    padding-bottom: 0;

}



#masthead {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 5;
    /*background: transparent;
    border-bottom: 2px solid rgba(255, 255, 255, .10);*/
    background-color: #000;
}
#masthead [class*="grid-"]{ padding-right:0}
#masthead.sticky{
    background: #000;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);

    }

.back2top{
    background-color: 
#ff4500;
color:
    #fff;
    width: 40px;
    height: 40px;
    display: block;
    line-height: 34px;
    text-align: center;
    position: fixed;
    right: 15px;
    z-index: 999;
    bottom: 89px; display:none; border-radius:50px
}
#masthead.sticky .back2top{ display:block}


.logo{text-align: left; padding:24px 0 13px ;}
.logo img{width: auto; max-width: 100%;}
.logo .textlogo{font-size: 30px; font-weight: 900; color: #FFF; text-transform: none; line-height: .89; display: inline-block;}
.logo .textlogo:hover{color: #e62b4a;}

/***Navigation*****/
.mainmenu{position: relative; padding-top: 39px;}
.mainmenu ul{margin: 0; padding: 0; text-align:right}
.mainmenu ul li{list-style: none; display: inline-block; line-height: .8; padding: 0 10px 30px; position: relative;}
.mainmenu ul li:last-child{ padding-right:0}
.mainmenu ul li:last-child a {background: #ff4500; padding: 12px 30px; border-radius: 20px;}
.mainmenu ul li:last-child a .fa {margin-right: 8px;}
.mainmenu ul li a {
    display: block;
    color: #fff;
    font-size: 17px;
    line-height: .8;
    text-transform: uppercase;
    position: relative;
    font-weight: 400;
}
.mainmenu ul li a:after{position: absolute; width: 0; height: 1px; content: ''; background: #fff;left: 0; right: 0; bottom: -5px; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.mainmenu ul > li.active > a,.mainmenu ul li a:hover{color: #fff;}
.mainmenu ul > li.active > a:after, .mainmenu ul li a:hover:after{width: 100%;}
.mainmenu ul li:last-child a::after {height: 100%; bottom: 0; border-radius: 50px; z-index: -1; background: rgba(0,0,0,0.25);}
.mainmenu ul ul.sub-menu { background: #000; width: 200px; z-index: 9; text-align: center; padding: 25px 0px 13px; transition: all ease 400ms; -webkit-transition: all ease 400ms; -moz-transition: all ease 400ms; visibility: hidden; opacity: 0; left: 50%; margin: auto; position: absolute; right: 0; text-align: center; top: 100px; transform: translateX(-50%); z-index: 2;}
.mainmenu ul ul.sub-menu:before {content: ''; left: 0; margin: auto; position: absolute; right: 0; top: -5px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000; z-index: 10;}
.mainmenu ul li:hover ul.sub-menu {visibility: visible; opacity: 1; top: 65px;}
.mainmenu ul ul.sub-menu li {margin: 0; padding: 0 20px 13px; display: block;}
.mainmenu ul ul.sub-menu li a {font-size: 14px; line-height: 1.5; display: inline-block;}
.mainmenu ul ul.sub-menu li a:after{bottom: 0;}
.mainmenu ul ul.sub-menu ul.sub-menu{visibility: hidden; opacity: 0; left: 100%; transform: translateX(0px); top: 10px;}
.mainmenu ul ul.sub-menu ul.sub-menu:before{display: none;}
.mainmenu ul ul.sub-menu li:hover ul.sub-menu{visibility: visible; opacity: 1; top: -25px;}
.servicesoffer .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .vc_column-inner ul.social-icons {
    margin: 0 auto 10px;
    list-style: none;
    background-color: #231f20;
    padding: 10px 15px;
    transition-duration: .4s;
    border-radius: 10px;
    transition-timing-function: ease-in-out;
    will-change: transform;
    clear: both;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 140px;
}
.servicesoffer .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .vc_column-inner ul.social-icons li, .servicesoffer .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .vc_column-inner ul.social-icons li a {
    color: #ffffff;
    line-height: 1;
}
/**************** common CSS **************/
.sub_title {font-size: 15px;
    line-height: .8;
    font-weight: 400;
    color: #818181;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin: 0 0 5px;}
.sec_title {    font-size: 50px;
    line-height: 60px;
    font-weight: 400;
    color: #000;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 25px; padding:0}
.container, .wrap, .vc_row[data-vc-full-width] > .vc_column_container{ max-width:1250px; margin:0 auto !important; float:none}
.vc_row[data-vc-stretch-content] > .vc_column_container{ max-width:100%; margin:0 auto; float:none}

.captiontxt strong{ color:#ff4500}
body .commonSection {padding: 120px 0 !important; position: relative;}
.innerbanner{position: relative; min-height: 350px; padding-top: 224px; margin-bottom:120px}
.entry-title {position: absolute; top: 52%; text-align: center; color: #fff !important; text-align: center; max-width: 1200px; left: 0; right: 0; margin: 0 auto; font-size:60px !important; letter-spacing: 0 !important;}
.vc_row[data-vc-full-width] {position: relative; width: 100vw !important;}
.darkbg{color: #aaaaaa;}
.white {color: #ffffff;}
.common_btn.red_bg {padding: 28px 40.5px;}
.common_btn {border: none; font-size: 16px; font-weight: 400; background: #000000; color: #fff; height: 70px; text-transform: uppercase; text-align: center; padding: 28px 45.5px; display: inline-block; line-height: .8; letter-spacing: 1.6px; position: relative; outline: none; transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out;}
.common_btn.red_bg:after {background: #ff4500;}
.common_btn:after {content: ""; width: 4px; height: 100%; position: absolute; right: 0; top: 0; background: #000; transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; z-index:-1}
.common_btn.red_bg:hover { color: #fff; background:none}
.common_btn.red_bg:hover:after {width: 100%;}
.common_btn span {position: relative; z-index: 2;}
.home .portfolio-wraper > .col-lg-12 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.home .portfolio-wraper > .col-lg-12 ul {
    width: auto;
    margin: 0 !important;
    flex-wrap: nowrap !important;
}
.home .portfolio-wraper > .col-lg-12 ul > li {
    margin: 0;
    padding: 4px 15px;
    border-radius: 20px;
}
.home .portfolio-wraper > .col-lg-12 ul.simplefilter li:not(:last-child) {
    margin-right: 10px;
}
.home .portfolio-wraper > .col-lg-12 ul#all-simplefilter li {
    margin-right: 10px;
}
.home .portfolio-wraper > .col-lg-12 ul > li.active {
    background-color: #ff4500 !important;
    border-color: #ff4500;
}

/***********About Page *******/
.agency_img1{
    position: relative;
    text-align: right;
}
.agency_img1:after{
    position: absolute;
    right: 60px;
    top: 60px;
    border: 10px solid #ff4500;
    height: 464px;
    width: 530px;
    content: '';
    z-index: 6;
}
.agency_img1::before {

    background: url(images/arrow-down.png) top left no-repeat;
        background-size: auto;
    width: 46px;
    height: 46px;
    background-size: 100%;
    position: absolute;
    top: 110.7%;
    right: 44%;
    content: "";
    z-index: 9;

}
.agency_img2{
    position: relative;
    text-align: left;
    z-index: 4;
    margin-top: -184px;
}
.agency_img2 img, .agency_img1 img{max-width: 100%; height: auto; -webkit-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3); box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);}
.ab_agency {padding-bottom: 147px;}
.sec_desc {margin: 0 0 54px;}
.ab_img1 {position: absolute; right: 0; top: 0; z-index: 1;}
.ab_img1 img {
    max-width: 100%;
    height: auto;
    -webkit-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 4px 30px 0px rgba(0, 0, 0, 0.3);
}
.ab_img2 {
    position: absolute;
    left: 0;
    top: 100px;
    z-index: 2;
}
.ab_img2 img {
    max-width: 100%;
    height: auto;
/*     -webkit-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 4px 35px 0px rgba(0, 0, 0, 0.3); */
}
.ab_img2:after {
    position: absolute;
    top: -45px;
    left: 0px;
    content: '';
    border: 10px solid #ff4500;
    width: 470px;
    height: 470px;
    border: none;
    background: url(/wp-content/uploads/2023/10/logo-shape.webp) no-repeat center center;
    background-size: 100%;
}
/*.ab_img2:before {
    content: '';
    position: absolute;
    bottom: -62px;
    right: 2px;
    z-index: 1;
    content: '';
    border-left: 0 solid transparent;
    border-right: 10px solid #ff4500;
    border-bottom: 10px solid #ff4500;
    transform: rotate(45deg);
    background-color: #ffffff;
    width: 50px;
    height: 50px;
}*/
/*--------------------------------------
Timeline CSS
--------------------------------------*/
body .commonSection.custom-timeline {padding-top: 0px !important;}
.custom-timeline {margin: 0 80px !important;background: url(/wp-content/themes/361media/images/map-bg.jpg) no-repeat left bottom;background-size: contain;}
.video_bg {margin-top: 80px;}
.video_bg .features_content {text-align: left;position: absolute;top: 0;left: 0;}
.video_bg .features_content h2 {text-align:left !important;font-size: 34px;}
.video_bg .video-box {max-width: 1050px;position: absolute;top: 0;right: 0;width: 50vw;z-index: 1;}
.timeline-section {background: url(/wp-content/themes/361media/images/bg-border-new.png) no-repeat left bottom;background-size: contain;margin-top: 200px;min-height: 75vh;max-width: 1200px;position:relative;margin-left: -10px;z-index: 0;}
.timeline-section .timeline-box strong {background: #6f6f6f;color: #ffffff;line-height: 1;padding: 8px 15px;font-size: 22px;position:relative;margin-bottom: 15px;display: inline-block;transition:all .3s;}
.timeline-section .timeline-box strong:before {position: absolute;top: 3px;left: -7px;z-index: 0;content: '';border-left: 0 solid transparent;border-right: 15px solid #6f6f6f;border-bottom: 15px solid transparent;transform: rotate(-135deg);transition:all .3s;}
.timeline-section .timeline-box {color: #373737;max-width: 400px;position:relative;font-size: 14px;line-height: 1.5em;}
.timeline-section .timeline-box:before {content: "";height: 17px;width: 17px;border: 3px solid #EEEEEE;background-color: #FFFFFF;border-radius: 50%;position: absolute;top: 3px;left: -40px;transition: all .25s;box-sizing: border-box;transition: all .3s;}
.timeline-section .timeline-box.active strong {background:#ff4500;}
.timeline-section .timeline-box.active strong:before {border-right-color:#ff4500;}
.timeline-section .timeline-box.active:before {background:#ff4500;border-color:rgba(255,69,0,.1);-webkit-animation: ripple-white 1s linear infinite;animation: ripple-white 1s linear infinite;-webkit-transition: .5s linear;}
.timeline-section .timeline-box:first-child {margin: 0px 0 0 70px;position: relative;top: -10px;left: 0px;}
.timeline-section .timeline-box:nth-child(2) {margin: 25px 0 0 159px;position: absolute;left: 1.5%;}
.timeline-section .timeline-box:nth-child(3) {margin: 0 0 0 0;position: absolute;left:10%;bottom:-8.2%;}
.timeline-section .timeline-box:nth-child(3)::before {top: -30px;left: 2px;}
.timeline-section .timeline-box:nth-child(3) strong::before {top: -7px;left: 3px;transform: rotate(-45deg);}
.timeline-section .timeline-box:nth-child(4) {margin: 0 0 0 0;position: absolute;left: 43%;bottom: -.5%;max-width: 300px;}
.timeline-section .timeline-box:nth-child(5) {margin: 0;position: absolute;bottom: -1%;right: 2%;max-width: 260px;}
.timeline-section .timeline-box:last-child {margin: 0;position: absolute;bottom: -17%;right: -23%;max-width: 283px;}
/*.timeline-section .timeline-box:last-child:before {background:#ff4500;border-color:rgba(255,69,0,.1);-webkit-animation: ripple-white 1s linear infinite;animation: ripple-white 1s linear infinite;-webkit-transition: .5s linear;}
.timeline-section .timeline-box:last-child strong {background:#ff4500;}
.timeline-section .timeline-box:last-child strong:before {border-right-color:#ff4500;}*/
.timeline-section .timeline-box ul {padding-left: 30px;list-style-type: circle;/*text-shadow:1px 1px 2px rgba(0,0,0,0.4);*/}
.timeline-section .timeline-box ul li {margin-bottom:6px;}
/*.video_bg .wpb_raw_code:before {content: '';display: block;position: absolute;top: -30px;right: -15px;width: 300px;height: 300px;border-top: 10px solid #ff4500;border-right: 10px solid #ff4500;z-index: -1;}*/
.wpcf7-form-control-wrap input[type="file"] {padding: 10px 10px;border: 1px dashed #bbbbbb;background: #fbfbfb;-webkit-border-radius: 3px;border-radius: 3px;font-size: 14px;}
@media screen and (max-width:1600px) and (min-width:1429px) {
.timeline-section {max-width: 100vw;background-size: auto;}
.timeline-section .timeline-box:nth-child(2) {margin: 25px 0 0 160px;}
./*timeline-section .timeline-box:nth-child(3) {left: 9%;bottom: -1.5%;}
.timeline-section .timeline-box:nth-child(4) {left: 38%;bottom: 8%;}
.timeline-section .timeline-box:last-child {bottom: 6%;right: 6.5%;max-width: 400px;}*/
.timeline-section .timeline-box:first-child {
    margin: 0px 0 0 40px;
}
.timeline-section .timeline-box:nth-child(2) {
    margin: 0px 0 0 190px;
    max-width: 350px;
}
.timeline-section .timeline-box:nth-child(3) {
    left: 9%;
    bottom: -22px;
    max-width: 300px;
}
.timeline-section .timeline-box:nth-child(4) {
    left: 35%;
    bottom: -21%;
}
.timeline-section .timeline-box:nth-child(5) {
    bottom: 10%;
    right: 30%;
}
.timeline-section .timeline-box:last-child {
    bottom: -20%;
    right: 4.5%;
    max-width: 400px;
}
}
@media screen and (max-width:1428px) and (min-width:1367px) {
.timeline-section {
    background-size: auto;
}
.timeline-section .timeline-box:first-child {
    margin: 0px 0 0 40px;
    max-width: 360px;
}
.timeline-section .timeline-box:nth-child(2) {
    left: 4%;
    max-width: 360px;
}
.timeline-section .timeline-box:nth-child(3) {
    bottom: -2%;
    left: 11.5%;
    max-width: 360px;
}
.timeline-section .timeline-box:nth-child(4) {
    left: 42.5%;
    bottom: 0%;
}
.timeline-section .timeline-box:nth-child(5) {
    bottom: 20%;
    right: 14%;
}
.timeline-section .timeline-box:last-child {
    bottom: -30%;
    right: 0%;
}
}
@media screen and (max-width:1366px) {
.timeline-section {min-height:88vh;}

}
@media screen and (max-width:1280px) {
.timeline-section {background-image: url(/wp-content/themes/361media/images/bg-border-s.png);min-height: 80vh;margin-top: 180px;background-size: auto;}  
.timeline-section .timeline-box:first-child {top: -7px;left: -35px;}
.timeline-section .timeline-box:nth-child(2) {margin: 20px 0 0 190px;}
.timeline-section .timeline-box:nth-child(3) {left: 9%;bottom: 1.5%;max-width: 260px;}
.timeline-section .timeline-box:nth-child(4) {bottom: -13.5%;left: 42%;}
.timeline-section .timeline-box:nth-child(5) {bottom: 6%;right: 23%;}
.timeline-section .timeline-box:last-child {bottom: -13%;right: -20px;}
.timeline-section .timeline-box strong {font-size:20px;}
}
 .timeline-section .timeline-box ul{
    padding-left: 20px;
 }
 .timeline-section .timeline-box:last-child{
    max-width: 260px;
 }
 .timeline-section .timeline-box:nth-child(3)::before{
    left: 17px;
 }  
 .timeline-section .timeline-box:nth-child(3) strong::before{
    left: 18px;
 }
}
@media screen and (min-width:1279px) (max-height:720px){
    .timeline-section .timeline-box:first-child{
        top: 0;
    }
}
@media screen and (max-width:1199.98px) {
    .custom-timeline {
        margin: 0 0px !important;
        background: url(/wp-content/themes/361media/images/map-bg.jpg) no-repeat center center;
        background-size: cover;
    }
    .timeline-section {
        min-height: 50vh;
    }
    .timeline-section .timeline-box:nth-child(3){
        bottom: -14.3%;
    }
    .timeline-section .timeline-box:nth-child(4){
        bottom: -5%;
    }
    .timeline-section .timeline-box:last-child {
        bottom: -2%;
        right: -76px;
    }
    .timeline-section .timeline-box:first-child{
        max-width: 300px;
    }
}
@media screen and (max-width:1024px) {
    .video_bg .features_content{max-width: 35vw;}
    .video_bg .video-box .img_details {padding: 23px 35px 23px 35px;}
    .video_bg .video-box {width: 45vw;}
    .custom-timeline{margin: 0 70px !important;}
    .timeline-section {min-height: 40vh;margin-top: 150px;}
    .timeline-section .timeline-box:last-child {
    max-width: 210px;
    bottom: -40px;
    right: -24px;
}
    .timeline-section .timeline-box:first-child{
        max-width: 300px;
        top: 8px;
    }
    .timeline-section .timeline-box:nth-child(4){
        left: 44.3%;
        bottom: -10%;
    }
    .timeline-section .timeline-box:nth-child(3) {
        bottom: -17%;
    }
    .timeline-section .timeline-box:nth-child(2) {
        margin: 30px 0 0 152px;
    }
    .timeline-section .timeline-box strong:before{
        top: 10px;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .timeline-section {min-height: 88vh;margin-top: 200px;}
    .timeline-section .timeline-box:last-child {
        max-width: 360px;
        bottom: 0%;
        right: -15px;
}
    .timeline-section .timeline-box:first-child{
        max-width: 300px;
        top: -12px;
    }
    .timeline-section .timeline-box:nth-child(5) {
        bottom: 4.5%;
        right: 31%;
    }
    .timeline-section .timeline-box:nth-child(4){
        left: 38.3%;
        bottom: -19.5%;
    }
    .timeline-section .timeline-box:nth-child(3) {
        bottom: 8.5%;
        left: 8%;
        max-width: 320px;
    }
    .timeline-section .timeline-box:nth-child(2) {
        margin: 10px 0 0 155px;
    }
    .timeline-section .timeline-box strong:before{
        top: 10px;
    }
    .video_bg .features_content h2 {
        font-size: 40px;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
.timeline-section {min-height: 70vh;margin-top: 180px;}
.timeline-section .timeline-box {font-size:12px;}
.timeline-section .timeline-box:last-child {max-width: 220px;bottom: 0px;right: -35px;}
.timeline-section .timeline-box:first-child{max-width: 300px;top: 0px;}
.timeline-section .timeline-box:nth-child(4){left: 44.3%;bottom: -1.7%;max-width: 260px;}
.timeline-section .timeline-box:nth-child(3) {bottom: -10%;left: 9%;}
.timeline-section .timeline-box:nth-child(2) {margin: 20px 0 0 145px;}
.timeline-section .timeline-box strong:before{top: 10px;}
}
@media screen and (max-width:991px) {
    section.custom-timeline {background: none;margin: 0 40px !important;background-position: center center;}
    .video_bg .features_content h2 {margin-bottom: 0;}
    .video_bg .video-box{
        position: static;
        width: 100%;
    }
    .sec_desc{
        margin-bottom: 30px;
    }
    .video_bg .features_content{
        position: static;
        max-width: none;
    }
    .timeline-section{
        margin-top: 80px;
        min-width: 100%;
        background: url(/wp-content/themes/361media/images/map-bg.jpg) no-repeat center center;
        background-size: cover;
        margin-left: 0;
    }
    .timeline-section:before {content:'';width:1px;height:88%;position:absolute;top:15px;left:-2px;border-left: 1px dashed #1e1e1e;}
    .timeline-section .timeline-box:first-child{
        margin: 0px 0 0 30px !important;
        top: auto;
        max-width: 100%;
    }
    .timeline-section .timeline-box:nth-child(2) {
        position: relative;
        margin: 0 0 0 30px;
        left: auto;
        max-width: 100%;
    }
    .timeline-section .timeline-box:nth-child(3){
        position: relative;
        left: auto;
        bottom: auto;
        max-width: 100%;
        margin: 0 0 0 30px;
    }
    .timeline-section .timeline-box:before{
        top: 10px;
    }
    .timeline-section .timeline-box strong:before{
        top: 10px;
    }
    .timeline-section .timeline-box:nth-child(3)::before{
            top: 10px;
        left: -40px;
    }
    .timeline-section .timeline-box:nth-child(3) strong::before{
            top: 10px;
    left: -7px;
    transform: rotate(-135deg);
    }
    .timeline-section .timeline-box:nth-child(4), .timeline-section .timeline-box:nth-child(5) {
        margin: 0 0 0 30px;
        position: relative;
        max-width: 100%;
        left: auto;
        bottom: auto;
        right: 0;
    }
    
    .timeline-section .timeline-box:last-child{
        position: relative;
        max-width: 100%;
        bottom: auto;
        right: auto;
        margin: 0 0 0 30px;
    }
    .timeline-section .timeline-box{
        margin-top: 50px !important;
    }
/*    .timeline-section .timeline-box:after {
        content: "";
        height: 100%;
        width: 1px;
        border: 2px dashed #ff4500;
        position: absolute;
        top: 0px;
        left: -65px;
    }
*/  
}
@media screen and (max-width:767.98px) {
    body .commonSection.custom-timeline{
        padding-bottom: 20px !important;
    }
    section.custom-timeline {margin: 0px 0px !important;}
    .video_bg {margin-top: 40px;}
}
@media screen and (max-width:575.98px) {
    .timeline-section{
        margin-top: 30px;
        background: none;
    }
    .video_bg .video-box .img_details {padding: 5px 20px;top: -25px;}'
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .timeline-section:before {height: 86%;}
}
@media screen and (max-width:400px) {
    .sec_desc {
        margin-bottom: 0;
    }
    
}
@media screen and (max-width:375px) {
    div.video_bg {padding: 0 20px !important;}
    .timeline-section:before {height: 84%;}
}
/*-----------------------------------------------------
Timeline CSS
------------------------------------------------------*/
ul.simplefilter {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 530px;
    margin-left: auto !important;
    margin-right: auto !important;
}
ul.simplefilter li:nth-child(3) {
    order: 4;
}
ul.simplefilter li:nth-child(4) {
    order: 3;
}
ul.simplefilter li:last-child {
    order: 5;
    margin-bottom: 5px !important;
}
.vc_section.timeline-section {position:relative;}
.vc_section.timeline-section:before {content:'';width:100%;height:100%;position:absolute;top:0;left:0;    background: #ffffff url(https://www.361degreeworld.com/wp-content/uploads/2020/04/553.jpg?id=810) !important;background-position: bottom !important;opacity: .45;filter: blur(1px);}

.ex_s_lick-track > li.ex_s_lick-current .tl-point:before, .ex_s_lick-track > li:hover .tl-point:before {-webkit-animation: ripple-white 1s linear infinite;animation: ripple-white 1s linear infinite;-webkit-transition: .5s linear;}
@-webkit-keyframes ripple-white{
    0%{-webkit-box-shadow:0 0 0 0 rgba(255,69,0,.1),0 0 0 5px rgba(255,69,0,.1),0 0 0 10px rgba(255,69,0,.1);box-shadow:0 0 0 0 rgba(255,69,0,.1),0 0 0 10px rgba(255,69,0,.1),0 0 0 10px rgba(255,69,0,.1)}
    100%{-webkit-box-shadow:0 0 0 10px rgba(255,69,0,.1),0 0 0 10px rgba(255,69,0,.1),0 0 0 10px rgba(255,69,0,0);box-shadow:0 0 0 10px rgba(255,69,0,.1),0 0 0 10px rgba(255,69,0,.1),0 0 0 60px rgba(255,69,0,0)}}
@keyframes ripple-white{
        0%{-webkit-box-shadow:0 0 0 0 rgba(255,69,0,.1),0 0 0 10px rgba(255,69,0,.1),0 0 0 10px rgba(255,69,0,.1);box-shadow:0 0 0 0 rgba(255,69,0,.1),0 0 0 10px rgba(255,69,0,.1),0 0 0 10px rgba(255,69,0,.1)}
        100%{-webkit-box-shadow:0 0 0 10px rgba(255,69,0,.1),0 0 0 10px rgba(255,69,0,.1),0 0 0 10px rgba(255,69,0,0);box-shadow:0 0 0 10px rgba(255,69,0,.1),0 0 0 10px rgba(255,69,0,.1),0 0 0 30px rgba(255,69,0,0)}
}

.whtwedo{ padding:90px 0}
.PR_79 {
    padding-right: 79px !important;
}
.compay_date {
    position: absolute;
    right: 75px;
    top: 140px;
    z-index: 4;
}
.compay_date h5{
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.2px;
    line-height: .8;
    color: #000;
    margin: 0 0 3px;font-weight: 400;
}
.compay_date h2{font-size: 110px; line-height: .9; letter-spacing: 4.4px; color: #000; margin: 0; padding:0; font-weight:600}


/****verticals*******/

.cta-verticals section {

    width: 48%;
    float: left;
    margin:0 1% 30px !important;
    font-size: 16px;
    color: #000;

}
.cta-verticals section .vc_general.vc_cta3{ padding:18px}
.cta-verticals section .vc_general.vc_cta3 header{ display:none; visibility:hidden}
.cta-verticals section .vc_general.vc_cta3 img{ margin-bottom:15px !important}
.cta-verticals .wpb_wrapper{ display:flex; flex-wrap:wrap}
.cta-verticals section > div {

    height: 100%;
    position: relative;
    padding-bottom: 50px !important;
  transition: color 0.25s;
}
.cta-verticals section > div:before,.cta-verticals section > div:after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}
.cta-verticals section > div:before, .cta-verticals section > div:after {
  border: 2px solid transparent;
  width: 0;
  height: 0;border-radius: 4px;
    z-index: 9;


}
.cta-verticals section > div:before {
  top: 0;
  left: 0;
}
.cta-verticals section > div:after {
  bottom: 0;
  right: 0;
}
.cta-verticals section > div:hover {
  color: #ff4500;
}
.cta-verticals section > div:hover:before, .cta-verticals section > div:hover:after {
  width: 100%;
  height: 100%;
}
.cta-verticals section > div:hover::before {
  border-top-color: #ff4500;
  border-right-color: #ff4500;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.cta-verticals section > div:hover::after {
  border-bottom-color: #ff4500;
  border-left-color: #ff4500;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
.cta-verticals section h4 {

    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #555;
    margin-top: 0;
    padding: 15px 0 15px;
    background: rgba(0,0,0,0.45);

}



/********************************
361 Experiences
*******************************/
.singleFeature {

    position: relative;
    padding-left: 70px;
    margin-bottom: 56px;
    font-size: 16px;
    line-height: 1.5;

}
.singleFeature ol, .singleFeature ul{ margin-left:15px}
.singleFeature .f_count {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    text-align: center;
    padding: 18px 0;
    width: 50px;
    height: 48px;
    line-height: .8;
    background: #000;
}
.singleFeature h3 {
    font-size: 18px;
    line-height: .8;
    letter-spacing: 0.72px;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 20px !important; padding:0
}
.singleFeature p {
    margin: 0;
}
.singleFeature:after {
    position: absolute;
    left: 24px;
    top: 58px;
    content: '';
    width: 2px;
    height: 65px;
    background: #000;
}


.singleFeature.block2:after { height:123px}
.features_img {
    position: relative;
}
.experiences .newsscroller_title{ font-size: 18px;
    line-height: .8;
    letter-spacing: 0.72px;
    color: #000;
    text-transform: uppercase; text-decoration:none;
    margin: 0 0 10px; font-weight:400;}
.experiences ul li{ position:relative; padding:0 0 20px 80px !important; margin-bottom:10px !important; min-height:150px !important; line-height:1.5 }
.experiences ul li > div{ padding:0 !important}
.experiences ul li:after{
    position: absolute;
    left: 24px;
    top: 58px;
    content: '';
    width: 2px;
    height: 62%;
    background: #000;
}
.experiences ul li:before{
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    text-align: center;
    padding: 18px 0;
    width: 50px;
    height: 48px;
    line-height: .8;
    background: #000; content:"\f054"; font-family:FontAwesome; font-size:19px;
}

.img_details {
    background: #ff4500;
    display: inline-block;
    padding: 10px 50px 10px 50px;
    position: absolute;
    left: 0;
    bottom: -40px;
    width: 100%;
    text-align: center;
}
.img_details h4 {
    margin: 0;
    color: #fff;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
/********************************
Key Differentiators
*******************************/
.keycta{ margin:54px 0 0}
.keycta .vc-hoverbox-block{   
    background: transparent !important;
    z-index: 2;
    border: 2px solid rgb(55, 55, 55);
    padding:10px;
    width: 100%;}
.keycta .vc-hoverbox-block.vc-hoverbox-back{background-color: #ff4500 !important; color:#fff !important}
.keycta .vc-hoverbox-block.vc-hoverbox-back h2{ padding:0 !important}
.keycta h2{font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
    color: #aaaaaa;
    margin: 0; padding-top:90px;
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms; position:relative;}
.keycta .vc-hoverbox-wrapper .vc-hoverbox-front h2:before{ background: url(/wp-content/uploads/2019/09/EXPERTISE-icon.png); top:0;  left:0; right:0; margin:0 auto; width:70px; height:77px; background-size:100%; content:""; position:absolute;}
.keycta .vc-hoverbox-wrapper.box2 .vc-hoverbox-front h2:before{ background-image:url(/wp-content/uploads/2019/09/experience.png)}
.keycta .vc-hoverbox-wrapper.box3 .vc-hoverbox-front h2:before{ background-image:url(/wp-content/uploads/2019/09/resources.png)}
.keycta .vc-hoverbox-wrapper.box4 .vc-hoverbox-front h2:before{ background-image:url(/wp-content/uploads/2019/09/EDGE.png)}

/********************************
Team Section
*******************************/
.ourteam > .wpb_column > .vc_column-inner {
    box-shadow: 0 0 10px rgba(0,0,0,0.15);    border: 2px solid #f4f4f4;
    transition: all ease 500ms;
    -moz-transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
}
.ourteam > .wpb_column > .vc_column-inner > div{ position:relative; z-index:999}
.ourteam > .wpb_column > .vc_column-inner:before,.ourteam > .wpb_column > .vc_column-inner:after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}
.ourteam > .wpb_column > .vc_column-inner:before, .ourteam > .wpb_column > .vc_column-inner:after {
  border: 2px solid transparent;
  width: 0;
  height: 0;border-radius: 4px;
    z-index: 9;


}
.ourteam > .wpb_column > .vc_column-inner::before {

    top: 12px;
    left: 13px;

}
.ourteam > .wpb_column > .vc_column-inner::after {

    bottom: 12px;
    right: 13px;

}
.ourteam > .wpb_column > .vc_column-inner:hover .member-description h2 {
  color: #ff4500;
}
.ourteam > .wpb_column > .vc_column-inner:hover::before, .ourteam > .wpb_column > .vc_column-inner:hover::after {

    width: calc(100% - 26px);
    height: calc(100% - 24px);

}
.ourteam > .wpb_column > .vc_column-inner:hover::before {
  border-top-color: #ff4500;
  border-right-color: #ff4500;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.ourteam > .wpb_column > .vc_column-inner:hover::after {
  border-bottom-color: #ff4500;
  border-left-color: #ff4500;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}




.ribbon::before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -50px;
    border-left: 50px solid 
#fff;
border-right: 50px solid
#fff;
border-bottom: 50px solid
    transparent;
}
.ribbon::after {
    content: '';
    width: 200px;
    height: 270px;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: -120px;
    background-color: 
    #507abd;
    -webkit-transform: skewY(35deg) skewX(0);
    transform: skewY(35deg) skewX(0);
}
.ourteam .ribbon {
    width: 100px;
    height: 150px;
    background-color: 
    #fff;
    position: absolute;
    right: 100px;
    top: -350px;
    -webkit-animation: drop forwards 0.8s 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    animation: drop forwards 0.8s 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.ourteam > .wpb_column > .vc_column-inner > div{ padding:15px 25px}
.ourteam .member-description {color: #fff; padding: 10px; padding-bottom: 10px; border-bottom:2px solid #ff4500; margin: 0 -39px 30px;  border-bottom: 3px solid #ff4500; padding-bottom: 19px; position:relative}
.ourteam .member-description::after {width: 90%; height: 3px; left: 0; bottom: -9px; position: absolute; content: ""; background: #000;}

.member-description h2{color:#000; font-size: 21px; text-align: center; text-transform: uppercase; margin: 0 0 5px 0; display: block; font-weight: 500; padding: 0;}
.member-description h3 {padding: 5px 0 0; font-size: 15px; color: #2b2b2b; letter-spacing: 1px; text-transform: uppercase; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; margin: 0; margin-bottom: 0px;}
.ourteam .teamimg{ position:relative}
.ourteam .overlay {

    position: absolute;
    opacity: 0;
    margin: 20px 0 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    width: 100%;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    background: #ff4500e8;
    top: 0;
    height: 100%;
    margin: 0; padding: 17px;    font-size: 17px;
    line-height: normal;margin-bottom: 0px;display: flex;align-items: center; text-align:center

}
.ourteam p:first-child{ margin-top:0}
.ourteam p:last-child{ margin-bottom:0}
.ourteam p {margin: 1em 0;}
.ourteam > .wpb_column:hover .overlay {

    opacity: 1;
    color: #fff;
 
 }
.trustClient {
    padding: 0 0 0;
    margin-top: -210px;
    z-index: 5;
}
.trustClient {
    padding: 0 0 0;
    margin-top: -210px;
    z-index: 5;
}
.CL_content{
    position: relative;
}
.CL_content img {
    max-width: 100%;
    height: auto;
}
.abc_inner {
    position: relative;
    margin-top: -512px;
    z-index: 2;
}
.abci_content {
    position: relative;
    background: #FFF;
    padding: 75px 0 70px 80px;
    margin-left: -17px;
}
.abci_content h2{
    font-size: 50px;
    letter-spacing: 2px;
    color: #000000;
    line-height: 63px;
    text-transform: uppercase;
    margin: 0 0 43px;
}
.abci_content p{
    margin-bottom: 55px;
}

.kyediffsection .section {

    width: 45%;
    line-height: 1.75;

}
.kyediffsection {

    display: flex;
    justify-content: space-between;

}
.kyediffsection ul{ list-style:none;}
.kyediffsection ul li {

    padding: 5px 5px 5px 32px;
    position: relative;

}
.kyediffsection ul li::before {

    content: "\f0a4";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    left: -26px;
    position: relative;
    margin-right: -15px;

}
.kyediffsection .section h3 {

    font-weight: 400;
    font-size: 25px;

}
/*********networksec*/
.networksec  .section-title{ color:#fff; line-height:normal}
.networksec{ color:#fff; font-size: 28px;line-height: normal;}
.reachout {
    letter-spacing: 0;
    font-size: 20px;
    border: 1px solid #fd4300;
    padding: 10px 25px;
    margin-top: 50px;
    display: table;
    clear: both;
    background: #fd4300;
    color: #fff;
}
.counter-box-wrap .stats-block{
    background: #f8f4ee; color:#000
}
.counter-box-wrap .stats-block {
    background: #f8f4ee;
    display: inline-block;
    width: 46%;
    float: left;
    margin: 0 2%;
        margin-bottom: 0px;
    padding: 20px; min-height:301px; margin-bottom:25px !important
}
.counter-box-wrap .stats-block:nth-child(2){margin-top: 35px;}
.counter-box-wrap .stats-block:nth-child(3){position: relative; top: -55px;}
.counter-box-wrap .stats-block:first-child{ background:none; padding:0}
.counter-box-wrap .stats-block:first-child img{max-width: 95%;}
.counter-box-wrap .stats-block .stats-number {
    font-size: 70px !important;
    color: #fd6500;
    margin-bottom: 14px;
    margin-top: 20px;
    display: block;
    text-align: center;font-family: 'Playfair Display', serif; font-weight:600; line-height:30px;
}
.counter-box-wrap .aio-icon i {

    line-height: inherit;
    font-size: 45px;
    padding-top: 27px;
    display: block;

}
.counter-box-wrap .stats-number:after{ content:"+"; font-size:30px; font-family:rubik; font-weight:500}
.counter-box-wrap div.stats-desc > div.counter_suffix {

    font-size: 24px !important;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 10px;
    display: block;

}
.counter-box-wrap .stats-block .stats-text{ font-size:14px !important;}

/*********************************
Our Brands
**********************************/
.ourbrand .slick-slide > div {position: relative; width: 100%; height: 208px; margin-bottom: 30px; background: #fff; text-align: center; transition: all ease 500ms; -moz-transition: all ease 500ms; -webkit-transition: all ease 500ms;}
.ourbrand .slick-slide > div img {max-width: 100%; height: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: inline-block !important; transition: all ease 500ms; -moz-transition: all ease 500ms; -webkit-transition: all ease 500ms;    transform-style: preserve-3d;}
.ourbrand .slick-slide > div:hover img { filter:  grayscale(0);}
.ourbrand .slick-slide > div:before,.ourbrand .slick-slide > div:after {box-sizing: inherit; content: '';position: absolute; width: 100%; height: 100%;}
.ourbrand .slick-slide > div:before, .ourbrand .slick-slide > div:after {box-sizing: inherit; content: ''; position: absolute; width: 100%; height: 100%; border: 2px solid transparent; width: 0; height: 0;border-radius: 4px; z-index: 9;}
.ourbrand .slick-slide > div:before {top: 0; left: 0;}
.ourbrand .slick-slide > div:after {bottom: 0; right: 0;}
.ourbrand .slick-slide > div:hover:before, .ourbrand .slick-slide > div:hover:after {width: 100%; height: 100%;}
.ourbrand .slick-slide > div:hover::before {border-top-color: #969696; border-right-color: #969696; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;}
.ourbrand .slick-slide > div:hover::after {border-bottom-color: #969696; border-left-color: #969696; transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;}
.ourbrand.ult-carousel-wrapper .slick-dots li i{ background:none; padding:inherit}
.ourbrand.ult-carousel-wrapper .slick-dots li{ margin:0}
.ourbrand .slick-slide > div:hover img {opacity:1}

/*********************************
361° World
**********************************/
.workfilter .filters-div{ margin-left:0; margin-right:0}
.workfilter .simplefilter {

    width: 100%;
    margin-bottom: 30px !important;
    display: block;

}
 .modal.fade .modal-dialog{ top:25%}
 .modal-title {display: inline-block; margin: 0; padding: 0;}
.workfilter .filtr-item {padding-right: 5px !important; padding-left: 5px !important; padding-top: 5px !important; padding-bottom: 5px !important;}
.workfilter .thumbnail {padding: 4px; background-color: #6a636359; border: 1px solid #7b6666; border-radius: 0;}
.workfilter .filtr-item img + span {

    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0px;
    bottom: 50px;
    z-index: 3;
    transition: all ease 900ms;
    -moz-transition: all ease 900ms;
    -webkit-transition: all ease 900ms;
    -o-transition: all ease 900ms;
    background: none;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0; text-align:left

}
.workfilter .filtr-item:hover img + span {
    visibility: visible;
    opacity: 1;
    left: 50px;
}
.workfilter .filtr-item:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 69, 0, .8);
    overflow: hidden;
    width: 0;
    height: 100%;
    content: '';
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out; display:none
}
.workfilter .filtr-item:hover:after {
    width: 100%;
}
.workfilter .simplefilter_375 li {

    background-color: #222 !important;
    color: #ffffff !important;
    border: 2px solid #656565;

}
div.wpcf7-response-output{ text-align:center}
.contactsection { color:#333}
.contactsection h3 { text-transform:uppercase; font-weight:500; font-size:17px; padding-top:0; margin-top:0}
.contactsection .sec_title {font-size: 37px;}
.contactsection .wpcf7-form input{ width:100%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;    
box-sizing: border-box;}
.contactsection .wpcf7-form input[type="submit"], input[type="button"], input[type="submit"]{
    width: auto;
    background: #ff4500;
    padding: 12px 30px;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
    letter-spacing: 1.5px;
}
.contactsection .wpcf7-form .wpcf7-form-control-wrap{ margin-bottom:25px !important; display:block}
.contactsection .wpcf7-form .wpcf7-form-control-wrap textarea{ height:80px; resize:none}

.site-footer{ background:#000; border-top: 1px solid #1a1a1a;font-size: 14px; line-height: .8; color: #aaaaaa; text-transform: uppercase; padding: 0; text-align:center}
.site-footer .site-info{ display:block; width:100%; font-size:15px; font-weight:400}
.site-info .social-icons {

    list-style: none;
    margin: 0;
        margin-bottom: 0px;
    padding: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 20px; display:none

}
.site-info .social-icons li {
    border: 1px solid #ff4500;
    box-radius: 100%;
    width: 40px;
    height: 40px;
    color: #ffa502;
    box-shadow: 0 0 15px #ff4500;
    text-shadow: 0 0 15px #ff4500;
    text-align: center;
    line-height: 36px;
    transition: .5s;
    position: relative;
    margin: 0 10px;
    border-radius: 100%;
}
.site-info .social-icons li a{ text-decoration:none; box-shadow:none; font-size:18px; color:#fff}
.site-info .social-icons li:hover{}
.site-info .social-icons li:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #ff4500;
    transition: .5s;
    transform: scale(.9);
    z-index: -1; transform: scale(1.2);    box-shadow: 0 0 15px #ff4500;    filter: blur(3px);
}
.site-info .social-icons li:hover:before {
    box-shadow: 0 0 15px #fff;
}
/****Grid**/
.row::after {content: ""; clear: both; display: table;}
[class*="grid-"] {float: left; padding: 0 15px;}
.grid-1 {width: 8.33%;}
.grid-2 {width: 16.66%;}
.grid-3 {width: 25%;}
.grid-4 {width: 33.33%;}
.grid-5 {width: 41.66%;}
.grid-6 {width: 50%;}
.grid-7 {width: 58.33%;}
.grid-8 {width: 66.66%;}
.grid-9 {width: 75%;}
.grid-10 {width: 83.33%;}
.grid-11 {width: 91.66%;}
.grid-12 {width: 100%;}


/*counter**/
.counter-cta .stats-block.stats-top{ text-align: center;}
.counter-cta .stats-number{    font-size: 95px !important;
    line-height: 1;
    letter-spacing: 2.4px;
    font-weight: 300 !important;
    color: #fff;
    margin: 0 auto 25px;
display: table; position:relative}
.counter-cta .stats-number::after {content: "+";display: block;color: #fff;right:-32px;position: absolute;top: 0;font-size: 65px; display:none}

.counter-cta div.stats-desc > div.counter_suffix {
    font-size: 65px !important;
    color: #fff;
    font-weight: 100;
    line-height: 39px;
    top: -13px;
    position: relative;
}


.stats-text{font-size: 16px !important; color: #aaaaaa; text-align: center;}
.stats-text strong{color: #ff4500;letter-spacing: 1.6px;font-weight: normal;font-size: 24px !important; display:block}
.stats-text br{ display:none}

/*Offerings**/
.offerings h3 {
    font-size: 20px;
    letter-spacing: .80px;
    color: #000;
    line-height: 32px;
    text-transform: uppercase;
    margin: 0 0 30px !important;
}
.offeringsWrap {
    position: relative;
    margin-bottom: 100px;
}
.offeringslider {

    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,0.25);
    margin-top: -215px;
    background: #fff;
    margin-bottom: 100px !important;

}
/******** 361 journey **/
.journey-360 .news-container{ position:relative}
.journey-360 .news-container:after{ 
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(244,244,244,1) 81%, rgba(244,244,244,1) 60%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(58%, rgba(244,244,244,1)), color-stop(60%, rgba(244,244,244,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(244,244,244,1) 58%, rgba(244,244,244,1) 60%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(244,244,244,1) 58%, rgba(244,244,244,1) 60%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(244,244,244,1) 58%, rgba(244,244,244,1) 60%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(244,244,244,1) 58%, rgba(244,244,244,1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0 );
 height:80px; bottom:0; width:100%; position:absolute; left:0; content:""}
.journey-360 .panel{ box-shadow:none} 
.journey-360 .panel  ul{ list-style:none; padding:0; margin:0}
 .journey-360 .panel  ul li{ padding-bottom:30px; padding-left:55px; position:relative; min-height:100px}
  .journey-360 .panel  ul li:before,  .journey-360 .panel  ul li:after{ position:absolute; left:15px; top:0; width:1px; height:100%; content:""; background:#000;}
   .journey-360 .panel  ul li:after{ width:35px; height:35px; left:0; content:"\f054"; text-align:center; line-height:35px !important; color:#fff; font: normal normal normal 14px/1 FontAwesome;}
  .journey-360 .panel  .panel-footer{position: absolute;
    bottom: 0;
    right: 0;
    bottom:-39px;
    z-index: 9;

}
    .journey-360 .panel:after {

    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(244,244,244,1) 81%, rgba(244,244,244,1) 60%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(58%, rgba(244,244,244,1)), color-stop(60%, rgba(244,244,244,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(244,244,244,1) 58%, rgba(244,244,244,1) 60%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(244,244,244,1) 58%, rgba(244,244,244,1) 60%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(244,244,244,1) 58%, rgba(244,244,244,1) 60%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(244,244,244,1) 58%, rgba(244,244,244,1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0 );
    height: 80px;
    bottom: -42px;
    width: 100%;
    position: absolute;
    left: 0;
    content: "";

}
 .journey-360 .panel  ul li h3 {
    font-size: 18px;
    line-height: .8;
    letter-spacing: 0.72px;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 0 10px;
    font-weight: 400;
}
.journey-360 .panel ul.pagination {
    display: flex;
    border: 0 !important;
}
.journey-360 .panel ul.pagination li{ padding:0; min-height:inherit}
.journey-360 .panel ul.pagination li:before, .journey-360 .panel ul.pagination li:after{ display:none}

.journey-360 .panel ul.pagination a {
    box-shadow: none;
    background: #000;
color: #fff;
    border-radius: 50px;
    text-align: center;
    width: 27px;
    display: inline-block;
    height: 27px;
    line-height: 27px;
    text-align: center;
    padding: 0;
    margin: 0 3px;
        margin-bottom: 0px; vertical-align:top
}
.journey-360 .panel ul.pagination a:hover{ background:#ff4500}
.journey-360 .panel ul.pagination a span{ padding-left:2px}
.journey .news-container li div{ padding:0 !important}
.journey-360 .newsscroller_title{ font-size: 18px;
    line-height: .8;
    letter-spacing: 0.72px;
    color: #000;
    text-transform: uppercase; text-decoration:none;
    margin: 0 0 10px; font-weight:400;}
.journey ul li{ position:relative; padding:0 0 20px 80px !important; margin-bottom:10px !important; min-height:150px !important; line-height:1.5 }
.journey ul li > div{ padding:0 !important}
.journey ul li:after{
    position: absolute;
    left: 24px;
    top: 58px;
    content: '';
    width: 2px;
    height: 62%;
    background: #000;
}
.journey ul li:before{
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    text-align: center;
    padding: 18px 0;
    width: 50px;
    height: 48px;
    line-height: .8;
    background: #000; content:"\f054"; font-family:FontAwesome; font-size:19px;
}
.features_img .fullscreen-bg__video{height: 490px;background: #000;object-fit: cover;}  

/********************************
Service Section
*******************************/
.wpb-js-composer  .servicesoffer.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list{ display:flex;justify-content: space-between; margin:0 0 3em !important}
.wpb-js-composer  .servicesoffer.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 200px;
    position: relative; 
}
.wpb-js-composer  .servicesoffer.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list li span{line-height: normal; display: block; margin-top: 65px;}
.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab > a {
    display: block;
    font-size: 16px;
    line-height: .8;
    color: #000000;
    letter-spacing: 0.50px;
    padding: 45px 10px;
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
    border-radius: 100%;
    height: 183px;
    border: 1px dashed #605872;
    transition: border 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94),background-color 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    margin: 5px;
    background: none;
    line-height: 155px;
    display: block;
    color: #fff; background-image:url(/wp-content/uploads/2019/11/icon-6.png); background-repeat:no-repeat;background-position: center 25%;background-size: 90px;-moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
}

.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab.vc_active > a, .wpb-js-composer .commonSection.servicesec .servicesoffer.vc_tta.vc_general .vc_tta-tab > a:hover {
color: #fff; background-color:#ff4500; background-image: url(/wp-content/uploads/2019/11/icon-6-hover.png); border-color: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,0.5); margin-top: -1px;}

.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab:nth-child(2) > a{background-image:url(/wp-content/uploads/2019/11/icon-5.png);}
.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab.vc_active:nth-child(2) > a, .wpb-js-composer .commonSection.servicesec .servicesoffer.vc_tta.vc_general .vc_tta-tab:nth-child(2) > a:hover{background-image:url(/wp-content/uploads/2019/11/icon-5-hover.png);}

.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab:nth-child(3) > a{background-image:url(/wp-content/uploads/2019/11/icon-4.png);}
.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab.vc_active:nth-child(3)> a, .wpb-js-composer .commonSection.servicesec .servicesoffer.vc_tta.vc_general .vc_tta-tab:nth-child(3) > a:hover{background-image:url(/wp-content/uploads/2019/11/icon-4-hover.png);}

.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab:nth-child(4) > a{background-image:url(/wp-content/uploads/2019/11/icon-3.png);}
.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab.vc_active:nth-child(4) > a, .wpb-js-composer .commonSection.servicesec .servicesoffer.vc_tta.vc_general .vc_tta-tab:nth-child(4) > a:hover{background-image:url(/wp-content/uploads/2019/11/icon-3-hover.png);}

.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab:nth-child(5) > a{background-image:url(/wp-content/uploads/2019/11/icon-2.png);}
.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab.vc_active:nth-child(5) > a, .wpb-js-composer .commonSection.servicesec .servicesoffer.vc_tta.vc_general .vc_tta-tab:nth-child(5) > a:hover{background-image:url(/wp-content/uploads/2019/11/icon-2-hover.png);}

.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab:nth-child(6) > a{background-image:url(/wp-content/uploads/2019/11/icon-1.png);}
.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab.vc_active:nth-child(6) > a, .wpb-js-composer .commonSection.servicesec .servicesoffer.vc_tta.vc_general .vc_tta-tab:nth-child(6) > a:hover{background-image:url(/wp-content/uploads/2019/11/icon-1-hover.png);}



.wpb-js-composer  .servicesoffer.vc_tta-panel-body h3{ font-size:30px;font-weight: 400;color:#000; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 25px;}

.wpb-js-composer  .commonSection.servicesec .vc_tta.vc_tta-style-modern .vc_tta-panel-body { background:none; text-align:center; color:#fff; padding:2em 5em; font-size: 1.25em;}
.wpb-js-composer  .commonSection.servicesec .vc_tta.vc_tta-style-modern .vc_tta-panel-body h3{ font-size:30px; color:#fff}

.get-in-touch-wrapper {
    padding: 40px;
    border-radius: 10px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    right: 23%;
    margin-left: 0;
    transform: translate(23%, -50%);
    max-width: 500px;
    /* line-height: normal; */
    color: #575757;
}
.get-in-touch-wrapper div h3 {

    text-transform: capitalize;
    font-size: 17px;
    margin-top: 0;
    padding-top: 0;

}
.info-window {
    position: absolute;
    top: 17%;
    right: 0;
    max-width: 245px;
    left: 0;
    margin: 0 auto;
    z-index: 9;
    background: #fff;
    text-align: center;
    border-radius: 8px;
    padding: 10px 20px 10px 10px; transform:translateY(-17%);box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3);
}
.info-window:after {
    background: linear-gradient(45deg,
rgba(255,255,255,1) 50%,rgba(255,255,255,0) 51%,
rgba(255,255,255,0) 100%);
box-shadow: -2px 2px 2px 0
    rgba(178,178,178,.4);
    content: "";
    height: 15px;
    left: 50%;
    position: absolute;
    top: 100%;
    transform: translate(-50%,-50%) rotate(-45deg);
    width: 15px;
}
.info-window::before {content: "\f041"; font: normal normal normal 26px/1 FontAwesome; margin-right: 10px; color: #ff4500;}
.info-window br{ display:none}
.mapsection.vc_row[data-vc-stretch-content] > .vc_column_container {
    float: left;

}
.vc_section[data-vc-full-width]{ width:100% !important}

.box {
  display: block;  
  background:#ff4500;
  margin-bottom: 1em;
}

#fade-in {
  min-height: 150px;
  width: 0px;
  transition: all .75s ease;float: right;
}

#fade-in.show {
  opacity: 1;
  width: 330px;
}

#slideform {

    position: fixed;
    top: 30%;
    right: 0; z-index:999

}
.slide{display: inline-block;float: left; vertical-align:top}
#slideform .wpcf7-form input, #slideform .wpcf7-form textarea {
    background: #ffffff;border: none; margin-bottom: 10px; color: #000000; border-radius: 10px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.50); padding: 7px 15px;box-sizing: border-box; font-size:14px}
    #slideform .wpcf7-form textarea{ height:80px; resize:none}
#slideform .wpcf7-form input[type="submit"]{ background:#000; color:#fff; font-size:18px; margin-top:10px}
#slideform .col-md-4{ width:100%}
#slideform .wpcf7-form{padding: 25px;}
#slideform .wpcf7-form .wpcf7-response-output{ text-align:center; color:#fff}
#slideform span.wpcf7-not-valid-tip {

    color: #f00;
    font-size: 15px;
    font-weight: 100;
    display: block;
    color: #fff;
    position: relative;
    bottom: 2px;
    margin-top: -9px; display:none

}
#slideform .wpcf7-form input.wpcf7-not-valid {background: #FFD3A4;}
#slideform .wpcf7-form input.wpcf7-not-valid:-webkit-input-placeholder { /* Edge */color: red;}

#slideform .wpcf7-form input.wpcf7-not-valid:-ms-input-placeholder { /* Internet Explorer 10-11 */color: red;}

#slideform .wpcf7-form input.wpcf7-not-valid:placeholder {color: red;}
#slideform .social-icons {

    width: 35px;
    opacity: .8;
    margin: 0;
    list-style: none;
    background-color: 

    #231f20;
    padding: 8px 0;
    transition-duration: .4s;
    border-radius: 10px 0 0 10px;
    transition-timing-function: ease-in-out;
    will-change: transform;
    clear: both;
    display: block;
    position: absolute;
    top: 104px;

}
#slideform .social-icons li {
    width: 100%;
    display: block;
}
#slideform .social-icons li a {
    display: block;
    color: 
    #fff;
    font-size: .85em;
    padding: 0 6px;
    text-align: center;
    text-decoration: none;
    transition-duration: .25s;
    transition-timing-function: ease-in-out;
    will-change: transform;
}
.site-footer {

    margin-top: 10px;

}
.mapimg{ position:relative}

section.wm {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(84vh - 100px);
    color: 
    white;
}
.m-grid {

    width: 280px;
    height: 280px;
    border-radius: 100%;
    background: 

    #ccc;
    text-align: center;
    line-height: 105px; display:table

}
.m-grid > div {
    display:table-cell;
    height: 100%;
    text-align: center;
vertical-align: middle;
}
.m-grid > div *{ display:block; width:100%; margin:5px 0; padding:0}
/*****Team page***/



[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'entypo-selected';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  line-height: 1em;
}

.icon-cancel:before { content: '\2715'; } /* '✕' */
.icon-plus-circle:before { content: '\50'; } /* 'P' */
.icon-forward:before { content: '\47'; } /* 'G' */
.icon-eye:before { content: '\56'; } /* 'V' */
.icon-search:before { content: '\5a'; } /* 'Z' */
.icon-link:before { content: '\4c'; } /* 'L' */

.demo-2 .grid {
    width: 100%;
    margin: 30px auto;
}

.demo-2 .uc-container {
    width: 280px;
    height: 280px;
    float: left;
    margin: 15px;
}

.demo-2 .uc-single, 
.demo-2 .uc-final,
.demo-2 .uc-initial-content,
.demo-2 .uc-back,
.demo-2 .uc-front {
    background: #29a6aa url(../images/noise.png) repeat top left;
}

.demo-2 .icon-eye {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 4px;
    font-size: 60px;
    color: transparent;
    color: rgba(255,255,255,0);
    width: 100%;
    height: 100%;
    line-height: 145px;
    text-align: center;
    background: rgba(41,166,170,0);
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.no-touch .demo-2 .uc-initial-content:hover .icon-eye {
    color: rgba(255,255,255,0.8);
    background: rgba(41,166,170,0.7);
}

.demo-2 .uc-initial-content img {
    display: block;
}

.demo-2 .title {
    position: absolute;
    background: rgba(255,255,255,0.9);
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 10px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
}

.demo-2 .title h4 {
    color: #aaa;
}

.demo-2 .icon-link {
    width: 30px;
    height: 30px;
    background: #ddd;
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 26px;
    text-align: center;
    font-size: 18px;
    border-radius: 50%;
    text-indent: 2px;
}

.demo-2 .icon-cancel {
    position: absolute;
    background: rgba(0,0,0,0.4);
    text-align: center;
    line-height: 15px;
    font-size: 18px;
    color: #fff;
    opacity: 1;
    width: 18px;
    top: 10px;
    right: 10px;
    cursor: pointer;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255,255,255,0.4);
}

.demo-2 .icon-cancel:hover {
    background: rgba(0,0,0,1);
}

.demo-2 .uc-current .uc-container{

}
/* pfold style */

.uc-container {
    position: relative;
    width: 100px;
    height: 100px;
    top: 0;
    left: 0;
}

.uc-single, 
.uc-final-wrapper,
.uc-initial-content,
.uc-back,
.uc-front {
    background: #fff;
}

.uc-final,
.uc-initial, 
.uc-final-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.uc-initial-content,
.uc-final-content {
    width: 100%;
    height: 100%;
    position: relative;
}

.uc-final,
.uc-final-content {
    display: none;
}

.uc-initial-content {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.uc-part {
    top: 0;
    left: 0;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.uc-part > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.uc-part .uc-back {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

/* Transformation-origin classes */

.uc-unfold-left {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.uc-unfold-right {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.uc-unfold-top {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.uc-unfold-bottom {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

/* Unfolding classes */
.uc-unfold-left.uc-unfold {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.uc-unfold-right.uc-unfold {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.uc-unfold-top.uc-unfold {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.uc-unfold-bottom.uc-unfold{
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.uc-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.uc-overlay, 
.uc-flipoverlay {
    background-color: rgba(100, 100, 100, 0.7);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.uc-flipoverlay {
    background-color: rgba(100, 100, 100, 0.4);
}

.uc-inner {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.uc-inner-rotate {
    -webkit-transform: rotateY(180deg) rotateX(180deg);
    -moz-transform: rotateY(180deg) rotateX(180deg);
    -o-transform: rotateY(180deg) rotateX(180deg);
    -ms-transform: rotateY(180deg) rotateX(180deg);
    transform: rotateY(180deg) rotateX(180deg);
}

.uc-container.uc-current {
    z-index: 9999;
}


.intro-logo {
    position: absolute;
    top: 35vh;
    text-align: center;
    left: 0;
    right: 0;
    max-width: 791px;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 0px;
    z-index: 999;
}

/* DEMO-SPECIFIC STYLES */
.typewriter h3 {
    color: #fff;
overflow: hidden;
border-right: .15em solid orange;
    white-space: nowrap;
    margin: 0 auto;
        margin-bottom: 0px;
    animation: typing 5s steps(30, end), blink-caret .5s step-end infinite;
    font-size: 33px;
    font-family: roboto;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 7px;

}
.rw-wrapper4 {text-transform: uppercase;
font-family: 'Gotham book';}
.rw-wrapper4 span{ font-size:29px !important}

.rw-wrapper4 span img {

    -webkit-animation-name: greenPulse;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    border: 0px solid #353535;
    border-radius: 100%;
    margin: 10px;width: 50px;
}
@-webkit-keyframes greenPulse {
from { -webkit-box-shadow: 0 0 5px #ffb016; }
50% {  -webkit-box-shadow: 0 0 22px #d14c06; }
to {-webkit-box-shadow: 0 0 13px #ffb417; }
}


/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #d61219; }
}
.orgbut {
    background: #fff;
    padding: ;
    border-radius: 20px;
    display: table;
    color: #000;
    font-size: 17px;
    line-height: .8;
    text-transform: uppercase;
    position: relative;
    font-weight: 400;
    margin: 50px auto 0;
    box-shadow: 0 0 15px #ff4500;
    border: #ff4500 2px solid;
    width: 65px;
    height: 65px;
    border-radius: 80px;
    line-height: 62px;
}
.orgbut:hover{ background:#000; color:#ff4500}
.orgbut:before {transform: scale(1.2);box-shadow: 0 0 15px #ff4500; filter: blur(3px);content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background:#d35400;
transition: .5s;
z-index: -1;}
.page-template-frontpage-template .innerbanner{ display:none}
.m-video{ display:none}
 @media only screen and (max-width: 1500px) {#slideform {
    top: 25%;

}}
 @media only screen and (max-width: 1300px) {
.container, .wrap, .vc_row[data-vc-full-width] > .vc_column_container {max-width: 1165px; }
#masthead.sticky {padding: 0;}
.mainmenu ul li {padding: 0px 5px 30px;}
#contact .vc_row[data-vc-full-width] > .vc_column_container {max-width: 100%; }
.contactsection .sec_title {font-size: 33px;}
.wpb_single_image.wpb_content_element.vc_align_left.mapimg img {

    height: 700px;
    object-fit: cover;
    right: -7%;
    position: relative;

}
.info-window {top: 15%;}
#slideform {top: 24%;}
.intro-logo{top: 33vh; }     
}

@media only screen and (max-width: 1280px) {
    .ourteam .overlay{padding: 15px 10px;}
}

@media only screen and (max-width: 1200px) {
.container, .wrap, .vc_row[data-vc-full-width] > .vc_column_container {max-width: 1024px;}
.mainmenu ul li a { font-size: 15px;}
.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab > a { font-size: 16px;}
.keycta .vc-hoverbox-block { padding: 0;}
.keycta .vc-hoverbox-wrapper.vc-hoverbox-width--100 .vc-hoverbox { min-height: 306px;}
.ourteam .overlay{font-size: 14px;}
.contactsection .sec_title {font-size: 31px;}
}
@media only screen and (min-width:1023px) and (max-width:1199px) {
     .wpb-js-composer .servicesoffer.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list li {width: 130px;}
     .wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab > a span {position: absolute; top: 111%; left: 50%; transform: translateX(-50%); font-size: 16px; line-height: normal;}
    .wpb-js-composer .servicesoffer.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list {margin: 0 0 5em !important;} 
    .vc_custom_1573024389848 .vc_col-sm-4,.vc_custom_1573024389848 .vc_col-sm-8{ width:100%}
.keycta .vc-hoverbox-wrapper.vc-hoverbox-width--100 .vc-hoverbox {min-height: 210px !important;}
#team .vc_col-sm-4{ width:100%}
.get-in-touch-wrapper {
    padding: 20px;
    right: 6%;
    transform: translate(6%, -50%);
}
.get-in-touch-wrapper p {margin: 0 0 1em;}
.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab > a{ height:120px}
.wpb-js-composer .servicesoffer.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list li:nth-child(3) span {width: 100%; margin-top:0}
.wpb-js-composer .servicesoffer.vc_tta-tabs.vc_tta-tabs-position-top  span {width: 100%; margin-top:0}
     }
@media only screen and (max-width: 1024px) {
.container, .wrap, .vc_row[data-vc-full-width] > .vc_column_container {max-width: 940px;}
#responsive-menu-container #responsive-menu li.responsive-menu-item a {text-transform: uppercase;}

.sec_title {font-size: 33px;line-height: 50px;}
.whtwedo {padding: 0;}
.ab_img1 { right: -128px;}
.ab_img1 img {max-width: 75%;}
.ab_img2 img {max-width: 74%;}
.ab_img2::after { width: 379px;height: 360px;}
body .commonSection {padding: 75px 0 !important;}
.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab > a { padding: 32px 9px; line-height: 24px; height: 115px;}
.keycta .vc-hoverbox-wrapper.vc-hoverbox-width--100 .vc-hoverbox, .keycta .vc-hoverbox-inner{
    min-height: 210px !important;
}
#team .vc_col-sm-4{ width:100%}
.get-in-touch-wrapper {
    padding: 20px;
    right: 6%;
    transform: translate(6%, -50%);
}
.get-in-touch-wrapper p {margin: 0 0 1em;}
     .wpb-js-composer .servicesoffer.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list li {width: 130px;}
     .wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab > a span {position: absolute; top: 111%; left: 50%; transform: translateX(-50%); font-size: 16px; line-height: normal;}
#responsive-menu-container li.responsive-menu-item {
    width: 100%;
    list-style: none;
    padding: 0px 0px;
    border-bottom: 1px solid #444;
}
#responsive-menu-container li.responsive-menu-item:last-child a{ background:#ff4500 !important}
.wpb-js-composer .servicesoffer.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list li:nth-child(3) span {width: 100%; margin-top:0}
.wpb-js-composer .servicesoffer.vc_tta-tabs.vc_tta-tabs-position-top  span {width: 100%; margin-top:0}
.wpb-js-composer .servicesoffer.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list {

    margin: 0 0 5em !important;

}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
    html, body, .wrap{ overflow-x:hidden}
    .container, .wrap, .vc_row[data-vc-full-width] > .vc_column_container {padding: 0 20px;}
#about .vc_col-sm-6{ width:100%}
.ab_img2 {position: relative;}
.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab > a {height: 106px; background-size: 65px; background-position:center}
.cta-verticals section {width: 48%;}
    .vc_custom_1573024389848 .vc_col-sm-4, .vc_custom_1573024389848 .vc_col-sm-8{ width:100%}
.counter-cta .stats-number {font-size: 60px !important;}
.counter-cta .vc_col-sm-3 {
    width: 50%;
}
#contact  .vc_col-sm-6{ width:100%; padding-top:30px !important; padding-bottom:30px !important}
#contact  .vc_col-sm-6:last-child{ padding-bottom:0 !important}
.get-in-touch-wrapper {
    padding: 20px;
    right: 0;
    transform: none;
    position: relative;
    top: 0;
    max-width: 80%;
    left: 0;
    margin: 0 auto;
    display: block;
}
.info-window {
    top: 18%;right: 21%;
}
body div.rw-wrapper4 {
    width: 65%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    margin-left: 100px;
}
.m-video{ display:block}


}
@media only screen and (max-width: 767px) {
        html, body, .wrap{ overflow-x:hidden}
        
.home .wrap {
    width: 100%;
    min-height: 100vh;
}       
.sub_title { line-height:normal}            
#about .vc_col-sm-6{ width:100%}
.ab_img2 {position: relative;}
.wpb-js-composer .servicesoffer.vc_tta.vc_general .vc_tta-tab > a {height: 106px; background-size: 65px; background-position:center}
.cta-verticals section {width: 48%;}
    .vc_custom_1573024389848 .vc_col-sm-4, .vc_custom_1573024389848 .vc_col-sm-8{ width:100%}
.counter-cta .stats-number {font-size: 60px !important;}
.counter-cta .vc_col-sm-3 {
    width: 50%;
}
#contact  .vc_col-sm-6{ width:100%; padding-top:30px !important; padding-bottom:30px !important}
#contact  .vc_col-sm-6:last-child{ padding-bottom:0 !important}
.get-in-touch-wrapper {
    padding: 20px;
    right: 0;
    transform: none;
    position: relative;
    top: 0;
    max-width: 80%;
    left: 0;
    margin: 0 auto;
    display: block;
}
#masthead {
    background: #000 !important;
}
.info-window {
    top: 18%;right: 21%;
}
.logo {
    text-align: left;
    padding: 10px;
    width: 180px;
}
#fade-in.show {
    opacity: 1;
    width: 300px;
}
#slideform {
    top: 20%;
}
.siteheader.row{ margin-left:0; margin-right:0}

#services h4.vc_tta-panel-title a:before {
    background: url(/wp-content/uploads/2019/11/icon-6.png) top left no-repeat;
    width: 60px;
    height: 60px;
    background-size: 45px;
    position: absolute;
    left: 0;
    top: 6px;
    content: "";
}
.wpb-js-composer #services .vc_tta.vc_general .vc_tta-panel.vc_active  .vc_tta-panel-heading{ background:#ff4500; border-bottom:1px solid #ff4500;}


.wpb-js-composer #services .vc_tta.vc_general .vc_tta-panel:nth-child(2) h4.vc_tta-panel-title a:before{ background-image:url(/wp-content/uploads/2019/11/icon-5.png)}
.wpb-js-composer #services .vc_tta.vc_general .vc_tta-panel.vc_active:nth-child(2) h4.vc_tta-panel-title a:before{ background-image:url(/wp-content/uploads/2019/11/icon-5-hover.png)}
.wpb-js-composer #services .vc_tta.vc_general .vc_tta-panel:nth-child(3) h4.vc_tta-panel-title a:before{ background-image:url(/wp-content/uploads/2019/11/icon-4.png)}
.wpb-js-composer #services .vc_tta.vc_general .vc_tta-panel.vc_active:nth-child(3) h4.vc_tta-panel-title a:before{ background-image:url(/wp-content/uploads/2019/11/icon-4-hover.png)}
.wpb-js-composer #services .vc_tta.vc_general .vc_tta-panel:nth-child(4) h4.vc_tta-panel-title a:before{ background-image:url(/wp-content/uploads/2019/11/icon-3.png)}
.wpb-js-composer #services .vc_tta.vc_general .vc_tta-panel.vc_active:nth-child(4) h4.vc_tta-panel-title a:before{ background-image:url(/wp-content/uploads/2019/11/icon-3-hover.png)}

.wpb-js-composer #services .vc_tta.vc_general .vc_tta-panel:nth-child(5) h4.vc_tta-panel-title a:before{ background-image:url(/wp-content/uploads/2019/11/icon-2.png)}
.wpb-js-composer #services .vc_tta.vc_general .vc_tta-panel.vc_active:nth-child(5) h4.vc_tta-panel-title a:before{ background-image:url(/wp-content/uploads/2019/11/icon-2-hover.png)}
.wpb-js-composer #services .vc_tta.vc_general .vc_tta-panel:nth-child(6) h4.vc_tta-panel-title a:before{ background-image:url(/wp-content/uploads/2019/11/icon-1.png)}
.wpb-js-composer #services .vc_tta.vc_general .vc_tta-panel.vc_active:nth-child(6) h4.vc_tta-panel-title a:before{ background-image:url(/wp-content/uploads/2019/11/icon-1-hover.png)}


.wpb-js-composer #services .vc_tta.vc_general .vc_tta-panel.vc_active h4.vc_tta-panel-title a:before{ background-image:url(/wp-content/uploads/2019/11/icon-6-hover.png)}
#services h4.vc_tta-panel-title a{ padding-left:50px}
#services h4.vc_tta-panel-title, #services h4.vc_tta-panel-title a{ font-size:19px;line-height: normal; color:#fff; font-weight:500; text-transform: uppercase;letter-spacing: 0.50px;}
.wpb-js-composer #services  .vc_tta-panel .vc_tta-panel-heading {border: 0; border-bottom:1px solid #504b49; color: #000; background:#312c2a }
.wpb-js-composer .commonSection.servicesec .vc_tta.vc_tta-style-modern .vc_tta-panel-body {background: none; text-align: left; color: #fff; padding: 10px;}
div.vc_row.vc_column-gap-25 {

    margin-left: 0;
    margin-right: 0;

}
.keycta .vc_col-sm-3{ margin-bottom:20px}
.home .rw-wrapper {    width: 100% !important;}
div.rw-wrapper4 span {

    font-size: 20px !important; margin:0; position:relative; left:auto !important

}
div.rw-wrapper4 {width:auto; margin: 0 auto !important; padding: 0; display:inline-block;}
div.rw-wrapper4.rw-words-4{ display:block}
div.rw-wrapper4.rw-words-1 span{ margin:0; left:0}
div.rw-wrapper4.rw-words-2 span{ margin:0; left:105px}
div.rw-wrapper4.rw-words-3 span{ margin:0; left:342px}
.rw-words-4 span {

    margin: 50px auto 0 !important;
    right: 0 !important;
    left: 0;
    width: 80px;
    height: 80px;

}
div.rw-words-1 span::after, div.rw-words-2 span::after {

    content: "|";
    margin-left: 8px;

}
#slideform{ display:none}
.video_bg {padding: 0 35px !important;}
.video_bg .wpb_raw_code:before {top: -15px;right: 35px;width: 200px;height: 200px;border-top: 5px solid #ff4500;border-right: 5px solid #ff4500;}
 
}
@media only screen and (max-width:640px) {
    .sec_title {
    font-size: 29px;
    line-height: 50px;
    letter-spacing: 1px;
}
.contactsection .sec_title {
    font-size: 27px;
}
    .ab_img2::after {width: 250px; height: 250px;border: 6px solid #ff4500;}
    .cta-verticals section {
    width: 95%;
    margin: 0 auto 30px!important;
    display: block;
    float: none;
}
.vc_row.container {
     margin-left: 15px !important; 
     margin-right: 15px !important; 
}
.img_details {padding:10px 30px; position: relative;    left: 0;
    bottom: auto;
    top: -44px;
    margin-bottom: -85px !important;}
.img_details h4 {
    margin: 0;
    font-size: 18px;
    letter-spacing: 0;
    font-weight: 400;
}


.counter-cta .vc_col-sm-3 {
    width: 100%;
}
.workfilter .simplefilter_375 li{ padding:0px 15px}
.get-in-touch-wrapper{    max-width: 90%;}
.site-footer .site-info{ line-height:normal}

.back2top {
    right: 0;
    bottom: 16px;
}
#fade-in.show {
    opacity: 1;
    width: 280px;
}
#slideform .slide , #slideform .fade-in { display:none
}
.site-info .social-icons{ display:none}
.rw-wrapper4 span{ font-size:16px !important}
.rw-wrapper4.rw-words-1 span{margin-left: -263px;}
.rw-wrapper4.rw-words-2 span{margin-left: -190px;}
.rw-wrapper4.rw-words-3 span{margin-left: -35px;}
.rw-wrapper4.rw-words-1 span::after, .rw-wrapper4.rw-words-2 span::after {margin-left: 7px;}
.vc_row.timeline-row {margin-top: 0px !important;}
}
@media only screen and (max-width:400px) {
.rw-wrapper > img{width: 200px;}
body .commonSection {
    padding: 50px 0 !important;
}   
div.rw-wrapper4 span{ display:block; margin-bottom:10px !important; font-size:25px !important;}
div.rw-wrapper4{ display:block}
div.rw-wrapper4 span:after{ display:none}
.intro-logo {top: 20vh;}
.hp-video{ margin-top:35px}
.hesperiden.tparrows{ top:90% !important}
.hesperiden.tparrows.tp-leftarrow{ left:auto !important; right:90px}
 .ourteam>.wpb_column>.vc_column-inner:hover::before, .ourteam>.wpb_column>.vc_column-inner:hover::after { display:none
}
 .ourteam>.wpb_column>.vc_column-inner:hover{ border:2px solid #ff4500;}
 .ourteam>.wpb_column>.vc_column-inner{ border:2px solid rgba(255,255,255,0);}
.video_bg .wpb_raw_code:before {top: 20px;right: 35px;width: 100px;height: 100px;}
.workfilter .simplefilter_375 li {padding: 0px 8px;}
}

@font-face {
    font-family: 'Gotham med';
    src: url('fonts/Gotham-Medium.woff2') format('woff2'),
        url('fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Rounded';
    src: url('fonts/GothamRounded-Light.woff2') format('woff2'),
        url('fonts/GothamRounded-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham book';
    src: url('fonts/Gotham-Book.woff2') format('woff2'),
        url('fonts/Gotham-Book.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Medium.woff2') format('woff2'),
        url('fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Black.woff2') format('woff2'),
        url('fonts/Gotham-Black.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-BookItalic.woff2') format('woff2'),
        url('fonts/Gotham-BookItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-BoldItalic.woff2') format('woff2'),
        url('fonts/Gotham-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.woff2') format('woff2'),
        url('fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Rounded';
    src: url('fonts/GothamRounded-Bold.woff2') format('woff2'),
        url('fonts/GothamRounded-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}