@font-face {
	font-family: 'gothic';
	src: url('../fonts/gothic.eot');
	src: local('gothic'), url('../fonts/gothic.woff') format('woff'), url('../fonts/gothic.ttf') format('truetype');
}
img {max-width: 100%;}
.form-control {font-size: 14px;}
body{font-family: 'gothic'; font-size: 14px; background: #000; color: #fff;}
header{background: url(../img/banner.jpg) no-repeat top center; background-size: cover; width: 100%; position: relative;}
header:before{background: rgba(0, 0, 0, 0.4); position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0;}
.headerPhone a{background: #fff; border-radius: 50px; position: relative; padding: 4px 20px 4px 55px; font-weight: bold; font-family: 'gothic';display: inline-block;}
.headerPhone a:before{content: ''; background: url(../img/phone-icon.png) no-repeat 0 0; width: 42px; height: 42px; position: absolute; left: 5px; }
.headerPhone a{color: #000; font-size: 28px;}
.headerPhone a:hover{color: #ed1c24; text-decoration: none;}
.banner-txt{color: #fff; font-size: 56px; text-transform: uppercase; font-weight: 800;}
.formContainer{background: rgba(0, 0, 0, 0.6); padding: 20px; color: #fff; margin-bottom: 50px;}
.formContainer input[type=text], .formContainer input[type=email], .formContainer input[type=tel], .formContainer textarea{background:#414141; border: 0 none; border-radius: 0; outline: none; color: #fff;}
.form-control:focus{background:#414141; color: #fff; border-color: #ed1c24; box-shadow: 0 0 0 0.2rem rgba(237,28,36,.25);}
.btn-primary:focus, .btn-primary:active {box-shadow: none;background: #ed1c24;}
.btn-primary{background: #ed1c24; border: 0 none; width: 100%; text-transform: uppercase;}
.btn-primary:hover{background: #ed1c24;} 
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{background: #ed1c24;box-shadow: none;}
::placeholder {color: #fff; opacity: 1;}
section{padding: 50px 0;}
.specialiseIn h2{text-transform: uppercase;}
.speContent{background: #414141; font-size: 15px; border-radius: 5px; margin-top: 20px; padding: 10px; line-height: 18px;}
.speContent .col-4 {padding-right: 5px;}
.speContent .col-8 {padding-left: 5px;}
.speContent > .row {min-height: 75px;}
.aboutSection {position: relative; background: #414141;}
.backgroundBox {display: flex; flex-wrap: wrap;}
.backgroundBox > div {flex: 0 0 41%; max-width: 41%; padding-right: 15px;}
.backgroundBox > div img{width: 100%;min-height: 660px;object-fit: cover}
.contentBox {position: absolute; top: 0px; width: 100%; z-index: 1; left: 0px;  color: #fff; padding: 50px 0; line-height: 24px;}
.contentBox img{padding: 20px 10px 0 10px;}
footer{padding: 20px 0;}
.calltoactionSection{background: #ed1c24; padding: 50px 0; color: #fff;}
.calltoactionSection a{color: #fff;}
.calltoactionSection h3{font-size: 30px; text-align: center; margin: 0;}
.form-group{margin-bottom: 10px;}

/*==================Responsive CSS=====================*/

@media (min-width:1020px) and (max-width:1179px) {
 	.backgroundBox > div img {min-height: 700px;}
 	.banner-txt {font-size: 45px;}
 	.logo img {max-width: 150px;}
}

@media (max-width: 991px){
	.logo img {max-width: 150px;}
 	.banner-txt {font-size: 45px;margin-bottom: 30px;}
 	.headerPhone a {font-size: 18px;}
 	.headerPhone a:before {width: 27px;height: 27px;background-size: contain;}
 	.mainHeader {margin-bottom: 30px;}
 	.backgroundBox {display: block;}
 	.backgroundBox > div {flex: 0 0 100%;max-width: 100%; padding-right: 0;}
 	.contentBox {position: relative;}
 	.backgroundBox > div img {max-height: 200px;min-height: 1px;}
 	.headermail a {font-size: 18px;}
 	.headermail a:before {width: 27px;height: 27px;background-size: contain;}
}

@media (max-width: 767px) {
	.calltoactionSection, .contentBox, section {padding: 30px 0;}
	.calltoactionSection h3 {font-size: 24px;}
	.banner-txt {font-size: 34px;}
}

@media (max-width: 599px){
	.speContent > .row { min-height: 1px;}
}

@media (max-width:479px) {
	.headerPhone a {font-size: 15px;padding: 4px 10px 4px 35px;}
	.headerPhone a:before {width: 22px;height: 22px;}
	.calltoactionSection h3 {font-size: 18px;}
	.logo img {max-width: 30%;}
	.banner-txt {font-size: 24px;margin-bottom: 15px;}
	.formContainer {margin-bottom: 30px;}
	h2 {font-size: 24px;}
	.headermail a {font-size: 15px;padding: 4px 10px 4px 35px;}
	.headermail a:before {width: 22px;height: 22px;}
} 

@media (max-width: 320px) {
	.headerPhone a {font-size: 13px;padding: 5px 10px 6px 35px;}
	.calltoactionSection h3 {font-size: 16px;}
	.headermail a {font-size: 13px;padding: 5px 10px 6px 35px;}
}

.headermail a:before{content: ''; background: url(../img/mail-icon.png) no-repeat 0 0; width: 42px; height: 42px; position: absolute; left: 5px; }
.headermail a{background: #fff; border-radius: 50px; position: relative; padding: 4px 20px 4px 55px; font-weight: bold; font-family: 'gothic';display: inline-block;}
.headermail a{color: #000; font-size: 28px;}
.headermail a:hover{color: #ed1c24; text-decoration: none;}


@media (max-width: 479px){


.headermail a {
    font-size: 15px;
    padding: 4px 10px 4px 35px;
}
.headermail a:before {
    width: 22px;
    height: 22px;
}
.headerPhone{
	margin-top: -71px;
}
.headermail{
	margin-top: -33px;
}
}
@media (max-width: 991px){
.headermail a:before {
    width: 22px;
    height: 22px;
    background-size: contain;
}
}