body, html { height: 100% }
img, img a { border: 0 }
html { position: relative }
body { color: #000; font-size: 16px; font-weight: 300; background: #fff }
/*a, div, h1, h2, h3, h4, h5, h6, img, input, li, p, select, ul { margin: 0; padding: 0; outline: 0!important; box-shadow: none; border: 0; list-style: none; font-weight: 400 }
a, button, h1, h2, h3, h4, h5, h6, img, input, p, select { -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transition: all .5s ease 0s }
*/img { max-width: 100% }
@font-face { font-family: 'GaramondPremrPro'; src: url('../fonts/GaramondPremrPro.eot?#iefix') format('embedded-opentype'), url('../fonts/GaramondPremrPro.otf') format('opentype'), url('../fonts/GaramondPremrPro.woff') format('woff'), url('../fonts/GaramondPremrPro.ttf') format('truetype'), url('../fonts/GaramondPremrPro.svg#GaramondPremrPro') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Futura-Medium'; src: url('../fonts/Futura-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura-Medium.woff') format('woff'), url('../fonts/Futura-Medium.ttf') format('truetype'), url('../fonts/Futura-Medium.svg#Futura-Medium') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FuturaStd-CondensedLight'; src: url('../fonts/FuturaStd-CondensedLight.eot?#iefix') format('embedded-opentype'), url('../fonts/FuturaStd-CondensedLight.otf') format('opentype'), url('../fonts/FuturaStd-CondensedLight.woff') format('woff'), url('../fonts/FuturaStd-CondensedLight.ttf') format('truetype'), url('../fonts/FuturaStd-CondensedLight.svg#FuturaStd-CondensedLight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Futura-CondensedMedium'; src: url('../fonts/Futura-CondensedMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura-CondensedMedium.woff') format('woff'), url('../fonts/Futura-CondensedMedium.ttf') format('truetype'), url('../fonts/Futura-CondensedMedium.svg#Futura-CondensedMedium') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AvenirLTStd-Black'; src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Black.otf') format('opentype'), url('../fonts/AvenirLTStd-Black.woff') format('woff'), url('../fonts/AvenirLTStd-Black.ttf') format('truetype'), url('../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Avenir-Roman'; src: url('../fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/Avenir-Roman.otf') format('opentype'), url('../fonts/Avenir-Roman.woff') format('woff'), url('../fonts/Avenir-Roman.ttf') format('truetype'), url('../fonts/Avenir-Roman.svg#Avenir-Roman') format('svg'); font-weight: normal; font-style: normal; }
header { padding: 15px 0; }
.logo { text-align: left; }
.header_txt { font-family: 'GaramondPremrPro'; font-size: 34px; color: #000000; line-height: 30px; font-weight: normal; text-align: right; margin: 25px 0 0 0; }
.header_txt span { font-size: 40px; color: #c20000; }
.navbar .container-fluid { padding: 0px; }
.navbar-default .navbar-nav > li { position: relative; }
.navbar-default .navbar-nav > li > a { font-family: 'Futura-Medium'; font-weight: normal; font-size: 13px; color: #010000; line-height: 22px; letter-spacing: 1px; text-transform: uppercase; padding: 0 8px; }
.navbar-default .navbar-nav > li:before { content: ""; position: absolute; width: 5px; height: 5px; background: #cc0505; top: 8px; left: -5px; border-radius: 50%; }
.navbar-default .navbar-nav > li:first-child:before { background: none; }
.navbar-default .navbar-nav > li:first-child > a { padding: 0 10px 0 0; }
.navbar-default .navbar-nav > li:last-child > a { padding: 0 0 0 10px; }
.nav > li { display: inline-block; }
.navbar-nav { float: none; margin: 0; text-align: center; }
.navbar-nav > li { float: none; }
.banner { background: url(../images_used_in_landing_page/banner_img.jpg) center top no-repeat; background-size: cover; height: 436px; position: relative; }
.banner h3 { font-family: 'GaramondPremrPro'; font-size: 28px; color: #000000; line-height: 35px; font-weight: normal; text-align: left; position: absolute; top: 220px; left: 0px; background: rgba(255,255,255,0.8); padding: 10px 14px; }
.banner h3 span { display: block; font-size: 40px; color: #c20000; }
.banner .form_panel { width: 307px; float: right; border: 1px solid #cc0505; background: rgba(255,255,255,0.8); padding: 14px 16px; margin: 24px 25px 0 0; }
.banner .form_panel h3 { font-family: 'FuturaStd-CondensedLight'; font-size: 26px; color: #000000; line-height: 27px; font-weight: normal; text-align: left; position: relative; top: inherit; left: inherit; background: none; padding: 5px 0; }
.banner .form_panel label { font-family: Arial, sans-serif; font-size: 14px; line-height: 25px; color: #474747; padding: 0px; margin: 0px; }
.banner .form_panel .form-control { border: 1px solid #a2a2a2; border-radius: 0px; background: #fefefe; height: 21px; line-height: 21px; font-family: Arial, sans-serif; color: #474747; font-size: 13px; box-shadow: none; padding: 0 4px; }
.banner .form_panel .quote_btn { margin-top: 9px; }
.wait_txt { background: #000000; font-family: 'GaramondPremrPro'; font-size: 28px; color: #ffffff; line-height: 28px; font-weight: normal; text-align: center; padding: 8px 0; margin: 5px 0 0 0; }
.repair_sec { position: relative; }
.repair_sec h1 { font-family: 'Futura-Medium'; font-weight: bold; font-size: 36px; color: #bc0303; line-height: 100%; text-align: center; text-transform: uppercase; letter-spacing: 1px; padding: 12px 0px; }
.repair_sec ul { padding: 0px; margin: 0px; text-align: center; }
.repair_sec ul li { padding: 0 0 15px 0; margin: 0 4px; list-style: none; display: inline-block; text-align: center; width: 214px; font-family: "FuturaStd-CondensedLight"; font-weight: normal; font-size: 23px; line-height: 100%; text-transform: uppercase; }
.repair_sec ul li img { margin: 0px; }
.repair_sec ul li span { display: block; padding: 8px 0; }
.protect_txt { background: #a20101; font-family: 'AvenirLTStd-Black'; font-size: 28px; color: #ffffff; line-height: 32px; font-weight: normal; text-align: center; text-shadow: 0 1px 3px #000; padding: 10px 0; margin: 5px 0 0 0; }
.protect_txt span { color: #ffffff; display: block; }
footer { font-family: 'Avenir-Roman'; font-size: 14px; color: #898989; padding: 10px 0; }
footer .footer_links { padding-top: 5px; padding-bottom: 5px; }
footer .footer_links a { color: #898989; text-decoration: none; }
footer .footer_links span.divider { display: inline-block; margin: 0 3px; }
footer .copyright { text-align: right; padding-top: 5px; padding-bottom: 5px; }

@media (min-width:768px) and (max-width:991px) {
.banner h3 { font-size: 23px; line-height: 26px; padding: 8px 12px; }
.banner h3 span { font-size: 30px; }
.repair_sec h1 { font-size: 30px; }
.repair_sec ul li { width: 23%; font-size: 19px; margin: 0 5px; }
.protect_txt { font-size: 23px; color: #ffffff; line-height: 28px; }
}

@media (max-width:767px) {
.logo { text-align: center; }
.navbar-nav > li { display: block; }
.header_txt { font-size: 24px; line-height: 26px; text-align: center; margin-top: 15px; }
.header_txt span { font-size: 30px; }
header { padding: 10px 0; }
.navbar-default .navbar-nav > li > a { line-height: 22px; letter-spacing: 1px; text-transform: uppercase; padding: 10px 0; }
.navbar-default .navbar-nav > li:before { top: -3px; left: 50%; margin-left: -2.5px; border-radius: 50%; }
.navbar-default .navbar-nav > li:first-child > a { padding: 10px 0; }
.navbar-default .navbar-nav > li:last-child > a { padding: 10px 0; }
.banner { position: relative; height: auto; overflow: hidden; padding-bottom: 10px; }
.banner h3 { position: relative; font-size: 23px; line-height: 26px; top: 10px; display: inline-block; padding: 10px 14px; }
.banner h3 span { font-size: 30px; }
.banner .form_panel { width: 90%; max-width: 307px; float: right; margin: 15px 10px 0 0; }
.wait_txt { font-size: 22px; line-height: 22px; padding: 5px 0; }
.repair_sec h1 { font-size: 30px; }
footer .footer_links { text-align: center; }
footer .copyright { text-align: center; }
.protect_txt { font-size: 23px; color: #ffffff; line-height: 28px; padding: 8px; }
}

@media (max-width:480px) {
.header_txt { font-size: 22px; line-height: 25px; }
.header_txt span { font-size: 28px; }
.banner h3 { font-size: 18px; line-height: 24px; }
.banner h3 span { font-size: 24px; }
.banner .form_panel { margin: 15px auto; }
.banner .form_panel h3 { font-size: 23px; padding: 0 0 5px 0; }
}

/*changes 23 september 16*/

.banner #banner_text {
 	background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    color: #000000;
    font-family: "GaramondPremrPro";
    left: 0;
    line-height: 35px;
    padding: 10px 14px;
    text-align: left;
    width: 61%;
    font-size: 20px;
    font-weight: 100;
    line-height: 1em;
    padding: 3px 15px;
    top: 300px;
    position: absolute;
}


#repair_sec_brief {
    font-family: GaramondPremrPro;
    font-size: 19px;
    font-weight: 100;
    padding: 10px 14px;
}

#protect_subTxt {
    padding: 10px;
    font-family: GaramondPremrPro;
    font-size: 19px;
}
@media (min-width:768px)
{
	.banner h3{top:190px;}
}
@media (min-width:768px) and (max-width:1000px)
{
	.banner h3, .banner #banner_text {width: 54%;}
	.banner #banner_text {
    font-size: 17px;
top:278px;}

}
@media (min-width:720px) and (max-width:768px)
{
.banner #banner_text {
    font-size: 15px;
    padding: 10px;
    top: 290px;
    width: 54%;
}
}

@media (min-width:680px) and (max-width:720px)
{
	.banner #banner_text {
    bottom: 10px;
    font-size: 15px;
    padding: 10px;
    top: 380px;
    width: 50%;
}

}

@media (max-width:680px)
{
	
	.banner #banner_text {
	position: static;
    width: 100%;
    font-size: 15px;
	}

}