/************************************************************************************
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% */
html {
	scroll-behavior: smooth;
  }

/* 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: 17px !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/css2?family=Oswald:wght@200..700&display=swap');

/*@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
*************************************************************************************/
.pt-0{padding-top: 0 !important;}
.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:last-child a{margin-right: 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: absolute; top: 20px; z-index: 50; width: 100%;  } */
header { position: fixed; top: 0px; z-index: 250; 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 h1 { 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:10px; 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 p { width: 90%; margin: 0px auto; text-align: center; color: #464545; font-size: 17px; position:relative; z-index:5; margin-bottom: 15px;}
#who_we_are p h6 { font-family: 'Roboto', sans-serif; font-weight: 300; color: #262626; font-size: 26px; margin-top: 35px; }
#who_we_are p:last-child{margin-bottom: 0px;}
.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?v=3); 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;margin-bottom: 27px; }
.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 p { color: #353535; line-height: 21px; font-size: 17px; min-height: 60px;padding: 0px 5px; }
.srv_more { margin-top: 10px; }
.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: 50px; 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: 14px; }
.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_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; }
.adress_us { color: #FFF; font-size: 15px; position: relative; line-height: 17px; }
.adrs_number { margin-top: 16px; }
/*.ftr_logo { margin-top: 15%; }*/
.map_pointer { position: absolute; bottom: 90px; left:41.4%; 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;
}*/
.srv_content{
	padding-top: 60px;
	position: relative;
}
#ecommerce_solutions, #digital_marketing, #art_designing{
	position: absolute;top: -50px;
}
#web_designing{position: absolute;top: -100px;}
.srv_content:first-child{padding-top: 0;}
.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; display: none;}
.back_link li { display: inline-block; border-left: 1px solid #c1c1c1; padding: 0 10px; line-height: 11px; }
.back_link li a { color: #c1c1c1; }
.back_link li:first-child { border: 0; padding-left: 0; }
.abt_content h2 { font-family: 'Roboto'; font-weight: 900; font-size: 22px; color: #494949; margin: 0; line-height: 20px !important; padding-bottom: 12px;margin-top: 30px;}
.abt_content h2:first-child{margin-top: 0px;}
.abt_content h3 { font-family: 'Roboto'; font-weight: 900; font-size: 22px; color: #494949; margin: 0; line-height: 20px !important; padding-bottom: 12px;margin-top: 30px;}
.abt_content h3:first-child{margin-top: 0px;}
.abt_content p { margin-bottom: 10px; }
.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?v=1) 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: 20px 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 p 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 h4 { 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: 8px 25px 8px 10px; font-weight: 500; margin-bottom: 10px; position: relative; cursor: pointer; }
.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: 10px; top: 10px; z-index: 10; -webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out; }
.role_head span i { font-size: 15px; }
.active_role_head span { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.dec_box { padding: 15px 10px 15px 25px; 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: 26px; line-height: 29px; color: #4a4a49; margin-bottom: 35px; padding: 0 15px;margin-top: 0; }
.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 p { 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;
}

.info-box{
	/* border-right:1px solid #575a65; */
	display:inline-block;
	vertical-align:middle;
	 padding:0 46px;
	 position:relative;
}
/* .info-box:first-child{
	margin-left: 12px;
} */
.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;
	line-height: 24px;
}
.info-box span{
	font-size:38px;
	line-height:34px;
	display:block;
	color:#FFFFFF;
	font-family: 'Roboto', sans-serif;
    font-weight: 900;
}
.header-top-info .info-box:last-child{
	border:0px;

/* padding-right: 0;
padding-left: 25px; */
}
.header-top-info .info-box:last-child h6{
	text-align: right;
	
}
.order_text_home{
	display: flex;
		justify-content: flex-end;
		font-size: 38px;
		line-height: 34px;
		color: #FFFFFF;
		font-family: 'Roboto', sans-serif;
		font-weight: 900;
		gap: 5px;
}
.welcome-yellow-bg{
	width:100%;
	background:url(../images/sbsol_yellow_bg.jpg?v=3) no-repeat  #f4a620;
	background-size:contain;
	padding:150px 0 160px 0;
	position:relative;
	overflow:hidden;
	background-size: auto;

}
.welcome-yellow-bg:after {
    position: absolute;
    content: "";
    background: url(../images/whowe_bg.png?v=4) no-repeat bottom center;
    width: 100%;
    height: 822px;
    bottom:-2px;
    left: 0;
    z-index: 1;
}
#who_we_are:after {
    position: absolute;
    content: "";
    background: url(../images/welcome_newbg.png?v=11) no-repeat bottom right;
    width: 100%;
    height: 380px;
    bottom: -180px;
    left: 0;
    z-index: 1;
}
.wle-new-txt{
	font-size:17px;
	color:#000000;
	line-height:24px;
	position:relative;
	z-index:60;
}
.wle-new-txt h3{
	color:#000000;
	font-size:26px;
	font-family: 'Roboto', sans-serif;
    font-weight: 900;
	margin-bottom: 6px;
	margin-top: 20px;
}
.wle-new-txt h3:first-child{margin-top: 0px;}


.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; } */
.address_box {   padding-left: 30px !important; }
.abt_content .address_box.bgnone{ background:none;padding-left: 15px !important; }
.add_ind{position: relative;}
.add_ind::after{
	display: block;
    background: #ddd;
    /* background: url(../images/contact-border.png); */
    position: absolute;
    content: "";
    right: 39px;
    top: 0;
    width: 1px;
    height: 175px;
}
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: 14px; */
    color: #4a4a4a;
	    /* font-family: 'Roboto'; */
    /* font-weight: 300; */
    line-height: 23px;
	margin-bottom:30px;
	font-family: 'SourceSansProRegular' !important;
    font-size: 16px !important;

}
.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:60%;
	margin:0px auto;
	padding: 20px 0;
	position:relative;
}
.tec_logos:after{
	position:absolute;
	content:"";
	border-bottom:1px solid #dcdcdc;
	bottom:-1px;
	left:35%;
	right:35%;
}
.te-icons{
	text-align:center;
	background: #fff;
    width: 100%;
}
.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: 25px;
    left: -3%;
	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: -3%;
    bottom: 25px;
	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; */
	left: 95%;
	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 #d6d6d6;
    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;
	display: none;
}
.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;
}
/*.gridder-list:nth-child(n) {
	margin-bottom: 1%;
	margin-right: 1%
}
.gridder-list:nth-of-type(2n) {
	margin-right: 0;
	margin-bottom: 0
}*/

