/**--------------*/
.chat {
    position: fixed;
	top: 30%;
	right: 0px;
    z-index: 999;
}
.soial-hydo01 {
    position: fixed;
    margin-left: 5px;
    top: 60%;
    right: 0px;
    z-index: 999;
}

.chat-mob, .soial-hydo-mob{
	display:none
}





@charset "utf-8";
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Light.eot');
	src: url('../fonts/Roboto-Lightd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light.woff2') format('woff2'), url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Italic.eot');
	src: url('../fonts/Roboto-Italicd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Italic.woff2') format('woff2'), url('../fonts/Roboto-Italic.woff') format('woff'), url('../fonts/Roboto-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Thin.eot');
	src: url('../fonts/Roboto-Thind41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Thin.woff2') format('woff2'), url('../fonts/Roboto-Thin.woff') format('woff'), url('../fonts/Roboto-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-ThinItalic.eot');
	src: url('../fonts/Roboto-ThinItalicd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-ThinItalic.woff2') format('woff2'), url('../fonts/Roboto-ThinItalic.woff') format('woff'), url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-BlackItalic.eot');
	src: url('../fonts/Roboto-BlackItalicd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-BlackItalic.woff2') format('woff2'), url('../fonts/Roboto-BlackItalic.woff') format('woff'), url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-LightItalic.eot');
	src: url('../fonts/Roboto-LightItalicd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-LightItalic.woff2') format('woff2'), url('../fonts/Roboto-LightItalic.woff') format('woff'), url('../fonts/Roboto-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-MediumItalic.eot');
	src: url('../fonts/Roboto-MediumItalicd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-MediumItalic.woff2') format('woff2'), url('../fonts/Roboto-MediumItalic.woff') format('woff'), url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
	font-display: swap
}

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

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.eot');
	src: url('../fonts/Roboto-Regulard41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap
}

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

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Medium.eot');
	src: url('../fonts/Roboto-Mediumd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff2') format('woff2'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-BoldItalic.eot');
	src: url('../fonts/Roboto-BoldItalicd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-BoldItalic.woff2') format('woff2'), url('../fonts/Roboto-BoldItalic.woff') format('woff'), url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
	font-display: swap
}

a {
	transition: all 500ms ease-in-out;
	outline: 0;
	text-decoration: none
}

a:hover {
	transition: all 500ms ease-in-out;
	outline: 0;
	text-decoration: none
}

body {
	font-family: 'Roboto';
	font-size: 16px;
	color: #3a3a3a;
	margin: 0
}

html {
	background: #edf2f4
}

.section-center {
	text-align: center
}

.section-right {
	text-align: right
}

.section-left {
	text-align: left
}

.section-top {
	padding: 80px 0 0
}

.section-bottom {
	padding: 0 0 80px
}

.section-top-btm {
	padding: 80px 0
}

.nopad {
	padding: 0
}

.nopad-right {
	padding-right: 0
}

.nopad-left {
	padding-left: 0
}

.pad-btm-10 {
	padding-bottom: 10px
}

.pad-btm-20 {
	padding-bottom: 20px
}

.pad-btm-30 {
	padding-bottom: 30px
}

.blk {
	display: block!important
}

.section-titles h2 {
	color: #4f4f4f;
	font-family: 'Montserrat-bold';
	font-size: 25px;
	line-height: normal;
	margin: 0;
	padding: 0 0 15px;
	position: relative;
	text-transform: uppercase
}

.sections-short-cont {
	width: 80%;
	margin: 0 auto
}

.sections-short-cont p {
	font-size: 16px;
	line-height: 28px
}

.transparent-header.site-navbar-bg:after {
	display: none
}

.main-menu .navigation.call-dir {
	margin-top: 10px
}

a.int {
	background-color: #011e53;
	width: 210px;
	position: relative
}

a.int:before {
	position: absolute;
	content: "";
	left: 0;
	top: 32px;
	width: 3px;
	height: 30px;
	background-color: #29c3e7
}

a.req {
	background-color: #29c3e7;
	width: 210px;
	position: relative
}

a.req:before {
	position: absolute;
	content: "";
	left: 0;
	top: 32px;
	width: 3px;
	height: 30px;
	background-color: #011e53
}

.main-menu .rit-lap.navigation>li {
	margin-right: 0;
	float: left
}

.site-navbar-bg .navbar-brand:after {
	width: 69%;
	transition: all 500ms ease-in-out
}

.navbar-brand {
	padding: 15px 0 15px 15px
}

.main-menu .navigation>li>a.calling {
	position: relative;
	padding-left: 40px;
	background: transparent url(../images/call.png) no-repeat center left;
	cursor: auto
}

.site-navbar-bg .main-menu .navigation>li>a.calling {
	position: relative;
	padding-left: 40px
}

a.calling:before {
	position: absolute;
	content: "";
	left: -17px;
	top: 0;
	background-color: #e8e8e8;
	width: 1px;
	height: 65px;
	transition: all 500ms ease
}

.main-menu .navigation>li>a.calling:after {
	display: none
}

.transparent-header .main-menu .rit-lap.navigation>li a:after {
	display: none
}

.transparent-header .main-menu .rit-lap.navigation>li a {
	padding: 35px 21px;
	text-align: center;
	font-family: 'Century Gothic';
	font-weight: bold;
	font-size: 17px;
	text-transform: uppercase;
	color: #fff
}

.main-menu .rit-lap.navigation {
	margin: 0
}

.transparent-header .main-menu .rit-lap.navigation .dp-lap>li a {
	color: #011e53;
	padding: 6px 20px;
	font-family: 'Century Gothic';
	font-weight: normal;
	font-size: 15px;
	text-align: left;
	text-transform: none
}

.transparent-header .main-menu .rit-lap.navigation .dp-lap>li a:hover {
	padding: 6px 30px
}

.main-menu .navigation>li>ul.dp-lap {
	width: 260px
}

.main-menu .navigation>li.dropdown:hover>ul.dp-lap {
	top: 115%
}

.transparent-header .main-menu .navigation li.bkk-apt a {
	border: 1px solid #eee;
	font-family: 'Montserrat-SemiBold';
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
	transition: all 500ms ease-in-out;
	font-size: 15px
}

.transparent-header .main-menu .navigation li.bkk-apt a:hover {
	text-decoration: none;
	transition: all 500ms ease-in-out;
	background-color: #0b4d12
}

.navbar-rit-brand img {
	padding: 10px 0
}

.site-navbar a.navbar-rit-brand img {
	transition: all 500ms ease-in-out;
	width: 100%
}

