/*MAIN.CSS*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*This is main CSS file that contains custom style rules used in this theme*/

/*-------------------------------------------------------------------------------------------------------------------------------*/

/* Template Name: Main.css */

/* Version: 1.0 Initial Release */

/* Build Date: May 2018 */

/* Author: Quadnotion */

/* Website: https://quad.quadnotion.com/ */

/* Copyright: (C) 2018 */

/*-------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------*/

/* TABLE OF CONTENTS: */

/*--------------------------------------------------------*/

/* 01 - COMMON ELEMENTS */

/* A - SPACING */

/* B - FONTS */

/* B1 - FONT WEIGHTS */

/* C - TEXT TRANSFORMS */

/* D - COLORS */

/* 02 -  HEADER & NAVIGATION */

/* 03 - PAGES & SECTIONS SETUP*/

/* A - SPLASH SLIDER STYLES */

/* B - CONTACT ICON BOX */

/* 05 - FOOTER*/

body {
  font-weight: 400;
  overflow-x: hidden !important;
  overflow-y: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-wrap: break-word;
  font-family: 'Raleway', sans-serif;
  font-family: 'Roboto', sans-serif;
  width: 100%;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a, a:hover, a:focus {
  text-decoration: none;
  outline: none;
}

input:focus {
  outline: none;
}

p {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 0;
  color: #000000;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

.initial-load-content-wrap h1, .initial-load-content-wrap h1 + h2, .initial-load-content-wrap h3, .initial-load-content-wrap h4, .initial-load-content-wrap h5, .initial-load-content-wrap h6 {
  -webkit-margin-before: 1.2em;
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: 1em;
  margin-top: 1em;
}
.initial-load-content-wrap h2{
  -webkit-margin-before: 1.2em;
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: 10px;
  margin-top: 0px;
}

.comment-content-wrap h1, .comment-content-wrap h1 + h2, .comment-content-wrap h3, .comment-content-wrap h4, .comment-content-wrap h5, .comment-content-wrap h6{
  -webkit-margin-before: 1.2em;
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: 1em;
  margin-top: 1em;
  color: #1F1F1F;
}

.comment-content-wrap h2{
  -webkit-margin-before: 1.2em;
  font-weight: 600;
  line-height: 1.4em;
  margin-bottom: 10px;
  margin-top: 0px;
  color: #1F1F1F;
}

h1{
  font-size: 35px;
  line-height: 42px;
}

h2{
  font-size: 28px;
  line-height: 38px;
}

h3{
  font-size: 24px;
  line-height: 31px;
}

h4{
  font-size: 21px;
  line-height: 28px;
}

h5{
  font-size: 18px;
  line-height: 25px;
}

h6{
  font-size: 14px;
  line-height: 21px;
}

.initial-load-content-wrap b, .initial-load-content-wrap strong {
  color: inherit;
  font-size: inherit;
  font-weight: 700;
}
.comment-content-wrap b, .comment-content-wrap strong {
  color: inherit;
  font-size: inherit;
  font-weight: 700;
  color: #404040
}

::-moz-selection { /* Code for Firefox */
  color: white;
  background-color: #2d2d2d;
}

::selection {
  color: white;
  background-color: #2d2d2d;
    
}

/*---------------------------------------------------------------------------------------------------------------*/

/* 01 - COMMON ELEMENTS */

/*---------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1340px) {
 
}



@media screen and (max-width: 782px){
  
}

@media screen and (max-width: 767px){
 

}

.letter-space-3{
  letter-spacing: 3px;
}

.mastwrap {
  z-index: 1;
  border-bottom: 0;
  position: relative;
  max-width: 100%;
  overflow: hidden;
}

.mastwrap.no-pad-top {
  padding-top: 0px !important;
}

.full-height {
  height: 100vh;
}

.full-width {
  width: 100%;
}

.half-height {
  height: 50vh;
}

.add-safe-top-padding {
  padding-top: 120px;
  min-height: calc(100vh - 120px);
}
.transparent-bg{
  background: transparent !important;
}
.animate {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.visibility-hide, .hide-block {
  visibility: hidden !important;
  opacity: 0 !important;
}

.item-fade {
  opacity: 0.5 !important;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.no-pad {
  padding: 0 !important;
}

.pos-center {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.pos-center-wrap {
  display: table;
  width: 100%;
  height: 100%;
}

.vertical-center{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.v-center > * {
  display: inline-block;
  vertical-align: middle;
  float: none !important;
}

.quad-parallax {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed !important;
}

.ease {
  -webkit-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.parallax-ease {
  -webkit-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.img-center-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.col-no-padding {
  padding-left: 0px;
  padding-right: 0px;
}

.quad-text-block {
  height: auto;
}

.quad-text-block dfn {
  font-style: inherit;
}

.quad-text-block span {
  display: inline-block;
  width: auto;
  float: none;
}

.quad-text-block .text-block-element {
  height: auto;
  width: auto;
  padding: 0;
  margin: 0;
}

.quad-page-content-wrap p, .quad-post-content-wrap p {
  margin-bottom: 20px;
}

.disable-click {
  pointer-events: none;
}

.owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel button.owl-dot:focus {
  outline: none;
}

.kc_text_block {
  position: relative;
  z-index: 2;
}



/*---------------------------------------------------------------------------------------------------------------*/

/* A - SPACING */

/*----------------------------------------------------------------------------------------------------------------*/

.pad-top {
  padding-top: 140px;
}

.pad-top-half {
  padding-top: 70px;
}

.pad-min-top {
  padding-top: 35px;
}

.pad-min-top-half {
  padding-top: 20px;
}

.pad-bottom {
  padding-bottom: 140px;
}

.pad-bottom-half {
  padding-bottom: 70px;
}

.pad-min-bottom {
  padding-bottom: 35px;
}

.pad-min-bottom-half {
  padding-bottom: 20px;
}

.add-top {
  margin-top: 140px;
}

.add-top-half {
  margin-top: 70px;
}

.add-min-top {
  margin-top: 35px;
}

.add-min-top-half {
  margin-top: 20px;
}

.add-bottom {
  margin-bottom: 140px;
}

.add-bottom-half {
  margin-bottom: 70px;
}

.add-min-bottom {
  margin-bottom: 35px;
}

.add-min-bottom-half {
  margin-bottom: 20px;
}

.pad-top-110 {
  padding-top: 110px;
}

.move-to-top {
  margin-top: -250px;
}

.move-to-top-half {
  margin-top: -125px;
}

.move-to-top-quarter {
  margin-top: -60px;
}

.move-to-top-200{
  margin-top: -200px;
}

.move-to-top-175{
  margin-top: -175px;
}
/*---------------------------------------------------------------------------------------------------------------*/

/* B - FONTS */

/*----------------------------------------------------------------------------------------------------------------*/
 .font{
  font-family: 'Roboto', sans-serif;
 }
/*---------------------------------------------------------------------------------------------------------------*/

/* B1 - FONT WEIGHTS */

/*----------------------------------------------------------------------------------------------------------------*/

.font-weight-100 {
  font-weight: 100;
}

.font-weight-200 {
  font-weight: 200;
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-600 {
  font-weight: 600;
}

.font-weight-700 {
  font-weight: 700;
}

.font-weight-800 {
  font-weight: 800;
}

.font-weight-900 {
  font-weight: 900;
}

/*----------------------------------------------------------------------------------------------------------------*/

/* C - TEXT TRANSFORMS */

/*----------------------------------------------------------------------------------------------------------------*/

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

/*----------------------------------------------------------------------------------------------------------------*/

/* D - COLORS */

/*----------------------------------------------------------------------------------------------------------------*/

.dark {
  color: #1f1f1f;
}

.dark-bg {
  background-color: #1f1f1f;
}

.white {
  color: #FFFFFF;
}
.black {
  color: #000000;
}

.white-bg {
  background-color: #FFFFFF;
}
.main {
  color:#F14C1D;
}

.gray-bg{
  background-color:#5e5e5e;
}
.red-bg{
  background-color:#960017;
}
/*-------------------------------*/
	/*Preloader Style*/
/*-------------------------------*/

body.preloader-running{
  overflow: hidden;
}
div#preloader {
  background: #fff;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
}

#status  {
   width: 200px;
   height: 200px;
   position: fixed;
   left: 50%;
   top: 50%;
   background-image: url(../images/dental-clinic.png) ;
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100% auto;
   margin: -100px 0 0 -100px;
}


/*---------------------------------------------------------------------------------------------------------------*/

/* 02 -  HEADER & NAVIGATION */

/*---------------------------------------------------------------------------------------------------------------*/

/* === HEADER === */
.mobile-header{
  display: none ;
}
.toggle-overlay{
  display: none ;
}
body.home .quad-header{
  box-shadow: none;
}
.header-logo img{
  height: 75px;
  width: auto;
}
.quad-header{
  position: relative;
  width:100%;
  top:0;
  left:0;
  z-index: 999;
  padding-bottom: 25px;
  padding-top: 25px;
  box-shadow: 0 2px 13px 0 rgba(0,0,0,0.17);
  border-bottom: 1px solid #F14C1D;
}

.quad-header-wrap{
  text-align: right;
  
}
.quad-header-wrap ul{
  list-style: none;
  padding-left:0;
  margin: 0;

}
.quad-header-wrap ul li{
  display: inline-block;
  margin-right:20px;
  position: relative;

}

.quad-header-wrap ul li a{
  color:#F14C1D;
  font-size:14px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  
 }
 .quad-header-wrap ul li.current-menu-item a{
   color:#000;
 }
 .quad-header-wrap ul li a:hover{
   color:#000;
 }
 .quad-header-wrap ul li:last-child a{
   padding: 15px 20px;
   border:1px solid #F14C1D;
   border-right: 1px solid transparent;
   position: relative;
   transition: all 0.4s ease-in-out;
   background-color: #fff;
 }
 .quad-header-wrap ul li:last-child{
   margin-right: 0;
 }

 .quad-header-wrap .menu-header-menu-container > ul > li.current-menu-item:last-child > a{
   color: #FFFFFF !important;
   background: #F14C1D;
 }
 .quad-header-wrap ul li:last-child a::after{
   content: '';
   display: inline-block;
   width:1px;
   height: 20px;
   right: -1px;
   top: calc(50% + 4px);
   background:#F14C1D;
   position: absolute;
   z-index: 100;
 }
 .quad-header-wrap ul li:last-child a::before{
   content: '';
   display: inline-block;
   width:1px;
   height: 20px;
   right: -1px;
   bottom: calc(50% + 4px);
   background:#F14C1D;
   position: absolute;
   z-index: 100;
 }


.quad-header-wrap ul.sub-menu{
  background:#fff;
  position: absolute;
  left: 0;
  top: 50px;
  margin: 0;
  width: 250px;
  text-align: left;
  padding: 20px 20px;
  border-radius: 6px;
  box-shadow: 0 2px 13px 0 rgba(0,0,0,0.17);
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  
}
.quad-header-wrap ul.sub-menu li{
  display:block;
  margin-top:5px;
  padding:5px 12px;
}
.quad-header-wrap ul.sub-menu li a{
  padding:0 !important;

}
.quad-header-wrap ul.sub-menu::before{
  border-left: 15px solid #fff;
  border-bottom: 15px solid #fff;
}
.quad-header-wrap ul.sub-menu::before{
  content: '';
  display: inline-block;
  position: absolute;
  width: 0px;
  height: 0px;
  border-top: 15px solid transparent;
  border-right: 15px solid transparent;
  top: -25px;
  left: 30px;
  z-index: 105;
}
.quad-header-wrap ul.sub-menu::after{
content: '';
display: inline-block;
position: absolute;
width: 100%;
height: 35px;
z-index: 100;
top: -34px;
left: 0px;

}
.quad-header-wrap ul.sub-menu a{
  color: #000000;
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.quad-header-wrap ul li.menu-item-has-children:hover > ul.sub-menu{
  opacity: 1;
  visibility: visible;
}

.quad-header-wrap ul.sub-menu li{
  display: block;
  margin-bottom: 5px;
}

.quad-header-wrap ul.sub-menu li:last-child{
  margin-bottom: 0px;
}



.quad-header-wrap ul li ul li:last-child a{
  border: none;
 background: none !important;
/*  color:#F14C1D !important; */
}


/* .quad-header-wrap ul li ul li:last-child a:hover{
  color:#000 !important;
} */
.quad-header-wrap ul li ul li:last-child a:after{
  border: none;
  color:unset;
  background-color: unset;
  
}
.quad-header-wrap ul.sub-menu li a:hover {
	color:#F14C1D !important;
}
.quad-header-wrap ul li ul li:last-child a::after,.quad-header-wrap ul li ul li:last-child a::before{
  display:none;
 
}
.quad-header-wrap ul li:last-child a:hover{
  color:#fff;
  background-color: #F14C1D;
  /* border:1px solid #F14C1D; */
}
.quad-header-wrap ul li:last-child a::after:hover,.quad-header-wrap ul li:last-child a::before:hover{
 display: none;
}



.highlight-box{
  position: relative;
  transition: all 0.4s ease-in-out;
  border: 1px solid #F14C1D;
  border-right: 1px solid transparent;
} 
.highlight-box:hover{
  background-color: #F14C1D;
  color: #fff;
  /* border-right: 1px solid #F14C1D; */
}

.highlight-box::after{
  content: '';
  display: inline-block;
  width:1px;
  height: 20px;
  right: -1px;
  top: calc(50% + 4px);
  background:#F14C1D;
  position: absolute;
  z-index: 100;
} 
.highlight-box::before{
  content: '';
  display: inline-block;
  width:1px;
  height: 20px;
  right: -1px;
  bottom: calc(50% + 4px);
  background:#F14C1D;
  position: absolute;
  z-index: 100;
}
.highlight-white-box{
  position: relative;
  transition: all 0.4s ease-in-out;
  border: 1px solid #fff;
  border-right: 1px solid transparent;
} 
.highlight-white-box:hover{
  background-color: #fff;
  color: #F14C1D;
  /* border-right: 1px solid #fff; */
 
}
.highlight-white-box::after{
  content: '';
  display: inline-block;
  width:1px;
  height: 20px;
  right: -1px;
  top: calc(50% + 4px);
  background:#fff;
  position: absolute;
  z-index: 100;
} 
.highlight-white-box::before{
  content: '';
  display: inline-block;
  width:1px;
  height: 20px;
  right: -1px;
  bottom: calc(50% + 4px);
  background:#fff;
  position: absolute;
  z-index: 100;
}



/*---------------------------------------------------------------------------------------------------------------*/

/* 03 - PAGES & SECTIONS SETUP*/

/*---------------------------------------------------------------------------------------------------------------*/

 .quad-banner{
   position: relative;
   
 }
 body.home .quad-banner img, body.home .quad-banner svg{
  width:748px;
  height: auto;
  position: absolute;
  top: -200px;
  left: -125px;
  overflow: visible;
 }

 .quad-banner img{
   position: absolute; 
 }
.quad-banner #truck_3{
  /* transform: translate(1285.7, -385.56); */
  transform-origin: left bottom !important;
  
}
 .hero-content{
  position: relative;
 }
 .hero-content h1{
   font-size:36px;
   line-height: 49px;
   margin-bottom:40px; 
 }
 .hero-content h1 span{
  font-weight:200;
 }
 .hero-content a{
  font-size:14px;
  line-height: 14px;
  cursor: pointer;
  /* border:1px solid #F14C1D; */
  padding: 15px 47px;
  /* border-right: none; */
}
.page-button{
  padding:16px 30px;
  font-size:14px;
  line-height: 14px;
  
}
.gradient-top-bottom{
  background-image: linear-gradient(176deg, #5A001D 26%, #FF082E 100%);
}
.gradient-left-right{
  background-image: linear-gradient(141deg, #4D061C 0%, #FB0026 100%, #FB0026 100%);
}

.gradient-head{
  background-image: linear-gradient(135deg, #8F0423 0%, #F14C1D 40%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.business-solution-content-head{
  display: inline-flex;
  align-items:flex-end;
}
.business-solution-wrap{
  padding-top:75px;
}
.business-solution-content-head h3{
  font-size:20px;
  line-height: 24px;
  margin-left: 5px;
  align-self: center;

}
.business-solution-wrap p{
  margin-top:30px;
  font-size:14px;
  line-height: 20px;
  color:#6f6f6f;
}
.button-wrap{
  display: inline-block;
}
.roofing-solution-wrap{
  padding-top:76px;
  
}
.roofing-solution-wrap h2{
  font-size:31px;
  line-height: 39px;
  text-align: left;
  
}
.roofing-solution-wrap p{
  font-size:14px;
  line-height: 20px;
  color:#5c5c5c;
  text-align: left;
  margin-top:10px;
}
.roofing-solution-wrap a{
  display: inline-block;
  /* border:1px solid #F14C1D; */
  padding: 16px 34px;
  margin-right: 34px;
  margin-top: 34px;
  font-size:14px;
  line-height: 14px;
  /* border-right:none; */
}

.roofing-solution-wrap .image-wrap h6{
  font-size:16px;
  color:#2b2b2b;
  padding-top:14px;
  
}
.roofing-solution-wrap .image-wrap{
  padding:0;
  margin: 0;
  list-style-type: none;
  /* width:617px; */
  margin-top:18px;
}
.roofing-solution-wrap .image-wrap .image-list-item{
  display: inline-block;
  margin-right:55px; 
  margin-top:20px;
  pointer-events: none;
  
}
/* .roofing-solution-wrap .image-wrap .image-list-item:nth-child(4n){
  margin-right:0px;
} */

.roofing-solution-wrap .image-wrap .image-list-item .image-box img{
  border:3px solid transparent;
  border-radius: 10px;
}
/* .roofing-solution-wrap .image-wrap .image-list-item .image-box img:hover{
  border:3px solid #F14C1D;
} */
.roofing-solution-slider .owl-dots{
	display: none;
}
/* .roofing-solution-wrap .image-wrap .image-list-item.current .image-box img {
  border:3px solid #F14C1D;
} */
.fact-wrap-box{
  background: #FFFFFF;
  box-shadow: 0 2px 13px 0 rgba(0,0,0,0.17);
  border-radius: 5px;
	padding:65px 20px;
  margin:0px 13px;
  }
.fact-wrap-box h4{
  font-size:24px;
  color:#5c5c5c;
  line-height: 29px;
}
.fact-wrap-box h2{
  font-size:51px;
  color:#5c5c5c;
  line-height: 59px;
}
.fact-wrap-box h6{
  font-size:16px;
  color:#5c5c5c;
  line-height:19px ;
}
.process-wrap h2{
 font-size:44px;
 color:#fff;
}
.process-wrap p{
  font-size:14px;
  line-height: 20px;
  color:#fff;
 }
 .process-content h6{
  font-size:21px;
  color:#fff;
 }
 .process-content {
   position: relative;
 }
  .process-content::after{
  content: '';
  display: inline-block;
  width:64px;
  height: 2px;
  right: -41px;
  top:35%;
  background: #d8d8d8;
  position: absolute;
  z-index: 100;
  transform: translateY(-35%) scaleX(0);
  transform-origin: left center;
  transition: all 0.7s ease-in-out;
}
.process-content .process-box{
  opacity: 0;
  transition: all 0.4s ease-in-out;
}

 .first-element.process-content::after{
  transition-delay: .5s;
}
.second-element.process-content::after {
  transition-delay: 1.5s;
}

.third-element.process-content::after {
  transition-delay: 2.5s;
}
.first-element .process-box{
  transition-delay: 0s;
}

.second-element .process-box {
  transition-delay: 1s;
}
.third-element .process-box {
  transition-delay: 2s;
}
.last-element .process-box  {
  transition-delay: 3s;
}
.process-content.visible-onscreen .process-box{
  opacity: 1;
  
}
.process-content.visible-onscreen::after{
  transform: translateY(-35%) scaleX(1);
}
.last-element::after  {
  display: none;
}

 .process-content .image-box{
   padding-bottom:25px;
 }
 .footer-cta-container{
   padding-top:38px;
   padding-bottom:38px;
   position: relative;
 }
 .footer-cta h2{
   font-size:31px;
   line-height: 36px;
   color:#fff;
   
 }
 
 .footer-cta a{ 
   border:1px solid #fff;
   color: #fff;
   border-right:1px solid transparent;
 }




/* === CONTACT FORM === */
.wpcf7-form label {
  width: 100%;
}
.wpcf7 input:not(.wpcf7-submit) {
  font-size: 16px;
  padding: 2px 5px;
  /* margin-bottom: 30px; */
  padding-left: 0;
  width: 100%;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  border-bottom: 1px solid #1f1f1f;
  outline: none;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;

  -webkit-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  margin-bottom: 30px;
}


.wpcf7 textarea {
  font-size: 16px;
  line-height: 25px;
  height: 120px;
  padding: 0 10px 10px 0;
  
  width: 100%;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  border-bottom: 1px solid #1f1f1f;
  outline: none;
  background: transparent;
  vertical-align: top;
  -webkit-box-shadow: none;
  box-shadow: none;

  -webkit-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.wpcf7 select {
  width: 100%;
}

.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] {
  width: auto !important;
}

.wpcf7 .wpcf7-form-control-wrap .wpcf7-file {
  border: none;

}

.wpcf7 div.wpcf7 .ajax-loader {
  display: none;
}

.wpcf7 .wpcf7-display-none {
  display: none !important;
}

.cf7-submit-trigger{
  padding-top: 30px;
}

.wpcf7 div.wpcf7-form-control-wrap {
  margin-top: 25px;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
  top: -10px;
}
.wpcf7 .ajax-loader{
  display: none !important;
}

.wpcf7 ::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  opacity: 1;
  font-style: normal;
  font-weight: 400;
  color: #9b9b9b;
  margin-left:2px;
}

.wpcf7 :-moz-placeholder {
  /* Mozilla Firefamber 4 to 18 */
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  opacity: 1;
  font-style: normal;
  font-weight: 400;
  color: #6f6f6f;
  margin-left:2px;
}

.wpcf7 ::-moz-placeholder {
  /* Mozilla Firefamber 19+ */
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  opacity: 1;
  font-style: normal;
  font-weight: 400;
  color: #6f6f6f;
  margin-left:2px;
}

.wpcf7 :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  opacity: 1;
  font-style: normal;
  font-weight: 400;
  color: #6f6f6f;
  margin-left:2px;
}

.wpcf7-submit {
  padding: 10px 20px !important;

  border: none !important;
  position: relative !important;
  transition: all 0.4s ease-in-out;
  /* background-color: #F14C1D; */
  color: #000000 !important;
  display: inline-block;
  
  width: auto !important;
}
.cf7-send-button {
  margin-top: 40px;
  display: inline-block;
  border:1px solid #F14C1D !important;
  border-right: 1px solid transparent !important;
  position: relative;
}
.wpcf7-submit:hover {
  background-color: #F14C1D;
  color: #ffffff !important;
  
}
.cf7-send-button::after{
  content: '';
  display: inline-block;
  width:1px;
  height: 20px;
  right: -1px;
  top: calc(50% + 3px);
  background:#F14C1D;
  position: absolute;
  z-index: 100;
}
.cf7-send-button::before{
  content: '';
  display: inline-block;
  width:1px;
  height: 20px;
  right: -1px;
  bottom: calc(50% + 3px);
  background:#F14C1D;
  position: absolute;
  z-index: 100;
}
/*---------------------------------------------------------------------------------------------------------------*/

/* 03 -  FOOTER STYLES */

/*---------------------------------------------------------------------------------------------------------------*/

footer {
  padding: 35px 0;
}
.quad-footer{
  background: #000000; ;
  
}
.quad-footer h4{
  font-size: 21px;
  line-height: 39px; 
}
.footer-logo img{
  width:110px;
  height: 70px;
}
.mob-footer-logo{
  display: none;
  
}
.footer-logo2{
  margin-left: 38px;
}
.footer-contact{
  margin-top:45px;
}
.footer-contact h6{
  font-size:14px;
 }
 .footer-contact h2{
   font-size:32px;
   color:#fff;
   transition: all 0.4s ease-in-out;
  }
  .footer-contact h2:hover{
    opacity: 0.7;
  }
.footer-email{
  margin-top:25px;
}
.footer-email h6{
 font-size:14px;
}
.footer-email h2{
  font-size:21px;
  color:#fff;
  line-height: 24px;
  transition: all 0.4s ease-in-out;
 }
 .footer-email h2:hover{
   opacity: 0.7;
 }
.footer-social-list{
  margin-top:25px;
}
.footer-social-list ul{
  list-style-type: none;
  text-align: left;
  padding:0;
  margin-top:15px;
}
.footer-social-list ul li{
  margin-right:12px;
  display: inline-block;
}
.footer-social-list ul li a{
  display: inline-block;
  background-color: #5c5c5c;
  border-radius:50%;
  width:50px;
  height:50px;
  text-align: center;
  transition: all 0.4s ease-in-out;
}
.footer-social-list ul li a:hover{
  background: #F14C1D;
}
.footer-social-list ul li a:hover i{
  color: #fff;
}

.footer-social-list ul li a i{
  font-size: 25px;
  color: #fff;
  display: inline-block;
  transform: translateY(50%);
}

.footer-menu{
  margin-top:20px;
  display: inline-flex;
}
.footer-menu .quicklink-row2{
  margin-left:42px;
}
.footer-menu ul{
  list-style-type: none;
  padding: 0;
  margin: 0;

}

.footer-menu ul li a{
  color:#9f9f9f;
  font-size: 14px;
  line-height: 27px;
  transition:all 0.4s ease-in-out;

}
.footer-menu ul li a:hover{
  color:#fff;
}
.footer-contact-form h4{
  font-size: 21px;
  line-height: 39px;
  margin-left:0;
}
.footer-contact-form input{
 color: #979797;
}
.footer-container{
  border-bottom:1px solid #4c4c4c;
}
.quad-footer .title-line-half {
  width: 40%;
  margin-left: 0;
  height: 2px;
  background: linear-gradient(to left,#000000,#F14C1D,#000000);
}
.quad-footer .title-line-full {
  width: 100%;
  margin-left: 0;
  height: 2px;
  background: linear-gradient(to left,#000000,#F14C1D,#000000);
}
.quad-footer .aromal {
  margin-top: 30px;
}

.quad-footer .request-appointment {
  padding: 15px 20px;
  border: 1px solid #F14C1D;
  border-right: 1px solid transparent;
  position: relative;
  transition: all 0.4s ease-in-out;
  color: #fff !important;
}
.quad-footer .request-appointment:hover {
  background-color: #F14C1D;
}
.quad-footer .request-appointment::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 20px;
  right: -1px;
  bottom: calc(50% + 4px);
  background: #F14C1D;
  position: absolute;
  z-index: 100;
}
.quad-footer .request-appointment::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 20px;
  right: -1px;
  top: calc(50% + 4px);
  background: #F14C1D;
  position: absolute;
  z-index: 100;
}




.client-testimonials .dental-testimonial-item .client-image {
  width: 200px;
  height: 200px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 30px;
  display: inline-block;
  border-radius: 50%;
}
.client-testimonials .dental-testimonial-item h5 {
  font-style: italic;
	font-weight: 500;
}
.client-testimonials .dental-testimonial-item p {
	font-weight: 500;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #F14C1D;
}



.service-card {
  padding: 15px;
  box-shadow: 0 15px 30px rgba(0,0,0,.50);
  border-radius: 20px;
  transition: .8s cubic-bezier(.2,.8,.2,1) !important;
  background-color: #ffffff;
}
.service-card:hover {
  transform: scale(1.01);
  box-shadow: 0 20px 40px rgba(0,0,0,.80);
  cursor: pointer;
}
.service-card .card-content {
  background-color: transparent;
  padding: 1.5rem;
}
.service-card .card-content .media-content {
  text-align: center;
}
.service-card .card-content .media-content .card-icon {
  width: 150px;
  height: 150px;
  position: relative;
  /* left: 50%;
  transform: translateX(-50%); */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 30px;
  display: inline-block;
  border-radius: 50%;
  border: 2px dotted #F14C1D;
}
.service-card .card-content .media-content h2 {
  margin-bottom: 10px;
  font-size: 1.5rem;
  line-height: 1.125;
}
.service-card .card-content .media-content .service-link {
  padding-top: 20px;
}


.hero-slider .item {
  /* height: calc(100vh - 126px); */
  height: auto;
  position: relative;
}
.hero-slider .item img {
  width: 100%;
  /* height: 100%; */
  height: auto;
  /* object-fit: cover; */
}
.hero-slider .item .cover {
  padding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
/*   background: rgba(0, 0, 0, 0.4); */
  display: flex;
  align-items: center;
}
.hero-slider .item .cover .hero-slider-content {
  position: relative;
  padding: 56px;
  overflow: hidden;
	width: 70%;
	display: inline-block;
	background: rgba(0, 0, 0, 0.4);
}
.hero-slider .item .cover .hero-slider-content .line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 9px solid #fff;
  -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
  clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}
.hero-slider .item .cover .hero-slider-content h2 {
  font-weight: 300;
  font-size: 35px;
  color: #fff;
}
.hero-slider .item .cover .hero-slider-content h1 {
  font-size: 56px;
  font-weight: 600;
  margin: 5px 0 20px;
  word-spacing: 3px;
  color: #fff;
}
.hero-slider .item .cover .hero-slider-content h4 {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #fff;
}
.hero-slider .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
.hero-slider .owl-item.active h3 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
.hero-slider .owl-item.active p, .hero-slider .owl-item.active a {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}
.hero-slider .owl-item.active .line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}
.hero-slider .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}
.hero-slider .owl-nav .owl-prev span {
  font-size: 1.6875rem;
  color: #fff;
  position: relative;
  top: -2px;
}
.hero-slider .owl-nav .owl-prev:focus {
  outline: 0;
}
.hero-slider .owl-nav .owl-prev:hover {
  background: #000 !important;
}
.hero-slider .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}
.hero-slider .owl-nav .owl-next span {
  font-size: 1.6875rem;
  color: #fff;
  position: relative;
  top: -2px;
}
.hero-slider .owl-nav .owl-next:focus {
  outline: 0;
}
.hero-slider .owl-nav .owl-next:hover {
  background: #000 !important;
}
.hero-slider:hover .owl-prev {
  left: 0px;
  opacity: 1;
}
.hero-slider:hover .owl-next {
  right: 0px;
  opacity: 1;
}
.hero-slider .item.hide .cover {
  display: none;
}

