@import url('https://fonts.googleapis.com/css?family=Roboto:300');

@font-face {
    font-family: Myriad;
}

.center_flex{
    display: flex;
    align-items: center;
    justify-content: center

}

/* Preloder */

#preloder {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #fff;
}

.loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 60px;
    animation: loader 1s linear infinite;
    -webkit-animation: loader 1s linear infinite;
}

.classroom a{
    font-size: 14px;
}
.classroom h3{
    font-weight: 300;
}


@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border: 4px solid #3db491;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border: 4px solid #8ce2c9;
        border-left-color: transparent;
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        border: 4px solid #3db491;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        border: 4px solid #8ce2c9;
        border-left-color: transparent;
    }
}



html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0;
    padding: 0;
    color: #5a5a5a;
}
h1,
h2{
    font-weight: 300;
}

.h1{
    line-height: 30px;
    font-size: 30px;
    font-weight: 300;
    color: #6f6f6f;
    margin: 0 15px 0 15px;
    padding-bottom: 30px;
    text-align: center;
    border-bottom: 1px solid #ededed;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-left: 0;
}

.dropdown-menu>li>a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 300;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.wrapper
{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    min-height: 600px;
}
.header {
    height: 100px;
    border-bottom: 1px solid #ededed;
}

.header-social{
    padding: 35px 30px 0 0;
}

.header-social a i, .header-social a svg{
    font-size: 30px;
    width: 30px;
    color: #50b498;
    fill: #50b498;
    transition: 0.3s;
}

.header-social a:hover i, .header-social a:hover svg{
    color: #6f6f6f;
    fill: #6f6f6f;
}

.dropdown-content {
    /*display:none;*/
    position: absolute;
    background-color: #fafafa;
    margin-left: -10px;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;

}

.dropdown-content a {
    display: block;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #666666;
    padding: 5px 10px;
}

/*	.drop:hover .dropdown-content
    {
        display:block;
    }*/
.drop.open a, .drop.open a:hover, .drop.open a:focus {
    background-color: transparent;
}

.dropdown-content a:hover {
    background-color: #eaf1ef;
}

.logo {
    padding-top: 30px;
}

nav.collapse {
    display: block;
    z-index: 20;

}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}

.nav > li > a {
    padding: 0;
    font-size: 17px;
    text-decoration: none;
    color: #666666;
}
.nav > li {
    margin-top: 40px;
    margin-right: 50px;
}

.nav > li:hover {
    border-bottom: 2px solid #3cb491;
}