.site-navbar-bg a.navbar-rit-brand img {
	width: 85%;
	transition: all 500ms ease-in-out
}

.transparent-header.site-navbar {
	background-color: #fff;
	-webkit-box-shadow: 0 9px 12px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 9px 12px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 9px 12px 0 rgba(0, 0, 0, 0.1);
	transition: all 500ms ease-in-out
}

.site-navbar {
	background-color: #fff;
	position: fixed;
	top: 0;
	height: auto;
	width: 100%;
	z-index: 999;
	transition: all 500ms ease-in-out
}

.site-navbar-bg {
	background: rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10)
}

.site-navbar a.navbar-brand img {
	transition: all 500ms ease-in-out;
	width: 90%
}

.site-navbar ul.navbar-nav,
.site-navbar ul.list-inline {
	transition: all 500ms ease-in-out
}

.site-navbar-bg a.navbar-brand img {
	width: 75%;
	transition: all 500ms ease-in-out
}

.site-navbar.site-navbar-bg {
	background: #fff;
	-webkit-box-shadow: 0 6px 20px -3px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0 6px 20px -3px rgba(0, 0, 0, 0.18);
	box-shadow: 0 6px 20px -3px rgba(0, 0, 0, 0.18);
	transition: all 500ms ease-in-out 0s;
	margin-top: 0
}

.site-navbar.site-navbar-bg ul.navbar-nav {
	transition: all 500ms ease-in-out;
	margin-top: -10px
}

.site-navbar.site-navbar-bg .help span {
	font-size: 17px
}

.site-navbar.site-navbar-bg .help {
	font-size: 14px
}

.site-navbar.site-navbar-bg .top-level-menu {
	bottom: -8px
}

.site-navbar.site-navbar-bg .navbar-brand {
	padding: 15px
}

.site-navbar .main-menu {
	margin-top: 0
}

.main-menu .navbar-collapse {
	padding: 0 15px
}

.transparent-header .main-menu .navigation>li>a {
	color: #393939
}

.main-menu .navigation {
	position: relative;
	margin: 25px 0 10px 0;
	padding: 0;
	transition: all 500ms ease-in-out
}

.site-navbar-bg .main-menu .navigation {
	margin: 18px 0 10px 0;
	transition: all 500ms ease-in-out
}

.site-navbar-bg .main-menu .navigation li.bkk-apt a {
	padding: 7px 20px;
	transition: all 500ms ease-in-out
}

.main-menu .navigation>li {
	position: relative;
	padding: 0;
	margin-right: 28px;
	display: inline-block;
	list-style: none
}

.main-menu .navigation>li>a {
	position: relative;
	display: block;
	padding: 15px 0 12px;
	font-size: 15px;
	line-height: normal;
	opacity: 1;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	font-family: 'Roboto';
	text-decoration: none;
	color: #393939;
	font-weight: 500;
	font-style: normal
}

.main-menu .navigation>li>a:before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	display: block;
	bottom: 0;
	width: 0;
	height: 3px;
	background-color: #004684;
	text-align: center;
	margin: 0 auto;
	transition: all 500ms ease-in-out;
	opacity: 0
}

.main-menu .navigation>li>a:hover:before {
	width: 20px;
	transition: all 500ms ease-in-out;
	opacity: 1
}

.main-menu .navigation>li.active>a {
	color: #004684
}

.main-menu .navigation>li.active>a:before {
	width: 20px;
	opacity: 1
}

.main-menu .navigation>li.dropdown>a:after {
	position: absolute;
	content: '\f107';
	right: 0;
	font-family: 'FontAwesome'
}

.main-menu .navigation>li:last-child {
	margin-right: 0
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a,
.main-menu .navigation>li.current-menu-item>a {
	color: #004684
}

.main-menu .navigation>li>ul {
	position: absolute;
	left: 0;
	top: 160%;
	width: 200px;
	padding: 15px 10px;
	z-index: 100;
	display: none;
	background: #fff;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border: 2px solid #004684
}

.main-menu .navigation>li>ul:before {
	background: transparent url("../images/up-arr.png") no-repeat scroll 0 0;
	content: "";
	height: 15px;
	left: 20px;
	position: absolute;
	top: -15px;
	width: 17px
}

.main-menu .navigation>li>ul.from-right {
	left: auto;
	right: 100%
}

.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
	border-top: 0 solid rgba(255, 255, 255, 0.10);
	text-align: left;
	list-style: none
}

.main-menu .navigation>li>ul>li>a {
	text-decoration: none;
	position: relative;
	display: block;
	padding: 6px 20px;
	line-height: 22px;
	font-size: 14px;
	color: #004684;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	font-family: 'Roboto';
	background: #fff url(../images/rit-top.png) no-repeat 5px 10px
}

.main-menu .navigation>li>ul>li:hover>a {
	padding-left: 30px;
	background: #fff url(../images/rit-top.png) no-repeat 16px 10px
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: 10px;
	top: 10px;
	width: 10px;
	height: 20px;
	display: block;
	color: #fff;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	z-index: 5
}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
	color: #fff
}

.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 100%;
	top: 20px;
	width: 220px;
	padding: 0;
	z-index: 100;
	display: none;
	background: #4f4f4f;
	border-top: 0 solid #00adef
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.30);
	list-style: none
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
	border-bottom: 0
}

.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 10px 15px;
	line-height: 22px;
	font-weight: 400;
	font-size: 13px;
	text-decoration: none;
	color: #fff;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
	background: #848589;
	color: #fff
}

.main-menu .navigation>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 130%
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 0;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
	position: absolute;
	right: 15px;
	top: 6px;
	width: 34px;
	height: 30px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	border: 0 solid rgba(255, 255, 255, 0.50);
	cursor: pointer;
	z-index: 5;
	display: none
}

.site-navbar-bg a.int::before {
	top: 26px
}

.site-navbar-bg a.req::before {
	top: 26px
}

.site-navbar-bg .main-menu .rit-lap.navigation>li a {
	padding: 28px 21px
}

.site-navbar-bg .main-menu .navigation>li>a {
	font-size: 14px
}

.site-navbar-bg .main-menu .navigation li.bkk-apt a {
	font-size: 14px
}

.site-navbar-bg .main-menu .navigation.call-dir li a {
	font-size: 20px;
	background-size: 10%;
	padding: 0 0 0 30px
}

.top-bar {
	width: 99%;
	padding: 20px 0 0
}

.site-navbar-bg .main-menu .rit-lap.navigation {
	margin: 0
}

