body {font-family: 'Open Sans', sans-serif;transition: 0.4s;}
body.wrapper-fluid footer>.grid-child {padding: 0;}
body.wrapper-fluid .site-grid{grid-gap: 0;}
.container-bottom-b {grid-column: full-start / full-end !important;}

.primary {color: #01499A;} /*blu*/
.secondary {color: #CEAA6E;} /*gold*/
.styleRed {color: #D12023;} /*krasniy*/
.white{color:#fff;} /*beliy*/

h1,h2,h3{font-family: 'Roboto', sans-serif; text-align:center;text-transform: uppercase; color:#01499A;}
h1 {font-size: 48px;max-width:740px;margin:40px auto;}

.btn-tel {display: inline-block; padding: 10px 25px; margin: 15px 0; border: 2px solid #01499A; color: #01499A; border-radius: 8px; transition: all 0.5s ease;}
.btn.btn-tel.white{border: 2px solid #fff; color: #fff;}
#mod-custom110 .btn-tel:hover{border: 2px solid  #CEAA6E; color: #CEAA6E}
#mod-custom114 .btn-tel:hover, .btn.btn-tel.white:hover{border: 2px solid#CEAA6E; color:#CEAA6E}
#mod-custom114 .btn-tel{border: 2px solid #fff; color: #fff;}
a {text-decoration:none}

:root {
--cassiopeia-color-primary:#01499A;}

/*headers*/
.header .container-topbar {color:#01499A; padding: 20px 15px;background-image: url(/images/fon-1.jpg);border-top: 6px solid #01499A}
.header .container-topbar #mod-custom110 {max-width: 1400px;margin-left: auto;margin-right: auto;display:flex;flex-wrap:wrap;align-items:center;justify-content: space-between;font-weight: bold;font-size:18px;}
.logo-name{margin-left:30px}
#mod-custom110 .loc a:hover, #mod-custom110 .loc a:link {color:#01499A}

/*menu-gor*/
.container-header .container-nav{text-transform:uppercase;font-weight:bold;justify-content: center;}
.container-header{background-image: none;border-bottom: 8px solid #CEAA6E}
.metismenu.mod-menu .metismenu-item>a:hover, .metismenu.mod-menu .metismenu-item.current.active>a, .metismenu.mod-menu .metismenu-item.active.deeper.parent, .metismenu-item.parent:hover{color:#CEAA6E;transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.metismenu.mod-menu .metismenu-item>button{text-transform: uppercase;font-weight: bold; white-space: normal;}
.mm-collapse.mm-show .metismenu-item{justify-content:center}
.offcanvas.show .mm-collapse.mm-show .metismenu-item{justify-content:left}
.metismenu.mod-menu .mm-collapse .metismenu-item>a:hover,.metismenu.mod-menu .mm-collapse .current.active>a{color: #254375;text-decoration: none;transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.metismenu.mod-menu .mm-collapse>li>a{white-space:normal; color: #fff;}
.mm-collapse .metismenu-item a{font-size:14px;text-align:center;font-weight:600;line-height: 1.35; text-decoration: none;}
.container-header .metismenu>li.level-1>ul{width:100%;text-transform: initial;}
.metismenu.mod-menu .metismenu-item>ul{top:65px; left: 0;padding: 15px 0;background-color: #CEAA6E;}
.menu-tel{display: block; padding: 20px 0 10px;color:#50b849 }

/*menu-v*/
.mod-menu.mod-list.nav .nav-item{background:#01499A;padding:20px 15px; margin:5px 0; text-align:center;font-weight:bold}
.mod-menu.mod-list.nav .nav-item a{color:#fff;}
.mod-menu.mod-list.nav .nav-item a:hover{color:#CEAA6E}
.mod-menu.mod-list.nav .nav-item.current{background:#CEAA6E;}
.mod-menu.mod-list.nav .nav-item.current a:hover {color:#fff;}

/*mob-menu*/
.container-header .navbar-toggler {color: #fff;border: none;}
.navbar-toggler:focus { box-shadow: none;}
.offcanvas { --offcanvas-width: 250px;background:#01499A;}
.navbar-toggler{line-height: inherit;}
[class^=icon-]{font-size:30px;line-height: inherit;}
.navbar-collapse.collapse.show .metismenu.mod-menu .metismenu-item>ul{top:100%;border-radius: 10px;left:15px;}
.navbar-collapse.collapse.show .mm-collapse.mm-show {width:200px;}
.navbar-collapse.collapse.show .metismenu-item a {text-align:left;color:#fff;}
.offcanvas.show:not(.hiding) {overflow-y: scroll;}
.metismenu.mod-menu .mm-toggler {text-align: left;}
.mob-tel{display: inline-block;margin: 20px;padding-bottom: 20px;font-size: 15px;font-weight: normal;}
.navbar-collapse.show .collapse.show {padding-top:20px}

.metismenu.mod-menu .metismenu-item>button:focus {outline: none;}



/*page*/
.wraper{max-width: 1400px;margin-left: auto;margin-right: auto;}
.vstup{display:block;font-size:20px;font-weight:bold;border-left:8px solid #01499A; padding-left: 25px;max-width:1000px;margin:20px auto 40px;}
.block {display:flex; flex-wrap: nowrap;justify-content: space-between;}
.bl {width: calc(100% / 2 - 20px);}
.block.gl {background-color:#002DCA; font-size:22px; font-weight:bold;color:#fff;align-items:center;}
.block.gl .bl.text{padding:40px 20px 40px 60px; text-align: justify;font-size:20px}
.bl.text{padding:40px 10px; text-align: justify;font-size:20px}
.t24{font-size:22px; font-weight:500;text-align:center}
.bl.text hr {border:2px solid #CEAA6E; width:160px; text-align:center;margin:20px auto; opacity: 1;}

/*gl-2*/
.gl-2{background-image: url(/images/fon-1.jpg);padding:60px 15px 20px;margin: 0 -16px;}
#mod-custom111 {text-align:center}
.title{font-size:34px;}
.divider{margin:20px}
#mod-custom111 .boxes{display:flex;flex-wrap:wrap;justify-content:center}
.box{flex: 0 0 30%;margin:20px;padding:20px;font-size:20px;}
.box img{height:50px; margin-bottom:25px}

/*gl-3*/
.gl-3{padding:60px 0 20px;}
#mod-custom112 {text-align:center}
.title-text {font-size: 28px;max-width: 950px; margin: 30px auto; font-weight: bold;}
li::marker{color:#01499A; font-size:22px;}
.gl-3 .text-b img {width:48%;}
.text-b img{border-radius: 15px;}

/*gl-4*/
.gl-4{margin:30px 10px}
.block.gl-4 .bl{font-size:28px;font-weight: bold;background:#01499A;color:#fff;border-radius:10px;height:200px;margin: 15px 0;display: flex;align-items: center;justify-content: center;text-decoration: none;}
.gl-4 img {margin-left:15px}

/*deklaraciya prav*/
.text-b{display: inline-block; font-size:18px;text-align:justify;margin:20px}
.pull-right{float:right;margin-left:40px;}
.pull-left{float:left;;margin-right:40px;}
.t20{font-size:20px;font-weight:bold;text-align:center;margin-top:60px}
.otstup {text-indent: 2.5em;text-align:justify;}
.stat{font-size:22px;font-weight:bold;border-bottom:4px solid #CEAA6E;max-width:130px;padding-bottom:7px;margin:30px 0 20px;}

/*kontaktu*/
#contact {display: flex;justify-content: space-between;border-top: 4px solid #EBECEC;margin-bottom:-24px}
.contact {width: 50%;height: 500px;}
.contact.adres {background-image: url(/images/fon-1.jpg); background-repeat: repeat; padding: 0 15px; font-size: 20px; text-align: center;font-weight:bold; display:flex;align-items:center;justify-content:center}
.contact.adres p {margin:30px 0}
.t-16{font-size: 16px;}

/*footer*/
.footer{background: #01499A;  padding: 0 10px; color: rgba(255, 255, 255); border-top: 8px solid #CEAA6E;}
.grid-child #mod-custom114 {width:1400px;margin-left:auto; margin-right:auto }
#mod-custom114  {display:flex; justify-content: space-between; transition: all 0.3s ease-in-out; align-items: center;}
#mod-custom114 .left img, #mod-custom110 .loc img{margin-right:15px}
#mod-custom116{background: #333;  padding: 20px 10px;}

@media screen and (max-width: 1100px){
.headers .loc{display:none}    
}

@media screen and (min-width: 991px){
.container-sidebar-right{margin-top:150px}
.mob-tel{display:none}
}

@media screen and (max-width: 991px){
.grid-child #mod-custom114 {width:100%;}  
#contact{flex-direction:column}
.contact{width:100%}
.container-header .container-nav{justify-content:end;}
.vstup{max-width: 800px;}
.block  {margin:30px 0;}    
.block .bl {width:100%; }
.block.gl img{width:100%}
.block.gl .bl.text{padding:30px}  
.bl.text {padding:0 15px}
.block.gl-4, .block {flex-wrap: wrap; justify-content: center;}
.block.gl-4 .bl {width:70%}
.box{flex: 0 0 40%;}    
}

@media screen and (max-width: 860px){
.f.center {order:-1}
.grid-child #mod-custom114 {flex-direction:column;}
.f.left {margin:30px 0}
.vstup{font-size: 18px;max-width: 600px;}
.box{flex: 0 0 70%;margin:0}
.title-text{font-size: 22px;}
}

@media screen and (max-width: 768px){
.headers .tel{display:none}
h1{font-size: 38px;}
.bl.text{font-size: 18px;}
.block.gl .bl.text{padding: 25px 30px;font-size: 18px;} 
.header .container-topbar #mod-custom110 {justify-content: space-around;}
.box{flex: 0 0 90%;}
.gl-3 .text-b img, .text-b img {width: 100%;}
.pull-right,.pull-left{float: none; margin: 0 0 30px}  
}

@media screen and (max-width: 640px){
h1{font-size: 36px;}
.t24{font-size: 18px;}
.block.gl-4 .bl {width: 90%;}  
}

@media screen and (max-width: 520px){
.header .container-topbar #mod-custom110 {text-align: center;}
#mod-custom110 .logo img{margin: 10px}  
.block.gl-4 .bl {font-size: 22px;height: 150px;}
}

@media screen and (max-width: 480px){
.block.gl-4 .bl {font-size: 16px;height: 120px;}
}

/*anim*/
h1 {animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s; /* don't forget to set a duration! */  
}

@keyframes  {
    from {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRight, .fadeInLeft {transform: translateY(5%);transition: all 2s;opacity: 0;}
.active.fadeInRight, .active.fadeInLeft {opacity: 1;transform: translateY(0);}

.floating{
    animation-name: floating;
    -webkit-animation-name: floating;
 
    animation-duration: 1.5s;   
    -webkit-animation-duration: 1.5s;
 
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
 
@keyframes floating {
    0% {
        transform: translateX(0%);  
    }
    50% {
        transform: translateX(30%);  
    }   
    100% {
        transform: translateX(0%);
    }           
}
 
@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateX(0%);  
    }
    50% {
        -webkit-transform: translateX(30%);  
    }   
    100% {
        -webkit-transform: translateX(0%);
    }           
}