html {
        font-size: 16px;
        font-size: 1em;
}
body {
        font-family: 'Proxima Nova', sans-serif;
        font-weight: normal;
        font-style: normal;
        color: #000000;
}

a {
        color: #000000;
}
a:hover {
        color: #4d2582;
}

p > strong {
        color: #4d2582;
}
p > span {
        font-weight: bold;
}

h1 {
        font-weight: bold;
        font-style: italic;
        font-size: 3.625rem;
        margin: 0 0 2.500rem;
}
h1 span {
        font-weight: 300;
        font-style: italic;
        font-size: 1.875rem;
        display: block;
        color: #26272b;
}
p {
        margin-bottom: 1.5rem;
        text-align: justify;
}

.h2 {
        color: #4d2582;
        font-weight: 300;
        font-style: italic;
        font-size: 2.500rem;
        margin: 0 0 3.5rem;
}
.h3 {
        color: #4d2582;
        font-weight: 500;
        font-style: normal;
        font-size: 1.375rem;
        margin-bottom: 2.500rem;
        text-align: center;
}
.h4 {
        color: #f0821f;
        font-weight: normal;
        font-style: normal;
        font-size: 1.375rem;
        margin-bottom: 1.625rem;
}

section ul {
        list-style: none;
        padding-left: 0;
        margin: 25px 0;
}

.logo, .sec-logo {
        display: inline-block;
}
.logo {
        margin-bottom: 40px;
}
.sec-logo {
        margin-top: 40px;
}

.btn-primary, 
.btn-primary:active, 
.btn-primary:focus {
        color: #ffffff;
        background-color: #4d2582;
}
.btn-primary:hover {
        color: #ffffff;
        background-color: #f07507;
        border: 1px solid #f07507;
        transition: background-color .1s;
}
.btn-secondary, 
.btn-secondary:active, 
.btn-secondary:focus {
        color: #ffffff;
        background-color: #f0821f;
}
.btn-secondary:hover {
        color: #ffffff;
        background-color: #44197e;
}

.boxg {
        padding: 30px;
        margin: 25px 0;
        background-color: #f7f7f7;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        min-height: 480px;
}
.boxg p:last-of-type {
        margin-bottom: 0;
}
.boxg .icon-innovation, 
.boxg .icon-ergonomy, 
.boxg .icon-safety {
        display: block;
        width: 100%;
        height: 36px;
        background-color: transparent;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        margin-bottom: 1.250rem;
}
.boxg .icon-innovation { background-image: url("../img/css/icon-innovation.png"); }
.boxg .icon-ergonomy { background-image: url("../img/css/icon-ergonomy.png"); }
.boxg .icon-safety { background-image: url("../img/css/icon-safety.png"); }

.boxw {
        padding: 40px 45px 45px;
        margin: 30px 0;
        background-color: #ffffff;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        -webkit-box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.05);
        text-align: center;
}
.boxw .content {
        min-height: 5.750rem;
        text-align: center;
}
.boxw .btn {
        margin-top: 1.250rem;
}

.box1, .box2 {
        position: relative;
}
.box1 {
        top: 60px;
}
.box2 {
        top: 220px;
}

.logo-container {
        margin: 3.5rem 0;
        text-align: center;
}

.contact {
        clear: both;
        position: fixed;
        bottom: 0;
}
.contact a {
        color: #000000;
}
.contact ul {
        list-style: none;
        padding: 0;
        margin: 0;
}
.contact ul li {
        display: block;
        padding: 5px 0;
        font-size: 0.938rem;
}
.contact .brochure {
        margin-bottom: 20px;
        border: 0 solid #e7e7e7;
        border-width: 1px 0 1px 0;
}
.contact .brochure li {
        padding: 25px 0;
        text-indent: 65px;
        background: transparent url(../img/css/icon-pdf-min.png) 30px 50% no-repeat;
}
.contact .brochure:hover a {
        color: #ffffff;
}
.contact .brochure li:hover {
        background: #4d2582 url(../img/css/icon-pdf-min-white.png) 30px 50% no-repeat;
}
.contact .data {
        background: transparent url(../img/css/line-4.jpg) 30px 30px no-repeat;
        padding: 50px 30px 20px;
}

.product-section .h2, 
.chemohyperthermia-section .h2 {
        margin-top: 5.000rem;
}
.product-section p:last-of-type, 
.chemohyperthermia-section p:last-of-type {
        margin-bottom: 0;
}

#menu-toggle {
        background-color: #4d2582;
        border-color: #4d2582;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        padding: 20px 10px;
}

