html,body {width: 100vw; height: 100vh; font-family: 'Archivo';color:#2A2A2A;font-size:16px;-webkit-font-smoothing: antialiased; margin:0; padding: 0px}
body {overflow-x: hidden;}
.p0 {padding: 0px !important}.p5 {padding: 5px}.p10 {padding: 10px}.p15 {padding: 15px}.p20 {padding: 20px}.p25 {padding: 25px}.p30 {padding: 30px}.p40 {padding-top: 40px}.p50 {padding-top: 50px}.pt5 {padding-top: 5px}.pt10 {padding-top: 10px}.pt15 {padding-top: 15px}.pt20 {padding-top: 20px}.pt25 {padding-top: 25px}.pt30 {padding-top: 30px}.pt40 {padding-top: 40px}.pt50 {padding-top: 50px}.pb5 {padding-bottom: 5px}.pb10 {padding-bottom: 10px}.pb15 {padding-bottom: 15px}.pb20 {padding-bottom: 20px}.pb25 {padding-bottom: 25px}.pb30 {padding-bottom: 30px}.pb40 {padding-bottom: 40px}.pb50 {padding-bottom: 50px}.pr5 {padding-right: 5px}.pr10 {padding-right: 10px}.pr15 {padding-right: 15px}.pr20 {padding-right: 20px}.pr25 {padding-right: 25px}.pr30 {padding-right: 30px}.pr40 {padding-top: 40px}.pr50 {padding-top: 50px}.pl5 {padding-left: 5px}.pl10 {padding-left: 10px}.pl15 {padding-left: 15px}.pl20 {padding-left: 20px}.pl25 {padding-left: 25px}.pl30 {padding-left: 30px}.pl40 {padding-top: 30px}.pl50 {padding-top: 30px}.pt130{padding-top: 130px}.pb130{padding-bottom: 130px}.pt80{padding-top: 80px}.pb80{padding-bottom: 80px}.pt100{padding-top: 100px}.pb100{padding-bottom: 100px}.pt150{padding-top: 150px}.pb150{padding-bottom: 150px}.pt200{padding-top: 200px}.pb200{padding-bottom: 200px}
.m0 {margin: 0px !important}.mb100 {margin-bottom: 100px !important}.mb120 {margin-bottom: 120px !important}.mb150 {margin-bottom: 150px !important}.m5 {margin: 5px}.m10 {margin: 10px}.m15 {margin: 15px}.m20 {margin: 20px}.m25 {margin: 25px}.m30 {margin: 30px}.mt5 {margin-top: 5px}.mt10 {margin-top: 10px}.mt15 {margin-top: 15px}.mt20 {margin-top: 20px}.mt25 {margin-top: 25px}.mt30 {margin-top: 30px}.mb5 {margin-bottom: 5px}.mb10 {margin-bottom: 10px}.mb15 {margin-bottom: 15px}.mb20 {margin-bottom: 20px}.mb25 {margin-bottom: 25px}.mb30 {margin-bottom: 30px}.mr5 {margin-right: 5px}.mr10 {margin-right: 10px}.mr15 {margin-right: 15px}.mr20 {margin-right: 20px}.mr25 {margin-right: 25px}.mr30 {margin-right: 30px}.ml5 {margin-left: 5px}.ml10 {margin-left: 10px}.ml15 {margin-left: 15px}.ml20 {margin-left: 20px}.ml25 {margin-left: 25px}.ml30 {margin-left: 30px}
img {max-width: 100%}
.text-right {text-align: right !important}
.text-left {text-align: left !important}
.text-center {text-align: center !important}
.box-shadow {background:#fff; display: block; border-radius:5px;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
.color-white {color: #fff}
.color-black {color: #000000}
.container-full {width: 100%; display: block; padding: 0 15px}
ul {list-style: none; padding:0px; margin: 0px}
a {color: inherit}
a:hover {color: inherit}
select:not([multiple]) {-webkit-appearance: none;-moz-appearance: none;background-position: right 50%;background-repeat: no-repeat;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);padding: .8em 1.2em;padding-right: 1.8em;border-radius: 0px;font-size: 16px; border: 0px; background-color: #F3F4F6}
body::before {content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: rgba(2,15,45,0.5);}
.menu {width: 350px; text-align: center; height: auto; padding: 40px 20px 20px 20px; background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.19791666666666663) 100%); position: absolute; left: 30px; top: 0px; z-index: 3}
.logo {height: 110px; margin-bottom: 40px}
.menu ul {text-align: left;}
.menu ul li {width: 100%; display: block; position: relative; height: 60px; background-size: 100%; line-height: 60px; font-size: 20px; font-weight: bold; color: #fff; margin-bottom: 20px;}
.menu ul li:nth-child(2) {background-image: url('../images/menu1.jpg')}
.menu ul li:nth-child(3) {background-image: url('../images/menu2.jpg')}
.menu ul li:nth-child(4) {background-image: url('../images/menu3.jpg')}
.menu ul li:nth-child(5) {background-image: url('../images/menu4.jpg')}
.menu ul li:last-child {margin-bottom: 0px; background-image: url('../images/menu5.jpg')}
.menu ul li a::before {content: ""; position: absolute; transition: all 0.5s ease; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(17,47,117,0.8)}
.menu ul li a {padding: 0px 20px; transition: all 0.5s ease; display: block; position: relative; z-index: 2; text-decoration: none; cursor: pointer;}
.menu ul li a span {position: relative; z-index: 3; display: block; cursor: pointer;}
.menu ul li a:hover::before {background-color: rgba(10,145,219,0.8); transition: all 0.5s ease; cursor: pointer;}
#videoBG {position:fixed;z-index: -1;}
.owl-carousel {position: absolute; right: 0px; left: auto; width: 500px; bottom: 50px;}
.item {width: auto;max-width: 500px; height: auto;padding: 30px; background: #0A91DB; color: #fff;}
.item.iki {background: #007FC5}
.item.uc {background: #2D5AA8}
.item.dort {background: #254695}
.item.bes {background: #112F75}
.item h1 {display: block; margin: 0 0 30px 0; font-size: 40px; font-weight: bold; }
.item .bttn {display: inline-block; text-decoration: none; transition: all 0.5s ease; font-size: 17px; font-weight: bold; background: #fff; border-radius: 0px; height: 46px; line-height: 46px; color: #000; padding: 0 20px;}
.item .bttn:hover {background: #112F75; color: #fff}
.menuIcon {display: none}
@media (min-aspect-ratio: 16/9) {
#videoBG {
width:100%;
height: auto;
}
}
@media (max-aspect-ratio: 16/9) {
#videoBG {
width:auto;
height: 100%;
}
}
@media (max-width: 767px) {
#videoBG {
width: 100vw;
height: 100vh;
object-fit: cover;
left: 0px;
top: 0px;
}
.owl-carousel {width: calc(100% - 30px);}
.owl-carousel .item {max-width: calc(100% - 30px); padding: 26px;}
.owl-carousel .item h1 {font-size: 30px; margin-bottom: 20px}
.menu {left: 20px; padding: 30px 20px; right: 20px; width: calc(100% - 80px); text-align: left}
.logo {display: inline-block; margin-bottom: 0px}
.menuIcon {display: inline-block; float: right; width: 30px; line-height: 110px}
.menu ul {display: none; margin-top: 30px}
}