.site-navbar.site-navbar-bg .social-link .tri-top {
	box-shadow: none
}

.site-navbar.site-navbar-bg .social-link li a i {
	color: rgba(64, 64, 65, 0.80)
}

.site-navbar.site-navbar-bg .social-link li a {
	border: 1px solid rgba(64, 64, 65, 0.80)
}

.site-navbar.site-navbar-bg .social-link .tri-top a {
	border: 0
}

.site-navbar.site-navbar-bg .social-link li a:hover .fa {
	color: #fff
}

.site-navbar.site-navbar-bg .social-link h5 {
	color: rgba(64, 64, 65, 0.80)
}

.site-navbar.site-navbar-bg .social-link h5 span {
	color: rgba(64, 64, 65, 0.80)
}

.site-navbar.site-navbar-bg .top-bar {
	padding: 10px 0 0;
	transition: all 500ms ease
}

.site-navbar.site-navbar-bg .main-menu .navigation>li>a::after {
	background-color: #3a3a3a
}

.site-navbar.site-navbar-bg .main-menu .navigation>li>a.calling:before {
	top: -9px;
	transition: all 500ms ease
}

.site-navbar.site-navbar-bg .social-link .tri-top a {
	padding: 5px 15px
}

.site-navbar.site-navbar-bg .social-link li a {
	margin-top: 5px
}

.site-navbar.site-navbar-bg .social-link h5 {
	margin-top: 8px
}

.site-navbar.site-navbar-bg .social-link .tri-top a {
	margin: 0
}

.site-navbar.site-navbar-bg .main-menu .navigation>li>a::after {
	bottom: 2px
}

.main-menu .navigation li a.requst {
	background-color: #0c35a8;
	color: #fff;
	padding: 18px 23px 14px;
	border-radius: 50px;
	line-height: 10px;
	display: inline-block
}

.main-menu .navigation li a.requst:hover {
	background-color: #0aa3e2;
	color: #000
}

.carousel-caption {
	width: 100%;
	height: 100%;
	left: 0;
	right: auto;
	text-shadow: inherit;
	text-align: center
}

.wrapper {
	width: 100%;
	position: absolute;
	bottom: 2%
}

.let-aat:after {
	position: absolute;
	content: "";
	background: url(../images/heart.html) no-repeat;
	top: -6px;
	left: -8px;
	width: 24px;
	height: 24px;
	z-index: 0;
	animation: heart linear 1.25s infinite
}

@keyframes heart {
	0%,
	100% {
		transform: scale(0.85)
	}
	50% {
		transform: scale(1)
	}
}

.homebanner .carousel-caption a {
	font-family: 'Cambay';
	font-size: 16px;
	line-height: 30px;
	border: 1px solid #8d8d8e;
	float: left;
	margin-top: 15px;
	color: #3c3c3c;
	padding: 9px 25px 3px;
	position: relative;
	border-radius: 50px;
	font-weight: bold
}

.homebanner .carousel-caption a:hover {
	background-color: #0a34aa;
	color: #fff;
	border: 1px solid #0a34aa
}

.homebanner .carousel-caption h3 {
	margin: 0;
	padding: 0;
	font-size: 30px;
	font-family: 'Roboto';
	text-align: center;
	line-height: 30px;
	position: relative;
	font-weight: 300;
	opacity: 0;
	transform: translatey(100px);
	transition: all 1s ease-in-out
}

.carousel-inner .item.active .carousel-caption h3 {
	opacity: 1;
	transform: translatey(0px);
	transition: all 1s ease-in-out 200ms;
	display: inline-block
}

.homebanner .carousel-caption h3 span {
	display: block;
	font-family: 'Roboto';
	text-transform: none;
	font-size: 40px;
	margin-top: 10px;
	font-weight: bold;
	color: #fff
}

.cnt-mid {
	font-family: 'montserrathairline_allfont_net';
	font-size: 17px;
	line-height: 28px;
	text-align: left;
	opacity: 0;
	transform: translatey(100px);
	transition: all 1s ease-in-out
}

.carousel-inner .item.active .cnt-mid {
	opacity: 1;
	transform: translatey(0px);
	transition: all 1s ease-in-out 400ms
}

.cnt-mid span {
	display: block
}

.homebanner .carousel-caption span.let-aat {
	position: relative;
	display: inline-block
}

.banner-block {
	position: relative;
	margin-top: 80px
}

.nav.navbar-nav.pull-left {
	position: relative;
	z-index: 109
}

.banner-block .innerbanenrs {
	width: 100%
}

.banner-block .innerbanenrs img,
.homebanner img {
	width: 100%
}

.home-side-img img,
.side-img img {
	width: 100%
}

.home-left-block {
	margin-top: 30px
}

.home-left-block span {
	color: #035aa1;
	display: block;
	font-weight: bold
}

.inner-top-banner {
	background-color: #f3f2f3
}

.inner-top-banner h2 {
	font-family: 'OpenSansregular';
	font-size: 26px;
	color: #2e2e2e;
	margin: 0
}

.homebanner .fa.fa-angle-left {
	float: right;
	font-size: 30px;
	font-weight: normal;
	margin: 8px 20px
}

.homebanner .carousel-control.left {
	height: 50px;
	left: 50px;
	width: 50px;
	background-color: rgba(0, 0, 0, 0.5)
}

.homebanner .fa.fa-angle-right {
	float: left;
	margin: 8px 20px;
	font-size: 30px;
	font-weight: normal
}

.homebanner .carousel-control.right {
	height: 50px;
	right: 50px;
	width: 50px
}

.nav.navbar-nav.pull-left li a {
	padding: 15px 25px
}

.nav.navbar-nav.pull-left .dropdown-menu li a {
	padding: 10px 15px
}

.carousel-control {
	background: rgba(227, 30, 37, 0);
	bottom: 0;
	color: #fff;
	font-size: 30px;
	height: 50px;
	left: 0;
	position: absolute;
	text-align: center;
	top: 45%;
	width: 50px;
	border-radius: 100%
}

.carousel-control.right {
	left: auto;
	right: 0
}

#myCarousel:hover .carousel-control {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: 0;
	background: rgba(0, 0, 0, 1)
}

.carousel-indicators li {
	background-color: #fff;
	cursor: pointer;
	display: inline-block;
	height: 4px;
	margin: 1px;
	text-indent: -999px;
	transition: all 300ms ease-in-out 0s;
	width: 40px;
	border-radius: 2px
}

