@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	vertical-align: baseline;
	line-height: normal;
	font-weight: normal;
}
input[type="submit"], input[type="button"], input[type="reset"], input[type="text"], textarea, button {
	-webkit-appearance: none;
	-khtml-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
}
*, *:before, *:after {
	box-sizing: border-box;
}
a {
	text-decoration: none;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
a:hover {
	transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.align-center {
	text-align: center;
}
@font-face {
	font-family: 'Roboto-Regular';
	src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Light';
	src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype'), url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto-Bold';
	src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/FontAwesome.eot?#iefix') format('embedded-opentype'), url('../fonts/FontAwesome.woff') format('woff'), url('../fonts/FontAwesome.ttf') format('truetype'), url('../fonts/FontAwesome.svg#FontAwesome') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	padding: 0px;
	margin: 0px;
}
h1 {
	font-size: 40px;
	color: #004f82;
	/*font-family: 'Roboto-Light';*/
	border-bottom: 5px solid #eeb603;
	padding: 0 0 10px 0;
	line-height: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}

@media screen and (max-width:430px) {
h1 {
	font-size: 30px;
}
}
.hidden_page {
	min-height: 300px;
}
body {
	font-family: 'Times New Roman', sans-serif;
	font-size: 18px;
	color: #474141;
	/*background-image: url(../images/body_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;*/
	height: 100%;
}
body.home-page {
	background: none;
}
.coming_soon {
	width: 80%;
	padding: 80px 0 80px 0;
	margin: auto;
	font-size: 20px;
	line-height: 30px;
}
.coming_soon a {
	color: #004f82;
	text-decoration: none;
}
.coming_soon a:hover {
	text-decoration: underline;
}
.main {
	margin: auto;
	max-width: 1200px;
	padding: 0 10px;
}
/*Banner Start*/
.banner {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.banner img {
	width: 100%;
	height: 90%;
}
.bnr0 {
	display: block;
}
.bnr1 {
	display: none;
}
.bnr2 {
	display: none;
}

@media screen and (max-width:800px) {
.bnr0 {
	display: none;
}
.bnr1 {
	display: block;
}
.bnr2 {
	display: none;
}
}

@media screen and (max-width:600px) {
.bnr0 {
	display: none;
}
.bnr1 {
	display: none;
}
.bnr2 {
	display: block;
}
}
.banner_inner {
	display: block;
	overflow: hidden;
}
.bnr_maintxt {
	display: block;
	position: absolute;
	width: 100%;
	top: 24%;
	z-index: 91;
}
.bnr_txt {
	margin: auto;
	max-width: 800px;
	width: 100%;
	text-align: center;
	font-family: 'Roboto-Light';
	font-size: 305%;
	color: #004f82;
	padding: 0 0 20px 0;
	text-transform: uppercase;
}
.bnr_txt span {
	position: relative;
	display: block;
	font-size: 47%;
	color: #474141;
	text-transform: none;
	text-shadow: 1px 1px 0px #D8E6EF;
	font-weight: normal;
}

@media screen and (max-width:930px) {
.bnr_txt {
	font-size: 250%;
}
}

@media screen and (max-width:680px) {
.bnr_txt {
	font-size: 200%;
}
}

@media screen and (max-width:550px) {
.bnr_txt {
	font-size: 170%;
}
}

@media screen and (max-width:440px) {
.bnr_txt {
	font-size: 150%;
}
}

@media screen and (max-width:600px) {
.banner, .banner_inner {
	overflow: hidden;
}
}
/*Banner End*/
.back {
	color: #FFF;
	background: #222;
}
.con_sec {
	display: none;
}

@media screen and (max-width:600px) {
.con_sec {
	display: block;
	position: relative;
	top: -70px;
	width: 100%;
}
input.con_call {
	font-family: 'FontAwesome';
	font-size: 24px;
	cursor: pointer;
	position: absolute;
	right: 3%;
	width: 40px;
	height: 40px;
	padding: 0 0 0 0;
	text-align: center;
	background-color: #FFFFFF;
	-webkit-border-top-left-radius: 12px;
	-khtml-border-radius-topleft: 12px;
	-moz-border-radius-topleft: 12px;
	border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 30px;
	-khtml-border-radius-topright: 30px;
	-moz-border-radius-topright: 30px;
	border-top-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-khtml-border-radius-bottomleft: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-left-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-khtml-border-radius-bottomright: 30px;
	-moz-border-radius-bottomright: 30px;
	border-bottom-right-radius: 30px;
}
input.con_find {
	font-family: 'FontAwesome';
	font-size: 24px;
	cursor: pointer;
	position: absolute;
	left: 3%;
	width: 40px;
	height: 40px;
	padding: 0 0 0 0;
	text-align: center;
	background-color: #FFFFFF;
	-webkit-border-top-left-radius: 12px;
	-khtml-border-radius-topleft: 12px;
	-moz-border-radius-topleft: 12px;
	border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 30px;
	-khtml-border-radius-topright: 30px;
	-moz-border-radius-topright: 30px;
	border-top-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-khtml-border-radius-bottomleft: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-bottom-left-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-khtml-border-radius-bottomright: 30px;
	-moz-border-radius-bottomright: 30px;
	border-bottom-right-radius: 30px;
}
}
/*Mobile Nav Start*/

/*Mobile Nav End*/
/*Header & Nav Start*/
header {
	display: block;
	height: auto;
	/*position: absolute;*/
	width: 100%;
	top: 0px;
	padding: 0px 0px 0 0;
	z-index: 99;
	background: rgba(255,255,255,0.70);
}
.logo, .logo_inner {
	float: left;
	width: auto;
	max-width: 190px;
	/*max-width: 317px;*/
	padding: 1% 0 1% 0;
}
.logo img {
	width: 100%;
}
.logo_inner img {
	width: 90%;
}
/*Nav Start*/
.links {
	float: right;
	margin: 0px;
	padding: 3% 0 0 0;
	text-transform: uppercase;
}
.head_contact {
	display: inline-block;
	font-size: 16px;
	text-transform: lowercase;
}
.head_contact span {
	font-family: 'FontAwesome';
	color: #0071ac;
	padding: 0 10px 0 10px;
}
.head_contact span.ph {
}
.head_contact span.ph::before {
	content: "";
	margin: 0 10px 0 0;
}
.head_contact span.em {
}
.head_contact span.em::before {
	content: "";
	margin: 0 10px 0 0;
}
.head_contact a {
	font-family: 'Roboto-Regular';
}
.head_contact a:hover {
	border-bottom: 0px!important;
}
.head_contact label {
	margin: 0 0px 0 0;
	padding: 0px 10px;
	font-family: 'FontAwesome';
	color: #ffffff;
	display: inline-block;
}
.head_contact label a {
	font-family: 'Roboto-Regular';
	margin: 0px!important;
	padding: 0px!important;
	color: #ffffff;
	text-decoration: none;
	display: inline-block!important;
}
.head_contact label:hover, .head_contact label a:hover {
	background: none!important;
	border: none;
	color: #eeb603!important;
}
ul.menu {
	display: inline-block;
	list-style: none;
}
ul.menu li {
	display: inline-block;
	padding: 0 10px 0 10px;
	font-size: 16px;
}
ul.menu li a {
	color: #474141;
	text-decoration: none;
	transition: 0.3s;
}
ul.menu li a:hover {
	color: #0071ac;
	text-decoration: none;
	padding: 0 0 5px 0;
	border-bottom: 5px solid #0071ac;
}
ul.menu li:first-child {
	display: none;
	text-align: right;
	padding: 0 0 3% 0;
}
/*Nav End*/
/*Mobile Nav Start*/
.breadcrum {
	display: none;
}
ul.hnav {
	display: block;
	list-style: none;
	text-align: center;
}
ul.hnav li {
	display: block;
	font-size: 17px;
	margin: 10px 0;
}
ul.hnav li a {
	display: block;
	padding: 10px 0 10px 0px;
	color: #ffffff;
	text-decoration: none;
}
ul.hnav li a:hover {
	padding: 10px 0 10px 0px;
	color: #ffffff;
	text-decoration: none;
	background: rgba(0,0,0,0.50);
}
ul.hnav li:last-child {
	display: none;
}

@media screen and (max-width:930px) {
ul.menu li:first-child {
	text-align: center;
	padding: 0 0 1% 0;
}
.links {
	padding: 2% 0 1% 0;
}
.logo, .logo_inner {
	float: none;
	text-align: center;
	margin: auto;
	padding: 12px 0 0 0;
}
.links {
	float: none;
	display: block;
	text-align: center;
}
ul.menu li {
	font-size: 90%;
}
}

@media screen and (max-width:600px) {
.links {
	display: none;
}
.breadcrum {
	display: block;
	position: relative;
}
.logo, .logo_inner {
	padding: 1% 0 1% 0;
}
}

@media screen and (max-width:459px) {
.head_contact label {
	padding: 5px 10px;
}
}
/*Mobile Nav End*/
/*Header & nav End*/
/*Our Services Start*/
.oservice {
	display: block;
	padding: 2% 0;
}
.oservice label {
	display: block;
	text-align: left;
}
.oservice label h1 {
	display: inline-block;
	width: 284px;
}
.os_mobile {
	display: none;
}
ul.osb {
	display: block;
	min-height: 605px;
	text-align: center;
	list-style: none;
	white-space: unset;
	position: relative;
	overflow: hidden;
	background: url(../images/oserver_bner.png) left center no-repeat;
}
ul.osb li {
	display: inline-block;
}
ul.osb li img.os_b1 {
	margin: 0px -68px 0 0;
	vertical-align: top;
	max-width: 381px;
	max-height: 340px;
}
ul.osb li img.os_b2 {
	margin: 0px 0px 0 0px;
	vertical-align: top;
	max-width: 256px;
	max-height: 444px;
}
ul.osb li img.os_b3 {
	margin: 3px 0px 0 -86px;
	max-width: 442px;
	max-height: 444px;
}

@media screen and (max-width:953px) {
ul.osb li img.os_b3 {
	margin: -22px 0px 0 126px;
}
ul.osb {
	margin: 5% 0 0 0;
}
}

@media screen and (max-width:593px) {
ul.osb {
	display: none;
}
.os_mobile {
	display: block;
	max-width: 453px;
	width: auto;
	text-align: center;
	margin: auto;
	padding: 5% 0 0 0;
}
.os_mobile img {
	width: 100%;
}
/*ul.osb li img.os_b1 {margin: 0px 0px 0 0;}
	ul.osb li img.os_b2 {margin: -26px 0px 0 150px;}
	ul.osb li img.os_b3 {margin: -23px 40px 0 0px;}*/
}

@media screen and (max-width:500px) {
ul.osb li img {
	width: 95%;
	height: 95%;
}
}

@media screen and (max-width:430px) {
.oservice label {
	text-align: center;
}
.oservice label h1 {
	width: 216px;
}
}
/*Our Services End*/
/*who we work with Start*/
.work_with {
	display: block;
	padding: 2% 0;
	/*background-color: #f4f8fc;*/
	background-color: #f4f9fd;
}
.work_with label {
	display: block;
	text-align: right;
}
.work_with label h1 {
	display: inline-block;
}
.www_sec {
	display: block;
	padding: 4% 0 0 0;
}
.www_img {
	display: inline-block;
	width: 63%;
	vertical-align: top;
}
.www_img img {
	width: 100%;
	height: 100%;
}
ul.www_txt {
	width: 36%;
	display: inline-block;
	list-style: none;
	text-align: center;
}
ul.www_txt li {
	display: block;
	padding: 4% 0;
	font-size: 22px;
}

@media screen and (max-width:700px) {
.work_with {
	padding: 5% 0;
}
.www_img, ul.www_txt {
	width: 100%;
	text-align: center;
}
ul.www_txt li {
	padding: 2%;
	font-size: 20px;
}
}
ul.work {
	display: inline-block;
	list-style: none;
	margin: 8% 0 0 0;
	text-align: center;
}
ul.work li {
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	margin-right: 5px;
	-webkit-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
}
ul.work li:hover {
	transform: translateY(-7.5px);
}
ul.work li.pl {
	width: 284px;
	margin-top: 15px;
}
ul.work li.ib {
	width: 238px;
	margin-top: -100px;
}
ul.work li.oc {
	width: 202px;
}
ul.work li.if {
	width: 191px;
	margin-top: 30px;
}
ul.work li.op {
	width: 163px;
	margin-top: 15px;
}
ul.work li p {
	display: block;
}
ul.work li span {
	display: block;
	font-size: 24px;
	font-weight: bold;
	padding: 3% 0;
}
ul.work li span.hide {
	display: block;
}
ul.work li span.open {
	display: none;
}
ul.work li p.circle-a {
	width: 284px;
	height: 284px;
	position: relative;
	padding: 40px 0 0 0;
}
ul.work li p.circle-a label {
	width: 288px;
	height: 288px;
	position: absolute;
	left: 0px;
	top: 0px;
	animation: spin 6s linear infinite;
}
ul.work li p.circle-a label:hover {
	/*background: url(../images/circle-1.png) center center no-repeat; 
	animation:spin 5s linear infinite;*/
	animation-play-state: paused;
}
ul.work li p.circle-b {
	width: 238px;
	height: 238px;
	position: relative;
	padding: 36px 0 0 0;
}
ul.work li p.circle-b label {
	width: 240px;
	height: 240px;
	position: absolute;
	left: 0px;
	top: 0px;
	animation: spin 5s linear infinite;
}
ul.work li p.circle-b label:hover {
	/*background: url(../images/circle-2.png) center center no-repeat; 
	animation:spin 5s linear infinite;*/
	animation-play-state: paused;
}
ul.work li p.circle-c {
	width: 202px;
	height: 202px;
	position: relative;
	padding: 30px 0 0 0;
}
ul.work li p.circle-c label {
	width: 204px;
	height: 204px;
	position: absolute;
	left: 0px;
	top: 0px;
	animation: spin 5s linear infinite;
}
ul.work li p.circle-c label:hover {
	/*background: url(../images/circle-3.png) center center no-repeat; 
	animation:spin 5s linear infinite;*/
	animation-play-state: paused;
}
ul.work li p.circle-d {
	width: 191px;
	height: 191px;
	position: relative;
	padding: 20px 0 0 0;
}
ul.work li p.circle-d label {
	width: 193px;
	height: 193px;
	position: absolute;
	left: 0px;
	top: 0px;
	animation: spin 5s linear infinite;
}
ul.work li p.circle-d label:hover {
	/*background: url(../images/circle-4.png) center center no-repeat; 
	animation:spin 5s linear infinite;*/
	animation-play-state: paused;
}
ul.work li p.circle-e {
	width: 163px;
	height: 163px;
	position: relative;
	padding: 15px 0 0 0;
}
ul.work li p.circle-e label {
	width: 164px;
	height: 164px;
	position: absolute;
	left: 0px;
	top: 0px;
	animation: spin 5s linear infinite;
}
ul.work li p.circle-e label:hover {
	/*background: url(../images/circle-5.png) center center no-repeat; 
	animation:spin 5s linear infinite;*/
	animation-play-state: paused;
}
@keyframes spin {
 from {
transform:rotate(0deg)
}
 to {
transform:rotate(360deg)
}
}

@media screen and (max-width:1165px) {
.work_with label {
	text-align: center;
}
ul.work li.pl, ul.work li.ib, ul.work li.if, ul.work li.op {
	margin: 0px;
}
ul.work {
	margin: 5% 0 0 0;
}
}

@media screen and (max-width:1125px) {
ul.work li span.hide {
	display: none;
}
ul.work li span.open {
	display: block;
}
ul.work li {
	vertical-align: middle;
}
}

@media screen and (max-width:762px) {
ul.work li span {
	padding: 1% 0 8% 0;
}
}

@media screen and (max-width:500px) {
ul.work li span {
	padding: 5% 0 10% 0;
	font-size: 16px;
}
ul.work li.pl, ul.work li.ib, ul.work li.oc, ul.work li.if, ul.work li.op {
	width: 145px;
}
ul.work li p.circle-a, ul.work li p.circle-b, ul.work li p.circle-c, ul.work li p.circle-d, ul.work li p.circle-e {
	width: 140px;
	height: 140px;
	padding: 20px 0 0 0;
}
ul.work li p.circle-a img, ul.work li p.circle-b img, ul.work li p.circle-c img, ul.work li p.circle-d img {
	width: 90px;
	height: 100px;
}
ul.work li p.circle-e img {
	width: 60px;
	height: 110px;
}
ul.work li p.circle-a label, ul.work li p.circle-b label, ul.work li p.circle-c label, ul.work li p.circle-d label, ul.work li p.circle-e label {
	width: 142px;
	height: 142px;
}
ul.work li p.circle-a label img, ul.work li p.circle-b label img, ul.work li p.circle-c label img, ul.work li p.circle-d label img, ul.work li p.circle-e label img {
	width: 142px;
	height: 142px;
}
}

@media screen and (max-width:430px) {
.work_with label h1 {
	font-size: 26px;
}
}
/*who we work with End*/
/*Our MVT Start*/
.our_mvt {
	display: block;
	text-align: center;
	padding: 2% 0 3% 0;
	background-image: url(../images/our_mvt_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	max-height: 100%;
	height: auto;
}
ul.mvt {
	list-style: none;
}
ul.mvt li {
	display: inline-block;
	color: #000000;
	font-size: 18px;
	width: auto;
	max-width: 33%;
	padding: 1% 2%;
	vertical-align: top;
	-webkit-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
}
ul.mvt li:hover {
	transform: translateY(-7.5px);
}
ul.mvt li h3 {
	font-size: 28px;
	padding: 0 0 2% 0;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #000000;
}
ul.mvt li .containercc {
	width: 100%;
	/*height: 215px;*/
	height: 165px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
}
ul.mvt li .containercc .item {
	z-index: 100;
	padding: 5px;
	position: absolute;
}
ul.mvt li .containercc .item img {
	width: 150px;
}
ul.mvt li .containercc .circle {
	border-radius: 50%;
	background-color: white;
	width: 150px;
	height: 150px;
	position: absolute;
	opacity: 0;/*animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);*/
}
ul.mvt li .containercc .circle:hover {
	animation-play-state: paused;
}
@keyframes scaleIn {
 from {
 transform: scale(.5, .5);
 opacity: .5;
}
 to {
 transform: scale(1.5, 1.5);
 opacity: 0;
}
}

@media screen and (max-width:910px) {
.our_mvt {
	padding: 4% 0;
}
ul.mvt li {
	display: block;
	max-width: 100%;
}
ul.mvt li:nth-child(2) {
	padding: 4% 0;
}
}
/*Our MVT End*/
/*Our Association Start*/
.oa_sec {
	display: block;
	text-align: center;
	font-size: 21px;
	padding: 50px 0;
}
.oa_sec h1 {
	margin: auto;
	display: inline-block;
}
ul.oac {
	padding: 40px 0 0 0;
	list-style: none;
}
ul.oac li {
	display: inline-block;
	list-style: none;
	margin: 2% 3%;
}

@media screen and (max-width:935px) {
.oa_sec h1 {
	font-size: 35px;
}
}

@media screen and (max-width:538px) {
.oa_sec h1 {
	font-size: 26px;
}
}
/*Our Association End*/
/*Footer Start*/
footer {
	display: block;
	/*background-image: url(../images/footer_bg.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;*/
	background-color: #253448;
	max-height: 100%;
	height: auto;
	/*min-height: 320px;*/
	padding: 3% 0 0 0;
}
/*footer .tyre{
	background: url(../images/footer_tyre.png) no-repeat left top;
	width: 136px;
	height: 179px;
	position: absolute;
	left: 0px;
	top:-20px;
}
.footer {
	padding: 40px 0 40px 0;	
}*/
ul.foot {
	list-style: none;
	display: block;
}
ul.foot li {
	display: inline-block;
	width: 33%;
	text-align: center;
	color: #eeb603;
	font-size: 16px;
	min-height: 110px;
	vertical-align: middle;
}
ul.foot li.flogo img {
	width: auto;
	max-width: 180px;
}
ul.foot li p {
	line-height: 175%;
	padding: 18px 0 0px 0;
}
ul.foot li p a {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 28px;
}
ul.foot li p a:hover {
	color: #eeb603;
}
ul.foot li p span {
	display: block;
	padding: 5px 0 0 0;
}
ul.foot li p span a {
	font-family: 'FontAwesome';
	font-size: 140%;
	margin: 0 8px;
	color: #ffffff;
	text-decoration: none;
}
ul.foot li p span a:hover {
	color: #eeb603;
	text-decoration: none;
}
ul.foot li:last-child {
	width: 100%;
	min-height: auto;
	margin: 3% 0;
}
.site_links {
	text-transform: uppercase;
}
.site_links a {
	display: inline-block;
	margin: 0 20px;
}
.address {
	color: #ffffff;
}
.address a {
	display: block;
	text-decoration: none;
}
.address a:hover {
	text-decoration: none;
}

@media screen and (max-width:1040px) {
ul.foot li {
	width: 100%;
}
}

@media screen and (max-width:660px) {
ul.foot li img {
	margin: 20px 0 0 0;
}
}

@media screen and (max-width:600px) {
ul.foot li img {
	width: 200px;
}
}
/*Footer End*/
/*About Us Start*/
.bnr_abt {
	height: 697px;
	max-height: 697px;
	min-height: 250px;
	background: url(../images/bnr_abt.jpg) top center no-repeat;
}
.bnr_insp {
	height: 500px;
	max-height: 500px;
	min-height: 250px;
	background: url(../images/bnr_insp.jpg) top center no-repeat;
}
.bnr_inve {
	height: 500px;
	max-height: 500px;
	min-height: 250px;
	background: url(../images/bnr_inve.jpg) top center no-repeat;
}
.bnr_cargo {
	height: 500px;
	max-height: 500px;
	min-height: 250px;
	background: url(../images/bnr_cargo.jpg) top center no-repeat;
}
.bnr_audit {
	height: 500px;
	max-height: 500px;
	min-height: 250px;
	background: url(../images/bnr_audit.jpg) top center no-repeat;
}
.bnr_serv {
	height: 535px;
	max-height: 535px;
	min-height: 250px;
	background: url(../images/bnr_serv.jpg) top center no-repeat;
}
.bnr_cont {
	height: 500px;
	max-height: 500px;
	min-height: 250px;
	background: url(../images/bnr_cont.jpg) top center no-repeat;
}
.bnr_news {
	height: 500px;
	max-height: 500px;
	min-height: 250px;
	background: url(../images/bnr_news.jpg) top center no-repeat;
}
.bnr_careers {
	height: 500px;
	max-height: 500px;
	min-height: 250px;
	background: url(../images/bnr_careers.jpg) top center no-repeat;
}
.ibnr_txt {
	width: 60%;
	left: 0px;
	/*top: -100px;*/
	margin: -100px 0 0 0;
	position: relative;
	background-color: #004f82;
}
.ibnr_txt span {
	display: inline-block;
	width: 60%;
	padding: 8% 3%;
	color: #ffffff;
	font-size: 37px;
	font-weight: bold;
	text-transform: uppercase;
}
.ibnr_txt img {
	width: 40%;
	display: inline-block;
	vertical-align: top;
}
.crisp {
	display: block;
	padding: 2% 0;
	background-color: #ffffff;
}
.crisp label {
	display: block;
	text-align: center;
}
.crisp label h1 {
	display: inline-block;
}
.crisp_sec {
	display: block;
	padding: 4% 0 0 0;
}
.crisp_bnr label {
	display: block;
	text-align: center;
	padding-top: 2%;
}
.crisp_bnr label img {
	width: 100%;
	height: 100%;
	max-height: 780px;
	max-width: 700px;
}
.crisp_bnr label1 {
	display: none;
}

@media screen and (max-width:499px) {
.crisp_bnr label {
	display: none;
}
.crisp_bnr label1 {
	display: block;
	padding-top: 3%;
}
.crisp_bnr label1 img {
	width: 100%;
	height: 100%;
	max-width: 500px;
}
}
.crisp_sec_img {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	text-align: right;
}
.crisp_sec_img img {
	width: 100%;
	height: 100%;
	max-height: 400px;
	max-width: 377px;
}
ul.crisp_sec_txt {
	width: 36%;
	display: inline-block;
	list-style: none;
	text-align: center;
}
ul.crisp_sec_txt li {
	display: block;
	padding: 7% 0;
	font-size: 30px;
	color: #000000;
	letter-spacing: 1px;
}
ul.crisp_sec_txt li:first-child {
	padding-top: 0px;
}
ul.crisp_sec_txt li:last-child {
	padding-bottom: 0px;
}

@media screen and (max-width:1093px) {
ul.crisp_sec_txt {
	width: 38%;
}
ul.crisp_sec_txt li {
	font-size: 27px;
	padding: 8% 0;
}
}

@media screen and (max-width:973px) {
ul.crisp_sec_txt {
	width: 40%;
}
ul.crisp_sec_txt li {
	font-size: 24px;
	padding: 8% 0;
}
}
.who_sec {
	width: 100%;
	margin: 50px 0;
	float: left;
}
ul.abt_txt {
	width: 76%;
	display: inline-block;
	list-style: none;
}
ul.abt_txt li {
	padding: 10px 0;
	line-height: 30px;
	font-size: 17px;
}
.who_sec span.one {
	display: inline-block;
	width: 20%;
	background-color: #004f82;
	color: #ffffff;
	font-size: 400%;
	text-transform: uppercase;
	text-align: left;
	padding: 2% 2%;
	float: right;
}
.who_sec span.two {
	display: none;
}
.what_sec {
	width: 100%;
	margin: 50px 0;
	float: left;
}
.what_sec span.one {
	display: inline-block;
	width: 22%;
	background-color: #004f82;
	color: #ffffff;
	font-size: 400%;
	text-transform: uppercase;
	text-align: right;
	padding: 2% 2%;
	float: left;
}

@media screen and (max-width:1156px) {
.ibnr_txt {
	margin: -80px 0 0 0;
}
.ibnr_txt span {
	font-size: 30px;
}
.who_sec span.one {
	float: none;
}
}

@media screen and (max-width:1072px) {
ul.abt_txt {
	width: 73%;
}
.what_sec span.one {
	width: 25%;
}
}

@media screen and (max-width:1000px) {
.who_sec span.one {
	display: none;
}
.who_sec span.two, .what_sec span.one {
	display: block;
	width: 60%;
	background-color: #004f82;
	color: #ffffff;
	font-size: 400%;
	text-transform: uppercase;
	text-align: center;
	padding: 2% 0%;
	margin: auto;
	float: none;
}
ul.abt_txt {
	width: 100%;
	margin: 2% 0 0 0;
}
}

@media screen and (max-width:894px) {
.ibnr_txt {
	margin: -60px 0 0 0;
}
.ibnr_txt span {
	font-size: 21px;
}
ul.abt_txt li {
	padding: 8px 0;
	line-height: 26px;
	font-size: 16px;
}
.who_sec span.two, .what_sec span.one {
	font-size: 300%;
}
}

@media screen and (max-width:600px) {
.ibnr_txt {
	margin: -50px auto 0 auto;
	text-align: center;
	width: 80%;
}
.ibnr_txt span {
	font-size: 25px;
	width: 100%;
}
.ibnr_txt img {
	width: 100%;
	max-height: auto;
}
.who_sec span.two, .what_sec span.one {
	font-size: 200%;
}
}

@media screen and (max-width:400px) {
.who_sec span.two, .what_sec span.one {
	font-size: 150%;
}
}
/*About Us End*/
/*Inspection Start*/
.insp_sec {
	display: block;
	padding: 3% 0 2% 0;
}
.insp_sec ul {
	list-style: none;
	display: inline-block;
	width: 60%;
}
.insp_sec ul li {
	margin: 5px 0;
	font-size: 17px;
	padding: 5px 25px;
	position: relative;
	line-height: 26px;
}
.insp_sec ul li::before {
	position: absolute;
	left: 0px;
	top: 5px;
	font-family: 'FontAwesome';
	content: "";
	color: #0dadfd;
	animation: blinkingText 2s infinite;
}
@keyframes blinkingText {
 0% {
color: #0dadfd;
}
 50% {
color: #004f82;
}
 100% {
color: #0dadfd;
}
}
.insp_sec ul li:nth-child(1) {
	font-size: 18px;
	padding: 0px;
	font-weight: bold;
}
.insp_sec ul li:nth-child(1) span {
	font-weight: normal;
	display: block;
	margin: 5px 0 0 0;
}
.insp_sec ul li:nth-child(1)::before {
	content: none;
}
.insp_sec img {
	width: 39%;
	display: inline-block;
	vertical-align: top
}

@media screen and (max-width:900px) {
.insp_sec ul {
	width: 50%;
}
.insp_sec img {
	width: 49%;
	height: auto;
}
}

@media screen and (max-width:800px) {
.insp_sec ul {
	width: 100%;
}
.insp_sec img {
	width: auto;
	height: auto;
}
}

@media screen and (max-width:530px) {
.insp_sec img {
	width: 95%;
	height: auto;
}
}
/*Inspection End*/
/*Services Start*/
.services_container {
	display: block;
	text-align: center;
	padding: 1% 0;
}
.services_container h1 {
	max-width: 300px;
	display: inline-block;
}
.services_container ul {
	display: inline-block;
	list-style: none;
	width: 100%;
	padding: 2% 0 0 0;
}
.services_container ul li {
	display: inline-block;
	min-width: 150px;
	width: 17%;
	padding: 140px 0 0 0;
	margin: 20px 10px;
	-webkit-transition: all .4s ease-out 0s;
	-o-transition: all .4s ease-out 0s;
	-moz-transition: all .4s ease-out 0s;
	transition: all .4s ease-out 0s;
}
.services_container ul li:hover {
	transform: translateY(-7.5px);
	font-weight: bold;
}
.services_container ul li.serv-a {
	background: url(../images/icon_inspection.png) center top no-repeat;
}
.services_container ul li.serv-a:hover {
	background: url(../images/icon_inspection_h.png) center top no-repeat;
}
.services_container ul li.serv-b {
	background: url(../images/icon_investigation.png) center top no-repeat;
}
.services_container ul li.serv-b:hover {
	background: url(../images/icon_investigation_h.png) center top no-repeat;
}
.services_container ul li.serv-c {
	background: url(../images/icon_consulting.png) center top no-repeat;
}
.services_container ul li.serv-c:hover {
	background: url(../images/icon_consulting_h.png) center top no-repeat;
}
.services_container ul li.serv-d {
	background: url(../images/icon_audit.png) center top no-repeat;
}
.services_container ul li.serv-d:hover {
	background: url(../images/icon_audit_h.png) center top no-repeat;
}
.services_container ul li.serv-e {
	background: url(../images/icon_cargo.png) center top no-repeat;
}
.services_container ul li.serv-e:hover {
	background: url(../images/icon_cargo_h.png) center top no-repeat;
}

@media screen and (max-width:364px) {
.services_container ul li {
	min-width: 147px;
	margin: 20px 0px;
}
}
/*Services End*/
/*Contact Us Start*/
.cmap_sec {
	display: block;
	width: 100%;
	height: 450px;
	overflow-wrap: break-word;
}
.msg {
	padding: 50px 0 50px 0;
}
.rit_msg {
	width: 50%;
	height: auto;
	float: left;
	padding: 10px 0 0 19%;
}
.rit_msg p{
	font-size: 24px;
	line-height: 28px;
	padding-top:30px;
	text-align: center;
}
blockquote.ms {
	width: 80%;
	display: block;
	position: relative;
	border: none;
	text-align: center;
	padding: 35px 45px 7px 45px;
	text-transform: capitalize;
	font-size: 26px;
	line-height: 40px;
	margin: auto;
}
blockquote.ms::before, blockquote.ms::after {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	font-size: 80px;
	line-height: 120px;
	font-family: 'Amatic SC', Georgia, "Times New Roman", Times, serif;
	font-weight: 500;
	color: #006eb5;
	animation: blinkingText 2s infinite;
}
blockquote.ms::before {
	top: 0px;
	left: 0px;
	content: "“";
}
blockquote.ms::after {
	bottom: 0px;
	right: 0px;
	content: "”";
}
p.msCall {
	text-align: center;
}
.msred_txt {
	color: #004f82;
	font-family: 'Roboto-Bold';
}
.input_msCall {
	width: 200px;
	height: 38px;
	background: #FEC200;
	padding: 0;
	color: #000;
	font-size: 14px;
	margin: 20px 0 0px 0;
	font-family: 'Roboto-Regular';
	line-height: 125%;
	text-align: center;
	border-bottom: 2px solid #846502;
	transition: all 0.1s ease-in-out 0s;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.input_msCall:hover {
	background-color: #FEC200;
	border-bottom: 2px solid #846502;
	transition: all 0.1s ease-in-out 0s;
}
.input_msCall:active {
	background-color: #e4ae00;
	position: relative;
	top: 1px;
	border-bottom: 1px solid #846502;
}
.sendMessage_sec {
	float: right;
	width: 43%;
	padding: 2% 0 2% 2%;
	background-color: #F5F5F5;
}
.sendMessage_sec .sm_controls, .sendMessage_sec h2 {
	width: 50%;
	color: #535456;
}
.sm_controls {
	display: inline-block;
	padding: 20px 0 0 0;
}
.sm_controls p#returnmessage {
	background-color: #468B08;
	font-size: 16px;
	text-align: center;
	line-height: 24px;
	color: #fff;
	width: 100%;
}
.smc_lft {
	width: 100%;
	float: left;
}
.smc_lft p {
	width: 100%;
	float: left;
}
.smc_lft p:nth-child(3) {
	padding: 0 0 0 10px;
}
.smc_lft p label {
	width: 100%;
}
.input_tb_smc {
	width: 100%;
	height: 38px;
	background: #535456;
	padding: 0 20px;
	color: #ffffff;
	font-size: 14px;
	margin: 10px 0 0px 0;
	font-family: 'Roboto-Regular';
	line-height: 125%;
}
.input_ta_smc {
	width: 100%;
	height: 134px;
	background: #535456;
	padding: 12px 20px;
	color: #ffffff;
	font-size: 14px;
	margin: 10px 0 0px 0;
	font-family: 'Roboto-Regular';
	line-height: 125%;
	border: none;
}
.input_send {
	width: 100%;
	height: 38px;
	background: #fec200;
	padding: 0;
	color: #000;
	font-size: 14px;
	margin: 10px 0 0px 0;
	font-family: 'Roboto-Regular';
	line-height: 125%;
	text-align: center;
	border-bottom: 2px solid #846502;
	transition: all 0.1s ease-in-out 0s;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.input_send:hover {
	background-color: #fec200;
	border-bottom: 2px solid #846502;
	transition: all 0.1s ease-in-out 0s;
}
.input_send:active {
	background-color: #e4ae00;
	position: relative;
	top: 1px;
	border-bottom: 1px solid #846502;
}

@media screen and (max-width:1500px) {
.rit_msg {
	padding: 10px 0 0 10%;
}
.sendMessage_sec {
	width: 42%;
}
.sendMessage_sec .sm_controls, .sendMessage_sec h2 {
	width: 80%;
}
}

@media screen and (max-width:1200px) {
.rit_msg {
	padding: 10px 0 0 0%;
}
blockquote.ms {
	width: 88%;
}
.sendMessage_sec {
	width: 40%;
	padding: 3% 0 3% 3%;
}
.sendMessage_sec .sm_controls, .sendMessage_sec h2 {
	width: 80%;
}
}

@media screen and (max-width:1000px) {
.msg {
	padding: 50px 0 0 0;
}
.rit_msg {
	padding: 10px 0 0 0%;
	width: 100%;
}
blockquote.ms {
	width: 70%;
}
.sendMessage_sec {
	width: 100%;
	padding: 4% 2% 5% 2%;
	margin: 5% 0 0 0;
}
.sendMessage_sec .sm_controls, .sendMessage_sec h2 {
	width: 60%;
	margin: auto;
	display: block;
}
}

@media screen and (max-width:600px) {
blockquote.ms {
	width: 90%;
}
.sendMessage_sec .sm_controls, .sendMessage_sec h2 {
	width: 85%;
}
}
/*Contact Us End*/
.rss_feed {
	display: block;
	width: 100%;
	padding: 50px 0;
}
.rss_info {
	/*display: inline-flex;
	width: 30%;*/
	display: block;
	width: 95%;
	margin: auto;
}
#rssapp-list .rssapp-list, .list-card {
	max-width: 100%!important;
}
