/* Body and General Styles Start
-------------------------------------------------- */

@font-face {
font-family: 'DINPro-Black';
src: url('../fonts/DINPro-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/DINPro-Black.otf')  format('opentype'),
		url('../fonts/DINPro-Black.woff') format('woff'),
		url('../fonts/DINPro-Black.ttf')  format('truetype'),
		url('../fonts/DINPro-Black.svg#DINPro-Black') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'MyriadPro-Regular';
src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/MyriadPro-Regular.otf')  format('opentype'),
		url('../fonts/MyriadPro-Regular.woff') format('woff'),
		url('../fonts/MyriadPro-Regular.ttf')  format('truetype'),
		url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
font-weight: normal;
font-style: normal;
}	
body { font-family: 'Raleway', sans-serif; font-size: 16px; color: #000; line-height: 20px; font-weight: 400; }
img { max-width: 100%;}
.link-btn {border: none; outline: none; text-align: center; background: #393939; display: inline-block; font-size: 15px; font-weight: 700; text-transform: uppercase; color: #fff;
	letter-spacing: 0.32px; line-height: 23px; padding: 16px 10px; min-width: 276px;
}
.navbar-default { background: #393939; border: none; border-radius: 0; min-height: 1px; margin-bottom: 0;padding: 8px; }
.navbar-brand { height: auto;}
.navbar-header { width: 16.66667%; }
#nav { width: 83.33333%; float: left; }
.navbar-collapse { padding: 0;}
.header .container { width: 100%; max-width: 1472px;}
.navbar-nav { float: right; width: 100%; text-align: right;}
.navbar-nav > li { font-size: 20px; font-weight: 300; display: inline-block; float: none;}
.navbar-default .navbar-nav > li:last-child a { padding-right: 0;}
.navbar-default .navbar-nav > li > a { color: #fff; padding: 8px 16px; line-height: 25px;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #e7b300; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { background: transparent; color: #e7b300; }

.topmenu { margin: 0; padding: 0; width: 100%; text-align: right; }
.topmenu li { margin: 0; padding: 0; list-style: none; display: inline-block; font-size: 15px; }
.topmenu li a { color: #fff; padding: 16px; display: inline-block; line-height: 15px; }
.topmenu li a:hover { color: #e7b300; }
.topmenu li:last-child a { padding-right: 0; }
.topmenu li img.language { width: 24px;}

.banner { background: #fff; padding: 75px 0 0; }
.banner-content { width: 63%; display: inline-block; vertical-align: top;}
.banner-content h2 { color: #3d4542; font-size: 40px; margin: 0; line-height: 48px; font-weight: 700; max-width: 570px; }
.banner-content h3 { color: #000; font-size: 40px; margin: 0 0 30px 0; line-height: 48px; font-weight: 300; max-width: 670px; }
.banner-content p { color: #000; font-size: 22px; margin: 0 0 30px 0; line-height: 26px; font-weight: 300; max-width: 700px; }
.banner-content .link-btn { min-width: 320px; font-size: 18px; padding: 20px 10px; line-height: 24px; }
.banner-image { width: 35%; display: inline-block; vertical-align: top;}

.bgimage-section { height: 200px; background-position: center bottom -77px; background-repeat: no-repeat; background-size: cover; }
.bgimage-section .bgimage-content { height: 200px;}
.bgimage-section .bgimage-content .link-btn { top: 50%; position: relative; }

.appointment-form { padding: 78px 0; background: #f2f2f2; }
.appointment-form .form-control::-moz-placeholder { color: #000; opacity: 1;}
.appointment-form .form-control:-ms-input-placeholder { color: #000; opacity: 1;}
.appointment-form .form-control::-webkit-input-placeholder { color: #000; opacity: 1;}
.appointment-form .btnrow { border-top: 1px solid #000; padding-top: 57px; text-align: center; display: inline-block; width: 100%; vertical-align: top;}
.appointment-formcol h4 { color: #000; font-size: 22px; margin: 0 0 34px 0; line-height: 26px; font-weight: 300;
	border-bottom: 1px solid #000; padding-bottom: 18px; letter-spacing: 0.44px;
}
.appointment-formcol .form-group { margin-bottom: 20px;}
.appointment-formcol p { font-weight: 600; font-size: 14px;}
.appointment-formcol .btmrow { padding-top: 20px; margin-bottom: 30px;}
.appointment-formcol .btmrow .save-btn { background: #393939; display: inline-block; font-size: 10px; font-weight: 700;
	text-transform: uppercase; color: #fff; margin-right: 10px;
	letter-spacing: 0.20px; line-height: 23px; padding: 6px 20px; border: none;
}
.appointment-formcol .btmrow span { font-size: 14px; font-weight: 300; line-height: 21px; display: inline-block;
	vertical-align: top; padding: 7px 0;
}
.appointment-formcol .terminnew { margin-top:  34px;}
.appointment-col { padding: 0px 10px; margin-bottom: 20px; }
.appointment-col h5 { margin: 0 0 20px 0; font-weight: 500; color: #000000; line-height: 18px; }
.appointment-col ul { margin: 0 0 15px 0; padding: 0;}
.appointment-col ul li { margin: 0; padding: 2px 0 2px 90px; list-style: none; position: relative; font-size: 14px; line-height: 16px; font-weight: 300; }
.appointment-col ul li label { position: absolute; left: 0; top: 0; line-height: 20px; font-weight: 300; margin: 0; }
.appointment-col .clear { position: relative; font-size: 12px; font-weight: 300; color: #000; text-decoration: underline;
	padding-left: 22px; line-height: 16px; display: inline-block; }
.appointment-col .clear img { position: absolute; left: 0; top:0; }
.appointment-col .clear:hover { color: #e7b300; }

.form-control { color: #000; height: 50px; border-radius: 0; border: 1px solid #000; padding: 10px 18px; background: none; font-weight: 300; }
.form-control:focus { box-shadow: none; border-color: #000; }

.references-section { padding: 100px 0 150px 0; }
.references-col h4 { color: #3d4542; font-size: 22px; line-height: 26px; margin: 0 0 17px 0; font-weight: 700; }
.references-col h2 { color: #3d4542; font-size: 40px; line-height: 48px; margin: 0 0 10px 0; font-weight: 300; }
.references-col h2 a { color: #3d4542; }
.references-col p { color: #3d4542; font-size: 22px; line-height: 26px; margin: 0; font-weight: 300; }
.references-col .imgcol { margin-bottom: 16px;}
.references-col .imgcol img { width: 100%;}


.footer { position: relative; }
.footer .footer-one { background: #393939; padding: 32px 0 5px; }
.footer .container { width: 100%; max-width: 1472px; }
.footer .footer-col { padding-top: 16px;}
.footer .footer-col h4 { font-size: 18px; line-height: 28px; text-transform: uppercase; margin: 0 0 8px 0; padding: 0 0 8px 0; font-weight: 400;}
.footer .footer-col h4 a { color: #fff; font-weight: 400; }
.footer .footer-col h4 a:hover { color: #e7b300; }
.footer .footer-col ul { margin: 0; padding: 0; }
.footer .footer-col ul li { line-height: 25px; font-size: 16px; color: #fff; list-style: none;}
.footer .footer-col ul li a { color: #fff; }
.footer .footer-col ul li a:hover { color: #e7b300; }
.footer .footer-col ul li ul { padding-left: 24px;}
.footer .footer-col ul li ul li { line-height: 24px;}
.footer .highlighttext .footer-col h4 { color: #e7b300; font-size: 20px;}
.footer .highlighttext .footer-col ul li a { color: #e7b300; }
.footer .highlighttext .footer-col h4.followus { color: #fff; padding-top: 16px;}
.footer .footer-socials ul { margin: 0; padding: 0 0 0 30px; display: inline-block; width: 100%; vertical-align: top; }
.footer .footer-socials ul li { margin: 0; padding: 24px 0 0 0; list-style: none; width: 33%; float: left; }
.footer .footer-socials ul li img { max-width: 40px;}
.footer .btmmenu { text-align: right; }
.footer .btmmenu ul { margin: 0; padding: 6px 0 0 0; }
.footer .btmmenu ul li { margin: 0; padding: 12px 10px; list-style: none; display: inline-block; position: relative; }
.footer .btmmenu ul li a { color: #fff; }
.footer .btmmenu ul li a:hover { color: #e7b300; }
.footer .btmmenu ul li + li:before { position: absolute; left: -4px; top: 12px; content: '|'; color: #fff; }
.footer .btmmenu ul li:last-child { padding-right: 0;}
.footer .footer-bottom { padding: 12px 16px; background: #fff;}
.footer .footer-bottom p { font-size: 17px; color: #035642; margin: 0; }
.footer .footer-bottom p a { text-decoration: underline; color: #035642; font-weight: 700; }
.footer .footer-bottom p a:hover { color:#000;}
.footer .footer-bottom p img { max-width: 180px; margin-right: 8px; margin-bottom: 10px;}
.btn-backtotop { width: 0; height: 0; border-left: 24px solid transparent; border-right: 24px solid transparent;
	border-bottom: 32px solid #e7b300; border-radius: 0; background-color: rgba(255, 255, 255, 0);
    left: 50%; position: absolute; margin-left: -24px; margin-top: -32px; z-index: 1;
}

.cols-section { padding: 30px 0 170px 0; }
.bgimg-cols { margin-bottom: 50px;}
.bgimg-cols h5 { margin: 0 0 10px 0; font-weight: 700; line-height: 17px; }
.bgimg-cols .bgimg-col { position: relative; height: 360px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bgimg-cols .bgimg-content { max-width: 364px; width: 100%; position: absolute; left: 15px; right: 15px; bottom: 24px; background: #fff; padding: 14px 16px; }
.bgimg-cols .bgimg-content p { letter-spacing: 0.44px; font-size: 22px; line-height: 26px; font-weight: 300; color: #3d4542; margin: 0; }
.bgimg-cols .bgimg-content .readmore { display: inline-block; margin-top: 10px; text-decoration: underline; color: #000000; font-size: 14px; font-weight: 300; }
.bgimg-cols .bgimg-content .readmore:hover { color: #e7b300; }
.textbox-error { font-weight: 400; font-size: 14px; line-height: 16px; color: red;}



/* Responsive Style Start 
-------------------------------------------------- */


@media (min-width: 1430px) {
.container {width: 1400px;}
}

@media (max-width: 1199px) {
.navbar-header {width: 20%;}
#nav {width: 80%;}
.references-col h2 {font-size: 32px;line-height: 40px;}
.references-col p { font-size: 18px;line-height: 22px;}
.references-col h4 { font-size: 18px;line-height: 22px;}
}

@media (max-width: 991px) {
.navbar-header {width: 22%;}
#nav {width: 78%;}
.navbar-nav > li { font-size: 16px;}
.topmenu li { font-size: 14px; }
.references-col h2 { font-size: 25px; line-height: 30px;}
.references-col p { font-size: 16px; line-height: 20px;}
.references-col h4 { font-size: 16px; line-height: 20px;}
.footer-one .container .row [class*="col-"]:nth-child(3) { clear: both; }
.cols-section { padding: 50px 0 170px 0;}
}

@media (max-width: 767px) {
.navbar-default { padding: 10px 0;}
.navbar-header,
#nav { width: 100%;}
.container > .navbar-header { margin: 0; }
.navbar-toggle { border: none; padding: 0; margin: 20px 0 0 0; border-radius: 0; }
.navbar-brand { padding: 0;}
.navbar-default .navbar-toggle .icon-bar { background: #fff; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: transparent;}
.topmenu { text-align: left; padding-top: 12px; }
.topmenu li { width: 100%; font-size: 15px;}
.topmenu li a { padding: 10px 0px; }
.navbar-nav { text-align: left; margin: 0; }
.navbar-nav > li { width: 100%;  font-size: 15px; }
.navbar-default .navbar-nav > li > a { padding: 10px 0px; line-height: 15px; }
.navbar-collapse { border: none; box-shadow: none; }
.banner { padding: 50px 0 0;}
.banner-content { width: 100%;}
.banner-image { width: 100%; text-align: center; margin-top: 40px;}
.banner-content h2,
.banner-content h3,
.banner-content p { max-width: 100%; word-wrap: break-word;}
.bgimage-section { background-position: center bottom;}
.appointment-form { padding: 50px 0;}
.appointment-form .appointment-formcol { margin-bottom: 40px;}
.appointment-formcol h4 { margin-bottom: 20px;}
.references-section { padding: 50px 0;}
.references-col { margin-bottom: 30px;}
.references-col h4 { margin-bottom: 10px;}
.references-col .imgcol { margin-bottom: 12px;}
.footer .footer-socials ul { padding: 0; }
.footer .btmmenu { text-align: center;}
.footer .highlighttext .footer-col h4.followus { text-align: center; }
.footer .footer-socials ul li { padding: 7px 0; text-align: center;}
.banner-content .link-btn { min-width: 276px; font-size: 15px; padding: 16px 10px; line-height: 23px; }
.bgimg-cols .bgimg-content { width: auto; bottom: 15px; }
.cols-section { padding: 30px 0 50px 0;}
}
/* Responsive Style End
-------------------------------------------------- */