.carousel-indicators .active {
	width: 40px;
	height: 8px;
	margin: 0;
	background-color: #1d398d;
	border-radius: 2px;
	border: 0
}

.inner-banner.carousel-caption .wrapper {
	top: 60%
}

ul.breadcrumb-list {
	padding: 0;
	margin: 0;
	text-align: left
}

ul.breadcrumb-list li {
	list-style-type: none;
	display: inline-block;
	margin-right: 6px
}

ul.breadcrumb-list li a {
	color: #fff;
	font-family: 'robotolight';
	display: block;
	padding: 10px 0;
	text-decoration: none
}

.innerbanenrs {
	    height: 200px;
	position: relative
}

.inner-banner-caption .breadcrumb {
	background-color: transparent
}

.inner-banner-caption .breadcrumb li {
	color: #fff
}

.inner-banner-caption .breadcrumb li a {
	color: #fff
}

.inner-banner-caption .breadcrumb li.active a {
	color: #fff
}

.inner-banner-caption {
	margin-top: 100px
}

.lst-pge {
	padding: 15px 0 15px
}

.lst-pge ul {
	margin: 0;
	padding: 0
}

.lst-pge li {
	display: inline-block;
	position: relative;
	padding-right: 30px;
	font-family: 'Roboto';
	font-weight: 500;
	color: #676767;
	font-size: 16px
}

.lst-pge a {
	display: inline-block;
	font-family: 'Roboto';
	font-weight: 500;
	color: #676767;
	font-size: 16px
}

.lst-pge a:hover {
	color: #39b0e1
}

.lst-pge li.active {
	color: #39b0e1
}

.lst-pge li.active a {
	color: #39b0e1
}

.lst-pge li:last-child:before {
	display: none
}

.lst-pge li:before {
	position: absolute;
	content: "";
	background: transparent url("../images/brd-arr.png") no-repeat scroll 0 0;
	right: 10px;
	top: 4px;
	width: 7px;
	height: 14px
}

.lst-pge li:after {
	position: absolute;
	content: "";
	bottom: -3px;
	left: 0;
	height: 2px;
	width: 0;
	background-color: #39b0e1;
	opacity: 0;
	transition: all 500ms ease-in-out
}

.lst-pge li.active:after {
	opacity: 1;
	width: 40%;
	transition: all 500ms ease-in-out
}

.lst-pge li:hover:after {
	opacity: 1;
	width: 40%;
	transition: all 500ms ease-in-out
}

.inner-banner-caption h1 {
	color: #fff;
	font-size: 50px;
	font-family: 'Roboto';
	font-weight: bold
}

.inn-page-1 {
	background: rgba(0, 0, 0, 0) url("../images/banner/inn-1.jpg") no-repeat scroll center top
}

.inn-page-2 {
	background: rgba(0, 0, 0, 0) url("../images/banner/inn-2.jpg") no-repeat scroll center top
}

.inn-page-3 {
	background: rgba(0, 0, 0, 0) url("../images/banner/inn-3.jpg") no-repeat scroll center top
}

.inn-page-4 {
	background: rgba(0, 0, 0, 0) url("../images/banner/inn-4.jpg") no-repeat scroll center top
}

.inn-page-5 {
	background: rgba(0, 0, 0, 0) url("../images/banner/inn-5.jpg") no-repeat scroll center top
}

.inn-page-6 {
	background: rgba(0, 0, 0, 0) url("../images/banner/inn-6.jpg") no-repeat scroll center top
}

.inn-page-7 {
	background: rgba(0, 0, 0, 0) url("../images/banner/inn-13.jpg") no-repeat scroll center top
}

.inn-page-8 {
	background: rgba(0, 0, 0, 0) url("../images/banner/inn-8.jpg") no-repeat scroll center top
}

.inn-page-9 {
	background: rgba(0, 0, 0, 0) url("../images/banner/inn-9.jpg") no-repeat scroll center top
}

.inn-page-10 {
	background: rgba(0, 0, 0, 0) url("../images/banner/inn-10.jpg") no-repeat scroll center top
}

.inn-page-11 {
	background: rgba(0, 0, 0, 0) url("../images/banner/inn-11.jpg") no-repeat scroll center top
}

.inn-page-12 {
	background: rgba(0, 0, 0, 0) url("../images/banner/inn-12.jpg") no-repeat scroll center top
}

.inn-page-13 {
	background: rgba(0, 0, 0, 0) url("../images/banner/inn-14.jpg") no-repeat scroll center top
}

.list-chngs {
	position: absolute;
	content: "";
	right: 0;
	bottom: -97px;
	width: 100%
}

.list-chngs:before {
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}

.applying {
	padding: 0 15px
}

.applying ul {
	padding: 0;
	margin: 0;
	display: inline-block;
	position: relative;
	background: #fff
}

.applying li {
	display: inline-block;
	padding: 20px 135px 20px 140px;
	font-family: 'Roboto';
	font-size: 26px;
	text-transform: none;
	color: #1c394a;
	margin: 0;
	position: relative;
	font-weight: 500;
	line-height: 28px;
	border-right: 1px solid #d5d8da
}

.applying li:last-child {
	border-right: 0
}

.blk {
	display: block;
	font-size: 15px;
	color: #505050
}

.applying li.doct-1 {
	background: transparent url(../images/ic-1.png) no-repeat 45px center;
	position: relative;
	margin-right: -4px
}

.applying li.doct-2 {
	background: #f2f9fc url(../images/ic-2.png) no-repeat 45px center;
	position: relative
}

.applying li.doct-3 {
	background: transparent url(../images/ic-3.png) no-repeat 45px center;
	position: relative;
	margin-right: -4px
}

.applying li.doct-4 {
	background: transparent url(../images/ic-4.png) no-repeat 45px center;
	position: relative
}

.applying li.doct-1:before,
.applying li.doct-2:before,
.applying li.doct-3:before,
.applying li.doct-4:before {
	position: absolute;
	content: "";
	left: 70px;
	top: 0;
	height: 30px;
	width: 1px;
	background: #2ed4ed
}

.applying li.doct-1:after,
.applying li.doct-2:after,
.applying li.doct-3:after,
.applying li.doct-4:after {
	position: absolute;
	content: "";
	left: 70px;
	bottom: 0;
	height: 30px;
	width: 1px;
	background: #2ed4ed
}

.carousel-indicators {
	position: absolute;
	bottom: 5%;
	right: 19%;
	left: auto
}

.carousel-indicators li {
	height: 15px;
	width: 15px;
	border-radius: 100%;
	border: 2px solid #fff;
	background-color: transparent;
	margin: 0 5px;
	display: inline-block;
	float: left
}

