@import (reference) "_elements";

/*--------------------------------------------
Combo CSS
----------------------------------------------*/
.clr {
   .clearfix;
}

.icf {
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
}

.icfb {
   font-family: 'Font Awesome 5 Brands';
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
}

.tran {
   .transition();
}

/*--------------------------------------------------------------
Common
--------------------------------------------------------------*/
.boxed {
   max-width: 1200px;
   margin: auto;
   overflow: hidden;
}

.site {
   background-color: #fff;
   position: relative;
   z-index: 2;
   overflow: hidden;
}

#map-canvas img {
   max-width: none;
}

.align {
   &-center {
	  text-align: center;
   }

   &-left {
	  text-align: left;
   }

   &-right {
	  text-align: right;
   }
}

.gray {
   color: #858585;
}

.row, .container {
   &:before, &:after {
	  display: none !important;
   }
}

body .vc_column_container {
   //padding-left: 15px;
   //padding-right: 15px;
}

//services
.services1 {
   > .vc_col-sm-6 {
	  margin-bottom: 20px;

	  > .vc_column-inner > .wpb_wrapper {
		 border: 2px solid #eee !important;
		 background-color: #fff;
	  }

	  > .wpb_wrapper {
		 position: relative;

		 &:before {
			content: '';
			display: block !important;
			top: -1px;
			left: -1px;
			right: -1px;
			bottom: -1px;
			position: absolute;
			border: 1px solid #ddd;
		 }
	  }
   }
}

.services2 {
   .wpb_column {
	  position: relative;
	  z-index: 1;
   }

   &:before {
	  content: '' !important;
	  display: block !important;
	  .absolute-center;
	  background-color: #fff;
	  opacity: .9;

   }
}

//latest
.latest {
   position: relative;

   &:before {
	  content: '' !important;
	  display: block !important;
	  .absolute-center;
	  z-index: 1;
	  opacity: .9;
   }
}

//request
.request {
   &.skin-header07 {
	  &.vc_parallax {
		 .vc_parallax-inner {
			//background-position: 0;
			//background-size: contain;
		 }
	  }

	  .wpb_column:nth-child(2) {
		 .wpb_wrapper {
			&:after {
			   background-color: #ca1f26;
			}
		 }

		 &:before {
			border-right-color: #ca1f26;
		 }

		 &:after {
			background-color: #ca1f26;
		 }
	  }
   }

   .wpb_column:nth-child(2) {
	  .wpb_wrapper {
		 &:after {
			content: '';
			position: absolute;
			right: -800px;
			width: 800px;
			top: 0;
			bottom: 0;
			z-index: -1;
			opacity: .95;
		 }
	  }

	  &:before {
		 content: '';
		 width: 0;
		 height: 0;
		 border-style: solid;
		 border-width: 0 300px 700px 0;
		 border-color: transparent transparent transparent transparent;
		 position: absolute;
		 left: -300px;
		 opacity: .95;
	  }

	  &:after {
		 content: '';
		 .absolute-center;
		 z-index: -1;
		 opacity: .95;
	  }
   }
}

.get-quote {
   overflow: hidden;

   .wpb_column:nth-child(1) {
	  .wpb_wrapper {
		 position: relative;
		 z-index: 1;
	  }
   }
}

//about us
.home__about-us {
   .wpb_column:nth-child(1) {
	  &:after {
		 content: '';
		 .absolute-center;
		 left: -800px;
		 z-index: -1;
		 opacity: .95;
	  }
   }
}

.home__about-us-2 {
   &.skin-header07.vc_parallax {
	  .vc_parallax-inner {
		 background-position: 0;
		 background-size: auto;
	  }
   }

   &.within-opacity {
	  .wpb_column:nth-child(1) {
		 .wpb_wrapper:after {
			opacity: 0.8;
		 }

		 &:after, &:before {
			opacity: 0.95;
		 }
	  }
   }

   &.skin-header07 {
	  .wpb_column:nth-child(1) {
		 .wpb_wrapper {
			position: relative;
			z-index: 1;

			&:after {
			   z-index: 0;
			}
		 }

		 &:after {
			z-index: 0;
		 }
	  }
   }

   .wpb_column:nth-child(1) {
	  .wpb_wrapper {
		 &:after {
			content: '';
			position: absolute;
			left: -800px;
			width: 800px;
			top: 0;
			bottom: 0;
			z-index: -1;
			background-color: #fff;
		 }
	  }

	  &:after {
		 content: '';
		 .absolute-center;
		 right: 16px;
		 z-index: -1;
		 background-color: #fff;
	  }
   }
}

.quote {
   &:before {
	  content: "\f10d" !important;
	  .iconfont;
	  font-size: 30px;
	  position: absolute;
	  bottom: 40px;
	  right: 10px;
	  width: 60px;
	  height: 60px;
	  line-height: 60px;
	  text-align: center;
	  color: #999;
   }
}

