:root {
    --body-back-color: #ffffff;
    /*--link-color: #62877e;*/
    --link-color: #e91e63;
    --rich-blue: #2b3a5a;
    --dark-blue: #202c44;
    --rich-blue-alpha: #2b3a5af0;
    --light-link-color: #5aebc8;
    --text-on-blue-color: #fff;
    --menu-control-color: #000;
    --image-active-color: #fff;
    
    --scrollbar-width: 8px;
    
    --page-slider-pagination-bullet-size: 10px;
    
    --header-height: 70px;
}


.breadcrumbs {
    font-style: italic;
    font-weight: bold;
}


section section:nth-child(1n + 2)  {
    margin-top: 35px;
}

.svgic:hover {
    fill: #949fb7;
}

.svgic {
  /*  fill: var(--link-color);*/
    fill: #c2c0bc;
}


.SVGicon {
  /*background-image: url(/images/noun-mouse-scroll-down-613106.svg);*/
  width: 60px;
  height: 55px;
  left: calc(50vw - 30px);
  background-size: cover;
  position: absolute;
  top: calc(100vh - 110px);
  z-index: 1000;
  border: 0;
}

p.shorted_one {
      padding: 50px;
        border: 3px solid var(--dark-blue);
        width: 52%;
}

.meduzaText img {
    width: 40%;
    float: right;
    margin: 0px 0px 50px 0px;
    /* padding-left: 60px; */
    transform: scale(1.3) translateY(-25px) translateX(-58px);
    box-shadow: 0px 10px 30px 0px rgb(0 0 0 / 30%);
}    
    
body.modalShown {
    padding-right: var(--scrollbar-width);
    overflow: hidden;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: var(--body-back-color);
}

body::-webkit-scrollbar {
  width: var(--scrollbar-width);
}

body::-webkit-scrollbar-thumb {
  background-color: var(--rich-blue);
  border-radius: 5px;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

@font-face {
    font-family: 'Rosamunda Two';
    src: url('../fonts/RosamundaTwo.eot');
    src: url('../fonts/RosamundaTwo.eot?#iefix') format('embedded-opentype'), url('../fonts/RosamundaTwo.woff') format('woff'), url('../fonts/RosamundaTwo.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

header nav a, header nav a:visited {
    color: inherit;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 400;
}

a, a:hover, a:visited {
    color: var(--link-color);
}

a:hover { text-decoration: underline; }

h1 {
    font-size: 6.5vh;
}

.headerFont {
    font-family: 'Noto Serif Display', serif;
}

.padding15 { padding: 15px; }

.paddingV15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.nomargin { margin: 0; }

.zIndex5 { z-index: 5; }

.curvyFont { font-family: 'Rosamunda Two', cursive; font-size: 2.2em; }

.btn {    
    padding: 0.75em 1.5em;
    border-radius: 0;
    transition: .2s ease-out;
}

.btn:hover {
    color: inherit;
    background-color: var(--link-color);
}

.blue-text { color: var(--rich-blue); }
.blue-back { background-color: var(--rich-blue); color: var(--text-on-blue-color);  }
.blue-back a, .blue-back a:hover, .blue-back a:visited { color: var(--text-on-blue-color); }

.link-color { color: var(--link-color); }

.noOverflow { overflow: hidden; }

#header {
    padding-left: 30px;
    padding-right: 30px;
    z-index: 10;
    height: var(--header-height);
}

#header .headerCell a:not(.menuItemI) {
   line-height: var(--header-height);
}

h1.logoTextContainer, h1.logoTextContainer .logoText {
    font-size: 22px;
}

.logoWrapper::before {
    content: "";
    position: absolute;
    top: 0px;
    left: -30px;
    height: 10px;
    border-left: 400px solid var(--dark-blue);
    border-bottom: 133px solid transparent;
}

a.logoText:hover { text-decoration: none; } 

#topMenu a.menuItem {
    font-size: 13px;
}

.swiper-wrapper {
    height: 100vh !important;
}

#pageSlider {
    height: 100vh;
    height: var(--mobile-height);
    padding-top: 100px;
}

#pageSlider .swiper-slide { background-color: var(--body-back-color); }

#pageSliderPagination {
    position: absolute;
    z-index: 5;
    left: 50%;
}

#pageSliderPagination .swiper-pagination-bullet {
    background-color: var(--rich-blue);
    width: var(--page-slider-pagination-bullet-size);
    height: var(--page-slider-pagination-bullet-size);
    /*background-color: transparent;
    width: 0px;
    height: 0px;
    border-radius: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid var(--rich-blue);
    */
}

footer { display: none; }

.padding-right-15 {
    padding-right: 15px;
}

a {}

.btnLink, .btnLink:visited { color: initial; }

.btnLink {
    overflow: hidden;
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid rgba(0,0,0,.4);
}

.btnLink:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.btnLink:after {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 100%;
    height: 100%;
    background-color: var(--rich-blue);
    z-index: -1;
    transition: .3s ease-out;
}

.btnLink:hover::after {
    right: 0px;
}

/*************************************/
.modalContainer {
    position: fixed;
    top: var(--header-height);
    left: 0;
    height: 91vh;
    width: 100%;
}

.modalWin {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,.2);
    width: 82%;
    /*max-height: 80vh; 1406*/
    /*height: 85%;*/
}

.modalWin .inner {
    padding: 25px;
}

.modalWin .crossBtn {
    z-index: 5;
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
}

#modalSwiper {
    /*height: calc(80vh - 50px); 1406*/
    overflow: hidden;
}

#modalSwiper .swiper-wrapper {height: 100% !important;}

#modalSwiper .swiper-button-next,
#modalSwiper .swiper-button-prev {
    color: var(--rich-blue);
}

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


#big-menu-container .phone-wrapper a, .email-wrapper a {
    line-height: 0px !important;
}

.bMcont a {
    color: #e91e63;
}

.bMcont .bMalign {
    vertical-align: middle;
}


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

.headerSearchContainer {
    height: var(--header-height);
    padding-left: var(--header-height);
}

.in-input-btn {
    left: -35px;
    z-index: 10;
    color: var(--menu-control-color);
    width: 30px;
    text-align: center;
    display: inline-block;
}

#headerSearch {
    border: none;
    padding: 5px 30px 5px 5px;
    font-size: inherit;
    color: var(--menu-control-color);
}

.headerSearch {
    border: none;
    padding: 5px 30px 5px 5px;
    font-size: inherit;
    color: var(--menu-control-color);
}

@media (max-width: 600px) {
    
    .clearText {
        max-height: 24em;
    }
    
    
    .headerSearchContainer {
        background-color: var(--rich-blue);
        height: auto;
        padding: 0px 30px 10px;
        width: calc(100% + 60px);
        margin-left: -30px;
        margin-bottom: 10px;        
    }
    
    .bMcont {
        margin-top: 30px;
    }
    
    #headerSearch, .headerSearch {
        width: 100%;
    }
    
    .in-input-btn.relative {
        position: absolute;
        top: 0px;
        left: auto;
        right: 0px;
    }
    
    .headerSearchWrapper.relative {
        width: 100%;
    }
}