/* use font link */

@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:300,400,500,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');

/* use style sheet */

@import url(../css/font-awesome-all.css);
@import url(../css/flaticon.css);
@import url(../css/owl.css);
@import url(../css/bootstrap.css);
@import url(../css/jquery.fancybox.min.css);
@import url(../css/animate.css);
@import url(../css/jquery-ui.css);
@import url(../css/jquery.bootstrap-touchspin.css);
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}
body {
  font-size:16px;
  color:#000000;
  line-height:20px;
  font-weight:400;
  background:#ffffff;
  font-family: 'Open Sans', sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

  @media (min-width:1200px) {
  .container {
    max-width: 1170px;
    padding: 0px;
  }
}

.container-fluid{
  padding: 0px;
}

.auto-container{
  position:static;
  max-width:1200px;
  padding:0px 15px;
  margin:0 auto;
}

.small-container{
  max-width:680px;
  margin:0 auto;
}

.boxed_wrapper{
  position: relative;
  overflow-x: hidden;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
}


a{
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  color: #000;

}

a:hover{
  text-decoration:none;
  outline:none;
  color: #ff7162;
}

input,button,select,textarea{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 15px;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-family: 'Open Sans', sans-serif;
  line-height: 26px;
  color: #000000;
  margin-bottom: 0px;
  font-style: normal;
  transition: all 500ms ease;
}

h1,h2,h3,h4,h5,h6 {
  position:relative;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 400;
  margin: 0px;
  transition: all 500ms ease;
  text-align: center;
}

.vaqtincha {
  color: red;
}
.hujjatuchun {
  text-align: center;
  text-indent: 0;
  margin-top: 50px;    
}
.qonunga {
  margin-left: 45px;
}

 .kurinmaydi {
    visibility: hidden;
 }
/*nota_uchun===================================*/

.notauchun {
  text-align: center;
  text-indent: 0;
  margin-top: 30px;     
}
.notauchun img {
  width: 80%;
  height: 300px;  
}


.notauchun1 {
  text-align: center;
  text-indent: 0; 
  margin-top: 60px; 
}
.notauchun1 img {

  width: 80%;
  height: 140px;  
}

.notauchun2 {
  text-align: center;
  text-indent: 0;  
}
.notauchun2 img {
  width: 80%;
  height: 100px;  
}

.notauchun3 {
  text-align: center;
  text-indent: 0;
 
}
.notauchun3 img {
  width: 80%;
  height: 200px;  
}

.notauchun4 {
  text-align: center;
  text-indent: 0;
  margin-top: 40px;
 
}
.notauchun4 img {
  width: 70%;
  height: 250px;  
}

.notauchun5 {
  text-align: center;
  text-indent: 0;
 
}
.notauchun5 img {
  width: 70%;
  height: 170px;  
}
.notauchun6 {
  text-align: center;
  text-indent: 0;
 
}
.notauchun6 img {
  width: 90%;
  height: 340px;  
}

.chetga a {
  margin-left: 20px;
}
.centred{
  text-align: center;
}
.pull-left{
  float: left;
}
.pull-right{
  float: right;
}
.gray-bg{
  background: #f2f1f0;
}
.black-bg{
  background: #3b3634;
}
.sec-pad{
  padding: 144px 0px 150px 0px;
}

figure{
  margin: 0px;
}

img{
  display: inline-block;
  max-width: 100%;
  height: auto;
}
/*Stillar*/

.BSQ {
  margin: 50px 0 15px 0;
}
.BSQ a{
  color: #000;
  font-size: 16px;
  font-weight: 600;  
}

@keyframes pulse {
    50% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3),
        0 0 0 30px rgba(255, 255, 255, 0.1);
    }
}

/** button **/

.theme-btn{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  padding: 17px 40px;
  border-radius: 10px;
  background-color: #ff7162;
  line-height: 26px;
  color: #ffffff !important;
  font-weight: 900;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  transition: all 500ms ease;
  z-index: 1;
}

.theme-btn:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  border-radius: 10px;   
  background-color: #2b3c6b;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0.2, 1);
  transform: scale(0.2, 1);
}

.theme-btn:hover:before {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}


.pagination{
  position: relative;
  display: block;
  margin-top: 30px;
}

.pagination li{
  display: inline-block;
  margin: 0px 5px;
}

.pagination li a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  height: 60px;
  font-weight: 700;
  width: 60px;
  line-height: 60px;
  text-align: center;
  color: #2b3c6b;
  border-radius: 50%;
  border: 1px solid #e7e7e7;
  transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.active{
  background: #ff7162;
  color: #ffffff;
}

.sec-pad{
  padding: 40px 0px 30px 0px;
}

.preloader{
  position: fixed; 
  left:0px;
  top:0px;
  height:100%;
  width: 100%;
  z-index:999999;
  background-color:#ffffff;
  background-position:center center;
  background-repeat:no-repeat;
  background-image:url(../images/icons/preloader.gif);
}

.scroll-top {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  bottom: 105%;
  right: 50px;
  font-size: 20px;
  border-radius: 50%;
  z-index: 99;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  background: #ff7162;
  transition: .5s ease;
}

.scroll-top.open {
  bottom: 30px;
}

.scroll-top:hover{
  background: #2b3c6b;
}

.scroll-top:after {
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 1;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

/** sec-title **/
.bulim_sahifasi {
  width: 100%;
  height: auto;
}

.sec-title h5{
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 26px;
  color: #ff7162;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 900;
  margin-bottom: 6px;
  padding: 0px 50px 0px 50px;

}

.sec-title h5:before{
  position: absolute;
  content: '';
  background: #ff7162;
  width: 30px;
  height: 2px;
  left: 0px;
  bottom: 11px;
}

.sec-title h5:after{
  position: absolute;
  content: '';
  background: #ff7162;
  width: 30px;
  height: 2px;
  right: 0px;
  bottom: 11px;
}

.sec-title.style-two h5:after{
  display: none;
}

.sec-title.style-two h5{
  padding-right: 0px;
}
.sec-title h1{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 50px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 900;
  color: #2b3c6b;   
 
}
.sec-title_bulim h1{
  text-align: center;   
  font-size: 30px; 
  font-family: 'M PLUS Rounded 1c', sans-serif;
  padding: 15px 0;
  font-weight: 900;
  color: #2b3c6b;  
}
.sec-title_bulim h3{
  text-align: center;   
  font-size: 24px;
  padding: 15px 0;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 900;
  color: #2b3c6b; 
}
/*spanlar*/
.uquvchi_matn_2 {
  font-size: 32px;
  text-align:center;  
  font-family: 'M PLUS Rounded 1c', sans-serif;
  margin: 20px 0;
  font-weight: 900;
  color:#ff7162;
}
.uquvchi_matn_3 {
  font-size: 28px;
  text-align:center;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 900;
  margin: 20px 0;
  color:#2b3c6b;
  line-height: 34px;
}
.uquvchi_matn_4 {
  font-size: 24px;
  text-align:center;  
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 600;  
  color:#000000;
  
}
.uquvchi_matn_5 {
  font-size: 20px;
  text-align:center;  
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 600;  
  color:#2b3c6b;
  padding: 15px 0;
}
.uquvchi_matn_6 {
  font-size: 28px;
  text-align:center;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 900;
  margin-top: 20px;
  color:#2b3c6b;
  line-height: 34px;
}


.uquvchi_matn_6 a{
  font-size: 28px;
  text-align:center;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 900;
  margin-top: 20px;
  color:#ff7162;
  line-height: 34px;
} 



/** main-header **/

.main-header{
  position:relative;
  left:0px;
  top:0px;
  background: #ffffff;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  position: sticky;
}



.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.main-header .header-top{
  position: relative;
  display: block;
  background: #732323;
  width: 100%;
  padding: 16px 0px 17px 0px;
}

.main-header .header-top .social-list li{
  position: relative;
  display: inline-block;
  margin-right: 20px;
}

.main-header .header-top .social-list li:last-child{
  margin-right: 0px;
}

.main-header .header-top .social-list li a{
  position: relative;
  display: inline-block;
  font-size: 15px;
  line-height: 26px;
  color: #fff;
}

.main-header .header-top .social-list li a:hover,
.main-header .header-top .header-info li a:hover{
  color: #ff7162;
}

.main-header .header-top .header-info li{
  position: relative;
  display: inline-block;
  margin-right: 32px;
  padding: 0px 0px 0px 22px;
}

.main-header .header-top .header-info li:last-child{
  margin-right: 0px;
}

.main-header .header-top .header-info li:before{
  position: absolute;
  content: '';
  border: 1px dashed #59688d;
  height: 20px;
  width: 1px;
  top: 5px;
  right: -18px;
}

.main-header .header-top .header-info li:last-child:before{
  display: none;
}

.main-header .header-top .header-info li i{
  position: absolute;
  left: 0px;
  top: 7px;
  font-size: 14px;
  color: #ff7162;
}

.main-header .header-top .header-info li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  color: #d3d8e2;
}

.main-header .outer-content li{
  position: relative;
  display: inline-block;
}

.main-header .outer-content li.header-flyout-searchbar i{
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background: #fbb419;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  margin-right: 7px;
  transition: all 500ms ease;
}

.main-header .outer-content li a{
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #fff;
  background: #43b3d9;
  text-align: center;
  border-radius: 50%;
}

.main-header .outer-content li a:hover,
.main-header .outer-content li.header-flyout-searchbar i:hover{
  background: #ff7162;
}

.main-header .outer-box{
  margin-top: 32px;
}

.main-header .logo-box .logo{
  width: 100px;
  height: 100px;
  position: relative;
  display: inline-block;
  padding: 6px 0px;
  margin-left: -50px;
}

.main-header .logo-box .logo:before{
  position: absolute;
  content: '';
  background: url(../images/icons/logo-shap.png);
  width: 216px;
  height: 57px;
  left: -20px;
  bottom: -57px;
  background-repeat: no-repeat;
}


/** search-box **/

.wraper_flyout_search {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}

.wraper_flyout_search > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}

.wraper_flyout_search > .table > .table-cell {
position: relative;
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
}

.wraper_flyout_search > .table > .table-cell > .flyout-search-layer {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
transform: translateX(100%);
-webkit-transform: translateX(100%);
}

.wraper_flyout_search > .table > .table-cell > .flyout-search-layer:nth-child(1) {
left: 0;
background-color: rgba(0, 0, 0, 0.5);
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}

.wraper_flyout_search > .table > .table-cell > .flyout-search-layer:nth-child(2) {
left: 0px;
background-color: rgba(0, 0, 0, 0.4);
transition: all 0.3s ease-in-out 0.3s;
-webkit-transition: all 0.3s ease-in-out 0.3s;
}

.wraper_flyout_search > .table > .table-cell > .flyout-search-layer:nth-child(3) {
left: 0px;
background-color: rgba(0, 0, 0, 0.9);
transition: all 0.9s ease-in-out 0.6s;
-webkit-transition: all 0.9s ease-in-out 0.6s;
}

.wraper_flyout_search > .table > .table-cell > .flyout-search-close {
position: absolute;
top: 40px;
right: 40px;
width: 30px;
z-index: 2;
text-align: center;
cursor: pointer;
}

.wraper_flyout_search > .table > .table-cell > .flyout-search-close > .flyout-search-close-line {
width: 100%;
height: 2px;
float: left;
margin-bottom: 5px;
background-color: #fff;
}

.wraper_flyout_search > .table > .table-cell > .flyout-search-close > .flyout-search-close-line:nth-child(1) {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

.wraper_flyout_search > .table > .table-cell > .flyout-search-close > .flyout-search-close-line:nth-child(2) {
margin-top: -7px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}

.wraper_flyout_search > .table > .table-cell .flyout_search {
position: relative;
z-index: 1;
float: right;
width: 100%;
max-width: 500px;
padding: 100px 40px 100px 40px;
text-align: right;
}

.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title {
margin-bottom: 30px;
}

.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title > *:last-child {
margin-bottom: 0 !important;
}

.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title h4 {
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 300;
font-size: 35px;
color: #fff;
line-height: 45px;
letter-spacing: 50px;
opacity: 0;
transition: all 1s ease-in-out 0s;
-webkit-transition: all 1s ease-in-out 0s;
}

.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row {
position: relative;
padding: 0;
margin: 0;
}

.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row input[type=search] {
width: 100%;
height: 60px;
padding: 0px 40px 0px 0px;
background-color: initial;
border: none;
border-bottom: 3px #dedede solid;
box-shadow: initial;
font-size: 20px;
color: #fff;
}

.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row button[type=submit] {
position: absolute;
top: 17px;
right: 0;
z-index: 1;
width: 40px;
height: auto;
background-color: initial;
border: none;
cursor: pointer;
}

.wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-bar .form-row button[type=submit] i {
font-size: 20px;
color: #fff;
line-height: 20px;
}

body.flyout-searchbar-active .wraper_flyout_search {
opacity: 1;
visibility: visible;
}

body.flyout-searchbar-active .wraper_flyout_search > .table > .table-cell > .flyout-search-layer {
transform: translateX(0);
-webkit-transform: translateX(0);
}

body.flyout-searchbar-active .wraper_flyout_search > .table > .table-cell .flyout_search > .flyout-search-title h4 {
letter-spacing: 0;
opacity: 1;
} 

#hamburger-menu {
width: 100%;
}



