@import (reference) "_elements";

/*--------------------------------------------------------------
Form
--------------------------------------------------------------*/
select, textarea, input {
   display: inline-block;
   padding: 20px 25px;
   margin-bottom: 10px;
   vertical-align: top;
   font-size: 14px;
   width: 100%;
   max-width: 100%;
   border: 1px solid #ddd;
}

textarea {
   resize: vertical;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
   color: #888;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
   color: #888;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #888;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #888;
}

input,
select,
textarea {
   box-shadow: none;
   color: #888;
   padding: 20px 25px;
   width: 100%;
   .transit;
}

textarea {
   height: 200px;
}

input:focus,
textarea:focus {
   outline: none;
   background-color: #fff;
   color: #888;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
   width: auto;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
   background-color: #333;
   border: none;
   color: #fff;
   cursor: pointer;
   padding: 15px 20px;
   width: auto;
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: .05em;
   .transit;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover {
   color: #fff;
}

/*--------------------------------------------
Contact Form
----------------------------------------------*/
.wpcf7-form {
   .row {
	  margin: 0 -5px;
   }

   [class*='col-'] {
	  padding: 0 5px;
   }

   textarea {
	  height: 110px;
   }
}

.form1 {
   select, textarea, input {
	  background-color: #65656f;
	  color: #fff;
	  border: none;

	  &:focus {
		 background-color: #fff;
		 color: #888;
	  }
   }

   input:-moz-placeholder,
   textarea:-moz-placeholder {
	  color: #fff;
   }

   input::-moz-placeholder,
   textarea::-moz-placeholder {
	  color: #fff;
   }

   input:-ms-input-placeholder,
   textarea:-ms-input-placeholder {
	  color: #fff;
   }

   input::-webkit-input-placeholder,
   textarea::-webkit-input-placeholder {
	  color: #fff;
   }
}

/*--------------------------------------------
Recent Posts
----------------------------------------------*/
.recent-posts {
   a {
	  &.read-more {
		 text-transform: uppercase;
		 font-weight: bold;
		 font-family: Oswald;

		 i {
			vertical-align: middle;
			display: inline-block;
			margin-top: -4px;
			margin-left: 6px;
		 }
	  }
   }
}

.recent-posts__item {
   .clear;
   margin-bottom: 20px;

   .recent-posts__thumb {
	  float: left;
	  margin-right: 20px;
	  position: relative;

	  &:before {
		 content: '';
		 .is-Translated(30px);
		 height: 2px;
		 background-color: #fff;
		 z-index: 2;
		 opacity: 0;
		 .transit;
	  }

	  &:after {
		 content: '';
		 .is-Translated(2px);
		 height: 30px;
		 opacity: 0;
		 background-color: #fff;
		 .transit;
	  }

	  a {
		 &:before {
			content: '';
			opacity: 0;
			.transit;
			.absolute-center;
		 }
	  }
   }

   &:hover .recent-posts__thumb {
	  &:before {
		 opacity: 1;
	  }

	  &:after {
		 opacity: 1;
	  }

	  a {
		 &:before {
			opacity: .8;
		 }
	  }
   }

   a {
	  font-size: 15px;
	  letter-spacing: .05em;
   }

   .post-meta {
	  margin-top: 10px;
	  color: #878787;

	  span {
		 margin-right: 10px;
	  }
   }
}

.recent-posts.type_2 {
   h3 {
	  letter-spacing: normal;
	  font-weight: normal;
	  margin-bottom: 20px;
   }

   .entry-meta {
	  margin-bottom: 20px;

	  span {
		 padding-right: 10px;
	  }

	  i {
		 margin-right: 5px;
	  }
   }

   .entry-excerpt {
	  color: #858585;
   }
}

.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus {
   &:before {
	  content: "\f061" !important;
	  .iconfont;
	  border: none;
   }

   &:after {
	  display: none !important;
   }
}

.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-left.vc_tta-panel-title > a {
   padding-left: 80px !important;
   border: 1px solid #ddd !important;
   margin-bottom: 5px;
   .transit;
}

.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
   background-color: #fff;
   font-weight: normal;

   &:before {
	  content: '' !important;
	  display: block !important;
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  top: 0;
	  width: 70px;
	  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 {
	  background-color: #232331 !important;
	  color: #fff !important;

	  &:before {
		 background-color: #CA1F26 !important;
	  }
   }
}

.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {
   background-color: #232331 !important;
   color: #fff !important;

   &:before {
	  background-color: #CA1F26 !important;
   }
}

/*--------------------------------------------
Accordion
----------------------------------------------*/
.wpb_content_element .wpb_accordion_header a {
   padding: 0 !important;
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
   .clear;
   background: #fff !important;
   border: 1px solid #ddd;
   margin-bottom: 5px !important;
   overflow: hidden;
   cursor: pointer;
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-state-active {
   color: #fff !important;

   a {
	  color: #fff !important;
   }
}

.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {
   position: relative !important;
   float: left;
   top: auto !important;
   right: auto !important;
   display: block;
   background: #eee !important;
   padding: 0 !important;
   width: 40px !important;
   height: 50px !important;
   text-align: center;
   line-height: 50px;
   margin-right: 30px;

   &:before {
	  content: "\f061";
	  .iconfont;
	  display: inline-block;
	  .transit;
   }

   &:after {
	  content: '';
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-width: 80px 0 0 30px;
	  border-color: transparent transparent transparent #eee;
	  position: absolute;
	  top: 0;
	  right: -30px;
   }
}

.wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
   &:before {
	  .rotation(90deg);
   }
}

.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
   padding-top: 13px !important;
   display: inline-block;
   font-size: 16px;
   letter-spacing: .05em;
}

