@import url(https://fonts.googleapis.com/css?family=Open+Sans|Ubuntu:400,700|Playfair+Display|Roboto:400,700,900);
html, body, #section-page { height: 100%; }
html, .btn, input, select, textarea { color: #363636; font-family: inherit; }
body { background: #fff; color: #757575; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.6; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
p { margin: 0 0 10px; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #dbdbdb; margin: 30px 0 20px; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; margin: 0 0 10px; }
h6 { font-size: 11px; }
h5 { font-size: 13px; }
h4 { font-size: 15px; }
h3 { font-size: 18px; }
h2 { font-size: 20px; }
h1 { font-size: 24px; }
img { vertical-align: middle; max-width: 100%; }
.map img { max-width: inherit; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: none; }
input:focus, textarea:focus, .btn:focus { outline: none; }
address { font-style: normal; }
::-webkit-input-placeholder { color: #8f8f8f; }
:-moz-placeholder { color: #8f8f8f; }
::-moz-placeholder { color: #8f8f8f; }
:-ms-input-placeholder { color: #8f8f8f; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
a { color: #b00e13; outline: none; text-decoration: none; -webkit-transition: color 0.15s ease-in; -moz-transition: color 0.15s ease-in; -o-transition: color 0.15s ease-in; transition: color 0.15s ease-in; transition: all 0.5s; }
a:hover { color: #333; text-decoration: none; }
.container { margin: 0 auto; width: 1150px; }
.f-left { float: left !important; }
.f-right { float: right !important; }
.a-center { text-align: center !important; }
.a-left { text-align: left !important; }
.a-right { text-align: right !important; }
.mr35 { margin-right: 35px !important; }
.breadcrumb { background: #f3f3f3; color: #fff; font-size: 12px; list-style: none; padding: 0; text-transform: capitalize; }
.breadcrumb ul { padding: 0; }
.breadcrumb li { display: inline-block; }
.breadcrumb a { background: #6c6c6f; color: #fff; display: block; padding: 10px 20px }
.breadcrumb a:hover { background: #007dc5 }
.breadcrumb span { background: #007dc5; display: block; padding: 10px 20px }

/* document */
.document { line-height: 1.8; text-align: justify; }
.document h3 { font-weight: 600; margin: 0 0 10px; color: #323232; }
.document h4 { font-weight: bold; margin: 0 0 10px; color: #323232; }
.document h5 { margin: 0 0 5px; color: #323232; }
.document h6 { margin: 0 0 0; color: #323232; }
.document p { margin: 10px 0 20px; }
.document li { line-height: 1.8; padding-bottom: 4px; }
.document .disc-blue > li:before { background: #007dc5; }
.document li ul { margin-left: 35px; }
.document .f-right { margin: 12px 0 10px 30px; }
.document .f-left { margin: 12px  30px 10px 0; }
.document table { width: 100%; }
.document table td { text-align: left; vertical-align: top; }
.document img { margin-bottom: 20px; }
.document strong { color: #323232; }

/* Helper classes */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after, .document:after, .document:before, .form-group:before, .form-group:after, .container:after, .container:before { content: " "; display: table; }
.clearfix:after, .form-group:after, .document:after, .container:after { clear: both; }
.clearfix, .form-group, .document, .container { *zoom: 1; }
 
/* Header */
.header-container { background: rgba(255, 255, 255, .8); }
.header-container > .container { height: 100%; position: relative; }
.header-commons { float: left; }
.logo { float: left; margin: 15px 0 0; }
.h-right { float: right; }
.h-career { text-align: right; margin-bottom: 2px; }
.h-career a { background: #fff; color: #fff; height: 34px; padding: 6px 22px; display: inline-block; text-align: center; width: 180px;  }
.h-career a:hover { background: #fff; }
.h-list { display: none; float: right; padding: 0; margin: 0; font-family: 'Ubuntu', sans-serif; }
.h-list li { float: left; margin-right: 60px; list-style-type: none; }
.h-list li:first-child, .h-list li.email { background: url(../img/icon-tel.png) left center no-repeat; font-size: 16px; font-weight: 700; padding: 6px 0 6px 40px; }
.h-list li.email { background-image: url(../img/icon-mail.png); }
.h-list a { color: #000; }
.h-list a:hover { color: #b00e13; }
.form-search { position: relative; width: 180px; z-index: 2; float: right; }
.btn-search { width: 30px; height: 34px; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; background-color: #ed1d24; position: absolute; right: 0; top: 0; z-index: 2; border: none; color: #fff; transition: all 0.5s; }
.btn-search:hover { background: #ed841d; }
.form-control-search { height: 34px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #fff; border: solid 1px #e9e9e9; padding: 3px 35px 3px 10px; width: 100%; }
.nav { background: #6c6c6f; height: 100%; margin-top: 15px; }
.nav .h-career { display: none; }
.menu { padding: 0; font-family: 'Ubuntu', sans-serif; }
.menu > li { float: left; position: relative; text-align: center; }
.menu a { border-bottom: 2px solid transparent; color: #fff; display: block; padding: 15px 0; text-transform: uppercase; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s; position: relative; }
.menu a:before, .menu li:last-child a:after { content: ""; background: #5b5b5f; width: 1px; top: 5px; bottom: 5px; left: 0; position: absolute; }
.menu li:last-child a:after { left: auto; right: 0; }
.menu a:hover, .current-menu-item > a { background: #007dc5; border-color: #005180; }
.menu a:hover:after, .menu a:hover:before, .current-menu-item > a:after, .current-menu-item a:hover:before { display: none; }
.main-content { width: 858px; float: right; }
.sidebar { width: 270px; float: left; }
.sidebar h3 { background: #323232; color: #fff; text-align: center; text-transform: uppercase; font-size: 24px; padding: 6px; margin: 0; }
.sidebar ul { margin: 0; padding: 0; list-style-type: none; }
.sidebar a { border: 1px solid #ccc; border-top: none; display: block; background: #fff; color: #757575; padding: 8px 40px 8px 25px; position: relative; }
.sidebar a:before { content: "\f054"; color: #fff; font-family: 'FontAwesome'; position: absolute; right: 20px; top: 50%; margin-top: -11px; }
.sidebar .active a,
.sidebar a:hover { background: #007dc5; color: #fff; position: relative; }
.sidebar .active a { font-weight: bold; }

/* Banner */
.bn { width: 100%; }
.bn img { width: 100%; }

/* Footer */
.footer-top { background: #c4dce8; color: #6e8794; padding: 40px 0 30px; }
.footer-top h4 { color: #000; font-family: 'Ubuntu', sans-serif; font-size: 20px; font-weight: 700; text-transform: uppercase; position: relative; padding-bottom: 10px; margin-bottom: 25px; }
.footer-top h4:before { content: ""; background: #a0c6d9; height: 1px; width: 172px; position: absolute; left: 0; bottom: 0; }
.footer-top ul { list-style: none; margin: 0; padding: 0; }
.footer-info, .footer-links { float: left; margin-bottom: 20px; width: 50%; }
.footer-info { padding-right: 90px; }
.footer-info ul { padding-top: 10px; }
.footer-info li i { color: #007dc5; display: inline-block; width: 20px; }
.footer-links ul { margin: 0; padding: 0; list-style-type: none; }
.footer-links li { float: left; padding: 0 12px 10px; width: 50%; }
.footer-links li:nth-child(2n) { margin-right: 0px; }
.footer-links a { color: #6e8794; }
.footer-links a:hover { color: #fff; }
.footer-connect { margin-right: 0; }
.footer-connect li { float: left; margin-right: 10px; }
.footer-connect a { background: #3b5998; width: 40px; height: 40px; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; color: #fff; font-size: 18px; text-align: center; line-height: 40px; }
.youtube a { background: #cc181e; }
.linkedin a { background: #007bb6; }
.footer-connect a:hover { color: #000; }
.copyright { background: #007dc5; color: #fff; font-size: 12px; padding: 15px 0; text-align: center; }
.copyright p { margin-bottom: 0; }


/**
 * Our Group Page */
.main { padding-bottom: 30px; padding-top: 70px; }
.title-1 { border-bottom: 1px solid #e6e6e6; color: #323232; font-weight: bold; font-size: 30px; text-transform: uppercase; padding-bottom: 20px; margin: -12px 0 40px; }
.title-2 { color: #323232; font-weight: bold; font-size: 30px; text-transform: capitalize;  margin: 0 0 20px; }
.title-3 {  color: #323232; font-weight: bold; font-size: 24px; text-transform: capitalize;  margin: 0 0 20px; text-align: center; }
.title-4 { margin-bottom: 20px; position: relative; text-align: center; overflow: hidden; }
.title-4 span { font-size: 25px; font-weight: 500; font-family: 'Roboto', sans-serif; color: #373737; border: 1px solid #e6e6e6; border-radius: 30px; padding: 2px 35px; position: relative; display: inline-block; }
.title-4 span:before,
.title-4 span:after { background: #e6e6e6; content: ""; height: 1px; top: 50%;position: absolute; width: 140px }
.title-4 span:after { left: 100%; }
.title-4 span:before { right: 100%; }

.btn-1 { border: 1px solid #007dc5; border-bottom: 2px solid #005180; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #007dc5; color: #fff; font-family: 'Ubuntu', sans-serif; padding: 8px 25px; display: inline-block; }
.btn-1:hover { background: #fff; color: #007dc5; }
.btn-2 { border: 1px solid #b00e13; border-bottom: 2px solid #92090d; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #b00e13; color: #fff; font-family: 'Ubuntu', sans-serif; text-transform: uppercase; padding: 8px 25px; display: inline-block; }
.btn-2:hover { background: #b00e13; color: #fff; }
.btn-3 { border: 1px solid #005180; border-bottom: 2px solid #005180; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #fff; color: #005180; font-family: 'Ubuntu', sans-serif; padding: 8px 25px; display: inline-block;  }
.btn-3:hover { background: #007dc5; border-color: #007dc5; color: #fff;  }
.btn-4 { color: #007dc5; font-family: 'Ubuntu', sans-serif; font-size: 12px; text-transform: uppercase; display: inline-block;  }
.btn-4:hover { color: #b00e13;  }
.btn-more { font-size: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; }

/* Home Page */
.bn-slider { list-style: none; margin: 0; padding: 0; position: relative; }
.bn-slider img { width: 100%; }
.bn-slider .slick-slide { position: relative; }
.bn-caption { bottom: 0; height: 100%; left: 0; position: absolute; width: 100%; }
.bn-caption .container { height: 100%; display: table; }
.bn-content { line-height: 1.2; font-size: 18px; color: #fff; font-family: 'Roboto', sans-serif; display: table-cell; vertical-align: middle; text-align: center; width: 100%; }
.bn-content h2 { font-size: 70px; letter-spacing: 2px; font-weight: 400; text-transform: uppercase; margin: 0 0 10px; }
.bn-content h1 { font-size: 50px; font-weight: 400; margin: 0 0 10px; }
.bn-content h1 strong { font-weight: 700; }
.bn-content p { line-height: 1.8; margin-bottom: 30px; }
.slick-dots { list-style: none; margin: 0; padding: 0; text-align: center; bottom: 20px; position: absolute; width: 100%; }
.slick-dots li { display: inline-block; margin: 0 5px; }
.slick-dots button { background: none; border: 2px solid #fff; border-radius: 15px; height: 15px; width: 15px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; padding: 0; text-indent: -9999px;  }
.slick-active button,
.slick-dots button:hover { background: #fff; }

.home-solutions { background: url(../img/home-solutions.jpg) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover; padding: 60px 0; }
.home-solutions h2 { color: #757575; font-size: 36px; text-align: center; font-weight: 300; }
.solutions-slider { list-style: none; margin: 0 -14px; padding: 0; text-align: center; position: relative; }
.solutions-slider li { padding: 30px 12px 20px; position: relative; }
.solutions-slider img { margin: 0 auto 14px; }
.solutions-inner { border-radius: 4px; height: 100%; padding: 30px 24px 60px; }
.solutions-slider h3 { color: #323232; line-height: 1.2; }
.solutions-img { height: 90px; }
.solutions-img .img-hover,
.solutions-slider li:hover .img-normal  { display: none; }
.solutions-slider li:hover .img-hover { display: block; }

.solutions-slider .sl-btn { bottom: 40px; left: 0; position: absolute; width: 100%; text-align: center; }
.solutions-slider .btn-3 { background: none; border-radius: 0; border: none; border-bottom: 1px solid #005180; padding: 0; }
.solutions-slider li:hover .solutions-inner { background: #007dc5; color: #fff; }
.solutions-slider li:hover h3 { color: #fff; }
.solutions-slider li:hover .btn-3 { border-bottom: 1px solid #b00e13; color: #b00e13; }
.solutions-slider .slick-arrow,
.home-list-services .slick-arrow { border: none; height: 60px; display: block; text-indent: -9999px; width: 32px; position: absolute; top: 50%; margin-top: -30px; }
.solutions-slider .slick-prev,
.home-list-services .slick-prev { background: url(../../SPR/img/arrow-prev.png) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover; left: -60px; }
.solutions-slider .slick-next,
.home-list-services .slick-next { background: url(../../SPR/img/arrow-next.png) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover; right: -60px; }

.home-services { padding: 60px 0; }
.services-menu { border: 1px solid #eceaea; border-radius: 20px; list-style: none; margin: 0 0 30px; padding: 0; display: inline-block; text-align: center; }
.services-menu li { display: inline-block; vertical-align: top; margin: 0 -2px; }
.services-menu a,
.services-menu .active { color: #a5a5a5; font-size: 11px; font-weight: 600; padding: 8px 10px; text-transform: uppercase; }
.services-menu a { display: block; }
.services-menu a:hover,
.services-menu .active { background: #b00e13; color: #fff; }
.services-menu li:first-child a,
.services-menu .active:first-child { border-radius: 20px 0 0 20px; padding-left: 20px; }
.services-menu li:last-child a,
.services-menu .active:last-child { border-radius: 0 20px 20px 0; padding-right: 20px; }
.home-list-services { list-style: none; margin: 0; padding: 0; }
.home-list-services li { float: left; padding: 0 15px; width: 33.3%; position: relative; }
.home-list-services li:before { content: ""; position: absolute; top: 0; right: 15px; bottom: 0; left: 15px; background: #0084d0; opacity: 0; filter: alpha(opacity=0); transition: all 0.5s }
.home-list-services li:hover:before { opacity: 0.73; filter: alpha(opacity=73); }
.ser-content { background: #2e3031; color: #fff; padding: 15px 30px 15px 20px; position: relative; transition: all 0.5s }
.ser-content:before { content: "\f054"; color: #959798; font-size: 16px; font-family: 'FontAwesome'; position: absolute; right: 20px; top: 50%; margin-top: -12px; }
.home-list-services li:hover .ser-content { background: #0084d0 ;color: #fff; }
.home-list-services li:hover .ser-content:before { color: #fff; }
.ser-content h4 { font-size: 16px; margin: 0; }
.ser-content p { margin: 0; }
.partners-slider { padding: 0; margin: 65px 0; text-align: center; }
.partners-slider img { display: inline-block; }
.partners-slider .slick-arrow { background: none; border: none; height: 30px; display: block;width: 32px; position: absolute; top: 50%; margin-top: -15px; color: #fff; color: transparent; }
.partners-slider .slick-arrow:focus { outline: none; }
.partners-slider .slick-arrow:before { content: "\f054"; color: #373737; font-size: 16px; font-family: 'FontAwesome'; position: absolute; top: 0; right: 0; left: 0; z-index: 2; }
.partners-slider .slick-arrow:hover:before { color: #b00e13; }
.partners-slider .slick-prev { left: -30px; }
.partners-slider .slick-prev:before { content: "\f053";}
.partners-slider .slick-next { right: -30px; }
.home-blocks h2 { font-family: 'Ubuntu', sans-serif; font-size: 30px; text-transform: uppercase; color: #000; text-align: center; margin-bottom: 30px; }
.home-blocks img { width: 100%;	 }
.home-news, .home-events { background: #fbfbfb; float: left; width: 100%; padding: 80px 5% 120px; }
.home-item {position: relative;}
.home-item .btn-view { bottom: 40px; text-align: center; left: 0; width: 100%; position: absolute; }
.home-events { background: #efefef; }
.home-events .inner { float: left; }
.list-news { margin: 0 0 30px; }
.list-news dt { padding: 10px 0 5px; font-size: 18px; font-weight: bold; color: #000; }
.list-news dd { margin: 0; padding: 0 0 10px; border-bottom: 1px solid #ccc; }
.list-events { margin: 0 0 30px; padding: 0; list-style: none; }
.list-events li { background: #fff; width: 48%; float: left; margin: 0 1%; padding-bottom: 60px; position: relative; }
.list-events .text { padding: 0 10px 20px; text-align: center; font-size: 12px; color: #8e8e8e; }
.list-events .text .btn-align { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; }
.list-events .date { background: #0088cc; border: 8px solid #fff; color: #fff; width: 74px; height: 74px;  font-family: 'Roboto', sans-serif; font-size: 29px; margin: -37px auto 20px; display: inline-block; line-height: 1; padding-top: 10px; }
.list-events .date small { font-size: 12px; font-weight: normal; display: block; line-height: 1; }
 
.tab-content { height: 0; overflow: hidden; }
.tab-content.tab-active { height: auto; overflow: inherit; }


/* Contact */
.contact-cnt { margin-bottom: 50px; }
.contact-info h2 { color: #007dc5; font-size: 30px; text-align: center; text-transform: uppercase; }
.contact-info ul { padding: 0; margin: 0 0 45px; }
.contact-info li { padding-left: 55px; width: 270px; float: left; position: relative; list-style-type: none; }
.contact-info li i { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; left: 0; right: 5px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #007dc5; font-size: 18px; border: 1px solid #007dc5; position: absolute; }
.contact-info a { color: #757575;}
.contact-info a:hover { color: #b00e13;}
textarea.form-control { height: 120px; }
.contact-form { margin-bottom: 40px; }
.contact-form .btn { margin: 30px 0 0; padding: 11px 30px; }
.contact-form .form-group { margin-bottom: 20px; } 
.map { height: 570px; width: 100%; margin-bottom: 20px; }
.contact-company { border-top: 1px solid #e9e9e9; padding-top: 20px; margin-top: 30px; text-align: center; }
.contact-company h4 { color: #007dc5; font-size: 18px; margin: 0; }

/* Careers */
.careers-text { padding-left: 12px }
.careers-text a { color: #007dc5; text-decoration: underline; }
.careers-text a:hover { color: #b00e13; }
.careers-cnt { border-top: 1px solid #e9e9e9; padding-top: 40px; margin-top: 40px; margin-bottom: 40px; }
.careers-box { display: table; width: 100%; margin-bottom: 70px; }
.careers-box .image { display: table-cell; -webkit-border-radius: 50px 50px 0; -moz-border-radius: 50px 50px 0; border-radius: 50px 50px 0; background-color: #fff; border: solid 7px #f5f5f5; width: 270px; overflow: hidden; vertical-align: middle; }
.careers-box .text { display: table-cell; -webkit-border-radius: 0 50px 50px 0; -moz-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; background-color: rgba(250, 250, 250, 0); border: solid 7px #f6f6f6; border-left: none; position: relative; padding: 20px 35px; vertical-align: middle; }
.careers-box .text * { position: relative; z-index: 1; }
.careers-box .text:before { content: "“"; font-family: 'Playfair Display', serif; color: #007dc5; font-size: 150px; background: #fff; padding: 0 8px; position: absolute; top: -15px; left: -7px; line-height: 80px; z-index: 0; }
.careers-box .text:after { content: "”"; font-family: 'Playfair Display', serif; color: #007dc5; font-size: 150px; background: #fff; padding: 0 8px; position: absolute; bottom: -70px; right: -7px; line-height: 100px; z-index: 0; }
.careers-box .text:first-child { -webkit-border-radius: 50px 0 0 50px; -moz-border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px; border-left: solid 7px #f6f6f6; border-right: none; }
.careers-box .text:first-child:after { right: 0; }
.careers-box .image:last-child { -webkit-border-radius: 0 50px 50px; -moz-border-radius: 0 50px 50px; border-radius: 0 50px 50px; }
.careers-box h4 { font-size: 16px; color: #323232; }
.careers-box h4 small { font-size: 12px; font-weight: normal; color: #757575; display: block; }
/* Careers-opportunity */
.careers-box02 { border-bottom: 1px solid #e9e9e9; display: table; width: 100%; }
.careers-box02 .image { padding: 50px 0; display: table-cell; width: 270px; }
.careers-box02 .image img { border: 1px solid #e9e9e9;}
.careers-box02 .text { padding: 50px 0 50px 25px; display: table-cell; vertical-align: middle; }
.careers-box02 h4 { color: #323232; font-size: 24px; margin: 0; }
.form-available { margin-bottom: 45px; }
.form-available select { width: 367px; }
.btn { border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #007dc5; color: #fff; font-family: 'Ubuntu', sans-serif; text-transform: uppercase; padding: 12px 15px; display: inline-block; margin-left: 7px; transition: all 0.5s; }
.btn:hover { background: #035f94; color: #fff }
select { color: #757575; }
.list-careers { margin: 0; padding: 0; }
.list-careers li { border: 1px solid #e9e9e9; border-bottom: none; display: table; width: 100%; }
.list-careers li:last-child { border-bottom: 1px solid #e9e9e9; }
.list-careers li .text { padding: 40px 35px; display: table-cell; width: 85%;}
.list-careers li .btn { padding: 40px 0; vertical-align: middle; display: table-cell; width: 180px; text-align: center; }
.list-careers h3 { color: #323232; font-size: 24px; margin-bottom: 0; }
.list-careers p { margin: 15px 0 0; }
.list-careers .info { margin: 0; overflow: hidden; }
.list-careers .info span { padding-right: 10px; display: block; float: left; }
.list-careers .info .job { width: 35%; }
.list-careers .info .local { width: 25%; }
.list-careers .info .job-id { width: 12%; }
.list-careers .info .date { width: 28%; }
.list-careers .info small { color: #007dc5; font-size: 14px; }
.list-careers .btn-group { display: table-cell; vertical-align: middle; padding: 40px 35px 40px 0; text-align: right; width: 167px; }

.paging { margin: 30px 0 0; }
.paging ul { float: right; margin: 0; padding: 0; }
.paging li { float: left; margin-left: 5px; list-style-type: none; }
.paging a { border: 1px solid #e9e9e9; display: block; width: 30px; height: 30px; text-align: center; color: #0b3251; font-size: 11px; line-height: 30px; }
.paging a.active, .paging a:hover { background: #007dc5; color: #fff; }
.careers-signup { text-align: center; padding-bottom: 50px; }
.careers-signup h3 { color: #007dc5; display: inline-block; font-size: 24px; margin-right: 30px; }
.btn-apply { cursor: pointer; }
.form-job { display: none; }

/* Careers-details */
.form-careers { margin-bottom: 100px; }
.form-table { border-top: 1px solid #e9e9e9; padding: 15px 0; margin: 50px 0 0; }
.form-col-2 { float: left; width: 50%; padding-right: 12px; }
.form-col-2:nth-child(2n) { padding-right: 0; padding-left: 12px;}
.form-col-3 { float: left; width: 33.33%; padding-right: 12px; }
.form-col-3:nth-child(3n) { padding-right: 0; padding-left: 12px;}
.form-group { margin-bottom: 15px; }
.form-group .note { font-style: italic; padding-top: 5px; }
.lb { display: block; }
.group-radio { padding-top: 5px; }
.group-radio label { margin-right: 20px; }
.group-radio label:last-child { margin-right: 0; }
input[type="radio"] { vertical-align: middle; margin-top: -2px; }
.form-control { background: rgba(255, 255, 255, .9); border: 1px solid #e9e9e9; height: 40px; padding: 5px 10px; width: 100%; }
.list-col-3 { padding: 0; margin: 0 -12px 50px; list-style-type: none; }
.list-col-3 li { width: 33.3%; padding: 0 12px; margin-bottom: 24px; float: left;}

 /* Case */
.solution h2 { font-size: 24px; text-align: center; text-transform: uppercase; }
.list-btn { padding: 0; margin: 0 0 30px; text-align: center; }
.list-btn li { display: inline-block; margin: 0 10px; list-style: none;  }
.solution { margin-bottom: 90px; }
.solution h3 { font-size: 30px;font-weight: bold; margin: 0; line-height: 1; }
.solution h4 { font-size: 24px; font-weight: normal; margin: 0 0 10px; }

/* New & Event*/
.event-page { margin-bottom: 100px; }
.heading { border-bottom: 1px solid #e6e6e6; padding-bottom: 24px; }
.heading .paging { margin: 30px 0 0; float: right; }
.heading .title-1 { border: none; padding-bottom: 0; margin: 0; float: left; padding-top: 12px; }
.event-box { border-bottom: 1px solid #e6e6e6; padding:  50px 0; }
.event-image { float: left; width: 270px; }
.event-box .title-3 { text-align: left; color: #007dc5; margin: 0; font-weight: inherit; }
.event-content { margin: -10px 0 0 294px; }
.event-box p { margin-top: 10px; }
.event-bnt { margin: 24px 0 0; }
a.btn { margin: 17px 0 0 0; }

/* Event-details */
.event-details { margin-bottom: 100px; }
.event-details-image { float: left; width: 370px; }
.event-details-content { margin-left: 394px; }
.event-details .title-3 { text-align: left; margin-top: -10px; }
.event-details p { margin-bottom: 30px; }

/* Solutions */
.solutions { margin: 0 -12px 65px; }
.solution-item { float: left; width: 33.3%; padding: 0 12px 20px; margin-bottom: 35px; position: relative; }
.solutions-image { float: left; width: 60px; }
.solutions-content{ margin-left: 84px; }
.solutions-content h3 { font-size: 18px; color: #323232; }
.solutions-content a { font-size: 12px; color: #007dc5; }
.solutions-content .btn-learn { position: absolute; bottom: 0; }
.solutions-content a:hover { color: #00466f; }

/* Solutions-details */
.solutons-details { margin-bottom: 60px; }
.solutons-details .a-center { margin: 50px 0; }
.infor-icon { padding: 0; list-style: none; margin: 0;}
.infor-icon li { float: left; padding: 30px 30px 0 0 ; width: 20%; }
.infor-icon h4 { text-align: center; font-weight: inherit; margin-top: 15px; }

/* Partners */
.partners-page { padding-bottom: 60px; }
.partners-page .link { border-bottom: 1px solid #007dc5; color: #007dc5; }
.accordion { margin-bottom: 40px; }
.accordion-section { margin-bottom: 20px; }
.accordion-title { border: 1px solid #e9e9e9; color: #757575; display: table; padding: 30px 60px 30px 40px; position: relative; width: 100%; }
.accordion-title:before { font-family: 'FontAwesome'; content: "\f067"; position: absolute; top: 50%; right: 40px; margin-top: -11px; }
.accordion-title.active:before { font-family: 'FontAwesome'; content: "\f068"; }
.accordion-title.active { background: #fbfbfb; }
.acc-img { display: table-cell; width: 150px; vertical-align: middle; }
.acc-content { display: table-cell; vertical-align: middle; }
.acc-title { color: #323232; display: block; font-size: 18px; margin-bottom: 8px; }
.acc-text { display: block; }

.accordion-content { border: 1px solid #e9e9e9; border-top: none; padding: 20px 40px; display: none; }
.partners-logo { list-style: none; margin: 0; padding: 0; }
.partners-logo li { display: inline-block; margin: 20px; }

/* Why CTC */
.whyctc { border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; }
.why.form-col-2 { margin: 45px 0 20px; }
.why-image { float: left; }
.why-text { margin-left: 196px; }
.why-text h3 { color: #000; font-weight: inherit; margin-bottom: 26px; }
.whyctc-ourkey { margin: 45px -12px 50px; }
.whyctc-icon { width: 33.3%; text-align: center; float: left; padding-right: 24px; }
.whyctc-icon p { text-align: justify; }
.whyctc-text h3 { color: #007dc5; margin-bottom: 20px; }
.whyctc-bt { margin-bottom: 80px; text-align: justify; }


/** Responsive */
@media (max-width:1200px) {
    .container { width: 980px; }
    .h-list li { margin-right: 20px; }
    .menu a { padding: 10px 10px; }
    .bn-text { float: none; margin: 0 auto; }
    .bn-content h2 { font-size: 50px; }
    .bn-content h1 { font-size: 30px; }
    .main-content { width: 72%; }
    .sidebar { width: 26%; }
    .contact-info li { float: none; width: 100%; margin-bottom: 10px; }

    .list-careers p.info span { display: block; width: auto !important; }
    .list-careers li .text { width: auto; }

}
@media (max-width: 1024px) {
    .container { width: 920px; }
    .header-commons { float: none; }
    .logo { margin: 25px 0 0; }
    .form-search, .h-career { width: 50%; float: left; margin-top: 0; }
	.form-search { padding-left: 2px; }
	.h-career { padding-right: 2px; }
	.h-career a { width: 100%; }
    .nav { background: none; float: right; margin: -20px 30px 10px 0; }
    .menu { display: none; background: #6c6c6f; margin: 0; padding: 0 0 !important; position: absolute; left: 0; width: 100%; top: 90px; z-index: 99; }
    .menu > li { float: none; margin-left: 0; width: 100% !important; }
    .menu > li > a { padding-bottom: 0; }
    .menu li a { color: #fff; padding: 5px 60px 5px 30px; }
    .menu a:hover, .current-menu-item > a { color: #fff; }
    .menu a:before { left: 0; top: 0; bottom: 0; height: 1px; width: 100%; }
    .sub-menu { display: none; padding: 0 0 0 20px; margin: 0; }
    .menu .icon-submenu { cursor: pointer; color: #b42820; background: #fff; border-radius: 3px; padding: 3px 10px; right: 30px; }
    .menu-toggle { height: 40px; width: 40px; margin: 9px 0 5px 5px; display: block; float: right; position: relative; z-index: 9; cursor: pointer; }
    .menu-toggle:before { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 21px; right: 0; display: block; height: 1px; width: 30px; background: #111; content: ''; }
    .menu-toggle:after { position: absolute; top: 30px; right: 0; display: block; height: 10px; width: 30px; border-top: 1px solid #111; border-bottom: 1px solid #111; content: ''; }
    .menu-open .menu-toggle:before { top: 28px; background: #111; width: 30px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
    .menu-open .menu-toggle:after { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; top: 28px; border: 0; height: 1px; width: 30px; background: #111; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
    .bn-content { font-size: 16px; }
    .bn-content h2 { margin-bottom: 0; font-size: 40px; }
    .bn-content h1 { margin-bottom: 0; font-size: 25px; }

    .solutions-slider .slick-next, .home-list-services .slick-next { right: -20px; }
    .solutions-slider .slick-prev, .home-list-services .slick-prev { left: -20px; }

    .home-news, .home-events { width: 100%; }
    .home-news .inner { float: none; max-width: 100%; }
}
@media (max-width:992px) {
    .container { padding-left: 30px; padding-right: 30px; width: 100%; }

    .solutions-slider { margin: 0 20px; }
    .solutions-slider .slick-arrow, .home-list-services .slick-arrow { height: 40px; width: 20px; }
    .solutions-slider .slick-next, .home-list-services .slick-next { right: -10px; }
    .solutions-slider .slick-prev, .home-list-services .slick-prev { left: -10px; }

    .partners-slider { margin: 50px 20px; }
    .partners-slider .slick-prev { left: 0; }
    .partners-slider .slick-next { right: 0; }
	.solutions-content {  margin-left: 75px;}
}
@media (max-width:950px) {
    .h-list li { font-size: 14px; background-size: 20px; }
}
@media (max-width:768px) {
	.bn-content { font-size: 13px; }
	.bn-content h2 { font-size: 30px; }
    .bn-content h1 { font-size: 15px; }

    .main { padding-top: 30px; }
    .nav { margin-right: 20px; }
    .container { padding-left: 20px; padding-right: 20px; }
    .main-content { width: 100%; float: none; margin-bottom: 20px; }
    .sidebar { width: 100%; float: none; margin-bottom: 30px; }
    .sidebar h3 { font-size: 18px; }
    .sidebar a { padding: 4px 20px 4px 15px; }
    .sidebar a:before { right: 10px; }
    .title-1 { font-size: 25px; padding-bottom: 5px; margin: 0 0 20px; }
    .title-2 { font-size: 25px; margin: 0 0 15px; }
    .title-3 { font-size: 20px; margin: 0 0 15px; }
    .breadcrumb a, .breadcrumb span { padding: 5px 10px }
    .footer-top { padding: 20px 0; }
    .footer-top h4 { font-size: 15px; padding-bottom: 3px; margin-bottom: 10px; }
    .footer-top h4:before { width: 90px; }
    .form-col-2 { width: 100%; float: none; padding: 0 !important; }
    .event-details-image { width: 200px; }
    .event-details-content { margin-left: 224px; }
	

    .whyctc-icon { width: 48%; }

    .home-solutions h2 { font-size: 26px; } 
	.solution-item { width: 50%;}
	.infor-icon li { padding: 20px 20px 0 0 ; }
}
@media (max-width:600px) {
    .careers-box { display: block; margin-bottom: 50px; }
    .careers-box .image { display: block; width: 100%; -webkit-border-radius: 30px 0 0 0; -moz-border-radius: 30px 0 0 0; border-radius: 30px 0 0 0; background-color: #fff; border: solid 5px #f5f5f5; overflow: hidden; text-align: center; }
    .careers-box .text { display: block; -webkit-border-radius: 0 0 30px 0; -moz-border-radius: 0 0 30px 0; border-radius: 0 0 30px 0; background-color: rgba(250, 250, 250, 0); border: solid 5px #f6f6f6; border-left: solid 5px #f6f6f6; border-top: none; position: relative; padding: 20px 35px; vertical-align: middle; }
    .careers-box .text:before { font-size: 100px; line-height: 40px; top: 0; background: none; }
    .careers-box .text:after { font-size: 100px; line-height: 40px; bottom: -12px; background: none; }
    .careers-box .text:first-child { -webkit-border-radius: 30px 0 0 0; -moz-border-radius: 30px 0 0 0; border-radius: 30px 0 0 0; border-left: solid 5px #f6f6f6; border-right: solid 5px #f6f6f6; border-top: solid 5px #f6f6f6; border-bottom: none; }
    .careers-box .text:first-child:after { right: 0; }
    .careers-box .image:last-child { -webkit-border-radius: 0 0 30px 0; -moz-border-radius: 0 0 30px 0; border-radius:0 0 30px 0; }
    .careers-box02 { display: block; }
    .careers-box02 .image { display: block; width: 100%; padding: 20px 0 10px; text-align: center; }
    .careers-box02 .text { display: block; padding: 0; }
    .careers-box02 h4 { font-size: 18px; }
    .list-careers li { display: block; }
    .list-careers li .text,
    .list-careers .btn-group { padding: 10px; display: block; }
    .list-careers li .btn { display: block; width: 100%; text-align: center; padding: 5px 0 20px }
    .list-careers h3 { font-size: 18px; }
    .form-available select { width: 100%; }
    .form-available .btn { margin:10px 10px 0 0 ; }
    .careers-signup h3 { margin: 0 0 10px; font-size: 18px; display: block; }
    .event-image { margin-bottom: 10px; float: none; }
    .event-content { margin: 0; }

    .home-news, .home-events { padding: 40px 20px 100px; }
    .list-events li { float: none; margin-bottom: 20px; width: 100%; }
    .list-events img,.list-events .text { height: auto; }
		.infor-icon li {  width: 25%; }
}
@media (max-width:550px) {
	.home-list-services { padding: 0 30px; }
	.home-list-services li { padding: 0; }
}
@media (max-width:500px) {
    .document h2 { font-size: 20px; }
    .form-col-3 { width: 100%; float: none; padding: 0 !important; }
    .event-details-image { float: none; margin-bottom: 20px; }
    .event-details-content { margin: 0; }
	.infor-icon li {  width: 33.33%; }
}
@media (max-width:450px) {
	.nav { float: left; width: 100%; padding: 0 60px 0 10px; position: relative }
	.logo { margin: 10px 0; }
	
    .menu { top: 100%; margin-top: 10px; }
    #header .h-list { float: left; padding-bottom: 10px; }
    #header .h-list li { background-size: 18px auto; padding: 2px 0 2px 20px; font-size: 13px; }
    .container { padding-left: 10px; padding-right: 10px; }
    .footer-info, .footer-links, .footer-connect { width: 100%; }
	
	.bn-slider { background: #aaa; }
    .bn-caption { background: #aaa; color: #333; padding: 20px 0 50px; position: relative; }
    .slick-dots { bottom: 10px; }
    .list-expertise li { width: 50%; }
    .form-group { margin-bottom: 10px; }
    .lb { float: none; }
    .group-txt { margin-left: 0; }

    .whyctc-ourkey { margin-left: 0; margin-right: 0; }
    .whyctc-icon { width: 100%; }
	.why-image { float: none; margin-bottom: 20px; }
	.why-text { margin-left: 0; }

	.acc-img { float: none; margin: 0 auto 10px; width: auto; }
	.acc-content { margin-left: 0; }

.ceo-img { float: none !important; margin: 0 !important; text-align: center; }

}
@media (max-width:399px) {
	.solution-item { width: 100%;}
		.infor-icon li { padding: 20px 20px 0 0 ; width: 50%; }
}