li.call {

    padding: 9px;
    border: 2px solid #3cb491;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.clientButton,
.clientButtonNew {
    font-size: 15px;
    border: 2px solid #3cb491;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background-color: #3cb491;
    padding: 10px 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    text-align: center;
}

.clientButtonNew {
    background-color: #fff;
    color: #3cb491;
}
.clientButtonNew:hover
{
    background-color: #3cb491;
    color: #fff;
}


.clientButton:hover {
    background-color: #fff;
    color: #3cb491;

}

li.call:hover {

    background-color: #3cb491;
    padding: 9px;
    color: white;
    border: 2px solid #3cb491;
}

li.call:hover a {
    color: #ffffff;
    text-decoration: none;
}

.nav > li.call {
    margin-top: 30px;
}

.icon {
    margin-right: 20px;
}

.social{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    gap: 20px;
}

.social a i{
    display: flex;
    align-items: center;
    justify-content: center;
}

.social li {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    padding-top: 25px;
    margin-left: 15px;
}
h2 {
    margin-top: 0;
    margin-bottom: 0;
}

.info {
    margin-top: 50px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 100px;
}

p.timer {
    font-family: 'Roboto', sans-serif;
    font-size: 48px;
    padding-top: 30px;

    color: #55b798;
    margin: 0;
}

p.days {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    padding-top: 30px;

    color: #666666;
    margin: 0;
}

.time h2 {
    /*margin-left:145px;*/
}

.time {
    margin-top: 60px;
    margin-bottom: 50px;
}

/*contact form*/

.contact {
    margin-top: 50px;
    margin-bottom: 50px;
}

.contact-form {
    position: relative;
    padding: 40px;
    background: white;
}

.contact-form div {
    padding: 5px 0;
}

.contact-form span label {
    font-family: 'Source Sans Pro', sans-serif;
    color: #777777;
    display: block;
    font-size: 16px;
    padding-bottom: 5px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

.contact-form input[type="text"], .contact-form textarea {

    font-family: 'Source Sans Pro', sans-serif;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    color: rgba(85, 81, 81, 0.84);
    padding: 8px;
    display: block;
    width: 96.3333%;
    outline: none;
    -webkit-appearance: none;
    transition: border 1s;
}

.contact-form textarea {
    resize: none;
    height: 120px;
}

.contact-form input[type="button"] {
    margin-top: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    -webkit-appearance: none;
    cursor: pointer;
    color: #ffffff;
    background: #55b798;
    border: none;
    outline: none;
    display: inline-block;
    text-transform: uppercase;
    padding: 12px 38px;
    font-size: 0.875em;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*INPUT FILE*/
.inputfile {
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    text-align: center;
}
.inputfile + label {
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.875em;
    color: #55b798 !important;
    /*background: #555555;*/
    font-weight: lighter;
    width: 150px;
    display: inline-block;
    cursor: pointer;
    margin: 0 auto;
    transition: transform 0.5s;
    -webkit-transition:transform 0.5s;
}

.inputfile:focus + label,
.inputfile + label:hover    {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari */
    transform: scale(1.5);
    transition: transform 0.7s;
    -webkit-transition:transform 0.7s;
}

.inputfile:focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
    pointer-events: none;
}

/************************************/

.contact-form input[type="submit"]:hover:enabled {
    background: #555555;
    color: #ffffff;
}

.contact-form input[type="submit"]:disabled {
    background: #555555;
    color: #ffffff;
    cursor: not-allowed;
}

.input_error {
    border: 1px solid red !important;
    transition: border 1s;
}

.err_msg {
    display: inline-block;
    color: red;
    padding-left: 10px;
}

/*-----------------------------------*/

/*newslist main section*/

.timer {

    padding: 0;
    color: #626262;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.timer span {
    border-bottom: 1px solid #51b297;
}

.stock {
    font-weight: 700;
    color: #51b297;
}

.text {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    margin-left: 30px;
}

.news {
    margin-top: 60px;
}

.title h2 {
    font-size: 18px;
    margin: 10px 0 0 0;
}

.timer {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #626262;
    font-weight: 700;
}

.thumbnail .caption {
    padding: 20px;
    min-height: 10.5em;
}

.thumbnail {
    border-radius: 0;
    background-color: #f7f7f7;
    border: 0;
    padding: 0;
}

/*---------------------------------*/

/* shoplist */
/*main section*/

.shoplist {
    margin-top: 60px;
    margin-bottom: 60px;
}

.categories {
    padding-top: 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #6f6f6f;
}

.categories label {
    margin-left: 25px;
    font-weight: 300 !important;
}

.leftbar h1 {
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    color: #6f6f6f;
    padding-bottom: 10px;
    border-bottom: 1px solid #6f6f6f;
    margin: 0;
    line-height: 30px;
}

.rightbar {
    margin-left: 50px;
    margin-right: 50px;
}

.rightbar h1 {
    line-height: 30px;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    color: #6f6f6f;
    margin: 0 15px 0 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #6f6f6f;
}

.fix .caption h2 {

    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    margin-bottom: 20px;
    position: absolute;
    bottom: 0;
    right: 30px;
    color: #fefefe;
    color: rgba(255, 255, 255, 1);
    padding: 10px;

}

.fix .caption {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
}

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

.fix {
    margin-top: 30px;
}

.goods img {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.goods:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);

    filter: none;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');

}

/*description*/

.description {
    padding-left: 30px;
}

#desc {
    padding-left: 0;
    padding-top: 20px;
}

.nav-tabs li {
    margin-top: 0;
    margin-right: 15px;
}

#desc .nav > li:hover {
    border: none;
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs > li > a {
    margin-bottom: 5px;
    border: 2px solid transparent;
}

