/*
 Theme Name:   Enliven-child
 Description:  Enliven Child Theme
 Author:       Chernish Web Studio
  Template: enliven
*/

@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|PT+Sans|Poiret+One|Roboto+Condensed|Roboto:100,300,400,700';

.komm {text-align: left;    font-size: 1.1rem;    margin-bottom: 5px;}
.son_wrapper { width: 150px; height: 150px; position: fixed; bottom: 0;right: 0; border:0px solid #CD7F32; z-index:9999; }
.son_wrapper a { text-decoration:none; }
.son_circle { width:100px; height:100px; border-radius:250px; font-size:14px; font-family: Play, sans-serif !important; color:#fff; line-height:25px; text-align:center; background:#CD7F32; }
@keyframes son_outercircle { 0% { transform: scale(1,1) opacity: 1; } 80% { opacity: 0.8; } 100% { transform: scale(2,2); opacity: 0; } }
.son_outercircle { z-index: -1000; position: absolute; width: 70px; height: 70px; border: 5px solid #CD7F32; border-radius: 50%; animation: son_outercircle 2s infinite linear; margin-top: 15px ; margin-left: 15px ; }
.son_frame { background: #fofofo; color: white; width: 50%; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; resize: both; overflow: hidden; width: 1027px; height: 706px; } .son_overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0,0,0,0.5); /*dim the background*/ display: none; } .son_frame iframe { background: #fofofo; } #son_close { position: absolute; top: 31px; right: 25px; width: 18px; height: 18px; border: 0px solid red; cursor: pointer; display: block; }

/*----------шаблон-------- */ 
.site-header {padding:0;}
.site-title-text img {width:135px;}
.main-navigation {font-family: 'Roboto', sans-serif;    font-size: 2rem;    letter-spacing: 0px;    font-weight: 400;}
#main-nav-button {    background: #6b411c;}
.main-navigation a {padding:0 10px}
.enl-fcontent-title {font-size:2rem}
.enl-fcontent-details {font-size:1.5rem}
.enl-pb-widget-area {background:none;}
.image-bg-header .site-description {color:#6b411c;}
.allblocks {width:100%;padding:0;}
.site-content {padding: 0;}
.page-content, .entry-content, .entry-summary {margin:0;}
.hentry {margin: 0}
.col-lg-12 {padding: 0;}
.row {margin: 0;}
a {text-decoration:underline; color:#6b411c;-webkit-transition: color 0.5s ease;-moz-transition: color 0.5s ease;-o-transition: color 0.5s ease;transition: color 0.5s ease;}
a:hover, a:focus {color:#000;-webkit-transition: color 0.5s ease;-moz-transition: color 0.5s ease;-o-transition: color 0.5s ease;transition: color 0.5s ease;}
a:focus  {color:#000; text-decoration:none}

.sticky-nav {background:#f8e9c9;}
.sticky-nav .site-title {margin:10px 0;}
.sticky-nav .site-description {display:none;}
.sticky-nav .main-navigation a {color: #6b411c;}
.sticky-nav .main-navigation a:hover {color: #000;}
.sticky-nav .main-navigation a {line-height:90px;}

/*----------дивы блоки-------- */ 
.gold {background:#e9c987;}
.shoko {background:#6b411c;   color: #fff}
.shoko h2 {color:#fff !important}
.shoko h3 {text-align:center; margin:30px 0;    color: #f8e9c9;font-size: 2rem;}
.shoko .title2 {border-bottom: 3px solid #fff !important}
/*---------- контентная часть -------- */ 

h2, .h2 {font-size: 2rem;font-weight:600;}
ul, ol {margin:0;}

.lendblock {max-width:1024px; margin:0 auto; padding:2rem; font-family: 'Roboto', sans-serif;    font-size: 1.6rem;}
.lendblock h2 {text-align:center;color:#000;margin:3rem 0 2rem 0;font-family: 'Roboto', sans-serif;    text-transform: uppercase;}
.lendblock h2 i {color: #b27c0e;font-size: 3.2rem;}
.lendblock p { margin-bottom: 1.5rem;}
   
.title2 {border-bottom: 3px solid #000; margin: 0 45% 3rem 45%}
   
.akcii ul {list-style: none;padding:0; margin-bottom:60px}
.akcii li {padding: 20px 0;font-weight: 600;font-size: 1.5rem;    border-bottom: 2px dotted #000;}
.akcii li div {padding-left: 35px}
.akcii li:before { content: "\f06b"; font: normal normal normal 14px/1 FontAwesome; font-size: 2.5rem;  color: #b27c0e; float: left;}
.akcii li li:before {display:none}
.akcii li li {padding: 3px 0;font-weight: 400;font-size: 1.5rem;border-bottom: 0;}
.akcii ul ul {list-style: disc;margin-bottom: 0;}

.price-position {padding: 30px 0px;font-size:1.7rem;margin: 0 0 20px 0;text-align:center;overflow: hidden;display:block;}
.price-position a {border:0; display:block;-webkit-transition: color 0.5s ease;-moz-transition: color 0.5s ease;-o-transition: color 0.5s ease;transition: color 0.5s ease;}
.price-position a:hover {text-decoration:none}
.price-position span {display:block;}
.price-position img {margin-bottom: 20px;border-radius:100%; width:90%; border: 2px solid #e9c987;padding: 1px;filter: opacity(1);-webkit-filter: opacity(1);-webkit-transition: border 0.5s ease, filter 0.5s ease, -webkit-filter 0.5s ease;-moz-transition: border 0.5s ease, filter 0.5s ease, -webkit-filter 0.5s ease;-o-transition: border 0.5s ease, filter 0.5s ease, -webkit-filter 0.5s ease;
transition: border 0.5s ease, filter 0.5s ease, -webkit-filter 0.5s ease;}
.price-position img:hover {border: 2px solid #6b411c;filter: opacity(0.6);-webkit-filter: opacity(0.6);-webkit-transition: border 0.5s ease, filter 0.5s ease, -webkit-filter 0.5s ease;-moz-transition: border 0.5s ease, filter 0.5s ease, -webkit-filter 0.5s ease;-o-transition: border 0.5s ease, filter 0.5s ease, -webkit-filter 0.5s ease;transition: border 0.5s ease, filter 0.5s ease, -webkit-filter 0.5s ease;}
.buttons4 {width:24%;float:left;margin:0 1% 0 0}
.buttons4 .link-button {display: block;padding:15px 7px;font-size:0.9rem; font-weight:600}

.gruppa-uslug {padding:30px 0 50px 0;}
.gruppa-uslug h3, .gruppa-uslug h4{color: #6b411c; margin:20px 0 10px 0}
.gruppa-uslug h3 {font-size:25px}
.gruppa-uslug h3:first-child{margin-top:0}

.price {list-style:none;padding: 0;margin: 0;}
.price li {text-align:left;font-size: 1.5rem; border-bottom: 1px dotted #b0b0b0;position: relative;    padding: 0;    margin-bottom:7px;}
.price li li:last-child {border:0}
.price li li {margin-bottom:1px;font-weight:400}
.price ul {list-style:none;padding-left:0}
.price li li li {border: 0;margin-bottom: 0px;font-size: 1.4rem;line-height: 1.3;font-style: italic;}    
ul.price li span {margin: 0; display:inline-block }
ul.price span.usluga {position :relative;    width:80%}
ul.price span.cena {position: absolute;right: 0;color: #6b411c;font-weight:400 !important;}


img.price_button_active{
    border: 2px solid #6b411c;filter: opacity(1.0);-webkit-filter: opacity(1.0);
-webkit-transition: border 0.5s ease, filter 0.5s ease, -webkit-filter 0.5s ease;
-moz-transition: border 0.5s ease, filter 0.5s ease, -webkit-filter 0.5s ease;
-o-transition: border 0.5s ease, filter 0.5s ease, -webkit-filter 0.5s ease;
transition: border 0.5s ease, filter 0.5s ease, -webkit-filter 0.5s ease;
}

.contacts {width:100%}
.contacts div {padding: 0 0 40px 0;text-align: center;}
.vk-wid {display:none}


.online {margin-top:0}
.online a {border:2px solid #6b411c;padding:20px 30px;text-decoration:none;text-transform:uppercase;-webkit-transition: border 0.5s ease;-moz-transition: border 0.5s ease;-o-transition: border 0.5s ease;transition: border 0.5s ease;}
.online a:hover {border:2px solid #000;-webkit-transition: border 0.5s ease;-moz-transition: border 0.5s ease;-o-transition: border 0.5s ease;transition: border 0.5s ease;}

.soc p {margin: 0;}
.soc ul {margin: 0;    padding: 0;    list-style: none;}
.soc li {display: inline-block;    font-size: 3.5rem;    padding: 7px 3px;}
.soc a {text-align: center;    display: block;    font-size: 2.2rem;    width: 45px;    height: 45px;    line-height: 45px;    color: #f8e9c9;    border-radius: 100%;    background: #6b411c;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;}

.soc a:hover {background: #000;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
transition: background 0.5s ease;
}

.maps {display:none}



@media screen and (max-width: 991px) {
.site-header {background-color: #f8e9c9;}
}

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

.price-position .col-md-3 {padding:0 10px}
.gruppa-uslug {padding:30px 0 50px 0;-webkit-column-count:2;      -moz-column-count:2;      column-count:2;   -webkit-column-gap: 45px;      -moz-column-gap: 45px;      column-gap: 45px; -moz-column-rule: 1px dotted #ccc;      -webkit-column-rule: 1px dotted #ccc;      column-rule: 1px dotted #ccc; }
.price li {font-weight:600;}
ul.price span.usluga {width:85%}
.shoko h3 {font-size: 2.5rem;}


/* --------------блоки дивы-------------*/
.products { background-image: url(images/123.jpg); background-size: cover; color:#fff !important}
.products h2 {color:#fff !important}
.products .title2 {border-bottom: 3px solid #fff !important}

.contacts {width:55%;margin-left:1%;float:left}
.contacts div {text-align: left;}
.vk-wid {display:block;width:24%;float:left}
.vk-wid p {display:none}
.vk-wid {margin-bottom:50px}
.maps {display:block}
}


@media screen and (min-width: 960px) {
.site-title-text img {width:185px}
.image-bg-header .site-description {color:#f8e9c9;}

/*---------- контентная часть -------- */
h2, .h2 {font-size: 3.5rem;font-weight:500;}
.ms-info h2 {font-size: 3rem}
ul, ol {margin: 0 0 1.5em 1.5em;}
    
.enl-fcontent-title {font-size:5rem}
.enl-fcontent-details {font-size:2.5rem}   
    
.lendblock {padding:3rem 5rem;}
.lendblock h2 {margin:5rem 0 2rem 0}
.title2 { margin: 0 45% 5rem 45%}

.akcii li {font-size: 2rem;}

.contacts {width:65%;margin-left:1%;float:left}
.contacts div {font-size: 2rem;}
}