.carousel-indicators .active {
	width: 35px;
	height: 15px;
	border-radius: 50px;
	margin: 1px;
	background-color: #2ed4ed;
	border: 2px solid #2ed4ed;
	margin: 0;
	display: block
}

.abt-us {
	width: 100%;
	display: block;
	background: rgba(0, 0, 0, 0) url("../images/bg.jpg") no-repeat scroll center center / cover;
	padding: 120px 0px 80px;
}

.main-title h2 {
	font-family: 'Roboto';
	font-weight: bold;
	color: #004684;
	font-size: 26px;
	line-height: 39px;
	position: relative
}

.main-title h2 span {
	color: #fff;
	display: block
}

.main-title h2:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -15px;
	width: 63px;
	height: 3px;
	background-color: #004684
}

.abt-uslayer ul {
	padding: 0px 40px 0px 0px;
	margin: 50px 0 50px
}

.abt-uslayer li {
	display: block;
	color: #fff;
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 15px;
	line-height: 27px;
	margin-bottom: 15px;
	padding-left: 18px;
	position: relative
}

.abt-uslayer li:before {
	position: absolute;
	content: "";
	left: 0;
	top: 6px;
	width: 10px;
	height: 14px;
	background: rgba(0, 0, 0, 0) url("../images/arr.png") no-repeat scroll 0 0
}

.abt-uslayer li span {
	font-weight: 500;
	font-size: 15px
}

.abt-vidlyr {
	margin: 16% 0 0
}

.abt-vidlyr a {
	position: absolute;
	left: 0;
	right:0;
	top: 54%;
	z-index: 1;
	margin:0 auto;text-align:center;
}

.abt-vidlyr a::before {
	position: absolute;
	content: "";
	left: 0;
	right:0;
	margin:0 auto;
	text-align:center;
	top: -9px;
	width: 90px;
	height: 90px;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 100%;
	z-index: -1;
	animation: 2s ease-in-out 0s normal none infinite running glowdoti;
}

@keyframes glowdoti {
	0% {
		opacity: 0;
		transform: scale(0.1)
	}
	50% {
		opacity: .7;
		transform: scale(1)
	}
	100% {
		opacity: 0;
		transform: scale(1.5)
	}
}

.abt-imgs {
	position: relative;
	z-index: 0
}

.abt-imgs:before {
	position: absolute;
	content: "";
	left: -50px;
	top: -110px;
	width: 544px;
	height: 375px;
	background: rgba(0, 0, 0, 0) url("../images/video-bg.html") no-repeat scroll 0 0
}

.abt-imgs img {
	width: 100%;
	position: relative
}

.red-mre a {
	padding: 12px 50px 12px 33px;
	color: #fff;
	border: 2px solid #fff;
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	background: transparent url("../images/arrow.png") no-repeat scroll 122px 18px
}

.red-mre a:hover {
	background: #004684 url("../images/arrow.png") no-repeat scroll 130px 18px
}

.abt-us .row {
	display: flex;
	align-items: center
}

.products-lyr .main-title h2 span {
	color: #121f26
}

.products-lyr {
	padding: 50px 0 80px
}

.products-function {
	margin-top: 60px
}

.products-function .slick-prev,
.products-function .slick-next {
	top: -110px;
	bottom: auto;
	width: 45px;
	height: 45px;
	background: #ccc;
	border-radius: 100%;
	transition: .5s
}

.products-function .slick-prev:before,
.products-function .slick-next:before {
	font: normal normal normal 15px/1 FontAwesome;
	color: #fff
}

.products-function .slick-prev:hover,
.products-function .slick-prev:focus,
.products-function .slick-next:hover,
.products-function .slick-next:focus {
	background: #12a4e1
}

.products-function .slick-prev {
	transition: all 500ms ease-in-out 0s;
	right: 70px;
	opacity: .7;
	left: auto
}

.products-function .slick-next {
	transition: all 500ms ease-in-out 0s;
	left: 95%;
	opacity: .7
}

.products-function .slick-prev:before {
	content: "\f053"
}

.products-function .slick-next:before {
	content: "\f054"
}

.products-function .slick-prev:hover {
	transition: all 500ms ease-in-out 0s;
	opacity: 1
}

.products-function .slick-next:hover {
	transition: all 500ms ease-in-out 0s;
	opacity: 1
}

.prd-im img {
	width: 100%
}

.prd-im {
	position: relative
}

.prd-im:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background: rgba(27, 49, 65, 0.4);
	opacity: 0;
	transition: all 500ms ease-in-out 0s
}

.prd-sec:hover .prd-im a {
	top: 89px;
	opacity: 1
}

.prd-sec:hover .prd-im:before {
	opacity: 1;
	height: 100%;
	bottom: 0;
	transition: all 500ms ease-in-out 0s
}

.prd-im a {
	position: absolute;
	top: 189px;
	left: 154px;
	height: 53px;
	height: 53px;
	opacity: 0
}

.prd-sec {
	border: 1px solid #d7d7d7;
	margin-right: 30px;
	width: 100%;
	display: block;
	margin-bottom: 30px
}

.prd-cnt {
	display: block;
	padding: 15px 18px;
	background: #eef0f1;
	font-family: 'Roboto';
	font-weight: 500;
	color: #022d55;
	font-size: 17px;
 
}

.infra-lyr {
	background: #eef2f3;
	width: 100%;
	float: left;
	padding: 50px 0
}

.infra-lyr .main-title h2 span {
	color: #121f26
}

.products-lyr {
	padding: 50px 0 80px
}

.infrastructure-function {
	margin-top: 60px
}

.infrastructure-function .slick-prev,
.infrastructure-function .slick-next {
	top: -95px;
	bottom: auto;
	width: 45px;
	height: 45px;
	background: #ccc;
	border-radius: 100%;
	transition: .5s
}

.infrastructure-function .slick-prev:before,
.infrastructure-function .slick-next:before {
	font: normal normal normal 15px/1 FontAwesome;
	color: #fff
}

.infrastructure-function .slick-prev:hover,
.infrastructure-function .slick-prev:focus,
.infrastructure-function .slick-next:hover,
.infrastructure-function .slick-next:focus {
	background: #12a4e1
}

.infrastructure-function .slick-prev {
	transition: all 500ms ease-in-out 0s;
	right: 70px;
	opacity: .7;
	left: auto
}

.infrastructure-function .slick-next {
	transition: all 500ms ease-in-out 0s;
	left: 95%;
	opacity: .7
}