/** main-menu **/

.main-header .menu-area,
.main-header .outer-box{
  position: relative;
  float: left;
}

.main-header .social-style-one{
  margin-top: 22px;
}

.main-header .menu-area{
  margin-right: 22px;
}

.main-menu{
  position: relative;
  display: block;
}

.main-menu .navbar-collapse{
  padding:0px;  
}

.main-menu .navigation > li{
  position:relative;
  float:left;
  margin: 0px 18px;
}

.main-menu .navigation > li:first-child{
  margin-left: 0px;
}

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  font-size:18px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color:#2b3c6b;
  line-height:26px;
  font-weight:700;
  opacity:1;
  
  padding: 47px 0px 42px 0px;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  color: #732323;
}

.main-menu .navigation{
  position: relative;
}

.main-menu .navigation > li > ul{
  position:absolute;
  left:0px;
  top: 100%;
  width:250px;
  z-index:100;
  display:none;
  background:#ffffff;
  border-top: 3px solid #732323;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
  padding: 7px 30px;
  border-bottom: 1px solid #e5e5e5;
  transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a{
  position:relative;
  display:block;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  padding:6px 0px;
  line-height:24px;
  font-size:15px;
  color:#2b3c6b;
  font-weight: 700;
  text-align:left;  
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li:hover{
  background: #732323;
  border-bottom: 1px solid #732323;
}

.main-menu .navigation > li > ul > li:hover a{
  color: #ffffff;
  padding-left: 10px;
}

.main-menu .navigation > li > ul > li:last-child:hover{
  border-bottom: none;
}

.main-menu .navigation > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
  position:absolute;
  right: 15px;
  top: 8px;
  font-size:18px;
  border: 1px solid #ffffff;
  color:#ffffff;
  width: 35px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor:pointer;
  z-index:5;
  display: none;
}

.navbar-header {
  display: none;
}

/** sub-menu **/

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  left:100%;
  top:0%;
  width:230px;
  z-index:100;
  display:none;
  padding: 0px 0px;
  background-color: #ffffff;
  border-top: 3px solid #ff7162;
  -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
  box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 0;
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
  margin:0px;
  border-bottom: 1px solid #e5e5e5;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  padding:10px 25px !important;
  line-height:24px;
  font-weight:700;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size:15px;  
  color: #2b3c6b !important;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
  color: #ffffff !important;
  background:#ff7162;
  padding-left: 35px !important;
}

.main-menu .navigation > li > ul > li.dropdown > a:after {
  position: absolute;
  content: "\f105";
  font-size: 16px;
  color: #222;
  top: 6px;
  right: -12px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 600;
  cursor: pointer;
  transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
  color: #ffffff;
}


/** stricky-header **/

.sticky-header .main-menu .navigation > li{
  margin: 0px !important;
}

.sticky-header .main-menu .navigation > li:before{
  display: none !important;
}

.sticky-header .main-menu .navigation > li > a{
  padding: 14px 30px 16px 30px !important;
}

.sticky-header .main-menu .navigation > li > a{
  color: #222222;
}

.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li:hover > a{
  background: #ff7162;
  color: #ffffff !important;
}

.sticky-header .logo-box{
  position: relative;
  float: left;
  margin-top: 10px;
}
.container clearfix .logo-box .logo{
  width: 30px;
  height: 30px;
  position: relative;
  display: inline-block;
  padding: 6px 0px;
  margin-left: -50px;
  border:1px solid red;
}






.sticky-header .menu-area{
  position: relative;
  float: right !important;
}

.sticky-header .main-menu .navigation > li > a:before{
  display: none;
}

/** main-slider **/

.main-slider{
  position:relative;
}

.main-slider .slide{
  position:relative;
  padding:195px 0px 170px 0px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}

.main-slider .slide:before{
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.0);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.main-slider .content-box{
  position: relative;
  display: block;
  max-width: 700px;
  width: 100%;
}




.main-slider h1{
  position:relative;
  width: 90%;
  display: block;
  font-size: 60px;
  line-height: 70px;
  color: #2b3c6b;
  font-weight: 900;
  margin-bottom: 25px;
  opacity:0;
  -webkit-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms ease;
  -webkit-transform: translateX(-50px);
  -moz-transform: translateX(-50px);
  -ms-transform: translateX(-50px);
  -o-transform: translateX(-50px);
  transform: translateX(-50px);
  box-shadow: white 0.1;
  text-shadow: -2px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.main-slider .active h1{
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  transition-delay: 1500ms;
}

.main-slider .text{
  position:relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  color: #454442;
  margin-bottom: 37px;
  opacity:0;
  -webkit-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms ease;
  -webkit-transform: translateX(50px);
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -o-transform: translateX(50px);
  transform: translateX(50px);
}

.main-slider .active .text{
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  transition-delay: 1500ms;
}

.main-slider .btn-box{
  opacity:0;
  -webkit-transition: all 1800ms ease;
  -moz-transition: all 1800ms ease;
  -ms-transition: all 1800ms ease;
  -o-transition: all 1800ms ease;
  transition: all 1800ms ease;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
}

.main-slider .active .btn-box{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 1800ms;
}

/* slide nav */


.main-slider .owl-dots{
  position: absolute;
  text-align: center;
  left: 50%;
  bottom: 52px;
  display: none;
}

.main-slider .owl-dots .owl-dot span{
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.50);
  cursor: pointer;
  margin: 0px 3px;
  transition: all 500ms ease;
}

.main-slider .owl-dots .owl-dot.active span,
.main-slider .owl-dots .owl-dot:hover span{
  background: #ffffff;
  border: none;
}

.main-slider .owl-nav{
  position:absolute;
  left:0px;
  top:50%;
  z-index:1;
  width:100%;
  margin-top:-20px;
}

.main-slider .owl-theme .owl-controls .owl-nav [class*="owl-"]{
  position: absolute;
  color: rgba(255, 255, 255, 0.10);
}

.main-slider .nav-style-one .owl-nav .owl-prev{
  left: 70px;
}

.main-slider .owl-nav .owl-prev{
  position:absolute;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  background: #ff7162;
  width: 75px;
  height: 75px;
  line-height:75px;
  font-weight: 700;
  margin: 0px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  transition: all 500ms ease;
}

.main-slider .owl-nav .owl-next{
  position:absolute;
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  background: #ff7162;
  width: 75px;
  height: 75px;
  line-height:75px;
  font-weight: 700;
  margin: 0px;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  transition: all 500ms ease;
}

.main-slider .nav-style-one .owl-nav .owl-next{
  right: 70px;
}

.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover{
  background-color:#fff;
  color: #b2b2b2;
}

.float-bob-y{
  animation-name: float-bob-y; 
  animation-duration: 2s; 
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob-y; 
  -webkit-animation-duration: 2s; 
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob-y; 
  -moz-animation-duration: 2s; 
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob-y; 
  -ms-animation-duration: 2s; 
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob-y; 
  -o-animation-duration: 2s; 
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}

.float-bob-x{
  animation-name: float-bob-x;
  animation-duration: 15s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-name: float-bob-x;
  -webkit-animation-duration: 15s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: float-bob-x;
  -moz-animation-duration: 15s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: float-bob-x;
  -ms-animation-duration: 15s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-animation-name: float-bob-x;
  -o-animation-duration: 15s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}


/** about-section **/

.about-section{
  position: relative;
  display: block;
  padding: 30px 0px 50px 0px;
}

.about-section .image-box{
  position: relative;
  display: block;
  margin: 6px 30px 0px 140px;
}


.about-section .image-box .image{
  position: relative;
  display: block;
  box-shadow: 0 30px 50px rgba(8,13,62,.15);
}

.about-section .image-box .image img{
  width: 100%;
}

.about-section .image-box .image-1{
  position: relative;
  display: block;
  border-radius: 30px;
}

.about-section .image-box .image-1 img{
  border-radius: 30px;
}

.about-section .image-box .image-2{
  position: absolute;
  left: -85px;
  bottom: -125px;
  border: 15px solid #fff;
  border-radius: 30px;
}

.about-section .content-box .sec-title{
  position: relative;
  display: block;
  margin-bottom: 33px;
}

.about-section .content-box .bold-text{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #4c4c4c;
  font-weight: 400;
  margin-bottom: 15px;
}

.about-section .content-box p{
  position: relative;
  display: block;
  margin-bottom: 46px;
}
.about-section 


/** service-section **/

