/*
Theme Name: Dukes
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

*{margin:0;padding:0;border:0;}
html, body{background-color:#FFF; height:100%;}
.clear{clear:both;}
.header-full{background-color:#243c4f;}
.logo{margin:10px 0;}
.navbar ul{float:right; margin:18px 0 0 0;}
.navbar a{text-decoration:none;}
.navbar li{list-style:none; float:left; margin:20px 20px 20px 20px; font-size:15px;}
.navbar a{color:#7191aa;}.navbar-toggle,.icon-bar{border:1px solid #FFF;} 
.top-menu-bar{border-bottom:1px solid #2e495f;}
.active a{color:#FFF;}.navbar a:hover{color:#FFF;}

.top-banner{padding:60px 0;}
.top-banner-text h2{font-family:Roboto; margin-top:120px; font-size:28px; font-weight:500; color:#243c4f; line-height:38px; text-transform:uppercase;}
.top-banner-text p{font-family:Roboto; margin:25px 0; font-size:16px; color:#56758d;}
.top-contact-button{background-color:#243c4f; padding:5px 0px 8px 0;  margin:25px 0 60px 0; border-radius:20px;}
.top-contact-button h3{font-family:Roboto; font-size:28px; color:#FFF; font-weight:700; text-align:center;}

.contact-form{background-color:#FFF; padding:20px 0; border-radius:15px;}

.top-social-icon li{list-style:none; float: left; padding:15px 22px; border-left:1px solid #63839c;}
.top-social-icon a{color:#63839c;}
.top-social-icon ul{float:right; margin-bottom:0; margin-right:0;}
.top-contact-number p{color:#ffffff; font-family:Roboto; font-size:20px; text-align:center; padding:11px 18px; background-color:#2e495f; margin-left:0; margin-bottom:0;}

.fa-envelope-o,.fa-phone{margin-right:12px;}


#name, #email,#phone,#year,#make,#price{width:100%; background-color:#fbf7f7; padding:0 20px; margin-top:10px; height:46px; color:#000;}
#submit{margin-top:20px; width:100%; background-color:#243c4f; padding:12px 13px; color:#FFF; border-radius:15px;}


.free-analysis{border:1px solid #00b4fa; padding:14px 0 6px 0; margin-top:20px; color:#00b4fa;}
.free-analysis p{font-size:16px; font-family:arial; text-align:center; font-weight:bold;}
.main-menu-bar a{text-decoration:none;}
.free-analysis:hover{color:#00b4fa;}
.text-common{padding:80px 0;}
.text-common h2{font-family:Roboto; font-size:32px; font-weight:700; color:#243c4f; text-align:center;}
.text-common p{font-family:Roboto; margin-top:35px; font-size:16px; color:#56758d; text-align:center; font-weight:300; line-height:28px;}
.text-area-common-style{width:55px; border:1px solid #00b4fa; margin:40px auto;}
.background{background: url(images/bg.png) center center #FFF; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}

.text-list-area{background-color:#00b4fa; border-radius:15px; padding:30px; margin-top:40px; margin-bottom:40px;}

.text-list-area li{color:#FFF; font-family:Roboto; font-weight:500; text-transform:uppercase; font-size:18px; margin:8px 0;}

.text-box{margin:30px 0;}
.text-box2{margin-top:30px;}

.text-box p,.text-box2 p{margin-top:20px;} .style2 h2{background-color:#243c4f; color:#FFF; padding:15px 0; border-radius:7px;}

.style3{background-color:#243c4f; margin-top:0px;}
.style3 h2{color:#FFF; padding:15px 0 18px 0; font-family:roboto; font-size:35px; font-weight:700; text-align:center; }

.text-common2{padding:80px 0;}
.text-common2 h2{font-family:Roboto; font-size:32px; font-weight:500; color:#ffffff; text-align:center;}
.text-common2 p{font-family:Roboto; margin-top:25px; margin-top:35px; font-size:16px; color:#ffffff; text-align:center; font-weight:300; line-height:28px;}
.background2{background-color:#00b4fa;}
.bg-color{background-color:#d5f3ff;} .text-area-common-style2{width:55px; border:1px solid #00b4fa; margin:20px 0;}

.text-common3{padding:40px 0 80px 0;}
.text-common3 h2{font-family:Roboto; font-size:24px; font-weight:500; color:#243c4f; margin-top:40px;}
.text-common3 p{font-family:Roboto; margin-top:35px; font-size:16px; color:#56758d; font-weight:300; line-height:28px;}

.faq-bg{background-color:#e2f2ff} .fag-white-bg{padding:50px 0; background-color:#FFF;}

.fag-text-bg{background-color:#00b4fa; padding:30px 0; border-radius:12px;}.top-part{margin-top:-15px;}.fag-white-margin{margin-top:60px;}

.text-common4{padding:0 0 20px 0;}
.text-common4 h2{font-family:Roboto; font-size:32px; font-weight:500; color:#ffffff; text-align:center;}
.text-common4 p{font-family:Roboto; margin-top:25px; margin-top:35px; font-size:16px; color:#ffffff; text-align:center; font-weight:300; line-height:28px;}

.text-common5{padding:50px 0;}
.text-common5 h2{font-family:Roboto; font-size:32px; font-weight:700; color:#243c4f; text-align:center;}
.text-common5 p{font-family:Roboto; margin-top:35px; font-size:16px; color:#56758d; text-align:center; font-weight:300; line-height:28px;}
.text-common6{padding-bottom:70px;}

.footer-style{margin-top:-15px;}
.footer-full{background-color:#243c4f; padding:35px 0;}
.footer-text p{font-size:14px; font-family:arial; color:#63839c;}
.footer-text span{color:#FFF;}
.footer-top-border{border-top:1px solid #2e495f; padding-top:15px;}
.footer-text-right li{font-size:14px; font-family:arial; color:#63839c; list-style:none; float:left; margin:0 10px;}
.footer-text-right ul{ float:right;}


li.widget{ list-style: none !important; }

.thankyou-page{padding:120px 0;}
.thankyou-page h2{font-family:Roboto; font-size:32px; font-weight:700; color:#243c4f; text-align:center; margin-top:50px;}
.thankyou-page p{font-family:Roboto; margin-top:15px; font-size:16px; color:#243c4f; text-align:center; font-weight:500; line-height:28px;}

.contact{padding: 110px 0 220px 0;}
.contact-page{background-color:#243c4f; padding:30px 0 30px 0; border-radius:15px;}
#name2, #email2,#phone2,#year2,#make2,#model2{border-radius:5px; font-family:Roboto; font-size:15px; font-weight:400; color:#243c4f; width:100%; background-color:#fbf7f7; margin-top:20px; height:48px; color:#000; padding:0 12px; }
#submit2{font-family:Roboto; font-size:18px; font-weight:500; color:#243c4f; text-align:center; margin:25px 0 0 0; width:100%;background-color:#31c7ff; padding:10px 10px; border-radius:5px;}


.text-common4{padding:100px 0 0 0;}
.text-common4 h2{font-family:Roboto; font-size:38px; font-weight:700; color:#243c4f; text-align:center;}
.text-common4 p{font-family:Roboto; margin-top:35px; font-size:16px; color:#56758d; text-align:center; font-weight:300; line-height:28px;}

.terms{margin-top:30px;}
.terms a{text-decoration:none; color:#ecfaff;}
.text-list-area2{background-color:#243c4f; border-radius:15px; padding:30px 50px; margin-top:40px; margin-bottom:40px;}
.text-list-area2 li{color:#FFF; font-family:Roboto; font-size:16px; margin:14px 0;}
.franchise{padding-bottom:80px;}

.franchise-button{background-color:#2bc8c8; padding:7px 0; border-radius:20px; margin-top:-40px;}
.franchise-button h3{font-family:Roboto; font-size:22px; color:#FFF; font-weight:700; text-align:center;}

#name3, #email3,#phone3,#location3{font-family:Roboto; font-size:15px; color:#56758d; width:100%; background-color:#fbf7f7; margin-top:25px; height:44px; color:#000; padding-left:12px;}
#submit3{font-family:Roboto; font-size:20px; font-weight:700; color:#243c4f; text-align:center; margin-top:25px; width:100%;background-color:#31c7ff; padding:8px 13px; border-radius:5px;}
#textarea3{font-family:Roboto; font-size:15px; color:#56758d; width:100%; height:120px; background-color:#fbf7f7; margin-top:25px; color:#000; border-radius:5px; padding:12px 12px;}

.franchise-contact-text h2{font-family:Roboto; font-size:26px; font-weight:500; color:#243c4f; text-align:center; margin-bottom:70px;}


.location{padding:80px 0 30px 0;}
.location h2{font-family:Roboto; font-size:38px; font-weight:700; color:#243c4f; text-align:center;}
.page-style{background-color:#243c4f; padding:15px 0;}
.location-title{background-color:#243c4f; margin-top:70px; border-radius:20px 20px 0 0;}
.location-title h2{font-family:Roboto; font-size:42px; font-weight:700; color:#FFF; margin-left:30px;}
.location-bg{background-color:#ecfaff;} .location-border{border-bottom:1px solid #bdc8cc; padding:5px 0 0 0;}
.location-text p{font-family:Roboto; padding:25px 0 0 0; margin-top:10px; font-size:17px; color:#243c4f; font-weight:500; line-height:32px; text-transform:uppercase;}
.location-list li{font-family:Roboto; font-size:17px; font-weight:500; list-style:none; float:left; margin:25px 25px; text-decoration:none; background-color:#395e7b; text-transform:uppercase; padding: 10px 25px; border-radius:8px;}
.location-list a{color:#FFF;}

.location-page{padding:80px 0 120px 0;}
.location-page h2{font-family:Roboto; font-size:38px; font-weight:700; color:#243c4f; text-align:center; text-transform:uppercase;}
.text-area-common-style2{width:55px; border:1px solid #00b4fa; margin:30px auto;}
.location-page-margin{margin-top:40px;} .location-page-margin ul{margin-top:25px;}
.location-page-margin li{font-family:Roboto; font-size:16px; font-weight:700; list-style:none; text-align:center;}

.location-page-list-bg{margin-top:20px; background-color:#243c4f; padding:5px 50px 0 50px; border-radius:10px;}
.location-page-list-bg li{font-family:Roboto; font-size:18px; font-weight:700; list-style:none; color:#FFF; float:left; margin:0 12px 0 0;}
.location-page-list-bg ul{margin-left:12%;}
#arrow{background: url(images/arrow.png) center center; background-repeat:no-repeat; padding:8px 25px; margin-top:5px;}

.location-page-list-bg2{margin-top:20px; background-color:#243c4f; padding:30px 0; border-radius:10px;}
.location-page-list-bg2 li{font-family:Roboto; text-transform:uppercase; font-size:18px; font-weight:700; list-style:none; color:#FFF; width:100%; text-align:center; margin:10px 0;}

.location-page-list-bg3{margin-top:20px; background-color:#243c4f; padding:15px 0; border-radius:10px;}
.location-page-list-bg3 p{font-family:Roboto; font-size:20px; font-weight:500; list-style:none; color:#FFF; width:100%; text-align:center; margin:10px 0;}

.location-page-list-bg4 li{text-align:left;} .location-page-list-bg4 ul{margin-top:40px;}
.location-page-list-bg5 li{text-align:left;} .location-page-list-bg5 ul{margin-top:40px; margin-left:24%;}

@media only screen and (max-width: 768px) {
body{text-align:center;}
.navbar li{width:88%; margin:15px 20px 15px 20px;}
.header-full{background-color:#243c4f; padding:0 0 25px 0;}
.footer-style{display:none;} .footer-text-right li{width:90%; margin:10px 15px;}
.fag-white-bg{display:none;}
.top-banner-text h2{font-family:Roboto; margin-top:60px; font-size:28px; font-weight:500; color:#243c4f; line-height:38px; text-transform:uppercase;}

.location-page-list-bg li{width:100%;}
#arrow{background: url(images/arrow2.png) center center; background-repeat:no-repeat; padding:25px 8px;}
.location-page-list-bg{margin-top:20px; background-color:#243c4f; padding:20px 50px; border-radius:10px;}

}