.nav-tabs > li > a:hover {
    border-color: transparent;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: 2px solid transparent;
    border-bottom-color: #3cb491;
}

/*--------------------------*/

/*customer*/

.customer {
    font-family: 'Roboto', sans-serif;
    color: #666666;
}

.customer-title h1 {
    margin: 50px 0 50px 50px;
}

.customer-header h2 {
    margin: 0 0 25px 80px;
}

.customer-main {
    margin: 0 0 50px 150px;
    font-size: 18px;
    clear: both;
}

.customer-main p {
    margin-bottom: 15px;

}

.customer-block {
    clear: both;
    margin-bottom: 50px;
}

#non-cash {
    overflow: none;
    display: block;
    font-size: 14px;
    margin: 20px 0 15px 0;
    text-align: center;
}

.pay h3 {
    margin: 15px 0;
    text-align: center;
}

.pay img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#cash {
    font-size: 14px;
    margin: 7px 0 7px 0;
    width: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.payment .customer-main {
    margin-left: 200px;
    margin-right: 200px;
}

.pay {
    float: left;
    border: 1px solid #ededed;
}

.customer-main a {
    color: #666666;
    font-weight: 600;
}

/*--------------------------------*/

/*buttons*/
.buttons {
    margin: 0 15px;
    clear: both;
}

.more {
    margin-top: 40px;
    padding: 14px 70px;
    font-size: 24px;
    border-radius: 0;
    font-family: 'Roboto', sans-serif;
    border: 2px solid #666666;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    color: #666666;
}

.more:hover {
    border-color: #666666;
    background-color: #666666;
    color: #ffffff;
}

.pagination {
    margin: 75px 0 70px 0;
    border-radius: 0;
}

.pagination > li > a {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #666666;
    padding: 10px 16px;
    border: 1px solid #666666;
}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #51b297;
    border-color: #51b297;
}

/*--------------------------*/

footer {
    font-family: 'Roboto', sans-serif;
    width: 100%;
    color: #ffffff;
    font-size: 15px;
    background-color: #6f6f6f;
    padding-top: 40px;
}
footer i{
    font-size: 20px;
}
footer a{
    color: #ffffff;
    fill: #ffffff;
    display: block;
    width: 100%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    text-align: center;
    text-decoration: none;
}

footer a svg{
    transition: 0.3s;
    fill: #ffffff;
}

footer .social{
    margin-top: 20px;
}

footer .social a i, footer .social a svg{
    font-size: 30px;
    width: 30px;
}

.footer_icons{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 35%;
    font-size: 25px;
}

.power_link{
    border-top: 1px solid #828282;
    padding-top: 15px;
    margin-top: 5px;
}

.power_link:hover, footer a:hover, footer a:hover svg{
    color:#d4d4d4;
    fill:#d4d4d4
}


.contacts{
    padding: 15px 50px;
}
.contacts h2{
    padding: 15px;
}
.contacts i{
    color: #56b798;
    font-size: 25px;
}
.contacts a{
    color: #5a5a5a;
    display: block;
    padding: 15px;
    font-size: 15px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}
.contacts a:hover{
    color: #56b798;
}


.footInfo {

    font-size: 20px;
}

.footInfo li {
    padding-top: 15px;
}

.menublock {
    position: absolute;
    right: 50px;
    padding-top: 23px;
    display: none;
}

.menublock:hover {
    cursor: pointer;
}

.menublock div {
    width: 35px;
    height: 5px;
    background-color: #666666;;
    margin: 5px 0;
}

.main div {
    padding: 0;
}

.main_l {
    height: 570px;
    position: relative;
    background-size: cover;
}

.main_r {
    height: 570px;
    position: relative;
}

.main_opacity {
    opacity: 1;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}
.main_opacity:hover {
    opacity: 0.8;
}

.main h2 {
    position: absolute;
    bottom: 0;
    margin: 0 0 50px 50px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
}

.news h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    color: #6b6b6b;
    margin-top: 50px;
    margin-bottom: 50px;
}


.thumbnail {
    border-radius: 0;
}

/*Хлебные крошки*/
.breadcrumb {
    margin-top: 25px;
    background-color: transparent;
    margin-left: 60px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    padding: 0;
}