.hero-slider .item .cover a{
  padding: 10px 20px;
  border:1px solid #ffffff;
  border-right: 1px solid transparent;
  position: relative;
  transition: all 0.4s ease-in-out;
  /* background-color: #F14C1D; */
  color: #ffffff !important;
  display: inline-block;
  margin-top: 10px;
}
.hero-slider .item .cover a:hover {
  background-color: #F14C1D;
}
.hero-slider .item .cover a::after{
  content: '';
  display: inline-block;
  width:1px;
  height: 20px;
  right: -1px;
  top: calc(50% + 4px);
  background:#ffffff;
  position: absolute;
  z-index: 100;
}
.hero-slider .item .cover a::before{
  content: '';
  display: inline-block;
  width:1px;
  height: 20px;
  right: -1px;
  bottom: calc(50% + 4px);
  background:#ffffff;
  position: absolute;
  z-index: 100;
}

.qd-team .content-image img {
  width: 100%;
}
.service-custom .content-image img {
  border-radius: 50%;
}






.dental-image-gallery .single-image img {
  width: 100%;
}
.dental-image-gallery .single-image {
  position: relative;
  display: inline-block;
  width: 100%;
}
.dental-image-gallery .single-image .hover-block {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.7;
  background-image: linear-gradient(135deg, #AB2228 20%, #D36008 100%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
/* .dental-image-gallery .single-image:hover .hover-block {
  opacity: 0.8;
} */
.dental-image-gallery .single-image .hover-block-content {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  width: 100%;
  text-align: center;
}
.dental-image-gallery .single-image .hover-block-content.img-lightbox {
    height: 100%;
}
.dental-image-gallery .single-image .hover-block-content .idea-img-lightbox {
  width: 150px;
  position: relative;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
}
/* .dental-image-gallery .single-image:hover .hover-block-content {
  opacity: 1;
} */
.dental-image-gallery .single-image .hover-block-content .gallery-name h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 33px;
  color: #EFEFEF;
  letter-spacing: 0;
  text-align: center;
  opacity: 1;
}
.dental-image-gallery .single-image .hover-block-content .view-photos {
  margin-top: 10px;
}
.dental-image-gallery .single-image .hover-block-content .view-photos h5 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 25px;
  color: #FFFFFF;
  letter-spacing: 0;
  border-bottom: 1px solid #FFFFFF;
  text-align: center;
  display: inline-block;
}
.extra-width-100 {
  width: 100%;
}
/* .our-service-listing .kc_accordion_header a {
  text-transform: uppercase;
} */