.service-section{
  position: relative;
  display: block;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

.service-section:before{
  position: absolute;
  content: '';
  background: rgba(33, 47, 84, 0.50);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.service-section .carousel-content{
  position: relative;
  display: block;
  margin-right: -340px;
  margin-top: 6px;
}

.service-block-one{
  position: relative;
  display: block;
  background: #fff;
  padding: 83px 30px 68px 30px;
  text-align: center;
  border-radius: 20px;
  transition: all 500ms ease;
}

.service-block-one .icon-box{
  position: relative;
  display: inline-block;
  font-size: 65px;
  line-height: 65px;
  color: #ff7162;
  margin-bottom: 25px;
}

.service-block-one .icon-box:before{
  position: absolute;
  content: '';
  background: url(../images/icons/icon-1.png);
  width: 56px;
  height: 71px;
  right: -20px;
  top: -10px;
  background-repeat: no-repeat;
  transition: all 500ms ease;
}

.service-section .owl-item:nth-child(odd) .service-block-one .icon-box{
  color: #43b3d9;
}

.service-section .owl-item:nth-child(odd) .service-block-one .icon-box:before{
  position: absolute;
  content: '';
  background: url(../images/icons/icon-2.png);
  width: 64px;
  height: 70px;
  right: -20px;
  top: -10px;
  background-repeat: no-repeat;
}

.service-section .owl-item:nth-child(3n+1) .service-block-one .icon-box{
  color: #fbb419;
}

.service-section .owl-item:nth-child(3n+1) .service-block-one .icon-box:before{
  position: absolute;
  content: '';
  background: url(../images/icons/icon-3.png);
  width: 65px;
  height: 70px;
  right: -20px;
  top: -10px;
  background-repeat: no-repeat;
}

.service-block-one:hover .icon-box:before{
  transform: rotate(25deg) !important;
}

.service-block-one h3{
  margin-bottom: 27px;
}

h3{
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 30px;
  font-weight: 900;
  color: #2b3c6b;
  margin-bottom: 10px;
}

h3 a{
  position: relative;
  display: inline-block;
  color: #2b3c6b;
}

h3 a:hover{
  color: #ff7162;
}

.service-section .inner-content .sec-title h1,
.service-section .inner-content .text{
  color: #fff;
}

.service-section .inner-content{
  position: relative;
  display: block;
  margin-right: 20px;
}

.service-section .inner-content .sec-title{
  margin-bottom: 34px;
}

.service-section .owl-dots{
  display: none;
}

.service-section .owl-nav .owl-prev,
.service-section .owl-nav .owl-next{
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  background: #ff7162;
  text-align: center;
  border-radius: 50%;
  margin: 0px 5px;
  cursor: pointer;
  transition: all 500ms ease;
}

.service-section .owl-nav .owl-prev:hover,
.service-section .owl-nav .owl-next:hover{
  background: #fff;
  color: #2b3c6b;
}

.service-section .owl-nav{
  position: absolute;
  left: -405px;
  bottom: 0px;
}


/** classes-section **/

.classes-section{
  position: relative;
  display: block;
}

.classes-section .inner-block{
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 30px 50px rgba(229, 229, 229, 0.8);
}

.classes-section .inner-block .image-box{
  position: relative;
  display: block;
  background: #253b71;
  overflow: hidden;
}

.classes-section .inner-block .image-box img{
  width: 100%;
  transition: all 500ms ease;
}

.classes-section .inner-block:hover .image-box img{
  opacity: 0.5;
  transform: scale(1.02);
}

.classes-section .inner-block .lower-content{
  position: relative;
  display: block;
  padding: 34px 40px 37px 40px;
  
}

.classes-section .inner-block .lower-content .link-btn{
  position: absolute;
  top: -35px;
  right: 40px;
}

.classes-section .inner-block .lower-content .link-btn a{
  position: relative;
  display: inline-block;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: #43b3d9;
  border-radius: 50%;
  transition: all 500ms ease;
}

.classes-section .inner-block .lower-content .link-btn a:hover{
  background: #2b3c6b !important;
}

.classes-section .inner-block:hover .lower-content .link-btn a {
  -webkit-transform: scale(-1) rotate(-180deg);
  -moz-transform: scale(-1) rotate(-180deg);
  -ms-transform: scale(-1) rotate(-180deg);
  -o-transform: scale(-1) rotate(-180deg);
  transform: scale(-1) rotate(-180deg);
}

.classes-section .block-column:nth-child(2) .inner-block .lower-content .link-btn a{
  background: #43b3d9;
}

.classes-section .block-column:last-child .inner-block .lower-content .link-btn a{
  background: #43b3d9;
}

.classes-section .inner-block .lower-content h3{
  margin-bottom: 9px;
}


.classes-section .inner-block .lower-content .text{
  position: relative;
  display: block;
  margin-bottom: 26px;
}

.classes-section .inner-block .lower-content .info-box{
  position: relative;
  display: block;
  background: url(../images/icons/icon-4.png);
  width: 100%;
  padding: 25px 15px 25px 15px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
}

.classes-section .inner-block .lower-content .info-box li{
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #fff;
  margin: 0px 10px;
  text-transform: uppercase;
}

.classes-section .inner-block .lower-content .info-box li:before{
  position: absolute;
  content: '';
  border: 1px dashed #59688e;
  width: 1px;
  height: 20px;
  top: 4px;
  right: -12px;
}

.classes-section .inner-block .lower-content .info-box li:last-child:before{
  display: none;
}

.classes-section .inner-block .lower-content .info-box li span{
  color: #ff7162;
  text-transform: capitalize;
}

.classes-section .sec-title{
  position: relative;
  display: block;
  margin-bottom: 60px;
}

.classes-section .anim-icon .icon-1 {
  background: url(../images/icons/anim-icon-4.png);
  width: 192px;
  height: 292px;
  left: 90px;
  top: -190px;
  background-repeat: no-repeat;
}


/** feature-section **/

.feature-section{
  position: relative;
  display: block;
  background: #f0eee7;
  padding: 144px 0px;
}

.feature-section .image-column{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.feature-section .sec-title{
  margin-bottom: 41px;
}

.feature-section .inner-box .single-item{
  position: relative;
  display: block;
  padding: 0px 0px 0px 105px;
  margin-bottom: 50px;
}

.feature-section .inner-box .single-item:last-child{
  margin-bottom: 0px;
}

.feature-section .inner-box .single-item .icon-box{
  position: absolute;
  left: 0px;
  top: -1px;
  font-size: 40px;
  width: 85px;
  height: 85px;
  line-height: 85px;
  color: #fff;
  background: #fbb419;
  text-align: center;
  border-radius: 50%;
  z-index: 1;
}

.feature-section .inner-box .single-item .icon-box:before{
  position: absolute;
  content: '';
  background: #2b3c6b;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  right: 0px;
  border-radius: 50%;
  transform: scale(0,0);
  z-index: -1;
  transition: all 500ms ease;
}

.feature-section .inner-box .single-item:hover .icon-box:before{
  transform: scale(1,1);
}

.feature-section .inner-box .single-item:nth-child(2) .icon-box{
  background: #43b3d9;
}

.feature-section .inner-box .single-item:last-child .icon-box{
  background: #ff7162;
}

.feature-section .anim-icon .icon-1 {
  background: url(../images/icons/anim-icon-5.png);
  width: 119px;
  height: 127px;
  top: 120px;
  right: 320px;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 5s infinite linear;
  animation: zoom-fade 5s infinite linear;
}

.feature-section .anim-icon .icon-2 {
  background: url(../images/icons/anim-icon-6.png);
  width: 321px;
  height:289px;
  right: 0px;
  bottom: -90px;
  background-repeat: no-repeat;
}





/** event-section **/

.event-section{
  position: relative;
  display: block;
  width: 100%;  
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  padding-bottom: 50px;
  
}

.event-section:before {
  position: absolute;
  content: '';  
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}
.bulim saxifasi {
  width: 100%;
  height: auto;

}

.bulim_saifasi_foni {
  width: 100%;
  height: auto;
}


.event-section .sec-title{
  position: relative;
  display: block;
  margin-bottom: 57px;
}

.event-section .sec-title h1{
  color: #2b3c6b;
}

.event-block-one .inner-box{
  position: relative;
  display: block;
  background: #fff;
  padding: 45px 0px 39px 0px;
  border-radius: 20px;
  margin-bottom: 30px;
  min-height: 300px;
}

.event-block-one .inner-box .image-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 220px;
  height: 300px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background: #2b3c6b;
  overflow: hidden;
  z-index: 1;
}

.event-block-one .inner-box .image-box img{
  width: 100%;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  transition: all 500ms ease;
}

.event-block-one .inner-box:hover .image-box img{
  transform: scale(1.03);
  opacity: 0.5;
}

.event-block-one .inner-box .content-box{
  position: relative;
  display: block;
  padding-left: 270px;
}

.event-block-one .inner-box .content-box .date{
  position: relative;
  display: inline-block;
  background: url(../images/icons/date-bg-1.png);
  font-size: 15px;
  line-height: 26px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 900;
  color: #fff;
  padding: 10px 32px 14px 33px;
  text-align: center;
  margin-bottom: 24px;
  background-repeat: no-repeat;
}

.event-section .event-block:nth-child(2) .event-block-one .inner-box .content-box .date{
  background: url(../images/icons/date-bg-2.png);
  background-repeat: no-repeat;
}

.event-section .event-block:nth-child(3) .event-block-one .inner-box .content-box .date{
  background: url(../images/icons/date-bg-3.png);
  background-repeat: no-repeat;
}

.event-section .event-block:last-child .event-block-one .inner-box .content-box .date{
  background: url(../images/icons/date-bg-4.png);
  background-repeat: no-repeat;
}

.event-block-one .inner-box .content-box h3{
  margin-bottom: 13px;
}

.event-block-one .inner-box .content-box .text{
  position: relative;
  display: block;
  margin-bottom: 18px;
}

.event-block-one .inner-box .content-box .location{
  position: relative;
  display: block;
  font-size: 14px;
  color: #848484;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.event-block-one .inner-box .content-box .location span{
  font-weight: 700;
  color: #ff7162;
}

.event-block-one .inner-box .content-box .location i{
  position: relative;
  margin-right: 6px;
  color: #ff7162;
  font-size: 22px;
  font-weight: 600;
  top: 4px;
}

.event-section .anim-icon .icon-1 {
  background: url(../images/icons/anim-icon-7.png);
  width: 161px;
  height: 261px;
  left: 100px;
  top: -120px;
  background-repeat: no-repeat;
}


.faq-content{
  position: relative;
  display: block;
  padding: 30px;
  margin-left: 30px;
  min-height: 700px;
}

.faq-content .sec-title{
  position: relative;
  display: block;
  margin-bottom: 48px;
}

.accordion-box{
  position:relative;
}

.accordion-box .block{
  position:relative;
  margin-bottom: 20px;
  border: 2px solid #732323;
  border-radius: 20px;
  padding: 0px 28px;
}



.accordion-box .block .acc-btn h4{
  position:relative;
  display: block;
  font-size:20px;
  font-weight: 700;
  color:#3b3634;
  padding: 28px 0px 34px 0px;
  cursor:pointer;
  transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active h4{
  color: #732323;
}



.accordion-box .block .acc-content{
  position:relative;
  display:none; 
  border-top: 1px solid #e5e5e5;
  padding-top: 24px;
  padding-bottom: 47px;
}

.accordion-box .block .acc-content.current{
  display:block;  
}

.accordion-box .block .content .text{
  position:relative;
  display: block;
  color: #2b3c6b;
  padding-right: 40px;
}

.accordion-box .block .acc-btn .icon-outer{
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 20px;
  color: #2b3c6b;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  transition: all 500ms ease;
  z-index: 1;
}

.accordion-box .block .acc-btn.active .icon-outer{
  color: #43b3d9;
}

.accordion-box .block .acc-btn.active .icon-outer i:before{
  position: relative;
  font-size: 20px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  margin: 0px;
  content: "\f106";
}
/** news-section **/
.news-section{
  position: relative;
  display: block;
  padding: 144px 0px 188px 0px;
  border:1px solid green;

}
.news-section .sec-title{
  margin-bottom: 60px;
}
.news-block-one .inner-box{
  position: relative;
  display: block;
  border-radius: 20px;
  box-shadow: 0 30px 50px rgba(229, 229, 229, 0.8);
  margin: 15px 0 30px 0;  

}
.news-block-one .inner-box .image-box{
  position: relative;
  display: block;
  overflow: hidden;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  background: #2b3c6b;  
}

.news-block-one .inner-box .image-box img{
  width: 100%;
  transition: all 500ms ease;
}

.news-block-one .inner-box:hover .image-box img{
  opacity: 0.5;
  transform: scale(1.03);
}

.news-block-one .inner-box .lower-content{
  
  position: relative;
  display: block;
  padding: 20px 20px 10px 40px;
  background: #ffffff;  
}

.news-block-one .inner-box .lower-content h3{
  height: 100px;
  line-height: 28px;
  margin-bottom: 7px;
}

.news-block-one .inner-box .lower-content .info-box{
  position: relative;
  display: block;
  margin-bottom: 22px;
  
}

.news-block-one .inner-box .lower-content .info-box li{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #ff7162;
  margin-right: 38px;
}

.news-block-one .inner-box .lower-content .info-box li:before{
  position: absolute;
  content: '';
  background: #ff7162;
  width: 1px;
  height: 10px;
  top: 8px;
  right: -20px;
}

.news-block-one .inner-box .lower-content .info-box li:last-child:before{
  display: none;
}

.news-block-one .inner-box .lower-content .info-box li:last-child{
  margin-right: 0px;
}

.news-block-one .inner-box .lower-content .text{
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.news-block-one .inner-box .lower-content .link-btn{
  position: absolute;
  left: 40px;
  bottom: -38px;
}

.news-block-one .inner-box .lower-content .link-btn a{
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  background: #ff7162;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.news-block-one .inner-box .lower-content .link-btn a:hover{
  background: #2b3c6b;
}

.news-section .anim-icon .icon-1 {
  background: url(../images/icons/anim-icon-11.png);
  width: 140px;
  height: 143px;
  top: 140px;
  left: 100px;
  background-repeat: no-repeat;
}

.news-section .anim-icon .icon-2 {
  background: url(../images/icons/anim-icon-11.png);
  width: 140px;
  height: 143px;
  top: 140px;
  right: 120px;
  background-repeat: no-repeat;
}





.social-style-one li{
  position: relative;
  display: inline-block;
  margin-right: 6px;
}

.social-style-one li:last-child{
  margin-right: 0px;
}

.social-style-one li a{
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background: #3b5998;
  border-radius: 50%;
}

.social-style-one li:nth-child(2) a{
  background: #1da1f2;
}

.social-style-one li:nth-child(3) a{
  background: #ea4335;
}

.social-style-one li:last-child a{
  background: #7232bd;
}

.social-style-one li a:hover{
  background: #ff7162 !important;
}



/*** 

====================================================================
                        Home-Page-Two
====================================================================

***/
/** slider-style-two **/

.main-slider.style-two h1{
  color: #fff;
  text-shadow: 5px 6px 0px #6aa9c2;
  margin-bottom: 44px;
}

.main-slider.style-two .slide{
  padding: 170px 0px 275px 0px;
}

.main-slider .nav-style-two .owl-nav .owl-prev,
.main-slider .nav-style-two .owl-nav .owl-next{
  right: 70px;
}

.main-slider .nav-style-two .owl-nav .owl-prev{
  top: -85px;
}


/** offer-section **/

.offer-section{
  position: relative;
  display: block;
  background: #f1f0e9;
}

.offer-section .sec-title{
  margin-bottom: 61px;
}

.offer-section .single-offer-block{
  position: relative;
  display: block;
  background: #fff;
  border-radius: 15px;
  padding: 75px 15px 60px 15px;
  box-shadow: 0 15px 50px rgba(0,0,0,.10);
}

.offer-section .single-offer-block .icon-box{
  position: relative;
  display: inline-block;
  font-size: 70px;
  line-height: 70px;
  color: #fbb419;
  margin-bottom: 24px;
}

.offer-section .block-column .single-offer-block .icon-box:before {
  position: absolute;
  content: '';
  background: url(../images/icons/icon-3.png);
  width: 65px;
  height: 70px;
  right: -16px;
  top: -4px;
  background-repeat: no-repeat;
  transition: all 500ms ease;
}

.offer-section .block-column .single-offer-block:hover .icon-box:before{
  transform: scale(0.5);
}

.offer-section .block-column:nth-child(2) .single-offer-block .icon-box{
  color: #43b3d9;
}

.offer-section .block-column:nth-child(2) .single-offer-block .icon-box:before {
  position: absolute;
  content: '';
  background: url(../images/icons/icon-2.png);
  width: 64px;
  height: 70px;
  right: -16px;
  top: -4px;
  background-repeat: no-repeat;
}

.offer-section .block-column:nth-child(3) .single-offer-block .icon-box{
  color: #ff7162;
}

.offer-section .block-column:nth-child(3) .single-offer-block .icon-box:before {
  position: absolute;
  content: '';
  background: url(../images/icons/icon-1.png);
  width: 56px;
  height: 71px;
  right: -16px;
  top: -4px;
  background-repeat: no-repeat;
}

.offer-section .block-column:last-child .single-offer-block .icon-box{
  color: #b350ff;
}

.offer-section .block-column:last-child .single-offer-block .icon-box:before {
  position: absolute;
  content: '';
  background: url(../images/icons/icon-5.png);
  width: 63px;
  height: 72px;
  right: -16px;
  top: -4px;
  background-repeat: no-repeat;
}

.offer-section .anim-icon .icon-1 {
  background: url(../images/icons/anim-icon-3.png);
  width: 102px;
  height: 198px;
  left: 120px;
  bottom: -40px;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 5s infinite linear;
  animation: zoom-fade 5s infinite linear;
}


/** classes-style-two **/

.classes-section.style-two{
  position: relative;
  display: block;
  background: #253b70;
}

.classes-section.style-two .sec-title h1{
  color: #fff;
}

.classes-section.style-two .inner-block{
  box-shadow: none;
}

.classes-section.style-two .inner-block .lower-content .price{
  margin-bottom: 31px;
}

.classes-section.style-two .inner-block .lower-content{
  padding-bottom: 48px;
}

.classes-section.style-two .parallax-icon .icon-3{
  left: 8% !important;
}

.classes-section.style-two .parallax-icon .icon-7{
  left: 85% !important;
}

.classes-section.style-two .parallax-icon .icon-6{
  left: 90% !important;
}


/** fact-counter **/
.fact-counter{
  position: relative;  
  display: block;
  background: #f5f3f0;
  padding: 30px 0px;  
}

.fact-counter .counter-block{
  position: relative;
  display: block;
  padding: 0px 0px 0px 80px;
}

.fact-counter .counter-block .icon-box{
  position: absolute;
  left: 0px;
  top: 12px;
  font-size: 60px;
  line-height: 60px;
  color: #fff;
}

.fact-counter .counter-block .count-outer span{
  position: relative;
  display: block;
  text-align: center;
  font-size: 60px;
  line-height: 70px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #253b70;
  font-weight: 900;
  margin-bottom: 9px;
}

.fact-counter .counter-block .text{
  position: relative;
  min-height: 50px;
  display: block;
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #ff7162;
  font-weight: 700;  
}


/** activities-section **/

.activities-section{
  position: relative;
  display: block;
  padding: 144px 0px 100px 0px;
}

.activities-section .sec-title{
  margin-bottom: 12px;
}

.activities-section .title-box{
  margin-bottom: 65px;
}

.activities-section .inner-box .single-item{
  position: relative;
  display: block;
  margin-bottom: 45px;
}

.activities-section .inner-box .single-item .icon-box{
  position: relative;
  display: inline-block;
  font-size: 65px;
  line-height: 65px;
  color: #fbb419;
  margin-bottom: 22px;
}

.activities-section .inner-box .single-item .icon-box:before {
  position: absolute;
  content: '';
  background: url(../images/icons/icon-3.png);
  width: 65px;
  height: 70px;
  right: -30px;
  top: -2px;
  background-repeat: no-repeat;
  transition: all 500ms ease;
}

.activities-section .inner-box .column:nth-child(2) .single-item .icon-box:before{
  position: absolute;
  content: '';
  background: url(../images/icons/icon-5.png);
  width: 63px;
  height: 72px;
  right: -30px;
  top: -2px;
  background-repeat: no-repeat;
}

.activities-section .inner-box .column:nth-child(3) .single-item .icon-box:before{
  position: absolute;
  content: '';
  background: url(../images/icons/icon-2.png);
  width: 64px;
  height: 70px;
  right: -30px;
  top: -2px;
  background-repeat: no-repeat;
}

.activities-section .inner-box .column:last-child .single-item .icon-box:before{
  position: absolute;
  content: '';
  background: url(../images/icons/icon-1.png);
  width: 56px;
  height: 71px;
  right: -30px;
  top: -2px;
  background-repeat: no-repeat;
}

.activities-section .inner-box .column:nth-child(2) .single-item .icon-box{
  color: #b350ff;
}

.activities-section .inner-box .column:nth-child(3) .single-item .icon-box{
  color: #43b3d9;
}

.activities-section .inner-box .column:last-child .single-item .icon-box{
  color: #ff7162;
}

.activities-section .inner-box .single-item:hover .icon-box:before{
  transform: rotate(25deg);
}

.activities-section .image-box{
  position: relative;
  display: block;
  margin-left: 70px;
  margin-top: 225px;
}

.activities-section .image-box .image{
  position: relative;
  display: block;
  float: left;
  background: #fff;
  border-radius: 20px;
  padding: 15px;
  box-shadow: 0 30px 50px rgba(0,0,0,.1);
}

.activities-section .image-box .image:before{
  position: absolute;
  content: '';
  background: #9be9ff;
  height: 290px;
  width: 290px;
  top: -110px;
  right: -110px;
  border-radius: 20px;
  z-index: -1;
}

.activities-section .image-box .image img{
  width: 100%;
  border-radius: 20px;
}

/** contact-section **/

.contact-section{
  position: relative;
}

.contact-section .outer-container{
  position: relative;
  min-height: 350px;
}

.contact-section .outer-container .contact-column{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
  background: #fbb419;
}

.contact-section .outer-container .contact-column .content-box{
  position: relative;
  display: block;
  max-width: 690px;
  width: 100%;
  margin: 0 auto;
  padding: 144px 15px 167px 15px;
}

.contact-section .outer-container .map-column{
  position: relative;
  float: right;
  width: 50%;
}

.contact-section .outer-container .map-column .google-map-area{
  position: relative;
  display: block;
  background: #fff;
}

.contact-section .outer-container .map-column .google-map-area #contact-google-map{
  position: relative;
  display: block;
  width: 100%;
  height: 800px;
}

.contact-section .outer-container .contact-column .sec-title{
  position: relative;
  display: block;
  margin-bottom: 40px;
}

.contact-section .outer-container .contact-column .sec-title h5,
.contact-section .outer-container .contact-column .sec-title h1{
  color: #fff;
}

.contact-section .outer-container .contact-column .sec-title h5:before{
  background: #fff;
}

.contact-section .outer-container .contact-column .form-group{
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.contact-section .outer-container .contact-column .form-group:last-child{
  margin-bottom: 0px;
}

.contact-section .outer-container .contact-column .form-group input[type='text'],
.contact-section .outer-container .contact-column .form-group input[type='email'],
.contact-section .outer-container .contact-column .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  background: #fcc753;
  border: 3px solid #fcc753;
  border-radius: 20px;
  padding: 10px 15px;
  font-size: 15px;
  color: #fff;
  transition: all 500ms ease;
}

.contact-section .outer-container .contact-column .form-group input:focus,
.contact-section .outer-container .contact-column .form-group textarea:focus{
  border-color: #ff7162;
}

.contact-section .outer-container .contact-column .form-group textarea{
  height: 170px;
  resize: none;
  margin-bottom: 30px;
}

.contact-section .outer-container .contact-column .form-group input::-webkit-input-placeholder,
.contact-section .outer-container .contact-column .form-group textarea::-webkit-input-placeholder{
  color:#fff;
}

.contact-section .outer-container .contact-column .form-group .theme-btn{
  background: #fff;
  color: #2b3c6b !important;
}

.contact-section .outer-container .contact-column .form-group .theme-btn:hover{
  color: #fff !important;
}



/*** 

====================================================================
                        About-Page
====================================================================

***/

/* page-title */

.page-title{
  position: relative;
  display: block;
  width: 100%;
  padding: 143px 0px 148px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.page-title:before{
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.page-title .content-box h1{
  position: relative;
  display: block;
  font-size: 50px;
  line-height: 60px;
  color: #fff;
  font-weight: 900;
  margin-bottom: 23px;
}

.page-title .content-box .bread-crumb li{
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 26px;
  font-weight: 600;
  color: #ff7162;
  padding-right: 16px;
  margin-right: 5px;
}

.page-title .content-box .bread-crumb li:before{
  position: absolute;
  content: '/';
  font-size: 17px;
  color: #fff;
  top: 0px;
  right: 0px;
  font-weight: 400;
}

.page-title .content-box .bread-crumb li:last-child:before{
  display: none;
}

.page-title .content-box .bread-crumb li:last-child{
  padding: 0px;
  margin: 0px;
}

.page-title .content-box .bread-crumb li a{
  color: #fff;
}

.page-title .content-box .bread-crumb li a:hover{
  color: #ff7162;
}


/** about-style-two **/

.about-section.style-two{
  position: relative;
  padding: 150px 0px 215px 0px;
}

.about-section.style-two .image-box{
  margin: 0px 0px 0px 220px;
}

.about-section.style-two .image-box:before{
  display: none;
}

.about-section.style-two .image-box .image-2{
  left: -185px;
  bottom: -245px;
}

.about-section.style-two .content-box{
  margin-top: 60px;
}

.our-teachers.about-page{
  background: #f2f0eb;
}



/*** 

====================================================================
                        Faq-Page
====================================================================

***/

.faq-page-section{
  position: relative;
  display: block;
  padding: 144px 0px 150px 0px;
}

.faq-page-section .accordion-box .block:nth-child(3){
  border-color: #ff7162;
}

.faq-page-section .accordion-box .block:nth-child(4){
  border-color: #b350ff;
}

.faq-page-section .accordion-box .block:last-child{
  border-color: #7379fe;
}

.faq-page-section .content-box .sec-title{
  margin-bottom: 32px;
}

.faq-page-section .content-box .text p{
  position: relative;
  display: block;
  margin-bottom: 26px;
}

.faq-page-section .faq-content{
  margin-top: 6px;
  height: 680px;
}

.faq-page-section .anim-icon .icon-1 {
  background: url(../images/icons/anim-icon-13.png);
  width: 265px;
  height: 400px;
  left: 350px;
  bottom: -70px;
  background-repeat: no-repeat;
  z-index: 1;
}

.faq-page-section .accordion-box .block:nth-child(3) .acc-btn.active h4, 
.faq-page-section .accordion-box .block:nth-child(3) .acc-btn.active .icon-outer {
  color: #ff7162;
}

.faq-page-section .accordion-box .block:nth-child(4) .acc-btn.active h4, 
.faq-page-section .accordion-box .block:nth-child(4) .acc-btn.active .icon-outer {
  color: #b350ff;
}

.faq-page-section .accordion-box .block:last-child .acc-btn.active h4, 
.faq-page-section .accordion-box .block:last-child .acc-btn.active .icon-outer {
  color: #7379fe;
}


/** contact-style-two **/

.contact-style-two{
  position: relative;
  display: block;
  background: #f0ede7;
}

.contact-style-two .form-area .form-group{
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.contact-style-two .form-area .form-group:last-child{
  margin-bottom: 0px;
}

.contact-style-two .form-area .form-group input[type='text'],
.contact-style-two .form-area .form-group input[type='email'],
.contact-style-two .form-area .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  background: #fff;
  border: 3px solid #fff;
  font-size: 15px;
  color: #2b3c6b;
  padding: 10px 15px;
  border-radius: 20px;
  transition: all 500ms ease;
}

.contact-style-two .form-area .form-group textarea{
  height: 170px;
  resize: none;
  margin-bottom: 30px;
}

.contact-style-two .form-area .form-group input:focus,
.contact-style-two .form-area .form-group textarea:focus{
  border-color: #ff7162;
}

.contact-style-two .form-area .form-group input::-webkit-input-placeholder,
.contact-style-two .form-area .form-group textarea::-webkit-input-placeholder{
  color:#2b3c6b;
}

.contact-style-two .sec-title{
  margin-bottom: 40px;
}



/*** 

====================================================================
                        Error-Page
====================================================================

***/


.error-section{
  position: relative;
  padding: 150px 0px;
}

.error-section .content-box h1{
  position: relative;
  display: block;
  font-size: 200px;
  line-height: 150px;
  color: #ff7162;
  font-weight: 700;
  margin-bottom: 15px;
}

.error-section .content-box h2{
  position: relative;
  display: block;
  font-size: 44px;
  line-height: 52px;
  color: #2b3c6b;
  font-weight: 600;
  margin-bottom: 21px;
}

.error-section .text a{
  color: #ff7162;
}

.error-section .text a:hover{
  text-decoration: underline;
}

.classes-page-section{
  position: relative;
  padding: 150px 0px 120px 0px;
}

.classes-page-section .inner-block{
  margin-bottom: 30px;
}

.classes-section .block-column:nth-child(3) .inner-block .lower-content .link-btn a{
  background: #ff7162;
}

.classes-section .block-column:nth-child(4) .inner-block .lower-content .link-btn a{
  background: #b350ff;
}

.classes-section .block-column:nth-child(5) .inner-block .lower-content .link-btn a{
  background: #ff689d;
}

.classes-section .block-column:last-child .inner-block .lower-content .link-btn a{
  background: #43b3d9;
}

.class-details{
  position: relative;
  display: block;
  padding: 144px 0px 143px 0px;
}

.class-details .inner-box .info-box{
  position: relative;
  display: block;
  background: url(../images/icons/info-bg.png);
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
  padding: 27px 30px 23px 30px;
}

.class-details .inner-box .info-box li{
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 55px;
}

.class-details .inner-box .info-box li:last-child{
  margin-right: 0px;
}

.class-details .inner-box .info-box li h6{
  position: relative;
  display: block;
  font-size: 15px;
  line-height: 20px;
  color: #bdc1ce;
  font-weight: 500;
}

.class-details .inner-box .info-box li h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
  font-weight: 700;
}

.class-details .inner-box .info-box li .thumb-box{
  position: absolute;
  left: 0px;
  top: -5px;
  width: 55px;
  height: 55px;
  overflow: hidden;
  border-radius: 50%;
}

.class-details .inner-box .info-box li .thumb-box img{
  width: 100%;
  border-radius: 50%;
}

.class-details .inner-box .info-box li:first-child{
  padding: 0px 0px 0px 73px;
}

.class-details .inner-box .sec-title{
  margin-bottom: 33px;
}

.class-details .inner-box .bold-text{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #2b3c6b;
  margin-bottom: 73px;
}

.class-details .inner-box .info-box li:first-child:before,
.class-details .inner-box .info-box li:nth-child(2):before{
  position: absolute;
  content: '';
  border: 1px dashed #59688e;
  width: 1px;
  height: 35px;
  top: 15px;
  right: -25px;
}

.class-details .inner-box .upper-content{
  position: relative;
  display: block;
  margin-bottom: 72px;
}

.class-details .inner-box .lower-content h3{
  position: relative;
  display: block;
  font-size: 30px;
  color: #2b3c6b;
  line-height: 40px;
  font-weight: 900;
  margin-bottom: 23px;
}

.class-details .inner-box .lower-content .text p{
  position: relative;
  display: block;
  margin-bottom: 26px;
}

.class-details .inner-box .lower-content .image-box{
  position: relative;
  display: block;
  margin-bottom: 67px;
  padding-top: 47px;
}

.class-details .inner-box .lower-content .image-box img{
  width: 100%;
}

.class-details .class-details-content{
  position: relative;
  display: block;
  margin-right: 20px;
}

.class-details .inner-box .lower-content .list li{
  position: relative;
  display: block;
  margin-bottom: 5px;
  padding: 0px 0px 0px 17px;
}

.class-details .inner-box .lower-content .list li:before{
  position: absolute;
  content: '';
  background: #ff7162;
  height: 6px;
  width: 6px;
  left: 0px;
  top: 12px;
  border-radius: 50%;
}

.class-details .inner-box .lower-content .list li:last-child{
  margin-bottom: 0px;
}

.class-details .inner-box .lower-content .list{
  position: relative;
  display: block;
  padding-top: 8px;
}

.class-details .class-details-sidebar .inner-box{
  position: relative;
  display: block;
  background: #f1efe8;
  padding: 44px 40px 23px 40px;
  border-radius: 20px;
}

.class-details .class-details-sidebar .inner-box h3{
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 30px;
  color: #2b3c6b;
  font-weight: 900;
  margin-bottom: 15px;
}

.class-details .class-details-sidebar .inner-box .text{
  position: relative;
  display: block;
  margin-bottom: 27px;
}

.class-details .class-details-sidebar .inner-box .info-list li{
  position: relative;
  display: block;
  margin-bottom: 19px;
  padding-bottom: 19px;
  border-bottom: 1px dashed #cdccc5;
}

.class-details .class-details-sidebar .inner-box .info-list li:last-child{
  border: none;
  margin-bottom: 0px;
}

.class-details .class-details-sidebar .inner-box .info-list li h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #2b3c6b;
  font-weight: 700;
}

.class-details .class-details-sidebar .inner-box .info-list li span{
  position: relative;
  display: block;
  font-size: 18px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  line-height: 26px;
  color: #ff7162;
  font-weight: 700;
}

.contact-info-section{
  position: relative;
  display: block;
}

.contact-info-section .sec-title{
  position: relative;
  display: block;
  margin-bottom: 60px;
}

.contact-info-section .single-info-box .inner-box{
  position: relative;
  display: block;
  background: #fff;
  border-radius: 20px;
  padding: 89px 15px 76px 15px;
  box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
}

.contact-info-section .single-info-box .inner-box .icon-box{
  position: relative;
  display: inline-block;
  font-size: 60px;
  line-height: 60px;
  color: #fbb419;
  font-weight: 400;
  margin-bottom: 33px;
}

.contact-info-section .single-info-box:hover .inner-box .icon-box:before{
  transform: rotate(25deg);
}

.contact-info-section .info-column:nth-child(2) .single-info-box .inner-box .icon-box{
  color: #43b3d9;
}

.contact-info-section .info-column:last-child .single-info-box .inner-box .icon-box{
  color: #ff7162;
}

.contact-info-section .single-info-box .inner-box .icon-box:before{
  position: absolute;
  content: '';
  background: url(../images/icons/icon-3.png);
  width: 65px;
  height: 70px;
  right: -20px;
  top: -10px;
  background-repeat: no-repeat;
  transition: all 500ms ease;
}

.contact-info-section .info-column:nth-child(2) .single-info-box .inner-box .icon-box:before{
  position: absolute;
  content: '';
  background: url(../images/icons/icon-2.png);
  width: 64px;
  height: 70px;
  right: -20px;
  top: -10px;
  background-repeat: no-repeat;
  transition: all 500ms ease;
}

.contact-info-section .info-column:last-child .single-info-box .inner-box .icon-box:before{
  position: absolute;
  content: '';
  background: url(../images/icons/icon-1.png);
  width: 56px;
  height: 71px;
  right: -20px;
  top: -10px;
  background-repeat: no-repeat;
  transition: all 500ms ease;
}

.contact-info-section .single-info-box .inner-box .text{
  position: relative;
  display: block;
  font-size: 17px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
}

.contact-info-section .single-info-box .inner-box .text a{
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 26px;
  color: #848484;
  font-weight: 400;
}

.contact-info-section .single-info-box .inner-box .text a:hover{
  color: #ff7162;
}

.contact-info-section .single-info-box .inner-box h3{
  margin-bottom: 29px;
}

/** contact-form-section================================================= **/

.contact-form-section{
  position: relative;
  display: block;
  background: #f0ede7;
}

.contact-form-section .sec-title{
  position: relative;
  display: block;
  margin-bottom: 40px;
}

.contact-form-section .contact-form .form-group{
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.contact-form-section .contact-form .form-group:last-child{
  margin-bottom: 0px;
}

.contact-form-section .contact-form .form-group input[type='text'],
.contact-form-section .contact-form .form-group input[type='email'],
.contact-form-section .contact-form .form-group textarea{
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  background: #fff;
  border: 3px solid #fff;
  border-radius: 20px;
  padding: 10px 20px;
  font-size: 15px;
  color: #2b3c6b;
  transition: all 500ms ease;
}

.contact-form-section .contact-form .form-group textarea{
  height: 170px;
  resize: none;
  margin-bottom: 30px;
}

.contact-form-section .contact-form .form-group input:focus,
.contact-form-section .contact-form .form-group textarea:focus{
  border-color: #ff7162;
}

.contact-form-section .contact-form .form-group input::-webkit-input-placeholder,
.contact-form-section .contact-form .form-group textarea::-webkit-input-placeholder{
  color:#2b3c6b;
}

/*footer========================================================================*/
footer{	
	bottom: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-height:800px){
	footer { position: static; }
	header { padding-top:40px; }
}
.footer-distributed{
	background-color:#732323;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;
	padding: 50px 30px 40px 30px;
  
	
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left{
	width: 25%;
 }
/* Footer links */

.footer-distributed .footer-links{
	color:  #ffffff;
	margin: 20px 0 12px;
}
.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}
.footer-distributed .footer-company-name{
	color:  #ffffff;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
}
/* Footer Center */
.footer-distributed .footer-center{
	width: 30%; 
}
.footer-distributed .footer-center i{
	background-color:  #33383b;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
  }
.footer-distributed .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}
.footer-distributed .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}
.footer-distributed .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}
.footer-distributed .footer-center p a{
	color:  #ffffff;
	text-decoration: none;;
}
/* Footer Right */
.footer-distributed .footer-right{
	width: 30%;
}
.footer-distributed .footer-company-about{
	line-height: 20px;
	color:  #92999f;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}
.footer-distributed .footer-company-about span{
	display: block;
	color:  #ffffff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer-distributed .footer-icons{
	margin-top: 25px;
}

.footer-distributed .footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #33383b;
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 3px;
	margin-bottom: 5px;
}

@media (max-width: 880px) {

  footer{   
    display: flex;
    flex-direction: column;    
  }
	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}

	.footer-distributed .footer-center i{
		margin-left: 0;
	}

}