.breadcrumb a {
    text-decoration: none;
    color: #000000;
}

.breadcrumb > li + li:before {
    color: #51b297;
    content: "\007C";
}

.timer {

    padding: 0;
    color: #626262;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    margin: 10px 0 0 0;
}

.timer span {
    border-bottom: 1px solid #51b297;
}

.title h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.timer {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #626262;
    /*font-weight:700;*/
}

.prev, .next {
    width: 110px;
    height: 15px;
    line-height: 15px;
    background-color: #55b798;
}

.carousel.slide .prev, .carousel.slide .next {
    background-color: #fff;
}

.next img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.next .thumbnail img {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}

.content {
    margin-top: 50px;
    margin-left: 60px;
    margin-bottom: 100px;
}

.mainpic {
    min-width: 400px;
    min-height: 285px;
    padding: 0;
}

.block {
    width: 110px;
    height: auto;
}

.block img {
    width: 100%;
    /*height:100%;*/
}

.addpic .block div {
    margin-bottom: 5px;
}

.addpic .block div:first-child {
    margin-top: 5px;
}

.addpic {
    float: left;
    min-height: 300px;
    margin-left: 5px;
    padding: 0;
}

.description {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.description h1 {
    margin: 0;
}

.stock {
    font-weight: 700;
    color: #51b297;
}

.text {
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    margin-left: 30px;
}

div.title, .contentpic, .text {
    padding: 0;
}

.contentpic img {
    max-width: 100%;
}

.carousel-indicators {
    bottom: 0;

}

.carousel-indicators .active {
    width: 15px;
    height: 15px;
    background-color: #606060;
}

.carousel-indicators li {
    background-color: #3cb491;
    width: 15px;
    height: 15px;
    margin: 0;
    border-color: transparent;
}

ol.carousel-indicators {
    padding-bottom: 55px;
}

div#carousel {
    padding-bottom: 115px;
}

a {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none !important;
}

input {
    display: inline;
}

/*about*/
.about {
    font-family: 'Roboto', sans-serif;
    color: #6f6f6f;
}

.about-title {
    font-size: 36px;

    margin-left: 50px;
    margin-top: 50px;
}

.about-title h1 {
    margin: 0;
}

.about-desc {
    font-size: 24px;
    margin-top: 50px;
    margin-left: 50px;
}

.about-info h1 {
    text-align: center;
    margin: 60px;
}

.about-info {
    margin-left: 50px;
}

.about-square {
    width: 100px;
    height: 100px;
    background-color: #55b798;
    float: left;
}

.about-block {
    margin-bottom: 80px;
}

.about-block h2, .about-block p {
    margin-left: 110px;
}

.about-block h2 {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
}

.about-block p {
    font-size: 14px;
}

.down-title {
    text-align: center;
    margin-bottom: 50px;
}

/*-------------------------------*/

/*gallery*/
.gallery {
    margin-top: 50px;
}

.gallery-item {
    margin-bottom: 50px;
}

/*clients_folders*/
.clientHeader {
    text-align: center;
    color: #666666;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: 50px;
    font-weight: 200;
}

.clientBlock {
    margin-top: 30px;

}

.clientItem {
    margin-bottom: 50px;
    border: none;
    width: 100%;
    height: 290px;
    overflow: hidden;
}

#serial_section .clientItem {
    height: 325px;
}

.clientItem .thumbnail
{
    overflow: hidden;
    padding: 0;
}
.clientItem img {
    min-width: 100%;
    min-height: 100%;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.clientItem:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.clientTitle h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin-top: 10px;
    color: #666666;
}

