@font-face {
  font-family: 'CenturyGothic';
  src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),  url('../fonts/CenturyGothic.woff') format('woff'), url('../fonts/CenturyGothic.ttf')  format('truetype'), url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'CenturyGothic-Bold';
  src: url('../fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/CenturyGothic-Bold.woff') format('woff'), url('../fonts/CenturyGothic-Bold.ttf')  format('truetype'), url('../fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Arial-Black';
  src: url('../fonts/Arial-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/Arial-Black.woff') format('woff'), url('../fonts/Arial-Black.ttf')  format('truetype'), url('../fonts/Arial-Black.svg#Arial-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}



body { font-size:16px; color:#787878;  font-family: 'CenturyGothic'; }

/*Header*/
header { width:100%; float:left; margin:0px; padding:0px; background:rgba(255,255,255,1.0); }
.head_top { background:#eff2f2; float:left; }
.haed_left {float:left; margin:0px; padding:0px;  }
.haed_left span { float:left; margin:0px; padding:0 50px 0 0px; font-size:14px; color:#002632; line-height:42px;  }
.haed_left i { float:left; margin:0px 8px; padding:0px; font-size:15px; color:#002632; line-height:42px; }
.haed_left a { color:#002632;}
.haed_left a i:hover { color:#888;}
.head_right { float:right; }
.head_right span { float:left; padding-right:10px; }
.logo { float:left; margin:30px 0px; padding:0px; transition:all 0.2s ease-in-out 0s; }
.logo a {  float:left; margin:0px; padding:0px; }
.head_right .fa-facebook:hover  { color:#29388e; }
.head_right .fa-twitter:hover  { color:#27a9e0; }
.head_right .fa-linkedin-square:hover  { color:#1a74bb; }
.head_right .fa-google-plus:hover  { color:#f73e29; }
.head_right .fa-youtube-play:hover  { color:#ec1b23; }
.head_right .fa-instagram:hover  { color:#e2306a; }


.stick { width:100%; position:fixed; left:0px; top:-45px; z-index:111; clear:both;  transition:0.5s;  }

button:hover { cursor:pointer;}


/* Navigation */
.menu_main { float:right; margin:43px 0 0; padding:3px 0 0; clear:right;  }
.toggleMenu { width:34px; height:30px; float:right; margin-top:-42px; display:  none; background: #000; padding: 4px 5px; color: #fff; z-index:999; }
.toggleMenu span { width:100%; height:2px; float:left; margin:4px 0 0 0; background:#fff; }
.nav { list-style: none;  *zoom: 1; margin:0px; padding:0px; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav ul { list-style: none; width: 9em;  }
.nav a { padding: 0px; color:#5f636a; padding:0px 42px; text-decoration:none; line-height:32px; font-size:14px; text-transform:uppercase; font-weight:700; transition:all 0.1s ease-in-out 0s; background:url(../images/menu_lilne.jpg) left center no-repeat; border-radius:0px; }
.nav a:hover,.nav a.act { color:#000;  }
.nav li { position: relative; }

/*.nav li:hover:after { width:8px; height:3px; position:absolute; left:50%; bottom:0px; content:""; margin-left:-4px; background:#000;}*/
.nav li:first-child a { background:none; }
.nav li.blue_bg a { background:#082843; color:#fff; padding:0 20px;}
.nav li.blue_bg a:hover { background:#a4d13a; color:#fff;}
.nav li.green_bg a { background:#a4d13a; color:#fff; padding:0 20px; margin-left:10px;}
.nav li.green_bg a:hover { background:#082843; color:#fff;}
.nav > li { float: left; }
.nav > li > .parent { padding-right:36px; /*background-image: url("../images/downArrow.png"); background-repeat: no-repeat; background-position: right;*/ transition:none; }
.nav li span.arrow { display:none; }
.nav > li > a { display: block; }
.nav li ul { position: absolute; left: -9999px; padding:0px; width:280px; background: rgba(8,40,67,1); }
.nav > li.hover > ul { left: 0px; }
.nav li li.hover ul { left: 100%; top: 0; color:#fff; }
.nav li:hover > a  { color:#000; }
.nav li li:hover > a  { color:#fff; }
.nav li li a { display: block; background: rgba(8,40,67,0.95) !important; position: relative; z-index:100; border-bottom: 1px solid #000; font-size:14px; text-transform:none; color:#fff; padding:0 10px; font-weight:normal;  }
.nav li li a:hover { background:rgba(15,52,84,1) !important;  color:#fff; }
.nav li li li a { background:rgba(8,40,67,0.95); z-index:200; }


.container { max-width:1170px; }
 
/*Banner*/
.banner { width:100%; float:left; margin:0px; padding:0px; z-index:5; border-bottom: 6px solid #082843;} 

.commonslider .owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.commonslider .owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden;}
.commonslider .owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.commonslider .owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.commonslider .owl-carousel .owl-wrapper, .commonslider .owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}
.commonslider .owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.commonslider .owl-carousel.owl-loaded {display: block;}
.commonslider .owl-carousel.owl-loading {opacity: 0; display: block;}
.commonslider .owl-carousel.owl-hidden {opacity: 0;}
.commonslider .owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.commonslider .owl-carousel.owl-grab {cursor: move; cursor: grab;}
#sliderpart {float: left; width: 100%; position: relative;}
#sliderpart .owl-carousel .item {overflow: hidden; position: relative;}
#sliderpart .owl-carousel .item .sliderimg img {width: 100%;}


/*Logo slider*/
.logo_slide { padding-bottom:90px; }
.owl-carousel2 { margin-top:20px;}
.owl-carousel2.owl-drag .owl-item { border:1px solid #e0e0e0; cursor:move; cursor: move; cursor: grab; border-radius:6px; }
.owl-carousel2.owl-drag .owl-item a img { max-width:100%; vertical-align:middle; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%); border-radius:6px;}
.owl-carousel2.owl-drag .owl-item a  { cursor: move; cursor: grab; }
.owl-carousel2.owl-drag .owl-item:hover a img {  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); }

 
/*=======
Contener
=======*/
section { width:100%; float:left; margin:0px; padding:40px 0; }
.about { padding:60px 0; }
.about h2 { font-size:70px; color:#000000; line-height:70px; font-weight:700; text-transform:uppercase; text-align:center; font-family: 'Arial-Black'; font-weight:normal; } 
.about h2 small {  width:100%; float:left; font-weight:900;  line-height:60px; font-family: 'Arial-Black';font-weight:normal; font-size:70%;}
.about h2 span { width:100%; float:left; font-weight:900;  line-height:60px; color:#082843; font-family: 'Arial-Black'; font-weight:normal; font-size:56px; }
.about p { line-height:26px; margin:10px 0 18px 0; }
.float-right1 {float:right; margin: 0 0 30px 30px;}

h1 { width:100%; font-size:36px; padding:0 0 30px 0; color:#082843;  font-family: 'CenturyGothic-Bold';  font-weight:normal; text-transform:uppercase; text-align:center; position:relative; }
h1:after { content:""; position:absolute; margin-left:-65px; left:50%; bottom:0px; width:130px; height:2px; background:#082843;}

.taleo_part { background:url(../images/consult_bg.jpg) center center no-repeat; background-size:cover; }
.taleo_part h1 { font-size:44px; color:#fff; padding-top:10px; padding-bottom:20px; }
.taleo_part h1:after { display:none; }

.taleo_part .taleo_box { background:rgba(255,255,255,0.70);  text-align:center; padding: 0 0 30px; border-radius:6px;}
.taleo_part .taleo_box h3 { min-height:95px; text-align:center; padding:30px 0 10px; font-size:28px; color:#082843;  font-family: 'CenturyGothic-Bold'; font-weight:normal; text-transform:uppercase;  }
.taleo_part .taleo_box h3 a { text-decoration:none; color:#082843; }
.taleo_part .taleo_box h3 a:hover { color:#000; }
.taleo_part .taleo_box .rect_img { width:76%; float:left; display:block; padding:0 0% 28px 0%; margin:10px 12% 20px; border-bottom:1px solid #082843;  }
.taleo_part .taleo_box .rect_img img { width:100%; height:auto; border-radius:6px; }
.taleo_part .taleo_box p { text-align:center; text-align:center; line-height:24px; color:#5f636a; padding: 0 15px; }
.taleo_part .taleo_box .btn-rect { background:#082843; font-size:15px; border-radius:6px; color:#fff; padding:5px 25px;}
.taleo_part .taleo_box .btn-rect:hover { background:#000;}


.client_main { width:100%; float:left; margin:30px 0 65px 0; padding:0px; list-style:none; }
.client_logo { width:100%; float:left; margin:30px 0 65px 0; padding:0px; list-style:none; }
.client_logo li { width:18%; float:left; margin:0px 1%; padding:0px; list-style:none; border:1px solid #e0e0e0; display:inline-block; text-align:center;  }
.client_logo li img { max-width:100%; vertical-align:middle;}


a.client_btn { width: 150px; line-height:40px; display:inline-block; margin-right:0px; padding: 0px; font-size: 15px; color: #fff; text-align: right; background: #a4d13a; border: none;  font-family: 'CenturyGothic-Bold'; font-weight:normal; text-align:center; cursor: pointer; border-radius:6px; text-transform:uppercase; }
a.client_btn:hover { background:#082843; color:#fff; text-decoration:none;}


.recruiting_part { background:#e6e6e6; position:relative; padding:50px 0 45px 0;   }
.recruiting_part:after { content:""; position:absolute; left:0%; top:-56px;  width:100%; height:56px; background:url(../images/cuve_top.jpg) center center no-repeat;}
.recruiting_part:before { content:""; position:absolute; left:0%; bottom:-56px;  width:100%; height:56px; background:url(../images/cuve_bot.jpg) center center no-repeat;}

.recruiting_part h3 { text-align:center; padding-top:20px; font-size:24px; color:#3d3d3d; font-weight:normal;  font-family: 'CenturyGothic-Bold'; }
.pect_box a { display:block;}
.pect_box a:hover { text-decoration:none; opacity:0.9;}
.recruiting_part .rect_img { width:100%; display:block; margin:25px 0 10px; }
.recruiting_part .rect_img img { width:100%; height:auto; border-radius:6px; }
.recruiting_part p { text-align:center; line-height:24px; }
.recruiting_part .pect_box a p { color:#787878;}

.btn_vas { border:1px solid #082843; margin-top:20px; font-size:15px; color:#082843; background:none; border-radius:6px; }
.btn_vas:hover { background:#082843; color:#fff; }

.job_logo { text-align:center; padding:140px 0 100px 0; }
.job_logo img { max-width:100%;}

.one_up_job { padding:0 0 20px 0; float:left; height:286px; border:8px solid #c5c5c5; border-width:8px 0 8px 0; background: #082843 url(../images/job_img.jpg) left center no-repeat; position:relative; overflow:hidden; }
.one_up_job:after { content:""; position:absolute; width:46%; right:0%; bottom:0px; height:100%; transform:skewX(-15deg); background:#082843;  }

.one_box { width:40%; float:right; margin:0p; padding:0 0 0px; position:relative; z-index:3; } 
.one_box h2 {  padding:30px 0 0; font-size:36px; color:#fff; font-weight:normal; text-transform:uppercase;  font-family: 'CenturyGothic-Bold';  }
.one_box p { line-height:22px; color:#b9bdc2; margin-top: 14px; }
.one_box .btn-one { background:#082843; font-size:15px; border-radius:6px; color:#fff; border:1px solid #fff !important;margin-top: 8px;}
.one_box .btn-one:hover { background:#fff; color:#082843;}
.footer-font {color:#ffffff; font-size:14px;}

.TabbedPanelsContent .tab_right p { font-size:16px; color:#787878;  font-family: 'CenturyGothic'; line-height:26px; }
.TabbedPanelsContent { width:100%;	float:left;	}
.TabbedPanelsContent .tab_left { width:49%; float:left; margin:0px; padding:50px 0; }
.TabbedPanelsContent .tab_right { width:49%; float:right; margin:0px; padding:50px 0; }
.TabbedPanelsContent .tab_right h5 { font-size:28px; color:#082843; font-family: 'CenturyGothic-Bold'; text-transform:uppercase;}

footer { width:100%; float:left; margin:0px; padding:0px; background:url(../images/ftr_bg.jpg) left top repeat; }
footer h3 { width:100%; float:left; font-size:24px; color:#fff; padding:30px 0 10px 0; font-family: 'CenturyGothic-Bold'; font-weight:normal; }
footer ul { list-style:none; width:100%; margin:0 0 25px; padding:0px; float:left;  }
footer ul li { width:100%; margin:0px 0 10px; padding:0 0px; float:left; }
footer ul li a { float:left; padding:0 0 0 20px; font-size:14px; color:#fff; float:left; background:url(../images/ftr_bullet.png) left 6px no-repeat; text-decoration:none;}
footer ul li a:hover { color:#000; text-decoration:none; background-image:url(../images/ftr_bullet_h.png);}
footer .copy { color:#fff; font-size:14px; float:left; line-height:44px;  font-family: 'CenturyGothic-Bold';  font-weight:normal; width:100%; text-align:center;}
footer .copy a {color: #fff;}
.ftr_btn { margin-bottom:10px; float:left; background:#46494d;}

#sliderpart .owl-dots {position: absolute; z-index: 1; bottom: 10px; left: 0px; width: 100%; text-align: center;}
#sliderpart .owl-dots .owl-dot {display: inline-block; background-color: #f0f0f0; width: 9px; height: 9px; margin:0 7px; cursor: pointer; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
#sliderpart .owl-dots .owl-dot.active {background-color: #00a99d; top: 2px; position: relative; width: 14px; height: 14px;}

/*============
  About Page
==============*/
.inner_banner { width:100%; float:left; margin:0px; padding:0px; z-index:5; position:relative; border-bottom:6px solid #082843; } 
.inner_banner img { width:100%; height:auto; }
h1.page_title { font-size:44px; color:#ffffff; font-family: 'CenturyGothic-Bold'; font-weight:normal; position:absolute; left:50%; top:50%; width:1170px; transform:translate(-50%,-50%); text-align:left;  }

.about_text p  { line-height:26px; padding-right:20px; }
h1.page_title:after { display:none;}
.abt_thumb img { max-width:100%; }

ul.about_mid { width:100%; float:left; margin:45px 0 0px 20px; padding:0px; list-style:none; }
ul.about_mid li { width:100%; float:left; margin:0 0 32px; padding:0px; }
ul.about_mid li img { float:left; margin-right:20px; padding-bottom:30px;}
ul.about_mid li h5 { width:100%; margin:0px; padding:0 0 5px; font-size:16px; color:#082843; font-family: 'CenturyGothic-Bold'; font-weight:normal; text-transform:uppercase;  }
ul.about_mid li p { width:100%; margin:0px; padding:0px; font-size:16px; line-height:26px; color:#787878; font-weight:normal;  }

.about_team { background:#f4f4f4; position:relative; margin-top:120px; padding:50px 0 45px 0;   }
.about_team:after { content:""; position:absolute; left:0%; top:-180px;  width:100%; height:202px; background:url(../images/team_cuve.png) center center no-repeat;}

.team_part { width:100%; margin:30px 0 20px; padding:0px; float:left; list-style:none; }
.team_part li { width:21%; float:left; margin:30px 2%; padding:0px; }
.team_part li .team_img { width:100%; float:left; margin:0px 0px; padding:0px; text-align:center;  }
.team_part li .add_box img {  border:1px solid #aaa;  }
.team_part li .team_img img { max-width:100%; height:auto; border-radius:50%; text-align:center; }
.team_part li h6 { width:100%; float:left; margin:0px; padding:22px 0px; font-size:16px; color:#082843; font-family: 'CenturyGothic-Bold'; font-weight:normal; text-transform:uppercase; text-align:center;  }
.team_part li h6  span { width:100%; float:left; padding-top:6px; font-size:14px; color:#787878; font-family: 'CenturyGothic'; font-weight:normal; }
.team_part li .team_icon { width:124px; margin:0 auto; }
.team_part li .team_icon a { width:30px; height:31px; margin:0 5px; float:left; overflow:hidden; transition:0.2s; background:url(../images/team_icon.png) left top no-repeat; }
.team_part li .team_icon a:hover { background-position:0px -31px;  }
.team_part li .team_icon a:nth-child(2) { background:url(../images/team_icon.png) -40px top no-repeat; }
.team_part li .team_icon a:nth-child(2):hover { background-position:-40px -31px;  }
.team_part li .team_icon a:nth-child(3) { background:url(../images/team_icon.png) -80px top no-repeat; }
.team_part li .team_icon a:nth-child(3):hover { background-position:-80px -32px;  }

.team_part_tab { margin-top:140px;}


/*============
  Contact Page
==============*/

.contact_main { position: relative; width: 100%; margin-bottom:0px; padding-top:30px; }
.contact_info { width: 100%; margin-top: 44px; margin-bottom: 60px; }
.contact_info .info_box { position: relative; float: left; min-width: 307px; min-height: 472px; padding: 47px 40px 22px 48px; background: url(../images/contact-bg.jpg) no-repeat; border-radius:6px; background-size:cover; }
.contact_info .info_box h3 { margin-bottom: 11px; font-size: 22px; color: #fff; font-family: 'CenturyGothic-Bold'; font-weight:normal;  }
.contact_info .info_box p { font-size: 13px; color: #fff; line-height: 22px; }
.contact_info .info_box ul { display: inline-block; width: 100%; padding-left:0px;  }
.contact_info .info_box ul li { display: inline-block; width: 100%; margin-top: 10px; }
.contact_info .info_box ul li strong { display: block; float: left; min-width: 56px; font-family: 'CenturyGothic-Bold'; font-weight:normal; font-size: 13px; color: #fff; font-weight: normal; }
.contact_info .info_box ul li span { display: block; float: left; font-size: 14px; color: #fff; }
.contact_info .info_box ul li a { margin-left:12px;}
.contact_info .info_box ul li a:hover { color:#709f00 !important; }
.contact_info .info_box a { color: #fff; }
.contact_info .info_box a:hover { color: #000; text-decoration: none; }
.contact_form { position: relative; width: 100%; float:left; }
.contact_form h3 { margin-top: 14px; margin-bottom: 15px; font-size: 32px; color: #082843; font-family: 'CenturyGothic-Bold'; font-weight:normal; text-transform:uppercase; }
.contact_form p { display: inline-block; width: 100%; margin-bottom: 18px; }
.contact_form .input-text, .contact_form select { width: 100%; height: 44px; padding-left: 14px; font-size: 14px; color: #aaa; background: #f4f4f4; border: solid 1px #dfdfdf;  font-family: 'CenturyGothic'; font-weight:normal; border-radius:0px; }
.contact_form select { /*background: url(../images/select-bg.jpg) no-repeat right center #f4f4f4;
	appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;*/
}
.contact_form select option { padding-left: 14px; font-size: 14px; color: #c7c7c7; border-color: #dfdfdf; }
.contact_form .float-left, .contact_form .float-right { width: 48%; }
.contact_form textarea.input-text { height: 134px; padding-top: 15px; resize: none; border-radius:0px; }
.contact_form .submit { width: 132px; height: 34px; margin-right:10px; padding: 0px; font-size: 15px; color: #fff; text-align: right; background:#082843; border: none;   font-family: 'CenturyGothic'; font-weight:normal; text-align:center; cursor: pointer; border-radius:0px; }
.contact_form .submit:hover { background:#000;}
.contact_form  .clear { width: 132px; height: 34px; margin-right:10px; padding: 0px; font-size: 15px; color: #082843; text-align: right; background:none; border: 1px solid #082843;   font-family: 'CenturyGothic'; font-weight:normal; text-align:center; cursor: pointer;  border-radius:0px; }
.contact_form .clear:hover { background:#082843; color:#fff;}
.contact_map { width: 100%; min-height: 472px; border-radius:6px; }




/*============
  Customer Page
==============*/
.we_work { width:100%; padding:50px 0;}
.we_work h4 { width:100%; font-size:30px; color:#082843; text-align:center; font-family: 'CenturyGothic-Bold'; font-variant:normal; }
.we_work .we_work_list { width:100%; float:left; margin:40px 0 0; padding:0px; list-style:none; }
.we_work .we_work_list li { width:33.33%; float:left; margin:0px; padding:0 0 10px 26px; list-style:none; background:url(../images/bullet.png) left 8px no-repeat; font-size:20px; color:#5f636a; font-family: 'CenturyGothic-Bold'; font-variant:normal;  }

ul.cust_logo { width:100%; float:left; margin:40px 0 0; padding:0px; list-style:none; }
ul.cust_logo li { width:17.6%; float:left; margin:0px 3% 30px 0; padding:0px; list-style:none; border:1px solid #dddddd; box-sizing:border-box; overflow:hidden; border-radius:6px; }
ul.cust_logo li img { width:100%; height:auto; border-radius:6px;  }
ul.cust_logo li:hover img { -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.2);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.2);
    transition: all 200ms ease-in;
    transform: scale(1.2); }
ul.cust_logo li:nth-child(5n) { margin-right:0px; } 


.def-btn { background:#082843; font-size:15px; border-radius:0px; color:#fff; padding:5px 25px;}
.def-btn:hover { background:#000;}
.modal-header {position: relative; display: block;}
.modal-title { color:#082843; font-family: 'CenturyGothic-Bold'; }
.subtitle {font-size: 14px; clear: both; display: block;}
.modal-body { padding:25px;}
.modal-content input[type="text"], .modal-content input[type="email"], .modal-content textarea  { font-size:14px; font-family: 'CenturyGothic';}
.modal-header .close {position: absolute; top: 4px; right: 0; margin: 0;}

.fr {float: right !important;}
.fl {float: left !important;}

/*============
  Services Page Talio
==============*/
.services_page { width:100%; padding:0px; }
.services_bg { background:#ffffff; position:relative;}

h4.t_page { width:100%; font-size:36px; float:left; margin-top:70px; color:#082843; text-align:center; font-family: 'CenturyGothic-Bold'; font-variant:normal; text-transform:uppercase; }

.bg_cuve { position:relative; float:left; width:100%; background: #f4f4f4 url(../images/bg_line_white.jpg) left top repeat-x !important;   }
.bg_cuve:after { content:""; position:absolute; left:0%; top:500px;  width:100%; height:202px; background:url(../images/team_cuve.png) center center no-repeat;}



h3.sub_tit { margin: 50px 0 -20px 0; font-size: 32px; color: #082843; font-family: 'CenturyGothic-Bold'; font-weight:normal; text-transform:uppercase; }


/*****
 * Careers Page
 *****/
.careerspage h1::after {display: none;}
.careerspage .jobbox {border: 1px solid #d1d1d1; padding: 21px 29px 29px; margin-top: 30px;}
.careerspage .jobbox h3 {line-height: 27px;}
.careerspage .jobbox h3 a {font-family: 'CenturyGothic-Bold'; font-size: 24px; color: #082843; text-transform: uppercase;}
.careerspage .jobbox h3 a:hover {text-decoration: none; color: #a4d13a;}
.careerspage .jobbox .imgbox {display: block; margin: 21px 0 25px;}
.careerspage .jobbox .imgbox img {width: 100%;}
.careerspage .jobbox ul {padding: 0; margin-bottom: 20px;}
.careerspage .jobbox ul li {display: block; margin: 10px 0; width: 100%; background: url(../images/arrowpoint.png) no-repeat 0 5px; font-size: 14px; color: #787878; padding-left: 27px;}
.careerspage .jobbox .appbtn {display: inline-block; font-family: 'CenturyGothic-Bold'; color: #ffffff; text-transform: uppercase; background-color: #a4d13a; padding: 6px 22px;}
.careerspage .jobbox .appbtn:hover {background-color: #082843; text-decoration: none;}


/*======================
  Company Branding Page
========================*/
.company_branding {width:100%;}
.compny_part {width:100%; float:left; margin:0px; padding:0px;}
.compny_part .cb_left {width:48%; float:left; margin:0px; padding:0px 0 40px 0;}
.compny_part .cb_left img {max-width:100%; height:auto;}
.compny_part .cb_left iframe {width:100%; height:350px;}
.compny_part .cb_right {width:49%; float:right; margin:0px; padding:0px;}
.compny_part .cb_right img {max-width:100%; height:auto;}
.compny_part .cb_right h5 {font-size:28px; color:#082843; font-family: 'CenturyGothic-Bold'; text-transform:uppercase;}
.compny_part .cb_right h6 {font-size:24px; color:#082843; font-family: 'CenturyGothic-Bold'; text-transform:uppercase;}
.compny_part .cb_right p {font-size:16px; color:#787878;  font-family: 'CenturyGothic'; line-height:26px;}
.compny_part .cb_right ul {width:100%; float:left; margin:10px 0; padding:0px; list-style:none;}
.compny_part .cb_right ul li {width:100%; float:left; margin:0px; padding:0 0 10px 26px; list-style:none; background:url(../images/bullet.png) left 5px no-repeat; font-size:16px; color:#787878; font-family: 'CenturyGothic'; font-variant:normal;  }


@media only screen and (max-width: 1199px){
  .nav a {padding: 0 10px;}
  .nav > li > .parent {padding-right: 10px;}
  .banner .flex-caption {width: 62% !important; top: 40px !important;}
  .about h2 {font-size: 58px; line-height: 71px;}
  .about h2 span {font-size: 48px; line-height: 44px;}
  h1.page_title {width: 100%; padding: 0px 15px;}
  .about_text .row {margin: 0px;}
  .contact_info .info_box {width:100%!important; background-size: 100% 475px !important;}
  .team_part_tab {margin-top: 0;}
  .services_page {overflow: hidden; margin-top: 10px;}


}
@media only screen and (max-width: 1023px) {
.wrappen { width:750px; }
	
}
@media only screen and (max-width: 991px){
  .menu_main {clear: inherit; width: 447px; margin-top: 20px;}
  .banner .flex-caption {top: 20px !important;}
  .banner .flex-caption h2 {font-size: 32px !important; line-height: 35px !important;}
  .about h2 {font-size: 38px; line-height: 66px;}
  .about h2 span {font-size: 35px; line-height: 17px;}
  .taleo_part .taleo_box h3 {font-size: 21px;}
  .careerspage .jobbox {padding: 15px;}
  .careerspage h1 {padding: 0px;}
  .TabbedPanelsTabGroup {width: 100% !important;}
  /*.contact_info .info_box {background-size: 80% 475px !important;width: 90% !important;}*/
}

@media screen and (max-width: 768px) {
/*Menu*/	 
.menu_main {border:none; margin-top: 80px;}
.active { display: block; }
header .container {position: relative;}
.menu_main {width: auto;}
.menu_main .nav {position: absolute; z-index: 11; left: 0; top: 160px;}
.nav > li {width: 100%; background-color: #ffffff; padding:0px; border:none; }
.nav > li a {padding:0 15px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-top: 1px solid #DADADA; background-image: none;}
/*.nav > li a:hover { border:none; border-bottom:1px solid #cd5254; background:#c03739; color:#fff;}*/
/*.nav li:hover > a { border-bottom:1px solid #cd5254; color:#fff;}*/
.nav li.green_bg a {margin: 0;}
.nav > li > .parent { background:none; }
.nav li li .parent { background:none; }
.nav li span.arrow { display:inherit; width:40px; height:36px; position:absolute; right:0px; top:0px; background-color:#082843; background-image: url("../images/downArrow.png"); background-repeat: no-repeat; background-position: center center; cursor:pointer; border:none; }
.nav li span.arrow:hover { border:0px;}
.nav ul { display: block; width: 100%; }
.nav > li.hover > ul, .nav li li.hover ul { position: static; }
.nav li.hover span { transform:rotate(180deg); height:34px; }
.nav li ul { width:100%; background:none}
.nav li ul li { padding:0px; border:none;}
.nav li ul li a { padding:0 15px 0 30px; background:#fff; border-bottom:0px solid #cd5254; line-height:32px; }
.nav li ul li a:hover { background:#fff; border-bottom:0px solid #cd5254; }
.nav li li a { background:none !important; color:#5f636a; }
.nav li li a:hover { background:none !important;  color:#000; }
.nav li li li a { background:none; z-index:200; }

}



@media screen and (max-width: 767px) {	
.wrappen { width:580px;}
header {position: relative !important; top: 0px;}
.haed_left span {padding-right: 12px;}
.haed_left i {margin-left: 0;}
.mhide {display: none;}
.banner .flex-caption {width: 100% !important; padding: 0 15px !important; left: auto !important; transform:none!important; -moz-transform:none !important; -webkit-transform:none !important;}
.banner .flex-caption h2::after, .banner .flex-caption p {display: none;}
.banner .flex-caption h2 {margin-bottom: 0 !important;}
.about h2 {width: 100%;}
.taleo_part .taleo_box {margin-bottom: 20px;}
.logo_slide {padding-left: 10px; padding-right: 10px;}
footer ul {margin-bottom: 0;}
footer .copy {text-align: center; width: 100%; line-height: 8px; padding-top: 15px; padding-bottom: 10px;}

footer .ftr_ling {width: 100%; text-align: center;line-height: 25px; margin-bottom: 5px;}
footer .ftr_ling a {line-height: 14px; display: inline-block;}
.team_part li {width: 29%;}
.customer_testi .testi_bg {padding: 20px!important;}
.customer_testi p {padding: 0px 0px 20px!important;}
.customer_testi p::before, .customer_testi p::after {display: none;}
.contact_info .info_box {margin-bottom: 20px; background-color: #092844; background-size: auto !important;}
.we_work .we_work_list li {width: 50%;}
h4.t_page {margin-top: 50px;}



.compny_part .cb_left {width: 100%; padding-bottom: 15px;}
.compny_part .cb_right {width: 100%; padding-top: 15px;}



@media only screen and (max-width: 575px) {
  .head_top {padding-bottom: 12px !important;}
  .haed_left {width: 297px; margin: 0 auto; float: none;}
  .head_right {width: 210px !important;}
  .head_right span, .head_right i {line-height: 19px;}
  .menu_main .nav {top: 191px;}
  .banner .flex-caption h2 {padding-bottom: 5px !important;}
  .about, section {padding: 30px 0;}
  .one_up_job {background-image: none; height: auto; padding: 10px 0 50px;}
  .one_box {width: 100%; margin: 0;}
  ul.cust_logo li {width: 33.3%; margin: 10px; width: 28.8%;}
  ul.cust_logo li:nth-child(5n) {margin: 10px;}
  .we_work .we_work_list li {font-size: 18px;}
.compny_part .cb_right {width: 100%; padding-top: 15px;}

  .inner_banner img {height: 143px; object-fit: cover;}
}

@media only screen and (max-width: 599px) {
.wrappen { width:460px; }

}

@media only screen and (max-width: 479px) {
.wrappen { width:360px; }
.container-fluid {padding: 0px;}
/*.haed_left {width: 100%;}*/
.haed_left span {padding-right: 10px;}
#sliderpart .owl-carousel .item .sliderimg img {height: 280px; object-fit: cover;}
.team_part li {width:100%; margin-right: 0px; margin-left: 0px; }
footer .ftr_ling a {margin: 0 16px;}
ul.cust_logo li {width: 43.1%;}
.contact_info .info_box {min-width: auto !important; background-image: none;}
.contact_form .float-left, .contact_form .float-right {width: 100%;}
.contact_form .float-left {margin-bottom: 10px;}
.contact_form p {margin-bottom: 5px;}
.contact_form textarea.input-text {margin-top: 5px; margin-bottom: 5px;}
.we_work .we_work_list li {width: 100%;}
}



@media only screen and (max-width: 374px) {
.wrappen { width:305px; }
	
}