/*
Theme Name: TONUS Auto
Theme URI: http://tonusauto.com.ua
Description: Оригинальные и неоригинальные запчасти в наличии и под заказ
Version: 1.0
Author: Paul Nyzovets
Author URI: http://nyzovets.com
*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100&subset=latin,cyrillic);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,cyrillic);
/* font-family: "BebasRegular"; */
@font-face {
    font-family: "BebasRegular";
    src: url("fonts/BebasRegular/BebasRegular.eot");
    src: url("fonts/BebasRegular/BebasRegular.eot?#iefix")format("embedded-opentype"),
    url("fonts/BebasRegular/BebasRegular.woff") format("woff"),
    url("fonts/BebasRegular/BebasRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "BebasBook"; */
@font-face {
    font-family: "BebasBook";
    src: url("fonts/BebasBook/BebasBook.eot");
    src: url("fonts/BebasBook/BebasBook.eot?#iefix")format("embedded-opentype"),
    url("fonts/BebasBook/BebasBook.woff") format("woff"),
    url("fonts/BebasBook/BebasBook.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "BebasBold"; */
@font-face {
    font-family: "BebasBold";
    src: url("fonts/BebasBold/BebasBold.eot");
    src: url("fonts/BebasBold/BebasBold.eot?#iefix")format("embedded-opentype"),
    url("fonts/BebasBold/BebasBold.woff") format("woff"),
    url("fonts/BebasBold/BebasBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "BebasLight"; */
@font-face {
    font-family: "BebasLight";
    src: url("fonts/BebasLight/BebasLight.eot");
    src: url("fonts/BebasLight/BebasLight.eot?#iefix")format("embedded-opentype"),
    url("fonts/BebasLight/BebasLight.woff") format("woff"),
    url("fonts/BebasLight/BebasLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "BebasThin"; */
@font-face {
    font-family: "BebasThin";
    src: url("fonts/BebasThin/BebasThin.eot");
    src: url("fonts/BebasThin/BebasThin.eot?#iefix")format("embedded-opentype"),
    url("fonts/BebasThin/BebasThin.woff") format("woff"),
    url("fonts/BebasThin/BebasThin.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
* {margin: 0;padding: 0;border: none;outline: none;}
html, body {padding: 0;margin: 0;height: 100%;width: 100%;}
body {font: 14px/18px 'Roboto',Tahoma, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1 {font-size: 25px}
h2 {font-size: 23px;}
h3 {font-size: 21px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}
a {text-decoration: none;color: #000;}
a:hover {text-decoration: underline;}
ol, ul {list-style: none;margin: 0;padding: 0;}
::selection {background: #ffb7b7;}
::-moz-selection {background: #ffb7b7;}
.left {float: left;}
.right {float: right;}
.container {width: 1160px;margin: 0 auto;overflow: hidden;}
.container2 {width: 1160px;margin: 0 auto;}
.cnt{display: table;margin:0 auto;}
.block {overflow: hidden;}
.col-2{width: 50%;box-sizing:border-box;padding: 10px;}
.col-3{width: 33%;box-sizing:border-box;padding: 10px;}
.col-4{width: 25%;box-sizing:border-box;padding: 10px;}
.col-5 {width: 20%;box-sizing:border-box;padding: 10px;}
.modal_div {width: 480px;background: #fff;position: fixed;top: 40%;left: 40%;padding: 40px;margin-top: -150px;margin-left: -150px;display: none;opacity: 0;z-index: 1000;}
.modal_div .col-2:nth-child(1) {padding-left: 0;}
.modal_div .col-2:nth-child(2) {padding-right: 0;}
.modal_div .modal_close {width: 30px;height: 30px;position: absolute;top: 0px;right: 0px;cursor: pointer;display: block;border-radius: 50%;text-align: center;line-height: 30px;color:#808080;font-weight: 700;}
#overlay {z-index:999;position:fixed;background-color:#000;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);width:100%; height:100%;top:0;left:0;cursor:pointer;display:none;}
.txt-info {box-sizing: border-box;text-align: center;padding: 10px;color: #585858;font: 700 16px/28px Arial, Helvetica, Tahoma, sans-serif;}
.modal-inp {width: 100%;height: 30px;border: 1px solid #ECECEC;margin: 20px auto;display: table;box-sizing: border-box;padding-left: 15px;}
.modal-inp::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
.modal-inp::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
.modal-inp:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
.modal-inp:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
.modal-inp:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
.modal-inp:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
.modal-inp:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
.modal-inp:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}
.modal-inp:focus {border:1px solid #FFCC02;}
.modal-btn {transition: all 0.5s;width: 100%;height: 40px;border: none;margin: 0px auto 10px;display: table;box-sizing: border-box;background: #FFCC02;color: #212121;}
.modal-btn:hover {opacity: 0.8;cursor: pointer;}
.alignleft {display: inline;float: left;}
.alignright {display: inline;float: right;}
.aligncenter {display: block;margin-right: auto;margin-left: auto;}
.transition {-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;}
.last {padding-right: 0;margin-right: 0;}
.header {background: url(img/header.jpg) center top no-repeat;height: 100vh;background-attachment: fixed;position: relative;background-size: cover;}
.header .container {height: 100%;}
.header .top-panel {font-family: 'Roboto Slab';font-weight: 700;color: #fff;font-size: 16px;overflow: hidden;height: 40px;}
.header .top-panel i {color: #FFCC02;margin-right: 5px;}
.header .top-panel .mail {margin-right: 50px;margin-top: 10px;}
.header .top-panel .adres {margin-right: 50px;margin-top: 10px;}
.header .top-panel .phones {margin-right: 50px;margin-top: 10px;}
.header .top-panel .login {background: #FFCC02;color: #212121;padding: 5px 10px;border-radius: 3px;display: block;transition: all 0.5s;margin-top: 6px;}
.header .top-panel .login:hover {text-decoration: none;opacity: 0.8;}
.header .menu-panel {position: relative;height: 60px;}
.header .menu-panel .logo {position: absolute;top:-30px;z-index: 2;left: 0;}
.header .menu-panel .main-menu {height: 60px;background: #212121;width: 98%;position: relative;left: 2%;z-index: 1;box-sizing: border-box;padding-left: 120px;}
.header .menu-panel .main-menu li {display: inline-block;}
.header .menu-panel .main-menu li a {display: block;font-family: 'Roboto Slab';font-weight: 700;color: #fff;padding: 21px 17px;}
.header .menu-panel .main-menu li a:hover {text-decoration: none;background: #FFCC02 url(img/hover.png) bottom center no-repeat;color: #212121;}
.header .main-text {font-family: "BebasRegular";color: #212121;text-align: center;margin-top: 100px;}
.header .main-text span {background: #FFCC02;display: table;margin: 20px auto;font-size: 65px;font-weight: 700;line-height: 65px;padding: 0px 40px;}
.header .mini-text {color: #fff;font-family: 'Roboto Slab';font-weight: 700;text-align: center;font-size: 24px;line-height: 24px;margin-top: 40px;text-shadow: 1px 1px 1px #000;}
svg {vertical-align: middle;}
.scroll-down {position: absolute;left: 50%;margin-left: -20px;width: 40px;height: 40px;bottom: 20px;padding-left: 7px;cursor: pointer;z-index: 2;color: #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.scroll-down.svg svg {width: 25px;opacity: 1;-webkit-transition: opacity .5s;-moz-transition: opacity .5s;-ms-transition: opacity .5s;-o-transition: opacity .5s;transition: opacity .5s;}
.scroll-down.svg .stroke {stroke: #fff;}
.scroll-down.svg .scroller {fill: #fff;-webkit-animation: updown 1s infinite;-moz-animation: updown 1s infinite;-o-animation: updown 1s infinite;animation: updown 1s infinite;}
@-webkit-keyframes updown {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 5px);
        transform: translate(0, 5px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}
@-moz-keyframes updown {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -moz-transform: translate(0, 5px);
        transform: translate(0, 5px)
    }
    100% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}
@-o-keyframes updown {
    0% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -o-transform: translate(0, 5px);
        transform: translate(0, 5px)
    }
    100% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}
@keyframes updown {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    50% {
        -webkit-transform: translate(0, 5px);
        transform: translate(0, 5px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}
.fl2 {padding: 40px 0px;}
.fl2 .title {color: #212121;font-family: 'Roboto Slab';font-weight: 700;font-size: 35px;line-height: 35px;text-align: center;}
.fl2 .title:after {content: "";display: table;width: 150px;height: 1px;background: #FFCC02;margin: 20px auto 20px;}
.fl2 .desc {font-weight: 300;color: #212121;text-align: justify;font-size: 16px;margin-bottom: 40px;}
.fl2 .col-2 {padding: 20px;}
.fl2 .col-2 .panel {height: 110px;background: url(img/panel.jpg) no-repeat;width: 100%;background-size: cover;position: relative;}
.fl2 .col-2 .panel .text {color: #5b5b5b;font-family: 'Roboto Slab';font-weight: 700;font-size: 24px;line-height: 28px;margin-top: 10px;margin-left: 20px;}
.fl2 .col-2:nth-child(1) .text {background: url(img/clock.png) left center no-repeat;padding-left: 90px;}
.fl2 .col-2:nth-child(2) .text {background: url(img/master.png) left center no-repeat;padding-left: 90px;padding-top: 10px;padding-bottom: 20px;}
.fl2 .col-2 .panel .btn {font-family: "BebasBold";display: block;width: 110px;height: 110px;position: absolute;right: 0;top:0;background: #FFCC02;color: #212121;font-size: 30px;text-align: center;line-height: 35px;padding-top: 25px;box-sizing: border-box;text-decoration: none;transition: all 0.5s;}
.fl2 .col-2 .panel .btn {
	-webkit-animation: btnServices 1s linear 1s infinite;
	-moz-animation: btnServices 1s linear 1s infinite;
	-o-animation: btnServices 1s linear 1s infinite;
	animation: btnServices 1s linear 1s infinite;
}
@-webkit-keyframes btnServices {
	0% {background: #FFCC02;}
	50% {background: #FFEC6E;}
	100% {background: #FFCC02;} 
}
@-moz-keyframes btnServices {
	0% {background: #FFCC02;}
	50% {background: #FFEC6E;}
	100% {background: #FFCC02;} 
} 
@-o-keyframes btnServices {
	0% {background: #FFCC02;}
	50% {background: #FFEC6E;}
	100% {background: #FFCC02;} 
} 
@keyframes btnServices {
	0% {background: #FFCC02;}
	50% {background: #FFEC6E;}
	100% {background: #FFCC02;} 
} 
.fl2 .col-2 .panel .btn:hover {text-decoration: none;background: #FFD635;}
.fl2 .col-2:nth-child(1) {padding-left: 0;}
.fl2 .col-2:nth-child(2) {padding-right: 0;}
.fl3 {padding: 40px 0px;background: #FFCC02;}
.fl3 .title {font-size: 30px;color: #212121;text-align: center;line-height: 30px;font-family: 'Roboto Slab';font-weight: 700;margin-bottom: 40px;}
.fl3 .item {width: 260px;height: 140px;margin-right: 40px;background: url(img/perm.jpg) no-repeat;opacity: 0;}
.fl3 .item:last-child {margin-right:0;}
.fl3 .item .img {background: url(img/sprite.png) no-repeat;width: 60px;height: 60px;margin: 15px auto 10px;}
.fl3 .item:nth-child(1) .img {width: 93px;height: 52px;background-position: left top;}
.fl3 .item:nth-child(2) .img {width: 59px;height: 59px;background-position: right top;}
.fl3 .item:nth-child(3) .img {width: 59px;height: 57px;background-position: left bottom;}
.fl3 .item:nth-child(4) .img {width: 56px;height: 56px;background-position: right bottom;}
.fl3 .item .text {font-family: 'Roboto Slab';font-weight: 700;text-align: center;font-size: 20px;color: #212121;line-height: 22px;}
.fl4 {padding: 40px 0px;}
.fl4 .col-2 {padding: 20px;}
.fl4 .col-2:nth-child(1) {padding-left: 0px;}
.fl4 .col-2:nth-child(0) {padding-right: 0px;}
.fl4 .col-2 .title {font-family: 'Roboto Slab';font-weight: 700;font-size: 35px;line-height: 35px;background: url(img/pix.jpg) center repeat-x;color: #212121;margin-bottom: 10px;}
.fl4 .col-2 .title span {background: #fff;padding-right: 40px;}
.fl4 .col-2 .text {font-family: 'PT Sans', sans-serif;color: #212121;font-size: 16px;line-height: 20px;text-align: justify;}
.fl4 .col-2 .text p {padding-top: 25px;}
.fl4 .col-2 .fullLink {background: #FFCC02;padding: 5px 10px;display: table;float: right;margin-top: 20px;font-family: 'PT Sans', sans-serif;color: #212121;transition: all 0.5s;}
.fl4 .col-2 .fullLink:hover {text-decoration: none;opacity: 0.8;}
#about .owl-carousel {position: relative;}
#about .owl-controls {position: absolute;bottom: 10px;left: 45%;}
#about .owl-controls .owl-dots {}
#about .owl-controls .owl-dots .owl-dot {width: 15px;height: 15px;background: #FFF;float: left;margin-right: 5px;}
#about .owl-controls .owl-dots .active {background: #FFCC02;}
#about .owl-controls .owl-dots .owl-dot:hover {background: #FFCC02;}
.fl5 {padding: 40px 0px;background: url(img/price.jpg) fixed;}
.fl5 .title {color: #fff;font-family: 'Roboto Slab';font-weight: 700;font-size: 35px;line-height: 35px;text-align: center;}
.fl5 .title:after {content: "";display: table;width: 150px;height: 1px;background: #FFCC02;margin: 20px auto 40px;}
.fl5 .item {width: 360px;height: 100px;margin-right: 40px;box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.28);margin-bottom: 5px;}
.fl5 .item:last-child {margin-right: 0;}
.fl5 .item .text {background: #fff;width: calc(100% - 100px);height: 100%;text-align: center;font-family: 'Roboto Slab';font-weight: 700;color: #212121;font-size: 24px;line-height: 100px;}
.fl5 .item .number {width: 100px;height: 100%;background: #FFCC02;padding-top: 25px;box-sizing: border-box;}
.fl5 .item .number span {display: block;color: #212121;text-align: center;font-family: 'Roboto Slab';font-weight: 700;}
.fl5 .item .number .t1 {font-size: 33px;margin-bottom: 10px;}
.fl5 .item .number .t2 {font-size: 12px;}
.fl6 {padding: 40px 0px 0px;}
.fl6 .title {color: #212121;font-family: 'Roboto Slab';font-weight: 700;font-size: 35px;line-height: 35px;text-align: center;}
.fl6 .title:after {content: "";display: table;width: 150px;height: 1px;background: #FFCC02;margin: 20px auto 20px;}
.fl6 .desc {font-weight: 300;color: #212121;text-align: justify;font-size: 16px;margin-bottom: 40px;}
.fl6 a {position: relative;width: 200px;height: 200px;overflow: hidden;cursor: pointer;box-sizing: border-box;margin-right: 40px;float: left;margin-bottom: 40px;display: block;}
.fl6 a:hover img {width: 110%;height: 110%;}
.fl6 a img {transition: all 0.5s;}
.fl6 .item {border: 1px solid #ECECEC;overflow: hidden;}
.fl6 a:nth-child(5n) {margin-right: 0px;}
.fl6 .item img {width: 100%;height: 100%;}
.fl6 .item .titLink {position: absolute;width: 100%;bottom: 0;background: #FFCC02;text-align: center;color: #212121;font-family: 'Roboto Slab';font-weight: 700;font-size: 16px;line-height: 20px;padding: 10px 0px;z-index: 99999;right: 0;}
.fl6 .v3,.v4,.v5,.v6 {display: none}
.fl6 .moreOpen {width: auto;height: auto;text-align: center;display: table;margin: 0 auto 40px;float: none;background: #FFCC02;padding: 5px 10px;font-family: "BebasBold";font-size: 18px;transition: all 0.5s;}
.fl6 .moreOpen:hover {text-decoration: none;background: #FDDE62;}
.fl7 {padding: 40px 0px;border-top: 1px solid #FFCC02;}
.fl7 .title {color: #212121;font-family: 'Roboto Slab';font-weight: 700;font-size: 35px;line-height: 35px;text-align: center;}
.fl7 .title:after {content: "";display: table;width: 150px;height: 1px;background: #FFCC02;margin: 20px auto 40px;}
.fl7 .post {width: 360px;margin-right: 40px;float: left;}
.fl7 .post:last-child {margin-right: 0;}
.fl7 .post .img {width: 100%;height: 200px;margin-bottom: 10px;}
.fl7 .post .date {margin-bottom: 10px;color: #999999;font-size: 12px;font-family: 'PT Sans', sans-serif;}
.fl7 .post .tit {border-left:3px solid #FFCC02;color: #212121;font-family: 'Roboto Slab';font-weight: 700;font-size: 18px;line-height: 24px;padding-left: 10px;margin-bottom: 10px;}
.fl7 .post .short-desc:before {width: 15px;height: 7px;content: "";display: block;background: url(img/arrow.png) no-repeat;position: absolute;top: -2px;left: 10%;}
.fl7 .post .short-desc {color: #666666;font-size: 14px;font-family: 'PT Sans', sans-serif;margin-bottom: 20px;border-top: 1px solid #D5D5D5;padding-top: 10px;position: relative;}
.fl7 .post .fullPost {border: 1px solid #ADADAD;padding: 5px 10px;display: table;}
.fl7 .post .fullPost:hover {text-decoration: none;background: #adadad;color: #FFFFFF;}
.fl7 .linkCat {text-transform: uppercase;text-align: center;color: #212121;margin: 20px auto 0px;background: #FFCC02;display: table;padding: 5px 10px;}
.fl7 .linkCat:hover {text-decoration: none;background: #ddd;}
.fl8 {padding: 40px 0px 0px;background: #FFCC02;}
.fl8 .title {color: #212121;font-family: 'Roboto Slab';font-weight: 700;font-size: 35px;line-height: 35px;text-align: center;}
.fl8 .title:after {content: "";display: table;width: 150px;height: 1px;background: #FFF;margin: 20px auto 40px;}
.fl8 .col-3 {padding-left: 60px;}
.fl8 .col-3:nth-child(1) {background: url(img/phone.png) left center no-repeat;}
.fl8 .col-3:nth-child(2) {background: url(img/loc.png) left center no-repeat;}
.fl8 .col-3:nth-child(3) {background: url(img/clock2.png) left center no-repeat;}
.fl8 .col-3 .tit {color: #212121;font-family: 'Roboto Slab';font-weight: bold;margin-bottom: 5px;}
.fl8 .col-3 .tit2 {font-weight: 700;margin-bottom: 0px;display: block;color: #D80000;}
.fl8 .col-3 .text {color: #000;font-weight: 700;font-family: 'PT Sans', sans-serif;margin-bottom: 5px;}
.fl8 .show-map {background: #FFD941;width: 100%;text-align: center;margin-top: 40px;transition: all 0.5s;}
.fl8 .show-map:hover {background: #FFE580;}
.fl8 .show-map .titmap{padding: 10px 0px;cursor: pointer;color: #212121;font-family: 'Roboto Slab';font-weight: bold;}
.fl8 .show-map {
	-webkit-animation: btnmap 1s linear 1s infinite;
	-moz-animation: btnmap 1s linear 1s infinite;
	-o-animation: btnmap 1s linear 1s infinite;
	animation: btnmap 1s linear 1s infinite;
}
@-webkit-keyframes btnmap {
	0% {background:  #FFD941;}
	50% {background: #FFE580;}
	100% {background:  #FFD941;} 
}
@-moz-keyframes btnmap {
	0% {background:  #FFD941;}
	50% {background: #FFE580;}
	100% {background:  #FFD941;} 
} 
@-o-keyframes btnmap {
	0% {background:  #FFD941;}
	50% {background: #FFE580;}
	100% {background:  #FFD941;} 
} 
@keyframes btnmap {
	0% {background:  #FFD941;}
	50% {background: #FFE580;}
	100% {background:  #FFD941;} 
} 
.fl8 .show-map .titmap i {margin-right: 5px;}
.fl8 .show-map .map{display: none;}
.fl9 {padding: 40px 0px;position: relative;background: url(img/review.jpg) fixed;background-size:cover;background-repeat:no-repeat;}
.fl9 .title {margin-bottom: 40px;}
.fl9 .title span {color: #fff;font-family: 'Roboto Slab';font-weight: 700;font-size: 35px;line-height: 35px;}
.fl9 .revit {height: auto;box-sizing: border-box;border:1px solid #ddd;margin-top: 65px;position: relative;background: #fff;}
.fl9 .revit .img {width: 130px;height: 130px;position: absolute;top: -65px;left: 40px;border-radius: 50%;}
.fl9 .revit .img img {width: 100%;height: 100%;border-radius: 50%;}
.fl9 .revit .info {display: block;width: calc(100% - 130px);box-sizing: border-box;padding-left: 190px;margin-top: 20px;}
.fl9 .revit .info .name {color: #212121;font-family: 'Roboto Slab';font-weight: 700;font-size: 20px;line-height: 20px;}
.fl9 .revit .info .car {font-family: 'Roboto Slab';font-weight: 700;color: #FFCC02;margin-top: 5px;}
.fl9 .revit .text {box-sizing: border-box;padding: 40px;font-family: 'Roboto Slab';font-weight: 700;color: #656565;font-size: 16px;line-height: 20px;background: url(img/blockquote.png) 20px 20px no-repeat;}
.fl9 .owl-carousel {position: relative;}
.fl9 .owl-controls {position: absolute;right: 0;top: -75px;}
.fl9 .owl-controls .owl-nav {overflow: hidden;box-sizing: border-box;padding-left: 40px;}
.fl9 .owl-controls .owl-nav div {width: 35px;height: 35px;background: url(img/nav.jpg) no-repeat;float: left;}
.fl9 .owl-controls .owl-nav .owl-next {background-position: right;}
.fl9 .owl-controls .owl-nav .owl-prev {background-position: left;margin-right: 7px;}
.hidden{opacity:0;}
.visible{opacity:1;}
.footer {background: #212121;padding: 40px 0px 0px}
.footer .logof {position: relative;top: 5px;}
.footer .block-foo {width: calc(100% - 110px);box-sizing: border-box;padding-left: 40px;}
.footer .block-foo .foo-menu {text-align: right;}
.footer .block-foo .foo-menu li {display: inline-block;}
.footer .block-foo .foo-menu li a {display: block;color: #fff;font-family: 'Roboto Slab';font-weight: 700;font-size: 16px;padding: 0px 10px;}
.footer .block-foo .foo-menu li a:hover {text-decoration: none;color: #FFCC02;}
.footer .block-foo .info {font-family: 'Roboto Slab';font-weight: 700;color: #fff;font-size: 16px;overflow: hidden;margin-top: 10px;}
.footer .block-foo .info i {color: #FFCC02;margin-right: 5px;}
.footer .block-foo .info .phones {margin-top: 10px;}
.footer .block-foo .info .adres {margin-right: 50px;margin-top: 10px;}
.footer .block-foo .info .mail {margin-right: 50px;margin-top: 10px;}
.footer .block-foo .copyright {color: #fff;margin-top: 20px;}
.footer .block-foo .design {color: #717171;margin-top: 10px;}
#page-preloader {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: #212121;z-index: 100500;}
#page-preloader img {position: absolute;left: 43%;top: 40%;margin: -16px 0 0 -16px;}
.callbackBtn {width: 40px;height: 200px;background: url(img/callback.jpg) no-repeat;display: block;position: fixed;left: 0;top:40%;}
.page-header {height: 300px;}
.page-header .main-text {margin-top: 10px;}
.page-header .main-text span {background: #FFCC02;display: table;margin: 20px auto;font-size: 65px;font-weight: 700;line-height: 65px;padding: 0px 40px;}
.page-header .mini-text {color: #fff;font-family: 'Roboto Slab';font-weight: 700;text-align: center;font-size: 24px;line-height: 24px;margin-top: 40px;text-shadow: 1px 1px 1px #000;}
.page {padding: 40px 0px;}
.page h1 {font-family: 'Roboto Slab';font-weight: 700;margin-bottom: 20px;color: #212121;line-height: 25px;}
.page .content {font-family: 'PT Sans', sans-serif;font-size: 16px;line-height: 24px;color: #212121}
.page .content p {padding-bottom: 20px;}
.page .content blockquote {background: url(img/blockquote.png) left top no-repeat;overflow: hidden;box-sizing: border-box;padding-left: 40px;padding-top:5px;}
.page .content blockquote:before {display: block;content:"";height: 1px;width: 100%;background: #4CE7C3;position: relative;margin-bottom: 15px;}
.page .content ul {padding: 10px;font-weight: 300;color: #696969;list-style-type: disc;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
.page .content ul li {margin-left: 45px;}
.page .content ol {list-style: none;counter-reset: numList;margin-left: 45px;margin-bottom: 15px;}
.page .content ol li {position: relative;padding: 10px 0px;}
.page .content ol li:before {counter-increment: numList;content: counter(numList);float: left;position: absolute;left: -35px;font-weight: bolder;font-size: 12px;text-align: center;color: #fff;line-height: 25px;margin: 0px;width: 25px;height: 25px;background: #4CE7C3;}
.page .content table {/*table-layout: fixed;*/width: 100%;margin: 12px 0px;border-collapse: collapse;text-align: center;}
.page .content table tr td {background: #F5F5F5;border-bottom: 1px solid #ECECEC;}
.page .content table tr:first-child td {background: #008648;font-weight: bold;color: #fff;}
.page .content table th, table td {padding: 6px 8px;}
.single {padding: 40px 0px;}
.single h1 {font-family: 'Roboto Slab';font-weight: 700;margin-bottom: 20px;color: #212121;line-height: 25px;}
.single .content {font-family: 'PT Sans', sans-serif;font-size: 16px;line-height: 24px;color: #212121}
.single .content p {padding-bottom: 20px;}
.single .content blockquote {background: url(img/blockquote.png) left top no-repeat;overflow: hidden;box-sizing: border-box;padding-left: 40px;padding-top:5px;}
.single .content blockquote:before {display: block;content:"";height: 1px;width: 100%;background: #4CE7C3;position: relative;margin-bottom: 15px;}
.single .content ul {padding: 10px;font-weight: 300;color: #696969;list-style-type: disc;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
.single .content ul li {margin-left: 45px;}
.single .content ol {list-style: none;counter-reset: numList;margin-left: 45px;margin-bottom: 15px;}
.single .content ol li {position: relative;padding: 10px 0px;}
.single .content ol li:before {counter-increment: numList;content: counter(numList);float: left;position: absolute;left: -35px;font-weight: bolder;font-size: 12px;text-align: center;color: #fff;line-height: 25px;margin: 0px;width: 25px;height: 25px;background: #4CE7C3;}
.single .content table {/*table-layout: fixed;*/width: 100%;margin: 12px 0px;border-collapse: collapse;text-align: center;}
.single .content table tr td {background: #F5F5F5;border-bottom: 1px solid #ECECEC;}
.single .content table tr:first-child td {background: #008648;font-weight: bold;color: #fff;}
.single .content table th, table td {padding: 6px 8px;}
.single .img {max-width: 50%;height: auto;float: left;padding-right: 20px;padding-bottom: 20px;}
.single .img img {max-width: 100%;height: auto;}
.category {padding: 40px 0px;border-top: 1px solid #FFCC02;}
.category .title {color: #212121;font-family: 'Roboto Slab';font-weight: 700;font-size: 35px;line-height: 35px;text-align: center;}
.category .title:after {content: "";display: table;width: 150px;height: 1px;background: #FFCC02;margin: 20px auto 40px;}
.category .post {width: 360px;margin-right: 40px;float: left;margin-bottom: 40px;}
.category .post:nth-child(3n+4) {margin-right: 0;}
.category .post:nth-child(3n+5) {clear: both;}
.category .post .img {width: 100%;height: 200px;margin-bottom: 10px;}
.category .post .date {margin-bottom: 10px;color: #999999;font-size: 12px;font-family: 'PT Sans', sans-serif;}
.category .post .tit {border-left:3px solid #FFCC02;color: #212121;font-family: 'Roboto Slab';font-weight: 700;font-size: 18px;line-height: 24px;padding-left: 10px;margin-bottom: 10px;}
.category .post .short-desc:before {width: 15px;height: 7px;content: "";display: block;background: url(img/arrow.png) no-repeat;position: absolute;top: -2px;left: 10%;}
.category .post .short-desc {color: #666666;font-size: 14px;font-family: 'PT Sans', sans-serif;margin-bottom: 20px;border-top: 1px solid #D5D5D5;padding-top: 10px;position: relative;}
.category .post .fullPost {border: 1px solid #ADADAD;padding: 5px 10px;display: table;}
.category .post .fullPost:hover {text-decoration: none;background: #adadad;color: #FFFFFF;}
.category .linkCat {text-transform: uppercase;text-align: center;color: #212121;margin: 20px auto 0px;background: #FFCC02;display: table;padding: 5px 10px;}
.category .linkCat:hover {text-decoration: none;background: #ddd;}
.noPage {color: #212121;font-family: 'Roboto Slab';font-weight: 700;font-size: 22px;line-height: 35px;text-align: center;margin-bottom: 40px;}
.sweet-alert h2 {font-size: 22px !important;;line-height: 23px !important;;}
body.stop-scrolling {overflow:auto !important;}
.tags {border-bottom: 1px solid #ddd;padding: 10px 0px;margin-bottom: 10px;}
.tags a {color: #008000;font-weight: 500;}