/*
Theme name: Perfect Line
Description: Custom Theme
Author: Codopolis Ltd.
*/

/******* Custom Theme WordPress CSS *******/
body .main-menu-bar .nav-right li {
    padding-left: 35px;
}

body .main-menu-bar .nav-left li {
    padding-right: 35px;
}
/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /Custom Theme WordPress CSS *******/
/* ================================================================ *\
   #Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0;  box-sizing: border-box; }

/* ================================================================ *\
   #Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: Arial, sans-serif; font-size: 14px; line-height: 1.2; color: #000; -webkit-font-smoothing:antialiased;}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ================================================================ *\
   #Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }

/* ------------------------------------------------------------ *\
	Clearfix
\* ------------------------------------------------------------ */

.suggest .suggest-body:after,
.quote-secondary:after,
.section-strategy .section-body-inner:after,
.article-video:after,
.section-confirm .section-body:after,
.cols:after,
.section-testimonials:after,
.section-testimonials .section-body:after,
.coupon:after,
.section-post-single .section-body:after,
.social-bar .shell:after,
.section-blog .section-body:after,
.article-primary:after,
.article:after,
.image-link a:after,
.post.post-featured .post-inner:after,
.section-video-gallery .section-body:after,
.main:after,
.image-links:after,
.section-subscribe .section-foot:after,
.section-subscribe .section-body:after,
.intro .intro-inner:after,
.nav .shell > ul:after { content: ''; display: table; clear: both; }

/* ------------------------------------------------------------ *\
	Basic Styles
\* ------------------------------------------------------------ */

body { font-family: 'Arsenal', sans-serif; font-size: 16px; }