.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
   border: 1px solid #ddd;
   border-top: none;
   margin-top: -5px;
   margin-bottom: 5px;
   color: #878787;
}

/*--------------------------------------------
Visual Composer
----------------------------------------------*/
.vc_custom_heading.style1, .vc_custom_heading.style4 {
   text-align: center;
   line-height: 1;

   h2 {
	  display: inline-block;
	  font-size: 36px;
	  line-height: 1;
   }

   &:before {
	  content: "\\\\";
	  font-size: 36px;
	  letter-spacing: -5px;
	  margin-right: 20px;
	  display: inline-block;
	  vertical-align: top;
	  margin-top: 2px;
	  line-height: 1;
	  font-weight: bold;
	  font-family: "Times New Roman", "Bitstream Charter", Times, serif;
   }

   &:after {
	  content: "\\\\";
	  font-size: 36px;
	  letter-spacing: -5px;
	  margin-left: 20px;
	  display: inline-block;
	  vertical-align: top;
	  margin-top: 2px;
	  line-height: 1;
	  font-weight: bold;
	  font-family: "Times New Roman", "Bitstream Charter", Times, serif;
   }
}

.vc_custom_heading.style4 {
   text-align: left;
}

.vc_custom_heading.style2 {
   text-align: center;
   line-height: 1;

   h2 {
	  display: inline-block;
	  font-size: 24px;
	  line-height: 1;
   }

   &:before {
	  content: "\\\\";
	  font-size: 27px;
	  letter-spacing: -3px;
	  margin-right: 20px;
	  display: inline-block;
	  vertical-align: top;
	  line-height: 1;
	  font-weight: bold;
	  font-family: "Times New Roman", "Bitstream Charter", Times, serif;
   }

   &:after {
	  content: "\\\\";
	  font-size: 27px;
	  letter-spacing: -3px;
	  margin-left: 20px;
	  display: inline-block;
	  vertical-align: top;
	  font-weight: bold;
	  line-height: 1;
	  font-family: "Times New Roman", "Bitstream Charter", Times, serif;
   }
}

.icon-skin-header07 .fa {
   font-size: 80px !important;
}