.infrastructure-function .slick-prev:before {
	content: "\f053"
}

.infrastructure-function .slick-next:before {
	content: "\f054"
}

.infrastructure-function .slick-prev:hover {
	transition: all 500ms ease-in-out 0s;
	opacity: 1
}

.infrastructure-function .slick-next:hover {
	transition: all 500ms ease-in-out 0s;
	opacity: 1
}

.inf-img {
	overflow: hidden
}

.inf-img img {
	width: 100%;
	border: 1px solid #bbbab8;
	transition: all 500ms ease-in-out 0s;
	transform: scale(1)
}

.inf-sec {
	margin-right: 30px
}

.inf-sec:hover .inf-cnt {
	top: -80px;
	transition: all 500ms ease-in-out 0s
}

.inf-sec:hover .inf-img img {
	transition: all 500ms ease-in-out 0s;
	transform: scale(1.1)
}

.inf-cnt {
	background: #fff;
	padding: 20px 25px;
	transition: all 500ms ease-in-out 0s;
	border:1px solid #bbbab8;
}

.inf-cnt h4 {
	margin: 0;
	text-align: left;
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 17px;
	color: #162c38;
	line-height: 24px;
	margin-bottom: 5px
}

.inf-cnt p {
	margin: 0;
	text-align: left;
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 14px;
	color: #5f5f5f;
	line-height: 24px
}

.infra-lyr .red-mre a {
	background-color: #022d55;
	border: 2px solid #022d55;
	margin-top: 20px
}

.clients-lyr {
	width: 100%;
	display: block;
	background: rgba(0, 0, 0, 0) url("../images/bg-1.jpg") no-repeat scroll center center / cover;
	float: left;
	padding: 50px 0;
	position: relative;
	margin-bottom: 100px
}

.clients-lyr::before {
	position: absolute;
	content: "";
	right: 0;
	top: 90px;
	width: 67%;
	height: 345px;
	background-color: #022d55
}

.clients-lyr .main-title h2 {
	color: #fff
}

.clients-lyr .main-title p {
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 15px;
	color: #fff;
	margin: 30px 0 40px
}

.clients-lyr .main-title h2:before {
	background-color: #022d55;
	bottom: -5px
}

.clients-lyr .red-mre a:hover {
	background-color: #022d55
}

.clints-list {
	position: relative;
	bottom: -90px
}

.clints-list ul {
	padding: 0;
	margin: 0
}

.clints-list li {
	display: inline-block;
	margin: 15px 10px;
	width: 17.3%
}

.clints-list li img {
	width: 100%
}

.footer-lyr {
	background-color: #edf2f4;
	display: block;
	width: 100%;
	float: left;
	padding: 50px 0
}

.quck-lnks ul {
	padding: 0;
	margin: 0;
	margin-top: 40px
}

.quck-lnks li {
	display: inline-block;
	margin-right: 25px
}

.quck-lnks li a {
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 14px;
	color: #3c3c3c
}

.quck-lnks li a:hover {
	color: #0a9dda
}

.cnt-dtls h4 {
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 17px;
	text-transform: uppercase;
	color: #da251c;
}

.cnt-dtls li {
	padding: 0 0 0 30px;
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 14px;
	line-height: 27px;
	color: #181818;
	display: inline-block;
	margin-bottom: 10px
}

.cnt-dtls li span {
	display: block
}

.cnt-dtls ul {
	margin: 0;
	padding: 0
}

.cnt-dtls li a {
	display: inline-block;
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 14px;
	line-height: 27px;
	color: #181818
}

.cnt-dtls li a:hover {
	color: #0a9dda
}

.cnt-dtls li.loc {
	background: rgba(0, 0, 0, 0) url("../images/loc.png") no-repeat scroll left 4px
}

.cnt-dtls li.sms {
	background: rgba(0, 0, 0, 0) url("../images/sms.png") no-repeat scroll left 1px
}

.cnt-dtls li.cal {
	background: rgba(0, 0, 0, 0) url("../images/call.png") no-repeat scroll left 1px
}

.copywrite {
	background-color: #004684;
	display: block;
	width: 100%;
	float: left
}

.copywrite p {
	line-height: 28px;
	margin: 0;
	padding: 13px 0;
	color: #FFF;
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 14px
}

.copywrite a {
	line-height: 28px;
	margin: 0;
	padding: 13px 0;
	color: #011426;
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 14px
}

.copywrite a:hover {
	color: #FFF
}

.copywrite p span {
	color: #011426
}

.inner-abtlyr {
	padding: 30px 0 50px
}

.innr-abtfcn .main-title h2 {
	color: #282828;
	margin-bottom: 30px
}

.innr-abtfcn .main-title h2::before {
	bottom: -5px
}

.innr-abtfcn p {
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 15px;
	line-height: 28px;
	color: #585858
}

.innr-abtfcn p span {
	font-family: 'Roboto';
	font-weight: 500;
	color: #585858
}

.inner-abtlyr .abt-vidlyr {
	padding-left: 50px
}

.inner-abtlyr .abt-vidlyr a {
	left: 35px
}

.top-clsvrd {
	border-bottom: 1px solid #d2d8db
}

.inn-infrat {
	padding: 30px 0 50px
}

.ifra-img img {
	width: 100%
}

.leflyr-fntn {
	margin: 40px 0px;
	display: block;
	width: 100%;
	float: left;
	position: relative
}

.ifra-cnt h4 {
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 24px;
	color: #004684;
	line-height: 38px;
	width: 85%
}

.ifra-cnt span {
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 17px;
	color: #050505;
	font-style: italic;
	margin-bottom: 10px;
	display: block
}

.ifra-cnt ul {
	padding: 0;
	margin: 0
}

.ifra-cnt li {
	display: block;
	position: relative;
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 16px;
	color: #6a6a6a;
	line-height: 23px;
	margin-bottom: 10px;
	padding-left: 15px;
	width: 90%
}

.ifra-cnt li:before {
	position: absolute;
	content: "";
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	background-color: #878787;
	border-radius: 100%
}

.ifra-cnt {
	 
}

.ritlyr-fntn {
	margin: 40px 0px;
	display: block;
	width: 100%;
	float: left;
	position: relative
} 

.contact-us h4 {
	color: #231f20
}

.contact-us h5 {
	display: block;
	color: #231f20;
	font-family: "Roboto";
	font-weight: bold;
	font-size: 24px;
	padding-bottom: 5px;
	margin: 0;
	margin-bottom: 10px;
	padding-left: 15px
}

