@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i&subset=latin-ext');

body {font-family: Lato, sans-serif; background-color: #2d235f; color: #000000;}
a {color: inherit; text-decoration: none;}
a:hover {color: inherit; text-decoration: none;}

.full-width {width: 100%;}
.products-pics {padding: 1em 0;}

.link-more {display: block; margin-top: 0.5em; text-align: right;}

h1 {text-transform: uppercase; text-align: center; font-size: 2.3em;}
.category h2 {border-bottom: dashed #e51755 2px; }
.category section {padding: 1em 0;}

.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {background: #2d235f; color: #fff;}

#mainMenu > ul {flex-wrap: wrap;}

.navbar-dark .navbar-nav .nav-link {font-weight: bold; color: #fff; text-transform: uppercase;}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link
{
    color: #fff;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 0.5);

}

.navbar-dark .navbar-toggler-icon {background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}

.content {padding: 2em 1em;}
.content, .top, .bottom-slider {background: #fff;}
.content.page h1 {margin-bottom: 0.4em;}
.content.thumbnail-bg{background-repeat: no-repeat; background-size: 50%; background-position: top right;}
.content.thumbnail-bg .half-cotent {width: 50%;}

.footer {background: #e51755; color: #fff; padding: 0.5em 0; text-align: center;}
.footer .copyright {}
.footer a {color:#fff;}

.top {position: relative;}
.top .navbar {background-image: url('../img/bg.jpg'); background-size: 100% 100%; background-repeat: no-repeat;}

.carousel {border-top: solid #e51755 1px;}
.carousel-item img {width: 100%; height: 100%;}

.btn-primary {background: #2d235f; color: #fff; border: 0; outline: 0; padding: 0.5em 1em;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background: #2d235f!important;
    color: #fff!important;
    outline: 0!important; box-shadow: none!important;
}
.ajax-loader {display: none!important;}

.form-control {border-radius: 0; border-color: #e51755; border-style: dashed; color: #000;}
.form-control::placeholder {color: #e51755;}
.form-control:focus {box-shadow: none; border-width: 2px; border-color: inherit;}

.dropdown-menu {border-radius: 0; border: 0;}

.owl-dots {display: none;}
.owl-nav {font-size: 5em; color: #fff;}
.owl-prev {position: absolute; left: 0; top: calc(50% - 65px); outline: 0!important;}
.owl-next {position: absolute; right: 0; top: calc(50% - 65px); outline: 0!important;}

.page-42 > .row {align-items: center; justify-content: center;}
.page-42 > .row > [class*="col-"] {text-align: center;  min-height: 100px;
    display: flex; justify-content: center; align-items: center;
}
.page-42 > .row img {width: 50%;}
/*.page-42 > .row span, .page-42 > .row img {display:block; margin: auto auto;}*/

.content img {max-width: 100%; height: auto!important; }
.content img.thumbnail {margin-bottom: 1em;}

.top-icons {position: absolute; top: 5px; right: 15px; font-size: 1.5em; color: #fff; background: #4267B2; border-radius: 50%; text-align: center; width: 36px;}
.top-icons:hover {color: #4267B2; background: #fff;}

.products-pics [class*="col-"] {margin-bottom: 2em;}

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

}
@media screen and (max-width: 992px){
    .top .navbar {background-image: none;}
    .top .bg-top-layer {position:absolute; left: 0; right: 0; top: 0; height: 200px; background-image: url('../img/bg.jpg'); background-size: 100% 100%; background-repeat: no-repeat;}
    .navbar-dark .navbar-nav .nav-link {color: #000; }
    .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link,
    .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover
    {
        color: #000;
    }
    .carousel {display: none;}

    .content.thumbnail-bg{background-repeat: no-repeat; background-size: 20%; background-position: 100% 10%;}
    .content.thumbnail-bg .half-cotent {width: 80%;}
    .page-42 > .row img {width: 70%;}
}

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

}

@media screen and (max-width: 576px){
    .content.thumbnail-bg{background-repeat: no-repeat; background-size: 20%; background-position: 100% 5%;}
    .content.thumbnail-bg .half-cotent {width: 100%}
}