.skin-header07 {
   .vc_custom_heading.style2 {
	  &:before, &:after {
		 color: #fff !important;
	  }
   }

   li:not(:first-child) a.eg-infinity-features-element-26 {
	  span {
		 background-color: #232331;
	  }

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

.vc_custom_heading.style3, .vc_custom_heading.style5 {
   line-height: 1;

   h2 {
	  display: inline-block;
	  font-size: 24px;
	  line-height: 1;
	  text-transform: uppercase;
   }

   &:before {
	  content: "\\\\\\\\";
	  font-size: 33px;
	  letter-spacing: -5px;
	  margin-right: 15px;
	  display: inline-block;
	  vertical-align: top;
	  margin-top: -4px;
	  line-height: 1;
	  font-weight: bold;
	  font-family: "Times New Roman", "Bitstream Charter", Times, serif;
   }
}

.vc_custom_heading.style5 {
   h2 {
	  font-size: 18px;
   }

   &:before {
	  font-size: 26px;
	  margin-top: -3px;
	  letter-spacing: -4px;
   }
}

.testi {
   position: relative;

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

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

	  .owl-controls {
		 .owl-dot {
			background-color: #a2a1a6;

			&.active {
			   background-color: #232331;
			}
		 }
	  }
   }
}

.esg-grid .mainul li.eg-infinity-02-wrapper {
   &:hover {
	  border-color: #ca2027;
	  background-color: #fff;
	  .transit();
   }
}

.wpb_column > .wpb_wrapper > .vc_custom_heading.style1 {
   margin-bottom: 60px;
}

.thememove_testimonials {
   .quote {
	  background-color: #fff;
	  padding: 30px;
	  margin-bottom: 40px;
   }

   blockquote {
	  margin: 0;
	  padding: 0 0 20px;
	  color: #888;
	  font-size: 15px;
	  font-style: italic;
	  font-weight: 600;
	  border: none;

	  &:before {
		 display: none !important;
	  }
   }

   .author {
	  display: block;
	  float: left;
	  padding: 15px 20px;
	  margin: 0 0 -70px -30px;
	  line-height: 1;
	  position: relative;

	  &:after {
		 content: '';
		 width: 0;
		 height: 0;
		 border-style: solid;
		 border-width: 68px 0 0 30px;
		 border-color: transparent transparent transparent transparent;
		 position: absolute;
		 top: 0;
		 right: -30px;
	  }

	  span:first-child {
		 display: block;
		 font-size: 16px;
		 color: #fff;
		 margin-bottom: 8px;
		 letter-spacing: 0.05em;
	  }

	  span:last-child {
		 font-style: italic;
		 font-weight: 600;
		 color: rgba(255, 255, 255, .7);
	  }
   }

   .owl-controls {
	  margin-top: 40px;
   }
}

.vc_images_carousel {
   position: relative;
   overflow: hidden;
}

.vc_images_carousel .vc_carousel-indicators li {
   width: 12px !important;
   height: 12px !important;
}

.vc_carousel-indicators {
   background-color: #fff;
   width: auto !important;
   bottom: 0 !important;
   left: 0 !important;
   margin: 0 !important;
   padding: 15px 20px 10px !important;

   &:after {
	  content: '';
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-width: 130px 0 0 50px;
	  border-color: transparent transparent transparent #fff;
	  position: absolute;
	  top: 0;
	  right: -50px;
   }
}

.eg-infinity-features-element-25 {
   float: left !important;
   position: relative;

   i {
	  background-color: #fff !important;
	  font-size: 40px;
	  height: 110px;
	  line-height: 110px;
	  width: 110px;
	  text-align: center;

	  &:after {
		 content: '';
		 width: 0;
		 height: 0;
		 border-style: solid;
		 border-width: 130px 0 0 50px;
		 border-color: transparent transparent transparent #fff;
		 position: absolute;
		 top: 0;
		 right: -50px;
	  }
   }
}

.skin-header07 {
   .eg-infinity-features-element-25 {
	  i {
		 background-color: #ca1f26 !important;
		 color: #fff;

		 &:after {
			border-color: transparent transparent transparent #ca1f26 !important;
			border-width: 110px 0 0 50px;
		 }
	  }
   }
}

.eg-infinity-members-content {
   em {
	  font-weight: bold;
	  font-style: italic;
	  color: #111;
	  padding-bottom: 10px;
	  display: inline-block;
   }
}

.tp-caption.icon {
   padding: 40px !important;
   display: block;
}

.tp-caption.t2 {
   &:before {
	  content: '';
	  .absolute-center;
	  left: -15px;
	  right: -15px;
	  .skew(30deg, 0);
	  z-index: -1;
   }
}

.vc_bar {
   -webkit-clip-path: polygon(0 0, 94% 0%, 100% 100%, 0% 100%);
   clip-path: polygon(0 0, 94% 0%, 100% 100%, 0% 100%);
}

.vc_label {
   color: #fff;
   font-weight: bold;
   letter-spacing: .1em;
}

.wpb_text_column {
   li {
	  list-style: none;
	  margin-bottom: 10px;

	  &:before {
		 content: "\f061";
		 margin-right: 10px;
		 .iconfont;
	  }
   }
}

.s1 .wpb_column:first-child > .wpb_wrapper {
   background-color: #eee;
   padding: 30px;
}

.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
   padding: 20px 25px !important;
   line-height: 1.9;
}