.callr span {
	font-weight: bold
}

.tots-cnt p {
	margin-bottom: 0
}

.contact-us strong {
	color: rgba(67, 70, 73, 0.6);
	display: block
}

.conta-details.infra.cntus {
	position: relative
}

.conta-details.infra.cntus:after {
	position: absolute;
	background-color: #f6f6f6;
	content: "";
	left: -65px;
	top: 0;
	height: 100%;
	width: 2px
}

.contact-us ::placeholder {
	color: #000;
	opacity: .3
}

.contact-us :-ms-input-placeholder {
	color: #000
}

.contact-us ::-ms-input-placeholder {
	color: #000
}

.contact-us .form-data.cnt textarea {
	color: #011e53
}

.contact-us .form-data.cnt input[type="button"]:hover {
	color: #fff
}

.ins-c img {
	width: 135px;
	border: 1px solid #dfdfdf;
	border-radius: 10px;
	height: 45px
}

.ins-cf img {
	border: 1px solid #dfdfdf;
	border-radius: 10px
}

.frm-fields input {
	border: 1px solid #bfbfbf;
	width: 100%;
	height: 45px;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 14px
}

.frm-fields input.jsrequired.error{
	margin-bottom:0px;
}

.frm-fields textarea {
	border: 1px solid #bfbfbf;
	width: 100%;
	height: 125px;
	padding: 10px;
	margin-bottom: 15px;
	font-size: 14px
}

.fax {
	padding: 15px 55px;
	background: rgba(0, 0, 0, 0) url("../images/fax-c.html") no-repeat scroll -12px top;
	font-family: "Roboto"
}

.addr {
	padding-left: 55px;
	background: rgba(0, 0, 0, 0) url("../images/loc-c.png") no-repeat scroll -15px -5px
}

.addr {
	font-family: "Roboto"
}

.addr span {
	display: block;
	color: #231f20;
	font-family: "Roboto";
	font-weight: bold;
	font-size: 24px;
	padding-bottom: 5px
}

.callr {
	padding: 15px 0 5px 55px;
	background: rgba(0, 0, 0, 0) url("../images/call-c.png") no-repeat scroll -14px 5px;
	font-family: "Roboto"
}

.smsr {
	padding: 15px 55px;
	background: rgba(0, 0, 0, 0) url("../images/sms-c.png") no-repeat scroll -14px 4px
}

.smsr a {
	color: #434649;
	font-family: "Roboto";
	font-size: 16px;
	line-height: 28px;
	margin: 0;
	text-decoration: none
}

.sms a {
	color: #434649;
	font-family: "Roboto";
	font-size: 16px;
	text-align: left;
	text-decoration: none
}

.form-data input[type="button"], .form-data input[type="submit"] {
	padding: 12px 50px 12px 33px;
	color: #fff;
	border: 2px solid #fff;
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 14px;
	width: auto;
	text-transform: uppercase;
	display: inline-block;
	transition: all 500ms ease-in-out;
	background: #022d55 url("../images/arrow.png") no-repeat scroll 95px 16px;
	height: auto
}

.form-data input[type="button"]:hover, .form-data input[type="submit"]:hover {
	background: #15a0db url("../images/arrow.png") no-repeat scroll 100px 16px;
	transition: all 500ms ease-in-out
}

label.error{ font-size:13px; font-style:italic; font-weight:normal; color:#ff2121; margin-bottom:10px;  }

.inn-clnts {
	padding: 50px 0 50px
}

.clnt-details-block {
	padding: 30px 0 0
}

.clnt-details-block ul {
	padding: 0;
	margin: 0
}

.clnt-details-block li {
	padding: 0;
	margin: 8px 12px 8px 0;
	display: inline-block;
	width: 15%
}

.clnt-details-block li img {
	width: 100%
}

.nav-tabs>li>a span {
	font-family: 'Roboto';
	font-weight: 500;
	color: #28282850;
	font-size: 20px;
	line-height: 39px;
	position: relative;
	transition: all 500ms ease-in-out
}

.nav-tabs>li>a:hover span {
	color: #282828
}

.nav-tabs {
	border-bottom: 3px solid rgba(162, 151, 151, 0.1)
}

.nav-tabs>li.active>a span {
	color: #282828;
	transition: all 500ms ease-in-out
}

.nav-tabs>li>a,
.nav-tabs>li>a,
.nav-tabs>li>a {
	background-color: transparent;
	border: 0;
	outline: 0;
	position: relative
}

.nav-tabs>li>a:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -3px;
	background-color: #004684;
	height: 5px;
	width: 0;
	opacity: 0;
	transition: all 500ms ease-in-out
}

.nav-tabs>li.active>a:before {
	width: 100%;
	opacity: 1;
	transition: all 500ms ease-in-out
}