.ar-slide img {
  width: 100%;
}
.ar-center .owl-item {
display: inline-block;
float: none;
vertical-align: middle;
}
.ar-center .owl-item .item {
opacity: .5;
transition: all 0.4s ease-in-out;
}
.ar-center .owl-item.active .item {
  transform: scale(1.2);
  opacity: 1;
}
.ar-center .owl-item.active + .owl-item.active .item {
  transform: scale(1);
  opacity: 0.5;
}
.ar-center.owl-theme .owl-nav {
  margin-top: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
width: 100%;
}
.ar-center button.owl-prev {
  float: left;
}
.ar-center button.owl-prev span {
  font-size: 100px;
  color: #fff;
}
.ar-center button.owl-next {
  float: right;
}
.ar-center button.owl-next span {
  font-size: 100px;
  color: #fff;
}
.ar-center.owl-theme .owl-nav [class*=owl-]:hover {
background: transparent;
}
.about-us-page .mastwrap, .gallery-page .mastwrap {
  background-image: url(../images/about-us-bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.our-team-page .mastwrap {
  background-image: url(../images/our-team-bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.quad-header-wrap ul li a {
  font-family: Ubuntu;
}
.twentytwenty-wrapper {
  border: 5px solid #fff;
}


.saving span {
  font-size: 50px;
  -webkit-animation-name: blink;
          animation-name: blink;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.saving span:nth-child(2) {
  -webkit-animation-delay: .2s;
          animation-delay: .2s;
}

.saving span:nth-child(3) {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}

@-webkit-keyframes blink {
  0% {
    opacity: .2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: .2;
  }
}

@keyframes blink {
  0% {
    opacity: .2;
  }
  20% {
    opacity: 1;
  }
  100% {
    opacity: .2;
  }
}





/* safari */
.browser-is-safari .kc_column>.kc-col-container, .browser-is-safari .kc_column_inner>.kc-col-inner-container{
  display: contents !important;
}