.vc_col-sm-8 .vc_custom_heading h3 {
   font-weight: normal;
}

.wpcf7 {
   input, textarea {
	  &:focus {
		 .placeholder(#aaa);
	  }
   }
}

.skin-header07 {
   .wpcf7 {
	  .form1 {
		 textarea, input {
			background-color: #fff !important;
			color: #111;
			.placeholder(#888);
		 }

		 .wpcf7-submit {
			color: #ca1f26;

			&:hover {
			   color: #111;
			}
		 }
	  }
   }
}

.scrollup {
   width: 40px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   color: #fff !important;
   position: fixed;
   bottom: -75px;
   background: #232331;
   right: 25px;
   z-index: 9999;
   cursor: pointer;

   &.show {
	  bottom: 25px;
   }

   i {
	  position: relative;
	  width: 10px;
	  height: 14px;
	  overflow: hidden;

	  &:before {
		 &:extend(.tran);
		 position: absolute;
		 top: 0;
		 left: 0;
	  }

	  &:after {
		 &:extend(.tran);
		 &:extend(.icf);
		 content: '\f106';
		 position: absolute;
		 top: 16px;
		 left: 0;
	  }
   }

   &:hover {
	  i {
		 &:before {
			position: absolute;
			top: -16px;
		 }

		 &:after {
			top: 0;
		 }
	  }
   }
}

.error404 .content {
   i {
	  font-size: 200px;
	  margin-bottom: 50px;
   }

   h2 {
	  margin-bottom: 20px;
   }

   p {
	  margin-bottom: 40px;
   }

   .sidebar {
	  margin-bottom: 70px;
   }
}

.wpb_images_carousel {
   overflow: hidden;
}

.bg-cover {
   background-size: cover;
   background-position: center center;
}

.mw560 {
   max-width: 560px;
   margin: auto;
}

.processes {
   > div {
	  @media @lg {
		 width: 20%;
		 position: relative;
		 &:after {
			content: '';
			position: absolute;
			width: 100px;
			top: 50px;
			right: -50px;
			height: 1px;
			background-color: #eee;
		 }

		 &:nth-child(5) {
			&:after {
			   display: none;
			}
		 }
	  }

	  &:nth-child(6) {
		 display: none;
	  }
   }

   .vc_custom_heading {
	  h2 {
		 text-transform: uppercase;
		 font-size: 16px;
		 letter-spacing: normal;
		 padding-bottom: 10px;
	  }

	  em {
		 color: #CA1F26;
	  }
   }
}

.request2 {
   overflow: visible !important;

   h2 {
	  letter-spacing: normal;
   }

   @media @lg {
	  > .vc_column_container > div {
		 border-radius: 5px;
		 padding-left: 80px;
		 padding-right: 80px;
		 box-shadow: 7px 7px 20px rgba(0, 0, 0, 0.2);
	  }

	  .vc_col-sm-7 {
		 margin-left: -5px;
	  }
   }
}

body .color-white span {
   background-color: #fff;
   color: #232331;
}

body .home09-contact {
   position: relative;
   border-radius: 5px;
   margin-top: -90px !important;
   @media @md {
	  padding-left: 40px !important;
	  padding-right: 40px !important;
   }
}

body .why2 {
   overflow: visible !important;

   > .vc_column_container > .vc_column-inner {
	  box-shadow: 7px 6px 19px rgba(0, 0, 0, 0.2);
	  position: relative;
	  z-index: 999;
   }
}

body .services9 {
   position: relative;
   overflow: visible !important;
   z-index: 4;

   .vc_col-sm-4 > div > .wpb_wrapper {
	  padding: 30px;
	  border-radius: 5px;
	  transition: all .2s;
	  @media @lg {
		 margin-top: -130px;
	  }

	  &:hover {
		 background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(238, 238, 238) 100%);
		 box-shadow: 5px 6px 14px rgba(0, 0, 0, 0.2);
	  }
   }

   .vc_icon_element-inner {
	  border-radius: 100%;
	  background-color: #CA1F26;
	  width: 120px !important;
	  height: 120px !important;
	  margin-bottom: 30px;

	  span:before {
		 color: #fff !important;
		 font-size: 50px !important;
	  }
   }
}
