/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin: 0; padding: 0; }
img, fieldset { border: 0; }
/* set image max width to 100% */


/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
::selection { background: #ffbb04; color: #FFF; }
::-moz-selection {
 background: #ffbb04;
 color:#FFF;
}
/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body { font-family: 'SourceSansProRegular'!important; font-size: 16px !important; color: #7b7b7b; }
a { color: #026acb; text-decoration: none; outline: none; }
a:hover { text-decoration: none !important; }
p { margin: 0 0 1.2em; padding: 0; }
A:focus { outline: none !important; }
*:focus { outline: none !important; }
/* reset webkit search input styles */
input[type=search] { -webkit-appearance: none; outline: none; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
 display: none;
}
/************************************************************************************
FONT FACE
*************************************************************************************/

@font-face { font-family: 'SourceSansProRegular'; src: url('../fonts/sourcesanspro-regular.eot'); src: url('../fonts/sourcesanspro-regular.eot') format('embedded-opentype'), url('../fonts/sourcesanspro-regular.woff2') format('woff2'), url('../fonts/sourcesanspro-regular.woff') format('woff'), url('../fonts/sourcesanspro-regular.ttf') format('truetype'), url('../fonts/sourcesanspro-regular.svg#SourceSansProRegular') format('svg'); }
@font-face { font-family: 'Roboto'; src: url('../fonts/RobotoMedium.eot'); src: url('../fonts/RobotoMedium.eot') format('embedded-opentype'), url('../fonts/RobotoMedium.woff2') format('woff2'), url('../fonts/RobotoMedium.woff') format('woff'), url('../fonts/RobotoMedium.ttf') format('truetype'), url('../fonts/RobotoMedium.svg#RobotoMedium') format('svg'); font-weight: 500; }
@font-face { font-family: 'Roboto'; src: url('../fonts/RobotoLight.eot'); src: url('../fonts/RobotoLight.eot') format('embedded-opentype'), url('../fonts/RobotoLight.woff2') format('woff2'), url('../fonts/RobotoLight.woff') format('woff'), url('../fonts/RobotoLight.ttf') format('truetype'), url('../fonts/RobotoLight.svg#RobotoLight') format('svg'); font-weight: 300; }
@font-face { font-family: 'Roboto'; src: url('../fonts/RobotoBlack.eot'); src: url('../fonts/RobotoBlack.eot') format('embedded-opentype'), url('../fonts/RobotoBlack.woff2') format('woff2'), url('../fonts/RobotoBlack.woff') format('woff'), url('../fonts/RobotoBlack.ttf') format('truetype'), url('../fonts/RobotoBlack.svg#RobotoBlack') format('svg'); font-weight: 900; }
@font-face { font-family: 'SourceSansProSemibold'; src: url('../fonts/sourcesanspro-semibold.eot'); src: url('../fonts/sourcesanspro-semibold.eot') format('embedded-opentype'), url('../fonts/sourcesanspro-semibold.woff2') format('woff2'), url('../fonts/sourcesanspro-semibold.woff') format('woff'), url('../fonts/sourcesanspro-semibold.ttf') format('truetype'), url('../fonts/sourcesanspro-semibold.svg#SourceSansProSemibold') format('svg'); }
/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');*/
/*font-family: 'Roboto', sans-serif;*/

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

/************************************************************************************
STRUCTURE
*************************************************************************************/
.pagewrap { width: 1100px; margin: 0 auto; position: relative; }
.slider img { width: 100%; height: auto; }
.navbar { background: none !important; border: 0px !important; margin: 0px 0 0 0 !important; }
.navbar-nav { float: right !important; margin: 24px 0 0 0 !important; }
.navbar-nav > li > a { padding: 0px 0px !important; font-family: 'SourceSansProSemibold' !important; font-size: 15px !important; color: #262626 !important; text-transform: uppercase; margin: 0px 15px !important; }
.navbar-nav > li > a > i { display: none; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #FBA919 !important; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #FBA919 !important; background: none !important; }
.push_nav_logo { display: none !important; }
.navbar-toggle { margin: 17px 0 0 0 !important; }
header { position: fixed; top: 0px; z-index: 50; width: 100%;background: #fff;  }
header .pagewrap { background: #FFF; padding: 10px 10px; margin: 0 auto; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }
.logo { }
.p-0{padding:0 !important;}
.py-0{padding-left: 0 !important;padding-right: 0!important;}
.affix { position: fixed; top: 0px; background: #FFF; z-index: 650; /*-webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; */ }
.affix:after { position: absolute; content: ""; width: 100%; height: 18px; bottom: -18px; background: url(../images/scroll_shadow.png) no-repeat center top; background-size: contain;opacity: 0.1; }
.social_top_icons { color: #262626; font-size: 16px; text-align: right; margin-top: 21px; }
.social_top_icons span { padding: 0 10px 0 20px; border-left: 1px solid #999; }
.social_top_icons a { color: #262626; font-size: 16px; margin: 0 4px; display: inline-block; }
.social_bottom_icons { color: #262626; font-size: 16px; text-align: center; margin-top: 5px; }
.social_bottom_icons span { padding: 0 10px 0 20px; border-left: 1px solid #999; }
.social_bottom_icons a { color: #262626; font-size: 16px; margin: 0 8px; display: inline-block; }
.banner_dmy{
	position:relative;height: 100vh; min-height: 650px; z-index:-1;
}
#banner { position: fixed !important; width:100%; top:0; height: 100vh; min-height: 650px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: #2a2d3a; -webkit-transition: background 800ms ease; -moz-transition: background 800ms ease; -ms-transition: background 800ms ease; transition: background 800ms ease; }
#banner.ecommerce { background-image: url(../images/ecommerce_banner.jpg); position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
#banner.digital { background-image: url(../images/digital_banner.jpg); position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
#banner.art { background-image: url(../images/art_banner.jpg); position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.banner_content {     position: relative;
    width: 100%;
    text-align: center;
    padding-top: 19vh;}
.banner_content h4 { font-size: 26px; color: #FFF; font-family: 'Roboto', sans-serif; font-weight: 300; line-height: 24px; margin-bottom: 5px; }
.banner_content h4 span { font-size: 33px; color: #fba919; font-weight: 900; display: block;line-height: 33px; }
.banner_content h5 { font-size: 36px; color: #FFF; font-weight: normal; font-family: 'Roboto', sans-serif; font-weight: 900; text-transform: uppercase; line-height: 27px; }
.bnr_icon_grp { position: absolute; bottom: 0; width: 100%; text-align: center; }
.bnr_icon_grp .img-responsive { display: inline-block; }
.section-header { position: relative; text-align: center; margin-bottom: 25px; padding: 0 15px;padding-top: 35px; font-family: 'Roboto', sans-serif; z-index: 10; }
.section-header > .heading-effect { position: relative; display: inline-block; height: 77px; width: 175px; margin: 0 auto; margin-bottom: 20px; border-bottom: 2px dashed rgba(0, 0, 0, 0.2);display: none; }
.section-header > .heading-effect:before { content: ""; position: absolute; height: 100%; width: 0px; border-right: 2px dashed rgba(0, 0, 0, 0.2); bottom: 0px; z-index: 21; }
.section-header > .sub-heading { margin: 0; font-weight: 700; text-transform: uppercase; font-size: 18px; line-height: 18px; color: #5a5959; }
.section-header > .heading { font-size: 35px; line-height: 35px; font-weight: 900; text-transform: uppercase; margin: 0; color: #262626; }
#who_we_are { padding: 0 0 0px 0; position: relative;background:#FFF;   }
#who_we_are aside { width: 90%; margin: 0px auto; text-align: center; color: #464545; font-size: 16px; position:relative; z-index:5; }
#who_we_are aside h6 { font-family: 'Roboto', sans-serif; font-weight: 300; color: #262626; font-size: 26px; margin-top: 35px; }
.paper_plane { position: absolute; top: 156px; left: 0; }
#what_we_do { position: relative; background-attachment: fixed; overflow: hidden; }
#what_we_do .page-back { width: 120%; height: 150%; left: -10%; top: -10%; z-index: 1; position: absolute; background-image: url(../images/whatwedo_bg2.jpg); background-size: cover; background-position: center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; }
#what_we_do:after { position: absolute; content: ""; background: url(../images/what_we_do_bg.png) no-repeat bottom center; width: 100%; height: 822px; bottom: 0; left: 0; z-index: 1; }
.serv_icon_main { text-align: center; position: relative; z-index: 10; }
.serv_icon { width: 93px; height: 93px; background: #fba919; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; text-align: center; box-sizing: border-box; padding-top: 12px; margin: 0px auto; }
.serv_icon_main h4 { font-size: 20px; color: #ffa200; font-family: 'Roboto', sans-serif; font-weight: 900; margin: 20px 0 10px 0; line-height: 18px; }
.serv_icon_main aside { color: #353535; line-height: 21px; font-size: 16px; min-height: 100px; }
.srv_more { margin-top: 17px; }
.srv_more a { text-decoration: underline; color: #262626; font-size: 13px; font-weight: 900; font-family: 'Roboto', sans-serif; text-transform: uppercase; }
.srv_more a:hover { color: #ffa200; text-decoration: underline; }
.whatwedo_elements_mob { display: none; position: relative; z-index: 10; }
.whatwedo_elements { height: 360px; position: relative; margin-top: 25px; }
.wh_pencil { position: absolute; left: 5%; bottom: 20px; z-index: 50; }
.light_effect .wh_pencil:after { width: 58px; position: absolute; left: 0; bottom: -1px; content: ""; height: 9px; background: url(../images/pen_sdw.png) no-repeat; }
.wh_book { position: absolute; left: 10%; bottom: 20px; z-index: 50; }
.wh_mac { position: absolute; left: 32%; bottom: 40px; z-index: 50; }
.light_effect .wh_mac:after { width: 406px; position: absolute; left: 0; bottom: -11px; content: ""; height: 35px; background: url(../images/mac_sdw.png) no-repeat; }
.wh_lamp { position: absolute; left: 23%; bottom: 0px; z-index: 60; }
.light_effect .wh_lamp:after { width: 393px; position: absolute; left: 65px; top: 68px; content: ""; height: 243px; background: url(../images/light_effect.png) no-repeat top left; background-size: contain; }
.light_effect .wh_lamp:before { width: 107px; position: absolute; left: -57px; bottom: 0px; content: ""; height: 37px; background: url(../images/lamb_shadow.png) no-repeat; background-size: contain; }
.wh_keyboard { position: absolute; left: 37%; bottom: 18px; z-index: 50; }
.wh_mouse { position: absolute; left: 58%; bottom: 20px; z-index: 50; }
.light_effect .wh_mouse:after { width: 51px; position: absolute; right: -13px; bottom: 0px; content: ""; height: 17px; background: url(../images/mouse_shadow.png) no-repeat; background-size: contain; }
.wh_ipad { position: absolute; right: 15%; bottom: 13px; z-index: 50; }
.light_effect .wh_ipad:after { width: 65px; position: absolute; left: 117px; bottom: 19px; content: ""; height: 100px; background: url(../images/ipd_sdw.png) no-repeat; }
.wh_hand { position: absolute; right: 2%; bottom: 13px; z-index: 40; }
.light_effect .wh_hand:after { width: 148px; position: absolute; left: 33px; bottom: 10px; content: ""; height: 16px; background: url(../images/hand_sdw.png) no-repeat; }
#careers_main { position: relative; padding-bottom: 143px; background: url(../images/careers_bg.jpg) no-repeat center; background-attachment: fixed; background-size: cover; overflow: hidden; }
#careers_main .section-header > .heading { color: #FFF; }
#careers_main .section-header > .sub-heading { color: #818181; }
#careers_main .section-header > .heading-effect:before { border-color: #b9b9b9; }
#careers_main .section-header > .heading-effect { border-color: #b9b9b9; }
.careers_cnt { font-size: 28px; font-family: 'Roboto', sans-serif; color: #FFF; font-weight: 300; text-align: center; line-height: 30px; width: 80%; margin: 0px auto; position: relative; z-index: 15; }
.careers_cnt span { display: block; color: #fba919; font-weight: 500; }
.careers_join { font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 500; color: #FFF; text-align: center; margin: 35px 0; position: relative; z-index: 50; }
.careers_join a { color: #fba919; }
.current_opening { width: 80%; margin: 0px auto; text-align: center; position: relative; z-index: 15; }
.current_opening h4 { font-family: 'Roboto', sans-serif; font-size: 25px; font-weight: 900; color: #FFF; margin: 0 0 25px 0; position: relative; text-align: center; display: inline-block; text-transform: uppercase; }
.current_opening h4:after { position: absolute; content: ""; width: 100px; height: 1px; background: #FFF; bottom: -4px; left: 30%; }
.current_opening aside { display: inline-block; margin: 4px 3px; }
.current_opening aside a { background: #FFF; color: #262626; display: block; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 500; padding: 8px 15px; line-height: 15px; }
.current_opening aside a:hover { background: #fba919; color: #262626; }
.current_opening aside i { margin-right: 13px; color: #929191; }
.current_opening aside a:hover i { color: #262626; }
#careers_main:before { position: absolute; content: ""; width: 100%; height: 328px; background: url(../images/careers_city.png) no-repeat center; bottom: 0; z-index: 2; }
#careers_main .glow { width: 850px; height: 850px; z-index: 1; position: absolute; background-image: url(../images/cr_glow.png); }
#contact_main { position: relative; padding: 0 0 20px 0; background: url(../images/contact_bg.jpg) no-repeat; background-attachment: fixed; background-size: cover; }
#contact_main .section-header > .heading { color: #FFF; }
#contact_main .section-header > .sub-heading { color: #FFF; }
#contact_main .section-header > .heading-effect:before { border-color: #FFF; }
#contact_main .section-header > .heading-effect { border-color: #FFF; }
.enq_form { background: #FFF; padding: 20px 45px 20px 45px !important; min-height: 485px !important; position: relative; }
.enq_form h4 { color: #282828; font-size: 25px; font-weight: 900; font-family: 'Roboto', sans-serif; margin: 0 0 5px 0; }
.enq_form h5 { margin: 0 0 25px 0; color: #5c5c5c; font-size:16px; }
.err_msg input { border: 1px solid red !important; }
.enq_form input { border: 1px solid #e6e5e4 !important; width: 100%; padding: 10px 13px; border: 0; margin-bottom: 9px; min-height: 44px; }
.enq_form_btn { width: 110px; text-transform: uppercase; padding: 8px 15px; background: #fba919; color: #1b1a1a; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 900; text-align: center; margin-top: 15px; cursor: pointer; border: 0; }
.error { color: red; position: absolute; bottom: 0; width: 100%; text-align: right; font-size: 11px; }
#message_error.error { bottom: -5px; }
#success_message { color: red; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); color: #13a20b; position: absolute; background: white; text-align: center; height: 50px; line-height: 50px; display: none; z-index: 99999; width: 100%; top: 0; left: 0; margin-top: 0px; /* Negative half of height. */ margin-left: 0px; /* Negative half of width. */ }
.contact_message { position: relative; padding-bottom: 9px; }
#message { margin: 0px; border: 1px solid #e6e5e4 !important; width: 100%; padding: 10px 13px; border: 0; margin-top: 0px; min-height: 75px; }
.contact_name, .contact_email, .contact_phone { min-height: 63px; position: relative; }
.contact_name label, .contact_email label, .contact_phone label, .contact_message label { background-color: #FFF !important; color: rgb(137, 137, 137) !important; font-weight: 500; }
.enq_form input { padding: 13px 13px; }
.enq_form_btn { margin-top: 16px; }
.fa-spin { display: none; }
.location_map_ind { background: url(../images/map_bg.png) no-repeat center #242f3e; min-height: 485px !important; box-sizing: border-box; padding-top: 45px; }
.adress_us { color: #FFF; font-size: 15px; position: relative; line-height: 17px; }
.adress_ind { color: #FFF; font-size: 15px; position: relative; line-height: 17px; }
.adress_ind:before { position: absolute; content: ""; width: 1px; background: #4e5662; height: 70%; right: 7px; top: 0; }
.adrs_number { margin-top: 16px; }
/*.ftr_logo { margin-top: 15%; }*/
.map_pointer { position: absolute; bottom: 84px; left: 40%; cursor: pointer; }
.copy_right { text-align: center; color: #242f3e; font-size: 14px; font-weight: bold; margin-top: 15px; }
.contact_box { margin: 0px !important; }
.single-page-nav { background: rgba(0, 0, 0, 0.44); padding: 1.25em 0; position: fixed; z-index: 250; top: 35%; right: 18px; width: 43px; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; }
.single-page-nav ul { list-style: none; padding: 0; margin: 0 auto; overflow: hidden; }
.single-page-nav ul li { padding: 8px 0; }
.single-page-nav a { display: block; color: #fff; text-decoration: none; font-size: 1.5em; font-weight: 700; text-align: center; }
.single-page-nav a:hover, .single-page-nav .current { color: #fba919; }
#inner { padding: 40px 0; }
#about_banner { background: #252330 url(../images/about_banner.jpg) no-repeat center; height: 275px; background-size: cover; }
#services_banner { background: #2d313a url(../images/services_banner.jpg) no-repeat bottom; height: 275px; background-size: cover; }
#carers_banner { background: #181c28 url(../images/careers_banner.jpg) no-repeat top; height: 275px; background-size: cover; }
#clients_banner { background: #181c28 url(../images/clients_banner.jpg) no-repeat top; height: 275px; background-size: cover; }
#contacts_banner { background: #3c3f4e url(../images/contactus_banner.jpg) no-repeat bottom; height: 275px; background-size: cover; }
/*.abt_content{
	margin:0px !important;
}
.srv_content{
	margin:0px !important;
}*/

.inner_heading { position: absolute; top: -153px; z-index: 10;width: 100%;text-align: left; }
.inner_heading h1 { font-family: 'Roboto'; font-weight: 500; font-size: 40px; color: #FFF; margin: 0; line-height: 34px; border-bottom: 1px solid #44464d; padding-bottom: 12px;border-bottom: none; }
.inner_heading h1 span { color: #fba919; font-weight: 900; }
.back_link { color: #c1c1c1; list-style: none; margin: 12px 0 0 0; }
.back_link li { display: inline-block; border-left: 1px solid #c1c1c1; padding: 0 10px; line-height: 11px;display: none; }
.back_link li a { color: #c1c1c1; }
.back_link li:first-child { border: 0; padding-left: 0; }
.abt_content h4 { font-family: 'Roboto'; font-weight: 900; font-size: 20px; color: #494949; margin: 0; line-height: 20px; padding-bottom: 12px; }
.abt_content aside { margin-bottom: 40px; }
.about_bg { background: url(../images/about_bg2.png) no-repeat bottom right; }
.about_top_pic { position: relative; top: 132px; }
#collage_banner { background: url(../images/collage_banner.jpg) no-repeat top center; background-size: cover; text-align: center; }
#collage_banner h4 { font-family: 'Roboto'; font-weight: 300; font-size: 4vw; color: #FFFFFF; margin: 0; padding: 0px 0; line-height: 70px; position: absolute; width: 100%; }
#collage_banner h4 span { font-weight: 900; color: #fba919; }
.yellow_round { width: 200px; height: 200px; -webkit-box-shadow: 0px 0px 0px 14px rgba(255,255,255,0.58); -moz-box-shadow: 0px 0px 0px 14px rgba(255,255,255,0.58); box-shadow: 0px 0px 0px 14px rgba(255,255,255,0.58); background: #fba919; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; box-sizing: border-box; padding-top: 53px; text-align: center; position: absolute; right: -43%; top: -18%; }
.our_team_box_main { margin: 0px !important; padding-bottom: 55px; }
.our_team_box { padding: 0 5px !important; text-align: center; margin-bottom: 15px; }
.our_team_box img { border: 1px solid #e4e1e1; width: 100%; height: auto; }
.our_team_box h4 { font-size: 16px; margin: 10px 0; font-family: 'Roboto'; font-weight: 900; color: #3b3b3b; }
.our_team_box h4 span { font-weight: 500; font-size: 15px; color: #777676; display: block; }
.service_bg { background: url(../images/about_bg2.png) no-repeat bottom right; }
.list_style { margin: 0px 0 0 15px; line-height: 30px; list-style-image: url(../images/list_icon.png); }
.list_style li { font-family: 'Roboto'; font-size: 15px; font-weight: 500; color: #464646; padding-left: 8px; }
.abt_content aside h5 { font-size: 16px; margin: 25px 0 10px 0; }
.heading_icon { padding-left: 8px; }
.heading_icon img { width: 38px; height: auto; }
.career_page_new { position: relative; }
.career_cnt { color: #181c28; font-family: 'Roboto'; font-size: 21px; font-weight: 300; line-height: 28px; }
.career_pic { position: absolute; top: -30px; }
.career_cnt span { color: #fba919; font-size: 25px; font-weight: 500; }
.careers_box { background: #fba919; color: #2b2a2a; font-size: 16px; padding: 8px 30px 8px 10px; line-height: 18px; font-family: 'Roboto'; font-weight: 500; display: inline-block; margin-top: 10px; }
.careers_box a { color: #FFF; }
.current_openings { margin-top: 30px; padding-bottom: 45px; }
.current_openings.in-kochi { margin-top: 0px; }
.current_openings h3 { font-family: 'Roboto'; font-weight: 900; font-size: 25px; color: #393838; text-transform: uppercase; margin-bottom: 15px; }
.role_head { font-family: 'Roboto'; font-size: 15px; width: 32%; color: #3c3b3b; background: #f1f0f0; padding: 11px 25px 11px 10px; font-weight: 500; margin-bottom: 10px; position: relative;  }
.role_head a{color: #3c3b3b;cursor: pointer; display: block;}
.active_role_head a{color: #FFFFFF;}
.role_head:after { position: absolute; content: ""; width: 1px; background: #ffffff; height: 100%; right: 0; top: 0; }
.active_role_head { background: #3B3B3B; color: #FFFFFF; }
.active_role_head i { color: #FFFFFF !important; }
.role_head i { font-size: 18px; margin-right: 8px; color: #5F5F5F; }
.role_head span { position: absolute; right: 15px; top: 13px; z-index: 10; -webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out; rotate: 180deg;}
.role_head span i { font-size: 15px; }
/* .active_role_head span { -webkit-transform: rotate(180deg); transform: rotate(180deg); } */
.dec_box { padding: 15px 0px 15px 40px; box-sizing: border-box; position: absolute; right: 0; top: 0; width: 68%; background: #fafafa; }
.dec_box h5 { font-size: 20px; color: #fba919; margin: 0px 0 15px 0; font-weight: 500; font-family: 'Roboto'; }
.dec_box h4 { font-size: 15px; color: #393838; margin: 0px 0 15px 0; font-weight: normal; }
.job_dec { margin: 0 0 25px 25px; list-style: url(../images/list_bullet.png); }
.job_dec li { margin-bottom: 5px; padding-left: 5px; }
.contact_head { font-weight: 300; font-family: 'Roboto'; font-size: 30px; line-height: 29px; color: #4a4a49; margin-bottom: 35px; padding: 0 15px; }
.address_box h3 { font-weight: 500; font-family: 'Roboto'; font-size: 18px; color: #555555; margin: 0px 0 5px 0; }
.address_box h3 span { background: #555555; color: #FFF; font-size: 20px; margin-right:16px; width: 34px; height: 34px; display: inline-block; text-align: center; box-sizing: border-box; padding-top: 7px; border-radius: 200px 200px 200px 200px; -moz-border-radius: 200px 200px 200px 200px; -webkit-border-radius: 200px 200px 200px 200px; }
.address_box h3 span .fa-phone { font-size: 21px; padding-top: 0px; }
.address_box h3 span .fa-envelope { font-size: 17px; padding-top:1px; }
.address_box aside { margin: 0px 0 15px 50px; font-size: 16px;
    color: black; }
.gallery_box { width: 25%; float: left; }
.gallery_box h1 { font-size: 15px; font-family: 'Roboto'; font-weight: 500; color: #FFFFFF; text-align: center; padding: 10px; display: block; position: absolute; bottom: 0; width: 100%; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.61); }
.gallery_box img { width: 100%; height: auto; cursor: pointer; display: block; }
.gallery_box_grp { width: 50%; float: left; }
.gallery_box_grp .gallery_box { width: 50%; }
.da-thumbs .gallery_box { /*float: left;
	margin: 5px;
	background: #fff;
	padding: 8px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);*/ }
.da-thumbs .gallery_box span, .da-thumbs .gallery_box span img { display: block; position: relative; }
.da-thumbs .gallery_box span { overflow: hidden; }
.da-thumbs .gallery_box span div { position: absolute; background: #333; background: rgba(255, 255, 255, 0.47); width: 100%; height: 100%; }
/*.da-thumbs .gallery_box a div span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);
}*/
/*GALLERY*/
.light_box { cursor: pointer; }
#lgbx, #lgbx_bcg { position: fixed }
#lgbx_bcg { top: 0; left: 0; z-index: 755; width: 100%; height: 100%; cursor: pointer; background: rgba(0,0,0,0.8) }
#lgbx { background: #FFF; padding: 5px; z-index: 755; top: 0; left: 0; box-sizing: content-box; }
#lgbx_close, #lgbx_desc, #lgbx_next, #lgbx_prev { position: absolute; z-index: 56; display: none }
#lgbx_close { z-index: 56; right: 9px; top: 9px; cursor: pointer; width: 20px }
#lgbx_desc { bottom: 0; right: 0; background: rgba(0,0,0,0.6); color: #FFF; padding: 5px 8px 1px; font-size: 12px }
#lgbx_next, #lgbx_prev { cursor: pointer; top: 50%; margin-top: -20px; height: 50px }
#lgbx_next { right: 5px }
#lgbx_prev { left: 5px }
/*BANNER*/
.gl-wrap { position: relative; margin: 0 auto }
@-o-keyframes fxRotateMinute { from {
-o-transform:rotate(0)
}
to { -o-transform: rotate(1turn) }
}
@-moz-keyframes fxRotateMinute { from {
-moz-transform:rotate(0)
}
to { -moz-transform: rotate(1turn) }
}
@-webkit-keyframes fxRotateMinute { from {
-webkit-transform:rotate(0)
}
to { -webkit-transform: rotate(1turn) }
}
@keyframes fxRotateMinute { from {
transform:rotate(0)
}
to { transform: rotate(1turn) }
}
@-o-keyframes fxRotateHour { from {
-o-transform:rotate(.25turn)
}
to { -o-transform: rotate(1.25turn) }
}
@-moz-keyframes fxRotateHour { from {
-moz-transform:rotate(.25turn)
}
to { -moz-transform: rotate(1.25turn) }
}
@-webkit-keyframes fxRotateHour { from {
-webkit-transform:rotate(.25turn)
}
to { -webkit-transform: rotate(1.25turn) }
}
@keyframes fxRotateHour { from {
transform:rotate(.25turn)
}
to { transform: rotate(1.25turn) }
}
.b-index-bnn { position: relative; z-index: 0; color: #fff; text-align: center; overflow: hidden }
.b-index-bnn .gl-wrap { height: 492px; padding: 31px 0 0 }
.b-index-bnn.m-transition .b-carousel>li, .b-index-bnn.m-transition .b-carousel>li i { -o-transition: background-image .5s; -moz-transition: background-image .5s; -webkit-transition: background-image .5s; transition: background-image .5s }
.b-index-bnn.m-ready .b-carousel { display: block; list-style-type: none }
.b-load-gap { width: 973px; height: 453px; position: absolute; left: 50%; bottom: 0; margin-left: -487px; z-index: 10 }
.b-loader { width: 29px; height: 29px; border: 2px solid #fff; border-radius: 50%; position: absolute; z-index: 60; top: 274px; left: 50% }
.b-loader>span { position: absolute; font-family: "Geometria Medium", "Helvetica Neue", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 20px; color: #fff; white-space: nowrap; left: 46px; top: 2px }
.b-loader:after, .b-loader:before { position: absolute; top: 0; left: 0; width: 30px; height: 30px; z-index: 100 }
.b-loader:before { -o-animation: fxRotateMinute .5s linear infinite; -moz-animation: fxRotateMinute .5s linear infinite; -webkit-animation: fxRotateMinute .5s linear infinite; animation: fxRotateMinute .5s linear infinite }
.b-loader:after { -o-animation: fxRotateHour 3s linear infinite; -moz-animation: fxRotateHour 3s linear infinite; -webkit-animation: fxRotateHour 3s linear infinite; animation: fxRotateHour 3s linear infinite }
.b-index-bnn .r-menu { position: relative; z-index: 101; margin: 0 auto; display: none }
.b-index-bnn .r-menu:after { display: block; clear: both }
.b-index-bnn .r-menu li { font-size: 14px; line-height: 16px; color: #00518f; font-weight: 700; float: left }
.b-index-bnn .r-menu li+li { margin-left: 10px }
.b-index-bnn .r-menu li a { border-radius: 50%; background: #3b3943; width: 9px; height: 9px; text-indent: -9999px; display: block }
.b-index-bnn .r-menu li a:hover { color: #0c7cae }
.b-index-bnn .r-menu li.is-active a { background: #777580 }
.b-index-bnn .r-text { position: absolute; z-index: 60; top: 254px; left: 50%; width: 500px; height: 10px; margin-left: -250px; text-align: center }
.b-index-bnn .r-text>li { font-size: 19px; line-height: 27px; font-family: ProximaLight, Helvetica, Roboto, Arial, sans-serif; color: #fff; position: relative; width: 500px; height: 90px; vertical-align: middle; display: none }
.b-index-bnn .r-text>li p { color: #fff; text-align: center }
.b-index-bnn .r-text>li a.button { padding: 8px 20px; background: rgba(255,255,255,.17); border: 1px solid rgba(255,255,255,.17); border-radius: 3px!important; margin-top: 10px }
.b-carousel { position: absolute; bottom: -120px; left: 50%; display: none; z-index: 9;    margin-left: 12px; }
.b-carousel:before { background: url(../images/s.png) no-repeat; width: 843px; height: 413px; position: absolute; z-index: 0; bottom: 17px; left: -422px }
.b-carousel>li { border-radius: 50%; position: absolute; top: 100px; left: 0; margin: -51px 0 0 -51px; z-index: 100 }
.b-carousel>li a { background: #fba919; border: 6px solid rgba(228,146,2,1); width: 80px; height: 80px; display: block; top: 6px; left: 6px; z-index: 100; color: #fff; border-radius: 50%; padding-top: 13px }
.b-bnn-list, .b-bnn-list>li { position: absolute; bottom: 0; left: 50% }
.b-carousel>li i { font-size: 53px; margin-top: 10px }
.b-carousel>li.is-active { transform: scale(1.1); -webkit-transform: scale(1.1) }
.b-carousel>li.is-active a { background: #fba919 }
.b-bnn-list { z-index: 7; list-style-type: none }
.b-bnn-list>li { -ms-transform-origin: 50% -127.36px; -o-transform-origin: 50% -127.36px; -moz-transform-origin: 50% -127.36px; -webkit-transform-origin: 50% -127.36px; transform-origin: 50% -127.36px; z-index: 0 }
.b-loader { margin-left: -81px }
.b-carousel:before, .b-index-bnn .r-menu:after, .b-loader:after, .b-loader:before { content: ' ' }

/*06.02.2018*/
.header-top-info{
	/*border-bottom:1px solid #575a65;*/
	padding:15px 0;
	margin-bottom: 60px;
}
.header-top-info .info-box:last-child{
	border:0px;

}
.info-box{
	border-right:1px solid #575a65;
	display:inline-block;
	vertical-align:middle;
	 padding:0 25px;
	 position:relative;
}
.info-box img{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}
.info-box h6{
	font-size:16px;
	color:#a0a0a0;
	font-family: 'Roboto';
	display:inline-block;
	text-align:left;
	vertical-align:middle;
}
.info-box span{
	font-size:38px;
	line-height:34px;
	display:block;
	color:#FFFFFF;
	font-family: 'Roboto', sans-serif;
    font-weight: 900;
}
.welcome-yellow-bg{
	width:100%;
	background:url(../images/sbsol_yellow_bg.jpg) no-repeat  #f4a620;
	background-size:contain;
	padding:150px 0 160px 0;
	position:relative;
	overflow:hidden;

}
.welcome-yellow-bg:after {
    position: absolute;
    content: "";
    background: url(../images/whowe_bg.png) no-repeat bottom center;
    width: 100%;
    height: 822px;
    bottom: 0;
    left: 0;
    z-index: 1;
}
#who_we_are:after {
    position: absolute;
    content: "";
    background: url(../images/welcome_newbg.png) no-repeat bottom right;
    width: 100%;
    height: 380px;
    bottom: -280px;
    left: 0;
    z-index: 1;
}
.wle-new-txt{
	font-size:16px;
	color:#000000;
	line-height:24px;
	position:relative;
	z-index:60;
}
.wle-new-txt h6{
	color:#000000;
	font-size:26px;
	font-family: 'Roboto', sans-serif;
    font-weight: 900;
}
.clients-slider{
	position:absolute;
	right:-335px;
	background:url(../images/clients-slider.png) no-repeat;
	width:841px;
	height:445px;
	z-index:25;
	padding-left: 140px;
    box-sizing: border-box;
    padding-top: 33px;
}

.owl-content{
	 position: absolute;
   /* left: -100px; */
   left:0px;
    bottom: -240px;
	z-index:5;
}
.ftr_btm-logo{
	position: absolute;
    bottom: 35px;
    right: 30px;
}
.owl-nav{
	position:absolute;
	left: 240px;
    bottom: 25px;

	z-index:50;

}
.owl-nav .owl-prev{
	width:37px;
	height:37px;
	display:inline-block;
	margin-right:2px;
	background:rgba(0, 0, 0, 0.81) url(../images/clientArwL.png) no-repeat center;
	border-radius: 200px 0px 0px 200px;
-moz-border-radius: 200px 0px 0px 200px;
-webkit-border-radius: 200px 0px 0px 200px;
}
.owl-nav .owl-next{
	width:37px;
	height:37px;
	margin-left:2px;
	display:inline-block;
	background:rgba(0, 0, 0, 0.81) url(../images/clientArwR.png) no-repeat center;
border-radius: 0px 200px 200px 0px;
-moz-border-radius: 0px 200px 200px 0px;
-webkit-border-radius: 0px 200px 200px 0px;
}
.content-item{opacity:0; height:0px;}
.content-item img{
	width:500px;
	height:auto;
}
.content-item.active{opacity:1; height:auto;
-webkit-animation: fadeInUp 800ms linear ;
	-moz-animation: fadeInUp 800ms linear ;
	animation: fadeInUp 800ms linear  ;}
.ten-years-icon{
	position:absolute;
	right:0;
	top:-150px;
}

.address_box .yellow-clr { background:#fba919 !important; }
.address_box .yellow-text { color:#fba919 !important; }
.address_box  b { font-size:18px; }
.address_box { background:url(../images/contact-scrossline.png) 0px 0px no-repeat;     padding-left: 30px !important; }
.abt_content .address_box.bgnone{ background:none;     padding-left: 15px !important; }
small.years {position: absolute;
    font-size: 20px !important;
    top: 7px;
    padding-left: 4px;
    color: white; }
.clients_content{
	margin:0px !important;
	padding-bottom:40px;
}
.clients-logo{
	width:19%;
	float:left;
	vertical-align:top;
	border:1px solid #efefef;
	    margin: 4px .5%;
}


.clients-logo img{
	width:100%;
	height:auto;
/*	display:block;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);transition:all .7s ease;*/
}
.clients-logo img:hover{/*-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-o-filter:grayscale(0%);-ms-filter:grayscale(0%);filter:grayscale(0%);opacity:1*/}
.clients-text{
	    font-size: 22px;
    color: #4a4a4a;
	    font-family: 'Roboto';
    font-weight: 300;
    line-height: 28px;
	margin-bottom:30px;

}
.client-big-font{
	font-size:24px;
	color: #fba919;
	font-family: 'Roboto', sans-serif;
    font-weight: 900;
}
.emp:after{
	position:relative;
	content:"+";
}
.mob-text-mdollar{
	display:none;
	font-size: 25px;
line-height: 24px;
color: #FFF;
font-family: "Roboto",sans-serif;
font-weight: 900;
}
.mob-text-mdollar strong{
	color:#FBA919;
}
.tec_logos{
	width:85%;
	margin:0px auto;
	padding: 20px 0;
	position:relative;
}
.tec_logos:after{
	position:absolute;
	content:"";
	border-bottom:1px solid #dcdcdc;
	bottom:-1px;
	left:25%;
	right:25%;
}
.te-icons{
	text-align:center;
}
.te-icons h4{
	font-family: 'Roboto';
	font-weight:300;
	font-size:30px;
	line-height:28px;
	color:#262626;
	text-transform:uppercase;
	padding-top:25px;
}
.te-icons h4 span{
	position:relative;
}
.te-icons h4 span:after{
	position:absolute;
	content:"";
	border-bottom:1px solid #dcdcdc;
	bottom:-4px;
	left:40px;
	right:40px;
}
#te_logos .item img{
	-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);transition:all .7s ease;
}
#te_logos .item img:hover{-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-o-filter:grayscale(0%);-ms-filter:grayscale(0%);filter:grayscale(0%);opacity:1}
#te_logos .owl-item.active.center img{
	-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-o-filter:grayscale(0%);-ms-filter:grayscale(0%);filter:grayscale(0%);opacity:1
}
#te_logos .owl-nav{
	position:relative;
	left: 0;
    bottom:0;

	z-index:50;

}
#te_logos .owl-nav .owl-prev{
	width:11px;
	height:19px;
	position:absolute;
	bottom:-30px;
	left:25%;
	display:inline-block;
	margin-left:-12px;
	background:url(../images/teArwL.png) no-repeat center;
	border-radius: 200px 0px 0px 200px;
-moz-border-radius: 200px 0px 0px 200px;
-webkit-border-radius: 200px 0px 0px 200px;
}
#te_logos .owl-nav .owl-next{
	width:11px;
	height:19px;
	position:absolute;
	right:25%;
	bottom:-30px;
	margin-right:-12px;
	display:inline-block;
	background:url(../images/teArwR.png) no-repeat center;
border-radius: 0px 200px 200px 0px;
-moz-border-radius: 0px 200px 200px 0px;
-webkit-border-radius: 0px 200px 200px 0px;
}
.update_txt{
	font-family: 'segoeprb';
	font-size:18px;
	color:#1a1a1a;
	background:#fba919;
	padding:6px 20px;
	position:absolute;
	bottom:-47px;
	left:72px;
	width:300px;
	text-align:center;
	border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}
.update_txt:after{
	position:absolute;
	content:"";
	width:28px;
	height:26px;
	    right: -36px;
    top: -5px;
	background:url(../images/up_text_arw.png) no-repeat center;
}
.update_txt:before{
	position:absolute;
	content:"";
	width:28px;
	height:26px;
	    left: -36px;
    top: -5px;
	background:url(../images/up_text_arwL.png) no-repeat center;
}
.cl-logo{
	overflow:hidden;
	    margin: 10px 0 0 0;
}
.pim-cl .cl-logo img{
	margin-left:-34px;
}
.sgv-cl .cl-logo img{
	margin-left:-34px;
}
.usu-cl .cl-logo img{
	margin-left:-8px;
}
.flv-cl .cl-logo img{
	margin-left:-16px;
}
.pdo-cl .cl-logo img{
	margin-left:-12px;
}
.lbm-cl .cl-logo img{
	margin-left:-41px;
}
.p4k-cl .cl-logo img{
	margin-left:-41px;
}
.bkc-cl .cl-logo img{
	margin-left:-34px;
}
.dsb-cl .cl-logo img{
	margin-left:-21px;
}
.ctb-cl .cl-logo img{
	margin-left:-21px;
}
.lfc-cl .cl-logo img{
	margin-left:-29px;
}
.bgv-cl .cl-logo img{
	margin-left:-28px;
}
.client-text-mob{
	display:none;
}


.gridder {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 0
}
.gridder-list, .gridder-show { font-size: 14px }
.gridder-list {
	display: inline-block;
	vertical-align: top
}
.gridder-list img{
	max-width:100%;
	height:auto;
	display:inline-block;
}
.gridder-show {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	box-sizing:border-box;
	    padding: 0 .5%;
}
.gridder-content { display: none }
.gridder-list {     box-sizing: border-box;
    width: 24% ;
    height: auto ;
    border: 1px solid #efefef;
    padding: 0px ;
    margin: 4px .5%;
	cursor:pointer;
	position:relative;
	text-align:center;

	 }
.gridder-list:hover,.gridder-list.selectedItem {
    border: 1px solid #fba919;
}
.gridder-list.selectedItem:before {
	content:"";
    border-bottom: 10px solid #dedede;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -15px;
    height: 0;
	left:47%;
    position: absolute;
    width: 0;
    z-index: 2;
}
.gridder-expanded-content {
    padding: 0px;
    border: 8px solid #dedede;
    box-sizing: border-box;
}
.gridder-expanded-content h4 {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 23px;
    margin-top: 0;
	color: #000;
	width:580px;
	/*desk width:580px; ,mobile width:300px;*/
}
.gridder-expanded-content p {
    padding: 0 10px 0 0;
	color: #000;
	width:580px;
	/*desk width:580px; ,mobile width:300px;*/
}

.gridder-expanded-content .row{
	margin-right:0px;
}
.gridder-navigation{
	position:absolute;
	    top: 13px;
    right: 20px;
	z-index:50;
}
.gridder-padding{
	margin-top:10px;
}
.gridder-nav.prev {
	display:none;
}
.gridder-nav.next{
	display:none;
}
.gridder-close {
    background: url(../images/wmg-btn-close.png) no-repeat 0px 0px;
    display: block;
    height: 30px;
    right: 7px;
    top: 15px;
    width: 30px;
	text-indent:-999px;
	overflow:hidden;
	position:relative;
}
.btn.btn-apply {
    background: #fbaa1a;
    color: #000;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-weight: 500;
    margin-bottom: 15px;
    padding: 10px 20px;
    font-size: 15px;
}
.career-form input {
    border: 1px solid #e6e5e4 !important;
    width: 100%;
    padding: 10px 13px;
    border: 0;
    margin-bottom: 9px;
    min-height: 44px;
}
.careers_contact_message textarea{
    margin: 0px;
    border: 1px solid #e6e5e4 !important;
    width: 100%;
    padding: 10px 13px;
    border: 0;
    margin-top: 0px;
    min-height: 75px;
    margin-bottom: 9px;
}
.careers_contact_name label, .careers_contact_email label, .careers_contact_phone label, .careers_contact_message label {
    background-color: #FFF !important;
    color: rgb(137, 137, 137) !important;
    font-weight: 500;
}
.resumelabel {
    margin-bottom: 5px;
}
/*.gridder-list:nth-child(n) {
	margin-bottom: 1%;
	margin-right: 1%
}
.gridder-list:nth-of-type(2n) {
	margin-right: 0;
	margin-bottom: 0
}*/
.ressume_attach{
	position: relative;
    padding-bottom: 9px;
}
.ressume_attach input{
	padding: 7px 8px;
    min-height: auto;
    font-size: 13px;
    margin-bottom: 0;
}

.resume-file-input {
	color: transparent;
	display: block;
	  width: 130px;
  }
  .resume-file-input::-webkit-file-upload-button {
	visibility: hidden;
  }
  .resume-file-input::before {
	content: 'Upload Resume';
	color: black;
	display: inline-block;
	background: #fff;
	border: 1px solid #999;
	border-radius: 3px;
	padding: 5px 8px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
	text-shadow: 1px 1px #fff;
	font-weight: 700;
	font-size: 10pt;
  }
  .resume-file-input:hover::before {
	border-color: black;
  }
  .resume-file-input:active {
	outline: 0;
  }
  .resume-file-input:active::before {
	background: #fff; 
  }
  .resume_input{
	display: flex;
	  align-content: center;
	  align-items: center;
  }
  .resume_input span{
	  display: block;
	  width: 16%;
	  font-size: 15px;
	  line-height: 19px;
  }
  .upload_resume_field p{
	font-size: 17px;
	  font-style: italic;
	  text-decoration: underline;
	  font-weight: 600;
	  color: #000;
	  margin-bottom: 15px;
  }
  #success_messages { 
	color: #269d35;
    margin-top: 5px;
    font-size: 14px;
}