.nav-tabs>li>a:hover:before {
	width: 100%;
	opacity: 1;
	transition: all 500ms ease-in-out
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:active,
.nav-tabs>li>a:focus {
	background-color: transparent;
	border: 0;
	outline: 0
}

.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:active,
.nav-tabs>li.active>a:focus {
	background-color: transparent;
	border: 0;
	outline: 0
}

.nav-tabs>li>a {
	padding: 10px 0 10px 0;
	margin-right: 30px
}

.quality-imge {
	margin: 40px 0 0
}

.infr-ty .quality-imge {
	margin: 20px 0 0
}

.quality-imge img {
	width: 100%;
	
}

.quality-imge span {
	color: #878787;
	display: block;
	font-family: "Roboto";
	font-size: 14px;
	font-weight: 500;
	padding: 10px 0;
}

.ql-ty {
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 26px;
	font-style: italic;
	color: #231f20;
	margin-bottom: 20px;
	display: block
}

.ql-ty.vsn {
	font-size: 22px
}

 
.qlty-imge {
	position: relative;
	margin: 40px 0;
	z-index: 0;
	padding-left: 40px;
	z-index: 0
}

.mob-resp {
	display: none
}

.qlty-imge img {
	width: 100%
}

ul.mision-lst {
	padding: 0;
	margin: 0
}

ul.mision-lst li {
	padding: 0;
	margin: 0;
	display: inline-block;
	position: relative;
	font-family: 'Roboto';
	font-weight: 400;
	padding-left: 15px;
	font-size: 15px;
	margin-bottom: 10px;
	line-height: 22px;
	color: #585858
}

ul.mision-lst li:before {
	position: absolute;
	content: "";
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	background-color: #676767;
	border-radius: 100%
}

.midle-title {
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 22px;
	color: #231f20;
	margin-bottom: 10px
}

.cont-btn {
	display: block;
	display: block;
	position: fixed;
	right: 2px;
	top: 32%;
	z-index: 99
}

.cont-btn a {
	transform: rotate(-90deg);
	color: #fff;
	background: #022d55;
	line-height: normal;
	padding: 10px 25px;
	font-family: 'Roboto';
	font-weight: 500;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 1px;
	display: inline-block;
	transform-origin: right 37px;
	text-decoration: none
}

.modal .form-control {
	margin-bottom: 10px
}

.banner-form {
	background: #fff;
	margin: 0;
	padding: 20px 35px 35px 35px;
	width: 350px
}

button.xclose {
	background: #022d55 none repeat scroll 0 0;
	border: 0 none;
	cursor: pointer;
	margin: 0;
	padding: 0 7px
}

.banner-form input[type="submit"] {
	background: #022d55;
	border: 0 none;
	border-radius: 0;
	color: #fff;
	font-family: "Roboto";
	font-size: 14px;
	margin-top: 6px;
	padding: 8px 20px;
	text-transform: uppercase;
	width: 100%;
	font-weight: bold
}

.tit-bn h3 {
	font-size: 20px;
	font-family: 'Roboto';
	color: #191919;
	margin-bottom: 15px;
	text-transform: uppercase;
	text-align: center
}

.xclose:hover {
	color: #17a2dd;
	transition: all .5s ease;
	opacity: unset;
	text-shadow: none
}

.xclose:hover button.xclose {
	background: #fe000 none repeat scroll 0 0;
	opacity: unset
}

.xclose {
	color: #fff;
	font-size: 35px;
	font-weight: 700;
	line-height: 1;
	opacity: unset;
	overflow: hidden;
	position: absolute;
	right: -52px;
	text-shadow: none;
	top: 0;
	transition: all 500ms ease-in-out 0s
}

.form-control {
	font-family: 'Roboto';
	border-radius: 0;
	height: 35px
}

.custom-file-uploader {
	position: relative
}

.custom-file-uploader input[type='file'] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer
}

.input-group .form-control[readonly] {
	background: #fff;
	height: 44px
}

.input-group-btn .btn-default {
	padding: 12px;
	border: 0;
	border-left: 1px solid #e1e1e1;
	background: #2b2b2b;
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	top: 0
}
.form-group label, .frm-fields label { font-size:14px; }
.input-group {
	cursor: pointer
}

.form-control {
	border: 1px solid rgba(95, 95, 95, 0.38);
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 30px
}

.milestones {
	width: 100%;
	display: block;
	background: rgba(0, 0, 0, 0) url("../images/mile.png") no-repeat scroll center center / cover;
	float: left;
	    margin-bottom: 35px;
	padding: 50px 0
}

.mile-stones .main-title h2 {
	color: #fff;
	text-align: left
}

.mile-stones ul {
	padding: 0;
	margin: 60px 0 80px;
	position: relative
}

.mile-stones ul:before {
	position: absolute;
	content: "";
	left: 0;
	top: 67px;
	height: 22px;
	width: 22px;
	background-color: #004684;
	border-radius: 50px;
	z-index: 1
}

.mile-stones ul:after {
	position: absolute;
	content: "";
	right: 20px;
	top: 67px;
	height: 22px;
	width: 13px;
	background: transparent url("../images/are.png") no-repeat scroll 0 0
}

.mile-stones li {
	padding: 0;
	margin: -2px;
	display: inline-block;
	width: 16%;
	vertical-align: top;
	position: relative;
	z-index: 0
}

.mile-stones li:before {
	position: absolute;
	content: "";
	left: 0;
	top: 80px;
	height: 1px;
	width: 100%;
	background-color: #506f8d;
	z-index: -1
}

.mile-stones h4 {
	color: #fff;
	display: block
}

.mile-stones span {
	color: #fff;
	display: block;
	padding-top: 100px;
	position: relative;
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 14px;
	margin: 0 12px
}

.mile-stones span:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	height: 85px;
	width: 1px;
	background-color: #506f8d;
	z-index: -1;
	margin: 0 auto;
	right: 0
}

.crdntil {
	font-family: 'Roboto';
	font-weight: normal;
	font-size: 18px;
	color: #231f20;
	display: block
}

.vsn-msn .midle-title {
	margin-top: 30px
}

.awrds-lstd {
	margin: 30px 0 10px
}

.awrds-lstd img {
	-webkit-box-shadow: 0 0 25px 9px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0 0 25px 9px rgba(0, 0, 0, 0.09);
	box-shadow: 0 0 25px 9px rgba(0, 0, 0, 0.09);
	display: block;
	margin: 0 auto
}

.awrds-lstd span {
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 15px;
	color: #022d55;
	display: block;
	padding: 15px 36px;
	font-style: italic;
	text-align: center;
}

.midle-title.in-fr {
	color: #16a2dc
}

.md-fnt img {
	width: 100%
} 

.md-lyt h4 {
	font-family: 'Roboto';
	font-weight: 900;
	color: #022d55;
	font-size: 20px
}

.md-lyt h4 span {
	font-family: 'Roboto';
	font-weight: normal;
	color: #231f20;
	font-size: 17px;
	font-style: italic;
	display: block;
	margin: 4px 0
}

span.ky-tris {
	font-family: 'Roboto';
	font-weight: 500;
	color: #231f20;
	font-size: 18px;
	margin-bottom: 10px;
	display: block
}

.qlyu-plyu .col-lg-3.col-md-3.col-sm-6.col-xs-12{width:20%;}

.prd-sec.aplca .prd-im::before{display:none;}

.prd-sec.aplca .prd-im{overflow:hidden;}

.prd-sec.aplca .prd-im img{transform:scale(1);transition: all 500ms ease-in-out 0s}
.prd-sec.aplca:hover .prd-im img{transform:scale(1.1);transition: all 500ms ease-in-out 0s}

button.fancybox-button.fancybox-button--thumbs{display:none !important;}

.modal .form-control.error{margin-bottom:0px;} 

label.error{font-weight:500;}
.form-group {
    margin-bottom: 0px;
}


.conta-details .red-mre a {
	background-color: #004684; padding: 12px 33px 12px 33px;
	border: 2px solid #004684;
	margin-top: 10px; font-size:14px; background-image:none; 
}
.conta-details .red-mre a:hover {
	background-color: #022d55;
	border: 2px solid #022d55;
 
}
.conta-details .locations { padding:0px 0px 5px 55px }