/*
Theme Name: DentalScan 2
Author: Bojan Vidovic - BV Design
Author URI: http://bvdesign.org/
Version: 1.0
*/


/* -------------------------------------------------- Global -------------------------------------------------- */


* { margin: 0; padding: 0; }
html { min-height:100%; background: #fff; }
html.slide-r, html.slide-l { overflow: hidden; }
body { min-height:100%; font-size: 15px; font-family: "Poppins", sans-serif; color: #204c66; margin: 0 auto; padding: 0; background: #fff; font-weight:400; overflow-x: hidden;
/*
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
*/
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
body.slide-r { margin-right: -280px; margin-left: 280px; }
body.slide-l { margin-left: -600px; margin-right: 600px; }
div, input, span, section { box-sizing:border-box; }
img { max-width: 100%; height: auto; display:block;}
header, main, nav, section, article, aside, figure, footer { display: block; }
p { line-height: 1.7; margin: 0 0 20px 0; }
ul, ol, dl { margin: 10px 0; padding: 0 0 0 30px; }
ul li, ol li, dl dt, dl dd { line-height: 1.4; padding: 2px 0; }
dl dt { padding: 5px 0; font-weight: 700; margin-left: -10px; }
b, strong {font-weight: 700; }

a { color: #139d90; text-decoration: none; outline: 0; font-weight: 400;
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
a:hover { text-decoration: none; color: #39bdb0; }
a img { outline: none; border:none; }

h1, h2, h3 { font-weight: 300; margin: 0 0 20px 0; line-height: 1.2; }
h4, h5, h6 { font-weight: 400; margin: 0 0 20px 0; line-height: 1.2; }
h1 { font-size: 46px; }
h2 { font-size: 34px; }
h3 { font-size: 26px; }

.no-padding { padding-top:0 !important; padding-bottom:0 !important; }
.no-margin { margin-top:0 !important; margin-bottom:0 !important; }
.no-margin .wp-block-column:not(:first-child) { margin:0 !important; }

.draggable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

table, th, td {
    border: 1px solid #ccc;
    border-collapse: collapse;
}
td { padding: 10px !important; }
th { padding: 10px !important; text-align: center; }
tr { background: #fff; }
tbody tr:nth-child(odd) {
  background-color: #f9f9f9; /* Light gray for odd rows */
}

tbody tr:nth-child(even) {
  background-color: #fff; /* White for even rows */
}


hr { border:none; outline:none; border-top: 2px solid #dbdbdb !important; margin: 35px 0; clear: both; }

.bottom-line:after {
    content: " ";
    width: 60px;
    border-top: 4px solid #39bdb0;
margin: 20px 0 0 0;
display: block;
}

.bottom-line-center:after {
    content: " ";
    width: 60px;
    border-top: 4px solid #39bdb0;
margin: 20px auto 0 auto;
display: block;
}

.left-circle { position: relative; }
.left-circle:before {
    content: " ";
    width: 80px;
	height: 80px;
    background: #39bdb0;
margin: 0 auto;
display: block;
	position: absolute;
	left: -20px;
	top: -20px;
	  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  border-radius: 50%; 
}

blockquote {
    margin: 30px auto;
    padding: 20px 30px;
	background: #def5f3;
	border-left: 3px solid #39bdb0;
}
blockquote p { margin:0; font-weight: 400; }

.wp-caption-text { font-style: italic; font-size: 13px; padding: 5px; border-bottom: 1px solid #ccc; }
.highlight { background: #fad4e5; }
.wpsdc-drop-cap { color: #000; font-size: 48px; padding-right: 10px; font-weight: 700; float:left; line-height: 1; }

	/* Clearfix */	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 
html[xmlns] .clearfix {
	display: block;
}


/* --------------------------------- COLORS -------------------------------- */

.purple-bg h1, .purple-2-bg h1, .blue-bg h1, .blue-dark-bg h1, .grey-dark-bg h1, .green-dark-bg h1  { color: #fff !important; }
.purple-bg h2, .purple-2-bg h2, .blue-bg h2, .blue-dark-bg h2, .grey-dark-bg h2, .green-dark-bg h2  { color: #fff !important; }
.purple-bg p, .purple-2-bg p, .blue-bg p, .blue-dark-bg p, .grey-dark-bg p, .green-dark-bg p  { color: #c5c7d6 !important; }
.purple-bg p.read-more, .purple-2-bg p.read-more, .blue-bg p.read-more, .blue-dark-bg p.read-more, .grey-dark-bg p.read-more, .green-dark-bg p.read-more  { color: #fff !important; }
.purple-bg li, .purple-2-bg li, .blue-bg li, .blue-dark-bg li, .grey-dark-bg li, .green-dark-bg li  { color: #c5c7d6 !important; }
.purple-bg.faq-list ul li, .purple-2-bg.faq-list ul li, .blue-bg.faq-list ul li, .blue-dark-bg.faq-list ul li, .grey-dark-bg.faq-list ul li, .green-dark-bg.faq-list ul li  { color: #fff !important; }


.white-bg {background-color:#fff !important;}
.grey-light-bg {background-color:#f5f6f9 !important;}
.grey-bg {background-color:#dbdbdb !important;}
.grey-dark-bg {background-color:#202020 !important;}
.blue-bg {background-color:#39bdb0 !important;}
.blue-dark-bg {background-color:#00759f !important;}
.green-light-bg {background-color:#c5eeaf !important;}
.green-bg {background-color:#a7d48c !important;}
.green-dark-bg {background-color:#4a9779 !important;}
.pink-bg {background-color:#e22279 !important;}
.purple-bg {background-color:#40477d !important;}
.purple-2-bg {background-color:#545b8e !important;}
.orange-bg {background-color:#ffad01 !important;}
.orange-dark-bg {background-color:#ff8a01 !important;}
.section-bg { background-image: url(images/section-bg.jpg) !important;
background-color:#F8F9FB;
background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.white {color: #fff !important;}
.grey-light {color:#F8F9FB !important;}
.grey {color:#dbdbdb !important;}
.grey-dark {color:#202020 !important;}
.blue {color:#39bdb0 !important;}
.blue-dark {color:#00759f !important;}
.green {color:#a7d48c !important;}
.green-dark {color:#4a9779 !important;}
.pink {color:#e22279 !important;}
.purple {color:#40477d !important;}
.orange {color:#ffad01 !important;}
.orange-dark {color:#ff8a01 !important;}
.no-transparent {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  opacity: 1 !important;
}


.gradient-bg { display: block; color: #fff; text-align: left; position: absolute; left:0; right:0; top:0; bottom:0; z-index:6; min-width: 50%;
background: -moz-linear-gradient(15deg, rgba(31,76,104,0.7) 15%, rgba(31,76,104,0) 50%, rgba(31,76,104,0.7) 100%);
background: -webkit-linear-gradient(15deg, rgba(31,76,104,0.7) 15%, rgba(31,76,104,0) 50%, rgba(31,76,104,0.7) 100%);
background: linear-gradient(15deg, rgba(31,76,104,0.7) 15%, rgba(31,76,104,0) 50%, rgba(31,76,104,0.7) 100%);
}

.gradient-text { display: inline-block; text-transform: uppercase; letter-spacing: -1px;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent; /* Fallback for browsers that might not fully support -webkit-text-fill-color */
background-image: -moz-linear-gradient(90deg, rgba(7,92,85,1) 1%, rgba(63,190,177,1) 70%);
background-image: -webkit-linear-gradient(90deg, rgba(7,92,85,1) 1%, rgba(63,190,177,1) 70%);
background-image: linear-gradient(90deg, rgba(7,92,85,1) 1%, rgba(63,190,177,1) 70%);
}

/*----------------------- plus anim -----------------------------*/

.plus { position: absolute; top:0; left: 0; display: block; width:100px; height: 100px; }
.plus:before { content:''; display: block; position:absolute; z-index:6; top:0; left:-50%; width: 100%; height: 2px; background: #39bdb0; 
-webkit-animation: plus-w 1s;
-moz-animation: plus-w 1s;
-o-animation: plus-w 1s;
animation: plus-w 1s;
}
.plus:after { content:''; display: block; position:absolute; z-index:6; top:-50%; left:0; height: 100%; width: 2px; background: #39bdb0; 
-webkit-animation: plus 1s;
-moz-animation: plus 1s;
-o-animation: plus 1s;
animation: plus 1s;
}
@keyframes plus {
  0% {
height: 0;
  }
  100% {
height: 100%;
  }
}
@keyframes plus-w {
  0% {
width: 0;
  }
  100% {
width: 100%;
  }
}

/*----------------------- plus-2 anim -----------------------------*/

.plus-2 { position: absolute; bottom:0; left: 0; display: block; width: 100%; height: 100px; z-index: 1; }
.plus-2:before { content:''; display: block; position:absolute; z-index:2; bottom:0; left:-50px; width: 100%; height: 6px; background: #39bdb0; 
-webkit-animation: plus-2-w 2s;
-moz-animation: plus-2-w 2s;
-o-animation: plus-2-w 2s;
animation: plus-2-w 2s;
}
.plus-2:after { content:''; display: block; position:absolute; z-index:2; bottom:-50px; left:0; height: 100%; width: 6px; background: #39bdb0; 
-webkit-animation: plus-2 2s;
-moz-animation: plus-2 2s;
-o-animation: plus-2 2s;
animation: plus-2 2s;
}
@keyframes plus-2 {
  0% {
height: 0px;
  }
  20% {
height: 100px;
  }
  50% {
height: 100px;
  }
  100% {
height: 100%;
  }
}
@keyframes plus-2-w {
  0% {
width: 0px;
  }
  10% {
width: 0px;
  }
  30% {
width: 100px;
  }
  50% {
width: 100px;
  }
  100% {
width: 100%;
  }
}


/* ------------------------RESPONSIVE VIDEO------------------------------- */


.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}

iframe { max-width: 100%; border: none; outline: none; }



/* =WordPress Core
-------------------------------------------------------------- */
img.alignnone, .alignnone { display: inline-block; vertical-align: bottom; max-width: 100%; }

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
max-width: 100%;
}

.alignright {
    float:right;
    margin: 15px 0 15px 20px;
}

.alignleft {
    float: left;
    margin: 15px 20px 15px 0;
}

img.aligncenter { max-width: 100%; box-sizing: border-box; margin: 0 auto; padding: 10px 0;; }
img.alignleft { max-width: 50%; box-sizing: border-box; margin: 0; padding: 10px 20px 15px 0; }
img.alignright { max-width: 50%; box-sizing: border-box; margin: 0; padding: 10px 0 15px 20px; }

.img-centered {
    margin: 0 auto;
}

/*--------------------------- GUTENBERG ---------------------------------*/

/*------------- FIX ----------------*/

    .entry-content .alignwide {
        margin-left  : calc( -94vw / 2 + 100% / 2 );
        margin-right : calc( -94vw / 2 + 100% / 2 );
        max-width    : 100vw;
    }
    .entry-content .alignfull {
        margin-left  : calc( -100vw / 2 + 100% / 2 );
        margin-right : calc( -100vw / 2 + 100% / 2 );
        max-width    : 100vw;
    }
    /*.alignfull img {
        width: 100vw;
    }*/
.entry-content .alignwide.wp-block-cover, .entry-content .alignwide.wp-block-cover-image,
.entry-content .alignfull.wp-block-cover, .entry-content .alignfull.wp-block-cover-image
{ width: auto; }

    .entry-content .alignfull {
        margin-left: 0;
        margin-right: 0;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
    .wp-block-media-text.alignfull {
        padding-left: 0;
        padding-right: 0;
    }

.wp-block-columns.home-boxes { padding: 20px 0 40px 0; margin: 0 auto !important; }
.wp-block-column { padding: 0; }
.wp-block-column.has-background { padding: 5%; }

.wp-block-button a { padding: 10px 30px; font-weight: 400;
  -webkit-border-radius: 30px; 
  -moz-border-radius: 30px; 
  border-radius: 30px; 
}
.wp-block-button.is-style-fill a { background: #39bdb0; color: #fff !important;}
.wp-block-button.is-style-outline a { color: #39bdb0;}
.wp-block-button a:hover { background: #279489; color: #fff !important; }

.home .img-text-block.wp-block-media-text .wp-block-media-text__content { padding: 30px 0 !important; }
.img-text-block.wp-block-media-text .wp-block-media-text__content { padding: 10% 15%; }
.img-text-block.wp-block-media-text.is-image-fill figure.wp-block-media-text__media { min-height: 350px; }

.wp-block-media-text > .wp-block-media-text__content { padding: 10% !important; }

@media screen and (max-width: 600px) {
.wp-block-column.has-background { padding: 10% 8%; }
.home .img-text-block.wp-block-media-text .wp-block-media-text__content { padding: 30px; }
.img-text-block.wp-block-media-text .wp-block-media-text__content { padding: 10%; }
.wp-block-columns.home-boxes { padding:  0px 0 20px 0; }
.wp-block-columns.home-boxes .wp-block-column { flex-basis: 50% !important; padding: 5px; }
.img-text-block.top-img.wp-block-media-text { display: block !important; }
}

/* -------------------------------------------- Cenovnik -------------------------------------------- */

.cenovnik { max-width: 600px; margin: 0 auto 30px auto; }

/* -------------------------------------------- Home Services -------------------------------------------- */

.home-services-wrapper { padding: 5% 30px !important; }
.home-services { padding: 30px 0 60px 0; margin: 0 auto !important; max-width: 1240px; }
.home-services .wp-block-column { background: rgba(0,0,0,0.5); padding: 30px 30px 10px 30px; margin-bottom: 10px; margin-top: 10px;
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px; 
}
.home-services .wp-block-column img {
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.home-services .wp-block-column a:hover img {
-moz-transform:scale(1.1); 
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
  transform: scale(1.1);
}

.action-call { padding: 80px 30px !important; margin-top: -50px; z-index:2; 
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.action-call:hover { margin-top: -60px; margin-bottom: 10px;
-webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.2);
box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.2);
}
.action-call .wp-block-cover__inner-container { max-width: 1000px; }

.heading-block { padding: 80px 30px !important;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.heading-block  .wp-block-cover__inner-container { max-width: 1000px; }



/* -------------------------------------------- Button GoTop -------------------------------------------- */


.go-top {
	cursor:pointer;
	position: fixed;
	bottom: 10px;
	left: 10px;
	text-decoration: none;
	color: white;
	background-color: rgba(0, 0, 0, 0.5);
	font-size: 24px;
	padding: 5px 0 0 0;
	display: none;
	height: 48px;
    width: 48px;
    text-align: center;
z-index: 999;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.go-top:hover {
	background-color: rgba(0, 0, 0, 1);
	color: white;
}


/* -------------------------------------------------- HEADER -------------------------------------------------- */

.header-block { padding: 40px; }
/*
.page-template-home-big-slider header.main-header { background: transparent; }
.page-template-home-big-slider header.main-header.navbar-shrink { background: #ffff; }
.page-template-home-big-slider header.main-header .nav-top ul li a,
.page-template-home-big-slider header.main-header #lang ul li a,
.page-template-home-big-slider header.main-header ul.social-menu li a { color: #fff; }
.page-template-home-big-slider header.main-header.navbar-shrink .nav-top ul li a,
.page-template-home-big-slider header.main-header.navbar-shrink #lang ul li a,
.page-template-home-big-slider header.main-header.navbar-shrink ul.social-menu li a { color: #204c66; }
.page-template-home-big-slider header.main-header .nav-toggle span { }
header.main-header .logo.light { display: none; }
.page-template-home-big-slider header.main-header .logo.light { display: inline-block; }
.page-template-home-big-slider header.main-header .logo.dark { display: none; }
.page-template-home-big-slider header.main-header.navbar-shrink .logo.dark { display: inline-block; }
.page-template-home-big-slider header.main-header.navbar-shrink .logo.light { display: none; }
.page-template-home-big-slider header.main-header .logo.dark.open { display: inline-block; }
.page-template-home-big-slider header.main-header .logo.light.open { display: none; }
.page-template-home-big-slider .mobile-navigation { border-bottom: none; }
.page-template-home-big-slider header.main-header .nav-top ul { background: transparent !important; }
.page-template-home-big-slider header.main-header.navbar-shrink .nav-top ul { }
*/

header .top-header { background: #fff; padding: 0; text-align: right; 
	-moz-transition: all 0.3s ease; /* FF3.7+ */
	-o-transition: all 0.3s ease; /* Opera 10.5 */
	-webkit-transition: all 0.3s ease; /* Saf3.2+, Chrome */
	transition: all 0.3s ease;
}
.header-phone { display: inline-block; padding: 0; 
	-moz-transition: all 0.3s ease; /* FF3.7+ */
	-o-transition: all 0.3s ease; /* Opera 10.5 */
	-webkit-transition: all 0.3s ease; /* Saf3.2+, Chrome */
	transition: all 0.3s ease;
}
header .top-header .icon-block { text-align: left; display: inline-block; vertical-align:middle; padding: 5px 15px 5px 0; background: #f1f1f1; margin: 0 0 0 10px;
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px; 
	-moz-transition: all 0.3s ease; /* FF3.7+ */
	-o-transition: all 0.3s ease; /* Opera 10.5 */
	-webkit-transition: all 0.3s ease; /* Saf3.2+, Chrome */
	transition: all 0.3s ease;
}
header .top-header .icon-block:hover { background: #f3f3f3; }
header .top-header .icon-block p { font-size: 12px; display: inline-block; vertical-align: middle; padding: 0 5px; margin: 0 auto; line-height: 1.3; }
header .top-header .icon-block i { float:left; font-size: 25px; background: #39bdb0; padding: 8px; color: #fff;
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  border-radius: 50%; 
}
header .top-header .icon-block a { color: #204c66; }
header .top-header .icon-block a:hover { color: #39bdb0; }


header.main-header { margin: 0 auto; padding: 0 30px; z-index: 9; position: fixed; top: 0; left: 0; right: 0; background: #fff;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
/*
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
*/
}
header.main-header .header { display:block; padding: 0; margin: 0 auto;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

header.main-header.navbar-shrink { background: #fff;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
}


header.main-header.navbar-shrink .header {  }

header.slide-r { left: 280px; }
header.slide-l { right: 600px; left:-600px; }
.headroom {}
header.headroom--pinned {
top: 0;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
header.headroom--unpinned {
top: -73px;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

header.main-header .logo { width: 250px; color: #888; font-size: 20px; margin: 0; display: inline-block; vertical-align: middle; float: left; position: absolute; left: 20px; top: 4px; z-index: 11; overflow: hidden;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
header.main-header .logo img { width: 240px; max-width: 240px; }
/*header.main-header.navbar-shrink .logo { width: 70px; }*/

header.main-header .logo.logo-mob { display: none; width: 180px; margin: 0 0 0 -90px; position: absolute; left: 50%; }
header.main-header .nav-mob .logo { }


/* -------------------------------------------------- SEARCH -------------------------------------------------- */

.desktop-search .search-box { position: absolute; top: 22px; right: 20px; width: 250px; }
.mobile-search .search-box { padding: 5px; background: #323232; border: none !important; }

input[type="search"] { -webkit-appearance: textfield;}
.searchform input { outline:none !important; margin:0; padding: 5px; font-size: 14px; display: inline-block; width: 70%; font-style: italic; vertical-align: middle; }
.searchform input:focus { }
.searchform button { background: none; border: none; color: #999; display: inline-block; vertical-align: middle; font-size: 18px; padding: 0 6px 3px 5px; float: left;}
.searchform button:hover { color: #de353c; }
.searchform input[type="submit"] {
border: 1px solid #39bdb0 !important; 
outline:none !important;
	background: #39bdb0 !important;
cursor:pointer;
    padding: 5px;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
	margin:0;
	width: 30%;
	float:right;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.mobile-search .search-box .wc_ps_container .wc_ps_form { background: #323232; }
.mobile-search .search-box .wc_ps_sidebar_container .wc_ps_nav_submit { background: #323232; border: none !important; }
.predictive_results.predictive_results_sidebar .ac_over .rs_description, .predictive_results.predictive_results_sidebar .rs_content_popup .rs_description { display: none; }
.predictive_results.predictive_results_sidebar .ac_over .ajax_search_content { background: #888 !important; }
.predictive_results.predictive_results_sidebar { width: auto !important; }

.search-terms { color: #39bdb0; }


/* --------------------------------------------- NAVIGATION ------------------------------------------- */


.header-text { float: right; padding: 10px 0; }
.header-tex p { margin: 0; font-weight: 700; line-height: 1; }
.header-tex a { display: inline-block; font-weight: 700; padding: 16px; color: #888; line-height: 1; }
.header-tex a:hover { color: #fff; background: #39bdb0; }


.menu-header-menu-container, .menu-header-menu-en-container { display: inline-block; vertical-align: middle; }
.nav-mob .menu-header-menu-container, .nav-mob .menu-header-menu-en-container { display: block; }

.nav-top { padding: 0; display: inline-block; vertical-align: middle;
	-moz-transition: all 0.3s ease; /* FF3.7+ */
	-o-transition: all 0.3s ease; /* Opera 10.5 */
	-webkit-transition: all 0.3s ease; /* Saf3.2+, Chrome */
	transition: all 0.3s ease;
}

header.main-header .nav-top nav { display: block;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
header.main-header.navbar-shrink .nav-top nav { }

.nav-top ul {
	padding: 20px 0;
	margin: 0;
	box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}


header.main-header.navbar-shrink .nav-top {  }
header.main-header.navbar-shrink .nav-top ul { }

.nav-top ul li {
text-align: left;
    display: inline-block;
	padding: 0 5px;
	font-size: 14px;
	font-weight: 400;
	position:relative;
	text-transform: uppercase;
}
.nav-top ul li a {
    display: block;
    padding: 10px 12px;
	color: #204c66;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
header.main-header.navbar-shrink .nav-top ul li a { color: #204c66; }
header.main-header.navbar-shrink .nav-top ul li a:hover, .nav-top ul li a:hover { color: #39bdb0 !important; }

header.main-header .nav-top ul li.current-menu-item a, header.main-header .nav-top  ul li.current_page_item a, header.main-header .nav-top  ul li.current-page-ancestor a, header.main-header .nav-top  ul li.current-post-ancestor a, header.main-header .nav-top  ul li.current-menu-ancestor a, header.main-header .nav-top  ul li.current_page_parent a { color: #39bdb0; }

header.main-header .nav-top ul.sub-menu li.current-menu-item a, header.main-header .nav-top  ul.sub-menu li.current_page_item a, header.main-header .nav-top ul.sub-menu li.current-page-ancestor a, header.main-header .nav-top  ul.sub-menu li.current-post-ancestor a, header.main-header .nav-top  ul.sub-menu li.current-menu-ancestor a, header.main-header .nav-top ul.sub-menu li.current_page_parent a { color: #39bdb0 !important; }

.nav-top .sub-menu { width: 290px; margin:1px 0 0 0; position: absolute; padding: 0 20px; max-height: 0; overflow: hidden; border: none; background: #fff;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.nav-top .menu-item-has-children:hover .sub-menu { display:block; height: auto; max-height: 800px; padding: 0 20px 10px 20px; }
header.main-header.navbar-shrink .nav-top .sub-menu { background: #fff !important; }

.nav-top .sub-menu li { display: block; }

header.main-header .nav-top .sub-menu li a { color: #204c66 !important; cursor:pointer; border-bottom: 1px solid #ccc; padding: 10px 0; text-decoration: none !important; }
header.main-header.navbar-shrink .nav-top .sub-menu li a { color: #204c66; }
header.main-header .nav-top .sub-menu li a:hover { color: #39bdb0 !important; }

.nav-top .sub-menu.active { color:#39bdb0; }
.nav-top .sub-menu.active a { color:#39bdb0; }
.nav-top .sub-menu a:after {
   font-family: 'Font Awesome 5 Free';
   content: "\f0c9";
   margin-left: 10px;
   top:19px;
}
.nav-top .sub-menu.active a:after {
   content: "\f00d";
}
.nav-top .sub-menu li a:after, nav .sub-menu.active li a:after {
   content: "";
   margin-left: 0;
}

.nav-top .button { background: transparent; margin:30px 10px; border: 3px solid #fff !important; width: 210px;}
.nav-top .button a { color: #fff !important; font-weight: 700 !important; text-align: center; font-size: 18px; }

nav .sub-menu a { cursor:pointer; border:none; }
nav .sub-menu.active { color:#39bdb0; }
nav .sub-menu.active a { color:#39bdb0; }
nav .sub-menu a:after {
   font-family: 'Font Awesome 5 Free';
   content: "\f0c9";
   margin-left: 10px;
   top:19px;
}
nav .sub-menu.active a:after {
   content: "\f00d";
}
nav .sub-menu li a:after, nav .sub-menu.active li a:after {
   content: "";
   margin-left: 0;
}

.nav-mob .menu-item-has-children > a:after {
display: inline-block;
margin:0 0 0 7px;
   font-family: 'Pe-icon-7-stroke';
   content: "\e623";
line-height: 1;
vertical-align: middle;
text-align:center;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.nav-mob .menu-item-has-children > a.active { }
.nav-mob .menu-item-has-children > a.active:after {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* Nav Icon */

.nav-icon { border: none; float: right; color: #2f3841; text-align: center; font-size: 10px; cursor: pointer; margin: 20px 15px 10px 10px; }
.nav-icon .menu-title, .header-phone-icon .menu-title, .header-info-icon .menu-title { padding: 2px 0; display: block; color: #888 !important; }

.nav-toggle { position: relative; border: none; margin: 0; height: 25px; width: 30px; transform: rotate(0deg); transition: all 0.5s ease-in-out 0s; cursor: pointer; 
	-moz-transition: all 0.3s ease; /* FF3.7+ */
	-o-transition: all 0.3s ease; /* Opera 10.5 */
	-webkit-transition: all 0.3s ease; /* Saf3.2+, Chrome */
	transition: all 0.3s ease;
}

.nav-toggle span {
    background: #39bdb0;
    display: block;
    height: 2px;
    left: 0;
    opacity: 1;
    position: absolute;
    transform: rotate(0deg);
    transition: all 0.25s ease-in-out 0s;
    width: 30px;
}

.nav-toggle span:nth-child(1) {
  top: 0;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-toggle span:nth-child(2) {
  top: 9px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-toggle span:nth-child(3) {
  top: 18px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-toggle.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -1px;
  left: 4px;
}

.nav-toggle.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.nav-toggle.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 20px;
  left: 4px;
}

header.main-header.navbar-shrink .nav-toggle span { background: #39bdb0; }
header.main-header.navbar-shrink .nav-toggle.open span, header.main-header .nav-toggle.open span { background: #39bdb0; }


/* ------------------------------------ NAV MOB ----------------------------------- */

.mobile-navigation-bg { position:fixed; bottom:0; left:0; right: 0; top:0; z-index:6; background: #fff; display: none;
/*
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
*/
}
.close-menu { display:block; padding:0; text-align:right; cursor:pointer; color: #fff; }
.close-menu .fa, .close-sidebar .fa { font-size: 20px; vertical-align: middle; margin-left:5px; }
.close-menu:hover .fa, .close-sidebar:hover .fa { color: #de353c; }

.mobile-navigation { position: relative; display: none; z-index: 10; padding: 10px; margin: 0 auto;
	-moz-transition: all 0.3s ease; /* FF3.7+ */
	-o-transition: all 0.3s ease; /* Opera 10.5 */
	-webkit-transition: all 0.3s ease; /* Saf3.2+, Chrome */
	transition: all 0.3s ease;
}
header.main-header.navbar-shrink .mobile-navigation { border: none; }

.nav-mob { position: fixed; z-index: 7; left: -410px; top: 0; bottom: 0; width: 400px; padding: 120px 20px 0 20px; overflow-x: auto; max-width: 100%;
	-moz-transition: all 0.3s ease; /* FF3.7+ */
	-o-transition: all 0.3s ease; /* Opera 10.5 */
	-webkit-transition: all 0.3s ease; /* Saf3.2+, Chrome */
	transition: all 0.3s ease;

}
.nav-mob .menu-main-menu-container, .nav-mob .menu-main-menu-en-container { display: block; }
.nav-mob.open { left: 0; width: 600px; }

.nav-mob ul {
	padding:0;
	margin: 0;
	box-sizing: border-box;
}

.nav-mob ul li {
    display: block;
	padding: 0;
	font-size: 16px;
	position:relative;
	letter-spacing: 1px;
}
.nav-mob ul li a {
    display: block;
    padding: 10px;
	color:#204c66;
	text-decoration:none;
	border-bottom: 1px solid #ccc;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.nav-mob ul li a:hover { }

.nav-mob ul li.current-menu-item a, .nav-mob  ul li.current_page_item a, .nav-mob  ul li.current-page-ancestor a, .nav-mob  ul li.current-menu-ancestor a, .nav-mob  ul li.current-post-ancestor a, .nav-mob  ul li.current_page_parent a { color: #39bdb0; }

.nav-mob .sub-menu li.current-menu-item a, .nav-mob .sub-menu li.current_page_item a, .nav-mob .sub-menu li.current-page-ancestor a, .nav-mob .sub-menu li.current-post-ancestor a, .nav-mob .sub-menu li.current_page_parent a { color: #39bdb0 !important; }

.nav-mob .sub-menu li { margin: 0 20px; }
.nav-mob .sub-menu a { cursor:pointer; padding: 7px 0; color: #204c66 !important; text-decoration: none !important; }
.nav-mob .sub-menu.active { }
.nav-mob .sub-menu.active a { }
.nav-mob .sub-menu a:after {
   font-family: 'Font Awesome 5 Free';
   content: "\f0c9";
   margin-left: 10px;
   top:19px;
}
.nav-mob .sub-menu.active a:after {
   content: "\f00d";
}
.nav-mob .sub-menu li a:after, nav .sub-menu.active li a:after {
   content: "";
   margin-left: 0;
}

.nav-mob .menu-item-has-children > a.active { }

.nav-mob .sub-menu { display:none; width: 100%; margin:0; }

.header-phone { display: inline-block; vertical-align: middle; margin: 0 10px; }
.header-phone a { display: block; padding: 10px 20px; border: 1px solid #39bdb0; background: #39bdb0; color: #1b1b1b; line-height: 1; font-size: 18px; }
.header-phone a i { font-size: 21px; margin-right: 10px; }

.header-phone a:hover { color: #fff; background: #39bdb0; }

.header-phone-icon { float: right; font-size: 10px; text-align: center; }
.header-phone-icon i { display: block; font-size: 28px; margin: 6px auto 2px auto; }

.header-info-icon { float: right; font-size: 10px; text-align: center; margin: 0 10px; }
.header-info-icon .icon { display: block; font-size: 30px; margin: 15px auto 10px auto; color: #39bdb0; line-height:1; }
.header-info-icon .icon:before { display: block; font-family: 'Pe-icon-7-stroke'; content: "\e647"; }
.header-info-icon.open .icon:before { content: "\e681"; }


/* -------------------------------------------- Language Switcher ----------------------------------------- */

.lang { display: inline-block; border-left: 1px solid #ccc; border-right: 1px solid #ccc;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
}
.lang ul {
    height: auto;
    margin: 5px 12px;
    padding: 0;
    position: relative;
    z-index: 1;
}
.lang ul li {
    display: inline-block;
    margin: 0;
	padding: 0;
}
.lang ul li a {
	padding: 0 5px;
    text-decoration: none;
	border: none !important;
}
.lang ul li a:hover {color:#39bdb0;}
.lang ul li.current-lang a, .lang ul li.current_page_item a { color: #39bdb0 !important; }


/* -------------------------------------------- Banner-2 ----------------------------------------- */

.banner-2 { padding: 0; position: relative; margin: 0; overflow:hidden; background-color: #204c66; }
.banner-2 .bg-img {
position: absolute;
z-index:4;
top:0;
left:0;
right:0;
bottom:0;
	-webkit-transition: all 8s ease;
     -moz-transition: all 8s ease;
       -o-transition: all 8s ease;
      -ms-transition: all 8s ease;
          transition: all 8s ease;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
-webkit-animation: shrink-2 8s;
-moz-animation: shrink-2 8s;
-o-animation: shrink-2 8s;
animation: shrink-2 8s;
}
@keyframes shrink-2 {
  0% {
  -moz-transform:scale(1.5); 
-webkit-transform:scale(1.5);
-o-transform:scale(1.5);
  transform: scale(1.5);
  opacity: 0;
  }
  100% {
  -moz-transform:scale(1); 
-webkit-transform:scale(1);
-o-transform:scale(1);
  transform: scale(1);
  opacity: 0.2;
  }
}

/* -------------------------------------------- Slider ----------------------------------------- */

.banner .slick-slide .slide { height: 750px !important; }

.slick-slider.variable p { margin: 0; }
.slick-slider.variable img { height: 500px; width: auto; border: 1px solid #fff; }

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: #fff;
    border: none;
    outline: none;
    background: transparent;
	z-index: 5;
}
.slick-prev:before, .slick-next:before { font-family: 'Pe-icon-7-stroke'; color: inherit; font-size: 60px; }
.slick-prev { left: 10px; }
.slick-prev:before { content:'\e686'; }
.slick-next { right: 10px; }
.slick-next:before { content:'\e684'; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: #39bdb0; }
.slick-dots { right: 0; left: 0; }
.slick-dots li.slick-active button:before, .slick-dots li button:before {  }

/* -------------------------------------------- Reviews slider ----------------------------------------- */

.reviews-wrapper { max-width: 1400px; margin: 0 auto !important; padding: 20px 10px; }
.reviews { margin: 0 auto 40px auto !important; }
.reviews-title { max-width: 90%; margin: 0 auto; padding: 20px; text-align: center; font-size: 28px; line-height: 28px; }
.reviews .review-image { display: block; margin: 0 auto 20px auto; height: auto; max-width:150px; 
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  border-radius: 50%; 
}
.reviews .no-img { display: block; margin: 10px auto; text-align: center; font-size: 60px; }
.reviews p { max-width: 800px; margin: 10px auto;  }
.reviews p.name { font-weight: 700; font-size: 17px; }
.reviews .slick-prev, .reviews .slick-next { top: -34px; color: #676767; }
.reviews .slick-prev { left: 0; }
.reviews .slick-next { right: 0; }
.reviews .slick-slide { padding: 20px 40px; margin: 20px; background: #def5f3;
/*
  -webkit-border-radius: 20px; 
  -moz-border-radius: 20px; 
  border-radius: 20px;
*/
}

/* -------------------------------------------- Banner ----------------------------------------- */

.banner-wrapper { position: relative; overflow: hidden; margin: 0 auto;
	/*
  -webkit-border-radius: 250px 0;
  -moz-border-radius: 250px 0;
  border-radius: 250px 0;
	*/
}
.banner { padding: 0; position: relative; margin: 0; background-color: #000; }
.banner-top { position: absolute; top:0; left: 0; right: 0; z-index:5; height: 340px;
background: -moz-linear-gradient(top, rgba(31,76,104,0.9) 0%, rgba(31,76,104,0) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(31,76,104,0.9) 0%, rgba(31,76,104,0) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(31,76,104,0.9) 0%, rgba(31,76,104,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.banner-bottom { position: absolute; bottom: 0; left: 0; right:0; font-size: 40px; text-align: center; color: #fff; z-index: 5; height: 400px;
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.banner .bg-img {
position: absolute;
z-index:4;
top:0;
left:0;
right:0;
bottom:0;
	-webkit-transition: all 8s ease;
     -moz-transition: all 8s ease;
       -o-transition: all 8s ease;
      -ms-transition: all 8s ease;
          transition: all 8s ease;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
-webkit-animation: shrink 8s;
-moz-animation: shrink 8s;
-o-animation: shrink 8s;
animation: shrink 8s;
}
@keyframes shrink {
  0% {
  -moz-transform:scale(1.5); 
-webkit-transform:scale(1.5);
-o-transform:scale(1.5);
  transform: scale(1.5);
  opacity: 0;
  }
  100% {
  -moz-transform:scale(1); 
-webkit-transform:scale(1);
-o-transform:scale(1);
  transform: scale(1);
  opacity: 1;
  }
}

.banner-mask {
position: absolute;
z-index:4;
top:0;
left:0;
right:0;
bottom:0;
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
}

.banner-text { display: block; color: #fff; text-align: left; position: absolute; left:100px; bottom:100px; right: 50px; z-index:6; }

.banner-text .text-box { margin: 0 auto; padding: 0 20px; float:left; max-width: 100%; }
/*.banner-text .text-box .animated { animation-delay: 2s; position:relative; z-index:7; }*/


.banner-text p { color: #fff; }
.banner-text a {
position: relative;
z-index: 7;
text-transform: uppercase;
text-align: center;
display:inline-block;
letter-spacing: 1px;
cursor: pointer;
border:none !important; 
outline:none !important;
    padding: 15px 30px;
    font-size: 18px;
    color: #fff;
margin:25px auto 0 auto;
background-color: #39bdb0;
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px; 
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.banner-text a:hover { background: #39bdb0; }

.banner-text h1, .home .banner-text h2 { font-weight: 700; padding: 0; font-size: 64px; color: #fff; display: inline-block; line-height: 1.1; letter-spacing: normal; max-width: 1000px;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.banner-text h1 strong, .home .banner-text h2 strong { font-weight: 700; }
.banner-text h2 { font-weight: 300; font-size: 24px; color: #fff; display: block; line-height: 1.5; }
.banner-text h3 { font-weight: 300; font-size: 24px; color: #fff; display: block; line-height: 1.5; }
.banner-text h1, .banner-text h2, .banner-text h3 { margin: 10px 0; }

.banner-text ul { list-style-type: none; padding:0; }
.banner-text ul li { font-size: 18px; padding: 2px 0; }
.banner-text ul li:before { font-family: 'Pe-icon-7-stroke'; content: "\e66c"; font-size: 24px; vertical-align: middle; margin-right:10px; color: #39bdb0; }

.banner-text .bg-img {
/* 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+49,0.65+100 */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.slider-bg-img {
position: absolute;
z-index:4;
top:0;
left:0;
right:0;
bottom:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;

    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.round-corner { position: relative; overflow: hidden;
  -webkit-border-radius: 250px 0;
  -moz-border-radius: 250px 0;
  border-radius: 250px 0;
}

.round-corner-small { position: relative; overflow: hidden;
  -webkit-border-radius: 60px 0;
  -moz-border-radius: 60px 0;
  border-radius: 60px 0;
}
.round-corner-small.invert { position: relative; overflow: hidden;
  -webkit-border-radius: 0 60px;
  -moz-border-radius: 0 60px;
  border-radius: 0 60px;
}

/* -------------------------------------------- Small boxes -------------------------------------------- */

.small-boxes { padding: 10px; margin: 0 auto !important; max-width: 1300px; }
.small-boxes .wp-block-column { background: rgba(0,0,0,0.5); padding: 30px 30px 10px 30px; margin-bottom: 10px; margin-top: 10px;
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px; 
}
.small-boxes li { padding: 5px 0; }
.small-boxes .wp-block-column img { max-width: 150px; border: 4px solid #39bdb0; }

/* --------------------------------------------------- COL BOX --------------------------------------------------- */

.col-2, .col-3, .col-4 { float:left; }

.col-4 { width: 25%; }
.col-3 { width: 33.33%; }
.col-2 { width: 50%; }


/* --------------------------------------------------- ICON BOX --------------------------------------------------- */

.icon-box { padding: 10px 0; border-top: 1px solid #cbcbcb; }
.icon-box.last { border-bottom: 1px solid #cbcbcb; }
.icon-box figure { margin: 0 auto 20px auto; display: inline-block; min-width: 65px; }
.icon-box p { font-size: 17px; }

/* --------------------------------------------------- Grey google map  --------------------------------------------------- */

.map { overflow: hidden; }

.grey-map {
    border:0;
	margin-bottom: 30px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	  -webkit-backface-visibility: hidden;  /* Fix for transition flickering */
}


/* --------------------------------------------------- Google map  --------------------------------------------------- */

.google-map { background: #fff; padding: 0; margin: 0 auto; max-width: 100%; min-height: 350px; }
.google-map iframe { width: 100% !important; height: 100% !important; margin-bottom: -5px; }

#bgmp_map-canvas { max-width: 100%; }
#bgmp_map-canvas p { font-size: 14px !important; }

/* --------------------------------------------------- Preloader  --------------------------------------------------- */

#preloader  {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fff;
     z-index: 999999;
    min-height: 100%;
 }

#status  {
     width: 100px;
     height: auto;
     position: absolute;
     left: 50%;
     top: 50%;
     background-repeat: no-repeat;
     background-position: center;
     margin: -40px 0 0 -50px;
}


/* -------------------------------------- CONTAINER --------------------------------------- */


.container { padding: 0 30px; max-width: 1400px; margin: 0 auto; }
.container.narrow { max-width: 900px; }
.container.blog { padding-top: 40px; padding-bottom: 60px; }
.container .cat-dsc { max-width: 700px; }

.featured-img { padding: 0; margin: 0 auto; }

.reference ul { margin: 0; padding: 0; text-align: center; list-style-type: none; }
.reference ul li { max-width: 130px; display: inline-block; padding: 20px; vertical-align: middle;}

.page-title { display:block; text-align: center; margin: 0 auto; padding: 200px 20px 100px 20px; text-transform: uppercase; position: relative;
background: rgb(138,255,216); 
background: -webkit-linear-gradient(135deg,rgb(22 109 97) 0%,rgb(138,255,216) 50%,rgb(0,181,166) 100%);
background: -moz-linear-gradient(135deg,rgb(22 109 97) 0%,rgb(138,255,216) 50%,rgb(0,181,166) 100%);
background: linear-gradient(135deg,rgb(22 109 97) 0%,rgb(138,255,216) 50%,rgb(0,181,166) 100%);
}
.page-title h1 { font-size: 56px; }

/* -------------------------------------- LIST BLOCK --------------------------------------- */

.list-block { text-align:left; display:inline-block; margin: 0; padding: 0 5px 5px 35px; list-style-type: none; }
.list-block li { padding: 6px 0; }
.list-block li:before { font-family: 'Pe-icon-7-stroke'; content: "\e66c"; font-size: 24px; vertical-align: middle; margin: -6px 0 0 -33px; float: left; color: #39bdb0; font-weight: bold; }
.list-block.wrong li:before { content: "\e681"; }


/* --------------------------------------------------- GALLERY --------------------------------------------------- */

.gallery-wrapper { background: #fff; padding: 30px; }
.gallery-wrapper p { margin: 0; }

.gallery { padding-top: 1px; margin: 0 auto; }

.gallery-item .gallery-caption { display:none !important; }

.gallery-item {
padding:5px;
box-sizing: border-box;
    margin: 0 !important;
    display: inline-block !important;
}
.gallery-item dt.gallery-icon { margin:0; padding:0; border: none; background: url(images/plus.png) center no-repeat #202020; background-size: 50px; height: 100%; font-weight: normal; display: flow-root; }
.gallery-item dt.gallery-icon a { height: 100%; }
.gallery-item img {
min-width: 100%;
    border: none !important;
    padding: 0;
    display: block !important;
    background-color: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
	-moz-transition: all 0.4s ease; /* FF3.7+ */
	-o-transition: all 0.4s ease; /* Opera 10.5 */
	-webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */
	transition: all 0.4s ease;
}

.gallery-item a img:hover {
border: none !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
	zoom: 1;
/*
  -moz-transform:scale(0.9); 
-webkit-transform:scale(0.9);
-o-transform:scale(0.9);
  transform: scale(0.9);
z-index: 999;
*/
}

.gallery br { display: none !important; }



/* --------------------------------------------------- GALLERY GUTENBERG --------------------------------------------------- */

.wp-block-gallery .blocks-gallery-item img {  
 -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.wp-block-gallery .blocks-gallery-item:hover img { 
  -moz-transform:scale(0.95); 
-webkit-transform:scale(0.95);
-o-transform:scale(0.95);
  transform: scale(0.95);
}

/**************** MAGNIFIC POPUP CUSTOM STYLE AND ANIMATION ****************/

/*
.mfp-bg { background:#fff !important; }
.mfp-container { width:75%; background:#fff !important; right: 0 !important; position: fixed; left: auto; }
.mfp-content {max-width: 90% !important;}
.mfp-title, .mfp-close {display:none !important;}
*/
.mfp-arrow-left:after,
.mfp-arrow-left:before,
.mfp-arrow-right:after,
.mfp-arrow-right:before,
.mfp-a,
.mfp-b {
	border: none !important;
   }


.mfp-bg, .mfp-container { background:rgba(255, 255, 255, 0.7) !important; }
.mfp-figure:after { box-shadow: none !important; }
.mfp-close { color: #777 !important; }

button.mfp-arrow {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    border-right: 2px solid #888 !important;
    border-top: 2px solid #888 !important;
    margin-top:-10px !important;
   }

button.mfp-arrow-left { 
  -moz-transform:rotate(-135deg) !important;  
  -webkit-transform:rotate(-135deg) !important;  
  -o-transform:rotate(-135deg) !important;  
  -ms-transform:rotate(-135deg) !important;
  left: 30px; !important }

button.mfp-arrow-right { 
  -moz-transform:rotate(45deg) !important;  
  -webkit-transform:rotate(45deg) !important;  
  -o-transform:rotate(45deg) !important;  
  -ms-transform:rotate(45deg) !important;
 right: 30px !important; }


/*------------------------------------------  SIDEBAR  -------------------------------------*/

#sidebar.sidebar-shop { float: right; width: 25%; padding: 0; margin: 0; }
#sidebar.sidebar-blog { float: right; width: 30%; padding: 10px; margin: 0; }

.sidebaritem { padding: 20px; margin: 0 0 10px 0; display:block; background: #f5f6f9; }
.sidebaritem h3 { padding: 5px 0; margin:0; display: block; color: #39bdb0;  font-size: 18px;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

#sidebar .headroom { padding-top: 0;
  -webkit-transition: all 0.7s ease;
     -moz-transition: all 0.7s ease;
       -o-transition: all 0.7s ease;
      -ms-transition: all 0.7s ease;
          transition: all 0.7s ease;
}
.sticky { }
.sticky-active #sidebar .headroom--pinned { padding-top: 120px !important; }

.sidebaritem ul { list-style-type: none; padding: 10px 0; margin:0; }
.sidebaritem ul li { padding: 10px; border-top: 1px solid #ccc; }
.sidebaritem ul li a { color: #202020; display: block;  font-size: 15px;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.sidebaritem ul li:last-child { border-bottom: 1px solid #ccc; }
.sidebaritem ul li a:hover { color: #39bdb0; }
.sidebaritem ul li a:before {
   font-family: 'Font Awesome 5 Free';
   content: "\f105";
   margin-right: 10px;
   font-size: 13px;
}

.tagcloud { padding: 10px 0; }
.tagcloud a { padding: 5px; background: #fff; display: inline-block; margin: 2px 1px; font-size: 13px !important; color: #202020; }
.tagcloud a:hover { background: #39bdb0; color: #fff; }

/* -------- Popular posts --------- */

.wtpsw-post-li a:before { display: none; }
.wtpsw-post-li { border-bottom: none !important; }
.sidebaritem .wtpsw-post-items .wtpsw-post-li { padding: 5px 0 !important; }
.sidebaritem ul li.wtpsw-post-li:last-child { border-bottom: 1px solid #ccc !important; }
.wtpsw-post-thumb-right { vertical-align: middle !important; padding: 5px 10px; }
.wtpsw-post-thumb-left { vertical-align: middle !important; }


/* -------- Posts nav --------- */

ul.posts-nav { text-align: center; padding: 0 0 20px 0; margin: 0 auto; max-width: 1030px; display: block; }
ul.posts-nav li { text-align: center; display: inline-block; padding: 0; margin: 5px; }
ul.posts-nav li a { display: block; padding: 5px 10px; border: 1px solid #ccc; color: #676767; }
ul.posts-nav li.current a, ul.posts-nav li a:hover { text-decoration: line-through; }


/* --------------------------------------------------- BLOG --------------------------------------------------- */

.blog-list { margin: 0 -10px; }
.blog-container { margin: 0 auto; padding: 0; float: left; width: 65%; }
.blog-container-2 { margin: 0 auto; width: 75%; padding: 30px 20px 30px 0; float: right; border-right: 1px solid #ccc; }
.heading-blog h1 { text-align: center; padding: 0 0 40px 0; font-weight: 400; margin: 0; }

.news-home h2 { margin: 20px auto 30px auto; max-width: 880px; font-size: 32px; padding: 0 10px; }

.post-box { padding: 0; margin:1%; position: relative; width: 31.3%; min-height: 500px; display: inline-block; float: left; vertical-align: top; overflow: hidden; background: #204c66;
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
	-webkit-border-radius: 60px 0; 
  -moz-border-radius: 60px 0; 
  border-radius: 60px 0; 
}
.post-box:hover { }
.post-box:after {
    content: "";
    background: rgb(0, 0, 0);
	background: -moz-linear-gradient(50deg, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(50deg, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(50deg, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.7;
	z-index: 4;
}


.post-box .img-box { width: 37%; margin-right: 3%; background: #c7b6ac; float: left; }
.post-box .img-box img { width: 100%; height: auto;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.post-box:hover .img-box img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}
.post-box .bg-img {
background-position: center;
position: absolute;
z-index:1;
top:0;
left:0;
right:0;
bottom:0;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}
.post-box:hover .bg-img {
  -moz-transform:scale(1.1); 
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
  transform: scale(1.1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.post-box .text-box { width: 100%; padding: 30px; text-align: left; position: absolute; z-index: 5; bottom:0; left:0; }
.post-box .text-box.no-img { width: 100%; }
.post-box .text-box a h3, .post-box .text-box a p  { }
.post-box .text-box h1 { color: #39bdb0; font-size: 30px; margin:0 0 15px; line-height: 1.1; text-transform: uppercase; font-weight: 400;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.post-box .text-box h3 { letter-spacing: normal; text-transform: none; font-weight: 600; color: #fff; max-width: 330px;
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
.post-box:hover .text-box h3 { color: #39bdb0; }
.post-box .text-box h3:hover { color: #39bdb0; }
.post-box .text-box p { color: #fff; margin: 10px 0; line-height: normal; font-size: 14px; font-weight: 400; }

.post-box .text-box .read-more { font-size: 18px; font-weight: 500; margin: 0; padding: 0; display: inline-block; }
.post-box .text-box .read-more:after { font-family: 'Arial,sans-serif'; color: inherit; font-size: 24px; content: '\2192'; vertical-align: middle; display: inline-block; padding: 0 0 6px 12px; line-height: 20px; margin-left:10; 
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
.post-box:hover .text-box .read-more { color: #fff }
.post-box:hover .text-box .read-more:after { padding-left:20px; }

.post-box .meta { font-size: 12px; top: 15px; left: 15px; border-top: 1px solid #fff; }
.post-box .meta span.cat .fa, .post-box .meta span.tag .fa, .post-box .meta span.small-date .fa { margin-right: 5px; display:inline-block; }
.post-box .meta span.cat a, .post-box .meta span.small-date, .post-box .meta span.tag a { display:inline-block; padding: 0; margin: 0; color: #8eaa72; }
.post-box .meta span.tag, .post-box .meta span.cat, .post-box .meta span.small-date { display:inline-block; margin: 5px 5px 0 0; padding: 3px 6px 3px 0; color: #fff; }

	
/* --------------------------------------------------- post-box search --------------------------------------------------- */

.search-container { padding: 20px; }
.post-box.search { background-image: none; margin: 1% ; width: 47%; display: inline-block; vertical-align: top; min-height: 10px; float: none; }
.post-box.search .img-box { width: 40% !important; max-width: 200px; float:left !important; margin-right: 20px; }
.post-box.search .img-box img { max-width: 100%; min-height: 10px; height: auto; left:0; }
.post-box.search .text-box { padding: 10px !important; text-align: left !important; background: none; }
.post-box.search .text-box.no-img { width: 100%  !important; }


/* --------------------------------------------------- post date --------------------------------------------------- */

.post-box .date .day { font-size: 26px; padding: 0;}
.post-box .date .month { text-transform: uppercase; margin: 0; padding: 0; font-size: 13px; }
.post-box .date .year { padding: 0; margin: 0; font-size: 13px; }

.post-box .date { margin: -45px 0 0 -45px; padding: 20px 0; display: block; width: 90px; height: 90px; background: #fff; position: absolute; top: 50%; left: 50%; z-index: 5; text-align: center; line-height: 1;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  border-radius: 50%;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.box-3, .box-4, .box-7, .box-8, .box-11, .box-12, .box-15, .box-16, .box-19, .box-20, .box-23, .box-24, .box-27, .box-28 { text-align: right; }
.box-3 .img-box, .box-4 .img-box, .box-7 .img-box, .box-8 .img-box, .box-11 .img-box, .box-12 .img-box, .box-15 .img-box, .box-16 .img-box, .box-19 .img-box, .box-20 .img-box, .box-23 .img-box, .box-24 .img-box, .box-27 .img-box, .box-28 .img-box { float: right; }
.box-3 .date, .box-4 .date, .box-7 .date, .box-8 .date, .box-11 .date, .box-12 .date, .box-15 .date, .box-16 .date, .box-19 .date, .box-20 .date, .box-23 .date, .box-24 .date, .box-27 .date, .box-28 .date { right: 0; left:initial; }

.post-box.even .text-box { float: left; }
.post-box.even .img-box { right: 0; left: inherit; }
.post-box.even .date { }

#infscr-loading { text-align: center; width: 100% !important; clear: both; font-size:14px; position: absolute; bottom: 10px; }
#infscr-loading img { display:inline-block; max-width: 80px; }

.page-navigation { margin: 0 10px; }
#page-nav a { text-align: center; padding: 6px 15px; margin-top: 20px; background: #000; color: #fff; display: block;
  -webkit-border-radius: 50px; 
  -moz-border-radius: 50px; 
  border-radius: 50px;
}
#page-nav a:hover { background: #90aa6f; color: #fff; }
#page-nav.nav-prev { float: left; }
#page-nav.nav-next { float: right; }




/* --------------------------------------------------- BLOG-SINGLE --------------------------------------------------- */

.single-post h1 { font-size: 40px; padding-bottom: 20px; border-bottom: 3px solid #39bdb0; font-weight: 700; }

.single-post .meta { font-size: 13px;}
.single-post .meta span.cat .fa, .single-post .meta span.tag .fa, .single-post .meta span.small-date .fa { margin-right: 5px; display:inline-block; }
.single-post .meta span.cat a, .single-post .meta span.small-date, .single-post .meta span.tag a { display:inline-block; padding: 0; margin: 0 3px 0 0; }
.single-post .meta span.tag, .single-post .meta span.cat, .single-post .meta span.small-date { display:inline-block; margin: 0 10px 5px 0; }

.single-content { padding: 40px 0 60px 0; max-width: 900px; margin: 0 auto; background: #fff; }

.single-content .image-box { position: relative; margin-bottom: 30px; }
.single-content .text-box { }

.single-post ul.list-block.wrong li:before { content: "\e681"; color: #d93025; }
.single-content .text-box h1 { font-weight: 900; border-bottom: 1px solid #ccc; padding-bottom: 10px; }

.related-posts { padding: 20px 30px; line-height: 1; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.related-posts h3 { margin: 0 0 10px 0; font-size: 16px; }
.related-posts a { padding: 4px 20px 4px 0; display:block;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.related-posts a:hover { padding: 4px 0 4px 20px; text-decoration:none; font-weight: bold;}
.related-posts a:before {
   font-family: FontAwesome;
   content: "\f101";
   margin-right: 10px;
text-decoration:none !important;
}


/* --------------------------------------------------- single date --------------------------------------------------- */

.single-post .date .day { font-size: 26px; padding: 0;}
.single-post .date .month { text-transform: uppercase; margin: 0; padding: 0; font-size: 13px; }
.single-post .date .year { padding: 0; margin: 0; font-size: 13px; }

.single-post .date { margin: 0  0 -45px -45px; padding: 20px 0; display: block; width: 90px; height: 90px; background: #fff; position: absolute; bottom: 0; left: 50%; z-index: 5; text-align: center; line-height: 1;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  border-radius: 50%;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


/*------------------------ Posts nav --------------------------*/

.post-nav { margin: 30px 0 10px 0; font-weight: 400; }
.post-nav span { display: inline-block; vertical-align: middle; width: 65%; }
.post-nav img { width: 30%; display: inline-block; vertical-align: middle; 
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  border-radius: 50%;
}
.post-prev, .post-next { padding: 0; margin: 0; display: inline-block; vertical-align: top; width: 50%; position:relative;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.post-prev { border-right: 5px solid #fff; float: left; }
.post-next { text-align: right; border-left: 5px solid #fff; float: right; }

.post-prev span a:before {
    content: '\2190';
    font-family: 'Arial,sans-serif';
    display: block;
    font-size: 30px;
}
.post-next { text-align: right; float: right; }
.post-next span a:before {
    content: '\2192';
    font-family: 'Arial,sans-serif';
    display: block;
    font-size: 30px;
}

.post-prev span a, .post-next span a { padding: 15px 20px; margin: 0; font-weight: 600; line-height:1.4; display:block; }
.post-next a { padding: 0; }
.post-prev:hover, .post-next:hover { }
.post-prev a:hover, .post-next a:hover { text-decoration:none; }


/* --------------------------------------------------- Social sharing --------------------------------------------------- */

.social-sharing { padding: 30px 0; text-align: center; }
.addtoany_share_save_container, .addtoany_shortcode { padding: 20px 0; margin: 0 auto !important; text-align: center; }
.addtoany_share_save_container span { border: 1px solid #ccc; }

ul.social-share { margin: 0 0 20px 0 !important; display: inline-block; list-style-type: none; padding:0; text-align: center; }
ul.social-share li { display: block; float: left; padding: 0;}
ul.social-share li a {
width: 60px;
height:60px;
font-size: 36px;
border: 1px solid #fff;
    color: #fff;
    display: block;
    position: relative;
    transition: all 0.2s ease 0s;
    margin: 0 7px !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
ul.social-share li a:hover { color: #39bdb0; }
ul.social-share li a .fa { vertical-align:middle; padding: 10px; }

.share-text { text-align: center; display: block; margin: 0 auto; padding-top: 40px; }



/* --------------------------------------------------- Social Menu --------------------------------------------------- */

footer .social-box { padding: 0 20px; }
header .social-box { display: inline-block; vertical-align: middle; margin: 0 12px; }

.menu-social-menu-container { display:inline-block; vertical-align: middle; margin:0; padding:0; }
ul.social-menu { display:inline-block; vertical-align: middle; margin:0; padding:0; }
ul.social-menu li { display: inline-block !important; margin:0; padding: 0; line-height:1;}
ul.social-menu li a { display: block !important; position: relative !important; padding: 0 !important; width: 28px; height:28px; font-size: 20px; font-weight:400; /*border: 1px solid #ccc;*/ text-align: center; overflow: hidden; margin: 0 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
header.main-header.navbar-shrink ul.social-menu li a { color: #204c66; }
ul.social-menu li a:before {
font-family: 'Font Awesome 5 Brands';
font-size: 21px;
vertical-align:bottom;
padding: 5px 0;
display: block;
}
ul.social-menu li a:hover { color: #39bdb0 !important; }

.facebook a:before { content: "\f09a"; }
.twitter a:before { content: "\f099"; }
.linkedin a:before { content: "\f0e1"; }
.instagram a:before { content: "\f16d"; }
.googleplus a:before { content: "\f0d5"; }
.pinterest a:before { content: "\f0d2"; }
.youtube a:before { content: "\f16a"; }
.viber a:before { content: "\f409"; }
.whatsup a:before { content: "\f232"; }


/*------------------------------------------  Ribbon Title  -------------------------------------*/

.ribbon-title {
  background: none !important;
  text-align: center;
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
  align-items: center;
  white-space: nowrap;
	font-weight: 700;
}
.ribbon-title:before {
  content: '';
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #204c66;
  margin-right: 20px;
}

.ribbon-title:after {
  content: '';
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #204c66;
  margin-left: 20px;
}

/* ------------------------------------------------ advanced comment styles --------------------------------------- */
 
.comments { height: 16px; float: left; margin: 15px 140px 5px 0; width: 120px; }
.comment-form p { margin: 0 0 15px 0; }
#watch_action { margin: 15px 0 0 -150px !important; }
.status { width: 80px; }

.comments img { width: 16px; height: 16px; margin: 0 8px 0 0; padding: 0; float: left; }

.comments-container { margin: 20px auto; padding: 0; max-width: 800px; }

#commentform input { font-size: 16px; margin:0 auto; }
#commentform input[type="submit"] {  }
#commentform textarea { font-size: 16px; margin:5px 0; }
#commentform .form-submit { padding-top: 20px; }

#comments { list-style:none; margin:0 auto; text-indent:0; max-width:100%; }
#respond { list-style:none; margin:0 auto; padding:20px 0; text-indent:0; max-width:100%; text-align: left; clear:both; border-top: 1px solid #ccc; }
.comments-container h3 { padding: 10px 0; margin:0; text-transform: none; }
.leave-comment { float: right; }

.comments-container .navigation { display: block; clear:both; }

ol.commentlist { list-style:none; margin:0 auto; padding:0 0 20px 0; text-indent:0; max-width:100%; color:#3d3d3d; clear:both; }
ol.commentlist li { margin-top: 10px; background: #fff; border-top: 1px solid #ccc; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment, ol.commentlist li.pingback{ padding:20px 0; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { min-height: 40px;}
ol.commentlist li.comment div.vcard cite.fn { font-size:15px; text-transform:capitalize; color:#000; font-weight: 400; font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { margin:0 10px 0 0; float:left; }
ol.commentlist li.comment div.vcard img.avatar-32 { padding:0;}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {display:none;}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:14px; font-style:italic; }
ol.commentlist li.comment div.comment-meta a { color:#777; }
ol.commentlist li.comment p { padding: 15px 0; min-height: 25px; margin: 0; line-height: 1.5 !important; }
ol.commentlist li.comment ul { font-size:11px; list-style:square; margin:0; }
ol.commentlist li.comment div.reply {  margin: 0; padding: 0;
	-moz-transition: all 0.4s ease; /* FF3.7+ */
	-o-transition: all 0.4s ease; /* Opera 10.5 */
	-webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */
	transition: all 0.4s ease;
}
ol.commentlist li.comment div.reply:hover { }
ol.commentlist li.comment div.reply a { color:#3d3d3d; padding: 3px 7px; font-size: 14px; font-weight: 700; display: inline-block; border: 1px solid #ccc; }
ol.commentlist li.comment div.reply a:hover { color:#39bdb0; border: 1px solid #39bdb0; }
ol.commentlist li.comment ul.children { list-style:none; margin:20px 0 0 0; padding:0; text-indent:0; }
ol.commentlist li.comment ul.children li { border-top: none; border-left: 1px solid #ccc; padding: 20px; }
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {background:#fff;}
ol.commentlist li.comment ul.children li.depth-3 {background:#ffff;}
ol.commentlist li.comment ul.children li.depth-4 {background:#fff;}
ol.commentlist li.comment ul.children li.depth-5 {background:#ffff;}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.even:hover {}
ol.commentlist li.odd {}
ol.commentlist li.odd:hover {}
ol.commentlist li.parent {}
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
.moderation { color:#F07057; }


/* --------------------------------------------- Calendar ----------------------------------- */

#sbc-calendar-wrapper, #sbc-calendar-wrapper * { box-sizing: border-box !important; }
#sbc-calendar, .sbc-calendar-month, #sbc-calendar-wrapper { margin: 0 auto !important; width: 100% !important; max-width: 700px; }
#sbc-calendar table { width: 100%; border-top: 1px solid #ccc !important; }
#sbc-calendar .sbc-navigation { text-align: center; }
#sbc-calendar-wrapper #sbc-calendar .sbc-navigation select { padding: 10px !important; width: 49% !important; font-style: normal; font-size: 14px !important; }
#sbc-calendar-wrapper .sbc-status-free { background-color: #f1f1f1 !important; }
#sbc-calendar-wrapper .sbc-status-booked { background-color: #39bdb0 !important; color: #fff !important; }
#sbc-calendar td.sbc-today { border: 1px solid #555 !important; }

/* ---------------------------------------------Contact Block ----------------------------------- */

.contact-block-bg { position:fixed; bottom:0; left:0; right: 0; top:0; z-index:997; background: #26292c; display: none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.contact-block { background: #fff; position: fixed; text-align: center; right: 0; top: 0; bottom: 0; z-index: 998; max-width: 500px; right: -500px; display: block; overflow-y: auto;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.contact-block.open { right: 0; }
.contact-block h2 { text-transform: uppercase; display: inline-block; font-size: 38px; color: #fff; }
.contact-block p { font-size: 17px; margin-bottom: 20px; }
.contact-block p i { font-size: 34px; display: block; color: #39bdb0; }
.contact-block .button { font-size: 16px; line-height: 1; margin: 5px; }
.contact-block .button .text { font-size: 14px; font-weight: 400; }

.appointment.btn { color: #fff; background: rgba(57,189,176,0.4); padding: 5px 20px 5px 5px; margin: 20px 0 10px 0; font-size: 18px; text-align: center; font-weight: 600; cursor: pointer; display: inline-block; clear: both;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.appointment.btn .icon { margin-right: 5px; display: inline-block; vertical-align: middle; width: 48px; }

.contact-trigger { cursor:pointer; position: fixed; z-index: 999; bottom: 10px; right: 10px;  background: #39bdb0; color: #fff; font-size: 10px; padding: 9px; text-align: center; width: 48px; height: 48px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.contact-trigger .icon:before { font-family: 'Pe-icon-7-stroke'; content: "\e627"; margin: 0 auto; vertical-align: text-top; font-size: 30px; display:block; line-height:1; }
.contact-trigger.open { background: #1e4c68; }
.contact-trigger.open .icon:before { content: "\e681"; }

.close-contact .icon:before{ font-family: 'Pe-icon-7-stroke'; content: "\e681"; font-size: 30px; color: #39bdb0; }
.close-contact { cursor:pointer; position: fixed; z-index: 999; top: 20px; right: 20px; display: none; }

.contact-trigger:hover {
	background-color: #1e4c68;
	color: white;
}

.quick-form { position: relative; z-index:7; margin: 0 auto; padding: 50px; display: inline-block; background: #fff;
 -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.quick-form h4 { font-size: 20px; display: block; margin: 0 auto 10px auto; text-transform: uppercase; }
.quick-form h6 { font-size: 16px; text-transform: uppercase; font-style: italic; padding:0; }
.quick-form h6 .fa-star { color: #e7711b; }
.quick-form div.wpcf7 p { margin: 10px 5px; }
.quick-form div.wpcf7 input[type="submit"] { min-width: unset; width: 100%; }
/*
.quick-form div.wpcf7 input, .quick-form div.wpcf7 textarea { padding: 5px 10px; font-size: 14px; }
.wpcf7-quiz { float: left; width: 50%; }
.wpcf7-quiz-label {float: left; width: 48%; margin-right: 2%; background: #ccc; padding: 10px; border: 1px solid #ccc; color: #1c212a;
 -webkit-border-radius: 6px; 
  -moz-border-radius: 6px; 
  border-radius: 6px; 
}
*/

.quick-reviews { position: relative; z-index:7; margin: 0 auto; padding: 0 60px 60px 60px; display: block; background: #fff; }
.quick-reviews hr { margin: 10px 0; }


/* --------------------------------------------- Contact form styles ----------------------------------- */

/* iOS reset */
textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"] {
	-webkit-appearance: none;
	/*-webkit-border-radius: 0;*/
}

/* -------------------------- BOX Glow animation --------------------- */

.box-glow-anim {
  -webkit-animation: box-glow 2s ease alternate infinite;
     -moz-animation: box-glow 2s ease alternate infinite;
      -ms-animation: box-glow 2s ease alternate infinite;
       -o-animation: box-glow 2s ease alternate infinite;
          animation: box-glow 2s ease alternate infinite;
}

@-webkit-keyframes box-glow {
  0% {  
    box-shadow: 0px 0 10px 0px #39bdb0;
  }
  100% {
    box-shadow: 0px 0 40px 0px #39bdb0;
  }
}
@-moz-keyframes box-glow {
  0% {  
    box-shadow: 0px 0 10px 0px #39bdb0;
  }
  100% {
    box-shadow: 0px 0 40px 0px #39bdb0;
  }
}
@-ms-keyframes box-glow {
  0% {  
    box-shadow: 0px 0px 10px 0px #39bdb0;
  }
  100% {
    box-shadow: 0px 0px 40px 0px #39bdb0;
  }
}
@-o-keyframes box-glow {
  0% {  
    box-shadow: 0px 0px 10px 0px #39bdb0;
  }
  100% {
    box-shadow: 0px 0px 40px 0px #39bdb0;
  }
}
@keyframes box-glow {
  0% {  
    box-shadow: 0px 0px 10px 0px #39bdb0;
  }
  100% {
    box-shadow: 0px 0px 40px 0px #39bdb0;
  }
}

.top-form { background: #fff; padding: 20px; float: right; max-width: 400px; width: 30%; text-align: center; position: absolute; z-index: 5; bottom: 150px; right: 100px;   -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px; 
}
.top-form h3 { font-size: 30px;  }
.top-form p { margin: 0 0 7px 0; }
.top-form textarea { height: 70px; resize: auto; }
.top-form .phone { font-size: 18px; display: block; }

.contact { padding: 5% 6% 2% 6%; }
.contact-left { width: 48%; float:left; }
.contact-right { width: 48%; float:right; }

input, textarea, select { outline:none; border:none; border-bottom: 2px solid #dbdbdb; font-size: 15px; font-family: Arial, sans-serif; padding: 10px 15px; margin:0; font-weight:normal;  background: transparent;	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 100%; background: #f9f9f9;
}
input:focus, textarea:focus { outline:none; border-bottom: 2px solid #39bdb0; font-family: Arial, sans-serif; background: #f9f9f9;
	-moz-transition: all 0.4s ease; /* FF3.7+ */
	-o-transition: all 0.4s ease; /* Opera 10.5 */
	-webkit-transition: all 0.4s ease; /* Saf3.2+, Chrome */
	transition: all 0.4s ease;
}
textarea{ height:150px; resize: auto;}
input{  }
label{ display: block; margin: 0;}
select {
  /* reset */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
/* arrows */
select {
background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px);
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
}
input[type="checkbox"] { width: auto; }

input[type="submit"], .button {
cursor: pointer;
outline:none !important;
border:none;
background: #39bdb0;
color: #fff;
    padding: 15px 30px;
    font-size: 18px;
	font-style: normal;
	display: inline-block;
margin: 10px 0;
width: auto;
height: auto;
	text-align: center;
letter-spacing: 1px;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
  -webkit-border-radius: 30px; 
  -moz-border-radius: 30px; 
  border-radius: 30px; 
}
input[type="submit"]:hover, .button:hover { background: #279489; color: #fff;
/*
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
*/
}

div.wpcf7 { float: none; padding: 0 !important; margin: 0 auto !important; max-width: 800px; }
div.wpcf7 p { padding: 0 5px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  opacity: 1 !important;
}
div.wpcf7 input[type="submit"] { margin: 5px auto 0 auto; }
.wpcf7-list-item { display: block !important; }
div.wpcf7 .ajax-loader { display: block !important; margin: 0 auto !important; }

.captcha { position: absolute; right: 10px; top: 20px; z-index: 5; }
.captcha-wrapper { text-align: center; display: block; margin: 0 auto; }
.g-recaptcha { display: inline-block; transform:scale(0.85);-webkit-transform:scale(0.85); max-width: 100%; }

.wpcf7-quiz-label {
    float: left;
    width: 27%;
    margin-right: 3%;
    text-align: right;
    padding: 10px 15px;
    border: 1px solid #ccc;
	line-height: normal;
}
.wpcf7-quiz {
    float: left;
    width: 70%;
}

.wpcf7-not-valid-tip { font-size: 13px !important; text-align: right; }

.wpcf7 form .wpcf7-response-output {
	color: #fff;
    margin: 10px !important;
    padding: 10px !important;
    border: 2px solid #00a0d2; /* Blue */
}
 
.wpcf7 form.init .wpcf7-response-output {
    display: none;
}
 
.wpcf7 form.sent .wpcf7-response-output {
    background-color: #46b450; /* Green */
}
 
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    background-color: #dc3232; /* Red */
}
 
.wpcf7 form.spam .wpcf7-response-output {
    background-color: #f56e28; /* Orange */
}
 
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    background-color: #ffb900; /* Yellow */
}

/* --------------------------------------------------- Aditional Info --------------------------------------------------- */

.additional-info {  }
.additional-info ul { list-style-type: none; text-align: center; padding:20px 0 30px 0; margin: 0; }
.additional-info ul li { padding: 7px 0; font-weight: bold; border-bottom: 1px solid #ccc; }
.additional-info ul li:first-child { border-top: 1px solid #ccc; }
.additional-info ul li.current_page_item { display: none; }

/* --------------------------------------------------- Subpages List --------------------------------------------------- */

.sub-pages-list { display: flex; text-align: center; flex-wrap: wrap; flex-flow: row wrap; padding-top: 10px; }
.sub-page-box { display: block; margin: 20px; text-align: left; flex: 1; overflow: hidden; position: relative;
  -webkit-border-radius: 10px; 
  -moz-border-radius: 10px; 
  border-radius: 10px;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);
}
.sub-page-box .text { padding: 1px 20px; text-align: center; }
.sub-page-box .title { text-transform: uppercase; font-weight: 700; color: #39bdb0; }
.sub-page-box:hover a {  }
.sub-page-box img { width: 100%;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}


/* ----------------------------------- SERVICERS ----------------------------------------------- */

.services { display: block; text-align: center; padding: 40px 0; }
.services h3 { margin-top: 20px; text-transform: uppercase; color: #204c66; font-size: 24px; }
.services h3 a { color: #204c66; }
.services h3 a:hover { color: #39bdb0; }
.services img { margin: 0 auto; max-width: 90% !important; padding: 10px;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.services .wp-block-column { padding: 30px 17px 50px 17px; background: #def5f3;
	  -webkit-border-radius: 60px 0; 
  -moz-border-radius: 60px 0; 
  border-radius: 60px 0; 
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.services .wp-block-column:hover { background: #f9f9f9; }
.services .wp-block-column:hover img { background: #39bdb0; }
.services .wp-block-column:hover h3 a {color: #39bdb0; }

.service-block { display: block; margin: 0 0 30px 0; text-align: left; position: relative; display: flex; flex-wrap: wrap; flex-flow: row wrap; background: #f5f5f5; overflow: hidden;
/*
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
*/
}
.service-block.wp-block-media-text > .wp-block-media-text__content { padding: 8% !important; }
.service-block:nth-child(even) { flex-direction: row-reverse; }
.service-block .image { padding: 10%; flex: 1; background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.service-block .text { padding: 8% 10%; position: relative; flex: 1; }
.service-block .title { text-transform: uppercase; font-weight: 700; color: #204c66; }
.service-block .title a { color: #204c66; }
.service-block:hover a {  }
.sub-page-box img { width: 100%;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

.service-block:hover .icon {
-moz-transform:scale(1.05); 
-webkit-transform:scale(1.05);
-o-transform:scale(1.05);
  transform: scale(1.05);
-webkit-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.4);
box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.4);
}
.service-block .icon { width: 150px; border: 4px solid #fff; position: absolute; top: 50%; left:-75px; margin: -75px 0 20px 0; overflow: hidden;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  border-radius: 50%; 
}
.service-block:nth-child(even) .icon { right: -75px; left: inherit; }


/* --------------------------------------------- FAQ ---------------------------------------- */

.faq-list { padding-top:0 !important; }
.faq-list .ribbon-title { margin: 0 auto; }
.faq-list ul { text-align:center; display: block; margin: 10px 0; padding: 0 0 0 40px; list-style-type: none; }
.faq-list ul li { box-sizing: border-box; text-align:left; vertical-align:top; display:block; margin: 0 auto; padding: 20px 5px 10px 5px; line-height: 1.2; cursor:pointer; border-bottom: 1px solid #ededed; }
.faq-list ul li:before { font-family: 'Pe-icon-7-stroke'; content: "\e623"; font-size: 30px; vertical-align: middle; margin: -7px 14px 0 -44px; float:left; font-weight: bold;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.faq-list ul li.active:before { color: #39bdb0; 
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.faq-list ul li h4 { font-size: 22px; margin: 0 0 10px 0; 
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.faq-list ul li.active h4 { color: #39bdb0; }
.faq-list ul li p { font-size: 16px; display:none; line-height: 1.5; padding: 1px 0; }
.faq-list ul li.first p { display:block; }

/* --------------------------------------------------- Newsletter --------------------------------------------------- */

.subscribe-box { text-align:center; margin: 0 auto; display:block; background:#666; padding:3%; }
.subscribe-box h4 {color:#fff; font-size:33px; letter-spacing:10px; padding:0; margin: 0 auto;}
.subscribe-box p, .subscribe-box label {color:#b8b8b8; font-size:18px; margin:0 0 20px 0; padding:0; display: block; text-align: center;}
.subscribe-box div { display:inline-block; vertical-align:top;}
.subscribe-box input { border:none !important; outline:none !important; padding:10px 30px; font-size:15px; color: #000; margin:0 -2px 0 0; height: 42px; max-width: 240px; }
.subscribe-box input.button {padding:10px 20px; margin: 0 0 0 -4px !important; height: 42px; text-transform:uppercase; font-size:15px; letter-spacing:1px; color: #fff;background-color: #f5cf28; cursor:pointer; border: none !important; border-radius:0 !important; max-width: 140px;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.subscribe-box input.button:hover { background-color: #01b7f0; }
.subscribe-box input:focus { }
.subscribe-box .clear { clear:none !important; }
#mc_embed_signup_scroll { width: 400px; }



/* ------------------------------------------- FOOTER ----------------------------------------------- */

footer { padding: 30px 20px 10px 20px; margin:0 auto; background: #204c66; position: relative; z-index:2; color: #fff }

.footer-top { padding:50px 20px; margin:0 auto; text-align: center; }
.footer-top h3 { font-size: 24px; text-transform: uppercase; letter-spacing: 8px; margin: 0 auto; font-weight: 400; }
.footer-top span { display: inline-block; padding: 0 5px; }

.newsletter { padding: 0; margin: 0 auto; list-style: none; max-width: 800px; text-align: center; }
.newsletter .text-box, .newsletter .form-box { display: inline-block; vertical-align: middle; padding: 10px;}
.newsletter h3 { letter-spacing: 11px; margin: 0 0 2px 5px; }
.newsletter p { font-size: 13px; margin: 0  auto 5px auto }
.newsletter input { font-size: 14px; margin: 0 auto; padding: 10px 20px; max-width: 300px; border: none; display: inline-block;  }
.newsletter .sml_submit, .newsletter .sml_email { display: inline-block; }
.sml_thankyou { color: #fff !important; }
.newsletter input[type="submit"] { float: none; width: auto; display: inline-block; 
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.newsletter input[type="submit"]:hover { padding: 0 20px 10px 20px; margin: 0 auto; }

.footer {
    padding: 0;
	margin:0 auto;
	position:relative;
	display: flex;
	flex-wrap: wrap;
	max-width: 1400px;
  justify-content: space-between;
}

.footer .logo { display: block; margin: -52px auto 10px auto; max-width: 100px; }
.footer .logo img { display: block; width: 100%; }

.footer-box { display: inline-block; vertical-align:top; padding: 30px; /*border-left: 1px solid #5693b5;*/ }
.footer-box.right { text-align: right; width: 30%;}
.footer-box:first-child { border-left:none; }
.footer-box h3 { font-size: 18px; padding-bottom: 2px; margin: 15px 0; display: block; text-transform: uppercase; }
.footer-box h6 { font-size: 14px; padding-bottom: 2px; margin: 15px 0; display: block; font-weight: 600; text-transform: uppercase; color: #39bdb0; }
.footer-box p { font-size: 14px; margin: 5px 0; }
.footer-box p a { color: #fff; }
.footer-box p a:hover { color: #39bdb0; }
.footer-box .image { margin-top: 10px; }

.footer-box ul {
	margin: 0;
	width: 100%;
	box-sizing: border-box;
	list-style-type: none;
	padding: 10px 0;
}
.footer-box ul li {
	font-size: 14px;
    vertical-align: middle;
}
.footer-box ul li a {
color: #fff;
	vertical-align: middle;
    display: inline-block;
    padding: 0 0 5px 0;
	text-decoration:none;
	-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.footer-box ul li a:hover { color: #39bdb0; }

.footer-box input, .footer-box textarea, .footer-box select { padding: 10px; margin: 0; font-size: 13px; }
.footer-box textarea { height: 80px; }
.footer-box input:focus, .footer-box textarea:focus, .footer-box select:focus { }
.footer-box input[type="submit"] { width: 100%; padding: 10px 20px; font-size: 12px; }
.footer-box input[type="submit"]:hover {  }

.copyright {
    letter-spacing: 1px;
	display: block;
	font-size: 13px;
    padding: 30px 10px;
    margin:0 auto;
	text-align: center;
}
.copyright span { display: inline-block; }

.footer .footer-nav { display: inline-block; list-style-type: none; margin: 0; padding:0; }
.footer .footer-nav a { display:inline-block; padding: 0 0 0 10px; font-size: 14px; border-left: 1px solid #676767; margin: 0 0 0 10px; font-weight:400; color:#fff;
-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.footer .footer-nav a:hover { color: #39bdb0; }
.footer .button { font-size: 14px; padding: 5px 15px; margin: 0; float: right; }


/* --------------------------------------------------- RESPONSIVE --------------------------------------------------- */

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

	header.main-header { padding: 0 20px; }
header.main-header .logo { left: 20px; }
	header .top-header .icon-block { background: #fff !important; padding: 0; margin-left: 5px; }
header .top-header .icon-block p.text { display: none; }

}

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

    .entry-content .alignwide {
        margin-left  : 0;
        margin-right : 0;
    }
.nav-top ul li a { padding: 10px; }
	
.round-corner { 
  -webkit-border-radius: 200px 0;
  -moz-border-radius: 200px 0;
  border-radius: 200px 0;
}

.banner .slick-slide .slide { height: 650px !important; }
.slick-slider.variable img { height: 400px; }
	
.banner-text { left:50px; bottom:70px; right: 50px; }
.banner-text h1, .home .banner-text h2 { font-size: 50px; }
.banner-text h2, .banner-text h3 {font-size: 20px;}
}

@media screen and (min-width: 1200px) {
.nav-mob, .mobile-navigation-bg, .mobile-navigation { display: none !important; }
header.main-header.navbar-shrink .top-header .icon-block p { font-size: 12px; }
header.main-header.navbar-shrink .top-header .icon-block i { font-size: 25px; }
}

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

header .top-header .icon-block p.text { display: inline-block; }
header .top-header { text-align: left; max-width: 475px; position: absolute; right:-480px; top: 78px; }
header .top-header.open { right:0; width: 100%; }
header .top-header .icon-block { display: block; padding: 16px 10px; border-left: none; border-top: 1px solid #f6f6f6; margin: 10px; }

header.main-header .header { background: #fff; }
.page-template-home-big-slider header.main-header { background: #fff; }
header.main-header .logo.logo-mob { display: block; }
header.main-header .header-top { padding-top: 5px; }
header.main-header.navbar-shrink .header { margin-top: 0; }
header .social-box { position: absolute; left:70px; }
	
.mobile-navigation { display: block; }
.nav-top { display: none !important; }

.lang { border: none; }
.lang ul { margin: 20px 5px; }

.page-title { padding: 70px 20px; }
.page-title h1 { font-size: 42px; }

.blog-container { padding: 0; margin: 10px; }

}

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

.single-post h1 { font-size: 34px; }
h1 { font-size: 40px; }
h2 { font-size: 30px; }
h3 { font-size: 22px; }
p { line-height: 1.5; }

.round-corner {
  -webkit-border-radius: 100px 0;
  -moz-border-radius: 100px 0;
  border-radius: 100px 0;
}


.slider-bg-img { bottom: 40%; }
.banner .slick-slide .slide { height: 550px !important; }
.banner-text { left: 0; bottom: 50px; right: 0; }
.banner-text .text-box { padding: 0 20px; max-width: 100%; text-align: center; float: none; }
.banner-text h1, .home .banner-text h2 { font-size: 40px; }
.banner-text h2, .banner-text h3 {font-size: 18px;}
.banner-text p { margin: 0; }
.banner-text a { font-size: 16px; padding: 15px 20px; letter-spacing: normal; }

.slick-prev { left:-10px; }
.slick-next { right:-10px; }

.gradient-bg { display: block; color: #fff; text-align: left; position: absolute; left:0; right:0; top:0; bottom:0; z-index:6; min-width: 50%;
background: -moz-linear-gradient(0deg, rgba(31,76,104,1) 42%, rgba(31,76,104,0) 70%, rgba(31,76,104,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(31,76,104,1) 42%, rgba(31,76,104,0) 70%, rgba(31,76,104,0) 100%);
background: linear-gradient(0deg, rgba(31,76,104,1) 42%, rgba(31,76,104,0) 70%, rgba(31,76,104,0) 100%);
}

.page-template-home-big-slider .appointment { bottom: 50px; right: 30px; left: 30px; width: auto !important; }
.appointment { bottom: -40px; right: 30px; left: 30px; width: auto !important; }
	
.title-box h1 { font-size: 45px; }
.reviews-title { font-size: 24px; max-width: 80%; }

.action-call { padding: 30px 20px !important; margin-top: -30px; }
	.heading-block { padding: 30px !important; }
	
.gallery-item { width: 50% !important; }
.gallery-columns-1 .gallery-item { width: 100% !important; }
	
.post-box { width: 48%; }
	
.service-block { display: block; }
.service-block .image { padding: 30% 0; }
.service-block .icon { width: 130px; top: -0; left: 50% !important; right: inherit !important; margin: -65px 0 20px -65px; }
.service-block .text { padding: 60px 30px 40px 30px; }
.mob-center.bottom-line:after { margin: 20px auto 0 auto; }

.sticky, #sidebar.sidebar-blog { display: none !important; }
.single-content { width: 100%; text-align: left; }

.no-mob { display: none !important; }

button.mfp-arrow-right { right: 15px; }
	
.footer-box { width: 50%; }
	/*
	.footer-box:nth-child(3) { border-left: none; border-top: 1px solid #5693b5; }
	.footer-box:nth-child(4) { border-top: 1px solid #5693b5; }
	*/

}

@media screen and (min-width: 920px) {
.no-desk { display: none !important; }
}

@media screen and (max-width: 767px) {
	
.wp-block-media-text.has-background > .wp-block-media-text__content { padding: 8% !important; }
.wp-block-media-text > .wp-block-media-text__content { padding: 8% 0 !important; }

.single-post h1 { font-size: 28px; }
h1 { font-size: 34px; }
h2 { font-size: 25px; }
h3 { font-size: 20px; }
p, ul li, ol li, dl dt, dl dd { }
.col-2, .col-3, .col-4 { width: 100%; float: none; }

.header-block { padding: 30px; }
header .top-header { top: 56px; width: 100%; }
header.main-header { padding: 0 10px; }
header.main-header .logo { width: 170px; left: 12px; }
header.main-header .logo img { width: 170px; max-width: 170px; }
/*header.main-header.navbar-shrink .logo { width: 50px; }*/
header .social-box { display: none; }

.mobile-navigation { padding: 1px 0 0 0; }
.nav-mob .button a { font-size: 16px; }

.appointment { font-size: 16px; }
	
input, textarea, select { font-size: 14px; }

.title-box { padding: 40px 10px 20px 10px; }
.title-box h1 { font-size: 36px; }
	
.ribbon-title h3 { top: -19px; }

.icon-box { min-height: 10px !important; padding-top: 20px; }
.icon-box p { font-size: 16px; }

.post-box .text-box p { font-size: 14px; }
.post-nav { display: none; }
.post-box .date { top: 0; }

.faq-list ul { padding: 0 0 0 30px; }
.faq-list ul li h4 { font-size: 20px; }
.faq-list ul li:before { font-size: 24px; margin: -6px 14px 0 -35px; }

}

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

body {font-size: 14px;}

.single-post h1 { font-size: 24px; }
h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }

.has-large-font-size { font-size: 27px !important; }
.has-medium-font-size { font-size: 15px !important; }

.banner-text a { display: block; }
.banner-text h1, .home .banner-text h2 {font-size: 30px;}
.banner-text h2, .banner-text h3 {font-size: 15px;}
.banner .slick-slide { }
.slick-slider.variable img { height: 350px; }
	
.page-title h1 { font-size: 30px; }
	
.post-box { width: 100%; border: none; margin: 0 auto 20px auto; min-height: 400px; }
	.single-content { padding: 20px 0 50px 0; }
.gallery-item { width: 100% !important; }
	
.faq-list ul li h4 { font-size: 18px; }

.container { padding: 0 20px; }
blockquote { padding: 20px; }
	
.home-services { padding: 0 0 30px 0; }

.single-content img.alignnone { width: 100%; }
img.alignleft , img.alignright { max-width: 100%; margin: 15px auto; padding: 15px 0; }
.alignleft, .alignright { float: none; }

#sb_instagram.sbi_col_6 #sbi_images .sbi_item { height: 150px !important; width: 50% !important; margin-bottom: 3px !important; }
#sb_instagram .sbi_photo { height: 150px !important; }

.quick-form { padding: 30px; }
.quick-form textarea { height: 100px; }
.contact-block .button { padding: 15px 20px; letter-spacing: normal; }
	
input[type="submit"], .button { font-size: 15px; }
	
.service-block .text { padding: 60px 20px 40px 20px; }
	
	.reviews-wrapper { padding: 20px 0; }
	.reviews-title { font-size: 22px; max-width: 70%; }
	.reviews .slick-slide { padding: 20px; }
	
.footer-bottom .footer-nav a { display: block; border: none; margin: 5px; }
.footer-box { width: 100%; border-left: none; border-bottom: 1px solid #5693b5; padding: 20px; }

}

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

.icon-box p { font-size: 12px; }
.g-recaptcha { display: inline-block; transform:scale(0.7);-webkit-transform:scale(0.7); transform-origin:0 0;-webkit-transform-origin:0 0; }

}