* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
}
a {
text-decoration: none;
cursor: pointer;
color: #ec0203;
}
body{
overflow-x: hidden;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
button,
a:hover,
a:focus,
a:visited {
text-decoration: none;
outline: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
font-weight: normal;
margin: 0px;
background: none;
line-height: 1.6em;
font-family: 'Poppins', sans-serif;
}
h1 {
font-size: 62px;
}
h2 {
font-size: 45px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
}
@font-face {
font-family: BebasNeue-bold;
src: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/fonts/BEBASNEUE\ BOLD.OTF);
}
@font-face {
font-family: BebasNeue-Regular;
src: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/fonts/BEBASNEUE\ REGULAR.OTF);
}
@font-face {
font-family: BebasNeue-bk;
src: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/fonts/BEBASNEUE\ BOOK.OTF);
}
@font-face {
font-family: BebasNeue-li;
src: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/fonts/BEBASNEUE\ LIGHT.OTF);
}
@font-face {
font-family: mont-bk;
src: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/mont/Mont-Book.otf);
}
@font-face {
font-family: mont-r;
src: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/mont/Mont-Regular.otf);
}
@font-face {
font-family: mont-sb;
src: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/mont/Mont-SemiBold.otf);
}
@font-face {
font-family: mont-b;
src: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/mont/Mont-Bold.otf);
}
@font-face {
font-family: carolina-r;
src: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/fonts/CAROLINA-MOUNTAINS-PERSONAL-USE.TTF);
}
.header-area.active {
position: fixed;
width: 100%;
background: #fff;
z-index: 999;
}
.col-md-5.pt-3.left-menu-div {
padding-right: 0px !important;
}
.clock-hours-div {
display: flex;
}
.clock-hours-heading-div {
margin-left: 15px;
}
.opening-time-div {
display: flex;
justify-content: space-between;
}
.opening-time-img-div {
display: flex;
padding-right: 0px;
}
.opening-time-img-div img {
padding-right: 2px;
height: 18px;
}
.st-img {
margin-left: 4px;
}
.clock-hours-heading{
font-size: 20px;
line-height: 1.3;
font-family: BebasNeue-bold;
margin-bottom:0px;
}
.logo-section{
padding-left: 0px !important;
}
.opening-time-text{
font-size: 14px;
line-height: 1.3;
font-family: mont-sb;
margin-bottom:0px;
}
.opening-time-text-sun{
color: #e51837;
}
.logo-main-div img {
width: 225px;
height: 140px;
}
.telephone-text-call{
font-size: 16px;
line-height: 1.3;
font-family: BebasNeue-bold;
margin-bottom:0px;
color: #e51837;
}
.telephone-text-number{
font-size: 30px;
line-height: 1.3;
font-family: BebasNeue-bold;
margin-bottom:0px;
}
.telephone-img-div img {
width: 35px;
}
.telephone-div {
display: flex;
align-items: center;
justify-content: center;
}
.telephone-text-div {
margin-left: 15px;
}
.get-free-quote {
padding-left: 35px;
}
.get-free-quote a {
font-size: 22px;
line-height: 1.3;
font-family: BebasNeue-bold;
background-color: #e51837;
color: #fff;
padding: 8px 15px 8px 15px;
border-radius: 25px;
}
.get-free-quote a:hover {
background-color: #195297;
color: #fff;
text-decoration: none;
}
.main-menu-div{
background-color: #195297;
border-bottom: 2px solid #fff;
margin-top: 10px;
position: relative;
}
.logo-main-div img {
margin-top: -65px;
margin-bottom: -35px;
position: relative;
z-index: 111111;
}
.left-div,.right-div{
padding-right: 0px !important;
}
.left-header-menu,.right-header-menu {
display: flex;
justify-content: space-evenly;
}
.menu-div{
border-right: 1px solid #3b6ca6;
cursor: pointer;
position: relative;
}
ul.dropdown {
width: 155px;
position: absolute;
top: 45px;
left: -28px;
z-index: 1111;
background-color: #fff;
padding-left: 0px;
border-radius: 5px;
display: none;
}
ul.dropdown1 {
width: 155px;
position: absolute;
top: 45px;
left: -19px;
z-index: 1111;
background-color: #fff;
padding-left: 0px;
border-radius: 5px;
display: none;
}
ul.dropdown a li,ul.dropdown1 a li{
list-style: none;
border-bottom: 1px solid #e5eaf0 !important;
padding: 10px 9px;
}
ul.dropdown li,ul.dropdown1 li{
font-size: 16px;
font-family: mont-r;
line-height: 1;
color: #000 !important;
}
ul.dropdown a li:hover,ul.dropdown1 a li:hover {
background-color: #fce7eb;
border-radius: 5px;
}
ul.dropdown li:hover,ul.dropdown1 li:hover {
color: #e41837 !important;
}
.menu-div.item-two.active ul,.menu-div.item-three.active ul,.menu-div.item-four.active ul{
display: block;
}
ul.dropdown li:last-child,ul.dropdown1 li:last-child {
border-bottom: none;
}
.menu-div.item-two,.menu-div.item-three,.menu-div.item-four {
position: relative;
}
.menu-div.item-two > a:after,.menu-div.item-three > a:after,.menu-div.item-four > a:after {
content: '';
width: 8px;
height: 8px;
position: absolute;
top: 15px;
right: 8px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
}
.menu-div:hover{
background-color: #e41837;
}
.left-last{
border-right: 0px;
}
.right-first {
margin-left: 25px;
padding-left: 10px;
}
.toggle-menu .fa-bars {
float: right;
color: #fff;
position: absolute;
right: 50px;
top: 25px;
font-size: 30px;
}
.menu-div > a{
font-size: 18px;
line-height: 1.3;
font-family: BebasNeue-bold;
margin-bottom:0px;
color: #fff;
padding: 10px 26px;
display: inline-block;
}
.menu-div a:hover{
color: #fff;
text-decoration: none;
}
.homepage-banner-div{
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/home_page_banner.png);
background-size: cover;
background-repeat: no-repeat;
height: 653px;
position: relative;
}
.banner-heading-div{
width: 45%;
margin: 0 auto;
}
.banner-heading{
font-size: 90px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
padding-top: 85px;
}
.banner-text{
font-size: 40px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
margin-bottom: 0px;
margin-top: 20px;
}
.banner-get-free-quote {
text-align: center;
padding: 60px 0px 177px;
}
.banner-get-free-quote a{
font-size: 22px;
line-height: 1.3;
font-family: BebasNeue-bold;
background-color: #e51837;
color: #fff;
padding: 12px 25px 12px 25px;
border-radius: 25px;
}
.banner-get-free-quote a:hover{
background-color: #195297;
color: #fff;
text-decoration: none;
}
.banner-get-free-quote a img {
margin-left: 10px;
}
.home-banner-layer-img-box img {
width: 100%;
}
.home-banner-layer-img-box {
position: absolute;
transform: translateY(-50%);
top: 0;
left: 0;
}
.banner-below-div{
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/below_new_banner.png);
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.form-heading{
font-size: 45px;
line-height: 1.3;
font-family: BebasNeue-bold;
color: #e51837;
margin-bottom: 0px;
text-align: center;
}
.trusted-form{
background-color: #fff;
width: 500px;
margin: 0 0 0 auto;
padding: 30px 10px;
border-radius: 5px;
}
.trusted-form-main-div {
padding-bottom: 85px;
position: relative;
margin-top: -115px;
}
.form-div {
padding-left: 10px;
padding-right: 10px;
}
.form-text{
font-size: 25px;
line-height: 1.3;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 0px;
text-align: center;
}
.type-input{
border: 1px solid #e5e5e5;
padding: 10px;
border-radius: 5px;
width: 100%;
}
.name-div {
margin-top: 20px;
}
.trusted-form-button button{
font-size: 22px;
line-height: 1.3;
font-family: BebasNeue-bold;
background-color: #e51837;
color: #fff;
padding: 12px 25px 12px 25px;
border-radius: 25px;
}
.trusted-form-button button:hover{
background-color: #195297;
color: #fff;
text-decoration: none;
}
.trusted-form-button button img {
margin-left: 10px;
}
.trusted-form-button {
text-align: center;
margin-top: 30px;
margin-bottom: 15px;
}
.type-input::placeholder{
font-size: 15px;
font-family: mont-r;
line-height: 1;
}
.ocala1-main-div {
margin: 100px 0px;
}
.ocala-img-div img {
width: 99%;
}
.ocala-text-div {
padding: 15px 48px 0 10;
}
.intro-text span{
font-size: 32px;
font-family: carolina-r;
line-height: 1;
color: #e51837;
margin-bottom: 5px;
}
.ocala-text-div {
padding-left: 41px;
}
.ocala-heading{
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
}
.ocala-text{
font-size: 18px;
line-height: 1.2;
font-family: mont-b;
color: #000;
margin-bottom: 15px;
}
.ocala-text-div p{
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
}
.read-more-button a {
font-size: 22px;
line-height: 1.3;
font-family: BebasNeue-bold;
background-color: #e51837;
color: #fff;
padding: 8px 20px 8px 20px;
border-radius: 25px;
}
.read-more-button a:hover {
background-color: #195297;
color: #fff;
text-decoration: none;
}
.read-more-button a img {
margin-left: 10px;
}
.read-more-button {
padding-top: 15px;
padding-left: 41px;
}
.roofing-service-main-div{
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/roofing_services.png);
background-size: cover;
background-repeat: no-repeat;
padding: 100px 0px 340px;
position: relative;
}
.store-damage-main-div{
position: relative;
}
.strom-layer-img-box {
position: absolute;
transform: translateY(-55%);
top: 0;
left: 0;
}
.strom-layer-img-box img{
width: 100%;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.roofing-service-img-div {
height: 470px;
padding: 10px;
background-color: #fff;
}
.roofing-service-img-div {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.roofing-text{
font-size: 32px;
font-family: carolina-r;
line-height: 1;
color: #e51837;
margin-bottom: 5px;
text-align: center;
}
.roofing-heading{
font-size: 45px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
text-align: center;
}
.roofing-para{
font-size: 17px;
line-height: 1.2;
font-family: mont-sb;
color: #000;
margin-bottom: 40px;
text-align: center;
}
.roof-replace-heading{
font-size: 28px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
margin-top:15px;
text-align: center;
}
.roof-replace-text{
font-size: 18px;
line-height: 1.2;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
text-align: center;
}
.roofing-service-img-div:hover .icon-main-div img {
transform: rotate(360deg);
transition: 1s all;
}
.icon-main-div {
text-align: center;
margin-top: -43px;
padding: 0px 5px;
}
.icon-main-div img{
display: inline-block !important;
width: auto !important;
}
.roof-replacement-img{
width: 100%;
}
.roof-service-read-more-button a {
font-size: 18px;
line-height: 1.3;
font-family: BebasNeue-bold;
background-color: #195297;
color: #fff;
padding: 8px 30px 8px 30px;
border-radius: 25px;
}
.roof-service-read-more-button a:hover {
background-color: #e51837;
color: #fff;
text-decoration: none;
}
.roof-service-read-more-button{
text-align: center;
padding: 10px 0px 30px 0px;
}
.owl-nav{
position: relative;
}
.owl-nav .owl-prev span{
font-size: 35px;
background: #fff;
padding: 0px 15px 10px;
height: 45px;
width: 45px;
position: absolute;
left: 500px;
top: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #afb6bc;
}
.owl-nav .owl-next span  {
font-size: 35px;
background: #fff;
padding: 0px 15px 10px;
height: 45px;
width: 45px;
position: absolute;
left: 570px;
top: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #afb6bc;
}
.owl-nav .owl-prev span:hover,.owl-nav .owl-next span:hover  {
background-color: #e41834;
color: #fff;
}
.store-damage-main-div{
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/strom_new_banner.png);
background-size: cover;
background-repeat: no-repeat;
margin-top: 2px;
}
.store-damage-div {
background-color: #fff;
margin-top: 165px;
margin-bottom: 60px;
padding: 20px 37px;
height: 438px;
width: 450px;
border-radius: 50%;
}
.storm-text span{
font-size: 32px;
font-family: carolina-r;
line-height: 1;
color: #e51837;
margin-bottom: 5px;
text-align: center;
padding-top: 20px;
}
.storm-heading{
font-size: 45px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
margin-top:15px;
text-align: center;
}
.storm-read-more-button a {
font-size: 22px;
line-height: 1.3;
font-family: BebasNeue-bold;
background-color: #e51837;
color: #fff;
padding: 8px 20px 8px 20px;
border-radius: 25px;
}
.storm-read-more-button a:hover {
background-color: #195297;
color: #fff;
text-decoration: none;
}
.storm-read-more-button a img {
margin-left: 10px;
}
.storm-read-more-button{
text-align: center;
}
.storm-roofing-div {
background-color: #195297;
width: 335px;
margin: 0 auto;
border-radius: 5px;
margin-bottom: 22px;
}
.storm-roofing-div h6{
font-size: 18px;
font-family: mont-b;
line-height: 1.2;
color: #fff;
text-align: center;
padding: 2px 2px;
}
.store-damage-div p{
font-size: 16px;
font-family: mont-r;
line-height: 1.2;
text-align: center;
margin-bottom: 32px;
}
.ocala-roofing-text{
font-size: 32px;
font-family: carolina-r;
line-height: 1;
color: #e51837;
margin-bottom: 5px;
text-align: center;
padding-top: 20px;
}
.features-content {
margin: 85px 0px 175px;
}
.why-choose-heading{
font-size: 45px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
padding-top: 30px;
text-align: center;
}
.why-choose-main-div p{
font-size: 17px;
line-height: 1.2;
font-family: mont-sb;
color: #000;
margin-bottom: 15px;
margin-top: 15px;
text-align: center;
}
.metal-choose-main-div p{
font-size: 17px;
line-height: 1.2;
font-family: mont-sb;
color: #000;
margin-bottom: 15px;
margin-top:15px;
text-align: center;
}
.feature-img-part {
text-align: center;
margin-top: 15px;
position: relative;
}
.feature-1 {
max-width: 320px;
text-align: right;
position: absolute;
left: -15px;
top: 50px;
}
.feature-2 {
max-width: 320px;
text-align: left;
position: absolute;
top: 50px;
right: -15px;
}
.feature-3 {
max-width: 320px;
text-align: right;
position: absolute;
left: -15px;
top: 300px;
}
.feature-4 {
max-width: 320px;
text-align: left;
position: absolute;
right: -15px;
top: 300px;
}
.feature-5 {
max-width: 450px;
text-align: center;
position: absolute;
left: 50%;
bottom: -160px;
transform: translateX(-50%);
}
.feature-1 p,.feature-2 p,.feature-3 p,.feature-4 p{
font-size: 16px;
line-height: 1.2;
font-family: mont-r;
color: #000;
}
.feature-icon-1 img:hover,.feature-icon-2 img:hover,.feature-icon-3 img:hover,.feature-icon-4 img:hover,.metal-feature-icon-1 img:hover,.metal-feature-icon-2 img:hover,.metal-feature-icon-3 img:hover,.metal-feature-icon-4 img:hover,.metal-feature-icon-5 img:hover,.noise-img:hover, .appearance-img:hover, .cost-img:hover,.type1-img:hover, .type2-img:hover, .type3-img:hover, .type4-img:hover{
transform: rotate(360deg);
transition: 1s;
}
.feature-icon-1 {
position: absolute;
left: 350px;
top: 40px;
}
.feature-icon-2 {
position: absolute;
right: 350px;
top: 40px;
}
.feature-icon-3 {
position: absolute;
left: 350px;
bottom: 0px;
}
.feature-icon-4 {
position: absolute;
right: 350px;
bottom: 0px;
}
.feature-icon-5 {
position: absolute;
left: 550px;
bottom: 35px;
}
.feature-main-img {
margin-top: 45px;
width: 32%;
}
.why-choose-div-heading{
font-size: 27px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #000;
}
.metal-feature-1 p,.metal-feature-2 p,.metal-feature-3 p,.metal-feature-4 p,.metal-feature-5 p{
font-size: 16px;
line-height: 1.2;
font-family: mont-r;
color: #000;
}
.service-work-main-div {
background: #003064;
background-size: cover; background-repeat: no-repeat;
padding: 100px 0px 175px;
position: relative;
}
.layer-img-box {
position: absolute;
transform: translateY(50%);
bottom: 3px;
left: 0;
}
.service-work-text{
font-size: 32px;
font-family: carolina-r;
line-height: 1;
color: #e51837;
margin-bottom: 5px;
text-align: center;
padding-top: 20px;
}
.service-work-heading{
font-size: 45px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #fff;
margin-bottom: 15px;
margin-top:15px;
text-align: center;
}
.service-work-para{
font-size: 17px;
line-height: 1.2;
font-family: mont-sb;
color: #fff;
margin-bottom: 15px;
margin-top:15px;
text-align: center;
}
.service-work-img-box1,.service-work-img-box2,.service-work-img-box3,.service-work-img-box4{
position: relative;
margin-top: 22px;
overflow: hidden;
}
.service-work-img-box1 img,.service-work-img-box2 img,.service-work-img-box3 img,.service-work-img-box4 img{
width: 100%;
border-radius: 5px;
transition: 1s all;
}
.service-work-img-box1 img:hover,.service-work-img-box2 img:hover,.service-work-img-box3 img:hover,.service-work-img-box4 img:hover{
transform: scale(1.1);
transition: 1s all;
}
.service-work-img-box1 h3 {
position: absolute;
background: #28558ac9;
left: 0;
padding: 15px 15px 15px 25px;
bottom: 0;
width: 100%;
margin: 0;
font-size: 31px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #fff;
border-radius: 0px 0px 5px 5px;
}
.service-work-img-box1:hover h3 {
background: #dd2741c7;
}
.layer-img-box img {
width: 100%;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.over-decade-main-div {
padding: 200px 0 100px;
}
.over-decade-text-div {
padding: 0px 70px 0px 25px;
}
.over-decade-text-div p span{
font-size: 32px;
font-family: carolina-r;
line-height: 1;
color: #e51837;
padding-top: 15px;
}
.over-decade-text-div p{
font-size: 17px;
line-height: 1.2;
font-family: mont-r;
color: #000;
}
.over-decade-heading{
font-size: 45px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 10px;
margin-top:15px;
}
.over-decade-button{
margin-top:35px;
}
.over-decade-button a {
font-size: 22px;
line-height: 1.3;
font-family: BebasNeue-bold;
background-color: #e51837;
color: #fff;
padding: 12px 25px 12px 25px;
border-radius: 25px;
}
.over-decade-button a:hover {
background-color: #195297;
color: #fff;
text-decoration: none;
}
.over-decade-button a img {
margin-left: 10px;
}
.over-decade-img-div img {
width: 100%;
padding-left: 100px;
}
.over-decade-image-tab-div{
position: relative;
}
.over-decade-tab-div1 {
position: absolute;
top: 30px;
background: #fff;
width: 160px;
padding: 15px 5px;
box-shadow: -5px 0px 14px #dee7eb;
cursor: pointer;
border-radius: 5px;
}
.over-decade-tab-div2 {
position: absolute;
top: 155px;
background: #fff;
width: 160px;
padding: 15px 2px;
box-shadow: -5px 0px 14px #dee7eb;
cursor: pointer;
border-radius: 5px;
}
.over-decade-tab-div3 {
position: absolute;
top: 278px;
background: #fff;
width: 160px;
padding: 15px 5px;
box-shadow: -5px 0px 14px #dee7eb;
cursor: pointer;
border-radius: 5px;
}
.over-decade-tab-div1:hover,.over-decade-tab-div2:hover,.over-decade-tab-div3:hover{
background-color: #003369;
}
.over-decade-tab-div1:hover p,.over-decade-tab-div2:hover p,.over-decade-tab-div3:hover p{
color: #fff;
}
.ov-tab-no{
font-size: 45px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #e51837;
margin-bottom: 0;
text-align: center;
}
.ov-tab-text{
font-size: 16px;
line-height: 1.2;
font-family: mont-sb;
color: #000;
text-align: center;
margin-bottom: 0;
}
.roof-communities-text-div {
width: 615px;
margin: 0 auto;
}
.roof-communities-text{
font-size: 32px;
font-family: carolina-r;
line-height: 1;
color: #e51837;
margin-bottom:20px;
padding-top: 20px;
text-align: center;
}
.roof-communities-heading{
font-size: 45px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 0;
text-align: center;
}
.communities-map img {
margin-right: 10px;
margin-top: -5px;
}
.map-div img {
width: 100%;
}
.roof-communities-map-div {
margin: 50px 0px;
box-shadow: 0px 0px 75px #f1f5f9;
padding: 20px;
}
.map-name{
font-size: 16px;
line-height: 1.2;
font-family: mont-sb;
color: #000;
margin-bottom: 15px; 
cursor: pointer;
width: 50%;
float: left;
}
.map-div.active{
display: block !important;
}
.communities-map,.communities-map1{
padding: 15px;
}
.map-main-div {
padding-top: 15px;
}
.communities-map li {
list-style: none;
list-style-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/map_icon.png);
}
.home-contact-main-div{
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 85px;
position: relative;
margin-bottom: 100px;
height: 570px;
}
.home-contact-heading{
font-size: 45px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 5px;
}
.home-contact-para{
font-size: 16px;
line-height: 1.2;
font-family: mont-sb;
color: #000;
margin-bottom: 30px; 
}
.contact-p-contact-us-now > p{
font-size: 16px;
line-height: 1.2;
font-family: mont-sb;
color: #000;
margin-bottom: 30px; 
}
.c-trusted-form {
background-color: #fff;
width: 450px;
margin: 0 0 0px auto;
padding: 25px 10px;
border-radius: 5px;
position: absolute;
top: 108px;
left: -25px;
z-index: 100;
}
.home-contact-us-now {
margin-top: 102px;
}
.p-no-text{
font-size: 27px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 0px;
}
.p-no-num{
font-size: 16px;
font-family: mont-r;
line-height: 1.2;
margin-bottom: 10px;
}
.phone-no-div,.cl-no-div {
display: flex;
}
.p-icon-div i {
color: #fff;
margin-left: 2px;
margin-top: 2px;
display: inherit;
}
.p-icon-div img {
margin-right: 0px;
width:75%
}
.phone-no-div {
display: flex;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #d2dde9;
}
.footer-row{
border-bottom: 1px solid #264f7b;
}
.footer-main-menu-div img{
width: 100%;  
transform: rotate(180deg);  
}
.footer-main-menu {
position: relative;
}
.footer-menu-start{
position: relative;
}
.footer-main-menu-div {
position: absolute;
transform: translateY(-49%);
top: 0;
left: 0;
}
.footer-menu-start {
background: #003064;
margin-top: -100px;
padding-top: 200px;
}
.main-logo-div {
padding: 0px !important;
}
.footer-logo-div img {
width: 175px;
margin-top: -45px;
padding-bottom: 12px;
}
.left-footer-menu,.right-footer-menu {
display: flex;
justify-content: space-evenly;
border-top: 1px solid #264f7b
}
.footer-menu-div {
padding: 15px 25px;
cursor: pointer;
}
.footer-menu-div a {
font-size: 18px;
line-height: 1.3;
font-family: BebasNeue-bold;
margin-bottom: 0px;
color: #fff;
}
.footer-menu-div a:hover {
color: #fff;
text-decoration: none;
}
.right-footer-div,.left-footer-div{
padding: 0px !important;
}
.footer-phone-no-div{
justify-content: center;
display: flex;
margin-bottom: 15px;
padding-bottom: 15px;
padding-top: 55px;
}
.footer-p-no-text {
font-size: 16px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #fff;
margin-bottom: 0px;
}
.footer-p-no-num {
font-size: 35px;
font-family: BebasNeue-bold;
line-height: 1.2;
margin-bottom: 10px;
color: #fff;
}
.footer-p-icon-div img {
margin-right: 20px;
width: 70%;
}
.footer-social-icon {
display: flex;
justify-content: center;
border-bottom: 1px solid #264f7b;
padding-bottom: 30px;
}
.f-fb-div i {
width: 40px;
height: 40px;
background: #fff;
padding: 10px 15px;
border-radius: 30px;
margin-right: 10px;
border: 1px solid #fff;
color: #000;
}
.f-twi-div i,.f-lin-div i,.f-ins-div i {
width: 40px;
height: 40px;
background: #fff;
padding: 10px 13px;
border-radius: 30px;
margin-right: 10px;
border: 1px solid #fff;
color: #000;
}
.f-fb-div i:hover,.f-twi-div i:hover,.f-lin-div i:hover,.f-ins-div i:hover {
background: transparent;
color: #fff;
border: 1px solid #fff;
cursor: pointer;
}
.copy-ride-text{
font-size: 13px;
font-family: mont-sb;
line-height: 1.2;
margin-bottom: 0px;
color: #5e718f;
text-align: center;
padding: 50px 0px;
text-transform: uppercase;
letter-spacing: 5px;
} .roof-replace-page-banner-div {
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/roof_rep_banner_img.png);
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.ro-rep-banner-heading-div{
width: 40%;
margin: 0 auto;
}
.ro-rep-banner-heading,.local-roofer-banner-heading,.roofing-comp-banner-heading{
font-size: 90px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
padding-top: 85px;
}
.ro-rep-banner-text,.local-roofer-banner-text,.roofing-comp-banner-text{
font-size: 40px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
margin-bottom: 0px;
margin-top: 20px;
}
.ro-rep-cont-div{
position: relative;
}
.ro-rep-pag-banner-below-div,.asphalt-banner-below-div,.local-roofer-banner-below-div,.roofing-comp-banner-below-div,.meatl-roof-banner-below-div,.commer-roof-banner-below-div,.roof-fina-banner-below-div,.florida-banner-below-div,.fl-roof-banner-below-div,.damage-banner-below-div,.about-banner-below-div{
background-color: #003369;
position: relative;
}
.ro-rep-banner-below-text-div{
padding: 130px 70px 150px 0;
}
.leaky-roof-banner-below-text-div {
padding: 130px 80px 200px 0;
}
.ro-rep-below-heading,.leaky-roof-below-heading,.asphalt-below-heading,.ro-insp-below-heading,.local-roofer-below-heading,.roofing-comp-below-heading,.meatl-roof-below-heading,.commer-roof-below-heading,.roof-fina-fl-below-heading,.florida-below-heading,.fl-roof-below-heading,.damage-below-heading,.about-below-heading{
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #fff;
margin-bottom: 15px;
}
.ro-rep-layer-img-box,.leaky-roof-layer-img-box,.asphalt-layer-img-box,.ro-insp-layer-img-box,.choose-inspec-layer-img-box,.local-roofer-layer-img-box,.roofing-comp-layer-img-box,.meatl-roof-layer-img-box,.commer-roof-layer-img-box,.roof-fina-layer-img-box,.s-area-banner-layer-img-box,.florida-layer-img-box,.fl-roof-layer-img-box,.damage-layer-img-box,.about-layer-img-box,.blog-layer-img-box,.blog-detail-layer-img-box,.contact-layer-img-box {
position: absolute;
transform: translateY(-54%);
top: 0;
left: 0;
}
.ro-rep-layer-img-box img,.leaky-roof-layer-img-box img,.asphalt-layer-img-box img,.ro-insp-layer-img-box img,.choose-inspec-layer-img-box img,.local-roofer-layer-img-box img,.roofing-comp-layer-img-box img,.meatl-roof-layer-img-box img,.commer-roof-layer-img-box img,.roof-fina-layer-img-box img,.s-area-banner-layer-img-box img,.florida-layer-img-box img,.fl-roof-layer-img-box img,.damage-layer-img-box img,.about-layer-img-box img,.blog-layer-img-box img,.blog-detail-layer-img-box img,.contact-layer-img-box img {
width: 100%;
}
.damage-below-text{
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #fff;
margin-bottom: 15px;
}
.ro-rep-banner-below-text-div p,.leaky-roof-banner-below-text-div p,.ro-insp-banner-below-text-div p,.asphalt-banner-below-text-div p,.local-roofer-banner-below-text-div p,.roofing-comp-banner-below-text-div p,.damage-below-text-div p,.commer-roof-banner-below-text-div p,.meatl-roof-banner-below-text-div p,.asphalt-banner-below-text-div p,.roof-fina-fl-below-text-div p,.florida-banner-below-text-div p,.fl-roof-banner-below-text-div p,.about-below-text-div p{
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #fff;
margin-bottom: 15px;
}
.ro-rep-trusted-form-main-div,.leaky-roof-trusted-form-main-div,.ro-insp-trusted-form-main-div,.local-roofer-trusted-form-main-div,.roofing-comp-trusted-form-main-div,.meatl-roof-trusted-form-main-div {
padding-bottom: 65px;
position: absolute;
right: 0px;
top: -120px;
}
.really-rep-main-div {
margin: 100px 0px 75px;
}
.really-rep-img-div img {
width: 99%;
}
.really-rep-text-div {
padding-left: 41px;
}
.really-rep-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 25px;
padding-right: 90px;
}
.really-rep-text-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 25px;
padding-right: 11px;
}
.choose-roof-main-div,.danger-roof-main-div,.our-roof-main-div{
background-color: #edf6ff;
padding: 100px 0px 150px;
}
.choose-roof-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
}
.choose-roof-left-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
padding-right: 27px;
}
.choose-roof-ul-div ul {
padding-left: 0;
margin-bottom: 10px;
}
.choose-roof-ul-div ul li{
list-style: none;
padding-bottom: 5px;
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
list-style-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/check_icon.png);
margin-left: 25px;
padding-left: 20px;
}
.choose-roof-f-image-div {
text-align: right;
position: relative;
}
.choose-roof-f-image-div > img{
width: 80%;
}
.choose-roof-s-img-div img{
position: absolute;
left: 0px;
top: 170px;
width: 60%;
}
.commer-roof-main-div{
background-color: #003064;
position: relative;
padding: 200px 0 100px;
}
.commer-roof-img-div img {
width: 99%;
}
.commer-roof-text-div {
padding-left: 41px;
}
.commer-roof-heading{
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #fff;
margin-bottom: 15px;
padding-right: 100px;
}
.commer-roof-text-div p{
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #fff;
margin-bottom: 15px;
padding-right: 0px;
}
.choose-us-main-div {
padding: 100px 0 100px;
width: 1015px;
margin: 0 auto;
}
.choose-us-heading{
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 20px;
text-align: center;
}
.choose-us-para{
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 20px;
text-align: center;
}
.choose-us-upper-div p{
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 20px;
text-align: center;
}
.choose-us-tel-div{
display: flex;
align-items: center;
justify-content: center;
}
.choose-us-tel-div img {
width: 35px;
}
.choose-us-tel-text-div {
margin-left: 15px;
}
.choose-us-tel-text-call {
font-size: 14px;
line-height: 1.3;
font-family: BebasNeue-bold;
margin-bottom: 0px;
color: #e51837;
}
.choose-us-tel-text-number{
font-size: 22px;
line-height: 1.3;
font-family: BebasNeue-bold;
margin-bottom: 0px;
}
.choose-us-quote{
padding-left: 35px;
}
.choose-us-quote a {
font-size: 22px;
line-height: 1.3;
font-family: BebasNeue-bold;
background-color: #e51837;
color: #fff;
padding: 8px 25px 8px 25px;
border-radius: 25px;
}
.choose-us-quote a:hover {
background-color: #195297;
color: #fff;
text-decoration: none;
} .leaky-roof-page-banner-div {
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/leaky_roof.png);
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.leaky-roof-banner-heading-div {
width: 47%;
margin: 0 auto;
}
.leaky-roof-banner-heading {
font-size: 90px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
padding-top: 85px;
}
.leaky-roof-banner-text {
font-size: 40px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
margin-bottom: 0px;
margin-top: 20px;
}
.leaky-roof-banner-below-div {
background-color: #003369;
position: relative;
}
.leaky-roof-main-div {
margin: 100px 0px 75px;
}
.leaky-img1 img,.leaky-img2 img{
width: 100%;
}
.leaky-roof-text-div {
padding-left: 41px;
}
.leaky-roof-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 5px;
}
.leaky-roof-text-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 10px;
}
.col-lg-6.col-12.leaky-roof {
padding-right: 20px;
}
.leaky-roof-ul-div ul {
padding-left: 0;
margin-bottom: 10px;
}
.leaky-roof-ul-div ul li {
list-style: none;
padding-bottom: 3px;
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
list-style-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/check_icon.png);
margin-left: 25px;
padding-left: 20px;
}
.danger-roof-main-div {
background-color: #edf6ff;
padding: 100px 0px 150px;
}
.danger-roof-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
}
.danger-roof-left-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
}
.danger-roof-f-image-div > img {
width: 88%;
}
.danger-roof-f-image-div {
text-align: right;
position: relative;
}
.danger-roof-s-img-div img {
position: absolute;
left: 0px;
top: 280px;
width: 69%;
}
.choose-ocala-main-div {
position: relative;
padding: 175px 0 100px;
}
.choose-ocala-img-div img {
width: 99%;
}
.choose-ocala-text-div {
padding-left: 41px;
padding-right: 0px;
}
.choose-ocala-heading{
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
}
.choose-ocala-text-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
}
.asphalt-page-banner-div {
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/asphalt_banner.png);
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.asphalt-banner-heading-div {
width: 38%;
margin: 0 auto;
}
.asphalt-banner-heading {
font-size: 90px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
padding-top: 85px;
}
.asphalt-banner-text {
font-size: 40px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
margin-bottom: 0px;
margin-top: 20px;
}
.asphalt-banner-below-text-div {
padding: 130px 0px 120px 0;
}
.asphalt-trusted-form-main-div{
padding-right: 50px;
padding-bottom: 65px;
position: absolute;
right: -35px;
top: -120px;
}
.ch-asphalt-main-div {
margin: 100px 0px 75px;
}
.ch-asphalt-img-div img {
width: 99%;
}
.ch-asphalt-text-div {
padding-left: 41px;
}
.ch-asphalt-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
padding-right: 31px;
}
.ch-asphalt-text-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
padding-right: 0px;
}
.ro-insp-banner-div {
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/roof_inspec_banner.png);
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.ro-insp-banner-heading-div {
width: 43%;
margin: 0 auto;
}
.ro-insp-banner-heading {
font-size: 90px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
padding-top: 85px;
}
.ro-insp-banner-text {
font-size: 40px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
margin-bottom: 0px;
margin-top: 20px;
}
.ro-insp-banner-below-div {
background-color: #003369;
position: relative;
}
.ro-insp-banner-below-text-div {
padding: 130px 0px 100px 0;
}
.ro-insp-main-div {
margin: 100px 0px 150px;
}
.ro-insp-f-image-div {
text-align: left;
position: relative;
}
.ro-insp-f-image-div > img {
width: 88%;
}
.ro-insp-s-img-div img {
position: absolute;
left: 220px;
top: 240px;
width: 62%;
}
.ro-insp-text-div {
padding-left: 41px;
padding-right: 10px;
}
.ro-insp-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 5px;
}
.ro-insp-text-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 10px;
}
.hire-inspec-main-div {
background-color: #edf6ff;
padding: 100px 0px 150px;
}
.hire-inspec-left-div{
padding-right: 47px;
}
.hire-inspec-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
}
.hire-inspec-left-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
}
.hire-inspec-image-div img{
width: 100%;
}
.hire-inspec-image-div {
padding-left: 41px;
}
.choose-inspec-main-div {
position: relative;
padding: 155px 0 80px;
}
.choose-inspec-img-div img {
width: 99%;
}
.choose-inspec-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 25px;
}
.choose-inspec-para {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 25px;
}
.local-roofer-banner-div {
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/local_roofers_banner.png);
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.local-roofer-banner-heading-div {
width: 45%;
margin: 0 auto;
}
.local-roofer-banner-below-text-div {
padding: 130px 0px 60px 0;
}
.local-roofer-ul-div ul {
padding-left: 0;
margin-bottom: 10px;
}
.local-roofer-ul-div ul li {
list-style: none;
padding-bottom: 5px;
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #fff;
list-style-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/check_icon1.png);
margin-left: 25px;
padding-left: 20px;
}
.best-roofer-main-div {
margin: 100px 0px 75px;
}
.best-roofer-img-div img {
width: 99%;
}
.best-roofer-text-div {
padding-left: 40px;
padding-right: 21px;
}
.best-roofer-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 25px;
}
.best-roofer-text-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 25px;
}
.our-roof-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
}
.our-roof-left-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 10px;
}
.our-roof-ul-div ul {
padding-left: 0;
margin-bottom: 10px;
}
.our-roof-ul-div ul li {
list-style: none;
padding-bottom: 5px;
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
list-style-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/check_icon.png);
margin-left: 25px;
padding-left: 20px;
}
.double-img-div{
padding-left: 50px !important;
}
.our-roof-f-image-div {
text-align: right;
position: relative;
}
.our-roof-f-image-div > img {
width: 85%;
}
.our-roof-s-img-div img {
position: absolute;
left: 0px;
top: 225px;
width: 65%;
}
.our-roof-left-div {
padding-right: 0px;
}
.our-roof-get-div {
position: relative;
}
.our-roof-get-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 20px;
text-align: center;
}
.our-roof-get-main-div {
padding: 150px 0 100px;
max-width: 812px;
margin: 0 auto;
}
.our-roof-get-para {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 20px;
text-align: center;
}
.roofing-comp-banner-div {
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/roofing_comp_banner.png);
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.roofing-comp-banner-heading-div {
width: 45%;
margin: 0 auto;
}
.roofing-comp-banner-below-text-div {
padding: 130px 0px 60px 0;
}
.comme-roof-main-div {
margin: 100px 0px 75px;
}
.comme-roof-img-div img{
width: 99%;
}
.comme-roof-ul-div ul {
padding-left: 0;
margin-bottom: 10px;
}
.comme-roof-ul-div ul li {
list-style: none;
padding-bottom: 10px;
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
list-style-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/check_icon.png);
margin-left: 25px;
padding-left: 20px;
}
.comme-roof-text-div {
padding-left: 41px;
padding-right: 23px;
}
.comme-roof-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
}
.comme-roof-text-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
}
.do-for-main-div{
background-color: #edf6ff;
padding: 100px 0px 250px;
}
.do-for-left-div{
padding: 75px 0px 20px 0;
}
.do-for-heading{
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 25px;
}
.do-for-left-div p{
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 25px;
}
.do-for-f-image-div {
text-align: right;
position: relative;
}
.do-for-f-image-div > img {
width: 85%;
}
.do-for-s-img-div img {
position: absolute;
left: 0px;
top: 225px;
width: 65%;
}
.roofing-comme-get-div{
position: relative;
}
.roofing-comme-get-main-div{
padding: 150px 0 100px;
width: 885px;
margin: 0 auto;
}
.metal-roof-banner-div{
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/metal_roof_banner.png);
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.meatl-roof-banner-heading-div {
width: 43%;
margin: 0 auto;
}
.meatl-roof-banner-heading{
font-size: 90px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
padding-top: 85px;
}
.meatl-roof-banner-text{
font-size: 40px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
margin-bottom: 0px;
margin-top: 20px;
}
.meatl-roof-banner-below-text-div {
padding: 130px 58px 150px 0;
}
.metal-features-content {
margin: 85px 0px 300px;
}
.metal-choose-main-div {
width: 600px;
margin: 0 auto;
}
.metal-feature-main-img {
margin-top: 45px;
width: 32%;
}
.metal-feature-icon-1 {
position: absolute;
left: 350px;
top: 40px;
}
.metal-feature-1 {
max-width: 320px;
text-align: right;
position: absolute;
left: -15px;
top: 50px;
}
.metal-feature-icon-2 {
position: absolute;
right: 350px;
top: 40px;
}
.metal-feature-2 {
max-width: 320px;
text-align: left;
position: absolute;
top: 50px;
right: -15px;
}
.metal-feature-icon-3 {
position: absolute;
left: 315px;
bottom: 75px;
}
.metal-feature-3 {
max-width: 320px;
text-align: right;
position: absolute;
left: -15px;
top: 240px;
}
.metal-feature-icon-4 {
position: absolute;
right: 315px;
bottom: 70px;
}
.metal-feature-4 {
max-width: 320px;
text-align: left;
position: absolute;
right: -15px;
top: 240px;
}
.metal-feature-icon-5 {
position: absolute;
right: 507px;
bottom: 0px;
top: 375px;
}
.metal-feature-5 {
max-width: 595px;
text-align: center;
position: absolute;
right: 255px;
top: 480px;
}
.metal-feature-icon-1 img,.metal-feature-icon-2 img,.metal-feature-icon-3 img,.metal-feature-icon-4 img,.metal-feature-icon-5 img{
width: 90%;
}
.dont-be-main-div {
background-color: #edf6ff;
padding: 100px 0px 150px;
}
.dont-be-f-image-div {
text-align: left;
position: relative;
}
.dont-be-f-image-div > img {
width: 88%;
}
.dont-be-s-img-div img {
position: absolute;
left: 210px;
top: 345px;
width: 62%;
}
.dont-be-left-div {
padding-left: 41px;
}
.dont-be-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 25px;
}
.dont-be-left-div > p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 25px;
}
.noise-box,.appearance-box,.cost-box {
display: flex;
}
.combo-box p,.combo-box1 p{
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
}
.combo-box p span,.combo-box1 p span{
font-size: 18px;
line-height: 1.5;
font-family: mont-b;
color: #000;
}
.noise-img,.appearance-img,.cost-img{
width: 100%;
}
.combo-box {
margin-bottom: 20px;
}
.metal-why-div{
position: relative;
}
.metal-why-main-div {
padding: 150px 0px 75px;
}
.metal-why-img-div img {
width: 100%;
}
.metal-why-text-div {
padding-right: 0px;
}
.metal-why-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
}
.metal-why-text-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
}
.metal-why-img-div {
padding-left: 41px;
}
.commer-roof-banner-div {
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/commercial_roof_banner.png);
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.commer-roof-banner-heading-div {
width: 42%;
margin: 0 auto;
}
.commer-roof-banner-heading {
font-size: 90px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
padding-top: 85px;
}
.commer-roof-banner-text {
font-size: 40px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
margin-bottom: 0px;
margin-top: 20px;
}
.supercuts-f-img-div,.roof-fina-fl-f-img-div {
text-align: left;
position: relative;
}
.supercuts-f-img-div > img,.roof-fina-fl-f-img-div > img{
width: 88%;
}
.supercuts-s-img-div img,.roof-fina-fl-s-img-div img{
position: absolute;
left: 210px;
top: 180px;
width: 62%;
}
.supercuts-box,.florida-box {
padding: 200px 0 165px;
}
.commer-roof-banner-below-text-div{
padding: 80px 0px 0px 41px;
}
.new-roof-main-div{
padding: 100px 0px 75px;
}
.new-roof-text-div {
padding-right: 0px;
}
.new-roof-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
padding-right: 65px;
}
.new-roof-text-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
}
.new-roof-img-div img {
width: 100%;
}
.new-roof-img-div {
text-align: right;
padding-left: 41px;
}
.commer-type-main-div {
background-color: #edf6ff;
padding: 100px 0px 135px;
}
.commer-type-f-image-div {
text-align: left;
position: relative;
}
.commer-type-f-image-div > img {
width: 88%;
}
.commer-type-s-img-div img {
position: absolute;
left: 175px;
top: 345px;
width: 68%;
}
.commer-type-left-div {
padding-left: 41px;
}
.commer-type-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
}
.commer-type-left-div > p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
}
.type1-img,.type2-img,.type3-img,.type4-img{
width: 100%;
}
.type1-text, .type2-text, .type3-text,.type4-text {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
}
.type1-text span, .type2-text span, .type3-text span,.type4-text span{
font-size: 18px;
line-height: 1.5;
font-family: mont-b;
color: #000;
}
.combo-box1{
margin-bottom: 0;
}
.new-roof-why-div {
position: relative;
}
.new-roof-why-main-div {
padding: 150px 0px 75px;
}
.new-roof-why-text-div {
padding-right: 0px;
}
.new-roof-why-heading,.near-me-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
}
.new-roof-why-text-div p,.near-me-text-div p{
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
}
.new-roof-why-img-div img,.near-me-img-div img {
width: 100%;
}
.new-roof-why-img-div,.near-me-img-div {
text-align: right;
padding-left: 41px;
}
.roof-fina-banner-div{
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/roof_finance_banner.png);
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.roof-fina-banner-heading-div {
width: 39%;
margin: 0 auto;
}
.roof-fina-banner-heading {
font-size: 90px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
padding-top: 85px;
}
.roof-fina-banner-text {
font-size: 40px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
margin-bottom: 0px;
margin-top: 20px;
}
.roof-fina-fl{
padding: 200px 0 165px;
}
.roof-fina-fl-below-text-div {
padding: 80px 0px 0px 41px;
}
.near-me-main-div {
padding: 100px 0px;
}
.near-me-text-div {
padding-right: 0px;
}
.s-area-banner-div {
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/service_area_banner.png);
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.s-area-heading-div {
width: 45%;
margin: 0 auto;
}
.s-area-banner-heading {
font-size: 90px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
padding-top: 85px;
}
.s-area-banner-text {
font-size: 40px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
margin-bottom: 0px;
margin-top: 20px;
}
.s-area-banner-below-div {
background-color: #003369;
position: relative;
padding: 175px 0 50px;
}
.s-area-communities-map-div{
margin: 50px 0px;
padding: 20px;
background-color: #fff;
}
.s-area-communities-text-div {
width: 615px;
margin: 0 auto;
}
.s-area-communities-heading {
font-size: 45px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #fff;
margin-bottom: 0;
text-align: center;
}
.s-area-service-work-main-div {
background: #edf6ff;
background-size: cover;
background-repeat: no-repeat;
padding: 100px 0px 200px;
position: relative;
}
.s-area-service-work-heading {
font-size: 45px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
margin-top: 15px;
text-align: center;
}
.s-area-service-work-para{
font-size: 17px;
line-height: 1.2;
font-family: mont-sb;
color: #000;
margin-bottom: 15px;
margin-top: 15px;
text-align: center;
}
.florida-banner-div{
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/florida_banner.png);
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.florida-banner-heading-div {
padding-right: 90px;
}
.florida-banner-heading{
font-size: 90px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
padding-top: 85px;
}
.florida-banner-text {
font-size: 40px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
margin-bottom: 0px;
margin-top: 20px;
}
.florida-trusted-form-main-div,.fl-roof-trusted-form-main-div{
padding-bottom: 65px;
position: absolute;
right: 0px;
top: 90px;
z-index: 111;
}
.florida-f-img-div {
text-align: left;
position: relative;
}
.florida-f-img-div > img {
width: 88%;
}
.florida-s-img-div img{
position: absolute;
right: 0px;
top: 175px;
width: 62%;
}
.florida-banner-below-text-div {
padding: 80px 0px 0px 41px;
}
.durable-roof-main-div {
padding: 100px 0px 75px;
}
.durable-roof-text-div {
padding-right: 21px;
}
.durable-roof-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
}
.durable-roof-text-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
}
.durable-roof-img-div {
padding-left: 41px;
}
.durable-roof-img-div img {
width: 100%;
}
.made-suit-main-div {
background-color: #edf6ff;
padding: 100px 0px 185px;
}
.made-suit-f-image-div {
text-align: left;
position: relative;
}
.made-suit-f-image-div > img {
width: 88%;
}
.made-suit-s-img-div img {
position: absolute;
right: 0px;
top: 350px;
width: 65%;
}
.made-suit-left-div{
padding-left: 41px;
}
.made-suit-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
}
.made-suit-left-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
}
.made-suit-left-div ul {
padding-left: 0;
margin-bottom: 10px;
}
.made-suit-left-div ul{
padding-left: 0;
}
.made-suit-left-div ul li {
list-style: none;
padding-bottom: 10px;
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
list-style-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/check_icon.png);
margin-left: 25px;
padding-left: 20px;
}
.florida-roof-why-div {
position: relative;
}
.florida-roof-get-main-div {
padding: 150px 0 100px;
width: 885px;
margin: 0 auto;
}
.fl-roof-banner-div {
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/florida_banner.png);
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.fl-roof-banner-heading-div {
padding-right: 95px;
}
.fl-roof-box{
padding: 200px 0 80px;
}
.fl-roof-banner-heading {
font-size: 90px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
padding-top: 85px;
}
.fl-roof-banner-text {
font-size: 40px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
margin-bottom: 0px;
margin-top: 20px;
}
.fl-roof-banner-below-text-div {
padding: 80px 0px 0px 41px;
}
.fl-our-roof-main-div {
padding: 100px 0px 0px;
}
.lf-our-border{
border-bottom: 1px solid #e5eaf0;
padding-bottom: 60px;
}
.fl-our-roof-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
}
.fl-our-roof-text-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
}
.fl-our-roof-text-div ul {
padding-left: 0;
margin-bottom: 10;
}
.fl-our-roof-text-div ul li {
list-style: none;
padding-bottom: 5px;
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
list-style-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/check_icon.png);
margin-left: 25px;
padding-left: 20px;
}
.fl-our-roof-img-div {
padding-left: 41px;
}
.fl-our-roof-img-div img {
width: 100%;
}
.fl-why-main-div {
padding: 100px 0px 85px;
}
.fl-why-left-div {
padding-left: 41px;
}
.fl-roof-f-img-div {
text-align: left;
position: relative;
}
.fl-roof-f-img-div > img {
width: 88%;
}
.fl-roof-s-img-div img {
position: absolute;
right: 0px;
top: 251px;
width: 62%;
}
.fl-why-f-image-div {
text-align: left;
position: relative;
}
.fl-why-f-image-div > img {
width: 88%;
}
.fl-why-s-img-div img {
position: absolute;
right: 0;
top: 310px;
width: 62%;
}
.fl-why-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
}
.fl-why-left-div p{
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
}
.damage-banner-div {
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/damage_banner.png);
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.damage-banner-heading-div {
width: 39%;
margin: 0 auto;
}
.damage-banner-heading {
font-size: 90px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
padding-top: 85px;
}
.damage-banner-text {
font-size: 40px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
margin-bottom: 0px;
margin-top: 20px;
}
.roof-damage-n{
padding: 200px 0 85px;
}
.damage-f-img-div{
text-align: left;
position: relative;
}
.damage-f-img-div img{
width: 88%;
}
.damage-s-img-div img{
position: absolute;
right: 0;
top: 310px;
width: 72%;
}
.damage-below-text-div {
padding: 0px 0px 0px 41px;
}
.damage-below-text-div {
margin-bottom: 10px;
}
.damage-below-text-div ul {
padding-left: 0;
}
.damage-below-text-div ul li {
list-style: none;
padding-bottom: 5px;
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #fff;
list-style-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/check_icon1.png);
margin-left: 25px;
padding-left: 20px;
}
.damage-ch-main-div {
padding: 100px 0px;
}
.damage-ch-text-div {
padding-right: 0px;
}
.damage-ch-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
}
.damage-ch-text-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
}
.damage-ch-img-div {
text-align: right;
padding-left: 41px;
}
.damage-ch-img-div img {
width: 100%;
}
.about-banner-div {
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/about_banner.png);
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.about-banner-heading-div {
width: 39%;
margin: 0 auto;
}
.about-banner-heading {
font-size: 90px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
padding-top: 85px;
}
.about-banner-text {
font-size: 40px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
margin-bottom: 0px;
margin-top: 20px;
}
.roof-about-n{
padding: 200px 0 100px;
}
.about-f-img-div{
text-align: left;
position: relative;
}
.about-f-img-div img{
width: 88%;
}
.about-s-img-div img{
position: absolute;
right: 0px;
top: 195px;
width: 62%
}
.about-below-text-div {
padding: 0px 0px 0px 41px;
}
.about-over-decade-main-div{
padding: 100px 0 165px;
background-color: #edf6ff;
}
.about-roof-communities-div{
position: relative;
padding:150px 0 50px;
}
.blog-banner-div {
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.blog-banner-heading-div {
width: 28%;
margin: 0 auto;
}
.blog-banner-heading{
font-size: 90px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
padding-top: 85px;
}
.blog-banner-text {
font-size: 40px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
margin-bottom: 0px;
margin-top: 20px;
}
.blog-banner-below-div,.blog-detail-banner-below-div,.contact-banner-below-div{
position: relative;
}
.roof-blog-n {
padding: 140px 0 0;
}
.latest-b-heading{
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 0px;
text-align: center;
}
.blog-main-p{
margin: 50px 0 0px;
}
.blog-box-div {
box-shadow: 0px 0px 18px #d7e1eb;
margin: 0px 0 35px;
height: 530px;
}
.blog-img-div img {
width: 100%;
transition: 1s all;
height: 220px;
}
.blog-img-div img:hover {
transform: scale(1.1);
transition: 1s all;
}
.blog-text {
padding: 50px 22px 0;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 283px;
}
.blog-t-heading{
font-size: 35px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 25px;
}
.blog-t-para{
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 25px;
} .blog-read-more a{
font-size: 20px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #e51837;
margin-bottom: 25px;
}
.blog-read-more a:hover,.prev-div a:hover,.next-div a:hover{
text-decoration: none;
color: #195297;
}
.blog-read-more a img {
margin-left: 10px;
}
.blog-img-div {
position: relative;
overflow: hidden;
}
.date-div {
background-color: #195297;
width: 65px;
padding: 11px 5px;
position: absolute;
bottom: 0;
right: 0;
border-radius: 0px 0px 5px 0px;
}
.date-text{
font-size: 35px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #fff;
margin-bottom: -7px;
text-align: center;
}
.month-text{
font-size: 20px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #fff;
margin-bottom: 0px;
text-align: center;
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #e51837 !important;
border-color: #e51837 !important;
}
.page-link {
border-radius: 5px;
padding: 10px 17px 10px 17px;
}
.page-item a {
color: #a3a8ae;
}
.pagi-bar{
margin: 35px 0 80px;
}
.left-arrow-img {
margin-right: 10px;
}
.right-arrow-img {
margin-left: 10px;
}
.blog-detail-banner-div {
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.blog-detail-banner-heading-div {
width: 50%;
margin: 0 auto;
}
.blog-detail-banner-heading {
font-size: 90px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
padding-top: 85px;
}
.blog-detail-banner-text {
font-size: 40px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
margin-bottom: 0px;
margin-top: 20px;
}
.roof-blog-d-n {
padding: 115px 0 80px;
border-bottom: 1px solid #e5e8eb;
}
.blog-detail-heading{
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 20px;
}
.blog-detail-main-div {
width: 735px;
margin: 0 auto;
}
.blog-detail-img1 img {
width: 100%;
padding: 15px 0 40px;
}
.blog-detail-para{
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 30px;
}
.blog-detail-div {
padding: 25px 0 0;
}
.prev-next-div {
display: flex;
justify-content: space-between;
}
.prev-next-div a{
font-size: 18px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #e51837;
margin-bottom: 0px;
}
.prev-div img {
margin-right: 5px;
margin-top: -5px;
}
.next-div img {
margin-left: 5px;
margin-top: -5px;
}
.roof-blog-d1-n{
padding: 80px 0 0;
}
.recent-b-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 0px;
text-align: center;
}
.all-post-div{
text-align: center;
padding: 20px 0 100px;
}
.all-post-div img {
margin-left: 20px;
}
.all-post-div a{
font-size: 22px;
line-height: 1.1;
font-family: BebasNeue-bold;
background-color: #e51837;
color: #fff;
padding: 10px 25px 10px 25px;
border-radius: 25px;
}
.all-post-div a:hover{
background-color: #195297;
color: #fff;
text-decoration: none;
}
.contact-banner-div {
background-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/contact_banner.png);
background-size: cover;
background-repeat: no-repeat;
height: 525px;
position: relative;
}
.contact-banner-heading-div {
width: 41%;
margin: 0 auto;
}
.contact-banner-heading {
font-size: 90px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
padding-top: 85px;
}
.contact-banner-text {
font-size: 40px;
line-height: 1;
font-family: BebasNeue-bold;
color: #fff;
text-align: center;
margin-bottom: 0px;
margin-top: 20px;
}
.roof-contact-n {
padding: 165px 0 100px;
}
.contact-p-c-trusted-form {
background-color: #195297;
width: 450px;
margin: 0 0 0px auto;
padding: 25px 10px;
border-radius: 5px;
}
.contact-p-form-heading {
font-size: 45px;
line-height: 1.3;
font-family: BebasNeue-bold;
color: #fff;
margin-bottom: 0px;
text-align: center;
}
.contact-p-form-text {
font-size: 25px;
line-height: 1.3;
font-family: BebasNeue-bold;
color: #fff;
margin-bottom: 0px;
text-align: center;
}
.cont-p-trusted-form-button {
text-align: center;
margin-top: 30px;
margin-bottom: 15px;
}
.cont-p-trusted-form-button a {
font-size: 22px;
line-height: 1.3;
font-family: BebasNeue-bold;
background-color: #e51837;
color: #fff;
border: 2px solid #e51837;
padding: 12px 25px 12px 25px;
border-radius: 25px;
}
.cont-p-trusted-form-button a img {
margin-left: 10px;
}
.cont-p-trusted-form-button a:hover {
background-color: transparent;
border: 2px solid #e51837;
color: #e51837;
text-decoration: none;
}
.side-image-div img {
width: 325px;
position: absolute;
top: 141px;
left: -85px;
}
.contact-graph-div iframe {
width: 100%;
}
.c-roof-community-main-div {
margin: 80px 0 250px;
}
.c-roof-community-text-div {
width: 615px;
margin: 0 auto;
}
.c-roof-community-heading {
font-size: 45px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 0;
text-align: center;
}
.c-roof-community-map-div {
margin: 50px 0px;
box-shadow: 0px 0px 75px #f1f5f9;
padding: 20px;
}
.c-communities-map, .c-communities-map1 {
padding: 15px;
margin-bottom: 0;
}
.c-communities-map li, .c-communities-map1 li{
list-style: none;
list-style-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/map_icon.png);
}
.c-communities-map li:last-child,.c-communities-map1 li:last-child {
margin-bottom: 0;
}
.arrow:hover{
background-color: #e51837 !important;
color: #fff !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.c-map-name {
font-size: 16px;
line-height: 1.2;
font-family: mont-sb;
color: #000;
margin-bottom: 15px;
cursor: pointer;
width: 25%;
float: left;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
margin: 2px;
position: relative;
padding: 0.5rem 0.75rem !important;
margin-left: -1px;
line-height: 1.25;
color: #a3a8ae;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 5px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #e51837 !important;
background-color: #e51837 ;
color: #fff;
text-decoration: none;
}
.new-page-navi{
text-align: center;
margin: 20px 0 70px;
}
.right-footer-mnu1,.left-footer-mnu1 {
padding-left: 0;
margin-bottom: 0;
display: flex ;
}
.right-footer-mnu1 li,.left-footer-mnu1 li {
list-style: none;
}
.right-footer-mnu1 li a,.left-footer-mnu1 li a {
padding: 15px 25px;
font-size: 18px;
line-height: 1.3;
font-family: BebasNeue-bold;
margin-bottom: 0px;
color: #fff;
display: inline-block;
text-decoration: none;
}
.left-header-mnu1,.Right-header-mnu1{
padding-left: 0;
margin-bottom: 0;
display: flex ;
}
.left-header-mnu1 > li,.Right-header-mnu1 > li {
list-style: none;
border-right: 1px solid #3b6ca6;
}
.left-header-mnu1 li a,.Right-header-mnu1 li a{
font-size: 18px;
line-height: 1.3;
font-family: BebasNeue-bold;
margin-bottom: 0px;
color: #fff;
padding: 10px 26px;
display: inline-block;
text-decoration: none;
}
.left-header-mnu1 > li > a:hover,.Right-header-mnu1 > li > a:hover {
background-color: #e51837;
}
#menu-item-883{
border-right: none;
}
.left-header-mnu1 li .sub-menu{
width: 175px;
position: absolute;
top: 45px;
left: -38px;
z-index: 1111;
background-color: #fff;
padding-left: 0px;
border-radius: 5px;
display: none;
}
.left-header-mnu1 li .sub-menu li a,.Right-header-mnu1 li .sub-menu li a{
font-size: 16px;
font-family: mont-r;
line-height: 1;
color: #000;
padding: 12px 10px;
}
.left-header-mnu1 li .sub-menu li,.Right-header-mnu1 li .sub-menu li {
list-style: none;
border-bottom: 1px solid #e5eaf0 !important;
}
.left-header-mnu1 li .sub-menu li:hover,.Right-header-mnu1 li .sub-menu li:hover {
background-color: #fce7eb;
border-radius: 5px;
}
.left-header-mnu1 li .sub-menu li:hover a,.Right-header-mnu1 li .sub-menu li:hover a{
color: #e51837;
}
.left-header-mnu1 li .sub-menu.active,.Right-header-mnu1 li .sub-menu.active {
display: block;
}
li.menu-item-has-children {
position: relative;
}
li.menu-item-has-children:after{
content: '';
width: 8px;
height: 8px;
position: absolute;
top: 15px;
right: 8px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
}
.Right-header-mnu1 li .sub-menu {
width: 175px;
position: absolute;
top: 45px;
left: -15px;
z-index: 1111;
background-color: #fff;
padding-left: 0px;
border-radius: 5px;
display: none;
}
.hf-message.hf-message-success {
text-align: center;
font-size: 18px;
font-family: mont-r;
}
.New-div-main-div{
padding: 100px 0px 0;
}
.New-div-image-div img {
width: 100%;
}
.New-div-left-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
padding-right: 10px;
}
.New-service-item-main-div{
background-color: #edf6ff;
padding: 100px 0px;
}
.new-serv{
padding: 30px 10px 0px 10px!important
}
.s-area-th-main-div{
padding: 100px 0px;
}
.s-area-th-img-div img{
width: 99%;
}
.s-area-th-text-div {
padding-left: 41px;
}
.s-area-th-heading{
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
padding-right: 100px;
}
.s-area-th-text-div p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
padding-right: 0px;
}
section.why-choose-section {
position: relative;
}
.s-area-nnn-layer-img-box{
position: absolute;
transform: translateY(-100%);
top: 0;
left: 0;
}
.s-area-nnn-layer-img-box img{
width: 100%;
}
.n-roofing-service-img-div {
height: 470px;
padding: 10px;
background-color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.n-roofing-service-img-div:hover .icon-main-div img {
transform: rotate(360deg);
transition: 1s all;
}
.n-roof-replace-text{
font-size: 14px;
line-height: 1.2;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
text-align: center;
}
.roof-diff-main-div{
padding: 100px 0 0;
}
.roof-diff-first-text-div h2,.makeover-uppr-text-div h2,.imagine-text-div h2,.m-rof-uppr-text-div h2,.com-rof-uppr-text-div h2,.h-we-care-text-div h2{
font-size: 45px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
text-align: center;
}
.roof-diff-first-text-div p,.imagine-text-div p,.h-we-care-text-div p {
font-size: 16px;
line-height: 1.2;
font-family: mont-r;
color: #000;
margin-bottom: 0px;
margin-top: 15px;
text-align: center;
}
.r-strom{
padding: 0px 0 70px;
}
.r-strom-damage-img-div img,.makeover-img-div img,.slate-roof-img-div img,.com-rof-img-div img {
width: 100%;
}
.r-strom-damage-img-div,.makeover-img-div,.slate-roof-img-div,.com-rof-img-div {
padding-right: 15px;
}
.rep-y-roof-img-div img,.tile-roof-img-div img,.m-rof-img-div img,.energy-img-div img{
width: 100%;
}
.rep-y-roof-img-div img,.tile-roof-img-div,.m-rof-img-div,.energy-img-div{
padding-left: 15px;
}
.r-strom-damage-text-div,.makeover-text-div,.slate-roof-text-div {
padding-left: 15px;
}
.r-strom-damage-text-div h3,.rep-y-roof-text-div h3,.tile-roof-text-div h3,.slate-roof-text-div h3,.m-rof-text-div h3,.energy-text-div h3{
font-size: 31px;
line-height: 1.2;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 25px;
}
.r-strom-damage-text-div p,.rep-y-roof-text-div p,.makeover-text-div p,.tile-roof-text-div p,.slate-roof-text-div p,.m-rof-text-div p,.com-rof-text-div p,.energy-text-div p{
font-size: 16px;
line-height: 1.3;
font-family: mont-r;
color: #000;
margin-bottom: 30px;
}
.rep-y-roof-text-div,.tile-roof-text-div,.m-rof-text-div,.com-rof-text-div{
padding-right: 15px;
}
.makeover-uppr-text-div,.m-rof-uppr-text-div,.com-rof-uppr-text-div{
padding-bottom: 30px;
}
.imagine-text-div {
max-width: 855px;
margin: 0 auto;
}
.h-we-care-text-div {
max-width: 775px;
margin: 0 auto;
}
.our-new-comm-main{
max-width: 850px;
margin: 0 auto;
padding: 0 0 50px;
}
.our-new-comm-heading {
font-size: 45px;
line-height: 1.1;
font-family: BebasNeue-bold;
color: #000;
margin-bottom: 15px;
text-align: center;
}
.our-new-comm-main p {
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
margin-bottom: 15px;
padding-right: 10px;
text-align: center;
}
.new-div-left-div ul {
padding-left: 0;
margin-bottom: 10px;
}
.new-div-left-div ul li {
list-style: none;
padding-bottom: 5px;
font-size: 16px;
line-height: 1.5;
font-family: mont-r;
color: #000;
list-style-image: url(//ocalaroofingcontractor.com/wp-content/themes/ocala/images/check_icon.png);
margin-left: 25px;
padding-left: 20px;
}
.New-div-image-div img {
width: 100%;
}@media (min-width: 1600px){
.container{
max-width: 1400px;
margin:0 auto;
}
.home-contact-main-div {
padding-bottom: 185px;
}
.fl-roof-banner-div,.damage-banner-div{
height: 625px;
}
.florida-banner-div {
height: 650px;
}
.fl-roof-banner-heading-div,.florida-banner-heading-div {
padding-right: 0px;
}
.blog-text {
height: 302px;
}
}
@media (max-width: 1600px){
.banner-heading{
font-size: 62px;
margin: 0 auto;
}
.ro-rep-banner-heading,.leaky-roof-banner-heading,.asphalt-banner-heading,.ro-insp-banner-heading,.local-roofer-banner-heading,.roofing-comp-banner-heading,.meatl-roof-banner-heading,.commer-roof-banner-heading,.roof-fina-banner-heading,.s-area-banner-heading,.florida-banner-heading,.fl-roof-banner-heading,.damage-banner-heading,.about-banner-heading,.blog-banner-heading,.blog-detail-banner-heading,.contact-banner-heading  {
font-size: 62px;
}
.banner-text,.ro-rep-banner-text,.leaky-roof-banner-text,.asphalt-banner-text,.ro-insp-banner-text,.local-roofer-banner-text,.roofing-comp-banner-text,.meatl-roof-banner-text,.commer-roof-banner-text,.roof-fina-banner-text,.s-area-banner-text,.florida-banner-text,.fl-roof-banner-text,.damage-banner-text,.about-banner-text,.blog-banner-text,.blog-detail-banner-text,.contact-banner-text {
font-size: 30px;
}
.blog-t-heading{
font-size: 30px;
}
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
.menu-div > a {
padding: 0px;
}
.st-img {
margin-left: 2px;
}
}
@media (min-width: 992px){
.toggle-menu{
display: none;
}
}
@media (max-width: 1199px){
.telephone-text-number {
font-size: 22px;
}
.menu-div.item-two a:after, .menu-div.item-three a:after, .menu-div.item-four a:after {
width: 8px;
height: 8px;
right: 2px;
}
.ov-tab-no {
font-size: 30px;
}
.over-decade-tab-div1 {
top: 20px;
padding: 10px;
}
.over-decade-tab-div2 {
top: 125px;
padding: 10px;
}
.over-decade-tab-div3 {
top: 230px;
padding: 10px;
}
.menu-div {
padding: 8px 15px;
}
.clock-img-div img {
width: 100%;
}
.opening-time-text {
font-size: 13px;
}
.clock-hours-heading-div {
margin-left: 10px;
}
.left-menu-div{
padding: 0px !important;
}
.telephone-div {
justify-content: end;
}
.telephone-text-div {
margin-left: 10px;
}
.get-free-quote {
padding-left: 25px;
}
.right-first {
margin-left: 35px;
}
.owl-nav .owl-prev span {
left: 410px;
}
.owl-nav .owl-next span  {
left: 480px;
}
.feature-main-img {
margin-top: 60px;
width: 30%;
}
.feature-icon-1 {
left: 295px;
top: 30px;
padding: 17px;
}
.feature-icon-1 img,.feature-icon-2 img,.feature-icon-3 img,.feature-icon-4 img{
width: 80%;
}
.feature-icon-2 {
right: 295px;
top: 30px;
padding: 17px;
}
.feature-3,.feature-4 {
top: 277px;
}
.feature-icon-3 {
left: 295px;
bottom: -44px;
padding: 23px;
}
.feature-icon-4 {
right: 295px;
bottom: -44px;
padding: 23px;
}
.c-trusted-form {
left: -56px;
}
.footer-menu-div {
padding: 15px;
}
.footer-logo-div img {
width: 150px;
margin-top: -35px;
padding-bottom: 12px;
margin-left: -15px;
}
.ro-rep-trusted-form-main-div,.leaky-roof-trusted-form-main-div {
padding-right: 0px;
}
.blog-banner-heading-div {
width: 34%;
}
.blog-detail-banner-heading-div {
width: 60%;
}
.side-image-div img {
width: 250px;
position: absolute;
top: 263px;
left: -13px;
}
.supercuts-s-img-div img, .roof-fina-fl-s-img-div img {
top: 140px;
}
.new-roof-heading{
padding-right: 0px;
}
.ro-insp-banner-below-text-div {
padding: 130px 50px 125px 0;
}
.ro-insp-banner-heading-div,.local-roofer-banner-heading-div,.roofing-comp-banner-heading-div,.meatl-roof-banner-heading-div,.commer-roof-banner-heading-div,.roof-fina-banner-heading-div,.damage-banner-heading-div,.about-banner-heading-div,.ro-rep-banner-heading-div,.leaky-roof-banner-heading-div,.asphalt-banner-heading-div {
width: 50%;
}
.do-for-s-img-div img {
top: 175px;
}
.do-for-main-div {
padding: 100px 0px 125px;
}
.meatl-roof-banner-below-text-div {
padding: 130px 58px 60px 0;
}
.local-roofer-banner-below-text-div,.roofing-comp-banner-below-text-div,.asphalt-banner-below-text-div {
padding: 130px 45px 60px 0;
}
.metal-feature-main-img {
margin-top: 60px;
width: 30%;
}
.metal-feature-icon-1 img, .metal-feature-icon-2 img, .metal-feature-icon-3 img, .metal-feature-icon-4 img, .metal-feature-icon-5 img {
width: 80%;
}
.metal-feature-icon-1 {
position: absolute;
left: 305px;
top: 48px;
}
.metal-feature-1 {
left: -20px;
}
.metal-feature-icon-2 {
position: absolute;
right: 305px;
top: 48px;
}
.metal-feature-2 {
right: -20px;
}
.metal-feature-icon-3 {
position: absolute;
left: 286px;
bottom: 15px;
}
.metal-feature-3 {
left: -30px;
}
.metal-feature-icon-4 {
position: absolute;
right: 286px;
bottom: 15px;
}
.metal-feature-4 {
right: -30px;
}
.metal-feature-icon-5 {
top: 320px;
right: 425px;
}
.metal-feature-5 {
right: 175px;
top: 415px;
}
.supercuts-box,.roof-fina-fl,.florida-box {
padding: 150px 0 100px;
}
.durable-roof-text-div,.florida-banner-heading-div,.damage-ch-text-div{
padding-right: 0px;
}
.fl-roof-banner-heading-div {
padding-right: 10px;
}
.roof-about-n,.roof-damage-n {
padding: 150px 0 75px;
}
.made-suit-main-div {
padding: 100px 0px 130px;
}
.c-map-name {
width: 33%;
float: left;
}
}
@media (max-width: 991px){
.logo-main-div img {
width: 210px;
height: 100px;
}
.menu-div.item-two > a:after, .menu-div.item-three > a:after, .menu-div.item-four > a:after {
width: 10px;
height: 10px;
right: 86px;
top: 28px;
border-bottom: 1px solid #003369;
border-right: 1px solid #003369;
}
.left-header-menu, .right-header-menu {
display: none;
}
.left-header-mnu1, .Right-header-mnu1 {
display: block;
}
.left-header-mnu1 li a, .Right-header-mnu1 li a {
color: #000;
}
.left-header-mnu1 > li, .Right-header-mnu1 > li {
border-bottom: 1px solid #e5eaf0;
}
li.menu-item-has-children:after{
top: 22px;
right: 85px;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
.left-header-mnu1 li .sub-menu,.Right-header-mnu1 li .sub-menu {
width: 100%;
left: 0px;
top: 0px;
margin-top: 0px;
position: relative;
border-radius: 0px;
}
.left-header-mnu1 li a, .Right-header-mnu1 li a {
width: 100%;
padding: 15px 26px;
}
.left-header-mnu1 li a.active, .Right-header-mnu1 li a.active {
color: #fff;
}
.upper-menu-div {
display: none;
}
.banner-heading-div {
width: 70%;
}
.main-menu-div {
margin-top: 0px;
}
.logo-main-div img {
margin-top: 0px;
margin-bottom: -25px;
}
.left-div,.right-div{ display: block;
}
.right-div{
position: unset !important;
}
.right-side-menu {
position: absolute !important;
top: 100%;
right: -875px;
width: 300px !important;
background: #fff;
text-align: center;
height: 92vh;
transition: 0.8s all;
overflow-y: auto;
padding: 0px;
z-index: 999;
}
.menu-div a {
font-size: 18px;
line-height: 1.3;
font-family: BebasNeue-bold;
margin-bottom: 0px;
color: #000;
}
.right-side-menu.active {
right: -7px;
transition: 0.8 all;
}
.left-side-menu, .right-side-menu {
display: block;
}
.right-first {
margin-left: 0px;
}
.menu-div {
padding: 15px 0;
border-bottom: 1px solid #e5eaf0;
}
.banner-heading {
padding-top: 75px;
}
.banner-get-free-quote {
text-align: center;
padding: 40px 0px 177px;
}
.trusted-form-main-div {
padding-right: 0px;
margin-top: -200px;
}
.trusted-form {
margin: 0 auto;
padding: 25px 10px;
}
.ocala-img-div img {
width: 100%;
}
.ocala-text-div {
padding: 30px 0px 0 0;
}
.roofing-service-img-div {
height: 520px;
}
.owl-nav .owl-prev span {
left: 285px;
}
.owl-nav .owl-next span {
left: 360px;
}
.storm-row-sec{
justify-content: center;
}
.store-damage-div {
margin: 125px auto 75px;
}
.service-work-main-div {
padding: 100px 0px 135px;
}
.over-decade-main-div {
padding: 100px 0 50px;
}
.roof-communities-map-div {
margin: 50px 0px 50px;
}
.do-for-main-div {
padding: 100px 0px 250px;
}
.feature-main-img {
margin-top: 10px;
width: 50%;
}
.feature-1,.feature-2,.feature-3,.feature-4 {
max-width: 100%;
text-align: left;
position: relative;
left: 0;
top: 0;
}
.feature-icon-1,.feature-icon-2,.feature-icon-3,.feature-icon-4 {
position: relative;
left: 0;
top: 0;
width: fit-content;
padding: 10px 0 5px 0;
margin-left: -10px;
}
.why-choose-div-heading {
margin-bottom: 5px;
}
.over-decade-text-div {
padding: 0px;
}
.over-decade-img-div {
padding-top: 60px;
}
.over-decade-tab-div1{
padding: 15px 2px;
top: 100px;
}
.over-decade-tab-div2{
padding: 15px 2px;
top: 276px;
}
.over-decade-tab-div3{
padding: 15px 2px;
top: 450px;
}
.ov-tab-no {
font-size: 45px;
}
.features-content {
margin: 85px 0px 95px;
}
.roofing-service-main-div {
padding: 100px 0px 150px;
}
.map-div img {
margin-top: 20px;
}
.c-trusted-form {
left: 0px;
position: relative;
width: 500px;
margin: 0 auto;
}
.home-contact-us-now {
background-color: #fff;
width: 500px;
padding: 20px;
margin: 160px auto 0px;
border-radius: 5px;
}
.owl-nav .owl-prev span {
left: 43%;
transform: translateX(-43%);
}
.owl-nav .owl-next span {
left: 57%;
transform: translateX(-57%);
}
.footer-main-logo-div{
order: -1;
text-align: center;
}
.home-contact-main-div {
height: auto;
background-position-x: center;
}
.home-contact-heading,.home-contact-para {
text-align: center;
}
.home-contact-main-div {
padding-bottom: 145px;
} .ro-rep-banner-below-text-div,.leaky-roof-banner-below-text-div,.asphalt-banner-below-text-div,.ro-insp-banner-below-text-div,.local-roofer-banner-below-text-div,.roofing-comp-banner-below-text-div,.meatl-roof-banner-below-text-div {
padding: 110px 0px 20px;
}
.ro-rep-trusted-form-main-div,.leaky-roof-trusted-form-main-div,.ro-insp-trusted-form-main-div,.local-roofer-trusted-form-main-div,.roofing-comp-trusted-form-main-div,.meatl-roof-trusted-form-main-div {
position: relative;
top: 0px;
padding-left: 0;
}
.ro-rep-trusted-form-main-div, .leaky-roof-trusted-form-main-div, .ro-insp-trusted-form-main-div, .local-roofer-trusted-form-main-div, .roofing-comp-trusted-form-main-div, .meatl-roof-trusted-form-main-div {
padding-bottom: 100px;
}
.asphalt-banner-heading-div,.leaky-roof-banner-heading-div,.ro-insp-banner-heading-div {
width: 67%;
}
.ro-rep-banner-heading-div,.local-roofer-banner-heading-div,.roofing-comp-banner-heading-div,.meatl-roof-banner-heading-div,.commer-roof-banner-heading-div,.roof-fina-banner-heading-div,.s-area-heading-div,.damage-banner-heading-div,.about-banner-heading-div{
width: 68%;
}
.roof-replace-page-banner-div,.leaky-roof-page-banner-div,.asphalt-page-banner-div,.blog-banner-div,.blog-detail-banner-div,.contact-banner-div,.ro-insp-banner-div,.local-roofer-banner-div,.roofing-comp-banner-div,.metal-roof-banner-div,.commer-roof-banner-div,.roof-fina-banner-div,.s-area-banner-div,.damage-banner-div,.about-banner-div {
height: 375px;
}
.really-rep-text-div,.commer-roof-text-div,.leaky-roof-text-div,.choose-ocala-text-div,.ch-asphalt-text-div {
padding-top: 50px;
}
.really-rep-text-div,.commer-roof-text-div,.choose-ocala-text-div,.leaky-roof-text-div,.ch-asphalt-text-div,.ro-insp-text-div,.hire-inspec-image-div,.best-roofer-text-div,.comme-roof-text-div,.dont-be-left-div,.metal-why-img-div,.new-roof-img-div,.commer-type-left-div,.new-roof-why-img-div, .near-me-img-div,.durable-roof-img-div,.made-suit-left-div,.fl-our-roof-img-div,.fl-why-left-div,.damage-ch-img-div,.read-more-button {
padding-left: 0px;
}
.choose-us-main-div,.roofing-comme-get-main-div{
width: 100%;
padding: 100px 15px;
}
.our-roof-get-main-div{
padding: 130px 15px 100px;
width: 100%;
}
.double-img-div {
padding-left: 0px !important;
}
.really-rep-para,.ch-asphalt-heading,.ch-asphalt-para,.choose-ocala-text-div,.ro-insp-text-div,.hire-inspec-left-div,.best-roofer-text-div,.comme-roof-text-div,.metal-why-text-div,.new-roof-text-div,.new-roof-why-text-div,.near-me-text-div,.fl-our-roof-text-div{
padding-right: 0;
}
.choose-roof-f-image-div,.our-roof-f-image-div,.do-for-f-image-div {
margin-top: 50px;
}
.commer-roof-img-div img,.choose-ocala-img-div img,.really-rep-img-div img,.ch-asphalt-img-div img {
width: 100%;
}
.commer-roof-para,.choose-ocala-heading,.choose-ocala-para,.danger-roof-para,.leaky-roof-para,.col-lg-6.col-12.leaky-roof,.our-roof-left-div {
padding-right: 0px;
}
.commer-roof-main-div {
padding: 150px 0 75px;
}
.blog-banner-heading-div {
width: 46%;
}
.roof-blog-n {
padding: 100px 0 0;
}
.blog-detail-banner-heading-div {
width: 70%;
}
.side-image-div img {
display: none;
}
.contact-banner-heading-div {
width: 75%;
}
.contact-p-c-trusted-form {
margin-top: 35px;
margin-right: 85px;
width: 500px;
}
.c-communities-map, .c-communities-map1 {
padding: 5px 20px;
}
ul.dropdown, ul.dropdown1 {
width: 100%;
left: 0px;
top: 32px;
margin-top: -20px;
position: relative;
border-radius: 0px;
} .danger-roof-s-img-div img {
top: 400px;
}
.danger-roof-main-div {
background-color: #edf6ff;
padding: 100px 0px 250px;
}
.choose-ocala-main-div {
padding: 150px 0 75px;
}
.ro-insp-s-img-div img {
left: 245px;
top: 303px;
width: 65%;
}
.ro-insp-text-div {
padding-top: 149px;
}
.ro-insp-main-div {
margin: 100px 0px 85px;
}
.choose-inspec-main-div {
padding: 125px 0 65px;
}
.best-roofer-img-div img {
width: 100%;
}
.best-roofer-text-div,.comme-roof-text-div,.dont-be-left-div {
padding-top: 50px;
}
.dont-be-left-div {
padding-top: 100px;
}
.dont-be-main-div {
padding: 100px 0px;
}
.choose-roof-main-div,.our-roof-main-div{
padding: 100px 0px 200px;
}
.comme-roof-img-div img {
width: 100%;
}
.do-for-left-div{
padding: 0;
}
.choose-roof-s-img-div img {
top: 200px;
}
.our-roof-s-img-div img,.do-for-s-img-div img {
top: 275px;
}
.metal-feature-main-img {
margin-top: 10px;
width: 40%;
}
.metal-feature-icon-1, .metal-feature-icon-2, .metal-feature-icon-3, .metal-feature-icon-4,.metal-feature-icon-5 {
position: relative;
left: 0;
top: 0;
width: fit-content;
padding: 10px 0 5px 0;
margin-left: -10px;
}
.metal-feature-1, .metal-feature-2, .metal-feature-3, .metal-feature-4,.metal-feature-5 {
max-width: 100%;
text-align: left;
position: relative;
left: 0;
top: 0;
}
.metal-features-content {
margin: 85px 0px 100px;
}
.dont-be-s-img-div img {
left: 265px;
top: 435px;
}
.metal-why-main-div {
padding: 100px 0px 75px;
}
.metal-choose-main-div{
width: 100%;
}
.supercuts-s-img-div img, .roof-fina-fl-s-img-div img {
left: 275px;
top: 224px;
}
.supercuts-box {
padding: 150px 0 85px;
}
.commer-roof-banner-below-text-div {
padding: 135px 0px 0px 0px;
}
.commer-type-s-img-div img {
left: 233px;
top: 444px;
}
.commer-type-left-div {
padding-top: 110px;
}
.combo-box1 {
margin-bottom: 15px;
}
.commer-type-main-div {
padding: 100px 0px 135px;
}
.new-roof-why-main-div,.new-roof-main-div {
padding: 100px 0px;
}
.roof-fina-fl-below-text-div{
padding: 90px 0px 0px 0px;
}
.s-area-banner-below-div {
padding: 135px 0 50px;
}
.s-area-service-work-main-div {
padding: 100px 0px 150px;
}
.florida-banner-below-text-div {
padding: 80px 0px 0px 0px;
}
.florida-banner-heading-div {
width: 100%;
margin: 0 auto;
}
.florida-banner-heading,.florida-banner-text {
text-align: center;
}
.florida-trusted-form-main-div, .fl-roof-trusted-form-main-div {
right: 104px;
top: 35px;
}
.florida-box {
padding: 400px 0 85px;
}
.made-suit-s-img-div img {
top: 430px;
}
.made-suit-left-div {
padding-top: 100px;
}
.durable-roof-main-div {
padding: 100px 0px;
}
.florida-roof-get-main-div {
padding: 125px 15px 100px;
width: 100%px;
}
.fl-roof-box {
padding: 355px 0 80px;
}
.fl-roof-s-img-div img {
top: 309px;
}
.fl-roof-banner-below-text-div {
padding: 120px 0px 0px 0px;
}
.fl-why-s-img-div img {
top: 365px;
}
.fl-why-left-div {
padding-top: 100px;
}
.fl-why-main-div {
padding: 100px 0px;
}
.lf-our-border {
padding-bottom: 100px;
}
.roof-damage-n {
padding: 150px 0 75px;
}
.damage-s-img-div img {
top: 420px;
}
.damage-below-text-div {
padding: 130px 0px 0px 0px;
}
.about-s-img-div img {
top: 285px;
}
.about-below-text-div {
padding: 120px 0px 0px 0px;
}
.about-over-decade-main-div {
padding: 100px 0 150px;
}
.right-footer-mnu1 li a, .left-footer-mnu1 li a {
padding: 15px 18px;
}
.s-area-th-text-div {
padding-left: 0px;
padding-top: 20px;
}
.r-strom-damage-img-div, .makeover-img-div, .slate-roof-img-div, .com-rof-img-div {
padding-right: 0px;
}
.r-strom-damage-text-div, .makeover-text-div, .slate-roof-text-div {
padding-left: 0px;
padding-top: 20px;
}
.rep-y-roof-img-div img, .tile-roof-img-div, .m-rof-img-div, .energy-img-div {
padding-left: 0px;
}
.tile-roof-text-div, .com-rof-text-div {
padding-top: 20px;
}
.rep-y-roof-text-div, .tile-roof-text-div, .m-rof-text-div, .com-rof-text-div {
padding-right: 0px;
}
}
@media (max-width: 767px){
.banner-heading {
font-size: 45px;
}
.banner-text {
font-size: 25px;
}
.over-decade-tab-div1 {
top: 77px;
}
.over-decade-tab-div2 {
top: 197px;
}
.over-decade-tab-div3 {
top: 316px;
}
.roofing-service-img-div {
height: 485px;
} .ro-rep-banner-heading {
font-size: 45px;
}
.ro-rep-banner-text {
font-size: 25px;
}
.commer-roof-main-div {
padding: 120px 0 80px;
}
.choose-us-main-div {
padding: 100px 0 100px;
}
.commer-roof-heading {    
padding-right: 0px;
}
.really-rep-heading {
padding-right: 0px;
}
.leaky-roof-banner-heading,.asphalt-banner-heading,.blog-banner-heading,.contact-banner-heading,.ro-insp-banner-heading,.local-roofer-banner-heading,.roofing-comp-banner-heading,.meatl-roof-banner-heading,.commer-roof-banner-heading,.roof-fina-banner-heading,.s-area-banner-heading,.florida-banner-heading,.fl-roof-banner-heading,.damage-banner-heading,.about-banner-heading,.blog-detail-banner-heading{
font-size: 45px;
}
.leaky-roof-banner-text,.asphalt-banner-text,.blog-banner-text,.contact-banner-text,.ro-insp-banner-text,.local-roofer-banner-text,.roofing-comp-banner-text,.meatl-roof-banner-text,.commer-roof-banner-text,.roof-fina-banner-text,.s-area-banner-text,.florida-banner-text,.fl-roof-banner-text,.damage-banner-text,.about-banner-text,.blog-detail-banner-text {
font-size: 25px;
}
.blog-box-div {
height: auto;
}
.blog-text {
padding: 50px 32px 50px;
height: auto; 
}
.blog-detail-banner-heading-div {
width: 85%;
}
.contact-p-c-trusted-form {
width: 100%;
margin-top: 35px;
}
.danger-roof-main-div {
padding: 100px 0px 200px;
}
.ro-insp-text-div {
padding-top: 100px;
}
.ro-insp-s-img-div img {
left: 185px;
top: 225px;
}
.dont-be-s-img-div img {
left: 200px;
top: 319px;
}
.dont-be-main-div {
padding: 100px 0px 70px;
}
.supercuts-s-img-div img, .roof-fina-fl-s-img-div img {
left: 220px;
top: 168px;
width: 58%;
}
.commer-roof-banner-below-text-div {
padding: 100px 0px 0px 0px;
}
.commer-type-s-img-div img {
left: 175px;
top: 325px;
}
.commer-type-left-div {
padding-top: 95px;
}
.commer-type-main-div {
padding: 100px 0px 80px;
}
.roof-fina-fl-below-text-div {
padding: 65px 0px 0px 0px;
}
.s-area-service-work-main-div {
padding: 85px 0px 120px;
}
.our-roof-get-main-div {
padding: 100px 15px 85px;
}
.florida-banner-heading-div {
width: 100%;
}
.florida-trusted-form-main-div, .fl-roof-trusted-form-main-div {
right: 25px;
}
.florida-box {
padding: 585px 0 85px;
}
.florida-banner-below-text-div {
padding: 110px 0px 0px 0px;
}
.made-suit-s-img-div img {
top: 325px;
}
.made-suit-left-div {
padding-top: 85px;
}
.made-suit-main-div {
padding: 100px 0px;
}
.fl-roof-box {
padding: 555px 0 80px;
}
.fl-roof-s-img-div img {
top: 215px;
}
.fl-roof-banner-below-text-div {
padding: 85px 0px 0px 0px;
}
.fl-why-s-img-div img {
top: 285px;
}
.damage-s-img-div img {
top: 320px;
}
.damage-below-text-div {
padding: 95px 0px 0px 0px;
}
.danger-roof-s-img-div img {
top: 295px;
}
.roof-damage-n {
padding: 120px 0 65px;
}
.about-s-img-div img {
top: 210px;
}
.about-below-text-div {
padding: 100px 0px 0px 0px;
}
.feature-main-img {
width: 60%;
}
.about-roof-communities-div {
padding: 125px 0 50px;
}
.about-over-decade-main-div {
padding: 75px 0 115px;
}
.c-map-name {
width: 50%;
float: left;
}
.blog-img-div img {
height: auto;
}
.n-roofing-service-img-div {
height: auto;
}
}
@media (max-width: 575px){
.trusted-form {
width: 100%;
}
.banner-heading-div {
width: 85%;
}
.trusted-form-main-div {
padding-right: 15px;
}
.communities-map,.communities-map1{
padding: 0 0 0 20px;
}
.feature-icon-1, .feature-icon-2, .feature-icon-3, .feature-icon-4 {
left: 50%;
transform: translateX(-50%);
}
.feature-1, .feature-2, .feature-3, .feature-4 {
text-align: center;
}
.metal-feature-icon-1, .metal-feature-icon-2, .metal-feature-icon-3, .metal-feature-icon-4,.metal-feature-icon-5 {
left: 50%;
transform: translateX(-50%);
}
.metal-feature-1, .metal-feature-2, .metal-feature-3, .metal-feature-4,.metal-feature-5 {
text-align: center;
}
.c-trusted-form {
width: 100%;
}
.home-contact-us-now {
width: 100%;
}
.map-name {
width: 100%;
}
.roofing-service-img-div {
height: auto;
}
.over-decade-tab-div1 {
top: 75px;
padding: 10px;
}
.over-decade-tab-div2 {
top: 158px;
padding: 10px;
}
.over-decade-tab-div3 {
top: 240px;
padding: 10px;
}
.over-decade-img-div img {
padding-left: 0;
}
.over-decade-image-tab-div {
display: flex;
flex-wrap: wrap;
}
.over-decade-tab-div1 {
position: relative;
padding: 15px;
top: 20px;
margin: 0 auto;
}
.over-decade-tab-div2 {
position: relative;
padding: 15px;
top: 20px;
margin: 0 auto;
}
.over-decade-tab-div3 {
position: relative;
padding: 15px;
top: 20px;
margin: 0 auto;
}
.footer-menu-start {
padding-top: 100px;
} .ro-rep-trusted-form-main-div,.leaky-roof-trusted-form-main-div,.ro-insp-trusted-form-main-div,.local-roofer-trusted-form-main-div,.roofing-comp-trusted-form-main-div,.meatl-roof-trusted-form-main-div {
padding: 0 15px 100px;
}
.choose-us-main-div {
padding: 100px 15px 100px;
width: 100%;
}
.ro-rep-banner-heading-div, .leaky-roof-banner-heading-div,.ro-insp-banner-heading-div,.local-roofer-banner-heading-div,.roofing-comp-banner-heading-div,.meatl-roof-banner-heading-div,.commer-roof-banner-heading-div,.roof-fina-banner-heading-div,.s-area-heading-div,.damage-banner-heading-div,.about-banner-heading-div,.asphalt-banner-heading-div {
width: 95%;
}
.choose-roof-f-image-div,.danger-roof-f-image-div,.our-roof-f-image-div,.do-for-f-image-div {
padding-left: 15px;
}
.choose-roof-f-image-div > img,.danger-roof-f-image-div > img,.ro-insp-f-image-div > img,.our-roof-f-image-div > img,.do-for-f-image-div > img,.dont-be-f-image-div > img,.damage-f-img-div img,.about-f-img-div img {
width: 100%;
}
.choose-roof-s-img-div img,.danger-roof-s-img-div img,.ro-insp-s-img-div img,.our-roof-s-img-div img,.do-for-s-img-div img,.dont-be-s-img-div img,.damage-s-img-div img,.about-s-img-div img {
position: relative;
left: 0px;
top: 0;
width: 100%;
}
.choose-roof-main-div, .danger-roof-main-div, .our-roof-main-div,.do-for-main-div {
background-color: #edf6ff;
padding: 100px 0px;
}
.leaky-img1 {
padding-right: 15px;
}
.leaky-img2 {
padding-right: 15px;
padding-top: 15px;
}
.blog-banner-heading-div {
width: 65%;
}
.roof-blog-n {
padding: 65px 0 0;
}
.blog-detail-banner-heading{
font-size: 45px;
}
.blog-detail-banner-text{
font-size: 25px;
}
.blog-detail-heading,.recent-b-heading {
font-size: 35px;
}
.roof-blog-d-n {
padding: 50px 0;
}
.roof-blog-d1-n {
padding: 50px 0 0;
}
.blog-detail-div {
padding: 10px 0 0;
}
.roof-contact-n {
padding: 100px 0;
}
.c-roof-community-main-div {
margin: 50px 0 180px;
}
.c-roof-community-map-div {
margin: 25px 0px;
}
.ro-rep-banner-below-text-div, .leaky-roof-banner-below-text-div, .asphalt-banner-below-text-div {
padding: 100px 0px 20px;
}
.ro-insp-text-div {
padding-top: 50px;
}
.hire-inspec-main-div {
background-color: #edf6ff;
padding: 100px 0px 120px;
}
.choose-inspec-main-div {
padding: 100px 0 50px;
}
.dont-be-left-div {
padding-top: 25px;
}
.metal-feature-icon-1 {
margin-top: 15px;
}
.metal-feature-main-img {
width: 60%;
}
.supercuts-f-img-div > img, .roof-fina-fl-f-img-div > img,.florida-f-img-div > img,.made-suit-f-image-div > img,.fl-roof-f-img-div > img,.fl-why-f-image-div > img {
width: 100%;
}
.supercuts-s-img-div img, .roof-fina-fl-s-img-div img,.florida-s-img-div img,.made-suit-s-img-div img,.fl-roof-s-img-div img,.fl-why-s-img-div img {
width: 100%;
position: relative;
left: 0;
top: 0;
}
.commer-roof-banner-below-text-div {
padding: 25px 0px 0px 0px;
}
.commer-type-f-image-div > img {
width: 100%;
}
.commer-type-s-img-div img {
position: relative;
left: 0;
top: 0;
width: 100%;
}
.commer-type-left-div {
padding-top: 25px;
}
.roof-fina-fl-below-text-div {
padding: 25px 0px 0px 0px;
}
.feature-main-img {
width: 60%;
}
.s-area-banner-below-div {
padding: 110px 0 50px;
}
.s-area-communities-map-div {
margin: 20px 0px 50px;
}
.florida-trusted-form-main-div, .fl-roof-trusted-form-main-div {
padding-left: 15px;
right: 15px;
}
.florida-box {
padding: 555px 0 85px;
}
.florida-banner-below-text-div {
padding: 25px 0px 0px 0px;
}
.made-suit-left-div {
padding-top: 25px;
}
.fl-roof-banner-below-text-div {
padding: 35px 0px 0px 0px;
}
.fl-why-left-div {
padding-top: 25px;
}
.damage-below-text-div {
padding: 25px 0px 0px 0px;
}
.roof-about-n, .roof-damage-n {
padding: 115px 0 75px;
}
.about-below-text-div {
padding: 25px 0px 0px 0px;
}
.about-over-decade-main-div {
padding: 80px 0 150px;
}
.about-roof-communities-div {
padding: 100px 0 50px;
}
.combo-box,.combo-box1 {
padding: 0px 0 0 10px !important;
}
.c-map-name {
width: 100%;
float: left;
}
.left-footer-menu, .right-footer-menu {
display: block;
}
.right-footer-menu {
display: block;
border-top: none;
}
.right-footer-mnu1, .left-footer-mnu1 {
display: block;
text-align: center;
}
.s-area-th-main-div {
padding: 100px 0px 65px;
}
}
@media (max-width: 508px){
.over-decade-tab-div1 {
position: relative;
padding: 15px 2px;
top: 20px;
margin: 0 auto;
}
.over-decade-tab-div2 {
position: relative;
padding: 15px 2px;
top: 20px;
margin: 0 auto;
}
.over-decade-tab-div3 {
position: relative;
padding: 15px 2px;
top: 40px;
margin: 0 auto;
}
}
@media (max-width: 420px){
.banner-heading-div {
width: 95%;
margin: 0 auto;
}
.banner-heading {
padding-top: 85px;
}
.banner-get-free-quote a,.trusted-form-button a,.read-more-button a,.storm-read-more-button a,.over-decade-button a,.cont-p-trusted-form-button a  {
font-size: 20px;
}
.trusted-form-main-div {
padding-right: 15px;
padding-left: 15px;
padding-bottom: 45px;
}
.trusted-form {
width: 100%;
}
.form-heading,.contact-p-form-heading {
font-size: 35px;
}
.form-text,.contact-p-form-text {
font-size: 20px;
}
.ocala1-main-div {
margin: 50px 0px;
}
.read-more-button,.over-decade-button {
text-align: center;
}
.intro-text,.ocala-roofing-text,.roofing-text,.storm-text,.service-work-text,.over-decade-text,.roof-communities-text {
font-size: 25px;
}
.ocala-heading,.why-choose-heading,.roofing-heading,.storm-heading,.service-work-heading,.over-decade-heading,.roof-communities-heading,.home-contact-heading,.roofing-comp-below-heading {
font-size: 35px;
}
.roof-replace-heading {
font-size: 25px;
}
.roofing-service-main-div {
padding: 50px 0px 75px;
}
.features-content {
margin: 50px 0px;
}
.store-damage-div {
width: 100%;
}
.why-choose-div-heading {
font-size: 25px;
}
.service-work-main-div {
padding: 50px 0px 60px;
}
.service-work-img-box1 h3,.service-work-img-box2 h3,.service-work-img-box3 h3,.service-work-img-box4 h3 {
padding: 10px 10px 5px 15px;
font-size: 25px;
}
.over-decade-main-div {
padding: 50px 0;
}
.feature-main-img,.metal-feature-main-img {
width: 80%;
}
.roof-communities-map-div {
margin: 25px 0px;
}
.roof-contact-n {
padding: 50px 0;
}
.storm-roofing-div {
width: 100%;
}
.owl-nav .owl-prev span {
left: 40%;
transform: translateX(-40%);
}
.owl-nav .owl-next span {
left: 65%;
transform: translateX(-65%);
}
.store-damage-div {
padding: 20px 10px;
}
.store-damage-div {
border-radius: 0px;
}
.p-no-text {
font-size: 25px;
}
.phone-no-div, .cl-no-div{
display: block;
}
.p-icon-div img {
width: unset;
}
.p-icon-div {
text-align: center;
}
.p-text-div {
text-align: center;
margin-top: 10px;
}
.footer-row {
text-align: center;
}
.left-footer-menu {
display: block;
border-top: 1px solid #264f7b;
}
.right-footer-menu {
display: block;
border-top: none;
}
.c-trusted-form {
top: 50px;
}
.home-contact-us-now {
margin: 100px auto 0px;
}
.home-contact-main-div {
padding-bottom: 70px;
}
.footer-p-icon-div img {
width: 65%;
}
.footer-p-no-num {
font-size: 25px;
} .ro-rep-banner-below-text-div,.leaky-roof-banner-below-text-div,.asphalt-banner-below-text-div,.ro-insp-banner-below-text-div,.local-roofer-banner-below-text-div,.roofing-comp-banner-below-text-div,.meatl-roof-banner-below-text-div {
padding: 70px 0px 10px;
}
.ro-rep-trusted-form-main-div, .leaky-roof-trusted-form-main-div,.ro-insp-trusted-form-main-div,.local-roofer-trusted-form-main-div,.roofing-comp-trusted-form-main-div,.meatl-roof-trusted-form-main-div {
padding: 0 15px 50px;
}
.really-rep-main-div,.best-roofer-main-div,.comme-roof-main-div {
margin: 50px 0px 25px;
}
.choose-roof-main-div,.danger-roof-main-div,.our-roof-main-div,.do-for-main-div {
padding: 50px 0px;
}
.choose-roof-f-image-div,.our-roof-f-image-div, .do-for-f-image-div {
margin-top: 25px;
}
.commer-roof-main-div {
padding: 70px 0 30px;
}
.choose-us-main-div,.our-roof-get-main-div,.roofing-comme-get-main-div {
padding: 50px 15px;
}
.choose-us-tel-div {
display: block;
text-align: center;
}
.choose-us-tel-div img {
padding-bottom: 15px;
}
.choose-us-quote {
padding-top: 25px;
padding-left: 0;
}
.choose-us-tel-text-div {
margin-left: 0px;
}
.ro-rep-below-heading,.really-rep-heading,.choose-roof-heading,.commer-roof-heading,.choose-us-heading,.leaky-roof-below-heading,.leaky-roof-heading,.danger-roof-heading,.choose-ocala-heading,.asphalt-below-heading,.ch-asphalt-heading,.latest-b-heading,.c-roof-community-heading,.ro-insp-below-heading,.ro-insp-heading,.hire-inspec-heading,.choose-inspec-heading,.local-roofer-below-heading,.our-roof-heading,.best-roofer-heading,.comme-roof-heading,.meatl-roof-below-heading,.dont-be-heading,.metal-why-heading,.commer-roof-below-heading,.new-roof-heading,.commer-type-heading,.new-roof-why-heading, .near-me-heading,.roof-fina-fl-below-heading,.s-area-communities-heading,.s-area-service-work-heading,.florida-below-heading,.durable-roof-heading,.made-suit-heading,.fl-roof-below-heading,.fl-our-roof-heading,.fl-why-heading,.damage-below-heading,.damage-ch-heading,.about-below-heading,.s-area-th-heading  {
font-size: 35px;
}
.leaky-roof-main-div {
margin: 50px 0px 35px;
}
.choose-ocala-main-div {
padding: 50px 0 35px;
}
.choose-ocala-text-div{
padding-top: 35px;
}
.ch-asphalt-main-div {
margin: 50px 0px 25px;
}
.blog-banner-heading-div {
width: 97%;
}
.left-arrow-img,.right-arrow-img{
margin-left: 5px !important;
margin-right: 5px !important;
}
.page-link {
padding: 8px !important;
}
.contact-banner-heading-div {
width: 90%;
}
.ro-insp-main-div {
margin: 50px 0px 40px;
}
.ro-insp-text-div,.best-roofer-text-div,.really-rep-text-div,.comme-roof-text-div {
padding-top: 25px;
}
.hire-inspec-main-div {
padding: 50px 0px 70px;
}
.choose-inspec-main-div {
padding: 65px 0 25px;
}
.metal-features-content {
margin: 35px 0px 50px;
}
.dont-be-main-div {
padding: 50px 0px 20px;
}
.metal-why-main-div {
padding: 50px 0px 45px;
}
.supercuts-box,.roof-fina-fl {
padding: 70px 0 25px;
}
.new-roof-why-main-div, .new-roof-main-div,.made-suit-main-div,.durable-roof-main-div {
padding: 50px 0px;
}
.commer-type-main-div {
padding: 50px 0px 30px;
}
.near-me-main-div{
padding: 50px 0px;
}
.fl-why-main-div {
padding: 50px 0px 25px;
}
.s-area-banner-below-div {
padding: 70px 0 50px;
}
.s-area-communities-map-div {
margin: 20px 0px 0px;
}
.s-area-service-work-main-div {
padding: 35px 0px 65px;
}
.our-roof-get-main-div {
padding: 60px 15px;
}
.florida-box {
padding: 555px 0 35px;
}
.florida-roof-get-main-div {
padding: 60px 15px 50px;
}
.fl-roof-box {
padding: 555px 0 30px;
}
.fl-our-roof-main-div {
padding: 50px 0px 0px;
}
.lf-our-border {
padding-bottom: 50px;
}
.roof-damage-n {
padding: 70px 0 30px;
}
.damage-ch-main-div {
padding: 50px 0px;
}
.roof-about-n {
padding: 75px 0 25px;
}
.about-over-decade-main-div {
padding: 35px 0 125px;
}
.about-roof-communities-div {
padding: 60px 0 25px;
}
.New-div-main-div,.New-service-item-main-div {
padding: 50px 0px;
}
.s-area-th-main-div {
padding: 50px 0px 25px;
}
.roof-diff-first-text-div h2, .makeover-uppr-text-div h2, .imagine-text-div h2, .m-rof-uppr-text-div h2, .com-rof-uppr-text-div h2, .h-we-care-text-div h2{
font-size: 35px;
}
.r-strom-damage-text-div h3, .rep-y-roof-text-div h3, .tile-roof-text-div h3, .slate-roof-text-div h3, .m-rof-text-div h3, .energy-text-div h3 {
text-align: center;
}
.r-strom {
padding: 0px 0 25px;
}
}
@media (max-width: 349px){
.over-decade-tab-div2 {
position: relative;
padding: 15px 2px;
top: 30px;
margin: 0 auto;
}
}