.pdf {
        margin-top: 50px;
}
.pdf a {
        display: inline-block;
        height: 58px;
        line-height: 58px;
        background-image: url("../img/css/icon-pdf.png");
        background-color: transparent;
        background-repeat: no-repeat;
        color: #000000;
        text-indent: 55px;
}

.contact-list {
        list-style: none;
        padding: 0;
}
.contact-list li {
        padding: 12px 0 12px 45px;
}
.contact-us {
        margin-top: 50px;
}
.contact-us .h2 {
        font-size: 1.375rem;
        margin-bottom: 2.750rem;
}
.contact-map-marker, .contact-mobile, .contact-envelope {
        background-color: transparent;
        background-position: 0 50%;
        background-repeat: no-repeat;
}
.contact-map-marker {
        background-image: url("../img/css/icon-map-marker.png");
}
.contact-mobile {
        background-image: url("../img/css/icon-mobile.png");
}
.contact-envelope {
        background-image: url("../img/css/icon-envelope.png");
}

#contact-form .form-group,
#contact-form .form-group p {
        margin-bottom: .500rem;
}
#contact-form .form-control {
        box-shadow: none;
        background: #ffffff;
        color: #000000;
        border: 1px solid #e7e7e8;
        font-size: 0.938rem;
}
#contact-form .form-control:focus {
        background-color: #ffffff;
        color: #4d2582;
        border: 2px solid #4d2582;
        outline: 0;
        -webkit-box-shadow: none;
                box-shadow: none;
}
#contact-form .form-control::-moz-placeholder {
        color: #000000;
}
#contact-form .form-control:-ms-input-placeholder {
        color: #000000;
}
#contact-form .form-control::-webkit-input-placeholder {
        color: #000000;
}
#contact-form textarea.form-control {
        resize: none;
}

.copyright {
        color: #000000;
        display: inline-block;
        font-size: 0.875rem;
}
.copyright span {
        margin-bottom: 25px;
}
.copyright span:last-of-type {
        padding-bottom: 70px;
}

.text-danger {
        font-size: 1.250rem;
}

.btn { 
        padding: 15px 40px;
}

.modal-header {
        border-bottom: 0;
        padding-bottom: 0;
}
.modal-body {
        padding: 0;
}

/* md */
@media (max-width:1199px) {
    h1 { margin: 1.500rem 0; }
    .boxw { margin: 15px 0; padding: 30px; }
    .box2 { top: 20px; }
    .btn { padding: 15px 30px; }
    section { padding-top: 20px; padding-bottom: 20px; }
}

/* sm */
@media (max-width: 992px) {
    h1 { font-size: 3.000rem; }
    h1 span { font-size: 1.625rem; }
    .boxg { margin: 15px 0; min-height: inherit; }
    .boxw .content { min-height: inherit; }
    section { padding-top: 15px; padding-bottom: 15px; }
}

/* xs */
@media (max-width: 768px) {
    h1 { font-size: 2.500rem; }
    h1 span { font-size: 1.375rem; }
    .box2 { top: 0; }
    section { padding-top: 10px; padding-bottom: 10px; }
}

@media (min-width: 1px) {
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
}

@media (max-width: 767px) {
    #menu-toggle {
        z-index: 1001;
        padding: 19px;
    }

    #sidebar-wrapper {
        top: 0;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 100%;
    }

    .logo-container {
        margin: 1rem 0;
    }

    .logo {
        margin-bottom: 0;
        display: block;
    }

    .logo .img-responsive {
        margin: 10px;
        max-height: 41px;
    }

    .intro-section {
        padding-top: 0;
        background-size: auto;
    }

    .intro-section .bg {
        background-size: auto 100%;
    }

    .intro-section .box1 {
        top: 0;
        margin-top: 60px;
        margin-bottom: 20px;
    }

    .product-section .h2,
    .chemohyperthermia-section .h2,
    .advantages-section .h2,
    .features-section .h2,
    .research-section .h2,
    .contact-section .h2 {
        margin: 3rem 0 2rem;
    }

    .contact {
        bottom: 40px;
        width: 100%;
    }

    .sidebar-nav li {
        overflow: hidden;
    }

    .features-section .bg {
        background-image: none;
    }

    .features h3 {
        margin-top: 0;
        font-size: 1.15rem;
    }

    .contact-section .copyright {
        text-align: center;
        display: block;
        margin: 30px auto 0;
    }

    .contact-section .copyright .logo,
    .contact-section .copyright .logo-en,
    .contact-section .copyright .logo-ru {
        margin: 0 auto 25px;
    }
}

.intro-section {
    min-height: 1px;
}

.intro-box {
    margin-top: 210px !important;
}
