@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed); @import url(https://fonts.googleapis.com/css?family=Raleway); @keyframes flipping { 0% { -webkit-transform: rotate(0deg); bottom: 0%; } 100% { -webkit-transform: rotate(-180deg); bottom: 210px; margin-bottom: 2.5%; } } @keyframes rflipping { 0% { -webkit-transform: rotate(-180deg); bottom: 210px; margin-bottom: 2.5%; } 100% { -webkit-transform: rotate(0deg); bottom: 0%; } } /* .flippingClass { animation-name: flipping; animation-duration: 0.55s; animation-timing-function: cubic-bezier(0.42,0,0.58,1); animation-fill-mode: forwards; } */ /* .rflippingClass { animation-name: rflipping; animation-duration: 0.55s; animation-timing-function: cubic-bezier(0.42,0,0.58,1); animation-fill-mode: forwards; } */ @keyframes changec { 0% { box-shadow: 0px 0px 5px #feefff; } 50% { box-shadow: 0px 0px 15px #ffffff; } 100% { box-shadow: 0px 0px 5px #feefff; } } /* ============================= General Styles ====================== */ * { margin: 0; padding: 0; } html { margin: 0; padding: 0; } body { font-weight: normal; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; font-family: "Open Sans"; overflow-x: hidden; } h1 { font-size: 10px; color: #ffffff; text-align: center; } h2 { color: #ffffff; font-size: 2em; text-align: center; margin: .5%; } h4 { color: #081734; } h1, h2, h3, h4, h5 { font-family: 'Proza Libre'; clear: both; } img { border: 0px; margin-top: 0px; } a { color: #dcd08d; text-decoration: none; cursor: pointer; } a:hover { text-decoration: none; } select option { line-height: 20px; } em { font-weight: bold; font-style: normal; } p.msg { position: absolute; background: rgba(255, 255, 255, .8); display: block; top: 72px; left: 95px; color: #f9fd17; border: solid #ffffff 1px; box-shadow: 0 0 8px #ffffff; padding: 3%; -webkit-animation: changec 4s infinite; animation: 4s infinite changec; } .pic { margin: 1%; text-align: center; position: fixed; right: 18%; background: #081734; top: 1%; border: solid #ffffff; padding: .8%; font-size: .6em; } .pic1 { margin: 1%; text-align: center; right: 21%; background: #081734; top: 1%; border: solid #dcd08d 1px; padding: .8%; float: left; } /* ============================= Container ====================== */ #container { width: 100%; margin: 0 auto; text-align: left; background: #081734; } #wrapper { width: 100%; margin: 0 auto; } /* ============================= Header ====================== */ #header { width: 100%; z-index: 600; position: fixed; top: 16px; background: #081734; transition: all 1.5s; } #header .logo { margin: 7px 1.5% 2px 15%; width: 16%; float: left; } #header .logo img { max-width: 66%; width: 100%; margin: 14px 0 12px 0; } .top-rght .number { font-size: 1.8em; } /* ============================= pgbody ====================== */ .col .cta { -webkit-box-shadow: black 2px 3px 10px; -moz-box-shadow: 2px 3px 10px #000; box-shadow: 2px 3px 10px #000; text-align: center; padding: 5px 2%; font-size: 15px; width: 96%; margin: 5% auto; background: rgba(255, 255, 255, .7); } /* ============================= Content ====================== */ .mid-page { width: 100%; margin: 108px auto 20px; } .mid-page .col { width: 20%; float: left; margin: 10px 1% 5px; } .mid-page .col .cta.cta-pp img { width: 90%; border: 4px solid #000; border-radius: 4px; box-shadow: 2px 2px 10px #000; } .mid-page .col .cta h3 { font-size: calc(0.8vw + 8px); margin: 5px 0 3px; } .mid-page .col-2 { width: 28%; float: left; padding: 1% 0.5%; margin: 25px 0 35px 3%; height: 385px; background: #081734; } .mid-page .col-2 li { list-style: none; } .mid-page .col-2 .address li { color: #0e0e0a; font-weight: bold; } .mid-page .col-2 .address .h2 { color: #c10000; } .mid-page .col-2 .contact { padding: 2%; background: rgba(255, 255, 255, .7); border-radius: 5px; box-shadow: 2px 3px 10px #000; text-align: left; } .mid-page .col-2 ul.con-info { line-height: 2em; text-align: center; font-size: 1.4vw; margin: 30px auto 20px; } .mid-page .col-3 { width: 69%; float: left; min-height: 241px; padding: 0.5%; margin: 10px 2% 10px 3%; text-align: justify; line-height: 1.6em; background: #081734; } /* ============================= Footer ====================== */ #footer ul { list-style: none; text-align: left; margin-top: 10px; margin-bottom: 10px; } #footer li { line-height: 20px; } #footer a { color: #fff; font-weight: normal; } #footer .col { width: 18%; float: left; padding: 0.5%; margin: 10px 0% 0 .5%; height: auto; border-radius: 5px; background: #00000080; min-height: 185px; /* box-shadow: 0 0 20px #dcd08d; */ border: 1px solid #dcd08d; } #footer .col .social { float: left; margin-top: 10px; width: 100%; } #footer .col .social a { margin-left: 5%; } #galfooter { width: 98%; clear: left; float: left; margin: 1%; font-size: 12px; } #galfooter p { font-weight: normal; color: #fff; margin: 0; padding: 0; padding-bottom: 10px; } #galfooter a { font-size: 11px; color: #757575; } strong { color: #7B7A79; font-size: 11px; font-weight: normal; float: right; margin: 0; padding-top: 12px; } .clear { clear: both; width: 100%; height: 0px; } /* ZIPCODE PAGES ********************************/ .col iframe { width: 90%; box-shadow: 2px 3px 10px #000; margin-top: 10px; } .col-3 iframe { width: 96%; margin: 0 2%; } h3 { font-size: 2em; margin: 0; color: #ffffff; } #footer h3 { font-size: 1.4em; margin: 5px 0 10px; text-align: left; } #contact-side { padding: .5%; width: 68%; text-align: left; margin: 15px auto; background: #f6fcff; } #contact-side form { padding: 5px 3% 15px; } #contact-side label { margin: 5px 0 0 0.5%; } #contact-side p { text-align: center; color: #fff; } #contact-form { width: 100%; border: 1px solid #bdb7bd; background: #d6d09d; box-shadow: 2px 3px 10px #000; } #contact-form form div.fm2 { width: 48%; float: left; margin-left: 1.5%; } #contact-side form { clear: both; } #contact-side form select, #contact-side form select { width: 97.5% !important; } #contact-side form textarea, #contact-side form input[type=text], #contact-side form select { border: 1px solid #8e8e8e; background-color: #fff; margin: 1% auto; font: normal normal normal 20px / 28px "Arial", Helvetica, Arial, Verdana, sans-serif; color: #6f6e6e; width: 95%; padding: 5px 1% 2px; } #contact-side form textarea:focus, #contact-side form input[type=text]:focus { border-color: #44a4b8; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); } #contact-side form textarea:focus, #contact-side form input[type=text]:focus, #contact-side form select:focus { outline: none; } #contact-side form .btn { width: 80%; cursor: pointer; margin-left: 10%; background-color: #05a8f5; font: normal normal normal 22px / 30px "Open Sans", Helvetica, Arial, Verdana, sans-serif; text-transform: none; border: none; color: #fff; font-weight: bold; box-shadow: 2px 2px 2px #000; padding: 7px 0; } .rd { float: left; margin-left: 20px; margin-top: 7px; } #footer h3 a { margin-top: 11px; font-weight: bold; font-size: 18px; } #footer { width: 98%; clear: both; margin: auto; margin-top: 0px; background-color: #081734; color: #fff; padding: 15px 1%; display: none; position: fixed; bottom: 4%; z-index: 401; /* margin: auto; */ max-height: 600px; overflow: hidden; overflow-y: auto; margin: 15px 0; } .mid-page .col-4 { width: 100%; } .col .cta.cta-pp a { color: #05a8f5; } .cta span.number2 { font-size: calc(1.5vw + 10px); font-weight: bold; color: #000; letter-spacing: 1px; } #footer .social .fa { color: #fff; font-size: 25px; } #menu { display: none; } .menu1 { display: inline-block; float: left; margin-top: 31px !important; } .col .cta h4 { font-size: calc(1.5vw + 8px); letter-spacing: .1vw; } .col-3 p { width: auto; margin: 1%; } .col-2 iframe { width: 94%; height: 360px; padding: 2%; box-shadow: 2px 3px 10px #000; } .col #contact-side { width: 96%; margin: 10px 1%; } .blogs { overflow-y: scroll; height: 487px; text-align: justify; padding: 3px; font-size: 13px; font-weight: normal; margin-top: 10px; } img.banner { /* background: #af1e2c; */ padding: .1%; width: 100%; } #gallery { width: 98%; margin: 0 auto; } #gallery li { width: 24.4%; float: left; text-align: center; margin: 1px 0.2%; padding: 0.1%; position: relative; list-style: none; } #gallery li img { width: 100%; border: solid 3px #e4e4e4; } .zipcodes li { list-style: none; } .zipcodes li a { float: left; width: 31%; margin: 5px 0.5%; padding: 0.5%; text-align: center; background: #182745; font-size: .8vw; } .cntnt ol { padding: 3%; background: #efefef; margin: 1%; text-align: left; } .sidemenu ul li:before { display: none; } .zipcodes li a:hover { background: #101a2f; } ol.chk h4 { color: #ffffff; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #dcd08d; margin: 1em 0; padding: 0; } #social-share ul { list-style: none; margin: 0; padding: 0; } #social-share { left: 0; position: fixed; top: 28%; z-index: 800; font-size: 11px; } #social-share a { color: #fff; display: block; height: 35px; line-height: 35px; position: relative; text-align: center; width: 35px; } #social-share a i.fa { font-size: 22px; padding: 6px; } #social-share a span { line-height: 35px; left: -110px; position: absolute; text-align: center; width: 110px; } #social-share a:hover span { left: 100%; -webkit-transition: opacity .4s, left .4s, right .4s, top .4s, bottom .4s; -moz-transition: opacity .4s, left .4s, right .4s, top .4s, bottom .4s; -ms-transition: opacity .4s, left .4s, right .4s, top .4s, bottom .4s; -o-transition: opacity .4s, left .4s, right .4s, top .4s, bottom .4s; transition: opacity .4s, left .4s, right .4s, top .4s, bottom .4s; } #social-share a#fbsr, #social-share a#fbsr span { background: #3b5998; } #social-share a#twsr, #social-share a#twsr span { background: #00aced; } #social-share a#gsr, #social-share a#gsr span { background: #dd4b39; } #social-share a#pinsr, #social-share a#pinsr span { background: #cc2127; } .col-3 h4 { color: #942f29; font-size: 20px; text-align: center; } ul.list-box li { width: 18%; display: block; margin: 8px; border: 1px solid #D5C77A; border-radius: 4px; } ul.list-box { text-align: center; display: flex; flex-wrap: wrap; list-style: none; padding-left: 0; width: 100%; justify-content: center; margin-top: 100px; } ul.list-box li img { max-width: 100px; margin: 15px auto; } ul.list-box li img:hover { transform: scale(1.05); } ul.list-box3 { text-align: center; } ul.list-box3 li { width: 18%; display: inline-block; margin: 10px 0.4%; } ul.list-box3 li img { width: 100%; } ul.list { margin-left: 5%; font-size: 1.2em; } #contact-side .fa { float: right; margin-top: -28px; margin-right: -22px; color: #536ba4; background: #081734; border-radius: 50%; padding: 6px; } .col-2 #contact-side { border: 1px solid #bdb7bd; background: rgba(255, 255, 255, .8); box-shadow: 2px 3px 10px #c7c7c7; display: block; position: relative; padding: 2% 0.5%; width: 95%; margin: 0 2%; bottom: initial; } .mid-page #locallnk ul { list-style: none; margin: 7px 0 0 0; } .top-rght a { color: #ffffff; } #footer-m #arrow.fa-angle-up { position: absolute; right: 15px; bottom: auto; top: 15px; cursor: pointer; /* padding-bottom:8px; */ } #footer-m { background: linear-gradient(100deg, rgb(2 22 59), rgb(80 90 139)); position: fixed; bottom: 0; width: 98%; padding: 7px 1%; height: 4%; color: #fff; z-index: 900; border-top: 2px solid #03173c; } #footer-m a { color: #fff; } #footer-m .social .fa { margin: 1%; font-size: 1.5em; } #footer-m .social { width: 100%; margin-top: 4px; } #footer-m .address { padding: 6px 0 0; width: 50%; font-size: 1vw; float: left; } #footer-m .address .fa { margin-left: 1%; } #footer-m .addr { display: inline; font-size: .7em; } #footer-m #simple-social-icons { position: absolute; right: 50px; width: 250px; top: 1%; } .calnow { position: absolute; top: -8px; right: 6%; font-size: 1.5em; } .calnow a { color: #feae0e; text-shadow: 1px 1px 2px #696969; font-weight: bold; } ul.list-box li h4 a { /* display: block; */ letter-spacing: 0.48px; font-size: 22px; padding: 0 10px; /* text-shadow: 1px 1px 13px #ddd18e; */ } ul.list-box li h4 a:hover { /* background-color: #ffffff54; */ color: #f8f3fa; text-shadow: none; transition: background-color 200ms linear; } .service { width: 98%; margin: auto; padding: 0.5% 1%; } ul.list-social { width: 90%; margin: 15px auto 0; } nav.nav1 i.fa.fa-home { font-size: 1.2em; } .calnow i.fa.fa-phone { color: #62ccca; } .top-rght { right: 5%; position: fixed; text-align: center; top: 61%; background: #081834; padding: .3%; border: solid #fff; border-radius: 15px; transition: all 1.5s; } .top-rght .number .fa { color: #ffffff; } .top-rght label a { display: block; color: #dcd08d; text-transform: uppercase; font-weight: bold; } ul.txlist li { margin: 3px 0 2px 4%; list-style-position: inside; } ul.txlist2 li { margin: 3px 0 2px 4%; line-height: 1.5em; font-size: 1.2em; } .list-box p { padding: 1%; /* text-align: justify; */ line-height: 150%; color: #fff; } .custom-box { display: flex; flex-direction: column; overflow: hidden; height: 100%; text-align: center; color: #D5C77A; padding: 10px; } .btn2 { display: block; padding: 15px 10px 15px 10px; background: #182745; margin-top: auto; margin-bottom: 20px; } img.pimg { float: left; margin: 1%; padding: 0.3%; border: 1px solid #d7d6e8; } p.cent { text-align: center; } .capimg { float: left; margin: 1%; padding: 0.5%; font-size: .8em; text-align: center; background-color: #f6f6f6; border: 1px solid #dddddd; width: 25%; } .capimg3 { float: left; margin: 1%; padding: 0.5%; font-size: .8em; text-align: center; width: 15%; font-size: 1.6vw; border: 1px solid #dddddd; } .capimg img, .capimg3 img { display: block; width: 100%; } .ifm { float: right; width: 55%; margin: 1%; height: 300px; border: solid #ffffff !important; padding: .8%; display: none; } .ifm iframe { height: 300px; width: 100%; border: 2px solid #ffffff; -moz-box-shadow: 3px 5px 3px #B9B6B6; box-shadow: 3px 5px 3px #B9B6B6; -webkit-box-shadow: #B9B6B6 3px 5px 3px; border-radius: 3px; } iframe.bifm { width: 98%; margin: 0 auto; display: block; height: 1000px; border: solid 2px #aabaff; padding: 3px; background: #7688d3; box-shadow: 0 0 15px #597ef9; } .callnow { display: none; } .ban-bg { background: #9e1623; color: #fff; margin: 10px auto; } .cntnt { width: 72%; padding: 5px 1%; margin: 1% auto 2%; color: #fff; } .cntnt p { margin: 1%; line-height: 1.5em; font-size: 1.2em; /* text-align: justify; */ } .ban-bg2 { background: #f0f5f7; padding: 1px 5% 10px; } .ban-bg2 p { width: 65%; text-align: center; margin: 0 auto; font-size: 1.2em; } .col iframe { width: 98%; box-shadow: 2px 3px 10px #000; margin: 2px 1% 15px; height: 480px; } .capimg2 { float: right; margin: 1%; padding: 0.5%; font-size: .8em; text-align: center; background-color: #f6f6f6; border: 1px solid #dddddd; width: 28%; } .lgcapimg img, .capimg2 img { width: 100%; } .lgcapimg { float: left; margin: 1%; padding: 0.5%; font-size: .8em; text-align: center; background-color: #f6f6f6; border: 1px solid #dddddd; width: 40%; } .flexslider.box-review { width: 90%; margin: 0 5%; text-align: center; box-shadow: 1px 1px 7px #4e4e4e; color: #f7941d; text-shadow: 1px 2px #000; padding: 10px 0 8px; } .box-review span.stars-rating5 { width: 120px; height: 20px; background-image: url(images/Reviews_Icons.png); background-position: -7px -55px; display: inline-block; margin-right: 10px; } .flexslider.box-review .flex-direction-nav a { display: none; } .col .flexslider.box-review { width: 98%; margin: 0 1%; } .col .flexslider.box-review h3 { margin: 12px 0 12px; } #consul-dsk2 { background: #05a8f5; padding: 6px 0.5% 5px; position: fixed; right: -17%; top: 30%; z-index: 500; box-shadow: 8px 8px 8px #151515; width: 16%; } #consul-dsk2 h4 { font-size: 1.3em; color: #fff; text-align: center; text-shadow: 1px 1px 1px #000; } #consul-dsk2 input { width: 96%; padding: 5px 1.5%; border: 1px solid #dedede; margin: 5px auto; } #consul-dsk2 input[type=submit] { cursor: pointer; } #consul-dsk2 textarea { width: 96%; padding: 5px 1.5%; border: 1px solid #999; box-shadow: 1px 1px 2px #000; margin: 5px auto; resize: none; } #contside2 { transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); position: absolute; top: 95px; color: #fff; background-color: #006391; text-transform: uppercase; left: -142px; cursor: pointer; font-size: 1.3em; padding: 10px 9px 10px 34px; border: solid 2px; box-shadow: -2px -2px 5px #000; } .cls { float: right; padding-left: 20px; visibility: hidden; } .mid-head { text-align: center; width: 35%; position: absolute; left: 18%; top: 0; padding: 5px 0 3px; overflow: hidden; color: #ddd18e; font-size: 2.5em; font-style: italic; } .gplus { display: block; position: absolute; top: 10px; right: 0.5%; max-width: 6%; } .gplus img { max-width: 100%; } #lnks-twns { font-size: .8vw; } .map iframe.gmap{border:2px solid #dad190; margin: 15px 1.5%; box-shadow: 0 10px 6px -6px #6b6b6b; -webkit-box-shadow: 0 10px 6px -6px #6b6b6b;} .capcent { text-align: center; } .capcent img { padding: 0.3%; border: 1px solid #868280; } ul.reviews li { list-style: none; width: 95%; padding: 0.5% 1.5%; margin: 1% 0.5% 3%; border: 1px solid #e2e2e2; box-shadow: 0 6px 3px -5px #656565; background: -webkit-linear-gradient(#fff, #efefef); background: -o-linear-gradient(#fff, #efefef); background: -moz-linear-gradient(#fff, #efefef); background: linear-gradient(#fff, #efefef); } ul.reviews h3 { color: #464646; text-align: left; font-size: 1.3em; display: inline-block; } ul.reviews li h3:before { content: "\f10d"; font-family: 'FontAwesome'; float: left; margin-right: 5px; font-size: 10px; color: #8e8e8e; } ul.reviews li h3:after { content: "\f10e"; font-family: 'FontAwesome'; margin-left: 5px; font-size: 10px; color: #8e8e8e; vertical-align: text-top; } ul.reviews .textlight { color: #888888; font-size: .9em; } ul.reviews p { margin: 0.5% 0; } ul.reviews span.stars-rating5 { width: 120px; height: 20px; background-image: url(images/Reviews_Icons.png); background-position: -7px -55px; display: inline-block; margin-right: 10px; } .col-2 h3 { font-size: 1.5vw; } .col-2 .social { text-align: center; margin: 1%; font-size: 2em; } .flexslider.top-review div { display: inline-block; } .flexslider.top-review ul.flex-direction-nav { display: none; } .reviews li { list-style: none; width: 95%; padding: 0.5% 1.5%; margin: 1% 0.5% 2%; border: 1px solid #e2e2e2; box-shadow: 0 6px 3px -5px #656565; background: -webkit-linear-gradient(#fff, #efefef); background: -o-linear-gradient(#fff, #efefef); background: -moz-linear-gradient(#fff, #efefef); background: linear-gradient(#fff, #efefef); } .reviews span.stars-rating5 { width: 120px; height: 20px; background-image: url(images/Reviews_Icons2.png); background-position: -7px -55px; display: inline-block; margin-right: 10px; } ul.it4 li { width: 22%; } .sidemenu ul { list-style: none; } .sidemenu li a { padding: 10px 0 10px; margin: 5px 0px; background: rgb(24 39 69); border: 1px solid #dcd08d; display: block; font-size: .7vw; text-align: center; } .clr0 li a { color: #000; } .sidemenu li a:hover { background: #081734; color: #ffffff; } .cntnt .sidemenu { width: 25%; float: right; margin: 1%; } span.bgcta { background-image: url(images/cta.jpg); background-position: center; background-size: 100% auto; background-repeat: no-repeat; height: 11vw; display: block; } span.ps1 { letter-spacing: .3vw; text-transform: uppercase; } span.ps2 { font-size: calc(1.5vw + 10px); letter-spacing: .3vw; display: block; color: #000000; background: #081734; line-height: 1em; } #bnfts { background-image: url(images/bg-p.jpg); background-size: 33%; background-repeat: no-repeat; background-position: 109% 13px; padding: 5px 0 0; margin-bottom: 5px; } #bnfts li { line-height: 1.5em; letter-spacing: .2vw; margin-left: 3%; font-size: 1.3vw; list-style: none; text-align: left; color: #521078; } #bnfts ul li:before { content: '✓'; } .sidemenu.clr1 { text-align: center; background: #cccccc; margin: 10px 0 5px; padding: 7px 1% 1px; } ul.list-box.sz1 li h4 a { font-size: .88vw; } .slg { margin-top: 6px; } div#brnds { text-align: center; margin: 40px 0 0px 38px; padding-right: 2%; } div#brnds img { margin: .4% 1%; width: 10%; border: solid 1px #fef8fe; /* box-shadow: 0px 0px 26px #ddd18e; */ } .brnds a { width: 15.5%; float: left; margin: .5%; } .brnds img { width: 100%; } .cntnt .chk li { margin: 1%; padding: 1%; background: #f7f7f7; width: 81%; } .cntnt ul.chk li:before, .cntnt .chk2 li:before { content: '✓'; font-size: 1.5em; color: #ffffff; margin: 0 2%; font-weight: bold; text-shadow: 0px 2px 5px #ffffff; } .cntnt .chk2 li { margin: 1%; padding: 1%; background: #f7f7f7; width: 29%; float: left; text-align: center; } ul { list-style: none; } .brnds { display: inline-block; } .chk h3 { position: relative; top: -25px; font-size: 1.2em; text-align: left; left: 50px; } .insurance-fm { width: 55%; margin: 0 auto; } .insurance-fm label { display: block; color: #981dfe; font-size: 21px; font-weight: bold; text-transform: uppercase; letter-spacing: 1.5px; margin-top: 15px; } .insurance-fm form input.hlf { width: 45% !important; } .insurance-fm form select.hlf { width: 49% !important; } .insurance-fm input { width: 96%; } .insurance-fm .rd input { width: auto !important; } .insurance-fm select { width: 99%; } .insurance-fm select, .insurance-fm input, .insurance-fm textarea { border: 1px solid #40b2fe; padding: 1.5%; border-radius: 4px; margin: 4px auto; color: #353535; } ::placeholder { color: #353535; } .insurance-fm input.btn:hover { background: #ffffff; color: yellow; } .insurance-fm input.btn { cursor: pointer; width: 100%; } .insurance-fm input.btn { background: #ffffff; color: #fff; } .insurance-fm textarea { width: 96%; resize: none; font: 400 13.3333px Arial; } .insurance-fm input:focus, .insurance-fm textarea:focus, .insurance-fm select:focus { box-shadow: 0px 0px 5px 0.5px #f2f7fa; outline: none; } .insurance-fm h3 { color: #41b4fe; letter-spacing: 2px } .insr { margin: 0 auto; width: 90%; } .insr li { list-style: none; float: left; border-radius: 6px; background: #dcdcdc; margin: 0.2%; padding: 0.3%; width: 15.6%; text-align: center; font-size: .6vw; height: 30px; } #apply { position: fixed; top: 40px; right: 523px; padding: .5%; color: #fff; font-size: 1em; -webkit-animation: changec 4s infinite; animation: 4s infinite changec; border-radius: 10px; } .glry li { float: left; width: 14%; margin: 1% 5%; border: solid 1px #ffffff; } .glry li img { width: 100%; } .glry1 li { float: left; width: 14%; margin: .5%; padding: .5%; border: solid 1px #fbbfff; text-align: center; } .glry1 h3 { font-size: 1em; } div#maps { width: 100%; text-align: center; } div#maps iframe { margin: 2%; width: 42%; } div#bknw { position: fixed; right: 19%; top: 56px; z-index: 601; font-size: 1.3em; white-space: nowrap; } div#bknw a { background: #182745; padding: 8%; -webkit-animation: changec 4s infinite; animation: 4s infinite changec; } #iframe { width: 100%; height: 630px; border: none; } div#ndlnk { float: left; margin: .3% 2%; font-size: .8em; padding: .2% .5%; background: #182745; } section#rview { display: inline-block; margin: 1% auto; } section#rview li { margin: 1%; padding: 1%; background: #fcefff; width: 46%; float: left; text-align: center; border-radius: 8px; } #rview .cntnt { background: #081734; } .zipcodes { display: inline-block; width: 100%; } .mapg { width: 90%; height: 350px; position: relative; overflow: hidden; border: solid 4px #c65096; margin: auto; margin: 1% 2%; } .drctn { width: 90%; margin: auto; } ul#dirmap li { width: 49%; float: left; text-align: left; } .drctndv { text-align: center; } .cntct { width: 27%; margin: 1% auto; padding: 1%; text-align: right; background: #081734; } .cntct input { padding: 1%; margin: 1%; } .cntct textarea { padding: 1%; font-family: "Open Sans"; width: 290px; margin: 1%; } .cntct label { display: inline-block; width: 130px; text-align: right; padding: 1%; } input.button { background: #e400ae; color: #fff; border: none; padding: 2% 6%; } @media only screen and (max-width: 1536px) { .top-rght{ right: 3% !important;} } @media only screen and (max-width: 1440px) { #header .logo { margin: 7px 1.5% 2px 6%; /* width: 16%; */ float: left; } } @media screen and (min-width: 1260px) and (max-width: 1450px) { .mid-head { font-size: 1.5em; } } @media screen and (min-width: 1260px) and (max-width: 1366px) { #header .logo { margin: 7px 0.5% 2px 1%; } .col-2 iframe { height: 330px; } .cntnt { width: 92%; padding: 1% 4%; } #footer h3 { margin: 2px 0; font-size: 1em; } #footer-m #simple-social-icons { width: 20%; } .nav1 a { padding: 7px 0.6vw !important; } .ban-bg2 p { width: 80%; } .mid-head { font-size: 1vw; } .top-rght { min-width: 200px; } #header .logo img { max-width: 80%; width: 100%; margin: 20px 0 12px 6px; } .top-rght { right: 2%; } #footer-m .address { width: 48%; } .banner-wrapper .static-txt { color: #fff; font-size: 40px !important; } .achiver-text .dynamic-txts { font-size: 42px !important; } } @media screen and (min-width: 1025px) and (max-width: 1259px) { .top-rght { min-width: 180px; } .mid-page { margin: 80px auto 20px; } .menu1 { width: 90%; float: none; margin-top: 49px; } ul.list-box li h4 a { letter-spacing: .7px; font-size: calc(1vw + 10px); } .ban-bg2 { padding: 5px 1% 5px; } .col-2 iframe { height: 330px; } .cntnt { width: 92%; padding: 1% 4%; } #footer-m { font-size: .92em; } #footer h3 { margin: 2px 0; font-size: 1em; } #footer { width: 100%; padding: 15px 0 0; font-size: 1.2vw; z-index: 600; } .ban-bg2 p { width: 80%; } .banner-wrapper .static-txt { color: #fff; font-size: 36px !important; } .achiver-text .dynamic-txts { font-size: 40px !important; } #footer-m .address { width: 25%; font-size: 13px; } #footer-m .slg { font-size: 13px; } } @media only screen and (max-width: 1180px) { ul.list-box li { width: 30%; display: inline-block; margin: .5%; padding: 30px 0 30px 0; text-align: center; list-style: none; overflow: hidden; position: relative; border: solid #dcd08d 1px; box-shadow: 0 0 8px #ddd18e; } .banner { height: 600px !important; } .btn-button { margin-top: 0px !important; } } @media only screen and (min-width: 813px) and (max-width : 1180px) { #menu span.menux, .mob-addr { display: none; } #header .logo img { max-width: 180px; width: 100%; margin: 14px 0 12px 0; } .mid-page { margin-top: 95px; } #menu { position: absolute; top: 20px; left: 2%; font-weight: bold; font-size: 2em; display: block; color: #fff; width: 45px; height: 45px; text-align: center; background: #000000; border-radius: 4px; } .menu1 { display: none; background: #061733; padding: 1% 0 1% 0; width: 500px; position: absolute; top: 12px; } nav.nav1 { width: 100%; letter-spacing: normal; } .nav1 a { padding: 1.5% 10px !important; } .nav1 li ul a { color: #000; } nav.nav1 li a { font-size: .8em; text-align: center; } .top-rght { font-size: 1em; width: 30%; top: 30px; right: 2%; } #header .logo { width: 23%; margin: 7px 0 0px 8%; } .mid-head { right: 0%; font-size: 1.5vw; } .sidemenu li a, .cntnt p { font-size: 1em; } ul.it4 li { width: 43%; } .zipcodes li a { width: 48%; font-size: .7em; } .cntnt { width: 92%; padding: 5px 4%; } #header { min-height: 75px; } #footer-m .address { width: 25%; font-size: 13px; } #footer-m .slg { font-size: 13px; } ul.list-box li { width: 45%; margin: 5px 2% 10px; padding: 0; } } @media only screen and (max-width: 820px) { .banner { background: url(../images/mobile-image.png) !important; background-size: cover !important; background-position: center center !important; height: 780px !important; position: relative; background-repeat: no-repeat; /* background-attachment: fixed; */ } .btn-button { margin-top: 20px !important; } .cstm-image{display: none;} .cstm-photo{ margin-top: 30px !important; width: 100%; height: 100%;} } @media only screen and (min-width : 768px) and (max-width : 820px) { .content-col .cstm-content h2.web-text{ font-size: 20px !important;} #brnds{ margin: 40px 0 0px 0px !important; padding-right: 0 !important;} .content-col{display: block !important;} .content-col .cstm-image, .content-col .cstm-content{width: 100% !important;} .web-box .web-content { width: 100% !important; margin: 30px 0px 10px 0px !important;padding: 0 25px 0 0;} .cstm-image img { margin-top: 30px !important; width: 100%; height: 100%; } .cstm-content.cstm-right{ margin: 30px 0 0 0px !important;} ul.list-box{margin-top: 0 !important;} .banner-wrapper{ top: 17% !important;} .banner-wrapper .static-txt { font-size: 32px !important; font-weight: 600 !important; line-height: 45px !important; } .banner-wrapper .achiver-text .dynamic-txts{font-size: 30px !important; font-weight: 600!important;} .top-rght label a{font-size: 16px !important;} .top-rght .number{font-size: 30px !important;} } @media only screen and (min-width : 768px) and (max-width : 812px) { #header .logo { width: 38%; margin: 10px 0 0px 10%; } h2 { font-size: 1.3em; } h3, .sidemenu li a { font-size: 1em; } .ban-bg2 { padding: 15px 1% 20px; } .mid-page .col-3 { margin: 10px 1% 10px 4%; } .zipcodes li a { width: 98%; font-size: .9em; } .service { width: 98%; } .col-2 iframe { height: 320px; } #footer { width: 100%; padding: 0; z-index: 200; } ul.list-box li h3 { font-size: 1.1em; } #footer-m .address { width: 24%; font-size: 13px; } #footer-m .slg { font-size: 13px; } #footer .col { width: 22%; margin: 10px 4px 0 1%; } .top-rght { font-size: 1.2em; top: 30px; width: 33%; } #menu { position: absolute; top: 22px; left: 2%; z-index: 100; font-weight: bold; font-size: 2.4em; display: block; color: #fff; width: 52px; height: 52px; text-align: center; background: #000000; border-radius: 4px; } #menu span.menux, .mid-head { display: none; } .menu1 { display: none; background: #1a164e; padding: 1% 0 1% 0; width: 100%; margin-top: 0; } .ban-bg2 p { width: 80%; } nav.nav1 { width: 100%; } nav.nav1 li a { font-size: 1em; text-align: center; padding: 7px 1%; } #container { margin: 0 auto; } .cntnt { width: 92%; padding: 1% 4%; } .col-2 h3, h3.sp1, #footer-m #arrow, .mid-page .col-2 ul.con-info { font-size: 1.6em; } .top-rght a.btn2, ul.list-box li h4 a { font-size: 1.2em; } ul.list-box li { width: 45%; margin: 5px 2% 10px; padding: 0; } div#consul-dsk { width: 33%; } .mid-page .col-2 { width: 82%; margin: 10px 8%; height: auto; } .nav1 li ul a { color: #000; } .cta { zoom: .75; } .mid-page iframe.gmap { width: 95%; height: 230px; } } @media only screen and (max-width: 767px) { #footer h3{text-align: center !important;} ul.list-box { margin-top: 0px !important; } .top-rght, #consul-dsk2, .mid-head, .share, #menu span.menux { display: none; } #footer-m{height: 8%;} #footer-m .social .fa{ font-size: 16px;} #ndlnk, .slg{display: none;} #footer-m #simple-social-icons{ width: 100%; display: block; right: 0px; top: 37px !important; text-align: center;} #footer-m .address a{font-weight: 600;} #footer-m .address { width: 100%; font-size: 16px; text-align: center; } body { background: none; } h2 { font-size: 1.5em; font-weight: normal; } h3 { font-size: 1.2em; font-weight: normal; } #wrapper { width: 100%; margin: 0; } #container { width: 100%; margin: 0 auto; padding: 0 0 15px 0; } #header { height: auto; top: 11px; position: fixed; } #header .logo { margin: 5px 0 0px 3%; /* text-align: center; */ width: 65%; } #header .logo img { max-width: 160px; width: 100%; margin: 14px 0 12px 0; } .social { float: none; margin: 7px auto; text-align: center; } .mid-page { clear: both; margin: 75px 0 1%; } .mid-page .col { width: 95%; float: left; height: auto; padding: 0.5%; margin: 1%; clear: both; } .mid-page .col img { width: 100%; } .mid-page .col-2 { width: 96%; clear: both; height: auto; margin: 8px 2%; padding: 0; } .mid-page .col-3 { width: 96%; float: none; height: auto; padding: 0; margin: 15px auto 0; clear: both; } .mid-page .col-3 p { text-align: justify; } .mid-page .col-3 img { height: auto; max-width: 97%; } #footer { width: 100%; height: auto; margin: 0; padding: 0; display: block; position: relative; } #galfooter img { width: auto; } strong { float: left; clear: left; } #footer .col { width: 92%; float: left; height: auto; padding: 3px; margin: 11px; clear: both; } h1 { width: 100%; margin: 0 auto; line-height: 12px; background: #0a1532; } .col-3 iframe { width: 90%; clear: both; margin: 4px; } .col-2 img { width: 100%; } .special1 ul { margin: 0; } .special1 li a { display: block; padding: 9px 9px; margin: 5px 0px; background: #071631; text-align: center; font-weight: 600; letter-spacing: 1.5px; } .special1 li a:hover { text-decoration: none; background: #dcd193; } .col-3 .cta { margin-left: 1%; width: 97%; } #menu { position: absolute; right: 5%; display: block; font-size: 24px; /* color: #fff; */ width: 34px; height: 34px; text-align: center; background: #ffffff; border-radius: 4px; top: 23px; } .menu1 { display: none; padding: 2%; width: 69%; float: none; margin: 0; clear: left; margin: 4% auto; border-radius: 7px; } nav.nav1 { width: 100%; } #footer .special1 { width: 92%; text-align: center; } #gallery li { width: 96%; } .zipcodes li a { width: 98%; padding: 10px 0; font-size: 1em; line-height: 1.5em; } .mid-page iframe.gmap, .mid-page iframe.gmapi { margin: 1%; padding: 1%; width: 95%; } .mob { display: block; } ul.list-box li { width: 100%; margin: 10px 10px; padding: 9px 0 20px 0; } .col-2 #contact-side { right: initial; } #contact-side { width: 80%; right: 10%; } #contact-side .fa { margin-top: -5%; margin-right: -4%; } .mid-page .col-box { width: 94%; } .service { width: 100%; padding: 0.5% 0%; } ul.list-social li img { max-width: 100%; } a.btn2 { /* font-size: .8em; */ vertical-align: 5%; } .col-2 iframe { height: 300px; } .capimg, .capimg2 { float: none; margin: 10px auto; width: 80%; } img.pimg { float: none; width: 80%; margin: 10px auto; display: block; } .callnow { display: block; } .callnow a { position: fixed; bottom: 11%; right: 8%; padding: 3%; font-weight: 600; background: #ddd193; color: #061631; border-radius: 7px; letter-spacing: 3px; animation: 4s infinite changec; } .ifm { width: 96%; } .ban-bg2 { padding: 5px 1%; } h3.sp1, .col-2 h3, .col .cta h4 { font-size: 1.1em; margin: 3% auto; } .cntnt { width: 98%; padding: 1%; } .cntnt p { /* text-align: justify; */ margin: 1% auto; width: 93%; } .cntnt .sidemenu { width: 98%; } ul.txlist2 li { margin: 3px 0 2px 7%; } .nav1 li ul a { color: #000; } .ban-bg2 p { width: 80%; } .mid-page .col .cta h3, .col h4, #bnfts li { font-size: 1.4em; } .ban-bg2 p, .cntnt p, .col-3 p, ul.txlist2 li, ul.txlist li, .mid-page .col-2 ul.con-info, nav.nav1 li a, .sidemenu li a, ul.list-box li h4 a, ul.list-box.sz1 li h4 a { font-size: .9em; } span.ps2 { font-size: 2em; } span.bgcta { height: 160px; } ul.list-box3 li { width: 43%; } .lgcapimg { width: 96%; } div#brnds { margin: 0px 0 0px 0px; /* position: unset; */ padding: 0; } div#brnds img { width: 29%; } ul.flex-direction-nav { zoom: .5; margin: 5% 4% -5% 4%; } .pic { display: none; } .list-box h4 { display: grid; top: 8px; } iframe.bifm { width: 98%; } img.pic1 { width: 95%; } p.msg { top: 21px; left: 35px; padding: 1%; } .insurance-fm { width: 98%; } #apply { top: 89px; right: 40%; padding: 2%; font-size: .9em; } .insurance-fm label { font-size: 14px; } .brnds a { width: 27.5%; margin: 2.5%; } div#brnds img { box-shadow: 0 0 3px; } .glry li { width: 91%; } div#bknw { right: 45px; top: 125px; zoom: .7; } .cntnt .chk2 li { width: 96%; } .nomob { display: none; } div#maps iframe { width: 96%; } .cntct { width: 94%; } .service ul.list-box li a.btn2 { margin-bottom: 0px; } .service ul.list-box li h4 a { font-size: 20px !important; text-shadow: none; } .content-col .cstm-content{padding: 10px;} .contact-text{display: block !important;} .contact-list{width: 94% !important;} .map{width: 99% !important;} .contact-list{margin: 15px 4px !important;} .content-col .cstm-image { width: 96% !important; margin: 10px 0px; padding: 0 0 0 8px; } .cstm-image img { margin-top: 0px !important; width: 100%; height: 100%; } .content-col, .web-box{display: block !important;} .content-col .cstm-content {width: 96% !important; margin: 20px 0px 10px 0px !important;} .web-box .web-content{width:100% !important} .web-box p{ font-size: 14px !important; margin: 0 0 0 0 !important; width: 99% !important;} .content-col .cstm-content h2.web-text { font-size: 24px !important; text-align: center !important; margin-top: 0px !important; } } @media print { .menu1 { display: none; } } .container-fluid { width: 100%; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } .banner { background: url(../images/hero-banner.png); background-size: cover; background-position: center center; height: 800px; position: relative; background-repeat: no-repeat; } .banner-wrapper { position: absolute; top: 1%; height: 100%; width: 100%; text-align: center; } .banner-wrapper .static-txt { color: #081734; font-size: 40px; font-weight: 700; } .banner-wrapper .achiver-text .dynamic-txts { margin-left: 15px; height: 70px; line-height: 70px; overflow: hidden; } .achiver-text .dynamic-txts { color: #081734; list-style: none; font-size: 40px; font-weight: 600; animation: slide 6s steps(4) infinite; } .btn-button { margin-top: 0px; } .get-btn { background-color: #081734; color: #D5C77A; border-radius: 5px; padding: 12px 24px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; transition-duration: 0.4s; cursor: pointer; } .contact-text{width: 100%; display: flex; flex-wrap: nowrap;} .contact-list { width: 30%; padding: 1%; text-align: left; margin: 15px 1.5%; -moz-box-shadow: 3px 5px 3px #B9B6B6; border: 2px solid #ddd193; } .map { width: 70%; } .content-col { width: 100%; display: flex; flex-wrap: nowrap; } .cstm-content ul li { margin-bottom: 20px; } .content-col .cstm-content { margin: 30px 0 0px 0px; width: 50%; } .content-col .cstm-content h2.web-text{font-size: 32px; text-align: left;} .web-box {width: 100%; display: flex; flex-wrap:nowrap;} .web-box .web-content{width: 44%; margin: 30px 40px 10px 0px; } .web-box h3.web-custom{color: #dcd08d; font-size: 18px; font-weight: 600;} .web-box p{font-size: 16px; font-weight: 500;color: #ffffff; margin-top:15px ;} .thumbnail-container{ /* overflow: hidden; */ position: relative; width: 100%; } .thumbnail{margin: 0; display: block; padding: 0; border: none; height: 100%; width: 100%; position: absolute; background: 0 0;} /* .object-fit { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } */ .cstm-image img{margin-top: 84px;} .content-col .cstm-image{width: 50%;} .cstm-content.cstm-right{ margin: 30px 0 0 35px ;} .get-btn:hover { /* background-color: #D5C77A; */ color: #ffffff; /* border: 2px solid #081734; */ } #footer .col.special1 h3 a { font-weight: 600 !important; color: #dcd08d; } .service h2 { margin-top: 40px; } h4.box-text { margin: 3px 0 27px 0; } .bottom-erro { position: relative; } #brnds h2{margin-top: 50px; margin-bottom: 25px;} @media only screen and (max-width: 1024px) { .banner-wrapper .achiver-text .dynamic-txts { font-size: 24px; line-height: 36px; } .banner-wrapper .static-txt { font-size: 24px; font-weight: 600; } ul.list-box{margin-top: 50px ;} } @media only screen and (max-width: 576px) { .banner { height: 450px !important; background-position: center center !important; } .banner-wrapper .static-txt { font-size: 16px; font-weight: 700; } .get-btn{ padding: 10px 20px; font-size: 14px;} .banner-wrapper .achiver-text .dynamic-txts { font-size: 18px; line-height: 40px; font-weight: 700; } .banner-wrapper{top:10%;} } @media only screen and (min-width: 1024px){.cstm-photo{display: none;}}