*{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Montserrat', sans-serif;}
ul li{list-style-type: none;}
a{color: white;text-decoration: none;}
a:hover{text-decoration: none!important}
/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');
/* Body */
.main-page-body{background-image: url(../img/figures/main-bck.png);background-size: 100% auto;background-repeat: no-repeat;background-color: #E4E5E6;}
.agreement-page-body{background-image: url(../img/figures/main-bck.png);background-size: 100% auto;background-repeat: no-repeat;}
.anket-page-body{background-image: url(../img/anket/goy\ fon\ ic\ foto\ ile.png);background-size: 100% auto;background-repeat: no-repeat;}
.signin-page-body{background-image: url(../img/login-reg/Muqavile\ ile\ razi...\ goy\ fon\ icerikli.png);background-size: 100% 800px;background-repeat: no-repeat;background-color: #E4E5E6;}
.signup-page-body{background-image: url(../img/login-reg/Muqavile\ ile\ razi...\ goy\ fon\ icerikli.png);background-size: 100% 800px;background-repeat: no-repeat;background-color: #E4E5E6;}
.login-page-body{background-image: url(../img/login-reg/Muellim-Shagird\ qeydiyyati\ goy\ fon\ foto\ ile.png);background-size: 100% 800px;background-repeat: no-repeat;background-color: #E4E5E6;}
.onlineexam-page-body,
.onlinelesson-page-body,
.news-page-body,
.contact-page-body,
.agreement-page-body{background-color: #E4E5E6;}
.yellowbutton{padding: 5px 20px;border: none;border-radius: 3px;background-color: #F1AF1A;color: white;font-weight:600;font-size: 13px;}
.bluebutton{padding: 5px 20px;border: none;border-radius: 3px;background-color: #6bafc4;color: white;font-weight:600;font-size: 13px;}
/* Header */
nav{padding: 30px 10px;}
nav .page-logo{width: 170px;}
nav .page-logo img{width: 120px;}
nav{display: flex!important;}
nav .page-nav{width:100%;display: flex;justify-content: flex-end;align-items: center;}
nav .page-nav ul{margin: 0;width: 100%;display: flex;justify-content: flex-end;align-items: center;}
nav .page-nav ul a{color: white;}
nav .page-nav ul a li{font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
.onlineexam-page-body .page-nav ul a li,
.onlinelesson-page-body .page-nav ul a li{color: grey;padding: 5px 10px;}
.onlineexam-page-body .page-nav ul a li.active,
.onlinelesson-page-body .page-nav ul a li.active{background-color: rgb(167, 167, 167);color: white;border-radius: 3px;}
.news-page-body header .page-nav ul a li.active{background-color: #ffffff77;padding: 5px 10px;border-radius: 3px;color: white;}
.contact-page-body header .page-nav ul a li.active{background-color: #00AFF0;padding: 5px 10px;border-radius: 3px;color: white;}
.anket-page-body header .page-nav ul a li.active{background-color: #00AFF0;padding: 5px 10px;border-radius: 3px;color: white;}
.signin-page-body header .page-nav ul a li.active,.signup-page-body header .page-nav ul a li.active{background-color: #00AFF0;padding: 5px 10px;border-radius: 3px;color: white;}
.login-page-body header .page-nav ul a li.active,.main-page-body header .page-nav ul a li.active{background-color: #00AFF0;padding: 5px 10px;border-radius: 3px;color: white;}
nav .page-nav ul a li{font-family: 'Montserrat', sans-serif;margin: 0 25px;}
.mobile-menu-button{width: 50px;height: 50px;;display: none;justify-content: center;align-items: center;cursor: pointer;}
.mobile-menu-button i{font-size: 35px;color: white;}
.mobile-menu-button i:hover{transition: 0.5s ease;transform: scale(1.05);}
/* X Header */
/* Mobile Menu */
#mobile_menu_wrapper{transition:0.5s ease;position: fixed;top: 0;right: 0;width: 0;height: 100vh;overflow:hidden;background-color: grey;z-index: 100000;background-image: url(../img/figures/poly-6-lighter-grey.png);background-size: 200px 200px;background-repeat: no-repeat;background-position-x: right;background-position-y: center;}
#mobile_menu_wrapper.active{transition:0.5s ease;position: fixed;top: 0;right: 0;width: 100%;height: 100vh;background-color: #AAABAF;z-index: 100000;}
#mobile_meni_wrapper .mob_menu_bottom{position: inherit;}
.m_m_wrap{position: relative;width: 100%;height: 100%;background-image: url(../img/mobile/MENU\ telebeler.png);background-repeat: no-repeat;background-size: 70% auto;background-position-x: left;background-position-y: bottom;}
.m_m_wrap_top{width: 300px;background-color: white;}
.m_m_wrap_top .mob_menu_top{padding: 20px;position: relative;}
.mob_menu_top .closemenuwrap{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.mob_menu_top .closemenuwrap i{font-size: 25px;color: rgb(121, 121, 121);cursor: pointer;}
.m_m_wrap_top .mob_menu .mob_menu_word{position: relative;padding: 20px;display: flex;background-color: #00A2DE;}
.mob_menu_word{cursor: pointer;}
.mob_menu_word:hover{transition: 0.5s ease;background-color: #013c52;}
.mob_menu_word h5{width: 90%;text-align: center;color: white;font-weight: 500;text-transform: uppercase;}
.mob_menu_word i{font-size: 25px;color: white;}
.mob_menu_list{padding: 0;height: 0;overflow: hidden;width: 100%;transition: 0.5s ease;}
.mob_menu_list.active{padding: 20px;background-color: #606062;height: auto;transition: 0.5s ease;}
.mob_menu_list.active ul a{color: white;}
.mob_menu_list.active ul a li{color: white;padding: 10px 0 5px 20px;}
.mob_menu_list.active ul a:hover li{background-color: white;color: grey;}
.mob_menu_bottom{position: absolute;bottom: 0;left: 0;right: 0;background-color: #606062;padding: 10px 0;}
.mob_menu_bottom{display: flex;justify-content: center;align-items: center;}
.mob_menu_bottom div{padding: 10px;text-align: center;margin: 0 10px;}
.mob_menu_bottom div:hover{background-color: #353535;}
.mob_menu_bottom div i{font-size: 20px;color: white;}
.mob_menu_bottom div p{text-align: center;font-size:17px;color: white;margin: 0;}
#mobile_menu_wrapper ul li.active{padding-left: 30px;color: #bfbfbf;}


/* Main Slider */
.page-slider{position:relative;overflow: hidden;}
.main-slider-piece{height: 500px;background-color: black;}
.main-slider img{width: 100%;}
/*  Main News*/
.main-news{margin: 30px 0;position: relative;overflow: hidden;}
.main-news a button:hover{transition: 1s ease;box-shadow: 1px 1px 4px grey,-1px -1px 4px grey;}
.m-news img{width: 100%;}
.m-news{background-color: white;}
.main-news .container .row .col-lg-4 .m-news{min-height: 410px;}
.m-news .m-n-words{padding: 10px 20px;}
.m-news .m-n-words h1{font-size: 22px;font-family: 'Montserrat', sans-serif;margin: 0 25px;margin: 0;color: #183D7A;font-weight:bold;margin-bottom: 5px;}
.m-news .m-n-words h6{font-size: 15px;color: #2b4f8a;font-weight: 700;}
.m-news .m-n-words p{font-size: 12px;font-family: 'Montserrat', sans-serif;width: 90%;}
.m-news .m-n-words a button{padding: 5px 20px;border: none;border-radius: 3px;background-color: #F1AF1A;color: white;font-weight:600;font-size: 13px;}
.main-news .container .row .col-lg-4 .m-news-small-parent{min-height: 410px;background-color: white;padding: 20px 10px;}
.m-news-small-parent .m-news-small:first-of-type{}
.m-news-small{display: flex;min-height: 185px;}
.m-news-small-left img{width: 150px;height: 150px;box-shadow: 1px 1px 1px grey;}
.m-news-small-right{padding: 0 10px;}
.m-news-small-right h2{font-size: 16px;font-family: 'Montserrat', sans-serif;margin: 0 25px;margin: 0;color: #183D7A;font-weight:bold;margin-bottom: 5px;text-transform: uppercase;}
.m-news-small-right p{font-size: 10px;font-family: 'Montserrat', sans-serif;}
.m-news-small-right a button{padding: 5px 20px;border: none;border-radius: 3px;background-color: #F1AF1A;color: white;font-weight:600;font-size: 13px;}
.m-news-small-parent .m-news-small:first-of-type{justify-content: center;align-items: flex-start;}
.m-news-small-parent .m-news-small:nth-of-type(2){justify-content: center;align-items: flex-end;}

.main-news-title1{padding: 30px 0;background-image: url(../img/figures/blue-bck.png);background-repeat: no-repeat;background-size: 100% 100%;position: relative;overflow: hidden;}
.main-news-title1 *{z-index: 5;}
.main-news-title-word{padding: 10px 0;}
.main-news-title-word h2{color: white;font-size: 25px;text-align: center;margin: 0;}
.main-news-title-words{margin-bottom: 30px;}
.main-news-title-words p{color: rgba(255, 255, 255, 0.644);font-size: 13px;width: 60%;margin: 0 auto;text-align: center;}
.main-news-title1 .col-lg-4 .news img{width: 100%;height: 250px;box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.452),-3px -3px 10px rgba(0, 0, 0, 0.39);}
.main-news-title1 .col-lg-4 .news div{padding: 20px 30px;}
.main-news-title1 .col-lg-4 .news div h5{text-align: center;color: white;font-size: 17px;margin-bottom: 2px;}
.main-news-title1 .col-lg-4 .news div p{text-align: center;font-size: 12px;color: rgba(255, 255, 255, 0.589);}

.main-news-title2{position: relative;overflow: hidden;}
.main-news-title2 .container .news{margin: 30px 0;background-color: white;padding: 20px 50px;z-index: 4!important;}
.main-news-title2 .container .news h2{text-align: center;color: #173769;font-size: 35px;margin-bottom: 3px;}
.main-news-title2 .container .news .titleparagraph{color: rgba(15, 15, 15, 0.678);width: 50%;text-align: center;margin: 10px auto;font-size: 12px;}
.m-n-title2-colleft div img{width: 100%;box-shadow: 3px 3px 11px rgba(0, 0, 0, 0.362),-3px -3px 11px rgba(0, 0, 0, 0.386);height: 180px;}
.m-n-title2-colright div{background-color: #E4E5E6;padding: 10px 30px;height: 180px;}
.m-n-title2-colright div h4{color: #122c57ce;font-size: 28px;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-weight: 600;}
.m-n-title2-colright div h6{color: #122c57d2;font-size: 14px;padding-bottom: 5px;border-bottom: 1px dotted #122c5775;}
.m-n-title2-colright div p{width: 100%;color: grey;font-size: 13px;font-weight: 400;}
.main-news-title2 .container .news .row:nth-of-type(2){margin-top: 30px;}

.yellowline{width: 100%;height: 15px;background-color: #F1AF1A;}

footer{padding: 50px 0 20px 0;position: relative;overflow: hidden;}
footer .footer-logo{text-align: center;}
footer .footer-logo h4{font-size: 27px;font-weight: bold;color: #132f5cce;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-weight: 800;}
footer .footer-logo img{width: 70px;}
footer .footer-menu{width: 60%;margin: 30px auto 0 auto;}
footer .footer-menu .col-lg-4{text-align: center;}
footer .footer-menu .col-lg-4 ul a{color: #183e7ac0;}
footer .footer-menu .col-lg-4 ul a:hover{text-decoration: none;}
footer .footer-menu .col-lg-4 ul a:hover li{transition: 0.6s ease;transform: translateX(4px);}
footer .footer-menu .col-lg-4 ul a li{font-size: 15px;}

.footer-social{text-align: center;margin: 20px 0;}
.footer-social a i{font-size: 35px;margin: 0 15px;color: #1d3a69da;}
.footer-social a i:hover{transition: 0.6s ease;color: #1d3a69;}

.page-bottom-blue{width: 100%;background-image: linear-gradient(to right,#0F6BB3,#00A7E9);display: flex;justify-content: center;align-items: center;height: 70px;}
.copyright-part h5{font-size: 14px;color: white;margin: 0;}
.copyright-part h5 a{color: #1d3a69;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.678);}
.copyright-part h5 a:hover{text-decoration: none;color: #3b5c91;}
.copyright-part h5 a img{margin: 0 5px;}

/* Background Polygons */
.footer-blue-6{position: absolute;left: 30px;top: 30px;background-image: url(../img/figures/poly-6-lighter-blue.png);background-size: 100% 100%;background-repeat: no-repeat;width: 120px;height: 120px;}
.footer-grey-6{position: absolute;right: 0;top: 20px;background-image: url(../img/figures/poly-6-lighter-grey.png);background-size: 100% 100%;background-repeat: no-repeat;width: 300px;height: 300px;transform: translateX(30%);}
.onlinelesson-page-body .footer-blue-6{position: absolute;left: 30px;bottom: 10px;background-image: url(../img/figures/poly-6-lighter-blue.png);background-size: 100% 100%;background-repeat: no-repeat;width: 50px;height: 50px;}
.onlinelesson-page-body .footer-grey-6{position: absolute;right: 0;bottom: 0;background-image: url(../img/figures/poly-6-lighter-grey.png);background-size: 100% 100%;background-repeat: no-repeat;width: 300px;height: 300px;transform: translate(20%,60%);}
.slider-left-ply{position: absolute;left: 0;top: 0;background-image: url(../img/figures/light-6-poly.png);width: 150px;height: 150px;background-repeat: no-repeat;background-size: 100% 100%;transform: translateX(-40%);opacity: 0.2;}
.slider-right-ply{position: absolute;right: 0;top: 0;background-image: url(../img/figures/light-6-poly.png);width: 150px;height: 150px;background-repeat: no-repeat;background-size: 100% 100%;opacity: 1;transform: translateX(30%);}
.mainnews-left-grey-ply{position: absolute;left: 0;top: 0;background-image: url(../img/figures/poly-6-lighter-grey.png);width: 180px;height: 180px;background-repeat: no-repeat;background-size: 100% 100%;transform: translateX(-50%);opacity: 0.8;}
.mainnews-bottom-left-poly{position: absolute;left: 20px;bottom: 40px;background-image: url(../img/figures/poly-6-dark-blue.png);width: 40px;height: 40px;background-repeat: no-repeat;background-size: 100% 100%;opacity: 0.9;}
.mainnews-bottom-right-mini-blue{position: absolute;right: 30px;top: 40%;background-image: url(../img/figures/poly-6-ligher-blue-left.png);width: 30px;height: 30px;background-repeat: no-repeat;background-size: 100% 100%;opacity: 1;}
.main-news-title1-right-poly{position: absolute;right: 0;top: 20px;background-image: url(../img/figures/Olimpiadalar\ bolumu\ tund\ goy\ 6bucaq.png);width: 40%;height: 100%;background-repeat: no-repeat;background-size: 100% 100%;opacity: 0.7;z-index: 1;transform:translateX(30%)}
.main-news-title1-left-poly{position: absolute;left: 0;top: 0;background-image: url(../img/figures//poly-6-lighter-blue.png);width: 500px;height:500px;background-repeat: no-repeat;background-size: 100% 100%;opacity: 0.7;z-index: 1;transform:translateX(-30%) translateY(-10%)}
.main-news-title2{background-image: url(../img/figures/blue-bck.png);background-repeat: no-repeat;background-size: 100% 50%;background-position: bottom;}
.main-news-title2-top-left-blue{position:absolute;left:0;top:11%;background-image: url(../img/figures/poly-6-lighter-grey.png);background-repeat: no-repeat;background-size: 100% 100%;width: 200px;height: 200px;transform: translateX(-30%);opacity: 0.5;}
.main-news-title2-top-right-blue{position:absolute;right:30px;top:40%;background-image: url(../img/figures/poly-6-dark-blue.png);background-repeat: no-repeat;background-size: 100% 100%;width: 40px;height: 40px;opacity: 0.8;}
.main-news-title2-bottom-right-blue{position:absolute;right:10px;bottom:10px;background-image: url(../img/figures/poly-6-ligher-blue-left.png);background-repeat: no-repeat;background-size: 100% 100%;width: 200px;height: 200px;opacity: 0.4;transform: translateX(30%);}
.on-ex-poly-blue{position: absolute;top: 20%;left: 30px;background-image: url(../img/figures/poly-6-dark-blue.png);width: 50px;height: 50px;background-size: 100% 100%;}
.on-ex-poly-light-blue{position: absolute;top: 10%;right: 30px;background-image: url(../img/figures/poly-6-lighter-blue.png);width: 30px;height: 30px;background-size: 100% 100%;}
.on-ex-poly-bottom{position: absolute;bottom: 10%;left: 0;background-image: url(../img/figures/poly-6-lighter-grey.png);width: 140px;height: 140px;background-size: 100% 100%;transform: translateX(-50%);}
.news-title-bottom-left{position: absolute;bottom: 10px;left: 0;width: 200px;height:200px;background-image: url(../img/figures/poly-6-lighter-grey.png);background-repeat: no-repeat;background-size: 100% 100%;transform: translateX(-50%);}
.news-title-bottom-right{position: absolute;bottom: 90px;right: 30px;width: 50px;height:50px;background-image: url(../img/figures/poly-6-ligher-blue-left.png);background-repeat: no-repeat;background-size: 100% 100%;opacity: 0.6;}
.news-title-top-left-grey{position: absolute;top: 400px;left: 0;width: 200px;height:200px;background-image: url(../img/figures/poly-6-lighter-grey.png);background-repeat: no-repeat;background-size: 100% 100%;transform: translateX(-50%);}
.news-title-top-left-blue{position: absolute;top: 700px;left: 30px;width: 50px;height:50px;background-image: url(../img/figures/poly-6-ligher-blue-left.png);background-repeat: no-repeat;background-size: 100% 100%;opacity: 0.6;}
.news-title-top-right{position: absolute;top: 600px;right: 30px;width: 50px;height:50px;background-image: url(../img/figures/poly-6-ligher-blue-left.png);background-repeat: no-repeat;background-size: 100% 100%;opacity: 0.6;}
.news-top-left{position: absolute;top: 30px;left: 0;width: 300px;height:300px;background-image: url(../img/figures/poly-6-dark-blue.png);background-repeat: no-repeat;background-size: 100% 100%;opacity: 0.6;transform: translateX(-70%);z-index: 3;}
.contact_top_left_grey{position: absolute;left: 0;top: 150px;width: 100px;height: 100px;background-image: url(../img/figures/);background-size: 100% 100%;background-repeat: no-repeat;transform: translateX(-30%);}
/* X */



.on-ex-advert{height: 400px;background-image: url(../img/onlineexam/advertis.png);background-size: 100% 100%;display: flex;justify-content: center;align-items: center;}
.on-ex-advert .adv-title{width: 80%;}
.on-ex-advert .adv-title h1{font-size: 85px;font-weight: bold;color: #183D7A;text-transform: uppercase;}
.on-ex-advert .adv-title h4{font-size: 24px;color: white;}
.on-ex-advert .adv-title p{font-size: 17px;color: rgba(255, 255, 255, 0.747);}

.on-ex-title-part{position: relative;background-color: #00A2DE;padding: 40px 0;background-image: url();margin-top: 50px;background-repeat: no-repeat;background-size: 100% 100%;z-index: 5;background-image: url(../img/onlineexam/blue-bck2.png);background-repeat: no-repeat;background-size: 100% 100%;}
.on-ex-title-part .container h2{font-size: 70px;font-weight: bold;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;color: white;width: 400px;letter-spacing: 5px;margin-bottom: 30px;text-shadow: 1px 1px 1px black;}
.on-ex-title-part .container h5{font-size: 18px;color: white;text-shadow: 1px 1px 1px black;}
.on-ex-title-part .container p{font-size: 15px;color: rgba(255, 255, 255, 0.753);width: 500px;text-shadow: 1px 1px 1px black;}
.on-ex-title-part-pict{position: absolute;right: 20%;bottom: 0;z-index: 10;}
.on-ex-title-part-pict img{width: 450px;}
.on-ex-title-part-pict2{position: absolute;right: 15%;bottom: 0;z-index: 7;}
.on-ex-title-part-pict2 img{width: 270px;}
.on-ex-title-poly{position: absolute;right: 0;top: 10px;width: 350px;opacity: 0.4;overflow: hidden;}
.on-ex-title-poly img{width: 100%;transform: translateX(30%);}

.on-ex-news{padding: 50px 0;background-image: url(../img/onlineexam/arxafon\ qiz.png);background-repeat: no-repeat;background-position-x: right;background-position-y: bottom;background-size: 400px;position: relative;}
.onex-news img{width: 100%;box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.207),-1px -1px 8px rgba(0, 0, 0, 0.227);}
.on-ex-news .container .row .col-lg-4{margin-bottom: 40px;}
.onex-news .news-box{background-color: white;margin-top: 15px;padding: 15px;text-align: center;}
.onex-news .news-box h5{text-align: center;font-size: 20px;color: #3b5c91;padding-bottom: 10px;border-bottom: 1px solid #3b5c91;text-transform: uppercase;font-weight: bold;}
.onex-news .news-box h6{padding:10px 0;text-align: center;text-transform: uppercase;color: rgb(58, 58, 58);margin-bottom: 0;}
.onex-news .news-box p{font-size: 14px;color: grey;text-align: center;}
.onex-news .news-box a button{padding: 5px 20px;border: none;border-radius: 3px;background-color: #F1AF1A;color: white;font-weight:600;font-size: 13px;}
.onex-news .news-box a button:hover{transition: 0.6s ease;transform: translateX(5px);}
.news-box-bottom{background-color: #bfbfbf;display: flex;}
.news-box-bottom div{width: 50%;padding: 15px 20px;text-align: center;}
.news-box-bottom div:first-of-type{border-right: 1px solid grey;}
.news-box-bottom div h6{font-size: 14px;}
.news-box-bottom div:hover{background-color: #acacac;}


/* Online Lesson Page */
.onlinelesson-title{margin-top: 50px;padding: 50px 0;background-image: url(../img/onlinelessons/Onlayn\ dersler\ yuxari\ shekil\ butov.png);background-repeat: no-repeat;background-size: 100% 100%;position:relative;}
.onlinelesson-title .container h1{font-size: 70px;color: white;width: 400px;font-weight: bold;text-shadow: 1px 1px 1px black;}
.onlinelesson-title .container h4{font-size: 25px;color: #F1AF1A;font-weight: bold;text-shadow: 1px 1px 1px black;}
.onlinelesson-title .container p{color: rgba(255, 255, 255, 0.842);font-size: 16px;font-weight: 500;margin: 30px 0;width: 50%;text-shadow: 1px 1px 1px black;}
.onlinelesson-title .container button{padding: 10px 25px;}
.onlinelesson-title .container button:hover{transform: translateX(3px);transition: 0.5s ease;}
.onles-pic{position: absolute;right: 100px;width: 30%;top:-10%;}
.onles-pic img{width: 100%;}


/* News Page */
.news-page-body{background-image: url(../img/news/VM\ Xeberler\ yuxarı\ goy\ fon.png);background-size: 100% 500px;background-repeat: no-repeat;}
.news-page-body .news-img{margin: 40px 0;}
.news-page-body .news-img img{width: 100%;}
.news-title{position: relative;overflow: hidden;}
.news-title .container *{z-index: 10;}
.news-title .container h1{font-size:35px;color: white;text-align: center;border-top: 1px dotted #ffffff7e;padding-top: 30px;margin: 0;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-weight: 500;letter-spacing: 3px;}
.news-title .news-owner div{text-align: center;}
.news-title .news-owner .socials a i{font-size: 20px;color: white;border-radius: 90%;padding: 10px 13px;background-color: grey;}
.news-title .news-owner .socials a i:hover{background-color: rgb(56, 56, 56);}
.news-title .news-owner div img{width: 90%;margin:0 0 30px 0;}
.news-title .news-owner div h6{color: #183D7A;font-size: 20px;margin: 0;}
.news-title .news-owner div p{font-size: 15px;color: grey;}
.news-title .row .news-words{padding:0 50px 0 30px;}
.news-title .row .news-words h3{font-size: 35px;color: #11284d;width: 500px;text-transform: uppercase;font-weight: bold;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
.news-title .row .news-words p{font-size: 20px;color: #11284d;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-weight: 600;}

.news-page-cover{width: 100%;margin: 30px 0;}
.news-page-cover img{width: 100%;}
.news-title .row .news-words .fornews{border-bottom: 1px dotted grey;padding: 30px 0;}
.news-title .row .news-words .fornews a{margin: 0 25px;font-size: 22px;color: rgb(77, 77, 77);}
.news-title .row .news-words .fornews a:hover{color: rgb(37, 37, 37);}
.news-title .row .news-words .fornews a:hover i{color: rgb(37, 37, 37);}
.news-title .row .news-words .fornews a i{font-size: 22px;color: rgb(87, 87, 87);margin: 0 5px;}
.news-title .row .news-words .aboutnews{padding:20px 0;}
.news-title .row .news-words .aboutnews p{font-size: 17px;color: grey;display: inline-block;}
.news-title .row .news-words .aboutnews a button{padding: 3px 10px;border: 1px solid grey;color: grey;background-color: transparent;margin: 0 10px;}
.news-title .row .news-words .aboutnews a:first-of-type button:hover{background-color: rgba(60, 153, 91, 0.89);color: black;}
.news-title .row .news-words .aboutnews a:nth-of-type(2) button:hover{background-color: rgb(245, 89, 89);color: black;}

.extra-news img{width: 100%;}
.extra-news{padding-bottom: 50px;border-bottom: 3px dotted grey;}
.extra-news .title{padding: 20px 0;text-align: center;border-top: 3px dotted grey;border-bottom: 3px dotted grey;margin-bottom: 40px;}
.extra-news .title h1{font-size: 20px;color: rgb(66, 66, 66);text-transform: uppercase;}
.extra-news-col-div{background-color: white;box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.225),-1px -1px 8px rgba(0, 0, 0, 0.211);}
.extra-news-col-div div{padding:10px 30px;}
.extra-news-col-div div h4{font-size: 25px;color: #183D7A;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-weight: 700;}
.extra-news-col-div div h6{font-size: 17px;color: #183D7A;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-weight: 700;}
.extra-news-col-div div p{font-size: 12px;color: grey;}
.extra-news-col-div div a button{letter-spacing: 2px;font-size: 13px;}
.extra-news-col-div div a button:hover{transition: 0.5s ease;transform: translateX(3px);}

/* Contact */
.contact-page-body{background-image: url(../img/contact/goy\ fon\ adamlarla.png);background-position: right top;background-repeat: no-repeat;background-size:65%;}
.contact_footer{background-color: #1A6197;padding: 40px 0;}
.contact_footer h3{color: #FFC71D;font-size: 15px;text-transform: uppercase;margin-bottom: 20px;}
.contact_footer .c-fot-1{padding: 10px 50px;min-height: 200px;}
.contact_footer .c-fot-2{padding: 10px 50px;min-height: 200px;}
.contact_footer .c-fot-3{padding: 10px 50px;min-height: 200px;}
.contact_footer ul a,.contact_footer ul li{color: transparent;color: white;}
.contact_footer ul li{margin: 10px 0;font-size: 13px;cursor: pointer;}
.contact_footer ul li:hover{transform: translateX(3px);}
.contact_footer .c-fot-3 ul a li img{width: 30px;margin: 10px 0;}
.contact_footer .c-fot-3 ul a:hover li img{transform: scale(1.05);transition: 0.5s ease;box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.329),-1px -1px 8px rgba(0, 0, 0, 0.247);}
.contact-main{margin: 70px 0 250px 0;overflow-x: hidden;}
.contact-main .container div h1:first-of-type{font-size: 35px;color: #3b5c91;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.301);}
.contact-main .row .col-lg-8 .col8_alt{border-radius: 15px;background-color: white;margin-top: 20px;box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.155),-1px -1px 12px rgba(0, 0, 0, 0.125);}
.con_right{background-image: url(../img/contact/submit\ qara\ fon\ shekiller.png);background-repeat: no-repeat;background-size: 100% 100%;height: 400px;}
.cont_form_title{padding: 5px 0 5px 20px;display: flex;justify-content: center;align-items: center;}
.cont_form_title h2{color: #3b5c91;font-size: 16px;width: 100%;font-weight: bold;}
.cont_form_title i{color: #3b5c91;font-size: 16px;}
.con_left form{width: 90%;margin: 40px auto;}
.con_left .fg1{display: flex;justify-content: center;align-items: center;padding: 4px 4px;}
.con_left .fg1 input{border: none;border-bottom: 1px solid rgb(173, 173, 173);padding: 10px 0;color: rgb(105, 105, 105);width: 100%;margin: 0 4px;outline: none;}
.con_left .fg1 input::placeholder{font-size: 14px;color: rgb(173, 173, 173);}
.con_left .form-group{margin-bottom: 5px;}
.con_left .fg2{display: flex;justify-content: center;align-items: center;padding: 4px 4px;}
.con_left .fg2 input{border: none;border-bottom: 1px solid rgb(173, 173, 173);padding: 10px 0;color: rgb(82, 82, 82);width: 100%;margin: 0 4px;outline: none;}
.con_left .fg2 input::placeholder{font-size: 14px;color: rgb(173, 173, 173);}

.con_left .fg3{padding: 4px 4px;}
.con_left .fg3 input,.con_left .fg3 textarea{border: none;border-bottom: 1px solid rgb(173, 173, 173);padding: 10px 0;color: rgb(92, 92, 92);width: 100%;margin: 0 4px;outline: none;}
.con_left .fg3 input::placeholder,
.con_left .fg3 textarea::placeholder{font-size: 14px;color: rgb(173, 173, 173);}
.con_left .fg3 textarea{margin-top: 20px;min-height: 50px;max-height: 50px;font-size: 13px;}
.con_left .fg4{text-align: right;}
.con_left .fg4 button{background-color: #00AFF0;}
.con_left .fg4 button:hover{transition: 0.3s ease;margin-right: 3px;}
.con_right{display: flex;justify-content: center;align-items: center;}
.con_right div div h6{display: inline-block;font-size: 15px;color: rgba(255, 255, 255, 0.726);margin-bottom: 20px;}
.con_right div div h5{display: inline-block;font-size: 15px;color: rgba(255, 255, 255, 0.726);}
.con_right div div i{font-size: 15px;color: rgba(255, 255, 255, 0.726);margin-right: 10px;width: 30px;}
.con_right_socials{display: flex;padding: 30px 0;}
.con_right_socials a i{font-size: 15px;color: white;margin: 0!important;}
.con_right_socials a div{margin: 0 10px;background-color: grey;border-radius: 3px;display: flex;justify-content: center;align-items: center;width: 30px;height: 30px;text-align: center;}
.con_right_socials a div:hover{background-color: rgba(0, 0, 0, 0.568);transition: 0.5s ease;}

/* Agreeement Page */
.blueagreementline{height: 20px;width: 100%;background-image: linear-gradient(to right,#0F6BB3,#00A7E9);}
.agg_title{padding: 0 0 30px 0;}
.agg_title h3:first-of-type{text-align: center;font-size: 30px;color: white;}
.agg_title .aggrement{margin: 10px 0;background-color: white;width: 800px;margin:auto;padding: 15px 20px;}
.agg_title .aggrement h3{font-size: 14px;line-height: 20px;}
.agg_title .aggrement h4{font-size: 14px;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;line-height: 20px;}
.agg_title .aggrement h5{font-size: 13px;padding-left: 20px;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;line-height: 20px;}
.agg_title .aggrement h4 a{color: rgb(82, 65, 65);}

.agg_title .aggrement div:first-of-type input{margin: 0 10px;width: 20px;}
.agg_title .aggrement  div:first-of-type label{font-size: 15px;}
.agg_title .aggrement div button:hover{
    transition: 0.5s ease;transform: translateY(2px);
}
.aggrement_main{position: relative;}
.bigblueagreementline{width: 100%;height:260px;background-image: url(../img/muqavile/orta\ goy\ fon.png);background-size: 100% 100%;background-repeat: no-repeat;position: relative;}
.bottombigblueagreementline{position: relative;height: 500px;}
.topbigblueagreementline .sancak1{position: absolute;top: 0;left: 40%;width: 100px;}
.topbigblueagreementline .sancak2{position: absolute;top: 0;left: 35%;width: 100px;}
.topbigblueagreementline .sancak1 img,.topbigblueagreementline .sancak2 img{width: 100%;}
.topbigblueagreementline .sancak2 img{transform: rotate(70deg)}
.topbigblueagreementline{position: relative;height: 200px;}
.bigblueagreementline .notebook{position: absolute;left: 0;width: 300px;transform: translateY(-100px);}
.bigblueagreementline .notebook img{width: 100%;}

.bigblueagreementline .cupbck{position: absolute;right: 100px;top: 0;width: 300px;transform: translateY(-300px);}
.bigblueagreementline .cupbck img{width: 100%;}

.penimg{position: absolute;right: 100px;bottom: 100px;}
.penimg img{width: 80px;}
.aggrement_main .sancak3{position: absolute;left: 100px;bottom: 100px;width: 100px;}
.aggrement_main .sancak3 img{width: 100px;}
.aggrement_main .sancak4{position: absolute;left: 70px;bottom: 150px;width: 100px;transform: rotate(70deg)}
.aggrement_main .sancak4 img{width: 100px;}
.computerbck{position: absolute;bottom: 0;right: 0;width: 35%;}
.computerbck img{width: 100%;}
.scissorsbck{position: absolute;bottom: 30px;left: 20%;width: 200px;}
.scissorsbck img{width: 100%;}
.aggrement_main .leftlightblueagg{width: 300px;position: absolute;left: 0;top:400px;background-image: url(../img/figures/poly-6-lighter-grey.png);background-repeat: no-repeat;background-size: 100% 100%;height: 300px;opacity: 0.5;transform: translateX(-50%);}
.aggrement_main .leftdarktblueagg{position: absolute;left: 100px;top: 60%;width: 50px;background-image: url(../img/figures/poly-6-dark-blue.png);background-repeat: no-repeat;background-size: 100% 100%;height: 50px;opacity: 0.5;}

/* Anket Page */
.anket_panel{margin: 100px 0 300px 0;height: 400px;}
.anket_box{width: 700px;margin: 0 auto;background: white;padding:10px 20px;border-radius: 20px;box-shadow: 1px 1px 14px rgba(0, 0, 0, 0.705),-1px -1px 14px rgba(0, 0, 0, 0.637);}
.anket_box .row .col-lg-12 h2{text-align: center;margin: 20px 0 10px 0;font-size: 25px;color: rgb(82, 82, 82);}
.anket_box .col-lg-6 .box{background: #ececec;padding: 10px;margin: 5px 0;border-radius: 10px;}
.anket_box .col-lg-6 .box h3{font-size: 14px;line-height: 22px;}
.anket_box .col-lg-6 .box h3 span{padding:3px 10px;border-radius: 90%;background: #00AFF0;color: white;font-weight: bold;margin-right: 10px;}
.anket_box .col-lg-6 .box ul li{font-size: 13px;}
.anket_box .col-lg-6 .box ul{padding-left: 30px;}
.anket_box .col-lg-6 .box ul li input{transform: translateY(2px);margin-right: 5px;}
.anket2col12{text-align: center;padding: 20px 0;}
.anket2col12 button:first-of-type{
    background: #00AFF0;
}
.anket2col12 button:nth-of-type(2){background: grey;color: white;padding: 5px 20px;border: none;
    border-radius: 3px;
    background-color: grey;
    color: white;
    font-weight: 600;
    font-size: 13px;}
.anket2col12 button:hover{transform: translateY(4px);}


/* Sign In Sign Up*/
.signinbox{width:600px;border-radius: 10px;display: flex;box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.356),-1px -1px 8px rgba(0, 0, 0, 0.384);overflow: hidden;}
.signinboxleft{width: 270px;}
.signinboxleft img{width: 100%;}
.signin_panel{margin-top: 70px;margin-bottom: 370px;position: relative;}
.signin_panel .container .signinbox{margin: 0 auto;}
.signinboxleft{background-image: url(../img/login-reg/qara\ fonda\ oglan.png);background-size: 100% 100%;background-repeat:  no-repeat;min-height: 400px;padding: 10px 30px;}
.signinboxleft h3{margin-top: 150px;color: white;font-size: 35px;font-weight: bold;}
.signinboxleft h5{font-size: 12px;color: rgba(255, 255, 255, 0.651);margin-top: 30px;}
.signinboxleft p{font-size: 10px;color: rgba(255, 255, 255, 0.644);width: 200px;}
.signinboxright{padding: 10px 30px 20px 30px;background-color: rgb(241, 241, 241);}
.signinboxright form{width: 100%;}
.signinboxright form div:first-of-type{padding: 20px 0;width: 100%;display: flex;}
.signinboxright form div:first-of-type a{width: 50%;color: grey;width: 50%;text-align: center;}
.signinboxright form div:first-of-type a h4{font-size: 20px;text-transform: uppercase;color: rgba(128, 128, 128, 0.63);text-align: center;padding-bottom: 5px;border-bottom: 2px solid rgba(128, 128, 128, 0.63);}
.signinboxright form div:first-of-type a h4.active{color: #1A6197;font-weight: bold;border-bottom: 2px solid #1A6197;}
.signinboxright form div input{padding: 5px 10px;border: none;outline: none;width: 100%;margin: 10px 0;border-radius: 4px;}
.signinboxright form div input::placeholder{color: #00000052;font-size: 14px;}
.signinboxright form div a{text-align: center;color: #1d3a69;}
.signinboxright form div:nth-of-type(2){text-align: center;}
.signinboxright form div a p{color: #1d3a69;text-align: center;font-size: 10px;text-transform: uppercase;margin: 10px 0 15px 0;}
.signinboxright form div button{padding: 5px 0;margin: 5px auto;background-color: #00A2DE;border-radius: 5px;outline: none;color: white;border:none;width: 70%;font-weight: 600;}
.signinboxright form div button:hover{transition: 0.5s ease;transform: translateY(3px);}
.oruse{padding: 0;margin: 10px 0;border-bottom: 1px solid #Bfbfbf;text-align: center;}
.oruse p{text-align: center;font-size: 12px;color: rgb(158, 158, 158);margin: 0;background-color: rgb(241, 241, 241);transform: translateY(60%);display: inline-block;padding:0 10px;}
.signinsocials{display: flex;padding:10px 0;justify-content: center;align-items: center;}
.signinsocials a div{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;border-radius: 2px;}
.signinsocials a .fb i{font-size: 15px;color: white;}
.signinsocials a .fb{background-color: #245ab3;width: 25px!important;height: 25px!important;padding: 0!important;margin-right: 10px;}
.signinsocials a .google{background-color: #e64e4e;width: 25px!important;height: 25px!important;padding: 0!important;margin-right: 10px;}
.signinsocials a .google i{font-size: 15px;color: white;}
.signinsocials a div:hover{transform: scale(1.05);transition: 0.5s ease;}
.signinboxright form div:last-of-type{padding:10px 0;display: flex;justify-content: center;align-items: center;}
.signinboxright form div:last-of-type h6{font-size: 11px;color: rgb(94, 94, 94);}
.signinboxright form div:last-of-type a h6{font-size: 11px;color: rgb(49, 49, 49);margin-left: 10px;}
.signinleftbottom{position: absolute;bottom: -200px;left: 20px;width: 50px;height: 50px;background-image: url(../img/login-reg/Muqavile\ ile\ razi\ ...\ Tund\ goy\ balaca\ 6bucaq.png);background-size: 100% 100%;}
.signinrightbottomgrey{position: absolute;bottom: -400px;right: 20px;width: 200px;height: 200px;background-image: url(../img/login-reg/6bucaqli\ boz\ fon.png);background-size: 100% 100%;}
.signinrightminiblue{position: absolute;bottom: -100px;right: 20px;width: 35px;height: 35px;background-image: url(../img/login-reg/Muqavile\ ile\ razi\ ...\ turkuaz\ balaca\ 6bucaq.png);background-size: 100% 100%;}


.signupbox{width:600px;border-radius: 10px;display: flex;box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.356),-1px -1px 8px rgba(0, 0, 0, 0.384);overflow: hidden;}
.signupboxleft{width: 270px;}
.signupboxleft img{width: 100%;}
.signup_panel{margin-top: 70px;margin-bottom: 370px;position: relative;}
.signup_panel .container .signupbox{margin: 0 auto;}
.signupboxleft{background-image: url(../img/login-reg/qara\ fonda\ oglan.png);background-size: 100% 100%;background-repeat:  no-repeat;min-height: 400px;padding: 10px 30px;}
.signupboxleft h3{margin-top: 150px;color: white;font-size: 35px;font-weight: bold;}
.signupboxleft h5{font-size: 12px;color: rgba(255, 255, 255, 0.651);margin-top: 30px;}
.signupboxleft p{font-size: 10px;color: rgba(255, 255, 255, 0.644);width: 200px;}
.signupboxright{padding: 10px 30px 20px 30px;background-color: rgb(241, 241, 241);}
.signupboxright form{width: 100%;}
.signupboxright form div:first-of-type{padding: 20px 0 10px 0;width: 100%;display: flex;}
.signupboxright form div:first-of-type a{width: 50%;color: grey;width: 50%;text-align: center;}
.signupboxright form div:first-of-type a h4{font-size: 20px;text-transform: uppercase;color: rgba(128, 128, 128, 0.63);text-align: center;padding-bottom: 5px;border-bottom: 2px solid rgba(128, 128, 128, 0.63);}
.signupboxright form div:first-of-type a h4.active{color: #1A6197;font-weight: bold;border-bottom: 2px solid #1A6197;}
.signupboxright form div input{padding: 3px 10px;border: none;outline: none;width: 100%;margin: 4px 0;border-radius: 4px;}
.signupboxright form div input::placeholder{color: #00000052;font-size: 14px;}
.signupboxright form div a{text-align: center;color: #1d3a69;}
.signupboxright form div:nth-of-type(2){text-align: center;}
.signupboxright form div a p{color: #1d3a69;text-align: right;font-size: 10px;text-transform: uppercase;margin: 10px 0 15px 0;}
.signupboxright form div a p i{margin: 0 5px;font-size: 15px;color: rgb(77, 77, 77);}
.signupboxright form div button{padding: 5px 0;margin: 5px auto 0 auto;background-color: #00A2DE;border-radius: 5px;outline: none;color: white;border:none;width: 70%;font-weight: 600;}
.signupboxright form div button:hover{transition: 0.5s ease;transform: translateY(3px);}
.signupboxright .oruse{padding: 0;margin:0;border-bottom: 1px solid #Bfbfbf;text-align: center;}
.signupboxright .oruse p{text-align: center;font-size: 12px;color: rgb(158, 158, 158);margin: 0;background-color: rgb(241, 241, 241);transform: translateY(60%);display: inline-block;padding:0 10px;}
.signupsocials{display: flex;padding:16px 0 10px 0;justify-content: center;align-items: center;}
.signupsocials a div{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;border-radius: 2px;}
.signupsocials a .fb i{font-size: 15px;color: white;}
.signupsocials a .fb{background-color: #245ab3;width: 25px!important;height: 25px!important;padding: 0!important;margin-right: 10px;}
.signupsocials a .google{background-color: #e64e4e;width: 25px!important;height: 25px!important;padding: 0!important;margin-right: 10px;}
.signupsocials a .google i{font-size: 15px;color: white;}
.signupsocials a div:hover{transform: scale(1.05);transition: 0.5s ease;}
.signupboxright form div:last-of-type{padding:10px 0;display: flex;justify-content: center;align-items: center;}
.signupboxright form div:last-of-type h6{font-size: 11px;color: rgb(94, 94, 94);}
.signupboxright form div:last-of-type a h6{font-size: 11px;color: rgb(49, 49, 49);margin-left: 10px;}
.signupleftbottom{position: absolute;bottom: -200px;left: 20px;width: 50px;height: 50px;background-image: url(../img/login-reg/Muqavile\ ile\ razi\ ...\ Tund\ goy\ balaca\ 6bucaq.png);background-size: 100% 100%;}
.signuprightbottomgrey{position: absolute;bottom: -400px;right: 20px;width: 200px;height: 200px;background-image: url(../img/login-reg/6bucaqli\ boz\ fon.png);background-size: 100% 100%;}
.signuprightminiblue{position: absolute;bottom: -100px;right: 20px;width: 35px;height: 35px;background-image: url(../img/login-reg/Muqavile\ ile\ razi\ ...\ turkuaz\ balaca\ 6bucaq.png);background-size: 100% 100%;}


.login_panel{margin-top: 70px;}
.loginbox{width:600px;border-radius: 10px;display: flex;box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.356),-1px -1px 8px rgba(0, 0, 0, 0.384);overflow: hidden;margin: 0 auto;transform: translateX(30%);}
.loginbox .loginboxleft{padding:20px 30px;background-color: white;width: 360px;}
.loginbox .loginboxleft form{width: 100%;}
.loginbox .loginboxleft form div h2{font-size: 22px;color: #0F6BB3;font-weight: bold;}
.loginboxleft form div input{width: 100%;margin: 3px 0;border: 1px solid rgb(185, 185, 185);color: rgb(170, 170, 170);outline: none;font-size: 14px;padding:7px 10px;}
.loginboxleft form div select{width: 100%;margin: 3px 0;border: 1px solid rgb(182, 182, 182);color: rgb(175, 175, 175);outline: none;font-size: 14px;padding:7px 10px;}
.loginboxleft form div input::placeholder{color: rgb(175, 175, 175);font-size: 14px;}
.loginboxleft form div div{display: flex;padding:15px 0 5px 0;justify-content: center;align-items: center;}
.loginboxleft form div div p{margin: 0;font-size: 11px;color: grey;}
.loginboxleft form div div button{margin: 0 6px;}
.loginboxleft form div div button{background-color: #00A7E9;color: white;font-size: 12px;border-radius: 3px;padding: 5px 15px;outline: none;border: none;background-color: #F1AF1A;color: rgb(34, 38, 58);font-weight: bold;}
.loginboxleft form div div button:first-of-type{background-color: #00A7E9;color: white;}
.loginboxleft form div div button:hover{transition: 0.5s ease;transform: scale(1.05);}
.loginleftbottom{position: absolute;bottom: -200px;left: 20px;width: 50px;height: 50px;background-image: url(../img/login-reg/Muqavile\ ile\ razi\ ...\ Tund\ goy\ balaca\ 6bucaq.png);background-size: 100% 100%;}
.loginrightbottomgrey{position: absolute;bottom: -400px;right: 20px;width: 200px;height: 200px;background-image: url(../img/login-reg/6bucaqli\ boz\ fon.png);background-size: 100% 100%;}
.loginrightminiblue{position: absolute;bottom: -100px;right: 20px;width: 35px;height: 35px;background-image: url(../img/login-reg/Muqavile\ ile\ razi\ ...\ turkuaz\ balaca\ 6bucaq.png);background-size: 100% 100%;}

.loginboxright{padding: 20px 30px;width: 240px;background-image: url(../img/login-reg/Muellim-Shagird\ qeydiyyati\ qara\ fon\ oglan\ ile.png);background-repeat: no-repeat;background-size: 100% 100%;}
.loginboxright h3{color: white;font-size:25px;margin-top: 15px;}
.loginboxright h5{font-size: 13px;color: rgba(255, 255, 255, 0.664);margin-bottom: 3px;}
.loginboxright h6{font-size: 10px;color: rgba(255, 255, 255, 0.74);margin: 10px 0;}
.loginboxright h6:nth-of-type(2){margin: 20px 0;}
.loginboxright a:first-of-type button{width: 100%;padding: 6px 0;border-radius: 5px;border: none;outline: none;background-color: #00A7E9;color: white;font-size: 14px;margin-top: 0px;margin-bottom: 25px;}
.loginboxright div a div{display: flex;}
.fbdiv div i{font-size: 16px;color: white;}
.godiv div i{font-size: 16px;color: white;}
.fbdiv{margin: 10px 0;border-radius: 2px;padding: 5px;}
.godiv{margin: 10px 0;border-radius: 2px;padding: 5px;}
.fbdiv div:first-of-type{width: 30px;}
.godiv div:first-of-type{width: 30px;}
.fbdiv{background-color: #214c92;}
.godiv{background-color: #db5b5b;}
.fbdiv div:nth-of-type(2){display: flex;justify-content: center;align-items: center;color: white;font-size: 10px;}
.godiv div:nth-of-type(2){display: flex;justify-content: center;align-items: center;color: white;font-size: 10px;}
.fbdiv:hover{transition:0.4s ease;transform: translateX(2px);}
.godiv:hover{transition:0.4s ease;transform: translateX(2px);}
.loginboxright a:first-of-type button:hover{transform: translateX(2px);transition: 0.5s ease;}
/*.rev_slider_wrapper{padding-left: 20%;padding-right: 20%;}*/

@media screen and (max-width:768px){.rev_slider_wrapper{padding-left: 2%;padding-right: 2%}}
@media screen and (min-width:768px) and (max-width:992px){.rev_slider_wrapper{padding-left: 5%;padding-right:5%;}}
@media screen and (min-width:992px){.rev_slider_wrapper{padding-left: 20%;padding-right: 20%}}