/*
Theme Name: zeta
*/


@font-face {
font-family: 'BentonSansRegular';
src: url('../../../fonts/BentonSansRegular.eot');
src: url('../../../fonts/BentonSansRegular.eot') format('embedded-opentype'),
     url('../../../fonts/BentonSansRegular.woff2') format('woff2'),
     url('../../../fonts/BentonSansRegular.woff') format('woff'),
     url('../../../fonts/BentonSansRegular.ttf') format('truetype'),
     url('../../../fonts/BentonSansRegular.svg#BentonSansRegular') format('svg');
}
@font-face {
font-family: 'BentonSansMedium';
src: url('../../../fonts/BentonSansMedium.eot');
src: url('../../../fonts/BentonSansMedium.eot') format('embedded-opentype'),
     url('../../../fonts/BentonSansMedium.woff2') format('woff2'),
     url('../../../fonts/BentonSansMedium.woff') format('woff'),
     url('../../../fonts/BentonSansMedium.ttf') format('truetype'),
     url('../../../fonts/BentonSansMedium.svg#BentonSansMedium') format('svg');
}

body {font:normal 14px/26px; font-family: 'BentonSansRegular'; color:#5c5c5c; font-weight:400; background: #161513; }

h1{font-size: 34px; padding:0; margin:0;}
h2{font-size: 22px; padding:0; margin:0;}
h3{font-size: 17px; padding:0; margin:0;}
h4{font-size: 16px; padding:0; margin:0;}
h5{font-size: 15px; padding:0; margin:0;}

a{ color:#0f75bd; transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
a:hover{ color:#797979; text-decoration:none;}
.clearFix{ clear:both;}

/*-------------------------- header ---------------------*/


.phone{ color:#222222; font-size:14px; font-family: 'Roboto Slab', serif; font-weight:700; padding-top: 35px; text-align: right;}
.phone span{background:  url(../../../images/mobicon.jpg) no-repeat scroll left center; padding: 5px 0 5px 25px;}
.phone a { color:#222222; }
.phone a:hover { color:#ed1b24}

.mnulnk {padding-top: 15%; text-align: right; font-weight:700; font-size:14px;}
.mnulnk a{color: #464545; padding-bottom: 40px;}
ul.slimmenu li > ul { display: block !important;}
.mnulnk a span{background:  url(../../../images/mnuicn.jpg) no-repeat scroll right center; padding: 5px 35px 5px 0px;}

/*-------------------------- banner ---------------------*/

.carousel-caption{color:#fff; font-size:30px; font-family: 'Roboto Condensed', sans-serif; font-weight:400; text-transform:uppercase; text-align:left; left:10%; bottom:35%; line-height: 32px;}
.carousel-caption span{font-size:61px; line-height: 45px; font-family: 'Roboto Condensed', sans-serif; font-weight:700; position: relative;}
.carousel-caption span::after{content:""; bottom:14px; left:0px; border-top: 1px solid #fff; position:absolute; width:100%;}
.carousel-inner .item:before { position:absolute; background:rgba(0,0,0,0.5); content:""; top:0; left:0; width:100%; height:100%; z-index:1;}

/*-------------------------- home services ---------------------*/ *

.servcsec{ padding:45px 0;}
.srvshldr{ padding:25px; background: #fff;}
.srvslst{ text-align:center}
.srvslst ul{padding: 0; margin: 0; }
.srvslst ul li{padding: 15px 6%; margin: 0; list-style: none; border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2;  }
.srvslst ul li h4{ color: #2b2b2b; margin-bottom: 18px; font-weight:400; font-family: 'Roboto Slab', serif;}
.srvslst ul li .srvcicn{ width:58px; height: 58px; line-height:58px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #131313; margin:0 auto; margin-bottom: 18px;}
.srvlnk{ width:30px; height: 30px; line-height:30px; display: inline-block; color:#fff; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #2b2b2b;}
.srvslst ul li:nth-child(4),.srvslst ul li:nth-child(3){border-bottom:0px;}
.srvslst ul li:nth-child(2),.srvslst ul li:nth-child(4){border-right:0px;}
.srvslst p{background: url(../../../images/srvbrdr.jpg) no-repeat bottom center; margin-bottom: 15px; padding-bottom: 15px;}

.srvslst ul li:hover h4{color: #0f75bd;}
.srvslst ul li:hover .srvcicn{background: #0f75bd;}
.srvslst ul li:hover .srvlnk{background: #0f75bd; color:#fff;}

.servcsec h2{ text-align: center; background:url(../../../images/hmtitlbg.png) no-repeat scroll center bottom; color:#ed1b24; padding-bottom:22px; margin-bottom:15px;}

/*-------------------------- main body ---------------------*/

.mncntnt{ padding:50px 0; background: #f6f6f6;}
.mncntnt h1{margin-bottom:25px; color:#ed1b24; font-weight:400; font-family: 'Roboto Slab', serif; background:url(../../../images/hmtitlbg.png) no-repeat scroll left bottom; padding-bottom:22px;}
.mncntnt h1 span{ color:#0f75bd; }
.mncntnt p{ margin-bottom: 25px;}
.mncntnt a{color:#0f75bd; font-weight:700; font-size: 12px; border-top: 1px solid #0f75bd; padding-top: 5px;}
.mncntnt a:hover{color:#ed1b24; border-top: 1px solid #ed1b24;}
.mncntnt h2 { padding-bottom:20px; font-family: 'BentonSansMedium';}
.mncntnt ul { margin-bottom:20px;}

/*.hmpic {position:relative; z-index:99; max-width:317px;}
.hmpic::before{content:""; width:100%; height:100%; bottom:-20px; right:-13px; border:#ed1b24 4px solid; position:absolute; z-index:-1;} */

.hmpic img {margin: 5px 40px 10px 0; border: 2px solid #666; float: left;}


/*-------------------------- footer top ---------------------*/

.footrtp{ padding:50px 0 40px; text-align: center;}
.footrtpsngl .footrtpicon{ padding-bottom: 45px;}
.footrtpsngl .icnnumbr{font-weight:700; font-family: 'Roboto Condensed', sans-serif; font-size: 27px; color:#fff; padding-bottom: 10px;}
.footrtpsngl h4{color:#fff;}

/*-------------------------- footer ---------------------*/

.minFtrCont{ padding-top:27px;}

.cntctdtls{ text-align: center; padding: 18px 0 0;}
.ftrsngl .ftricon{ margin:0 auto; border: 1px solid #ed1b24; width: 85px; height: 85px; line-height: 85px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.ftrsngl h5{color:#ed1b24; padding:17px 0 10px;}
.ftrsngl p{color:#fff; font-size: 14px;}
.ftrsngl a{color:#fff;font-size: 14px;}
.ftrsngl a:hover{color:#ed1b24;font-size: 14px;}

.footrmnu{ padding: 18px 0;}
.footrmnu ul{ padding: 0; margin: 0px; text-align: center;}
.footrmnu ul li{ padding: 0 13px; display:inline-block; font-size:12px; text-transform:uppercase;}
.footrmnu ul li a{ float:left; color: #3e3e3e; }
.footrmnu ul li:hover a{color: #ed1b24;}

.socialicon{ padding: 0;}
.socialicon ul{ padding: 0; margin: 15px 0 0 0; text-align: center;}
.socialicon ul li{ list-style: none; display:inline-block; padding: 0 8px;}
.socialicon ul li a{ float:left; color: #fff; border: 1px solid #fff; width: 38px; height: 38px; line-height: 38px; -webkit-border-radius: 50%;
-moz-border-radius: 50%; border-radius: 50%;}
.socialicon ul li:hover a{color: #ed1b24; border: 1px solid #ed1b24;}
.con_social ul { text-align: left; }
.con_social ul li { text-align: center;  }
.con_social ul li a { border:none; }
.con_social ul li a i { font-size: 14px; }
.con_social ul li:first-child a{  background: #3B5998; line-height: 28px;}
.con_social ul li:nth-child(2) a { background: #55ACEE; line-height: 28px;}
.con_social ul li:nth-child(3) a{ background: #0085AF; line-height: 28px;}
.con_social ul li:hover a{color: #fff; border:none; opacity: 0.5;}


.cpySec{ color: #fff; font-size:11px; text-align:center; padding: 30px 0; text-transform:uppercase;}

/*-------------------------- Menu ---------------------*/
.navbar-default { background-color: transparent; border-color: transparent;}
.navbar { margin-bottom: 0px;}
.topHdr{ padding-top: 2px; padding-bottom: 0px; background: #fff url(../../../images/tpbrdr.jpg) no-repeat scroll center top; background-size: 100% 2px; }
.top_banner, .contact_wrapper { margin-top: 92px;}

.menu_block{ position:relative !important;}
.logo{ padding:12px 0 10px 0;}
.two_sec{ float:right; width:356px; padding:26px 0 0;}
.two_search{ float:left; width:230px; height:34px; border:1px solid #bebebe;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;}
.two_search input[type="text"]{ float:left; width:180px; height:33px; background:none; border:none; position:relative;
padding:0 2px 0 20px; font:400 13px/33px 'BentonSansRegular'; color:#999999; 
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;}
.two_search input[type="submit"]{ float:left; width:46px; height:33px; background:url(../../../images/src-icon.png) no-repeat 17px center, url(../../../images/search-line.png) no-repeat left top; border:none;
padding:5px 0 9px 0; font:400 13px/33px 'BentonSansRegular'; color:#999999; cursor:pointer; position:relative;}
.main_menu{ float:right;width:102px; padding-bottom:40px; padding-top: 35px; }
.main_menu span.hdr_mnu{ display:block; background:url(../../../images/mnuicn.jpg) no-repeat right top; font-size: 15px; line-height: 18px; font-weight: 600; color:#464545; cursor:pointer; position:relative; text-align: right; padding-right: 35px;} 
.position_none{ position:initial !important;}
.mega_menu{ position:absolute; left:0; top:100%; width:100%; display:none; }
.mega_inner{background:url(../images/mega-bgline.jpg) repeat-x 0 0 #191e1e; padding:37px 0; min-height:300px;}
.mega_menu ul{ float:left; width:100%; padding:0; 
margin:0; list-style:none;}
.mega_menu ul li{ float:left;}
.main_menu:hover .mega_menu{ display:block; }
header .navbar-default {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    min-height: 88px;
}



#nav{ position:fixed; right:2%; top:50%; z-index:6000; list-style:none; width:auto; margin:0; padding:0; display:none;}
#nav li{ background:#FFF; width:15px; height:15px; display:block; border:1px solid #191e1e;
margin:5px 0 0 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;}
#nav li.current{ background:#ff9a04;}
#nav li a{ display:block;}
.banner_aro{ /*background:url(../../../images/aro.png) no-repeat 0 0; background: rgba(0, 0, 0, 0.7)repeat scroll 0 0;*/ width:auto; height:auto; position:absolute; z-index:999; 
right:140px; bottom:35px; cursor:pointer; display:none;}
.banner_aro a{ display:block; width:93px; height:93px; -webkit-transition:1s;}
.lft_menu ul{ margin:0; padding:15px 0 0 0;}
.lft_menu ul li{ float:left; width:100%; padding-bottom:20px; margin:0;}
.lft_menu ul li a{font:400 19px/19px 'BentonSansRegular'; color:#356698; text-transform:uppercase;}
.lft_menu ul li:hover a{ color:#e46804; text-decoration:blink;}

.rht_menu_inr{ float:left; width:100%;  left 0; padding:10px 0 0 44px; min-height:305px; border-left: 1px solid #262632;}
.rht_menu h3{font:400 22px/22px 'BentonSansMedium'; color:#356698; text-transform:uppercase; padding-bottom:10px; margin:0;}
.rht_menu ul{ margin:0; padding:0;}
.rht_menu ul li{ float:left; width:100%; padding:13px 0 0 0; margin:0;}
.rht_menu ul li a{font:600 16px/16px 'BentonSansRegular'; color:#727272; text-transform:none;}
.rht_menu ul li:hover a{ color:#e46804; text-decoration:blink;}


/*-------------------------- Menu ---------------------*/

/*-------------------------- Inner Page ---------------------*/
.inner-banner { position: relative;}
.inner-banner:before { position: absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); content:"";}
.inner-banner img { width: 100%; max-width: 100%;}
.innerpage_title { position: absolute; top: 45%; left: 12%;}

.innerpage_title h1 span{font-size:61px; line-height: 45px; font-family: 'Roboto Condensed', sans-serif; font-weight:700; position: relative; color: #fff; text-transform: uppercase;;}
.innerpage_title h1 span::after{content:""; bottom:14px; left:0px; border-top: 1px solid #fff; position:absolute; width:100%;}
.hmpic .wp-post-image { max-width: 100%; height: inherit;}

/*-------------------------- Inner Page ---------------------*/

.job_wrapper { width: 100%; float: left; margin-top: 50px;}
.job_wrapper h2{margin-bottom:25px; color:#ed1b24; font-weight:400; font-family: 'Roboto Slab', serif; background:url(../../../images/hmtitlbg.png) no-repeat scroll left bottom; padding-bottom:22px;}
.job_wrapper h2 span{ color:#0f75bd; }
.job_wrapper .job_opening { background:rgba(237,27,36,0.8); margin-bottom: 20px; padding: 25px; border-radius: 5px; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.7);
box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.7); width: 100%;



background: rgba(11,122,196,1);
background: -moz-linear-gradient(top, rgba(11,122,196,1) 0%, rgba(42,144,212,0.53) 58%, rgba(11,122,196,0.19) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(11,122,196,1)), color-stop(58%, rgba(42,144,212,0.53)), color-stop(100%, rgba(11,122,196,0.19)));
background: -webkit-linear-gradient(top, rgba(11,122,196,1) 0%, rgba(42,144,212,0.53) 58%, rgba(11,122,196,0.19) 100%);
background: -o-linear-gradient(top, rgba(11,122,196,1) 0%, rgba(42,144,212,0.53) 58%, rgba(11,122,196,0.19) 100%);
background: -ms-linear-gradient(top, rgba(11,122,196,1) 0%, rgba(42,144,212,0.53) 58%, rgba(11,122,196,0.19) 100%);
background: linear-gradient(to bottom, rgba(11,122,196,1) 0%, rgba(42,144,212,0.53) 58%, rgba(11,122,196,0.19) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b7ac4', endColorstr='#0b7ac4', GradientType=0 );

 }




/*BRAND*/
.brand{ margin-top: -6px; max-height:145px; overflow:hidden; background:#fff; }
.brand .thumbnail{ background:none; border-left:1px solid #dcdbdb; border-top:none; border-right:none; border-bottom:none; text-align:center; min-height:145px; padding: 60px 0; border-radius:0; } 
/*.brand .thumbnail img{ -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); }*/
.brand .thumbnail:hover img{ filter:none; transition: filter .3s ease; }
.brand .carousel-control.left, .brand .carousel-control.right{ background: none !important; }
.brand .carousel-control{ color:#6a6a6a; top: 18%; font-size: 60px; width: auto; text-shadow: none; /*margin-top:-26px;*/  }
.brand .item .thumbnail:first-child{ border:none; }
.brand .carousel-control:focus, .brand .carousel-control:hover{ color:#0d6fcb; }


.job_opening h3 { color: #fff; font-size: 20px; line-height: 24px; padding-bottom: 10px;}
.job_opening h4 { color: #fff; font-size: 18px; line-height: 22px; }
.job_opening p { margin-bottom: 0px; margin-top: 15px;}
/*.job_wrapper .job_opening:nth-child(even) a { color: #ed1b24;}*/
.job_wrapper .job_opening a { color: #0f75bd;}
.job_opening a { border-top: none;}
.job_opening a:hover { border-top: none;}


.contact-bottom { margin-top: 30px; float: left; width: 100%; }
.contact-bottom textarea { height: 105px !important;}
.btn-default { background: #0f75bd; border-color: #0f75bd; color: #fff;}
.btn-default:hover  { background: #ed1b24; border-color: #ed1b24; color: #fff;}
ul.contact-details { padding-left: 0px;}
ul.contact-details li { position: relative; padding-left: 20px; list-style-type: none;}
ul.contact-details li h3 { font-weight: bold; padding-bottom: 5px; line-height: 24px;}
ul.contact-details li p { }
ul.contact-details li a { border-top: none; font-size: 15px; font-weight: 500;}
ul.contact-details li a:hover { border-top: none;}
ul.contact-details li:first-child:before { content: "\f041";   font-family: 'FontAwesome'; color: #BC1A20; font-size: 18px; position: absolute; left: 0; top: 0;}
ul.contact-details li:nth-child(2):before { content: "\f10b";   font-family: 'FontAwesome'; color: #BC1A20; font-size: 18px; position: absolute; left: 0; top: 0;}
ul.contact-details li:nth-child(3):before { content: "\f124";   font-family: 'FontAwesome'; color: #BC1A20; font-size: 18px; position: absolute; left: 0; top: 0;}

.client_logo { width: 100%; float: left; padding: 0px;}
.client_logo > li { float: left; width: 15%; margin-right: 1%; border: 1px solid #e3e3e3; margin-bottom: 15px; list-style: none; height: 100px; text-align: center; display: table; padding: 5px; background: #fff;}
.client_logo > li span { display: table-cell; vertical-align: middle;}
.client_logo > li img { max-width: 100%; max-height: 80px; width: auto; }
.partners_logo { width: 100%; float: left; padding: 0px;}
.partners_logo li { list-style: none; float: left; width: 250px; border: 1px solid #e3e3e3; margin-right: 15px;}
.partners_logo li img { max-width: 100%;}


.cus_brand{max-height:inherit !important;}
.cus_brand .thumbnail a{height:auto;}
.cus_brand .thumbnail img{width:auto;height:100%;}
.brand.cus_brand .thumbnail {
    min-height: 145px;
    padding:0 30px;}
.cus_brand .thumbnail{display:flex;flex-wrap:wrap;align-items:center;justify-content: center;}    

.cus_brand .thumbnail{display:flex;flex-wrap:wrap;align-items:center;justify-content: center;}    

.cus_brand .row-fluid{justify-content: center;display: flex;}
.cus_brand .carousel-inner .item:before {
    background: transparent !important;}

@media (min-width:992px) and (max-width:1199px){

.rht_menu_inr{  padding:10px 0 0 18px; min-height:330px; }

}

@media (min-width:768px) and (max-width:992px){

.rht_menu_inr{  padding:10px 0 0 10px; min-height:330px; }
.rht_menu h3 { font: 400 16px/18px "BentonSansMedium";}
.lft_menu ul li a { font: 400 15px/18px "BentonSansRegular";}
.rht_menu ul li a { font: 600 13px/15px "BentonSansRegular";}
.client_logo > li { width: 18%;}

.brand img { width:50%;}

}

@media (min-width:768px) and (max-width:1023px){
.carousel-caption span{ font-size: 40px;}
.carousel-caption span::after{ bottom:9px;}

ul.slimmenu li a { font-size: 14px; padding: 0 25px;}
ul.slimmenu li ul li::before { left: 10px;}
ul.slimmenu li ul li { padding-left: 15px;}
ul.slimmenu li ul li a { font-size: 12px;}
.innerpage_title h1 span { font-size: 40px;}
.innerpage_title h1 span::after { bottom: 9px;}
.innerpage_title { top:40%;  left: 0px;}
.partners_logo li { width: 150px;}
.client_logo > li { width: 24%;}
}

@media(max-width:767px){
    .carousel-caption{ font-size:18px; line-height:18px;}
    .carousel-caption span{ font-size: 30px; line-height: 30px;}
    .hmpic{ margin-bottom:35px;}
    .topHdr, .phone, .mnulnk{ text-align: center;}
    .carousel-caption span::after{ bottom:3px;}

    .nav-mobile { margin: 0px; background: transparent;}
    .menu-collapser, .Nav_Wrapper { background: transparent;}
    .nav-mobile { display: block;}
    .menu-collapser { height: 30px; font-size: 0px;}
    .phone { padding-top: 35px; position: relative;; z-index: 999999; text-align: left;}
    .toggle-nav { display: none;}
    .slimmenu { background: rgba(10,10,16,0.97);}
    ul.slimmenu li { border-bottom: 1px solid #0f75bd;}
    ul.slimmenu li .sub-toggle { display: block; color: #fff;}
    ul.slimmenu li a { font-size: 13px; text-align: left; padding: 5px 10px;}
    ul.slimmenu li::before { border-left: none;}
    ul.slimmenu li .sub-toggle > i { font-size: 12px; color: #0f75bd; }
    ul.slimmenu.collapsed li .sub-toggle { height: 32px;}
    ul.slimmenu li ul li a i { display: none;}
    ul.slimmenu li > ul { width: 100%;}

    .innerpage_title h1 span { font-size: 40px;}
.innerpage_title h1 span::after { bottom: 9px;}
.innerpage_title { top: 40%;  left: 0px;}

.mega_inner {
    float: left;
    height: 200px;
    min-height: inherit;
    overflow: scroll;
    padding: 10px 0 37px;
}
.lft_menu ul li { text-align: left;}
.rht_menu_inr { border-left: none; padding-left: 0px; text-align: left; min-height: inherit;}
.partners_logo li { width: 100%; text-align: center; margin-bottom: 15px;}
.client_logo > li { width: 32%;}
.brand img { width:50%;}

}
@media(max-width:640px){
    .carousel-caption{ font-size:11px; line-height:11px;}
    .carousel-caption span{ font-size:16px; line-height:16px;}
}
@media(max-width:560px){
    .logo_hd { width: 100% !important;}
    .logo { padding: 5px 0;}
    .phone_hd, .menu_hd { width: 50% !important; }
    .phone, .main_menu { padding-top: 5px; padding-bottom: 13px;}
    .top_banner { margin-top: 115px;}
    .lft_menu ul li a { font: 400 13px/18px "BentonSansRegular";}
.rht_menu ul li a { font: 600 12px/15px "BentonSansRegular";}
.lft_menu ul li { padding-bottom: 10px;}
.rht_menu h3 {  font: 400 18px/22px "BentonSansMedium";}
.rht_menu ul li { padding: 5px 0 0;}

    }
@media(max-width:479px){
    .innerpage_title { top: 30%;  left: 0px;}
      .innerpage_title h1 span { font-size: 20px;}
      .innerpage_title h1 span::after { bottom: 5px;}
      .top_banner { margin-top: 121px;}
      .hmpic { width: 100%; text-align: center;}
      .hmpic img { margin: 10px 0; float: none; max-width: 100%;}
      .client_logo > li { width: 48%;}
      .brand { max-height: inherit;}
      .brand img { max-height:35px;}
      .brand .item .thumbnail:first-child { border-top: 1px solid #dcdbdb;}

.brand .thumbnail {
    border-left: medium none;
    border-top: 1px solid #dcdbdb;
    margin: 0;
    min-height: 50px;
    padding: 10px 0;
}
      .bottom_slider .col-xs-2 { width:50%; height:50px;}
  }
@media(max-width:359px){
 .hmpic .wp-post-image { max-width: 95%; height: inherit;}
.hmpic::before { width: 94%; right: -8px;}
}