.quote2, .quote3 .wpb_column:first-child {
   position: relative;

   &:before {
	  content: "\f10d" !important;
	  .iconfont;
	  font-size: 30px;
	  position: absolute;
	  top: -1px;
	  left: 0;
	  width: 60px;
	  height: 60px;
	  line-height: 60px;
	  text-align: center;
	  background-color: #fff;
	  color: #999;
   }

   &:after {
	  content: '';
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-width: 60px 30px 0 0;
	  border-color: #fff transparent transparent transparent;
	  position: absolute;
	  top: -1px;
	  left: 60px;
   }
}

.quote3 {
   .vc_custom_heading h2 {
	  font-weight: normal;
   }

   .vc_custom_heading.style3 {
	  &:before {
		 margin-top: -11px;
	  }

	  h2 {
		 font-size: 16px;
		 text-transform: none;
		 font-weight: normal;
	  }
   }

   .sub {
	  font-style: italic;
   }
}

.pricing.style1 {
   .wpb_column {
	  &:nth-child(1), &:nth-child(3) {
		 margin-top: 50px;
	  }

	  > .wpb_wrapper {
		 border: 1px solid #ddd;
		 text-align: center;
		 padding-bottom: 40px;
	  }

	  &:nth-child(2) {
		 .vc_custom_heading:nth-child(1) {
			padding-top: 70px;
		 }

		 .vc_custom_heading:nth-child(3) {
			padding-bottom: 80px;
		 }
	  }
   }

   .wpb_text_column {
	  text-align: center;

	  li {
		 list-style: none;
		 padding-bottom: 10px;
		 margin-bottom: 10px;
		 border-bottom: 1px solid #ddd;
		 color: #868686;
		 max-width: 300px;
		 margin-left: auto;
		 margin-right: auto;

		 &:before {
			display: none;
		 }
	  }

	  ul li:last-child {
		 border: none;
	  }
   }

   .wpb_wrapper {
	  .vc_custom_heading:nth-child(1) {
		 padding-top: 30px;
	  }

	  .vc_custom_heading:nth-child(3) {
		 padding-bottom: 40px;
		 -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 30%);
		 clip-path: polygon(0 0, 100% 0, 100% 100%, 0 30%);
	  }

	  > div:first-child {
		 h4 {
			font-weight: normal;
			letter-spacing: .4em;
		 }
	  }
   }
}

.pricing.style2 {
   .wpb_wrapper {
	  background-color: #eee;
   }
}

@media @md {
   .get-quote {
	  &:before {
		 content: '' !important;
		 .absolute-center;
		 opacity: .8;
		 display: block !important;
	  }

	  .wpb_column:nth-child(1) {
		 &:before {
			content: '';
			background-color: #aaa;
			.absolute-center;
			left: -900px;
		 }

		 &:after {
			content: '';
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 230px 0 0 100px;
			border-color: transparent transparent transparent #aaa;
			position: absolute;
			top: 0;
			right: -100px;
		 }
	  }

	  &.skin-header07 {
		 &:before {
			background: #fff !important;
		 }

		 .wpb_column:nth-child(1) {
			&:before {
			   background-color: #ca1f26 !important;
			}

			&:after {
			   border-left-color: #ca1f26 !important;
			}
		 }
	  }
   }

   .home__about-us {
	  .wpb_column:nth-child(1) {
		 &:before {
			content: '';
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 700px 0 0 300px;
			border-color: transparent transparent transparent transparent;
			position: absolute;
			right: -300px;
			opacity: .95;
		 }
	  }
   }

   .home__about-us-2 {
	  .wpb_column:nth-child(1) {
		 &:before {
			content: '';
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 700px 0 0 300px;
			border-color: transparent transparent transparent #fff;
			position: absolute;
			right: -284px;
		 }
	  }
   }

   .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg:before {
	  transition: all .3s;
   }

   .services1 {
	  .vc_row {
		 .row;
		 .middle;
	  }

	  .wpb_wrapper {
		 position: relative;
	  }

	  .vc_inner {
		 overflow: hidden;

		 .vc_icon_element {
			margin-bottom: 0 !important;
		 }

		 &:before {
			content: '' !important;
			display: block !important;
			position: absolute;
			left: 0;
			bottom: 0;
			top: 0;
			width: 30%;
			background-color: #eee;
			-webkit-clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);
			clip-path: polygon(0 0, 65% 0, 100% 100%, 0% 100%);
			transition: all .3s;
		 }

		 &:hover {
			.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-blue .vc_icon_element-icon {
			   color: #fff;
			}
		 }

		 .vc_col-sm-9 {
			.wpb_wrapper {
			   padding-left: 30px;
			   padding-right: 20px;
			}
		 }
	  }
   }
}

@media @md-max {
   .services1 {
	  .vc_custom_heading {
		 p, h3 {
			text-align: center !important;
		 }
	  }
   }
}
