/*  Очистка CSS*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin: 0; padding: 0;}
p{ cursor:default;}
h1, h2, h3, h4, h5 {
    color: #081F4E;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 600;
    padding-top:0.5em;
    padding-bottom:0.5em;
}
a {color: #002e5d;}
strong{font-height:bold;}
html{ 
    position: relative;
    min-height: 100%;
}
body {
    background-color: #b2d7f2;
    background-image: url('../images/background.jpg');
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position: top right;
    background-size: cover;
    width: 100%;
    height: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.6em;
    
}
hr {
    border: 0;
    height: 15px;
    padding:0px;
    margin:0px;
    background-image: url('../images/line-3.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center center;
}
.container {padding: 0;}

.left-column, .right-column{ 
    float:left;
    
    height:100%;
}
.left-column{
    width:400px;
}
.right-column{
    width:calc(100% - 400px);
}

.image-bordered{border:3px solid #ffffffaa; padding:10px; border-radius:3px;}
/*===================================================*/
/*======== HEADER ===================================*/
/*===================================================*/
.header{
    background: rgb(71,88,123);
    background: -webkit-gradient(linear, 100% 0, 0 0, from(rgb(59, 86, 124)), color-stop(0.5, rgb(34, 67, 110)), to(rgb(0, 45, 93)));
    background: -webkit-linear-gradient(180deg, rgb(59, 86, 124) 0%, rgb(34, 67, 110) 50%, rgb(0, 45, 93) 100%);
    background: -moz-linear-gradient(180deg, rgb(59, 86, 124) 0%, rgb(34, 67, 110) 50%, rgb(0, 45, 93) 100%);
    background: -o-linear-gradient(180deg, rgb(59, 86, 124) 0%, rgb(34, 67, 110) 50%, rgb(0, 45, 93) 100%);
    background: linear-gradient(180deg, rgb(59, 86, 124) 0%, rgb(34, 67, 110) 50%, rgb(0, 45, 93) 100%);
    border-bottom:1px solid #aab2c2;
    outline:2px solid #081f4e;
}
.header .container{}
.header .slogan{ 
    position:relative;
    font-family: "Times New Roman";
    text-align:right;
    font-style:italic;
    padding-top:0px;
    line-height:1.3em;
}
.header .slogan h1{font-size:48px; padding:3% 0px; padding-right:8%;}
.header .slogan h1 a{color:#d8c98b;  font-family: "Times New Roman";  font-weight:bold; }
.header .slogan h1 a:hover{text-decoration:none; color:#D0C589;}
.header .slogan p{font-size:20px; color:#EDF7F7; padding-right:8%;}

/*===================================================*/
/*======== NAVBAR ==================================*/
/*===================================================*/
.header .main-menu .navbar-cont{text-align:center;}
.header .navbar{
    font-family: 'Open Sans Condensed', sans-serif;
    position: relative;
    display:inline;
    margin:0 auto;
}
.header-menu li{
    border-left:1px solid white;
 }
.header-menu li{
    display:inline-block;
 }
.header-menu .first{
    border-left:1px solid transparent;
    
}
.header-menu li a{ 
    color:white; 
    padding:0.1em 0.5em;
    text-transform:uppercase;
    font-size:17px;
    font-weight:bold;
}
.header-menu li a:hover{background:none; color:#d8c98b;}
.header-menu li a:hover, .header .navbar .active a, .header .navbar .nav-item a:focus {background:none; color:#d8c98b;}
/*===================================================*/
/*======== LEFT BLOCK ===============================*/
/*===================================================*/

.aside{position:relative;}
.aside .logo{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:2;
    width:45%;
    transform: translate(-7%, -43%);
}
.aside .left-menu{
    background: url('../images/line-2.png') center left 5px no-repeat, 
                url('../images/line-2.png') center right 3px no-repeat;
    background-size: auto 100%;
}
.left-menu .nav-overlay{ padding: 1% 8%; }

    .left-menu ul{
    	list-style: none;
    	padding-bottom:1%;
    	width:100%;
    }
    .left-menu  ul li{
        transition: background-color 0.3s ease 0s;
        background-color: #002e5d;
        border-bottom:1px solid #4181af;
    	position: relative;
    }
    .left-menu ul li a{
        text-transform:uppercase;
        font: 16px/1.4em 'open sans',sans-serif;
        color: #FFFFFF;
        white-space: nowrap;
        overflow: hidden;
        padding: 4%;
        text-align:center;
        display: block;
        transition: background-color 0.3s ease 0s;
    }
    
    .left-menu ul li:hover{
    	background-color: #234a71;
    }
    .left-menu > ul li:hover a{
    	color: #D3C88D;
    }
    .left-menu ul li:hover ul{
    	display: block;
    	z-index: 2;
    }
    .left-menu ul li:hover ul li ul{
    	display: none;
    }
    
    .left-menu ul li ul li:hover ul{
    	display: block;
    }
    .left-menu ul li ul{
    	position: absolute;
    	left: 0px;
    	transform:translateX(100%);
    	top: 0px;
    	display: none;
    }
    .left-menu ul li > a:hover, 
.left-menu ul .active > a, 
.left-menu ul li a:focus
{ 
    background-color: rgba(0, 26, 51, 1);
    color:#D3C88D;
    transition: background-color 0.4s ease 0s;
    text-decoration:none;
}
.left-menu ul li ul li{background:#234a71; border:0;}
.left-menu ul li ul li a{font-size:14px; text-align:left; color:white; padding: 9px 10px; border-bottom: 1px solid #365c82;}

.aside .left-box{padding:1% 8%;}
.aside .left-box h2{
    color:#0F3E9B; 
    font-size: 22px;
    text-align: center;
    text-transform:uppercase;
    padding-top:0px;
}
.aside .left-box div{
    text-align:justify;
    font-size:15px;

}
.callback-button:hover img{
    transform:scale(1,1);
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    -ms-transition: All 0.3s ease;
    transition: All 0.3s ease;
}
.callback-button:hover img{
    transform:scale(1.05,1.03);
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    -ms-transition: All 0.3s ease;
    transition: All 0.3s ease;
    
}
/*===================================================*/
/*======== CONTENT ==================================*/
/*===================================================*/
a.knopka {
    text-decoration: none;
    user-select: none;
    background: #324f77cf;
    padding: .4em 1em;
    outline: none;
    width: 50%;
    display: block;
    text-align: center;
    margin: 0px auto;
    color: white;
    border: 1px solid #5c7e91;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
} 
a.knopka:hover { background: rgb(26, 155, 255); } /* при наведении курсора мышки */
a.knopka:active { background: rgb(152,15,0); } /* при нажатии */
.content {padding:20px; padding-right:0px; padding-top:10px; text-align:justify;}
.content img {max-width: 100%; padding:10px;}
.content h2, .content h3, .content h4, .content h1{
    text-align:center;
    padding:20px 10px;
    color: #081F4E;
    
}
.content h2{
    text-align:center;
    font-size:28px;
    text-transform:uppercase;
    padding:20px;
}
.content p{padding-bottom:15px;}
.content ul{list-style: inside; padding-bottom:20px;}
.content ul li{padding:5px 0px;}
.content table{width:100%; background:#fff9; text-align: center; border:1px solid #555; font-size:14px; margin:20px 0px;}
.content table tr:nth-child(1){ background: #002e5d; color: white; font-weight:bold; line-height:1.4em;}
.content table .gray-row{background: #ccc;}


.card-item-wrapper{box-shadow: 0 0 10px #21608a;}
.card-items img, .card-item-image{vertical-align:bottom; padding:0px; margin:0px; border:2px solid white; height:auto; width:100%;}
.card-items .card-item-title{
    background: white;
    margin: 0px;
    padding: 11px;
    text-transform: uppercase;
    color: black;
    font: 16px/1.4em 'open sans',sans-serif;
    text-align: center;
    margin-bottom: 20px;

}
.card-items .btn, .card-item-description{display:none;}
.card-items .card-item-title a{}

/* -------------- GALLERY ------------*/
.gallery-assets{ margin: 0px -10px; padding:10px 0px;}
.gallery-assets .fixed-item {padding:10px; }
.gallery-assets .fixed-item > div{box-shadow: 0 0 10px #21608a; overflow:hidden; box-shadow: 0 0 10px #21608a;}
.gallery-assets .fixed-item a img{
    vertical-align:bottom; 
    padding:0px; 
    margin:0px; 
    /*border:2px solid white; */
    background: radial-gradient(circle, rgb(244, 246, 247) 0%, rgb(200, 215, 217) 49%, rgb(171, 202, 204) 100%);
    background-color: rgba(0, 0, 0, 0);
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}
.gallery-assets .fixed-item p{ background:white; text-align:center; height: 3em; line-height: 1.25em; z-index: 1; position: relative;}
.gallery-assets .fixed-item p a{color:#0f7096; font-size: 14px;}
.gallery-assets .fixed-item:hover a img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.gallery-assets .fixed-item:hover p a{ text-decoration:none; color:black;}

.flex-images {}
.flex-images .item {float: left; margin: 10px; box-sizing: content-box; overflow: hidden; position: relative; border: 4px solid white; box-shadow: 4px 4px 10px #4c8cb7;}
.flex-images .item img { display: block; width: auto; height: 100%; padding:0px; position: absolute; left: 0; top: 0; right: 0; bottom: 20px; }
.flex-images .item .over { position: absolute; bottom: 0; left: 0; right: 0; padding: 4px 6px; background: #ffffff; text-align:center;}
.flex-images .item .over a{color: #0f7096; text-transform:uppercase; font: 13px 'open sans',sans-serif; letter-spacing: -0.03em;}
.flex-images .item:hover{box-shadow: 4px 4px 10px #21608a;}
/*.flex-images .item:hover .over{background: rgba(54, 100, 148, 1);}*/
.flex-images .item:hover .over a{text-decoration:none; text-shadow: 3px 4px 3px #c6d6ea;}

/*===================================================*/
/*======== FOOTER ===================================*/
/*===================================================*/
.footer{
    border-top:1px solid #aab2c2;
    outline:2px solid #081f4e;
    background: rgb(71,88,123);
    background: -webkit-gradient(linear, 100% 0, 0 0, from(rgb(59, 86, 124)), color-stop(0.5, rgb(34, 67, 110)), to(rgb(0, 45, 93)));
    background: -webkit-linear-gradient(180deg, rgb(59, 86, 124) 0%, rgb(34, 67, 110) 50%, rgb(0, 45, 93) 100%);
    background: -moz-linear-gradient(180deg, rgb(59, 86, 124) 0%, rgb(34, 67, 110) 50%, rgb(0, 45, 93) 100%);
    background: -o-linear-gradient(180deg, rgb(59, 86, 124) 0%, rgb(34, 67, 110) 50%, rgb(0, 45, 93) 100%);
    background: linear-gradient(180deg, rgb(59, 86, 124) 0%, rgb(34, 67, 110) 50%, rgb(0, 45, 93) 100%);
}