.colors
{
    padding: 15px 0 15px 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.colors p
{
    margin-bottom: 0px;
}

.div_char{
    margin: 5px 0;
}

.series-content
{
    margin-top: 50px;
    margin-bottom: 50px;
}
.series-title
{
    font-weight: 300;
    color: #3cb491;
    padding-bottom: 20px;
}
.desc
{
    padding-top: 20px;
}
.slider-img
{
    position: relative;
}
.slider-img img
{

    max-height: 450px;
    max-width: 545px;
    -o-object-fit: contain;
    object-fit: contain;
}

.series
{
    position: absolute;
    top: 10px;
    left: 5px;
    padding: 10px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: #3cb491;
    color: #fff;
}
.slider-carousel
{
    padding-top: 10px;
    max-width: 550px;
}
.slider-carousel .owl-nav
{
    position: relative;
}

.slider-carousel .owl-nav button
{
    position: absolute;
    top: -54px;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}
.slider-carousel:hover .owl-nav button
{
    opacity: 1;
}
.slider-carousel .owl-nav button:focus, .slider-carousel .owl-nav button:active, .slider-carousel .owl-nav button:visited
{
    outline: none;
}
.slider-carousel .owl-nav button.owl-prev
{
    left: 10px;
}
.slider-carousel .owl-nav button.owl-next
{
    right: 15px;
}
.slider-carousel .owl-item
{
    height: 90px;
}
.slider-carousel .owl-item > div
{
    height: 100%;
}
.slider-carousel .owl-item > div img
{
    -o-object-fit: contain;
    object-fit: contain;
    cursor: pointer;
}

.series-carousel .owl-theme .owl-dots .owl-dot span
{
    background-color: #d6d6d6;
}
.series-carousel .owl-theme .owl-dots .owl-dot.active span, .series-carousel .owl-theme .owl-dots .owl-dot:hover span
{
    background-color: #3cb491;
}
.series-carousel .owl-theme .owl-dots .owl-dot:focus, .series-carousel .owl-theme .owl-dots .owl-dot:active, .series-carousel .owl-theme .owl-dots .owl-dot:visited
{
    outline: none;
}
.series-carousel:nth-of-type(even)
{
    background-color: #f4f4f4;

}
.series-carousel h4
{
    padding-bottom: 20px;

}
.series-carousel .row > div
{

}
.series-carousel .item.left img
{
    -webkit-transform: none;
    transform: none;
}
.series-carousel img
{
    height: 220px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 auto;
}
.series-carousel .carousel-control.left, .series-carousel .carousel-control.right
{
    background-image: none;
}
.series-carousel ol.carousel-indicators
{
    bottom: -50px;
    padding-bottom: 0;
}







/* Large Devices, Wide Screens */
@media only screen and (max-width: 1199px) {

    .nav.navbar-nav li {
        margin-right: 30px;
    }
    .social {
        padding: 20px 0;
    }
    .main_l, .main_r {
        height: 470px;
    }

    .description {
        padding-left: 0;
        padding-right: 0;
    }

    .time {
        margin-top: 60px;
    }


    .description.series-description {
        padding-left: 15px;
        padding-right: 15px;
    }
    .slider-img
    {
        padding-right: 0;
    }
    .slider-carousel .owl-nav button.owl-next
    {
        right: 10px;
    }
    .series-carousel img
    {
        height: 178px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
    .contacts {
        padding: 10px 0;
    }
    .info{
        margin-top: 20px;
    }
    .slider-carousel {
        max-width: 100%;
    }
    .clientHeader {
        text-align: center;
        margin-left: 15px;
        margin-right: 15px;
    }
    nav.menu {
        /*  position: absolute;*/
    }

    .nav.navbar-nav li {
        margin-right: 20px;
    }

    .nav.navbar-nav li.call {
        padding: 9px 5px;
        margin-right: 0;
    }

    .menublock {
        z-index: 3;
    }

    .main_l, .main_r {
        height: 370px;
    }

    .content {
        margin-right: 60px;
    }

    .timer {
        font-size: 20px;
    }

    .timer, .title, .contentpic, .text {
        text-align: center;
    }

    .text {
        margin-right: 30px;
    }

    .newstitle {
        margin-left: 30px;
        margin-right: 30px;
    }

    .main h1 {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .leftbar {
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 30px;
    }

    .info {
        margin-bottom: 0;
    }

    .info .col-md-12 {
        text-align: center;
    }

    .addpic {
        float: none;
        text-align: center;
        margin-left: 0;
        margin-top: 10px;
        min-height: 90px;
    }

    .addpic div {
        display: inline-block !important;
    }

    .addpic .prev, .addpic .next {
        width: 15px;
        height: auto;
        line-height: 5.4em;
        padding-bottom: 3px;
    }

    .addpic .prev img {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .addpic .next img {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .block {
        width: auto;
    }

    .block div {
        width: 110px;
    }

    .description {
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .description li {
        display: inline-block;
        float: none;
    }


    .footInfo {

        font-size: 14px;
    }

    .footInfo li {
        padding-top: 15px;
    }


    .pay {
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
    }
    .description.series-description
    {
        padding-bottom: 20px;
    }
    .series-carousel {
        padding: 0;
    }
    .series-carousel:last-of-type {
        margin-bottom: 20px;
    }
    .series-carousel h4
    {
        padding-bottom: 10px;
    }
    .series-carousel img
    {
        height: 130px;
    }
}

.thumbnail-img {
    height: 250px !important;
    background-position: center center !important;
}

.goods img {
    height: 250px !important;

    filter: none;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}


.main_info{
    margin-bottom: 60px;
}


.module_item{
    margin-top: 65px;
}
.h3_module{
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
    position: absolute;
    z-index: 10;
    background: #3db491;
    padding: 15px 30px;
    border-right: 10px solid white;
    border-bottom: 10px solid white;
    margin-top: -25px;
}

.h2_module{
    text-align: center;
    font-weight: 300;
    font-size: 22px;
    padding-bottom: 20px;
}

.h2_module:after {
    position: absolute;
    display: block;
    content: "";
    height: 0.5px;
    right: 1.5%;
    width: 40%;
    top: 35px;
    background: #CCCCEE;
}
.h2_module:before {
    position: absolute;
    display: block;
    content: "";
    height: 0.5px;
    width: 40%;
    top: 35px;
    background: #cccccc;
}

.btn_return{
    width: 200px;
    color: #3db491;
    border: 2px solid #3db491;
    padding: 15px;
    text-align: center;
    margin: 15px;
    background: white;
    transition: 0.3s;
}

.btn_return:hover{
    background: #3db491;
    color: white;
}

@media only screen and (max-width: 890px) and (min-width: 768px) {
    .nav > li > a {
        font-size: 16px;
    }
}
@media only screen and (max-width: 890px) and (min-width: 831px) {
    .nav > li > a {
        font-size: 16px;
    }
}
@media only screen and (max-width: 830px) and (min-width: 768px) {
    .nav > li > a {
        font-size: 14px;
    }
}
/* Ландшафтная телефоны */
@media (max-width: 780px) {
    .footInfo {
        font-size: 18px;
    }
    .contact-form {
        padding: 20px;
    }

    .right {
        margin-bottom: 20px;
    }

    nav ul li {
        display: none;
    }

    .nav.navbar-nav li {
        margin-right: 15px;
    }

    .drop .dropdown-content li {
        display: block;
    }

    .drop .dropdown-content li:hover {
        background-color: transparent;
    }

    .info {
        margin-bottom: 50px;

    }
    .customer h1, .customer h2 {
        text-align: center;
    }

    .customer-main, .customer h1, .customer h2, .payment .customer-main {
        margin-left: 50px;
        margin-right: 50px;
    }

    .pay {
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
    }

    .goods img {
        height: auto !important;
    }

    .thumbnail img {
        height: auto !important;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
        padding: 15px;
    }
    div.info iframe {
        height: 300px !important;
    }

    .nav.navbar-nav li:call {
        padding: 0;
    }

    .header .col-sm-9 {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-nav {
        width: 70%;
        margin: 0 15%;
    }

    .nav.navbar-nav > li > a {
        font-size: 18px;
    }

    nav.menu {
        display: none;
        background-color: #fbfbfb;
        border-bottom: 2px solid #3cb491;
        -webkit-box-shadow: 0 5px 7px rgba(51, 51, 51, .5);
        box-shadow: 0 5px 7px rgba(51, 51, 51, .5);
    }

    nav.collapse {
        display: none;
        position: absolute;
        top: 100px;
        width: 100%;
        margin-left: 0;
        padding: 20px;
    }

    nav.menu li {
        margin-top: 0;
        padding: 0;
        text-align: center;
    }

    nav.menu li a {
        padding: 20px 0;
    }

    nav.menu li:hover {
        background-color: #ededed;
    }

    nav.menu li.call:hover {
        /*padding: 20px 0;*/
        background-color: #3cb491;
    }

    .drop .dropdown-content li {
        display: block;
        margin-right: 0;
    }

    nav.menu li {
        margin-right: 0 !important;
    }

    .nav.navbar-nav li.call {
        padding: 0 !important;
    }

    .menublock {
        display: block;
    }

    /*.mainpic
    {
    min-height: auto;
    }*/
    .thumbnail {
        text-align: center;
    }
    .clientItem .thumbnail
    {
        height: 300px;
    }
    .content {
        margin-left: 10px;
        margin-right: 10px;
    }

    .info {
        margin-bottom: 0;

    }



    .footInfo {
        font-size: 14px;
    }

    .footInfo li {
        padding-top: 15px;
    }

    .more {
        margin-top: 40px;
        padding: 7px 35px;
        font-size: 18px;
        border-radius: 0;
        font-family: 'Roboto', sans-serif;
        border: 2px solid #666666;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        color: #666666;
    }

    .pagination {
        margin: 40px 0 50px 0;
        border-radius: 0;
    }

    .pagination > li > a {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        color: #666666;
        padding: 5px 8px;
        border: 1px solid #666666;
    }

    .about-title, .about-desc, .about-info {
        margin-left: 0;
    }

    .about-info h1, .down-title h1 {
        font-size: 28px;
    }

    .about-block {
        padding-left: 0;
    }
    .slider-img img {
        height: 250px;
    }
    .color-img > div
    {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .color-img img
    {
        width: 100%;
    }
    .series-carousel img
    {
        height: 90px;
    }


    .social {
        padding: 20px 0;
    }
    .social a, nav.menu li .social a{
        padding: 15px;
    }
    .social a i, .social a svg{
        font-size: 30px;
        width: 30px;
    }
    .social li {
        font-size: 38px;
    }

    nav.menu li .social a{
        color: #666666;
        fill: #666666;
    }
    nav.menu li .social a:hover{
        color: #55b798;
        fill: #55b798;
    }
}
@media only screen and (max-width: 575px) {
    .series-carousel img {
        height: 280px;
    }

    .owl-carousel .owl-item img {
        max-height: 50px;
    }

    .series-carousel .owl-item img {
        max-height: 50px;
        min-height: 250px;
    }
    .gallery.owl-carousel .owl-item img {
        max-height: 120px;
    }


    h2 {
        font-size: 25px;
    }

    .h2_module:before,
    .h2_module:after {
        width: 33%;
    }

    .h3_module{
        font-size: 13px;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 479px) {

    .header {
        height: 80px;
        border-bottom: 1px solid #ededed;
    }

    nav.collapse {
        width: 100%;
        margin-left: 0;
    }

    nav.collapse {
        top: 80px;
    }

    .navbar-nav {
        width: 100%;
        margin: 0;
    }

    .nav ul {
        display: none;
    }

    .menublock {
        display: block;
        right: 20px;
        padding-top: 13px;
    }

    .logo {
        padding-top: 0;
        line-height: 80px;
    }

    p.timer {
        font-family: 'Roboto', sans-serif;
        font-size: 24px;
        padding-top: 30px;

        color: #55b798;
        margin: 0;
    }

    p.days {
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        padding-top: 30px;
        color: #666666;
        margin: 0;
    }

    .time h2 {
        font-size: 18px;
    }

    .main_l, .main_r {
        height: 270px;
    }

    .mainpic {
        min-width: 100%;
        min-height: 140px;
        margin-bottom: 5px;
    }

    .mainpic img {
        width: 90%;
        height: auto;
    }

    .addpic .prev, .addpic .next {
        width: 20px;
        height: auto;
        line-height: 3.2em;
    }

    .block {
        width: auto;
    }

    .block div {
        width: 60px;
    }

    .description {
        float: none;
    }

    .text, .newstitle {
        margin-left: 0;
        margin-right: 0;
        font-size: 20px;
    }
    .clientItem .thumbnail
    {
        height: 290px;
    }

    .leftbar, .rightbar {
        margin-left: 0;
        margin-right: 0;
    }


    .more {
        margin-top: 40px;
        padding: 7px 35px;
        font-size: 18px;
        border-radius: 0;
        font-family: 'Roboto', sans-serif;
        border: 2px solid #666666;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        color: #666666;
    }

    .pagination {
        margin: 40px 0 50px 0;
        border-radius: 0;
    }

    .pagination > li > a {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        color: #666666;
        padding: 5px 8px;
        border: 1px solid #666666;
    }

    .description h1 {
        font-size: 30px;
    }

    .customer-main, .customer h1, .customer h2, .payment .customer-main {
        margin-left: 10px;
        margin-right: 10px;
    }
    .slider-img img {
        height: auto;
    }
    .series-carousel img
    {
        height: 210px;
    }
}
@media only screen and (max-width: 400px) {
    .series-carousel img
    {
        height: 164px;
    }
    .series-carousel .owl-theme .owl-dots .owl-dot span
    {
        margin: 5px 2px;
    }
}
@media only screen and (max-width: 350px) {
    .series-carousel img
    {
        height: 130px;
    }
}
@media only screen and (max-width: 300px) {

    .addpic .prev, .addpic .next {
        line-height: 2.6em;
    }

    .block {
        width: auto;
    }

    .block div {
        width: 50px;
    }

    .menublock {
        right: 20px;
    }
    .series-carousel img
    {
        height: 100px;
    }
}

@media screen and (min-width: 1800px) {
    .thumbnail-img {
        height: 450px !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
    }
}

/*gallery and newslist media*/
@media (min-width: 1200px) {
    div.galleryfix:nth-child(4n+1) {
        clear: left !important;
    }
    div.newsfix:nth-child(3n+1) {
        clear: left !important;
    }
}

@media (min-width: 992px) and (max-width: 1999px) {
    div.galleryfix:nth-child(4n+1) {
        clear: left !important;
    }
    div.newsfix:nth-child(3n+1) {

        clear: left !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    div.galleryfix:nth-child(2n+1) {
        clear: left !important;
    }
    div.newsfix:nth-child(2n+1) {
        clear: left !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    div.galleryfix:nth-child(1n+1) {
        clear: left !important;
    }
    div.newsfix:nth-child(1n+1) {
        clear: left !important;
    }
}

/*-------------SLIDER------------*/
.swiper-container {
    width: 100%;
}
@media screen and (max-width: 991px) {
    .slider{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .main_info {
        margin-bottom: 35px;
    }

    .h2_module:before,
    .h2_module:after {
        top: 11px;
    }

    .module_item {
        margin-top: 35px;
    }
}

.slider_img {
    cursor: pointer;
    width: 100%;
    height: auto !important;
}

.swiper-button-disabled {
    cursor: not-allowed;
    background-color: #6f6f6f;
}

/******MODAL****/
div.modalfix
{
    text-align: center!important;
    border-top:none;
}
div.modalfix button
{
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color:#666666;
    border-radius: 0px;
    border:2px solid #55b798;
}
div.modalfix button:hover, div.modalfix button:active,div.modalfix button:focus,div.modalfix button:visited
{

    color:#ffffff;
    border-radius: 0px;
    background-color:#55b798;
    border:2px solid #55b798;
}
div#myModal div.modal-dialog
{
    transform:translateY(100%)!important;
    /*width:60%;
    margin:0 auto;*/
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    color:#666666;
}
div#myModal div.modal-body
{
    padding-top:30px;
}
#modalOk{
    display: none;
}
#modalError{
    display: none;
}

ul.list-unstyled.social a {
    color: #555555;
    font-weight: 600;
}

.gallery-item.col-md-3.col-lg-3 img {
    height: 100px;
    width: auto;
}
.gallery-item.col-sm-6.col-xs-6
{
    height:auto;
    width:auto;
}
.gallery-item.col-sm-6.col-xs-6 img {
    height: 65px!important;
    width: auto;
}
.clientTitle {
    height: 50px!important;
    overflow: hidden;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(255 255 255 / 50%);
}
.modal-body {
    padding: 0px;
}