@font-face {
    font-family: "MyriadProCond";
    src: url("http://lonoplast.com.ua/fonts/MyriadProCondRegular.eot");
    src: url("http://lonoplast.com.ua/fonts/MyriadProCondRegular.eot?#iefix")format("embedded-opentype"),
    url("http://lonoplast.com.ua/fonts/MyriadProCondRegular.woff") format("woff"),
    url("http://lonoplast.com.ua/fonts/MyriadProCondRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProCondBold"; */
@font-face {
    font-family: "MyriadProCondBold";
    src: url("http://lonoplast.com.ua/fonts/MyriadProCondBold.eot");
    src: url("http://lonoplast.com.ua/fonts/MyriadProCondBold.eot?#iefix")format("embedded-opentype"),
    url("http://lonoplast.com.ua/fonts/MyriadProCondBold.woff") format("woff"),
    url("http://lonoplast.com.ua/fonts/MyriadProCondBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProCondItalic"; */
@font-face {
    font-family: "MyriadProCondItalic";
    src: url("http://lonoplast.com.ua/fonts/MyriadProCondItalic.eot");
    src: url("http://lonoplast.com.ua/fonts/MyriadProCondItalic.eot?#iefix")format("embedded-opentype"),
    url("http://lonoplast.com.ua/fonts/MyriadProCondItalic.woff") format("woff"),
    url("http://lonoplast.com.ua/fonts/MyriadProCondItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "MyriadProCondBoldItalic"; */
@font-face {
    font-family: "MyriadProCondBoldItalic";
    src: url("http://lonoplast.com.ua/fonts/MyriadProCondBoldItalic.eot");
    src: url("http://lonoplast.com.ua/fonts/MyriadProCondBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("http://lonoplast.com.ua/fonts/MyriadProCondBoldItalic.woff") format("woff"),
    url("http://lonoplast.com.ua/fonts/MyriadProCondBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}


@font-face {
    font-family: "flaticon";
    src: url("http://lonoplast.com.ua/fonts/flaticon.eot");
    src: url("http://lonoplast.com.ua/fonts/flaticon.eot#iefix") format("embedded-opentype"),
    url("http://lonoplast.com.ua/fonts/flaticon.woff") format("woff"),
    url("http://lonoplast.com.ua/fonts/flaticon.ttf") format("truetype"),
    url("http://lonoplast.com.ua/fonts/flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon-"]:after, [class*=" icon-"]:after {
    font-family: "flaticon";
    font-style: normal;
    font-weight: normal;
}
.icon-download:before {
    content: "\e000";
}
.icon-facebook:before {
    content: "\e001";
}
.icon-arrow:before {
    content: "\e002";
}
.icon-google:before {
    content: "\e003";
}
.icon-cart:before {
    content: "\e004";
}
.icon-instagram:before {
    content: "\e005";
}
.icon-weibo:before {
    content: "\e006";
}
.icon-linkedin:before {
    content: "\e007";
}
.icon-tumblr:before {
    content: "\e008";
}
.icon-twitter:before {
    content: "\e009";
}

/* =========================== */

html,body {
    font-family: MyriadProCond, Arial, sans-serif;
}

.fs-bold {
    font-family: MyriadProCondBold, Arial, sans-serif;
}

.fs-bolditalic {
    font-family: MyriadProCondBoldItalic, Arial, sans-serif;
}

.fs-arialitalic {
    font-family: MyriadProCondItalic, Arial, sans-serif;
}

.tcent {
    text-align: center;
}

.tright {
    text-align: right;
}

.vcenter {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.vbottom {
    display: table-cell;
    vertical-align: bottom;
    float: none;
}

.vcenter-parent {
    table-layout: fixed;
    display: table;
}

.display-table{
    display: table;
    table-layout: fixed;
}

.display-cell{
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.navbar-font {
    font-size: 22px;
    color: #000;
}

a {
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.navbar-nav>li>a {
    line-height: 20px;
}


.nav>li>a {
    position: relative;
    display: block;
    padding: 5px 42px;
    border-left: 1px #8e8e8e solid;
}

.nav>li:first-of-type>a {
    border-left: 0px;
}

.navbar-default .nav>li>a:hover,
.navbar-default .nav>li>a.active,
.navbar-default .nav>li>a.active:hover {
    color: #009fe3;
    background-color: transparent;
}

.nav>li:first-child>a {
    border-left: 0px;
}

.nav>li:last-child>a {
    padding-right: 0px;

}
.navbar-default
.navbar-nav>li>a {
    color: #000;
}

.navbar {
    min-height: 180px;
    margin-top: -21px;

}

.navbar-brand img {
    width: 100%;
}

.navbar-brand {
    position: relative;
    top: 54px;
    display: inline-block;
    height: auto;
    float: none;
    padding: 0;
    margin: 0 !important;
}

.navbar-default {
    background-color: #fff;
    border: 0px;
    background: url(http://lonoplast.com.ua/img/back_navbar.jpg)  no-repeat;
    background-position: right 150px top 0px;
}

.navbar-nav {
    height: 30px;
    margin: 8rem 0 0;
}

.header-lang {
    position: absolute;
    right: 30px;
    top: 25px;
    display: block;
}

.header-lang a {
    margin-left: 10px;
    display: inline-block;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #8797ae;
    padding-top: 4px;

}

.header-lang a.active,
.header-lang a:hover {
    background-color: #b65588;
    text-decoration: none;
    cursor: pointer;
}


.header-phone {
    position: absolute;
    right: 30px;
    top: 130px;
    display: block;
    color: #52c2ea;
    font-size: 36px;
    line-height: 30px;
}


.header-phone a:hover {
    text-decoration: none;
}

.header-phone .phone-logo::before {
    content: url(http://lonoplast.com.ua/img/icon_tel_blue.png);
    margin-left: -40px;
    position: absolute;
}

.main-rulon {
    background: url(http://lonoplast.com.ua/img/rulons.jpg) no-repeat center top;
    height: 315px;
}

.main-features {
    padding-top: 77px;
    padding-bottom: 32px;
}

.main-features .icon {
    padding-right: 20px;
    padding-left: 43px;
}

.main-features .text {
    font-size: 26px;
    line-height: 1.1em
}

a.feature {
    color: #0089cf;
    display: block;
    min-height: 56px;
    padding-bottom:15px;
    margin-bottom: 30px;
}

a.feature:hover {
    color: #25cccf;
    text-decoration: none;
}


.about {
    padding-top: 45px;
    padding-bottom: 45px;

}

.about-back {
    background: url(http://lonoplast.com.ua/img/back_about.jpg) repeat;
    background-position: left 0px top 4px;

}

.about p {
    font-size: 18px;
    line-height: 19px;
    margin: 0px;
    text-align: justify;

}

.map {
    padding-top: 45px;
}

#gmap iframe {
    pointer-events: none;
}

.footer {

    margin-top: -5px;

}

.footer .footer-meta p,
.footer .footer-meta a {
    margin-bottom: 0;
    font-size: 1.2rem;
    color: #777;
    font-size: 14px;
}

.footer-widget {
    background-color: #ff0099;
}


.footer-meta {
    background-color: #333;
    line-height: 35px;
}

.footer-widget-block {
    padding: 30px 0px 30px 20px;
    font-size: 20px;
    color: #fff;
    min-height: 177px;

}

.footer-widget-block strong {
    display: block;
    padding-bottom: 5px;
}

@media only screen and (min-width: 768px) {
    .footer .footer-meta [class*="col"]:nth-child(2) {
        text-align: right;
    }
    .footer .footer-meta [class*="col"]:nth-child(1) {
        text-align: left;
    }
}

.footer .footer-meta [class*="col"] {
    text-align: center;
}

.footer ul.socials a {
    color: #fff;
}

.footer ul.socials a:hover {
    color: #52c2ea;
    text-decoration: none;
}

.collapse.in {
    height: 240px;
}

.navbar-default .navbar-toggle{
    border-color: #0089cf;

}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #25cccf;
}

.navbar-default .navbar-toggle .icon-bar {
    border-color: #0089cf;
    background-color: #0089cf;
}

#gmap,
#gcert {
    padding-left: 0px;
    padding-right: 0px;
}

.page-title {
    background-color: #009fe3;
    text-align: center;
}

.page-title-header {
    padding-left: 30px;
    padding-right: 30px;
    margin: 0px auto;
    display: inline-block;
    background-color: #fff;
}

.page-title h1{
    margin: 0px auto;
    font-size: 30px;
    color: #009fe3;
    text-transform: uppercase;
}

#myModalLabel {
    font-size: 22px;
    font-weight: bolder;
}

.about-img {
    margin-bottom: 30px;
}

.about ul {
    margin-top: 10px;
    font-size: 18px;
    line-height: 19px;
    text-align: justify;

}

.certificate-bg {
    background-color: rgba(0,0,0,0.25);
    margin-left: -15px;
    margin-right: -15px;
}

.certificate {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}

.img-cert a {
    display: inline-block;
}

.carousel-inner{
    padding-left: 30px;
    padding-right: 30px;
}


.carousel-control {
    width: auto;
}

.glyphicon-chevron-left:before {
    content: url(http://lonoplast.com.ua/img/arrow_left.png);
}

.glyphicon-chevron-right:before {
    content: url(http://lonoplast.com.ua/img/arrow_right.png);
}

.contacts {
    padding-top: 130px;
    padding-bottom: 45px;

}

.contacts-block {
    padding: 20px 0px 20px 20px;
    font-size: 26px;
    color: #696969;
    line-height: 1.15em;
}

.contacts-block-title {
    padding-left: 20px;
    padding-bottom: 10px;
    font-size: 30px;
    color: #009fe3;
}
.contacts-block strong {
    display: block;
    padding-bottom: 2px;
}


.contacts-block form input[name="count"]  {
    background: url(http://lonoplast.com.ua/img/contacts_icon_count.jpg) no-repeat left;
    background-color: #fff;
}


.contacts-block form input[name="name"]  {
    background: url(http://lonoplast.com.ua/img/contacts_icon_name.jpg) no-repeat left;
    background-color: #fff;
}

.contacts-block form input[name="phone"]  {
    background: url(http://lonoplast.com.ua/img/contacts_icon_tel.jpg) no-repeat left;
    background-color: #fff;
}

.contacts-block form input[name="email"]  {
    background: url(http://lonoplast.com.ua/img/contacts_icon_mail.jpg) no-repeat left;
    background-color: #fff;
}

.contacts-block form input {
    width: 100%;
    max-width: 460px;
    padding: 8px;
    padding-left: 67px;
    border: none;
    color: #000 !important;
    margin: 15px 0;
    text-align: left;
    height: 50px;
}

.contacts-block form textarea{
    background-color: #fff;
    width: 100%;
    max-width: 460px;
    padding: 15px;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    color: #000 !important;
    margin-top: 85px;
    text-align: left;
    height: 220px;
}



.contacts-block form button {
    background-color: #d24a45;
    border: 0px;
    color: #fff;
    font-size: 32px;
    border-radius: 0px;
    height: 41px;
    width: 100%;
    max-width: 184px;
    margin-top: 20px;
    background: linear-gradient(#009fe3, #1d39e3);
    background: -moz-linear-gradient(#009fe3, #1d39e3);
    background: -webkit-linear-gradient(#009fe3, #1d39e3);
    background: -o-linear-gradient(#009fe3, #1d39e3);
    background: -ms-linear-gradient(#009fe3, #1d39e3);
}


.products-categories {
    background-color: #ea5e9d;
    text-align: center;
    min-height: 70px;
}

.product_thumb {
    background-color: #fff;
    width: 71px;
    margin: auto;
}

.products-categories [class*="col"] {
    padding-left: 0px;
    padding-right: 0px;
}


.products-categories a {
    padding-top: 7px;
    font-size: 26px;
    color: #fff;
    min-height: 70px;
    line-height: 26px;
    display: inline-block;
    width: 100%;
    text-decoration: none;
}

.products-categories a.active {
    background-color: #da0e7d;

}

.products-categories a.middle {
    border-left: 1px solid #f19cc5;
    border-right: 1px solid #f19cc5;
}

.products-categories a:hover {
    color: #25cccf;
    text-decoration: none;
}

.products-back {
    background: url(http://lonoplast.com.ua/img/back_about.jpg) repeat;
    background-position: left 0px top 4px;

}

.products {
    padding-top: 35px;
    padding-bottom: 50px;
}

.products .bubble {
    background-color: #fff;
    border-radius: 25px;
    margin-top: 30px;
    padding: 35px 25px;
    position: relative;
    font-size: 22px;
    color: #000;
    text-align: justify;
    margin-bottom: 50px;
}

.products-categories .arrow {
    background: url(http://lonoplast.com.ua/img/bubble_arrow.png) no-repeat;
    position: absolute;
    top: 108px;
    left: calc(50% - 13px);
    width: 30px;
    height: 27px;
}

.products-list-info {
    background-color: #b9b7b8;
    width: 100%;
    height: 71px;
    color:#fff;
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
}

.products-list-title {
    width: 100%;
    height: 70px;
    color:#000;
    font-size: 22px;
    text-align: center;
    margin-bottom: 0px;
    line-height: 18px;
    padding-bottom: 5px;
}

.products-list-info a {
    background-color: #00a7e6;
    color:#fff;
    text-decoration: none;
    text-transform: uppercase;
}

.products-list-info a:hover {
    color: #25cccf;
}

img.products-big {

}

.modal-dialog {
    background: url(http://lonoplast.com.ua/img/back_about.jpg) repeat;
    background-position: left 0px top 4px;
}
.modal-sm {
    width: 300px;
    margin: 10px auto;
}

.order-button {
    padding-right: 40px;
}

/* =================  */

@media (max-width:  1199px) {
    img.products-big {
        margin-left: 25px;
    }


}



@media (max-width: 991px) {
    .navbar-default {
        background-position: right 0px top 0px;
        background-size: contain;
    }
    #feature01 {
        padding-left: 0px !important;
    }

    .nav>li>a {
        padding: 5px 12px;
    }

    .navbar-font {
        font-size: 20px;
    }

    a.feature {
        margin-left: 30%;
    }

    .footer-widget-block {
        padding-left: 0px !important;
        line-height: normal;
    }

    .footer .footer-widget [class*="col"] {
        text-align: center;
    }

    .products-categories a.middle {
        border-left: 0px;
        border-right: 0px;
    }

    .products-categories .arrow {
        background: none;
    }

    .nav>li:last-child>a {
        padding-right: 12px;
    }
}


@media (max-width:  767px) {
    .navbar-toggle {
        margin-top: 76px;
    }

    .main-features {
        padding-top: 7px;
    }

    a.feature {
        margin-left: 20%;
    }

    .footer-widget-block {
        padding: 10px 0px 0px 0px !important;
        min-height: 1px;
        height: auto;
    }

    .about p {
        font-size: 16px;
    }

    .header-phone {
        font-size: 26px;
        padding-left: 40px;

    }

    .header-lang,
    .header-phone {
        position: relative;
        top: 0;
        right: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .navbar {
        min-height: 87px;
    }

    .navbar-nav {
        margin-top: 1rem
    }

    .nav>li>a {
        border-left: 0px
    }

    .navbar-default .navbar-collapse {
        border: 0px;
    }

    #header-sm {
        margin-top: -40px;

    }

    .img-cert a {
        padding-bottom: 30px;
    }

    .certificate {
        margin-bottom: 20px;
    }

    .contacts {
        text-align: center;
        padding-top: 25px;
    }

    .contacts-block {
        padding: 0px;
    }

    .contacts-block-title {
        padding-left: 0px;
        padding-top: 20px;
    }

    .order-button {
        padding-right: 15px;
        margin-bottom: 10px;
    }

    .products-list-title {
        font-size: 18px;
        vertical-align: bottom;
    }

    .about-img {
        margin-top: 20px;
        margin-bottom: 10px;
    }
}

@media (max-width:  670px) {
    .products-list-title {
        font-size: 16px;
    }

}

@media (max-width:  500px) {
    a.feature {
        margin-left: 0%;
    }


    .navbar-brand img {
        width: 220px;
    }

    .navbar-toggle {
        margin-top: 66px;
    }

    .list-inline>li {
        padding-right: 5px;
        padding-left: 5px
    }

}

@media (max-width:  350px) {
     .navbar-brand img {
        width: 150px;
    }

    .navbar-toggle {
        margin-top: 56px;
    }

    .navbar {
        min-height: 67px;
    }
}