/*
Theme Name: Stratos Security
Developer: Remely Javellana
Theme URI:  www.thedigital-sme.com

Author:  

Description: Pending description.
Version: 1.0

[May 24, 2019]  

Use it to make something cool, have fun, and share what you've learned with others.

*/


body{
     font-family: 'FSMatthewReg', sans-serif!important;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    background: #fff;
    color: #666;  
    padding: 0px;
    transition: all 0.5s ease;
}

h1,h2,h3,h4,h5 {margin-top: 0px;font-family: 'GothamBold';color: #222;}
h1{font-size: 50px;line-height: 56px;}
h2{ font-size: 40px; line-height: 50px; }
h3{ font-size: 32px; line-height: 42px;}
h4{ font-size: 22px; line-height: 32px;}
h5{  }
p {  }
p, li{ font-size: 15px; line-height: 20px; margin-top: 0px;}
a { outline: none !important; background: none;}
li,span{  }

/*Form elements*/
label{ display: block;}
input{border: 1px solid #CCC;width: 100%;height: 36px;padding: 0px 15px;outline: none;}
input, input[type="text"], input[type="submit"],
textarea {font-size: 14px;font-family: 'FSMatthewReg';}

input[type="text"]{width: 100%;}
input[type=file]{border: none;visibility: visible;height: 23px;padding: 0px;}

textarea{border: 1px solid #ccc;width: 100%;padding: 10px 15px;background: #fff;outline: none;}
input[type='checkbox'], input[type='radio']{ width: auto; height: auto; }
input[type='submit']{font-weight: bold; background: #222;color: #fff;border: 1px solid #222;}

img{ max-width: 100%; }
a:focus, a:hover{ text-decoration: none; background: none;}
input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0px 9999px white;}
hr{
   border-top: 1px solid #e1e1e1;
}

/*############ general starts ############*/
.breadcrumb{padding: 8px 0px;background: transparent; }
.breadcrumb li{ font-family: 'FSMatthewMed';font-size: 12px;line-height: 22px;letter-spacing: 0.01em;color: #999999;  }
.breadcrumb li a{ font-family: 'FSMatthewMed';font-size: 12px;line-height: 22px;letter-spacing: 0.01em;color: #999999;  }
.breadcrumb li.active{ color: #D12B2B; }
.breadcrumb>li+li:before{ content: "\e876";font-family: Linearicons-free;font-size: 8px;color: #D12B2B;    -webkit-text-stroke: 1px; }

section.cstm_hero{  background: #222222; padding-bottom: 80px;}
section.cstm_hero h1{ 
    font-family: 'GothamBold';
    font-size: 42px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF; 
}

section.cstm_hero .separator{  }
section.cstm_hero .separator img{height: 2px;margin: 0 auto;display: block; }


section.cstm_hero .float_logo{ position: absolute; right: 50px; }
section.cstm_hero .float_logo img{ width: 170px; }

/*############ general ends #############*/


/*############ header starts ############*/
section.miniheader{background: #CC1A42; text-align: right; padding: 0px 60px;  }
section.miniheader .wrapper{  }

section.miniheader .wrapper span{ display: inline-block;  font-family: 'FSMatthewBold';}
section.miniheader .wrapper span a{color: #fff; font-size: 13px; line-height: 19px; padding: 0px 3px;  }
section.miniheader .wrapper a i{ margin-right: 10px; }

nav.m_header{background: none; border: none;border-bottom: 1px solid #414141;padding: 15px 0px 20px 0px;margin-bottom: 0px; background: #222; border-radius: 0px; }
nav.m_header .navbar-brand{ padding: 0;  }
nav.m_header .navbar-brand img{width: 165px;    }

nav.m_header .navbar-right{ float: none!important;padding-left: 230px;  }
nav.m_header ul{  }
nav.m_header ul li{ padding: 10px 25px;  }
.navbar-inverse .navbar-nav>li>a{ color: #fff; }
nav.m_header ul li a{font-family: 'FSMatthewMed';font-size: 18px;line-height: 26px;color: #FFFFFF; padding: 0px; }
nav.m_header ul li:last-child a{padding-right: 0px;}

nav.m_header ul li a:hover{ }
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{color: #fff; border-bottom: 2px solid #FE3F15;  }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover{ background: transparent; color: #fff;border-bottom: 2px solid #FE3F15;}

nav.m_header ul li.search{ float: right; }
nav.m_header ul li.search a{ cursor: pointer; }
nav.m_header ul li.search a:hover{ border-bottom: none; }

.search_modal{  }
.search_modal .modal_container{background: #fff;border-bottom: 1px solid #e2e2e2;  }
.search_modal .modal-content{box-shadow: none;border-radius: 0px; border: none;  }
.search_modal .modal-header{padding: 0px;border-bottom: none;position: absolute;right: 0;margin-top: 25px; }
.search_modal .close{ font-size: 26px;text-shadow: none;opacity: 1; outline: none;}
.search_modal .modal-body{ padding: 0px; }
.search_modal form{ padding: 20px 16px; }
.search_modal form input{border: none; letter-spacing: 1px; }


/* dropdown menu */
nav.m_header ul li.dropdown:hover .dropdown-menu{ 
    display: block;    
    border: none;
    border-radius: 0px; 
    left: 0px;
    min-width: 345px;
    padding: 20px 0px;
    background: #222;
}


.dropdown-menu{ padding: 20px 0px; }
.dropdown-menu li{ padding: 0px 20px!important; }
.dropdown-menu li a{padding: 10px 20px!important;}
.dropdown-menu li a:hover, .dropdown-menu li a.active{ background: transparent!important;color: #CC1A42;  }



/*############ header ends ##############*/


/*############ footer starts ############*/
footer{background-size: cover!important; background-position: center 0px!important; padding: 230px 0px 60px 0px;  }
footer .wrapper{  }
footer .item{  }
footer .item img{ width: 180px; margin-bottom: 20px; }
footer .item p{ font-size: 15px;line-height: 37px;color: #FFFFFF; }
footer .item p a{color: #fff;}

footer .item h4{font-size: 16px;line-height: 15px;letter-spacing: 0.08em;text-transform: uppercase;color: #CC1A42;margin-bottom: 30px;padding-top: 15px;}
footer .item ul{padding: 0px;}
footer .item ul li{font-size: 15px;line-height: 43px;color: #FFFFFF; list-style: none;}
footer .item ul li a{ color: #fff; }

footer .item .icons{  }
footer .item .icons a{ color: #fff; display: inline-block; padding: 0px 8px; }
footer .item .icons a i {  }

section.copyright{ background: #222; border-top: 0.5px solid #434343; padding: 20px 0px; }
section.copyright .wrapper{  }
section.copyright .wrapper p{font-size: 14px;line-height: 20px;color: #FFFFFF;  }
section.copyright .btop{ text-align: center; }
section.copyright .btop a{ font-size: 13px;line-height: 23px;color: #FFFFFF;  }
section.copyright .btop a i{background: #E51E2E; display: inline-block; border-radius: 50px; padding: 3px 5px 6px 5px; margin-right: 5px; }

section.copyright .terms{  }
section.copyright .terms a{font-size: 12px;color: #FFFFFF; display: inline-block;padding-right: 10px; }

/*############ footer ends ##############*/


/*############ h_hero starts ############*/
section.h_hero{ padding: 80px 0px; background-size: cover!important; background-position: center center!important; }
section.h_hero .side_item{    z-index: 1;  display: inline-block;  width: 295px; position: absolute; margin-left: -100px;}
section.h_hero .fs_item{
    background: #222;
    padding: 30px;
    -webkit-clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 10%); 
    clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 10%);  
}

section.h_hero .fs_item h2{font-size: 24px;line-height: 28px;text-transform: uppercase;color: #FFFFFF;  }
section.h_hero .fs_item p{font-family: 'FSMatthewBold';font-size: 16px;line-height: 23px;color: #CC1A42;  }
section.h_hero .fs_item hr{border-top: 1px solid #CC1A42;  }

section.h_hero .s_wrap{  }

section.h_hero span.icon{ display: inline-block; text-align: center;    width: 41%;}
section.h_hero span.icon:first-child{ margin-right: 30px; }
section.h_hero span.icon img{height: 22px;  }
section.h_hero span.icon hr{ border-top: 1px solid #CCCCCC;}
section.h_hero span.icon p{ font-size: 14px;line-height: 20px;text-align: center;color: #FFFFFF; }

section.h_hero .side_item .more{ 
    background: #CC1A42;
    padding:20px 30px;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 60%, 95% 100%, 0% 100%, 0% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 100% 60%, 95% 100%, 0% 100%, 0% 100%, 0% 100%);
}
section.h_hero .side_item .more a{font-family: 'FSMatthewBold';font-size: 15px;line-height: 22px;color: #FFFFFF;  }
section.h_hero .side_item .more a i{ font-size: 12px;font-weight: bold; }

section.h_hero .wrapper_main{ width: 50%;margin: 0 auto; padding-bottom:250px;  }
section.h_hero .wrapper_main h1{font-family: 'FSMatthewMed';font-size: 58px;line-height: 66px;text-align: center;color: #FFFFFF;  }
section.h_hero .wrapper_main .separator{ text-align: center;    margin-bottom: 20px; }
section.h_hero .wrapper_main .separator img{height: 2px;  }
section.h_hero .wrapper_main p{font-family: 'FSMatthewBold'; font-size: 19px;line-height: 27px;text-align: center;color: #FFFFFF; }


section.h_hero .h_cta{  }
section.h_hero .h_cta .wrap{ border-right: 1px solid #CC1A42; }
section.h_hero .h_cta .wrap:last-child{border-right:none;}
section.h_hero .h_cta .item{ padding: 0px 20px; }
section.h_hero .h_cta .item h2{font-size: 20px;line-height: 25px;text-align: center;text-transform: uppercase;color: #FFFFFF;  }
section.h_hero .h_cta .item p{ font-size: 15px;line-height: 20px;text-align: center;color: #757575; }
/*############ h_hero ends ##############*/


/*############ we_are starts ############*/
section.we_are{padding: 60px 0px;  }
section.we_are .wrapper{}
section.we_are .wrapper h2{font-size: 28px;line-height: 35px;text-align: center;text-transform: uppercase;color: #222222; margin-bottom: 45px; }
section.we_are .wrapper .item_wrap{border-right: 1px solid #ccc;    height: 245px;  }
section.we_are .wrapper .item_wrap:last-child{ border-right: none; }
section.we_are .wrapper .item{  padding: 0px 25px;  }
section.we_are .wrapper .item h3{font-size: 46px;line-height: 65px;text-align: center;text-transform: uppercase;color: #CC1A42; }
section.we_are .wrapper .item span{font-family: 'FSMatthewBold';font-size: 18px;line-height: 23px;text-align: center;letter-spacing: 0.01em;text-transform: uppercase;color: #222222;display: block;margin-bottom: 12px;  }
section.we_are .wrapper .item p{font-size: 15px;line-height: 20px;text-align: center;letter-spacing: 0.01em;color: #666666;  }
/*############ we_are ends #############*/


/*########## cta_thumbs starts sadawd #########*/
section.cta_thumbs{  }
section.cta_thumbs .wrapper{padding: 20px 90px 60px 90px; }


section.cta_thumbs .wrapper .item{ width: 33%;vertical-align: top;display: inline-block;     margin: -2px;}
section.cta_thumbs .wrapper .item:nth-child(5){ margin-top: -70px; }
section.cta_thumbs .wrapper .item:nth-child(6){margin-top: -70px;  }    
section.cta_thumbs .wrapper .item img{  }





section.h_cycle{ height: 960px; background-size: cover!important;background-position: center 0px!important; padding-top: 40px; }
section.h_cycle iframe { border: none; }
/*############ cta_thumbs ends #########*/


/*############ about starts #############*/
section.a_content{ padding: 80px 0px 160px 0px;  background-size: cover!important; background-position: center 0px!important;}
section.a_content .wrapper{ width: 90%; margin: 0 auto; }
section.a_content .wrapper h2{font-family: 'GothamBold'; font-size: 32px;line-height: 40px;text-align: center;text-transform: uppercase;color: #222222; }
section.a_content .wrapper span.sub{font-family: 'FSMatthewBold';text-align: center; display: block; font-size: 15px;line-height: 22px;text-align: center;text-transform: uppercase;color: #D12B2B; margin-bottom: 40px; }
section.a_content .wrapper p strong{font-family: 'FSMatthewBold';font-size: 18px;line-height: 34px;letter-spacing: 0.01em;color: #222222; }
section.a_content .wrapper p{font-size: 15px;line-height: 27px;letter-spacing: 0.01em;color: #424242; margin-bottom: 20px;  }

section.m_v{  padding-bottom: 60px;}
section.m_v .wrapper{display: inline-block;margin-top: -100px; }
section.m_v .item{padding: 45px; background: #FCFCFC;border: 1px solid #E1E1E1;border-top: 3px solid #CC1A42; }
section.m_v .item h3{ font-size: 22px;line-height: 21px;text-transform: uppercase;color: #222222; }
section.m_v .item hr{  }
section.m_v .item p{font-family: 'FSMatthewMed';font-size: 15px;line-height: 28px;letter-spacing: 0.01em;color: #222222;  }

section.ateam{background: #F9F9F9; padding: 60px 0px; }
section.ateam .wrapper{  }
section.ateam .wrapper h2{font-size: 32px;line-height: 31px;text-align: center;text-transform: uppercase;color: #222222; margin-bottom: 30px;  }
section.ateam .wrapper img{  }
/*############ about ends ###############*/


/*######### serv_content starts #########*/
section.serv_content{ padding: 80px 0px 150px 0px;background-size: 100%!important; background-position: center 0px!important;  }
section.serv_content .wrapper{ text-align: center; padding-bottom: 30px; }
section.serv_content .wrapper h2{font-size: 32px;line-height: 31px;text-align: center;text-transform: uppercase;color: #222222;  }
section.serv_content .thumb{  }
section.serv_content .thumb .wrap{padding: 0px 5px;  }
section.serv_content .thumb img{  }
section.serv_content .thumb .wrap:nth-of-type(even) img{ margin-top: 45%;margin-bottom: -20%; }
/*############ serv_content ends #########*/


/*########### c_content starts ###########*/
section.c_content{background-size: cover!important; background-position: center 0px!important; padding: 80px 0px;  }
section.c_content .intro{margin-bottom: 20px;  }
section.c_content .intro h2{ font-size: 32px;line-height: 39px;text-align: center;text-transform: uppercase;color: #222222;}

section.c_content .item_wrap{ 
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.07); 
    display: inline-block;
    width: 100%;
    padding: 70px ;
}

section.c_content .item_wrap .left{  }
section.c_content .item_wrap .item{ padding: 20px 0px; border-bottom: 1px solid #222;}
section.c_content .item_wrap .item:last-child{ border-bottom: none; }
section.c_content .item_wrap .item img{float: left; margin-right: 10px;margin-top: 5px;  }
section.c_content .item_wrap .item h4{ display: inline-block;font-family: 'FSMatthewBold';font-size: 18px;line-height: 26px;letter-spacing: 0.02em;color: #222222;}
section.c_content .item_wrap .item h4 a{
    font-family: 'FSMatthewReg';
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: #6D7583;  
    display: block;
}

section.c_content .item_wrap .right{ padding: 20px 35px 0px 35px; }
section.c_content .item_wrap .right h4{font-family: 'FSMatthewBold'; margin-bottom: 20px;  font-size: 18px;line-height: 26px;letter-spacing: 0.02em;color: #222222;}
section.c_content .item_wrap .right form{  }
section.c_content .item_wrap .right fieldset.half{width: 48%;display: inline-block;  }
section.c_content .item_wrap .right fieldset.half:nth-of-type(odd){margin-right: 20px;}
section.c_content .item_wrap .right fieldset.half input{
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: #6D7583; 
    border: none; 
    border-bottom: 1px solid #222;
    padding: 0px;
    margin-bottom: 25px;
}

section.c_content .item_wrap .right fieldset.half input::placeholder, section.c_content .item_wrap .right fieldset textarea::placeholder{ color: #D2D2D2; }

section.c_content .item_wrap .right fieldset textarea{margin-bottom: 20px;margin-top: 15px; border: 1px solid #222;height: 120px;resize: none; }
section.c_content .item_wrap .right fieldset input[type="submit"]{
    font-family: 'FSMatthewBold', Linearicons-free; 
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #CC1A42;
    border: 2px solid #CC1A42;
    background: transparent;
    height: 47px;
    float: right;
    width: auto;
    padding: 0px 65px;
}

section.c_content .item_wrap .cftr{
    display: inline-block; 
    width: 96.5%; 
    margin: 0 auto;
    border-top: 1px solid #ccc;
    margin-top:40px;
    padding: 45px 0px 0px 0px;
}

section.c_content .item_wrap .cftr .wrap{  }
section.c_content .item_wrap .cftr .cftr_item{  }
section.c_content .item_wrap .cftr .wrap_left .cftr_item{    border-right: 1px solid #ccc;  }
section.c_content .item_wrap .cftr .cftr_item h4{    display: inline-block; font-family: 'FSMatthewBold';font-size: 18px;line-height: 26px;letter-spacing: 0.02em;color: #222222; }
section.c_content .item_wrap .cftr .cftr_item p{ 
    font-size: 15px;
    line-height: 29px;
    letter-spacing: 0.02em;
    color: #424242; 
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
}
section.c_content .item_wrap .cftr .cftr_item p a{  color: #424242;}
section.c_content .item_wrap .cftr .cftr_item p a.gmap{font-family: 'FSMatthewBold'; font-size: 14px;line-height: 28px;letter-spacing: 0.02em;text-decoration-line: underline;color: #424242; }
section.c_content .item_wrap .cftr .cftr_item p a i{ color: #101E39; font-size: 18px;     margin-right: 5px; }


.screen-reader-response{ display: none; }
.wpcf7-not-valid-tip{ margin-top: -20px;display: block;color: #f00; }
.wpcf7-validation-errors{color: #f00; font-family: 'FSMatthewBold'; }
.wpcf7-mail-sent-ok{ color: green;font-family: 'FSMatthewBold';  }
/*########### c_content ends ##############*/


/*########### cstm_serv starts ############*/
section.cstm_serv{ padding: 60px 0px; }
section.cstm_serv .wrapper_main{  }
section.cstm_serv .wrapper_main h2{font-size: 32px;line-height: 31px;text-align: center;text-transform: uppercase;color: #222222;  }
section.cstm_serv .wrapper_main span.clrd{display: block; font-family: 'FSMatthewBold';font-size: 15px;line-height: 22px;text-align: center;text-transform: uppercase;color: #D12B2B;  }
section.cstm_serv .wrapper_main img.ftrd{ padding-top: 20px; }
section.cstm_serv .wrapper_main .desc{ padding: 25px 80px; }
section.cstm_serv .wrapper_main .desc p strong{ font-size: 18px;line-height: 34px;letter-spacing: 0.01em;color: #222222; }
section.cstm_serv .wrapper_main .desc p {font-size: 15px;line-height: 27px;letter-spacing: 0.01em;color: #666666;  }
/*########### cstm_serv ends ##############*/


/*########### cms_cc starts ###############*/
section.cms_cc{ padding: 80px 0px; background-size: cover!important; background-position: center 0px!important; }
section.cms_cc .wrapper{  }
section.cms_cc .wrapper h3{font-size: 32px;line-height: 31px;text-align: center;text-transform: uppercase;color: #222222;  }
section.cms_cc .wrapper p{  }
section.cms_cc .wrapper p strong{font-family: 'FSMatthewBold';font-weight: normal; font-size: 18px;line-height: 26px;text-align: center;color: #222222;display: block;}

section.cms_cc .item{display: inline-block;width: 49%;vertical-align: top;  padding: 50px 30px; }
section.cms_cc .item h4{ font-size: 20px;line-height: 19px;text-transform: uppercase;color: #CC1A41;margin-bottom: 20px; }
section.cms_cc .item ul{padding-left: 17px;  }
section.cms_cc .item ul li{ font-size: 15px;line-height: 27px;color: #222222;list-style: none; }
section.cms_cc .item p{ font-size: 15px;line-height: 27px;color: #222222; }
section.cms_cc .item ul li:before {    
    font-family: 'FontAwesome';
    content: '\f067';
    margin:0 5px 0 -15px;
    color: #222;
    font-size: 8px;
    vertical-align: bottom;
}

section.cms_cc .enquire{text-align: center;  }
section.cms_cc .enquire p{font-family: 'FSMatthewBold';font-size: 24px;line-height: 38px;text-align: center;letter-spacing: 0.01em;color: #222222;width: 60%; margin: 0 auto;}
section.cms_cc .enquire a.get{ 
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF; 
    display: inline-block;
    background: #CC1A41;  
    padding: 10px 25px 12px 25px;
    margin-top: 20px;  
}
/*############## cms_cc ends ###############*/


/*########### other_serv starts #############*/
section.other_serv{  padding: 100px 0px 40px 0px;}
section.other_serv .intro{ padding-bottom: 10px; }
section.other_serv .intro h2{ 
    font-size: 32px;
    line-height: 31px;
    text-align: center;
    text-transform: uppercase;
    color: #222222;
}
/*########### other_serv ends ###############*/


/*########### cstm_half starts #############*/
section.cstm_half{background: #EBECED;  }
section.cstm_half .bg{  
    background-size: cover !important;
    background-position: 50% 50% !important;
    height: 540px;
    top: 0;
    will-change: transform, top;
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    overflow: hidden;
    width: 50%;
}


section.cstm_half .wrapper {  }
section.cstm_half .wrapper h3{font-size: 32px;line-height: 40px;text-transform: uppercase;color: #222222; }
section.cstm_half .wrapper p strong{font-family: 'FSMatthewBold'; font-size: 18px;line-height: 34px;letter-spacing: 0.01em;color: #222222; }
section.cstm_half .wrapper p{font-size: 15px;line-height: 27px;letter-spacing: 0.01em;color: #666666;  }

section.cstm_half .item{    
    position: absolute;
    margin-top: -470px;
    padding-right: 80px;
    width: 600px;  
}
/*########### cstm_half ends ##############*/


/*########### cstm_enquire starts #############*/
section.cstm_enquire{ padding: 60px 0px 0px 0px; }
section.cstm_enquire .wrapper{text-align: center;  }
section.cstm_enquire .wrapper p.en{font-family: 'FSMatthewBold';font-size: 24px;line-height: 38px;text-align: center;letter-spacing: 0.01em;color: #222222;width: 75%; margin: 0 auto;}
section.cstm_enquire .wrapper img.ftrd{ margin-bottom: 20px; }
section.cstm_enquire .wrapper a.get{ 
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF; 
    display: inline-block;
    background: #CC1A41;  
    padding: 10px 25px 12px 25px;
    margin-top: 20px;  
}
/*########### cstm_enquire ends #############*/


/*########### accm_half starts ##############*/
section.accm_half{  }
section.accm_half .item, section.faam_half .item, section.vsa_half .item{ left: 53%; }

/*########### accm_half ends ################*/


/*########### faam_half starts #############*/
section.faam_half{  }
section.faam_half .wrapper{  }
section.faam_half .wrapper ul, section.vsa_half .item ul{padding-left: 17px;}

section.faam_half .item ul li, section.vsa_half .item ul li{font-family: 'FSMatthewBold'; font-size: 15px;line-height: 27px;color: #222222;list-style: none; }
section.faam_half .item ul li:before, section.vsa_half .item ul li:before {    
    font-family: 'FontAwesome';
    content: '\f067';
    margin:0 5px 0 -15px;
    color: #222;
    font-size: 8px;
    vertical-align: bottom;
}
/*########### faam_half ends ###############*/


/*########### faam_enquire starts ###########*/
section.faam_enquire{  }
section.faam_enquire .wrapper{  }
section.faam_enquire .wrapper p, section.vsa_enquire .wrapper p{width: 80%; margin: 0 auto; margin-bottom: 20px; font-family: 'FSMatthewBold'; font-size: 18px;line-height: 34px;text-align: center;letter-spacing: 0.01em;color: #222222; }

section.faam_enquire .wrapper img.ftrd, section.vsa_enquire .wrapper img.ftrd{ display: inline-block; width: 560px; }
/*########### faam_enquire ends ############*/


/*############ vsa_half starts ##############*/
section.vsa_half .item{ left: 53%;width: 500px; }

/*########### vsa_half ends ################*/


/*########### case_content starts ###########*/
section.case_content{ padding: 80px 0px;  }
section.case_content .wrapper{  }
section.case_content .wrapper h2{font-size: 32px;line-height: 38px;text-align: center;text-transform: uppercase;color: #222222;  }

section.case_content .wrapper .filter{ padding: 40px 0px 60px 0px; }
section.case_content .wrapper .filter button.clr{    
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    background: #424242;
    border: none;
    padding: 11px 60px;
    display: inline-block;
    vertical-align: top;  
}

section.case_content .selectric-wrapper{display: inline-block;width: 24%;margin-right: 12px;  }
section.case_content .selectric{ background: #CC1A41;border: none;text-align: center; }
section.case_content .selectric .label{ color: #fff;font-family: 'FSMatthewBold';}
section.case_content .selectric .button:after{ border: none; }
section.case_content .selectric .button{ 
    background: url('assets/img/adown.png')no-repeat; 
    background-position: 0px center!important;
}


section.case_content .item_wrap{  }
section.case_content .item_wrap .item{ 
    text-align: center; 
    border: 1px solid #EFEFEF;
    /* box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.15); */
    padding: 40px;
    margin-bottom: 30px;
    height: 320px;
}

section.case_content .item img.case_logo{ margin-bottom: 10px; }
section.case_content .item p{ font-size: 15px;line-height: 27px;text-align: center;color: #222222; }
section.case_content .item  a.readm{
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    color: #CC1A42;  
    display: inline-block;
    font-family: 'FSMatthewBold';
}

section.case_content .more{ text-align: center; }
section.case_content .more a{  
    background: #CC1A41;
    font-size: 15px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'FSMatthewBold';
    padding: 10px 40px 12px 40px;
}
/*########### case_content ends #############*/


/*########### sc_sub_hero starts ############*/
section.sc_sub_hero{padding: 40px 0px; height: 290px; background-size: cover!important; background-position: center center!important;  }
section.sc_sub_hero .wrapper{  }
section.sc_sub_hero .wrapper a {font-family: 'FSMatthewMed'; color: #fff;  }
section.sc_sub_hero .wrapper a i{ font-size: 11px; }
section.sc_sub_hero .wrapper h2{font-family: 'FSMatthewMed'; color: #fff; font-size: 42px; line-height: 48px; margin-top: 40px;}
/*########### sc_sub_hero ends #############*/


/*########### sc_content starts ############*/
section.sc_content{ padding: 40px 0px; }
section.sc_content .wrapper{ display: inline-block;  }
section.sc_content .intro{ border-bottom: 1px solid #e1e1e1; width: 97%; margin: 0 auto;  }
section.sc_content .intro img.sc_logo{ margin-bottom: 10px;  }

section.sc_content .desc{  }
section.sc_content .desc h3{font-family: 'FSMatthewBold';font-size: 24px;line-height: 35px;color: #222222; margin-top: 30px;  }
section.sc_content .desc p{font-size: 15px;line-height: 27px;letter-spacing: 0.01em;color: #666666; margin-bottom: 25px;  }
section.sc_content .desc p strong{  }


section.sc_content .sidebar{margin-top: 30px; background: #EFF2F5; padding: 40px 30px 80px 30px;    width: 87%;float: right;  }
section.sc_content .sidebar h3{font-size: 20px;line-height: 19px;text-transform: uppercase;color: #CC1A41;}
section.sc_content .sidebar ul{ padding-left: 17px; }
section.sc_content .sidebar ul li{ list-style: none;font-family: 'FSMatthewBold'; }
section.sc_content .sidebar ul li:before{    
    font-family: 'FontAwesome';
    content: '\f067';
    margin: 0 5px 0 -15px;
    color: #222;
    font-size: 8px;
    vertical-align: text-top;
}

section.sc_content .sidebar ul li a{ font-size: 18px;line-height: 34px;letter-spacing: 0.01em;text-transform: capitalize;color: #222222; }





.equal-image-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px; 
}

.equal-image-container .item {
  flex: 1 1 25%; /* 4 items per row on large screens */
  max-width: 25%;
  aspect-ratio: 4 / 3; /* make all image boxes equal */
  overflow: hidden;
  border-radius: 8px; /* optional */
}

.equal-image-container .item img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* crop neatly to fit container */
  display: block;
}



/*########### sc_content ends #############*/


/*####### mobile queries ####################*/
@media (min-width:1200px){
   
}

@media (min-width:992px){
    
}

@media (max-width: 1440px){  
  section.h_hero .side_item{ margin-left: -35px; }
}

@media (max-width: 1366px){
    section.h_hero .side_item{ margin-left: -15px; }
    section.h_cycle{ height: 830px; }

    section.cta_thumbs .wrapper .item:nth-child(5){ margin-top: -50px; }
    section.cta_thumbs .wrapper .item:nth-child(6){ margin-top: -50px; }
    
}


@media (max-width: 1024px){
    section.miniheader{ padding: 0px 0px; }

    section.h_hero .wrapper_main h1{font-size: 44px;line-height: 55px; }
    section.h_hero .wrapper_main p{ font-size: 14px;line-height: 23px; }

    section.h_hero .side_item{ width: 270px; }
    section.h_hero .fs_item h2{ font-size: 20px;line-height: 24px; }
    section.h_hero .fs_item p{ font-size: 14px;line-height: 20px; }
    section.h_hero span.icon p{font-size: 13px; }
    section.h_hero .side_item .more a{ font-size: 13px; }

    section.h_hero .h_cta .item h2{font-size: 16px;line-height: 20px; }

    section.we_are .wrapper .item h3{ font-size: 30px;line-height: 45px; }
    section.we_are .wrapper .item span{ font-size: 16px;line-height: 21px; }
    section.we_are .wrapper .item p{font-size: 14px; }
    section.we_are .wrapper .item{ padding: 0px 15px; }

    section.cta_thumbs .wrapper{ 
        
        padding: 20px 50px 80px 50px; 
    
    }


    
.row.row-flex.equal-image-container {
    display: hidden !important;
}


    section.cta_thumbs .wrapper .item:nth-child(5){ margin-top: -35px; }
    section.cta_thumbs .wrapper .item:nth-child(6){margin-top: -35px;  }

    section.h_cycle{ height: 670px; }

    footer{ padding: 150px 0px 30px 0px;margin-top: -3px; }
    footer .wrapper{ display: inline-block; width: 100%; }


    /* contact */
    section.cstm_hero .float_logo img{ width: 130px; }
    section.c_content{  margin-bottom: 1px; }
    section.c_content .item_wrap{ padding: 35px; }
    section.c_content .item_wrap .right fieldset.half:nth-of-type(odd){ margin-right: 17px; }
    
    /* single-service */
    section.cstm_half .item{ width: 500px; }
    section.cstm_half .wrapper h3{ font-size: 26px;line-height: 36px; }
    section.cstm_half .wrapper p strong{font-size: 16px;line-height: 28px; }

    section.other_serv{  padding: 80px 0px 40px 0px; }


    section.faam_enquire .wrapper img.ftrd, section.vsa_enquire .wrapper img.ftrd{ width: 425px; }

    /* case study */
    section.case_content .item_wrap .item{ padding: 20px 40px; }

    /* single-case study */
    section.sc_content .sidebar{width: 100%;  }
    section.sc_content .sidebar h3{ font-size: 18px; }


}


@media(max-width: 991px){
    nav.m_header .navbar-brand img{ width: 165px;    margin-top:0px; }
    nav.m_header .navbar-right{ padding-left: 165px; }
    nav.m_header ul li a{ font-size: 16px;line-height: 22px; }
    nav.m_header ul li{ padding: 10px 15px; }
    nav.m_header ul li.search{ padding-right: 9px; }

    nav.m_header .navbar-brand{ margin-left: 0px!important; }
    
    section.h_hero{ padding: 40px 0px 60px 0px;text-align: center; }
    section.h_hero .side_item{ position: initial; width: 300px;    display: none; }
    section.h_hero .side_item .more, section.h_hero .fs_item p{ text-align: left; }

    section.h_hero .wrapper_main h1{font-size: 36px;line-height: 48px;margin-bottom: 0px; }
    section.h_hero .wrapper_main{ width: 70%; padding-top: 30px; padding-bottom: 40px; }

    section.h_hero .h_cta .item{ padding: 0px 0px; }
    section.h_hero .h_cta .item h2{ font-size: 14px;line-height: 19px; }
    
    section.we_are{ padding: 40px 0px; }
    section.we_are .wrapper .item_wrap{ border-right: none; height: auto;padding-bottom: 30px; }

    section.cta_thumbs .wrapper{padding: 10px 15px 60px 15px;    text-align: center; }


    section.h_cycle{ height: 500px; }

    footer{ padding: 200px 0px 30px 0px; }
    footer .wrapper{ text-align: center; }
    footer .item ul li{line-height: 34px; }
    footer .item h4 { margin-bottom: 20px; }
    section.copyright .wrapper{ text-align: center; }
    section.copyright{ padding: 20px 0px 60px 0px; }
    section.copyright .terms{ margin-top: -25px; }
    section.copyright .btop{position: relative;top: 30px;}


    /* about us */
    section.cstm_hero .float_logo img{ width: 125px; }
    section.ateam{ margin-bottom: -5px }

    /* contact */
    section.c_content{  margin-bottom: -4px; }
    section.c_content .intro h2{ font-size: 26px;line-height: 34px; }
    section.c_content .item_wrap .cftr .cftr_item p{ display: block; padding-left: 0px; }

    /* single service */
    section.cstm_serv .wrapper_main .desc p strong{font-size: 16px;line-height: 30px; }
    section.cstm_serv{ padding: 60px 0px 20px 0px; }
    section.cstm_half .wrapper h3 { font-size: 20px;line-height: 30px; }

    section.cstm_half .bg{ width: 100%; height: 440px; }
    section.cstm_half .item{ width: 100%;margin-top: 0;position: initial;padding: 20px;  }

    section.cstm_enquire{ padding: 40px 0px 0px 0px; }

    section.faam_enquire .wrapper img.ftrd, section.vsa_enquire .wrapper img.ftrd{ width: 330px; }
    
    section.cms_cc .wrapper p strong br{display: none;  }
    section.cms_cc .item h4{font-size: 17px;line-height: 22px; }
    section.cms_cc .enquire p{ width: 90%; }

    /* case study */
    section.case_content .selectric-wrapper{ width: 23%; }

}

@media (max-width: 768px){

}



@media (max-width: 736px){
    nav.m_header{ padding: 15px 0px 10px 0px; }
    nav.m_header .navbar-brand img{ margin-left: 15px;     margin-top: -7px;}
    .navbar-inverse .navbar-toggle{ border: none;}
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background-color: transparent;  }
    nav.m_header .navbar-right{ padding-left: 0px;  }
    nav.m_header ul li.search{ float: none; }

    .search_modal form input{ width: 95%; }
    .search_modal .modal-header{right: 30px;margin-top: 25px;z-index: 1; }

    section.h_hero .h_cta .wrap{ width: 25%; float: left; }

    section.we_are .wrapper .item_wrap{ width: 50%; float: left; }

    footer .wrapper .col-md-3{ width: 50%;float: left; }


    /* about us */
    section.m_v .wrapper .col-md-6{width: 50%; float: left;  }

    /* services */
    section.serv_content .thumb .wrap{ width: 50%; float: left; }

    /* contact */
    section.c_content .item_wrap .cftr .wrap_left .cftr_item{ border-right: none; padding-bottom: 20px; }



}

@media(max-width: 667px){
    section.h_hero .h_cta .item h2{ font-size: 12px;line-height: 16px; }
    section.h_hero .h_cta .item p{font-size: 14px;line-height: 20px;}

}

@media(max-width: 640px){
   

}

@media(max-width: 568px){
 

}

@media (max-width: 480px){
    section.h_hero{ padding: 40px 0px 40px 0px;  }
    section.h_hero .wrapper_main{ width: 100%;padding-top: 0px; }
    section.h_hero .h_cta .wrap{ width: 50%;    padding-bottom: 20px; }
    section.h_hero .h_cta .item h2{font-size: 14px;line-height: 18px; }
    section.h_hero .h_cta .wrap:nth-child(2){ border-right: none; }

    section.h_hero .wrapper_main h1{font-size: 32px;line-height: 40px; }

    section.we_are .wrapper h2{font-size: 26px;line-height: 33px;margin-bottom: 20px; }
    section.we_are .wrapper .item{ padding: 0px 0px; }
    section.we_are .wrapper .item h3{ font-size: 24px;line-height: 40px; }
    section.we_are .wrapper .item_wrap{ padding-bottom: 15px; }
    
    section.cta_thumbs .wrapper{ padding: 10px 10px 40px 10px; }
    section.cta_thumbs .wrapper .item{ width: 50%; }
    section.cta_thumbs .wrapper .item:nth-child(4){ margin-top: -18px; }
    section.cta_thumbs .wrapper .item:nth-child(5){ margin-top: 0px; }
    section.cta_thumbs .wrapper .item:nth-child(6){ margin-top: -15px; }

    section.h_cycle{ height: 260px;padding-top: 15px; }
    
    footer{ margin-bottom: -2px; padding: 150px 0px 30px 0px;  background-size: 290%!important;}
    footer .wrapper .col-md-3{ width: 100%; }
    footer .item img{ width: 165px; }
    footer .item p{ line-height: 30px; }
    footer .item h4{ margin-bottom: 10px;font-size: 14px; }
    footer .item ul li{ line-height: 30px; }

    /* about us */
    section.cstm_hero{ padding-bottom: 60px; }
    section.cstm_hero .float_logo{ display: none; }
    section.cstm_hero h1{font-size: 34px;line-height: 33px;margin-bottom: 5px; }

    section.a_content{ padding: 40px 0px 60px 0px; background-position-x: -120px!important; }
    section.a_content .wrapper{ width: 100%; padding: 0px 15px;}
    section.a_content .wrapper h2{font-size: 20px;line-height: 28px; }
    section.a_content .wrapper span.sub{ margin-bottom: 25px; }
    section.a_content .wrapper p strong{font-size: 16px;line-height: 30px; }
    section.a_content .wrapper p{font-size: 14px;line-height: 24px; }
    
    section.m_v .wrapper{ margin-top: -70px; }
    section.m_v .wrapper .col-md-6{ width: 100%; margin-top: 20px; }
    section.m_v .item p{font-size: 14px;line-height: 25px; }
    section.m_v .item{ padding: 35px; }

    section.ateam{ padding: 30px 0px; margin-bottom: -3px; }

    /* services */
    section.serv_content{ padding: 40px 0px 40px 0px; }
    section.serv_content .wrapper h2{ font-size: 26px;line-height: 31px; }

    section.serv_content .thumb{ display: inline-block; padding: 0px 15px; }
    section.serv_content .thumb .wrap{ width: 100%; }
    section.serv_content .thumb .wrap:nth-of-type(even) img{ margin-bottom: 10px; margin-top: 10px; }

    /* contact */
    section.c_content{ padding: 40px 0px; }
    section.c_content .intro h2{ font-size: 22px; line-height: 30px; }
    section.c_content .item_wrap .right{ padding: 20px 15px 0px 15px; }
    section.c_content .item_wrap .right fieldset.half:nth-of-type(odd){ margin-right: 0px; }
    section.c_content .item_wrap .right fieldset.half{ width: 100%; }
    section.c_content .item_wrap .right fieldset input[type="submit"]{ width: 100%; }

    /* single service */
    section.cstm_serv{ padding: 40px 0px 20px 0px; }
    section.cstm_serv .wrapper_main h2{ font-size: 22px; }
    section.cstm_serv .wrapper_main .desc{ padding: 25px 15px; }
    section.cstm_serv .wrapper_main .desc p strong{font-size: 14px;line-height: 27px; }
    section.cstm_serv .wrapper_main .desc p{font-size: 14px;line-height: 25px; }
    section.cstm_serv .wrapper_main span.clrd{ font-size: 14px; line-height: 20px; }

    section.cstm_half .bg{ height: 210px; }
    section.cstm_half .wrapper p{ line-height: 25px; }
    section.cstm_half .wrapper p strong{ line-height: 26px;    font-size: 15px; }
    section.cstm_half .wrapper h3{ font-size: 18px;    line-height: 28px; }
    
    section.cstm_enquire{padding: 30px 0px 0px 0px; }
    section.cstm_enquire .wrapper p.en{ width: 95%;font-size: 16px;line-height: 28px;}

    section.other_serv .intro h2{font-size: 26px;line-height: 28px; }
    section.other_serv{ padding: 50px 0px 10px 0px; }

    section.faam_enquire .wrapper p, section.vsa_enquire .wrapper p{ width: 100%;font-size: 14px;line-height: 26px; }
    
    section.cms_cc{ padding: 40px 0px; }
    section.cms_cc .wrapper h3{font-size: 22px;line-height: 28px; }
    section.cms_cc .wrapper p strong{font-size: 15px;line-height: 26px; }
    section.cms_cc .item{ width: 100%; padding: 20px 15px 0px 15px; }
    section.cms_cc .item h4{ margin-bottom: 10px; }
    section.cms_cc .enquire{ margin-top: 10px; }
    section.cms_cc .enquire p{ width: 95%;font-size: 16px;line-height: 28px; }

    /* case study */
    section.case_content{ padding: 40px 0px; }
    section.case_content .wrapper h2{ font-size: 24px;line-height: 28px; }
    section.case_content .wrapper .filter{ padding: 10px 0px 30px 0px; }
    section.case_content .selectric-wrapper{ width: 100%; }
    section.case_content .wrapper .filter button.clr{ width: 100%; }
    section.case_content .item_wrap .item{ height: auto; }

    /* single-case study */
    section.sc_sub_hero{ height: 235px; }
    section.sc_content { padding: 20px 0px; }
    section.sc_content .sidebar{  margin-top: 0px; }
}

@media(max-width: 375px){
  
}

@media(max-width: 360px){
   
}

@media(max-width: 320px){
   

}
/*####### mobile queries ends #################*/