/* #6D2F30 #F3F0E9 


*/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v15-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-ext_latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/montserrat-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-ext_latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/montserrat-v15-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-ext_latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}    
body, html {
    scroll-behavior: smooth;       
    font-family: 'Montserrat', sans-serif;
    margin:0;                             
    scroll-padding-top:90px;
}         
section{
    padding:75px 100px;
}
ul,li{
    list-style-type:none;
    line-height:1.8;
    padding-left:0px;
    margin-top:0px;
}
.sidebar {
    margin: 0;
    padding: 0;
    width: 250px;
    background-color:#02307B;
    position: fixed;
    height: 100%;
    overflow: auto;
    text-align:center;
    padding-top:60px;
} 
.sidebar a{
    display: block;
    color: black;
    padding:20px;
    font-size:14px;
    text-decoration: none;  
    text-transform:uppercase;
    color:#F3F0E9;
    font-weight:600;
}    
.sidebar a:hover{
    text-decoration:underline;  
} 
.sidebar--icons{
    display:inline-flex;
} 
.sidebar--icons a{
    padding:0px;
    margin:10px;
}
.sidebar .item--circle{
    background:#f6faff;
    height:40px;
    width:40px;
    border-radius:50px;
    padding-top:10px;
}
.sidebar li:last-child{
    position:absolute;
    bottom:0px;            
    text-decoration:underline;
} 
.sidebar li:last-child:hover{
    text-decoration:none;
}
.sidebar:before{
    content:'';
    height:300px;
    width:300px;
    display:block;
    top:-90px;
    left:-110px;
    position:absolute;
    background-image:url('../img/element.svg');      
    background-repeat:no-repeat;
    z-index:-1;
}
.sidebar #menu{
    margin-top:50px;
}
a:active{
    color:#000;
}
.tabs{
    display:flex;
    border-bottom:1px solid #f6faff;
    margin-bottom:20px;
}
.tab{        
    text-decoration:none;
    font-weight:600;
    cursor:pointer;     
    color:#414141;      
    padding:20px;      
    transition:0.5s;  
    text-align:center;
}   
.tab:hover{
    text-decoration:underline;
}
.tab.active{
    background:#02307B;  
    color:#f6faff; 
    margin-bottom:-1px;
}  
.tab.active:hover{
    background:#02307B;
    color:#f6faff; 
    text-decoration:none;
}
div.content{
    margin-left: 250px;    
}
p{
    font-size:16px;
    color:#8A8683;
    line-height:1.8;
}
.subtitle{
    color:#02307B;
    font-size:14px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    display:block;
    margin-bottom:16px;
}
h1,h2,h3{
    margin:0px;
}
h1{
    color:#414141;
    font-size:42px;
    font-weight:100;
    margin-bottom:30px;
}
h1 span{
    font-weight:600;
}
h2{
    color:#02307B;
    font-weight:300;
}
h3{
    font-size:32px;
    font-weight:300;
    margin-bottom:40px;
}
.btn{
    padding:20px;
    font-size:18px;
    font-weight:600;
    border:2px solid #02307B;
    color:#02307B;
    text-decoration:none;
    margin-top:20px;
    display:inline-flex;
    text-align:center;
    transition:0.5s;
}
.btn:hover{
    background:#02307B;
    color:#f6faff;  
}
.header--images{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    max-width:550px;
}
.header--image{
    position:absolute;
    right:20px;
    top:0;
    box-shadow:0 10px 20px 0 rgb(22 22 22 / 10%);
}
.header--image--1{
    z-index:2;        
    left: -10px;
    top: 100px;
}       
.about--arrow{
    margin-left:auto;
    margin-right:auto;
    display:block;
    margin-top:40px;
}
#advantages{
    background:#f6faff;
    text-align:center;
}
.item{
    text-align:center;
    margin:20px 0;
}
.item .item--circle{
    background:#02307B;
    height:75px;
    width:75px;
    border-radius:50px;
    margin-left:auto;
    margin-right:auto;      
    padding-top:20px;
}
.item span{
    display:block;
    margin-top:25px;
    font-size:18px;
    font-weight:300;
}      
.swiper-container {
    width: 100%;
}
.swiper-wrapper{
    margin-bottom: 25px;  
    cursor:pointer;
}
.swiper-slide {
    height:100%;
    width:auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
:root {
    --swiper-theme-color: rgba(2,48,123,1);
}
.swiper-pagination-progressbar{
    background:#f6faff;
}
.swiper-container-horizontal>.swiper-pagination-progressbar{
    top:unset;
    bottom:0;
}
#certificates{
    border-bottom:1px solid #02307B;
}
.blue-list{
    list-style-type:circle;
    font-size:14px;
    padding-left:20px;
    margin-top:30px;
}
.blue-list li{
    line-height:2;   
    list-style-type:disc;
}  
.blue-list li::marker {
  color: #02307B;
}   
.blue-list a{
    text-decoration: none;
    color:#02307B;
}  
#footer{
    margin:30px 0;
    color:#8A8683;
    font-size:16px;
}
#footer li:first-child{
    font-weight:600;
    margin-bottom:8px;
}
#footer a{
    color:#8A8683;
}
.footer--title{
    font-size:30px;
    letter-spacing:5px;
    text-transform:uppercase;
    color:#02307B;
    text-align:left;
    margin-bottom:20px;
    display:block;
}    
                                        
@media(max-width:1200px) {    
.about--arrow{
    display:none;
}
.header--images{
    height:360px;
}    
}

@media screen and (max-width: 700px) {
section{
    padding:15px;
}
.sidebar{
    width: 100%;
    padding:20px;
    height:auto;
    z-index:10;
    overflow:hidden;     
}
.sidebar .logo{
    display:block;
    float:left;
    z-index:2;
}
.sidebar:before{
    z-index:1;
}
.sidebar a{
    z-index:2;
}
.sidebar #menu{
    z-index:3;
    margin-top:60px;       
}        
.topnav {
  overflow: hidden;
  background-color:#02307B;    
}                  
.topnav a {
  float: left;
  display: block;
  color: #f6faff;
  text-align: center;
  text-decoration: none;
  font-size: 17px;       
}  
.topnav ul{
  display:none;  
}                
.topnav.responsive ul{
  display:block;  
}    
.topnav a.icon {
  float: right;
  display: block;
}  
.topnav.responsive {
    position: relative; 
}
.topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
}
.topnav.responsive a {
    float: none;
}
div.content {
    margin-left: 0;
    padding-top:100px;
}     
h1{
    font-size:26px;
} 
.sidebar li:last-child{
    display:none;            
} 
.header--images{
    text-align:center;
}
.header--image{
    position:relative;
    right:0px;
    
}
.header--image--1{
    display:none;
}
.tab{
    font-size:14px;
}
}   

@media screen and (max-width: 400px) {
  .sidebar a {
    text-align: center;
    float: none;
  }
}
 
.topnav .icon {
  display: none;
}