/** gallery-section ====================================================**/

.gallery-section{
  position: relative;
  display: block;
  background: #f2eee9;
  padding-left: 100px;
  padding-right: 100px;
}
.gallery-section-ikki{
  position: relative;
  display: block;
  background: white;
  padding-left: 100px;
  padding-right: 100px;
}

.gallery-section .sec-title{
  position: relative;
  display: block;
  margin-bottom: 60px;
}

.gallery-block{
  position: relative;
}

.gallery-block .image-box{
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.gallery-block .image-box .image{
  position: relative;
}

.gallery-block .image-box .image img{
  display: block;
  width: 100%;
  height: auto;
}

.gallery-block .overlay-box{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  background-color: rgba(33, 47, 84, 0.5);
  content: "";
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
}

.gallery-block .image-box:hover .overlay-box{
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}

.gallery-block .overlay-box a{
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  height: 70px;
  width: 70px;
  font-size: 20px;
  background-color: #ff7162;
  color: #ffffff;
  font-weight: 700;
  border-radius: 50%;
  font-weight: 400;
  line-height: 70px;
  transform: translate(-50%,-50%);
}

.gallery-block .overlay-box a i{
  position: relative;
  font-weight: 700;
}

.gallery-section .owl-nav,
.gallery-section .owl-dots{
  display: none;
}


/*Bosh_saxifa=======================================================*/
.main__text a {
  color: black;
  }
  .main__table {
  width: 92%;
  margin: auto;                                                                                                                                                                                                                                                                
  border-spacing: 0;
  } 
  .main__table tr:nth-child(2n)   
  { background-color:#fee5e5}  
  .main__table tr:nth-child(2n+1) 
  { background: #ffd7d7;} 
  .main__table tr:hover
   { background:#c18888;}
  
  .main__table td {
  border: 1px solid black;  
  text-align: center;  
  padding: 10px; 
  color: #000;                                                                                                                                                                                                                                                           
  } 
  .main__table td:nth-child(2)  {
  border: 1px solid black;  
  text-align: left; 
  } 
  .main__table th {
  border: 1px solid black;  
  text-align: center; 
  color: #000;
  }
  .main__table p {
    border: 1px solid black;   
  }
  /*ota-onalar*/
  /*ota_onalar_uchun===============================================*/
.ota_onalar_matn {
  width: 100%;
  min-height: 60px;    
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
}
.ota_onalar_matn_1{
  width: 50%;
  padding: 0 15px;
}
.ota_onalar_matn_2 {
  width: 50%;
  padding: 0 15px;
}
.ota_ona_lesson {
  width: 100%;
  min-height: 800px;  
  display: flex;
justify-content: space-around;}

.ota_ona_maslaxat {
  width: 50%;
  min-height: 400px;    
  padding: 0 10px;}
.ota_ona_maslaxat img {
  padding: 10px;
  }
.ota_ona_maslaxat1 {
  width: 50%;
  min-height: 400px;    
  padding: 0 10px;
}
.ota_ona_maslaxat1 img {
  padding: 10px;    
}
.floatRight {
  float: right;
   padding: 5px 0 5px 5px;}
.floatLeft {
  float: left; 
  padding: 5px 5px 5px 0;}


  .Ota_onalar_saxifasi {
  width: 100%;   
  display: flex;  
  justify-content: space-around;       
  margin: 20px 0;  
}
.izox {
  font-size: 20px;
  font-weight: 600;
}
.rasmlar_uchun {
  margin: 40px 0 20px 0;  
  display: flex;  
}
.rasmlar_uchun img {
  margin: 15px 0;
}


/*ota_onalar_uchun_ena===============================================*/
/*bosh_saxifa_bulimlar_sektori=======================================================*/
.bulimlar_1 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.bulim_1 {
  width:18.0% ;
  min-height: 200px;
  border:3px solid #732323;
  border-radius: 30px;
}
.bulimlar_1 h3 {
  font-size: 20px;
  min-height: 60px;
  margin: 0 10px;
}
.bulim_logo {
  display: flex;
  justify-content: center;
  width: 130x;
  height: 130px; 
  margin: 15px 0;
}
/*bulimlar_saxifasi=======================================================*/
.bulimlar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
.team {
  min-height: 515px;
  display:flex;
  flex-direction: column;       
  border:3px solid #732323;
  padding: 10px;
  margin: 20px 0 30px 0;
  border-radius: 15px;}

/*team*/
.team__photo {
  display:block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:20px ;
  border: 2px solid #732323;
}
.team__name {
  margin-bottom: 4px;
  font-size: 22px;
  color:#2d3033;
  text-align: center;
  font-weight: 600;
}
.team__name_2 {
  margin-bottom: 4px;
  font-size: 18px;
  color:#2d3033;
  text-align: center;
  font-weight: 600;
}
.team__prof_1 {    
  margin-bottom: 5px;
  min-height: 40px;  
  text-align: left;

}
.team__prof_2 {    
  margin-bottom: 5px;
  min-height: 20px;    
  text-align: left;
}
.team__prof_3 {    
  margin-bottom: 5px;
  min-height: 60px;    
  text-align: left;
}

/*Uquvchilar_uchun*/

.uquvchiuchun {
  width: 80%;
  min-height: 600px;   
  flex-direction: row;
  margin-left: 10px;}  

.uquvchiuchun3 {
  width: 97%;
  margin: auto;
  min-height: 600px;       
  margin-left:20px;}  

.uquvchilarmaslahat a{
  color: #000;       
}
.uquvchilarmaslahat a:hover{
  color: #512860;   
  text-decoration: underline;    
}
.yuqori_2 {
  width: 100%;      
  }
.turlar {
  width: 100%;
  min-height: 10px;
  display: flex;    
  flex-direction: row;  
  margin: auto;  
}
.turlar_1 {
  width: 60%;}    

.turlar_2 {
  width: 40%;   
}
.uquvchi_matn2 {
width: 97%;
min-height: 800px;
display: flex;
flex-direction: column;
margin:0 20px;
}
.uquvchi_maslaxat {
  width: 50%;
  min-height: 400px;    
  padding: 0 10px;}

.uquvchi_matn {
    width: 100%;
    min-height: 200px;
    margin: auto;
    display: flex;    
    } 

.ukuvchi {
  width: 97%;
  margin: 0 20px;  
  display: flex; 
  flex-direction:row;
}

.ukuvchi_rasm {
  width: 20%;
  height: 160px;   
  border-radius: 15px; 
}
.ukuvchi_rasm img {
  width: 100%;
  height: 100%;
  border-radius: 15px; 
}

.ukuvchi_text {
  width: 75%;
  min-height: 100px;
  padding:0 0 20px 20px;    

}/**/
.gallery-image {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
}

.gallery-image img {
  height: 300px;
  width: 420px;
  transform: scale(1.0);
  transition: transform 0.4s ease;
  border: 10px solid white;
}
.gallery-image p {
  text-align: left;
  text-indent: 60px;
}
.gallery-text  {  
  text-align: justify;
  font-size: 16px;  
  padding: 15px;
  font-weight: 600;
}
.img-box {
  box-sizing: content-box;
  margin: 10px;
  height: 300px;
  width: 420px;
  overflow: hidden;
  display: inline-block;
  color: white;
  position: relative;
  background-color: white;
}
.transparent-box {
  height: 300px;
  width: 420px;
  background-color:rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  transition: background-color 0.3s ease;
  border: 3px solid white;
}

.img-box:hover img { 
  transform: scale(1.1);
}

.img-box:hover .transparent-box {
  background-color:rgba(0, 0, 0, 0.5);
}

.img-box:hover .caption {
  transform: translateY(-20px);
  opacity: 1.0;
}

.img-box:hover {
  cursor: pointer;
}

.caption > p:nth-child(2) {
  font-size: 0.8em;
}

.opacity-low {
  opacity: 0.5;
}
.tepa_blok {
  width: 100%;
  height: 15px;  
}
/*Maktab_kursatkichlariga==============================*/
.gallery-image_2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.kursatkich {  
  display: flex;
  flex-direction: column;   
  margin: 20px 0;
}

.kursatkich_nomi {  
  margin: 10px;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  min-height: 70px;  
  line-height: 30px;
  font-family: 'M PLUS Rounded 1c', sans-serif;
}
.gallery-image_2 img {
  height: 340px;
  width: 480px;
  transform: scale(1.0);
  transition: transform 0.4s ease;
 
}
.img-box_2 {
  box-sizing: content-box;
  margin: 10px;
  height: 340px;
  width: 480px;
  overflow: hidden;
  display: inline-block;
  color: white;
  position: relative;
  background-color: white;
}
.img-box_2:hover {
  cursor: pointer;
}
.img-box_2 p {
  font-size: 18px;
  font-weight: 600;
  margin: 15px;
}

.kursatkich_3 {
  width: 96%;
  display: flex;
  flex-direction: column;   
  margin: 20px 0;
  
}
.gallery-image_3 img {
  height: 250px;
  width: 900px;
  transform: scale(1.0);
  transition: transform 0.4s ease;
  margin: 0 auto;
 
}
.img-box_3 {
  box-sizing: content-box;
  margin: 10px;
  height: 250px;
  width: 900px;
  overflow: hidden;
  display: inline-block;
  color: white;
  position: relative;
  background-color: white;  
  margin: auto ;
}
.img-box_3:hover {
  cursor: pointer;
}
.img-box_3 p {
  font-size: 18px;
  font-weight: 600;
  margin: 15px;
}
/*Davlat_ramzlari===========================================*/
.Dramz { width: 95%;
  min-height: 1200px;
  display: flex;    
  flex-direction: column;    
  margin-left: 20px;
 
}
.Gerb {
  width: 100%;
  min-height: 100px;
  flex-direction: column;       
  
}
.bayroq {
  text-align: center;
  text-indent: 0;}
.gerb2 {
  text-align: center;
  text-indent: 0;
}
.ramz1 {   
  font-family: Arial, Helvetica, sans-serif;
  font-size: 26px;
  color: darkblue;
  text-align: center;
  text-transform: uppercase;
}
.ramz3 {
  text-align: center;
  font-size: 18px;
  color: darkblue;
  font-family: Arial, Helvetica, sans-serif;    
  
}
.ddd {
  width: 100%;
  min-height: 100px;
  display: flex;
  flex-direction: row;  
}
.gimn_1, .gimn_2 {
  width: 50%;
  display: flex;  
}
.gimn_1 {
  padding-left: 100px;
}
.gimn_2 {
  padding-left: 50px;
}
.gimn2 {
  text-indent: 0;
  text-align: center;    
}

.ramz5 {
  text-align: center;    
  }
.ramz5_2 {
  visibility: hidden;
}
.gimn_musiqa {
  margin: 30px 0;
}
/*banner1_ramzlar end*/

/*Konstitutsiya*/

.saxifanomi p{
  text-transform: uppercase;      
  font-size: 32px;
  text-align: center;
  font-family: 'M PLUS Rounded 1c', sans-serif; 
  color: #2b3c6b;
  font-weight: 900;
  line-height: 35px;
  margin: 15px 0;}



  .saxifanomi2 p{
    text-transform: uppercase;      
    font-size: 24px;
    text-align: center;
    font-family: 'M PLUS Rounded 1c', sans-serif; 
    color: #2b3c6b;
    font-weight: 900;    
    margin: 15px 0;}
  






  .sektornomlari {
    width: 100%;
    display: flex;
    flex-direction: column;
    
    justify-content: center;
  }


  .sektornomlari1  {
    width: 100%;   
    text-align: center;
    margin: auto;
  } 

  .sektornomlari1 p {  
    font-size: 20px;
    text-align: center;
    font-family: 'M PLUS Rounded 1c', sans-serif; 
    color: #ff7162;
    font-weight: 900;
    line-height: 35px;
    margin-top: 15px;}
    
   
    .sektornomlari2 p{  
  font-size: 36px;
  text-align: center;
  font-family: 'M PLUS Rounded 1c', sans-serif; 
  color: #2b3c6b;
  font-weight: 900;
  line-height: 35px;
  margin: 15px 0 25px 0;
  }
  .sektornomlari3 p{  
    font-size: 42px;
    text-align: center;
    font-family: 'M PLUS Rounded 1c', sans-serif; 
    color: #ff7162;
    font-weight: 900;
    line-height: 35px;
    margin: 15px 0 25px 0;
    }
  



    








.konsth0 {
  text-transform: uppercase;      
  font-size: 36px;
  text-align: center;
  color: #4d59a1;
  font-weight: 900;
  line-height: 35px;
}

.konsth1 {
  text-transform: uppercase;      
  font-size: 32px;
  text-align: center;
  color: #4d59a1;
  font-weight: 600;
}
.konsth2 {
  text-transform: uppercase;      
  font-size: 24px;
  text-align: center;
  color: green;
  font-weight: 600;
}
.konsth3 {
  font-size: 20px;
  text-align: left;
  color:red;
  margin-left: 40px;
  font-weight: 600;
}
.accordion {
  width: 97%;
  display: block;
  font-size: inherit;
  margin: 0px;
  position: relative;
  margin: auto;
  }
  .accordion input {
  display: none;
  position: absolute;
  visibility: hidden;
  left: 50%;
  top: 50%;
  z-index: 1;
  }
  
  .accordion__header {
  width: 100%;
  background-color: #ffffff;  
  border-bottom: 1px solid #CFD8DC;
  color: black;
  cursor: pointer;
  transition: background 0.2s;
  padding: 35px;
  position: relative;
  z-index: 2;
  }
  .accordion__header:hover:before, .accordion__header:hover:after {
  background-color: white;
  }
  .accordion__header:before, .accordion__header:after {
  background-color: rgb(0, 0, 0);
  content: '';
  display: block;
  position: absolute;
  z-index: 3;
  }
  .accordion__header:before {
  height: 2px;
  margin-top: -1px;
  top: 50%;
  right: 20px;
  width: 8px;
  
  }
  .accordion__header:after {
  height: 8px;
  margin-top: -4px;
  top: 50%;
  right: 23px;
  width: 2px;
  }
  .accordion input:checked ~ .accordion__header {
  background: #ffffff;
  
  color: rgb(0, 0, 0);
  }
  .accordion input:checked ~ .accordion__header:hover {
  background-color: #ffffff;
  
  color: rgb(0, 0, 0);
  }
  .accordion input:checked ~ .accordion__header:before {
  background-color: white;
  }
  .accordion input:checked ~ .accordion__header:after {
  display: none;
  }
  .accordion:first-child .accordion__header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  }
  .accordion:last-child .accordion__header {
  border-bottom-width: 1px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  }
  .accordion:last-child input:checked ~ .accordion__header {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  }
  .accordion__content {
  background-color: white;  
  border-width: 0px 1px;
  display: none;
  padding: 30px;
  }
  .accordion input:checked ~ .accordion__content {
  display: block;
  }
  .accordion:last-child .accordion__content {
  border-bottom-width: 1px;
  border-radius: 0px 0px 4px 4px;
  }
   .local_table {
      width: 70%;
      text-align: center;
      border-spacing: 0;
      margin:auto;
      
    }
    .local_table td, th {
      border: 1px solid black;      
      padding:5px;
    }
    .local_table  td {
        text-align: center;
    }
    /*meyoriy_huquqiy_hujjatlar======================================*/
.hujjatlaruchun  {
  font-size: 32px;
  text-align: center;
  font-weight: 600;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #253b70;
  margin: 15px;
  line-height: 35px;
  text-transform: uppercase;
}
.hujjatlaruchun_1  {
  font-size: 25px;
  text-align: center;
  font-weight: 600;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #253b70;
  margin: 15px;
  line-height: 30px;
  text-transform: uppercase;  
}
.hujjat {
  max-width: 1200px;
  min-height: 500px;
  margin: auto;   
  background:white;
  padding:  0 30px 30px 30px;      
}
.hujjat_ruyxat li {  
  text-indent: 40px;    
  font-weight: 500;
  list-style-position: inside;    
  text-align: justify;
  margin: 15px;
}
.hujjat_ruyxat a {
  font-size: 16px;
  line-height: 1.5;    
  color: #000;   
  font-weight: 600;  
}
.hujjat_ruyxat a:hover{
  text-decoration: underline;
  color: darkblue;
}
.hujjatuchun {
  text-align: center;
  text-indent: 0;
  margin-top: 50px;    
}
.qonunmodda {
  margin: 15px 0;
  font-weight: 600;
}
.qonunmodda2 {
  text-align: center;
  font-weight: 600;
  margin: 15px 0;
}
.tekst_sprava, .tekst_sprava_2 {  
  display: flex;
  justify-content: end;
  text-align: right;
  margin-top: 15px;
  font-size: 16px;
  font-weight: 600;
  
}   
.tekst_sprava_2{
  width: 90%;
  margin-left: 50px;
  }  
  .tekst_sleva{
    width: 50%;
    display: flex;
    justify-content: start;
    text-align: center;
    margin-left: 45px;    
    font-size: 12px;
    font-weight: 600;     
    }   
    .tekst_sleva h4{            
      font-size: 16px;
      font-weight: 600;  
      }   

    
      .ilovaga {
      width: 40%;
      display: flex;   
      margin-left: 55%;
      
      font-size: 16px;
      font-weight: 600;
      
    }
    .ilovaga h4{
      font-size: 16px;
      font-weight: 600;
      
    }

    .container_10 {
      margin: 30px 0;
    }


    .container_10 h4{
      font-weight: 600;
      margin: 15px 0;
      color:#2b3c6b;
      

    }

  .table_qaror {
      width: 100%;
      min-height: 100px;    
      border-collapse: collapse;
      margin: auto;    
      margin: 10px 0;

  }
  .table_qaror td {
      border: 1px solid black;
      text-align: center;     
      padding: 5px 5px;
      vertical-align: middle;
  }
  .table_qaror th {
      background-color: #e9e7e7;
      border: 1px solid black;
      text-align: center;    
      padding: 10px 5px;
  }
  .jadvalchap {
    text-align: left;
  }
  .table_qaror_2 {
    width: 60%;    
    min-height: 100px;    
    border-collapse: collapse;
    margin: auto;    
    margin: 10px 0;
}
.table_qaror_2 td {    
    text-align: center;     
    padding: 5px 5px;
    vertical-align: middle;
    text-align: left;
}
.table_qaror_3 {
  width: 100%;    
  min-height: 100px;    
  border-collapse: collapse;
  margin: auto;    
  margin: 10px 0;
}
.table_qaror_3 tr {    
  background-color: white;
}
.table_qaror_3 td {    
  text-align: left;     
  padding: 5px 5px;
  vertical-align: middle;      
  background-color: white;
}
.table_qaror_4 {
  width: 100%;    
  min-height: 100px;    
  border-collapse: collapse;
  margin: auto;    
  margin: 10px 0;
  border:1px solid black;
}
.table_qaror_4 td {    
  text-align: center;     
  padding: 5px 5px;
  vertical-align: middle; 
  border:1px solid black; 
}
.table_qaror_4 td:nth-child(2) {
  text-align: left;     
} 
/*meyoriy_huquqiy_hujjatlar_end=====================================*/
/*xlebniye_kroshki===================================================*/


.qushnoni ul{
  margin-top: 20px;
  padding:0 40px 0 40px;
  list-style: none;
 }
 .qushnoni li {
  display: inline;
  font-size: 16px;
}
.qushnoni li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
.qushnoni li a {
  color: black;
  text-decoration: none;
}
.qushnoni li a:hover {
  color: #01447e;
  text-decoration: underline;
}

.qushnoni2 ul{
  margin-top: 50px;
  padding:0 40px 0 40px;
  list-style: none;
 }

 .qushnoni2 li {
  display: inline;
  font-size: 16px;
}
.qushnoni2 li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
.qushnoni2 li a {
  color: black;
  text-decoration: none;
}
.qushnoni2 li a:hover {
  color: #01447e;
  text-decoration: underline;
}



/*xlebniye_kroshki_end===================================================*/
/*banner2_strategiya*/
.strategiya_content{
  width:96%;
  min-height: 100px;   
  margin: auto;        
  display: flex;
  flex-direction: column;
}
.str1 {
  width:96%;
  min-height: 100px;    
  margin: auto;    
  margin-top: 5px;
  display: flex;
  flex-direction: row;     
}
.str1_1 {
  width: 9%;    
  margin: 5px 0;
  vertical-align: middle;      
} 
.str1_1 img {
  width: 85%;
  height: 85%;    
  margin-left: -30px;
}
.str1_2 {
  width: 91%;    
  margin: 5px;      
}  

.str1_2 h2 {
  font-size: 32px;
  text-align: center;
  font-weight: 900;
  color: #253b70;
  margin: 15px;
  line-height: 35px;
  text-transform: uppercase;
}

/*banner4_strategiya_end*/
/*banner2_5 tashabbus*/
.tash_qator {
  width: 97%;
  min-height: 150px;    
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;    
  margin: 8px 10px;  
}
.tash_1, .tash_2, .tash_3,.tash_4, .tash_5 {
  width: 30%;
  min-height: 100px;   
  display: flex;
  flex-direction: column;
  margin: 10px 10px 3px 10px;
  padding: 5px;
}
.tash_1 {    
  border: 3px solid darkblue;
  border-radius: 10px;      
}
.tash_2 {    
  border: 3px solid red;
  border-radius: 10px;      
}
.tash_3 {    
  border: 3px solid green;
  border-radius: 10px;      
}
.tash_4 {    
  border: 3px solid orange;
  border-radius: 10px;      
}
.tash_5 {    
  border: 3px solid blueviolet;
  border-radius: 10px;      
}
.tash_1 img {
  margin: 0 auto;
}
.tash_2 img {
  margin: 0 auto;
}
.tash_3 img {
  margin: 0 auto;
}
.tash_4 img {
  margin: 0 auto;
}
.tash_5 img {
  margin: 0 auto;
}
.tash_1 p {
  text-align: center;
}
.tash_2 p {
  text-align: center;
}

.tash_3 p {
  text-align: center;
}
.tash_4 p {
  text-align: center;
}
.tash_5 p {
  text-align: center;
}
/*banner2_5 tashabbus_end*/
/*rahbariyat=============================================================*/
.mamuriyat {
  width: 80%;
  min-height: 450px;    
  margin: auto;
  margin-top: 10px;
  display: flex;
  flex-direction:column;  
 
}
.mamuriyat1,.mamuriyat2,.mamuriyat3 {
  width: 100%;
  display: flex;
  flex-direction: column;  
  margin-bottom: 20px;
  }

  .mamuriyat3 {
    width: 100%;
    display: flex;
    flex-direction: column;  
    margin-top: 20px;
    }




  .mamuriyat1 a {
    font-size: 20px;}



.mamuriyat1 {
      z-index:4;
}
.mamuriyat2 {   
  z-index: 3;
}
.mamuriyat3 {
  z-index: 2;
}
.mamuriyat4 {
  z-index: 1;
}
.dir {
  width: 100%;
  min-height: 200px;
  background-color: #f5f5f5;        
  display: flex;
  flex-direction: row;  
  position: relative;    
}
.dir{    
  z-index: 3;
  }
.dir_1 {
  width: 25%;
  min-height: 200px;
  margin: 10px;  
  }
.dir_1 img {
  width:200px ;
  height:267px ;
  display: flex;
  border-radius: 15px;
}
.dir_2 {
  width: 75%;
  height: 200px;  
  display: flex;
  flex-direction: column;
  }
.dir_name_1 {
  width: 97%;
  text-align: center;
  min-height: 30px;  
  font-size: 30px;
  font-weight: 900;  
  margin-top: 30px;
}
.dir_name_2 {
  width: 97%;
  text-align: center;
  min-height: 30px;  
  font-size: 24px;
  font-weight: 600;
  margin-top:  15px;
}
.dir_lavozim_1{
  width: 97%;
  text-align: center;
  min-height: 60px;  
  font-size: 24px;
  font-weight: 600;  
  line-height: 24px;  
  margin-bottom: 15px;
}
.dir_lavozim_2{
  width: 97%;
  text-align: center;
  min-height: 30px;  
  font-size: 24px;
  font-weight: 600;  
  line-height: 24px;  
  margin-bottom: 15px;  
}



.dir_telefon {
  width: 97%;
  text-align: center;
  min-height: 20px;  
  font-size: 24px;    
  font-weight: 600;  
  line-height: 20px;
}


.dir_qabul {
  width: 97%;
  display: flex;
  flex-direction: row;  
  margin: 0 10px; 
}
.dir_qabul_1 {
  width: 40%;
  font-size: 24px;  
  text-align: right;  
  font-weight: 600;
  margin: 10px 0;
  line-height: 24px;
}
.dir_qabul_2 {
  width: 60%;
  font-size: 24px;  
  margin: 10px 0;
  font-weight: 600;  
  line-height: 24px;
}


.biografiya_d {
  width: 100%;
  min-height: 34px;    
  display: flex;   
  z-index: 3;
}
.biografiya_z {
  width: 100%;
  min-height: 34px;    
  display: flex;  
  z-index: 2;
}
.biografiya_1,.biografiya_2 {
  background: #f5f5f5;
  width: 50%;
  height: 34px;     
  z-index: 3;  
}
.spoiler-body_d {
  background: #f5f5f5;  
  width: 200%;
  min-height: 400px;    
  display: none;
  
}
.spoiler-body_d2 {
  background: #f5f5f5;  
  width: 200%;
  min-height: 400px;    
  display: none;
}
.spoiler-body_d1,
.spoiler-body_d2 p {
  margin: 0px 20px;
  text-align: justify;
}
.spoiler-title {  
  background: #f5f5f5;  
  font-size: 20px;    
  text-align: center;
  font-weight: 600;

}
table {
  margin-left: 15px;    
}
table td {border:0px solid;
  font-size: 16px;    
  vertical-align: top;
  padding:3px 3px;  
  text-align: left;   
}
.rahh3 {
  font-size: 1.2em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  color: darkblue;
}

.ochiqjadval{   
  background: transparent; 
}
.card-block {
 
  margin: 20px;
}



/*rahbariyat_end==========================================================*/
/*uquvchilar_xavfsizligi=======================================================*/
.xavfH1{ text-transform: uppercase; 
  text-align: center;   
  font-size: 20px;
  font-weight: 800;
  color:darkblue;      
}

.xavfH2{ text-transform: uppercase; 
  text-align: center;   
  font-size: 18px;
  font-weight: 800;
  color:red;      
}
.xavf1 {
  width: 97%;
  min-height: 500px;
  display: flex;
  flex-direction: column;   
  margin: 10px;
  padding-top: 10px;     
}
.xavfqator {
  width: 97%;
  display: flex;      
  justify-content: space-between;    
  margin: auto;  
  flex-wrap: wrap;
}
.xavf_card {
  width: 15%;
  height: auto;
  margin: 5px; 
  display: flex; 
  flex-direction: column; 
  justify-content: space-between;    
}
.xavf_card img {
  width:100%;
  height:100%;
}
.xavf_card_text {
 text-align: center;
 margin: 5px;   
 min-height: 120px;
}

.xavfqator1 {
  width: 97%;  
  display: flex;   
  justify-content: space-between;   
  margin: auto; 
  margin: 15px 0;     
}

.xavfqator2 {
  width: 100%;
  display: flex;    
  justify-content: space-between;    
  
}
.xavfqator2_1 {
  width: 12.0%;
 
  display: flex;  
  justify-content: space-between;
}
.xavfqator2_1 img {
  width: 100%;
  height: 100%;
}
.xavfqoida1 {
  width: 49%;
  min-height: 100px;   
  margin: 0 15px;  
}

/*ognetushitel*/
.ognetushitel {
  width: 97%;
  min-height: 100px;
  margin: auto;   
  display: flex;
  }

.ognetushitel_1 {
  width: 50%;
  display: flex;
}
.ognetushitel_card{
  width: 44%; 
}
.ognetushitel_text {
  width: 56%;  
  margin: 8px;
}
.xavfsizlikka {
  font-size: 13px;
}
/*uquvchilar_xavfsizligi_end===================================================*/

/*vakant=======================================================================*/
.vakant_joy {
  border-collapse: collapse;
  width: 97%;
  margin: 20px;
}
.vakant_joy td, table th {
  padding: 10px;
  border: 1px solid #000000;
  text-align: center;
}

.vakant_joy  th {
  background-color: #fbcaca;  
}






.vakant_joy tr:nth-child(even){
  background-color: #fce5e5;
} 
    /*mehnat_muhofazasi==========================================================*/
    mfH2{ text-transform: uppercase; 
      text-align: center;   
      font-size: 18px;
      font-weight: 800;
      color:blue;      
  }
  .mf {
      width: 97%;
      min-height: 500px;
      display: flex;
      flex-direction: column;   
      margin: 10px;
      margin: auto;
      padding-top: 10px;
  }
  .mfqator1 {
      width: 100%;
      display: flex;
      margin: 5px 0;
      justify-content: space-between;       
  }
  .mf1 
   { width: 23%;
      min-height: 416px;
      display: flex;  
      justify-content: space-between;
      margin: 7px 7px 2px 7px;         
  }
  .mf img {
      width: 100%;
      height: 100%;}


      .mf1:hover {
        transform: scale(1.5, 1.5);
     }

    /*mehnat_muhofazasi_end==========================================================*/
    /*Dasturlar=====================================================================*/
    .dasturbulim {
      text-align: center;
      font-weight: 900;
      color: rgb(110, 5, 5);      
      font-size: 18px;
      margin: 20px 0;
    }
.dastur {
  width: 100%;
  min-height: 300px;
  display: flex;   
  justify-content: space-between;    
  padding: 15px;    
  }
.dastur1 {
  width: 48%;    
  margin: auto;}
.dastur2 {
  width: 48%;
  }   
  
  .dasturruyxat li {
    text-align: left;
  }




  .dasturruyxat a {
    font-size: 16px;
    line-height: 1.5;    
    color: #000;   
    font-weight: 600;      
  }
  .dasturruyxat a:hover{
    text-decoration: underline;
    color: darkblue;
  }

  
  .dasturruyxat2 a {
    font-size: 16px;
    line-height: 2.2;    
    color: #000;   
    font-weight: 600;  
  }
  .dasturruyxat2 a:hover{
    text-decoration: underline;
    color: darkblue;
  }







  /*ruyxatlar===================================================================*/

.list_galochka li {
  list-style-image: url(..//images/checkbox_03.png);
  margin: 0 0 10px 30px;
  text-indent: 20px;   
  list-style-position: inside;    
}
.list_galochka li a {
  color: #000;
  text-decoration: none;
}

.list_galochka_2 li {
  list-style-image: url(..//images/checkbox_03.png);
  margin-bottom: 15px;
  
  list-style-position: inside;    
}
.list_galochka_2 li a {
  color: #000;
  text-decoration: none;
}
/*banner5_korrupsiya*/
.korrup1 {  
  margin-left: 50px;
  text-indent: 30px;
}

.korrup3 {
  margin: 10px;   
}
.korrup4 {
  width: 98%;
  min-height: 100px;
  margin: 0 10px;   
  display: flex;
  justify-content: space-between;       
}

.content-bottom2 {
  width: 99%;
  min-height: 180px;    
  display: flex;
  flex-wrap: wrap;
  margin:  auto;
  justify-content: space-between;    
  
}
.korrupsiya_rasm {
  width: 20%;
  min-height: 100px;
  display: flex;    
}
.korrupsiya_rasm img {
  width: 270px;
  height: 180px;
}
.norma {
  width: 100%;
  min-height: 100px;
  background: white;    
  padding: 5px;    
 
}
.norma ul li {
  list-style-image: url(../img/checkbox_03..png);
  margin-left: 15px;
  text-indent: 25px;
  list-style-position: inside;
  line-height: 1.5;  
}
.norma ul li a {
  font-size: 16px;
  color: black;
   text-decoration: none;
}

.memorandum {
  width: 96%;
  min-height: 300px;   
  margin: auto;

}
.list_memorandum li {
  list-style-image: url(..//images/checkbox_03.png);
  margin: 0 0 10px 5px;
  text-indent: 20px;   
  list-style-position: inside;    
}
.list_memorandum li a {
  color: #000;
  text-decoration: none;
}

.yangiliklar_qator5 {
  width: 100%;   
  display: flex;
  flex-direction: row; 
  justify-content: space-between;       
  margin: auto;   
}
.yang_qqt_5 {
  width: 24%;  
}
.yang_qqt_5 img {
  width: 100%;
  height: 100%;
}
.yang_qqt_5_title {
  width: 100%;
  min-height: 20%;  
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  padding: 12px 10px;    
}
.yang_qqt_5_title a {
  color: #000;
}
.yang_qqt_5_title a:hover{
  color: darkblue;
  text-decoration: underline;
}



/*yutuqlar=======================================================*/
.bizning_yutuqlar {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.diplom_gallery { 
  display: flex; flex-wrap: wrap; 
  justify-content: space-around;
  gap: 30px; 
  margin-bottom: 15px;}


.diplom_gallery > li { 
 flex-basis: 200px; } 

.diplom_gallery li img { 
object-fit: cover; 
width: 100%; 
height: 100%; 
vertical-align: middle; 
border-radius: 5px; }

.diplom_gallery::after {
content:"";
flex-basis:200px;}




.diplom_gallery_2 { 
  display: flex; flex-wrap: wrap; 
  justify-content:space-around; 
  gap: 30px;
  margin: 30px 0;
} 
.diplom_gallery_2 > li { 
 flex-basis: 250px; /* width: 350px; */ } 

.diplom_gallery_2 li img { 
object-fit: cover; 
width: 100%; 
height: 100%; 
vertical-align: middle; 
border-radius: 5px; }
.diplom_gallery_2::after {
content:"";
flex-basis:250px;}



.diplom_gallery_5 { 
  display: flex; flex-wrap: wrap; 
  justify-content:space-around; 
  gap: 15px;

} 

.diplom_gallery_5 > li { 
 flex-basis: 220px; /* width: 220px; */ } 

.diplom_gallery_5 li img { 
object-fit: cover; 
width: 100%; 
height: 100%; 
vertical-align: middle; 
border-radius: 5px; }
.diplom_gallery_5::after {
content:"";
flex-basis:220px;}

/**maktab_galereyasi============================================*/

.rasm_qator {
  width: 100%;
  display: flex;
  flex-wrap: wrap; 
  flex-direction: row;  
  padding: 0 10px;    
  justify-content: space-around;   
}
.figure2 {
  margin-bottom: 15px;
}
.rasmlar_uchun p {
  font-size: 16px;
  font-weight:600;

}

/*vaqtincha======================================================*/
.bulim_hayoti_d {
  width: 99%;
  min-height:50px;
  display: flex;
  flex-direction: row; 
  justify-content: space-between;     
  margin: auto;
  margin-bottom: 30px;  
}
.bulim_hayoti_dastur2 {
  width: 50%;
  min-height: 50px;
  display: flex;    
}
.bulim_hayoti_dastur3 {
  width: 32%;
  min-height: 50px;
  display: flex;
 }

  .uq_dast li a {
    font-size: 16px;
    color: #000;    
}
.uq_dast li  {    
    margin-bottom: 10px;
}
.uq_dast li:nth-child(even) {
    list-style-image: url(..//img/nota_1.svg);
    margin: 0 0 10px 0px;   
    list-style-position: inside;
}
.uq_dast li:nth-child(odd) {
  list-style-image: url(..//img/nota_2.svg);
  margin: 0 0 10px 0px;
  list-style-position: inside;}

  /*DK_Afisha_Dars-jadvali*/
.kengash {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 30px;  
}
.kengash_1 {
  width: 30%;
  position: relative;
  text-align: center;
  color: white;  
  margin-top: 30px;
}
.kengash_1  img {
  border-radius: 30px;
}
.centered {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  text-transform: uppercase;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 900;  
  color:#732323;
  line-height: 20px;
}
.centered a:hover {
  
  color:#ff1900;
  
}
.centered_2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  text-transform: uppercase;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 900;  
  color:#732323;
  line-height: 50px;

}

.centered a {
  color:#732323;
  box-shadow: white 0.1;
  text-shadow: -2px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.centered_2  a {

  color:#732323;
  box-shadow: white 0.1;
  text-shadow: -3px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.centered_2  a:hover {
  color:#ff1900;
}


/*direktorlar_kengashi*/
.dirkengash {
  width: 97%;
  min-height: 100px;
  display: flex;
  flex-direction: row;
  justify-content:space-between;   
  flex-wrap: wrap;
  margin: auto;
  margin: 15px;
}
.dirkengash1 {
  width: 19%;
  display: flex;
  flex-direction: column;     
}
.dirkengash1_rasm {
  width: 100%;
  min-height: 65%;    
}
.dirkengash1_rasm img {
  width:100%;
  height: 100%;    
}
.dirkengash_name {
  margin-bottom: 4px;
  font-size: 20px;  
  text-align: center;
  font-weight: 600;
}
.dirkengash_name_2 {
  margin-bottom: 4px;
  font-size: 16px;  
  text-align: center;
  font-weight: 600;
}
.dirkengash_ish {
  text-align: center;  
  margin-bottom: 4px;  
}
.dirkengash_lav {
  text-align: center;
  margin-bottom: 4px;
  }
.dirkengash3 {
  width: 30%;
  display: flex;
  flex-direction: column;   
}
.dirkengash3_rasm {
  width: 100%;
  min-height: 65%;    
}  
.dirkengash1_title {
  width: 100%;
  min-height: 20%;  
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  padding: 12px 5px;
}
/*Darslar_jadvali===========================================*/
.tatil {
  width: 97%;
  height: auto;
  margin: auto;
  margin-bottom: 30px;
  padding-top: 30px;
}
.tatil img {
  width: 100%;
  height: 100%;
}
 /*vremenniy_fayl*/
/**/
.yangilik_batafsil {
  margin-top: 70px;
  display: flex;
  justify-content: end;
}
/*Sayt_xaritasi==============================================*/
.xarita {
  column-count: 2;
  column-gap: 20px;
}
.xarita li {
  margin-left: 30px;
  text-indent: 40px;
  
}
.xarita li a{
color: #000;
line-height: 1.5;
}

/*Bulim_saxifalariga============================================================*/

.bulim_saxifalari {
  margin-top: 45px;
}
.logos-slide {
  animation: 40s slide infinite linear;
}
.logos-slide img {
  width: 300px;
  margin: 0 30px;
  border-radius: 20px;
  transform: skewX(15deg);
  transition: all 0.5s ease;
  cursor: pointer;
  position: relative;
}
.logos-slide img:hover {
  transform: skewX(0);
  transform: scale(1.1);
}
.logos-slide img::before {
  content: attr(data-name);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

@keyframes slide {
  from{
      transform: translateX(0);
  }
  to {
      transform: translateX(-100%);
  }
}

/*vaqtincha======================================================*/
.cards-wrapper {
  display: flex;
  justify-content: center;
}
.card img {
  max-width: 100%;
  max-height: 100%;
}
.card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
  border-radius: 0;
}
.carousel-inner {
  padding: 1em;
}
.carousel-control-prev,
.carousel-control-next {
  background-color: #e1e1e1;
  width: 5vh;
  height: 5vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .card img {
    height: 11em;
  }
}
/*kalendarga=============================================*/



/*vaqtincha============================================2=*/
.carousel {
	margin: 30px auto 60px;
	padding: 0 80px;
}
.carousel .carousel-item {
	text-align: center;
	overflow: hidden;
}
.carousel .carousel-item h4 {
	font-family: 'Varela Round', sans-serif;
}
.carousel .carousel-item img {
	max-width: 100%;
	display: inline-block;
}
.carousel .carousel-item .btn {
	border-radius: 0;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
	background: #a177ff;
	padding: 6px 15px;
	margin-top: 5px;
}
.carousel .carousel-item .btn:hover {
	background: #8c5bff;
}
.carousel .carousel-item .btn i {
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}
.carousel .thumb-wrapper {
	margin: 5px;
	text-align: left;
	background: #fff;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.1);   
}
.carousel .thumb-content {
	padding: 15px;
	font-size: 13px;
}
.carousel-control-prev, .carousel-control-next {
	height: 44px;
	width: 44px;
	background: none;	
	margin: auto 0;
	border-radius: 50%;
	border: 3px solid rgba(0, 0, 0, 0.8);
}
.carousel-control-prev i, .carousel-control-next i {
	font-size: 36px;
	position: absolute;
	top: 50%;
	display: inline-block;
	margin: -19px 0 0 0;
	z-index: 5;
	left: 0;
	right: 0;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: none;
	font-weight: bold;
}
.carousel-control-prev i {
	margin-left: -3px;
}
.carousel-control-next i {
	margin-right: -3px;
}
.carousel-indicators {
	bottom: -50px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 4px;
	border: none;
}
.carousel-indicators li {	
	background: #ababab;
}
.carousel-indicators li.active {	
	background: #555;
}
/*vaqtincha_sayt_xaritasi==============*/
.nav_sxeama {
  margin: 20px auto;
  width: 455px;
  min-height: auto;
}

.nav_sxeama ul {
  position: relative;
  padding-top: 20px; 
}

.nav_sxeama li {
  position: relative;
  padding: 20px 3px 0 3px; 
  float: left;   
  text-align: center;
  list-style-type: none; 
}

.nav_sxeama li::before, .nav li::after{
  content: '';
  position: absolute; 
  top: 0; 
  right: 50%;
  width: 50%; 
  height: 20px;
  border-top: 1px solid #ccc;
}

.nav_sxeama li::after{
  left: 50%;
  right: auto; 
  
  border-left: 1px solid #ccc;
}

.nav_sxeama li:only-child::after, .nav li:only-child::before {
  content: '';
  display: none;
}

.nav_sxeama li:only-child{ padding-top: 0;}
.nav_sxeama li:first-child::before, .nav li:last-child::after{
  border: 0 none;
}

.nav_sxeama li:last-child::before{
  border-right: 1px solid #ccc;
  border-radius: 0 5px 0 0;
}

.nav_sxeama li:first-child::after{
    border-radius: 5px 0 0 0;
}
.nav_sxeama ul ul::before{
  content: '';
  position: absolute; top: 0; left: 50%;
  border-left: 1px solid #ccc;
  width: 0; 
  height: 20px;
}

.nav_sxeama li a{
  display: inline-block;
  padding: 5px 10px;
  
  border-radius: 5px;
  border: 1px solid #ccc;
  
  text-decoration: none;
  text-transform: uppercase;
  color: #ccc;
  font-family: arial, verdana, tahoma;
  font-size: 11px;
}

.nav_sxeama li a:hover, .nav li a:hover+ul li a {
  color: #000;
  background: #c8e4f8;   
  border: 1px solid #94a0b4;
}

.nav_sxeama li a:hover+ul li::after, 
.nav_sxeama li a:hover+ul li::before, 
.nav_sxeama li a:hover+ul::before, 
.nav_sxeama li a:hover+ul ul::before{
  content: '';
  border-color: #94a0b4;
}
/*Rasmlar_galeryasiga======================================*/
.galerya_1 {
  padding: 10px;
}

/*matn uchun==================================================*/
.matn_uchun {
  text-indent: 60px;
  text-align: left;
}