.shell { max-width: 1045px; margin: 0 auto; box-sizing: border-box; padding: 0px 15px; }
.shell-wide { max-width: 1280px; }
h1,h2,h3,h4,h5,h6 {  }
h1 { font-size: 50px; margin-bottom: 8px; }
h2 { font-size: 40px; margin-bottom: 6px; }
h3 { font-size: 22px; margin-bottom: 4px; }
h4 { font-size: 20px; margin-bottom: 7px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong { font-weight: 900; }

ul,
ol { padding-left: 20px; padding-bottom: 22px; }

a { color: #ab6568; }
a:hover { }

p { line-height: 1.2; margin-bottom: 20px; }

img { max-width: 100%; height: auto; }
img.alignleft { padding-right: 20px; padding-bottom: 10px; }
img.alignright { padding-left: 20px; padding-bottom: 10px; }

hr{border-color: #000;border-style:dashed;}


/* ==========================================================================
	#Header
========================================================================== */
.wrapper { margin-top: 122px; }
.top-bar { position: fixed; top: 0; width: 100%; z-index: 20; display: block;  background-color: #ab6865; height: 52px; padding: 8px 0; }
.top-bar .bar-phone-number { float: right; line-height: 36px; color: #eee1e0; }
.top-bar .bar-phone-number a { color: #eee1e0; }
.top-bar .bar-phone-number a:hover { text-decoration: none; }
.top-bar .social-nav { display: inline-block; }
.top-bar .social-nav a { width: 36px; height: 36px; color: #eee1e0; display: inline-block; border: 2px solid  #eee1e0; border-radius: 50%; text-align: center; }
.top-bar .social-nav a i { font-size: 24px; line-height: 36px; }
.main-menu-bar { position: fixed; width: 100%; top: 52px;  background-color: #fff; height: 70px; text-align: center; z-index: 10; }
.main-menu-bar .nav-left { float: left;  }
.main-menu-bar .nav-right { float: right;  }
.main-menu-bar .logo { display: inline-block; margin: 0 auto;  padding-top: 18px;  position: relative; padding: 5px 20px 20px; background-color: #fff; border-radius: 50%; }
.main-menu-bar .scroll-logo { display: none; }
.main-menu-bar.scrolled .scroll-logo { display: block;  }
.main-menu-bar.scrolled .desktop-logo { display: none;  }
/*.main-menu-bar .logo:after { position: absolute; left: 50%; transform: translateX(-50%); top: 50px; content: ''; width: 0;  border-left: 123px solid transparent; border-right: 123px solid transparent; border-top: 130px solid #fff;  z-index: -1; }*/
.main-menu-bar .nav-left ul { float: left;  }
.main-menu-bar .nav-right ul { float: right;  }
.main-menu-bar .nav-left ul,
.main-menu-bar .nav-right ul { list-style: none outside none; text-transform: uppercase; padding: 0;  }
.main-menu-bar .nav-left li,
.main-menu-bar .nav-right li { display: inline-block; padding: 25px 0; position: relative; } 
.main-menu-bar .nav-left li { padding-right: 50px; }
.main-menu-bar .nav-right li { padding-left: 50px; }
.main-menu-bar .nav-left li:after { content: " • "; position: absolute; top: 24px; right: 20px;  color: #ab6568; font-weight: bold; }
.main-menu-bar .nav-right li:before { content: " • "; position: absolute; top: 24px; left: 20px; color: #ab6568; font-weight: bold; }
.main-menu-bar .nav-left a,
.main-menu-bar .nav-right a { font-size: 16px; color: #000; }
.main-menu-bar a:hover { text-decoration: none;  }
.main-menu-bar .mobile-logo { display: none; }
.main-menu-bar .desktop-logo  { width: 100px;  }
.main-menu-bar .scroll-logo  { width: 100px;  }
.main-menu-bar.scrolled .logo { padding: 2px; }

.main-menu-bar .menu-item-has-children { position: relative; }
.main-menu-bar .menu-item-has-children a { display: block;  }
.main-menu-bar .current-menu-item a { color: #ab6568;  }
.main-menu-bar .nav-left a i,
.main-menu-bar .nav-right a i { font-size: 12px;  }
.main-menu-bar .menu-item-has-children .sub-menu {  display: none; position: absolute; top: 100%; clear: both; width: auto; background-color: #fff;  }
.main-menu-bar .nav-left  .menu-item-has-children .sub-menu { left: -10px; text-align: left; }
.main-menu-bar .nav-right .menu-item-has-children .sub-menu { right: -10px; text-align: right; }
.main-menu-bar .menu-item-has-children .sub-menu li { display: block; padding: 10px; width: auto; white-space: nowrap; }
.main-menu-bar .nav-left .menu-item-has-children li:after { content: ''; }
.main-menu-bar .nav-right .menu-item-has-children li:before { content: ''; }
.main-menu-bar .menu-item-has-children {  }
.main-menu-bar .menu-item-has-children .sub-menu {   }
.mobile-nav { display: none;  }

.main-menu-bar .social-nav { display: none; }


@media (max-width: 1400px) {
	.main-menu-bar .nav-left li { padding-right: 40px;  }
	.main-menu-bar .nav-right li { padding-left: 40px;  }
	.main-menu-bar .nav-left li:after { right: 22px; }
	.main-menu-bar .nav-right li:before { left: 22px; }
}

@media (max-width: 1045px) {
	.main-menu-bar .nav-left li { padding-right: 15px;  }
	.main-menu-bar .nav-right li { padding-left: 15px;  }
	.main-menu-bar .nav-left li:after { right: 5px; }
	.main-menu-bar .nav-right li:before { left: 5px; }
}

@media (max-width: 768px) {

	.main-menu-bar .social-nav { display: inline-block; }
	.main-menu-bar .social-nav a { font-size: 24px; line-height: 70px; margin: 0 5px; }
	.top-bar { display: none;  }
	.main-menu-bar { position: fixed; top: 0; }
	.wrapper { margin-top: 70px;  }
	.main-menu-bar .mobile-logo { display: block; width: 150px;  }
	.main-menu-bar .desktop-logo { display: none; }
	.main-menu-bar .scroll-logo { display: none; }
	.main-menu-bar.scrolled .scroll-logo { display: none;  }
	.main-menu-bar .logo:after { display: none;  }
	.main-menu-bar .logo { float: left; padding-top: 5px; border-radius: 0; padding: 5px; }
	.main-menu-bar .mobile-nav { display: none; clear: both; background-color: #fff; width: 100%;  z-index: 100;  }
	.main-menu-bar .mobile-nav ul { list-style: none outside none; padding: 10px 0; }
	.main-menu-bar .mobile-nav li a { color: #000;  text-transform: uppercase; font-size: 20px; }
	.main-menu-bar .mobile-nav li a i { display: none;  }
	.main-menu-bar .mobile-nav li { margin-bottom: 8px; text-align: left; padding-left: 50px; }
	.main-menu-bar .nav-left,
	.main-menu-bar .nav-right { display: none; }
	.main-menu-bar .mobile-nav .sub-menu { display: block; position: relative; padding: 0; padding-left: 15px; }
	.main-menu-bar .mobile-nav .sub-menu li { padding: 0;  margin-bottom: 8px; }
	.main-menu-bar .mobile-nav .menu-item-has-children > a { margin-bottom: 8px; }
	.main-menu-bar .mobile-nav .menu-item-has-children a { display: inline-block;  }
	.main-menu-bar .menu-icon .navicon {background: #000; }
	.main-menu-bar .menu-icon .navicon:before,
	.main-menu-bar .menu-icon .navicon:after {background: #000; }

	 #nav-trigger {
	  width: 35px;
	  height: 45px;
	  position: relative;
		float: right; 
		margin: 25px 0 0; 
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	}

	#nav-trigger span {
	  display: block;
	  position: absolute;
	  height: 3px;
	  width: 100%;
	  background: #000;
	  border-radius: 3px;
	  opacity: 1;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}

	#nav-trigger span:nth-child(1) {
	  top: 0px;
	}

	#nav-trigger span:nth-child(2),#nav-trigger span:nth-child(3) {
	  top: 9px;
	}

	#nav-trigger span:nth-child(4) {
	  top: 18px;
	}

	#nav-trigger.open span:nth-child(1) {
	  top: 9px;
	  width: 0%;
	  left: 50%;
	}

	#nav-trigger.open span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}

	#nav-trigger.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

	#nav-trigger.open span:nth-child(4) {
	  top: 9px;
	  width: 0%;
	  left: 50%;
	}
}


/* ==========================================================================
	#Footer
========================================================================== */
.footer { background-color: #ab6568; padding: 40px 0; }
.footer .footer-content a,
.footer .footer-content { color: #fff; text-align: center; }
.footer .footer-content p { margin-bottom: 25px; font-size: 18px; line-height: 20px; text-transform: uppercase; }
.footer .footer-content p:last-child { margin-bottom: 0; }
.footer .footer-content a:hover { text-decoration: none; }
.fixed-phone-call {display: none; position: fixed; width: 45px; height: 45px; font-size: 36px; line-height: 45px; bottom: 24px; right: 24px; text-align: center; background-color: #3bb54a; border-radius: 50%; box-shadow: 4px 4px 4px rgba(0,0,0,0.3); z-index: 999; color: #fff; }
.fixed-phone-call i { color: #fff;  }
@media (max-width: 768px) {
	.footer { padding: 20px 0;  }
	.footer .footer-content p { margin-bottom: 15px; }
	.fixed-phone-call { display: block;  }
}


/* ==========================================================================
	# Home Slider
========================================================================== */
.scroll-down-click { position: absolute; bottom: 75px; left: 50%; transform: translateX(-50%); z-index: 30; width: 30px; cursor: pointer;   }


.scroll-down-click  a {
  padding-top: 60px;
}
.scroll-down-click  a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
.scroll-down-click  a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb10 2s infinite;
  animation: sdb10 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb10 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


.main-slider .owl-carousel { display: block !important;  }
.main-slider { z-index: 5; overflow: hidden;  position: relative;  }
.main-slider .slide {  position: relative;  height: calc(100vh - 122px); overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.main-slider .slide .slide-desktop-image,
.main-slider .slide .slide-mobile-image { visibility: hidden; } 
.main-slider .slide .slide-content-wrapper { position: absolute; transition: all 2s; left: -100%; bottom: 20%; width: 65%;  }
.main-slider .slide .slide-content-wrapper .slide-content { background-color: rgba(133, 87, 86, 0.6); color: #fff; padding: 20px 20%; border-top-right-radius: 15px; border-bottom-right-radius: 15px;  }

.main-slider .slide .slide-content-wrapper .slide-content h3 {  font-size: 45px; text-transform: uppercase; color: transparent; }
.main-slider .slide .slide-content-wrapper .slide-content p { font-size: 20px;  color: transparent; }
.main-slider .slide .slide-content-wrapper .slide-content h3,
.main-slider .slide .slide-content-wrapper .slide-content p { transition: all 4s; }
.main-slider .slide .slide-content-wrapper .slide-btn {  position: absolute; left: 20%; top: 110%;  background-color: #ab6568; display: inline-block; font-size: 20px; display: inline-block; padding: 10px 20px; color: #fff; text-transform: uppercase; width: auto; white-space: nowrap; border-radius: 30px;  }

.main-slider .slide .slide-content-wrapper.reveal { left: 0;  }
.main-slider .slide .slide-content-wrapper.reveal .slide-content h3,
.main-slider .slide .slide-content-wrapper.reveal .slide-content p { color: #fff; }
.slides .owl-nav { position: absolute; bottom: 3px; right: 3px;  }
.slides .owl-nav .owl-next,
.slides .owl-nav .owl-prev { display: inline-block; font-size: 20px; width: 50px; height: 50px;  background-color: rgba(64, 64, 64, 0.45) !important; }
.slides .owl-nav .owl-next:hover,
.slides .owl-nav .owl-prev:hover { background-color: #ab6568 !important; }
.slides .owl-nav .owl-next { margin-left: 3px;  }
.slides .owl-nav button span { font-size: 50px; color: #fff; line-height: 30px;  }

@media (max-width: 1200px) {
	.main-slider .slide .slide-content-wrapper .slide-content { background-color: rgba(133, 87, 86, 0.6); color: #fff; padding: 20px 5%; }
	.main-slider .slide .slide-content-wrapper .slide-btn { left: 5%;  }
}

@media (max-width: 768px) {
	.main-slider .slide .slide-desktop-image { display: none;  }
	.main-slider .slide { height: auto; }
	

	.main-slider .slide .slide-content-wrapper .slide-content h3 {  font-size: 24px; }
	.main-slider .slide .slide-content-wrapper .slide-content p { font-size: 16px; }
	.main-slider .slide .slide-content-wrapper .slide-btn { font-size: 16px; padding: 8px 15px;  }
	.main-slider .slide .slide-content-wrapper .slide-content { background-color: rgba(133, 87, 86, 0.6); color: #fff; padding: 10px 15px; border-radius: 15px;  }
	.main-slider .slide .slide-content-wrapper .slide-btn { top: 130%; left: 50%; transform: translateX(-50%); }
	.main-slider .slide .slide-content-wrapper { width: 100%;  }
	.main-slider .slide .slide-content-wrapper.reveal { left: 50%; transform: translate(-50%, -50%); }
}


/* ==========================================================================
	#Home Procedures
========================================================================== */
.home-procedures { padding: 20px 0;  }
.home-procedures .section-title h3  { color: #ab6568; font-size: 45px; font-weight: 300; font-family: 'Arsenal'; text-transform: uppercase; }

.home-procedures .section-title { margin-bottom: 30px;  }
.home-procedures .section-content .procedure-item {  margin-bottom: 30px; overflow: hidden; transition: all 0.4s; border-radius: 15px;  }
.home-procedures .section-content .procedure-item:last-child { margin-bottom: 0; }

.home-procedures .section-content .procedure-item .procedure-image { width: 240px; padding: 40px 60px; float: left; clear: right; }
.home-procedures .section-content .procedure-item .procedure-image .hover-image { display: none;  }
.home-procedures .section-content .procedure-item .procedure-image .static-image { display: block;  }

.home-procedures .section-content .procedure-item:hover .procedure-image .hover-image { display: block;  }
.home-procedures .section-content .procedure-item:hover .procedure-image .static-image { display: none;  }
.home-procedures .section-content .procedure-item:hover { background-color: #ab6568; color: #fff;  }


.home-procedures .section-content .procedure-item .prodecure-text { padding: 50px 60px 50px 0; color: #ab6568; overflow: hidden;  }
.home-procedures .section-content .procedure-item .prodecure-text h3 { font-size: 30px; text-transform: uppercase; font-weight: 600; margin-bottom: 35px; }
.home-procedures .section-content .procedure-item .prodecure-text p { font-size: 18px; }

.home-procedures .section-content .procedure-item:hover h3 { color: #fff; }
.home-procedures .section-content .procedure-item:hover .prodecure-text p { color: #fff;  }
.home-procedures .section-content .procedure-item .procedure-button-wrapper { text-align: right;   }
.home-procedures .section-content .procedure-item .procedure-button-wrapper .procedure-btn { background-color: #ab6568; padding: 5px 10px; color: #fff; font-size: 18px;  text-transform: uppercase; transition: all 0.4s; border-radius: 30px; }
.home-procedures .section-content .procedure-item:hover .procedure-btn { color: #ab6568; background-color: #fff;  }
.home-procedures .section-content .procedure-item .procedure-btn:hover { text-decoration: none; }

@media (max-width: 1200px) {
	.home-procedures .section-content .procedure-item .procedure-image { padding: 40px 30px; width: 200px; }

	.home-procedures .section-content .procedure-item .prodecure-text { padding: 50px 40px 40px 0;  }
	.home-procedures .section-content .procedure-item .prodecure-text h3 { margin-bottom: 20px;  }
}


@media (max-width: 768px) {
	.home-procedures .section-content .procedure-item .procedure-image { clear: both; float: none; margin: 0 auto;  }
	.home-procedures .section-content .procedure-item .prodecure-text { padding: 20px; }
	.home-procedures .section-content .procedure-item .prodecure-text h3 { text-align: center; }
	.home-procedures .section-content .procedure-item .procedure-button-wrapper { text-align: center; }
}

/* ==========================================================================
	#Home Blog
========================================================================== */
.home-blog { padding: 20px 0; margin-bottom: 20px; }
.home-blog .section-title h3  { color: #ab6568; font-size: 45px; font-weight: 300; font-family: 'Arsenal'; text-transform: uppercase; }
.home-blog .section-content {  }
.home-blog .blog-item { display: inline-block; box-shadow: 0 5px 5px rgba(0,0,0,0.3); width: 450px; position: relative; }
.home-blog .blog-item:nth-child(2n) { float: right; }
.home-blog .blog-item h4 { font-size: 20px; color: #ab6568; text-transform: uppercase; font-weight: 500; position: absolute; background-color: rgba(133, 87, 86, 0.6); text-align: center; bottom: 0; margin-bottom: 0; width: 100%;  }
.home-blog .blog-item h4 a { text-decoration: none; color: #fff; padding: 10px; display: block;  }
.home-blog .blog-image { box-shadow: 0 5px 5px rgba(0,0,0,0.3);  }
.home-blog .blog-image img { display: block; width: 100%; height: auto; }

.home-blog .blog-link { width: 100%;  }
.home-blog .blog-link a { display: block; border: 2px solid  #ab6568; text-align: center; text-transform: uppercase; font-size: 20px; padding: 10px 0; transition: all 0.4s; }
.home-blog .blog-link a:hover { text-decoration: none; background-color: #ab6568; color: #fff;  }

@media (max-width: 1024px) {
	.home-blog .blog-item { width: 400px;  }
}

@media (max-width: 860px) {
	.home-blog .blog-item { width: 360px;  }
}

@media (max-width: 768px) {
	.home-blog .blog-item h4 { font-size: 24px; }
	.home-blog .blog-item {  width: 100%; float: none; margin-bottom: 20px; 	 }
}


/* ==========================================================================
	#Home Contacts
========================================================================== */
.home-contacts { margin-bottom: 30px;  }
.home-contacts .section-title h3  { color: #ab6568; font-size: 45px; font-weight: 300; font-family: 'Arsenal'; text-transform: uppercase; }
.home-contacts .section-title { margin-bottom: 40px;  }
.home-contacts .section-content { overflow: hidden; -webkit-box-shadow: 0px -15px 0px 8px #eeebf1;
-moz-box-shadow: 0px -15px 0px 8px #eeebf1;
box-shadow: 0px -15px 0px 8px #eeebf1; }
.home-contacts .section-content .contact-image { display: inline-block; float: left; width: 62%; -webkit-background-size: cover; 
        background-size: cover;  }
.home-contacts .section-content .contact-image img { display: none; }
.home-contacts .section-content .contact-form { display: inline-block; float: right; width: 38%; background-color: #ab6568; padding: 16px;  }
.main-content .caldera-grid input,
.main-content .caldera-grid textarea,
.main-content .caldera-grid select,
.home-contacts .section-content .contact-form input,
.home-contacts .section-content .contact-form select,
.home-contacts .section-content .contact-form textarea { background-color: #af8b8d; color: #fff;  }
.main-content .caldera-grid .form-control[readonly],
.home-contacts .section-content .caldera-grid .form-control[readonly],
.home-contacts .section-content .contact-form input.active { background-color: #af8b8d !important; color: #fff;  }
.home-contacts .section-content .contact-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.home-contacts .section-content .contact-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.home-contacts .section-content .contact-form input::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}


.main-content .caldera-grid input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.main-content .caldera-grid input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.main-content .caldera-grid input::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

.home-contacts .section-content .contact-form h2 { color: #fff; font-weight: 400; }
.home-contacts .section-content .contact-form .form-group { margin-bottom: 20px;  }
.home-contacts .section-content .contact-form .checkbox label { color: #fff;  }
@media (max-width: 1045px) {
	.home-contacts .section-content .contact-image img { display: block; }
	.home-contacts .section-content .contact-image { background-image: none;  }
	.home-contacts .section-content .contact-image img { width: 100%; height: auto;  }
	.home-contacts .section-content .contact-image { float: none; width: 100%;  }
	.home-contacts .section-content .contact-form { float: none; width: 100%; }
}

/* ==========================================================================
	#Procedure Banner
========================================================================== */
.banner { z-index: 5; overflow: hidden; position: relative;  }
.banner {  position: relative;  height: calc(100vh - 122px); overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.banner .banner-desktop-image,
.banner .banner-mobile-image { visibility: hidden; } 
.banner .banner-content-wrapper { position: absolute; transition: all 2s; left: -100%; bottom: 20%; width: 65%;  }
.banner .banner-content-wrapper .banner-content { background-color: rgba(133, 87, 86, 0.6); color: #fff; padding: 20px 20%; border-top-right-radius: 15px; border-bottom-right-radius: 15px; }

.banner .banner-content-wrapper .banner-content h3 {  font-size: 45px; text-transform: uppercase; color: #fff; }
.banner .banner-content-wrapper .banner-content p { font-size: 20px;  color: #fff; }
.banner .banner-content-wrapper .banner-content h3,
.banner .banner-content-wrapper .banner-content p { transition: all 4s; }
.banner .banner-content-wrapper .banner-btn {  position: absolute; left: 20%; top: 110%;  background-color: #ab6568; display: inline-block; font-size: 20px; display: inline-block; padding: 10px 20px; color: #fff; text-transform: uppercase; width: auto; white-space: nowrap; border-radius: 30px;  }

.banner .banner-content-wrapper.reveal { left: 0;  }
.banner .banner-content-wrapper.reveal .banner-content h3,
.banner .banner-content-wrapper.reveal .banner-content p { color: #fff; }


@media (max-width: 1200px) {
	.banner .banner-content-wrapper .banner-content { background-color: rgba(133, 87, 86, 0.6); color: #fff; padding: 20px 5%; }
	.banner .banner-content-wrapper .banner-btn { left: 5%;  }
}

@media (max-width: 768px) {
	.banner { height: auto;  }
	.single-post .banner .banner-content-wrapper .banner-content h3 { font-size: 24px;  }
	.banner .banner-content-wrapper .banner-content { background-color: rgba(133, 87, 86, 0.6); color: #fff; padding: 10px 15px;  border-radius: 15px; }
	.banner .banner-content-wrapper .banner-btn { top: 130%; left: 50%; transform: translateX(-50%); }
	.banner .banner-content-wrapper { width: 100%;  }
	.banner .banner-content-wrapper.reveal { left: 50%;  transform: translate(-50%, 0); }
	.banner .banner-content-wrapper .banner-content h3 { font-size: 32px;  }
	.single-cdp_promotion .banner .banner-content-wrapper .banner-content h3 { font-size: 24px;  }
}


/* ==========================================================================
	#Procedures Media
========================================================================== */
.media-procedures { padding: 80px 0 0; }
.media-procedures .media-image { position: relative; width: 720px; display: inline-block; float: left; position: relative; top: -50px; left: -50px;  }
.media-procedures .media-content { display: inline-block; float: right; width: 500px; padding: 20px; }
.media-procedures .media-content p { font-size: 24px; }
.media-procedures .media-content h4 { font-size: 36px; font-weight: 300; color: #ab6568;  }
.media-procedures .media-item {  padding-bottom: 25px; border: 2px solid #ab6865; position: relative; margin-bottom: 20px; }
.media-procedures .media-item-wrapper { margin-bottom: 90px; }

.media-procedures .media-image .owl-nav { position: absolute; left: 50%; transform: translateX(-50%); margin-top: 10px;  width: 136px;  }
.media-procedures .media-image .owl-nav .owl-prev { float: left;  }
.media-procedures .media-image .owl-nav .owl-next { float: right;  }
.media-procedures .media-image .owl-carousel { box-shadow: 0 5px 10px rgba(0,0,0,0.3);  }
.media-procedures .media-video { position: relative;  }
.media-procedures .media-video .play-btn { position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.media-procedures .media-item:last-child { margin-bottom: 0; }

.media-procedures .media-item.media-position-right .media-image { float: right; top: -50px; right: -50px; left: auto !important; }
.media-procedures .media-item.media-position-right .media-content { float: left; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.media-procedures .media-item.media-position-left .media-content { float: right; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.media-procedures .media-item.media-position-center .media-image { width: 70%; float: none; top: -50px; left: 50% !important; transform: translateX(-50%); }
.media-procedures .media-item.media-position-center .media-content { width: 100%; float: none; text-align: center; }
.media-procedures .media-item-wrapper .media-content-outside { font-size: 16px; }

@media (max-width: 1400px) {
	.shell-wide { max-width: 1024px; padding: 0 60px;  }
	.media-procedures .media-image { width: 475px; }
	.media-procedures .media-content { width: 420px;}
	.media-procedures .media-content p { font-size: 20px; }
	.media-procedures .media-content h4 { font-size: 24px; }
	.media-procedures .media-video .play-btn { width: 150px; height: 150px;  }

}


@media (max-width: 1024px) {
	.shell-wide { max-width: 740px; padding: 0 25px; }
	.media-procedures .media-image { width: 330px; left: -20px; top: -20px; }
	.media-procedures .media-item.media-position-right .media-image {  right: -20px; top: -20px; }
	.media-procedures .media-content { width: 360px; }
	.media-procedures .media-content p { font-size: 14px; }
	.media-procedures .media-content h4 { font-size: 18px; }
	.media-procedures .media-image .owl-nav img { width: 24px; }
	.media-procedures .media-image .owl-nav { width: 64px; }
	.media-procedures .media-video .play-btn { width: 100px; height: 100px;  }
	.media-procedures .media-item-wrapper { margin-bottom: 50px; }
}

@media (max-width: 768px) {
	.media-procedures .media-item { padding-bottom: 0; }
	.media-procedures .media-image { width: 100%; left: auto; top: auto; padding: 10px; }
	.media-procedures .media-item.media-position-right .media-image {  right: auto; top: auto; }
	
	.media-procedures .media-item.media-position-center .media-image { width: 100% !important; float: none; top: auto !important; left: auto !important; transform: translateX(0); }
	
	.media-procedures .media-content { width: 100%; padding: 30px 10px 10px 10px;  position: static !important;  transform: translate(0, 0) !important;  }
	.media-procedures .media-item { margin-bottom: 30px; }
	.media-procedures .media-item-wrapper { margin-bottom: 30px; }
	.media-procedures .media-item .media-video + .media-content { padding-top: 10px; }
}

/* ==========================================================================
	#Procedures FAQ
========================================================================== */
.procedures-faq { padding: 20px 0; }
.procedures-faq .section-title h3  { color: #ab6568; font-size: 45px; font-weight: 300; font-family: 'Arsenal'; text-transform: uppercase; }
.procedures-faq .faq-item {  background-color: #f5efef; border-radius: 20px; margin-bottom: 25px; }
.procedures-faq .faq-head { position: relative; font-size: 24px; color: #ab6568;  padding: 10px; transition: all 0.6s; cursor: pointer; }
.procedures-faq .faq-head:after { content: '+'; position: absolute; right: 10px; top: 10px; font-size: 24px;  }
.procedures-faq .faq-body { display: none; font-size: 20px; color: #ab6568; padding: 10px 10px 20px; border-top: 0; }


.procedures-faq .faq-item.open .faq-head {  }
.procedures-faq .faq-item.open .faq-head:after { content: '-'; }

@media (max-width: 768px) {
	.procedures-faq .faq-head { font-size: 20px; }
	.procedures-faq .faq-body { font-size: 16px; }
	.procedures-faq .faq-item { margin-bottom: 20px; }
}


/* ==========================================================================
	#Procedure Contacts
========================================================================== */
.procedure-contacts { margin-bottom: 30px;  }
.procedure-contacts .section-title h3  { color: #ab6568; font-size: 45px; font-weight: 300; font-family: 'Arsenal'; text-transform: uppercase; }
.procedure-contacts .section-title { margin-bottom: 40px;  }
.procedure-contacts .section-content { overflow: hidden; -webkit-box-shadow: 0px -15px 0px 8px #eeebf1;
-moz-box-shadow: 0px -15px 0px 8px #eeebf1;
box-shadow: 0px -15px 0px 8px #eeebf1; }
.procedure-contacts .section-content .contact-image { display: inline-block; float: left; width: 62%; -webkit-background-size: cover; 
        background-size: cover;  }
.procedure-contacts .section-content .contact-image img { display: none;  }
.procedure-contacts .section-content .contact-form { display: inline-block; float: right; width: 38%; background-color: #ab6568; padding: 23px;  }
.procedure-contacts .section-content .contact-form input,
.procedure-contacts .section-content .contact-form select,
.procedure-contacts .section-content .contact-form textarea { background-color: #af8b8d; color: #fff;  }
.procedure-contacts .section-content .contact-form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.procedure-contacts .section-content .contact-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.procedure-contacts .section-content .contact-form input::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

.procedure-contacts .section-content .contact-form textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.procedure-contacts .section-content .contact-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.procedure-contacts .section-content .contact-form textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}


.procedure-contacts .section-content .contact-form h2 { color: #fff; font-weight: 400; }
.procedure-contacts .section-content .contact-form .form-group { margin-bottom: 20px;  }
.procedure-contacts .section-content .contact-form .checkbox label { color: #fff;  }

@media (max-width: 1045px) {
	.procedure-contacts .section-content .contact-image img { display: block; }
	.procedure-contacts .section-content .contact-image { background-image: none;  }
	.procedure-contacts .section-content .contact-image img { width: 100%; height: auto;  }
	.procedure-contacts .section-content .contact-image { float: none; width: 100%;  }
	.procedure-contacts .section-content .contact-form { float: none; width: 100%; }
}


/* ==========================================================================
	#Gutenberg
========================================================================== */

.alignleft { float: left; }
.alignright { float: right; }

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

  .alignfull {
    margin-left: calc(50% - 49.5vw);
    margin-right: calc(50% - 49.5vw);
    width: auto;
    max-width: 1000%;
  }

  .alignwide {
    margin-left: calc(25% - 25vw);
    margin-right: calc(25% - 25vw);
    width: auto;
    max-width: 1000%;
  }

  .alignwide img,
  .alignfull img {
    display: block;
    margin: 0 auto;
  }
}

/* ==========================================================================
	#Post/Page styles
========================================================================== */
.post-thumbnail { margin-bottom: 20px; text-align: center; }
.post-thumbnail img { margin: 0 auto;  }
.main-content .post-title { text-align: center; position: relative; margin-bottom: 30px; padding-bottom: 10px; padding-top: 100px; background: rgb(171,101,104); color: #fff; font-weight: normal;  }
.main-content .post-title:after { content: ''; position: absolute; width: 25%; height: 2px; background-color: #ab6568; bottom: 0; left: 50%; transform: translateX(-50%);  }
.main-content .caldera-grid { background-color: #ab6865; margin: 20px 0; }
.main-content .caldera-grid .row { margin: 0; padding: 10px 15px;  }
.main-content .caldera-grid label,
.main-content .caldera-grid h2 { color: #fff; }
@media (max-width: 768px) {
	.main-content .post-title { padding-top: 0;  }
}


/* ==========================================================================
	#Blog Posts Listing
========================================================================== */
.blog-listing { padding: 0; overflow: hidden;  }
.blog-listing .post-item {  margin-bottom: 30px; overflow: hidden; transition: all 0.4s; border-radius: 15px; }

.blog-listing .post-item a:hover { text-decoration: none; }
.blog-listing .post-item h3 { text-align: center; font-weight: 300;  }
.blog-listing .post-item .post-item-link { text-align: center; margin: 5px 0; }
.blog-listing .post-item .post-item-link a { display: block; border: 2px solid  #ab6568;  text-transform: uppercase; height: 24px; line-height: 19px;  }
.blog-listing .post-item:hover { background-color: #ab6568; }
.posts-promotions .post-item { width: 100%; position: relative; }
.posts-promotions .post-item .post-item-thumb { float: left; width: 33%; }
.posts-promotions .post-item .post-item-content { width: 67%; padding: 20px;  float: right; color: #ab6568;   }
.posts-promotions .post-item .post-item-link { float: right; display: inline-block;  padding: 5px 10px; position: absolute; bottom: 20px; right: 20px;  }
.posts-promotions .post-item .post-item-link a { padding: 5px 10px; height: auto; border-radius: 30px; background-color: #ab6568;  color: #fff; }
.posts-promotions .post-item .post-item-link a:hover { text-decoration: none; }
.blog-listing .post-item:hover h3 a { color: #fff;  }
.blog-listing .post-item:hover .post-item-content { color: #fff;  }
.blog-listing .post-item:hover .post-item-link a { color: #ab6568; background-color: #fff;   }

.wp-block-table { width: 100%;  }
.wp-block-table tr td:last-child { text-align: right; }
.blog-posts { padding: 20px 0; }

.blog-posts .section-content {  }
.blog-posts .post-item { display: inline-block; box-shadow: 0 5px 5px rgba(0,0,0,0.3); width: 450px; position: relative; border-radius: 0; }
.blog-posts .post-item:nth-child(2n) { float: right; }
.blog-posts .post-item h3 { font-size: 20px; color: #ab6568; text-transform: uppercase; font-weight: 500; position: absolute; background-color: rgba(133, 87, 86, 0.6); text-align: center; bottom: 0; margin-bottom: 0; width: 100%;  }
.blog-posts .post-item h3 a { text-decoration: none; color: #fff; padding: 10px; display: block;  }
.blog-posts .blog-image { box-shadow: 0 5px 5px rgba(0,0,0,0.3);  }
.blog-posts .blog-image img { display: block; width: 100%; height: auto; }

.blog-posts .blog-link { width: 100%;  }
.blog-posts .blog-link a { display: block; border: 2px solid  #ab6568; text-align: center; text-transform: uppercase; font-size: 20px; padding: 10px 0; transition: all 0.4s; }
.blog-posts .blog-link a:hover { text-decoration: none; background-color: #ab6568; color: #fff;  }

@media (max-width: 1024px) {
	.blog-posts .post-item { width: 400px;  }
}

@media (max-width: 860px) {
	.blog-posts .post-item { width: 360px;  }
}

@media (max-width: 768px) {
	.blog-posts .post-item h3 { font-size: 24px; }
	.blog-posts .post-item {  width: 100%; float: none; margin-bottom: 20px; 	 }
}



.posts-nav { padding: 20px 0; overflow: hidden;  }
.posts-nav a { width: 25%; padding: 0 15px; width: auto; display: inline-block; padding: 5px; border: 2px solid  #ab6568;   }
.posts-nav .prev-posts { float: left;  }
.posts-nav .next-posts { float: right;  text-align: right; }

@media (max-width: 1024px) {
	.posts-promotions .post-item .post-item-thumb { float: none; width: 80%; margin: 0 auto; text-align: center;  }
	.posts-promotions .post-item .post-item-content {  width: 90%;  padding: 20px; margin: 0 auto; float: none; text-align: center;    }
	.posts-promotions .post-item .post-item-link { float: none; margin: 0 auto; width: auto; display: inline-block; position: static; bottom: auto; right: auto; }
}

@media (max-width: 1024px) {
	.posts-promotions .post-item .post-item-thumb { float: none; width: 95%; margin: 0 auto;  }
	.posts-promotions .post-item .post-item-content {  width: 95%;  padding: 20px; margin: 0 auto; float: none; text-align: center;    }
}

/* ==========================================================================
	#Cookie
========================================================================== */
#cookie-notice .cn-button { padding: 5px 10px; background-color: #ab6568; color: #fff; }
#cookie-notice .cn-button:hover { text-decoration: none;  }

/* ==========================================================================
	#Reservation studio
========================================================================== */
/*.reservation-studio-booking .reservation-studio-tooltip { display: none !important; }*/


/* ==========================================================================
	#
========================================================================== */
.wrapper .main-content .shell p span,
.wrapper .media-content-outside p span,
.wrapper .main-content .shell p,
.wrapper .media-content-outside p { font-size: 19px !important; }