.wle-new-txt{
text-align:justify;
}
.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: 150px;
  }
  .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: 29%;
	  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;
  }
.motto_qt{
	display: block;
	text-align: center;
}
/* Award popup */
.trigger-btn {    padding: 0.8rem 1.5rem;      color: white;    border: none;    border-radius: 4px;    font-size: 1rem;    cursor: pointer;    
}
/* Popup Overlay */
.popup-overlay {
    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.7);    display: flex;    justify-content: center;
    align-items: center;    opacity: 0;    visibility: hidden;    transition: opacity 0.6s ease, visibility 0.3s ease;    z-index: 1000;   
}

/* Popup Content */
 /* .popup-content {
    position: relative;        padding: 2rem;    border-radius: 12px;    width: 80%;    max-width: 35%;    max-height:81%;    transform: translate(-100vw, 100vh);
    transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.1);    background-image: url(../images/award.png);        background-position: center;     
    background-repeat: no-repeat;    background-position: top center;    height: 82%;    background-size: 95%;
}   */

.popup-content {
    position: relative;
    border-radius: 12px;
    width: 90%; /* More responsive base width */
    max-width: 613px; /* Fixed max-width instead of percentage */
    height: auto; /* More flexible height */
    min-height: 732px; /* Minimum height */
    max-height: 82vh; /* Viewport-based max height */
    transform: translate(-50%, -50%) translate(-100vw, 100vh);  /* Start from center, slide to bottom-left */
    transition: transform 2s cubic-bezier(0.175, 0.885, 0.32, 1.1);  /* Slow in initial state */
    background-image: url(../images/award.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%; /* Better for responsive scaling */    
    margin: 20px 0; /* Vertical spacing */
}

.popup-content img { max-width: 100%;}

/* Active State */
.popup-overlay.active { opacity: 1;    visibility: visible;}

.popup-overlay.active .popup-content {
    transform: translate(0, 0);  /* Move to final position (center) */
    transition: transform 2s cubic-bezier(0.175, 0.885, 0.32, 1.1);  /* Keep it slow during the active transition */
}

.popup-overlay:not(.active) .popup-content {
    transform: translate(-50%, -50%) translate(-100vw, 100vh);  /* Move back to the off-screen position */
    transition: transform 5s cubic-bezier(0.175, 0.885, 0.32, 1.1);  /* Very slow transition when going back */
    opacity: 1;  /* Ensure no fade effect */
    visibility: visible;  /* Ensure no fade effect */
}
/* Close Button */
.close-btn {
    position: absolute;    top: 59px;    right: 7px;    background: none;    border: none;    font-size: 1.5rem;    cursor: pointer;    color: #666;
    transition: color 0.2s;    width: 40px;    height: 40px;
}
.close-btn:hover {    color: #333;}

/* Popup Content Styling */
.popup-content h2 {    margin-top: 0;    color: #2c3e50;}
.popup-footer {   margin-top: 1.5rem;    text-align: right;}
.action-btn {  border: none;  }
/* .action-btn:hover {
    background-color: #2980b9;
} */
.fireworks-container { position: absolute;     top: 45%; left: 30%; height: 34%;}
.trigger-btn { width: 198px; height: 250px; position:fixed; bottom:10px; left:10px;background-image: url(../images/award-button.png);     background-position: center center;
    background-repeat: no-repeat;    background-size: 100%; z-index: 300;background-color: transparent; }
.award-button a {width: 198px; height: 243px; display: block; }
/* Responsive Adjustments */

@media (max-width: 600px) {
    /* .popup-content {  padding: 1.5rem;        max-width: 77%;        max-height: 60%;        width: 95%;        height: 67%;    } */
    .popup-content {
        max-height: 85vh;
        background-size: 90%;
    }
    .popup-content h2 {   font-size: 1.3rem;   }
    
    .trigger-btn {   padding: 0.7rem 1.2rem;  font-size: 0.9rem;  }
    .close-btn {   top: 27px;   right: 8px;}
    .fireworks-container { top: 18%;     left: 22%;   }
}

@media (max-width: 400px) {
	.popup-content {
        width: 95%;
        max-width: 95%;
        min-height: 447x;
        padding: 1rem;
        background-size: 100%;
    }    
    .close-btn {   top: 10px;  right: 10px;  font-size: 1.3rem;    }    
    .trigger-btn {  width: 100%;   }
}
/* Award popup */
/* Award page style */
.award-layt .sub_caption {
    display: block;
    margin: 10px 0px;
    font-weight: 300;
    font-family: 'Roboto';
    font-size: 26px;
    line-height: 29px;
    color: #4a4a49;
	text-align: center;
    margin-bottom: 30px;
}
#awards_banner {
    background: #2d313a url(../images/awards_banner.jpg) no-repeat bottom;
    height: 275px;
    background-size: cover;
}
.ad-mt-5 { margin-top: 15px;}
.award-container p {text-align: justify;}
.award-cert img {border-radius: 7px;}
.m-t-30 { margin-top: 30px;} 
.m-t-0 { margin-top: 0px !important;}
/* Award page style */