/**
	May 2017
	By s.kerimov@outlook.com
*/
html {position: relative;  min-height: 100%;}
@font-face {
  font-family: 'PTSansPro';
  src: url("../fonts/subset-PTSansPro-Bold.eot");
  src: url("../fonts/subset-PTSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-PTSansPro-Bold.woff2") format("woff2"), url("../fonts/subset-PTSansPro-Bold.woff") format("woff"), url("../fonts/subset-PTSansPro-Bold.ttf") format("truetype"), url("../fonts/subset-PTSansPro-Bold.svg#PTSansPro-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'PTSansPro';
  src: url("../fonts/subset-PTSansPro-Italic.eot");
  src: url("../fonts/subset-PTSansPro-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-PTSansPro-Italic.woff2") format("woff2"), url("../fonts/subset-PTSansPro-Italic.woff") format("woff"), url("../fonts/subset-PTSansPro-Italic.ttf") format("truetype"), url("../fonts/subset-PTSansPro-Italic.svg#PTSansPro-Italic") format("svg");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'PTSansPro';
  src: url("../fonts/subset-PTSansPro-Regular.eot");
  src: url("../fonts/subset-PTSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-PTSansPro-Regular.woff2") format("woff2"), url("../fonts/subset-PTSansPro-Regular.woff") format("woff"), url("../fonts/subset-PTSansPro-Regular.ttf") format("truetype"), url("../fonts/subset-PTSansPro-Regular.svg#PTSansPro-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PTSansPro-Narrow';
  src: url("../fonts/subset-PTSansPro-Narrow.eot");
  src: url("../fonts/subset-PTSansPro-Narrow.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-PTSansPro-Narrow.woff2") format("woff2"), url("../fonts/subset-PTSansPro-Narrow.woff") format("woff"), url("../fonts/subset-PTSansPro-Narrow.ttf") format("truetype"), url("../fonts/subset-PTSansPro-Narrow.svg#PTSansPro-Narrow") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PTSansPro-Narrow';
  src: url("../fonts/subset-PTSansPro-NarrowBold.eot");
  src: url("../fonts/subset-PTSansPro-NarrowBold.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-PTSansPro-NarrowBold.woff2") format("woff2"), url("../fonts/subset-PTSansPro-NarrowBold.woff") format("woff"), url("../fonts/subset-PTSansPro-NarrowBold.ttf") format("truetype"), url("../fonts/subset-PTSansPro-NarrowBold.svg#PTSansPro-NarrowBold") format("svg");
  font-weight: bold;
  font-style: normal; }

/* new fonts here */
@font-face {
  font-family: 'PTSansPro2';
  src: url("../fonts/PTSansPro-Light.eot");
  src: url("../fonts/PTSansPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/PTSansPro-Light.woff") format("woff"), url("../fonts/PTSansPro-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'PTSansPro2';
  src: url("../fonts/PTSansPro-Regular.eot");
  src: url("../fonts/PTSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PTSansPro-Regular.woff") format("woff"), url("../fonts/PTSansPro-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PTSansPro2';
  src: url("../fonts/PTSansPro-Bold.eot");
  src: url("../fonts/PTSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/PTSansPro-Bold.woff") format("woff"), url("../fonts/PTSansPro-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'PTSansPro-Narrow2';
  src: url("../fonts/PTSansPro-Narrow.eot");
  src: url("../fonts/PTSansPro-Narrow.eot?#iefix") format("embedded-opentype"), url("../fonts/PTSansPro-Narrow.woff") format("woff"), url("../fonts/PTSansPro-Narrow.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'PTSansPro-Narrow2';
  src: url("../fonts/PTSansPro-NarrowBold.eot");
  src: url("../fonts/PTSansPro-NarrowBold.eot?#iefix") format("embedded-opentype"), url("../fonts/PTSansPro-NarrowBold.woff") format("woff"), url("../fonts/PTSansPro-NarrowBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
body {padding-bottom: 163px; min-height: 1000px; background: url(../images/bayraq.png) no-repeat right top; background-attachment:fixed; /* font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; font-size:150%; */ font: 14px/20px "PTSansPro2", sans-serif; }
.footer {position: absolute; bottom: 0; width: 100%; background-color: #f5f5f5;}


body > .container { padding: 0 15px;}
/* .container .text-muted { margin: 20px 0;} */
.header{}
.header .logo{vertical-align:middle; height:120px; line-height:120px; }
.header .logo img{max-height:120px; }
.sname{padding:20px 0; text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.15);}
.sname h4{color:#9F2320 }
.sname h3{color:#DC391E; font-weight:bold;}

.root_row{/*padding-left:15px; padding-right:15px;  background:#FFE698; */}

.footer > .container { padding-right: 15px; padding-left: 15px;}

.support{text-align:center; }
.support a {
    display: inline-block;
    margin: 20px auto;
    border-radius: 50%;
    box-shadow: 0 0 10px rgb(255 255 255 / 50%);
    width: 50px;
    height: 50px;
    background: url(../../img/contact.png) no-repeat -50px 0;
    background-size: 150px;
}
.support a:hover {
    box-shadow: 0 0 20px rgb(255 255 255 / 50%);
    background-size: 200px;
    background-position: -75px -6px;
}
dl.edates{display:flex; color:red}
dl.edates dt{padding-right:5px;}
dl.edates dd{}

date.events{display:block;}

p{margin:0;}
code {font-size: 80%;}
span.x5{font-size:5em;}
span.x7{font-size:7em;}
.dl-horizontal.contacts p{padding:0;margin:0;}
.dl-horizontal.contacts dt:not(:first-child), .dl-horizontal.contacts dd{margin-top:20px;}
abbr[data-original-title], abbr[title]{text-decoration:none;}
.req{margin:16px 0; font-size:16px;}

.file-list{margin-bottom:10px;}
.file-icon{display:inline-block; margin-right:5px; }
.file-title{display:inline-block; }
.file-title p{margin:0; padding:0; }

/*contact icon position*/
.fxleft{
	position: fixed !important;
	z-index: 99999999;
	left: 15px;
	bottom: -5px;
}
.fxright{
	position: fixed !important;
	z-index: 99999999;
	right: 15px;
	bottom: -5px;
}

.popup-video:before{content:''; display:block; width:100%; height:100%; position:absolute; background:rgba(0,0,0,.5); transition:.5s;}
.popup-video:hover:before{background:rgba(0,0,0,.3);}
.popup-video:hover:after{color:#fff;}
.popup-video:after{
	content: "\f144";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	position:absolute;
	color:#ccc;
	top:41%;
	left:40%;
	font-size:50px;
	transition:.5s;
}

::selection{text-shadow:none; background-color:rgba(0,0,0,.5); color:#fff;}

.mgn-0{margin:0 !important;}
.mgn-top-0{margin-top:0;}
.mgn-btm-0{margin-bottom:0;}
.mgn-top-16{margin-top:16px;}
.mgn-btm-16{margin-bottom:16px;}
.mt20{margin-top:20px;}
.opt{margin:5px 0 10px 20px;}
.opt label{font-weight:normal; }
.frme{margin-bottom:15px; }
.frme label{margin-bottom:5px; color:#555; }
.frme p{margin-bottom:5px;}

.pdn-top-0{padding-top:0;}
.pdn-btm-0{padding-bottom:0;}
.pdn-top-10{padding-top:10px;}
.pdn-btm-10{padding-bottom:10px;}

.item-center{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.item-right{
	display: flex; 
    flex-wrap: wrap;
    justify-content: flex-end;
}
.item-left{
	display: flex; 
    flex-wrap: wrap;
    justify-content: flex-start;
}

/*form-view olanda file ucun dizayn*/
.frm_file{}
.frm_file .rect{margin:5px; position:relative; }
.frm_file .rect .visual{background-repeat:no-repeat; }

.headings{margin:0; padding:15px 0; }

.map,.map>iframe, .mapd>iframe {width:100% !important; height:300px !important; border:0 !important; }
.share-block {border-top: 1px dotted transparent; padding: 18px 0 0; margin-top: 20px; font-size: 20px; line-height: 30px; text-transform: uppercase;}
.share-block span {display: inline-block;vertical-align: top; font-size:14px; }
.share-list {display: inline-block;vertical-align: middle; list-style:none; margin:0; padding:0; }
.share-list li {float: left;margin: 0 5px;}
.share-list a {display: block;width: 30px;height: 30px;border-radius: 50%;text-align: center; color: #fff !important; background-color: #999;font-size: 15px;line-height: 30px;    -webkit-transition-property: background-color; transition-property: background-color;}

.share-list a.fa-facebook:hover {background-color: #3b5998;}
.share-list a.fa-twitter:hover {background-color: #41abe1;}
.share-list a.fa-pinterest-p:hover {background-color: #bd081c;}
.share-list a.fa-linkedin:hover {background-color: #007ab5;}
.share-list a.fa-google-plus:hover {background-color: #dd5144;}
.share-list a.fa-envelope:hover {background-color: #dcc575;}
/*sehran sil sonra*/
.white-popup {
  position: relative;
  background: #FFF;
  padding: 40px;
  width: auto;
  max-width: 200px;
  margin: 20px auto;
  text-align: center;
}

ul.social{margin:16px 0 20px; padding:0; list-style:none; text-align:right; }
ul.social>li{display:inline-block; }
ul.social>li>a{color:#fff; width:44px; line-height:44px; height:44px; text-align:center; display:block; text-decoration:none; font-size: 24px; margin-left:5px; background:rgba(0,0,0,.1); transition:0.5s; }
ul.social>li>a:hover{background:rgba(0,0,0,.2); }

.foot{background:rgba(0,0,0,.1);}
.copy{margin:16px 0;}
.mnh{min-height:100px;}

.ext_mod{position:relative;}
.ex_ml{position:absolute; z-index:999; width:100%; max-height:300px; overflow-y:auto; display:none; background:#fff; box-shadow:0 3px 5px rgba(0,0,0,.5);}
.ex_ml > div.l_e{cursor:pointer; padding:5px; }
.ex_ml > div.l_e:hover{background:#eee;}



.tabs{margin-bottom:15px; }
.tabs>.tab{cursor:pointer;}
.tabs>.tab:hover,.tabs>.tab.active{font-weight:bold;}
.map{display:none; }
.map.active{display:block; }

.mapsm{height:335px;}
.full_width{width: 100%; position: absolute; left: 0;}


.vid-cont{position:relative;}
.vid-cont:hover> button.playPause{visibility:visible;}
.vid-cont > button.playPause{visibility:hidden; transition:0.5s; background:rgba(0,0,0,0); border:0; outline:0; width:50px; height:50px; position:absolute; z-index:5; left:0; top:0; width:100%; height:100%; text-align:center;}
.vid-cont > button.playPause > i{font-size:30px; color:rgba(255,255,255,0.9); transition:0.5; text-shadow:0 0 30px rgba(0,0,0,1)}
.vid-cont > button.playPause:hover > i{color:rgba(255,255,255,1); }
.haymore .vid-cont{overflow:hidden; max-height:160px; background:#333;}
.haymore .vid-cont video{height:160px;}
.vcon{margin-bottom:15px;}

/* .news-events-docs .panel{min-height:680px;} */

.clear-fix:after{content:''; display:table; clear:both; }
.fix-nav{margin-top:72px;}
.img-circle{border-radius:50%;}
.fxd{position:fixed; z-index:-1;}
.fill{width:100%; height:100%;}
.txt-light{color:#eee !important;}
.txt-dark{color:#333 !important;}
.bx-sh{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);}
.x100{width:100px !important; height:100px !important;}
.x120{width:120px !important; height:120px !important;}
.x150{width:150px !important; height:150px !important;}
.bg-tint-light{background-color:rgba(255,255,255,.7);}
.bg-tint-dark{background-color:rgba(0,0,0,.7);}
.bg-tint-dark-50{background-color:rgba(0,0,0,.5);}
.bg-tint-dark-40{background-color:rgba(0,0,0,.4);}

.pre_loader{position:fixed; z-index:999999999; width:100%; height:100%; background:rgba(255,255,255,.7); cursor:wait; visibility:hidden; transition:.3s; }
.hesabat{display:none; margin-bottom:20px;}

.tint-10{opacity:0.1;}.tint-15{opacity:0.15;}
.tint-20{opacity:0.2;}.tint-25{opacity:0.25;}
.tint-30{opacity:0.3;}.tint-35{opacity:0.35;}
.tint-40{opacity:0.4;}.tint-45{opacity:0.45;}
.tint-50{opacity:0.5;}.tint-55{opacity:0.55;}
.tint-60{opacity:0.6;}.tint-65{opacity:0.65;}
.tint-70{opacity:0.7;}.tint-75{opacity:0.75;}
.tint-80{opacity:0.8;}.tint-85{opacity:0.85;}
.tint-90{opacity:0.9;}.tint-95{opacity:0.95;}
.tint-100{opacity:1;}

.txt-ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rel{position:relative;}
.abs{position:absolute; left:25%; top:-100%;}
.abbr{border-bottom:1px dotted transparent;}
.ts20{font-size:20px !important;}
.frmsrc .form-control{width:100%; margin-bottom:10px;}
.fvar{color:#aaa; }
a.lnks:hover{text-decoration:underline;}
.cref{margin:0 10px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background:#fff;}

.forms{padding:30px;}
.form-control,.form-control:focus,.has-error.form-control:focus, button, button:focus, .input-group-addon{border-radius:2px !important; box-shadow:none; resize: none; }
.cpt .input-group-addon{padding: 0;background-color: transparent;border: 0;}
.cpt .input-group-addon:first-child{text-align:right;}
.cpt .input-group-addon:last-child{text-align:left;}
.capture{width:120px;}

.col-md-2.mod{width:10%;}
.col-md-10.mod{width:90%;}

.gallery span.icon{
	width: 100px;
    height: 100px;
    display: table;
    background: white;
    text-align: center;
	line-height:95px;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.gallery span.icon i.fa{vertical-align:middle;}

/*active link*/
.snav a.active{font-weight:bold;}

/*filter*/
.invert{filter:invert(100%);}

.ytiframe{width:100%; height:350px; }

/*theme text-color, bg-color, border-color*/
h1,h2,h3,h4,h5,h6,a,a:hover,a:active,a:focus,.txt, .pagination>li>a{color: rgba(84, 83, 83, 1); transition:0.5s;}
.thm-1 h1, .thm-1 h2, .thm-1 h3, .thm-1 h4, .thm-1 h5, .thm-1 h6, .thm-1 a, .thm-1 a:hover, .thm-1 a:active, .thm-1 a:focus, .thm-1 .txt, .thm-1 .pagination>li>a{color: rgba(38, 130, 61, 1);}
.thm-2 h1, .thm-2 h2, .thm-2 h3, .thm-2 h4, .thm-2 h5, .thm-2 h6, .thm-2 a, .thm-2 a:hover, .thm-2 a:active, .thm-2 a:focus, .thm-2 .txt, .thm-2 .pagination>li>a{color: rgba(38, 89, 130, 1);}
.thm-3 h1, .thm-3 h2, .thm-3 h3, .thm-3 h4, .thm-3 h5, .thm-3 h6, .thm-3 a, .thm-3 a:hover, .thm-3 a:active, .thm-3 a:focus, .thm-3 .txt, .thm-3 .pagination>li>a{color: rgba(130, 96, 38, 1);}
.thm-4 h1, .thm-4 h2, .thm-4 h3, .thm-4 h4, .thm-4 h5, .thm-4 h6, .thm-4 a, .thm-4 a:hover, .thm-4 a:active, .thm-4 a:focus, .thm-4 .txt, .thm-4 .pagination>li>a{color: rgba(130, 38, 38, 1);}
.thm-5 h1, .thm-5 h2, .thm-5 h3, .thm-5 h4, .thm-5 h5, .thm-5 h6, .thm-5 a, .thm-5 a:hover, .thm-5 a:active, .thm-5 a:focus, .thm-5 .txt, .thm-5 .pagination>li>a{color: rgba(255, 152, 0, 1);}
.thm-6 h1, .thm-6 h2, .thm-6 h3, .thm-6 h4, .thm-6 h5, .thm-6 h6, .thm-6 a, .thm-6 a:hover, .thm-6 a:active, .thm-6 a:focus, .thm-6 .txt, .thm-6 .pagination>li>a{color: rgba(19, 132, 190, 1);}
.thm-7 h1, .thm-7 h2, .thm-7 h3, .thm-7 h4, .thm-7 h5, .thm-7 h6, .thm-7 a, .thm-7 a:hover, .thm-7 a:active, .thm-7 a:focus, .thm-7 .txt, .thm-7 .pagination>li>a{color: rgba(19, 80, 153, 1);}

.bgr, .bg, .dropdown-menu, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover{background-color: rgba(84, 83, 83, 0.9); /* transition:0.5s; */}
.thm-1 .bgr, .thm-1 .dropdown-menu, .bg1, .thm-1 .pagination>.active>a, .thm-1 .pagination>.active>a:focus, .thm-1 .pagination>.active>a:hover{background-color: rgba(38, 130, 61, 0.9);}
.thm-2 .bgr, .thm-2 .dropdown-menu, .bg2, .thm-2 .pagination>.active>a, .thm-2 .pagination>.active>a:focus, .thm-2 .pagination>.active>a:hover{background-color: rgba(38, 89, 130, 0.9);}
.thm-3 .bgr, .thm-3 .dropdown-menu, .bg3, .thm-3 .pagination>.active>a, .thm-3 .pagination>.active>a:focus, .thm-3 .pagination>.active>a:hover{background-color: rgba(130, 96, 38, 0.9);}
.thm-4 .bgr, .thm-4 .dropdown-menu, .bg4, .thm-4 .pagination>.active>a, .thm-4 .pagination>.active>a:focus, .thm-4 .pagination>.active>a:hover{background-color: rgba(130, 38, 38, 0.9);}
.thm-5 .bgr, .thm-5 .dropdown-menu, .bg5, .thm-5 .pagination>.active>a, .thm-5 .pagination>.active>a:focus, .thm-5 .pagination>.active>a:hover{background-color: rgba(255, 152, 0, 0.9);}
.thm-6 .bgr, .thm-6 .dropdown-menu, .bg6, .thm-6 .pagination>.active>a, .thm-6 .pagination>.active>a:focus, .thm-6 .pagination>.active>a:hover{background-color: rgba(19, 132, 190, 0.9);}
.thm-7 .bgr, .thm-7 .dropdown-menu, .bg7, .thm-7 .pagination>.active>a, .thm-7 .pagination>.active>a:focus, .thm-7 .pagination>.active>a:hover{background-color: rgba(19, 80, 153, 0.9);}

.border, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover{border-color: rgba(84, 83, 83, 1); transition:0.5s;}
.thm-1 .border, .thm-1 .pagination>.active>a, .thm-1 .pagination>.active>a:focus, .thm-1 .pagination>.active>a:hover{border-color: rgba(38, 130, 61, 1);}
.thm-2 .border, .thm-2 .pagination>.active>a, .thm-2 .pagination>.active>a:focus, .thm-2 .pagination>.active>a:hover{border-color: rgba(38, 89, 130, 1);}
.thm-3 .border, .thm-3 .pagination>.active>a, .thm-3 .pagination>.active>a:focus, .thm-3 .pagination>.active>a:hover{border-color: rgba(130, 96, 38, 1);}
.thm-4 .border, .thm-4 .pagination>.active>a, .thm-4 .pagination>.active>a:focus, .thm-4 .pagination>.active>a:hover{border-color: rgba(130, 38, 38, 1);}
.thm-5 .border, .thm-5 .pagination>.active>a, .thm-5 .pagination>.active>a:focus, .thm-5 .pagination>.active>a:hover{border-color: rgba(255, 152, 0, 1);}
.thm-6 .border, .thm-6 .pagination>.active>a, .thm-6 .pagination>.active>a:focus, .thm-6 .pagination>.active>a:hover{border-color: rgba(19, 132, 190, 1);}
.thm-7 .border, .thm-7 .pagination>.active>a, .thm-7 .pagination>.active>a:focus, .thm-7 .pagination>.active>a:hover{border-color: rgba(19, 80, 153, 1);}

.pagination>.active>a{color:#fff !important;}

.navbar, .navbar a, .navbar a:focus, .navbar a:active, .nav>li>a, .nav .open>a, .nav .open>a:hover, .nav>li>a:focus, .nav>li>a:hover{color:#fff; border-radius:0; border:0; outline:0; transition:0.5s;}
.navbar-nav>.active>a, .navbar-nav>.active>a:focus, .navbar-nav>.active>a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background-color:rgba(255,255,255,.2);}
.nav>li>a:focus, .nav>li>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover,.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover,.navbar a.active{background-color:rgba(255,255,255,.3);}
a.navbar-brand:hover,.dropdown-menu>li>a,.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{color:#fff;}
.dropdown-menu{float:none; border: 0; border-radius:0;}
.nav>li>a {padding-left:8px;padding-right:8px;}
.navbar-toggle{margin:5px 0; float:left; }
.sln{position:relative;}

.lang{position:absolute; right:0; top:0; }
.lang ul{margin:0; padding:0; list-style:none;}
.lang ul>li{position:relative; float:left; }
.lang ul>li>a{padding:0 14px; display:block; line-height:50px; color:#fff; text-decoration:none; }
.lang ul>li:hover>a{background:rgba(255,255,255,0.2);}
.lang ul>li>ul>li>a{line-height:30px;}
.lang ul>li:hover>a{color:#ddd;}
.lang ul>li>ul{position:absolute; z-index:999999; display:none; }
.lang ul>li:hover>ul{display:block; }

#navbar ul{display:none;}

.userpan{
	min-width:120px;
	right:0;
	padding:5px 0 !important;
}
.userpan>li{
	float: none;
}



.video-cnt {
    background-image: url(../../img/tv.png);
    background-repeat: no-repeat;
	background-position: center;
    background-size: contain;
    min-height: 450px;
	padding: 18px 30px 74px;
}
.video-cnt iframe{
	height: 360px;
}

/*slick-slide*/
.slick-slide{outline:0;}
.slick-slide h3{padding-bottom:20px; }
.slick-slide a, .slick-slide h3{color:#eee; text-decoration:none; outline:0; }
.slick-slide a:hover{color:#fff; }
.slider{background:#ddd; position:relative; overflow:hidden; }
.slider a{text-decoration:none;}
.scaption{width:100%; min-height:20px; text-align:center; text-shadow:2px 2px 1px rgba(0,0,0,0.5); color:#fff; font:19px Arial; bottom:80px; position:absolute; z-index:10; }
.scaption:hover {text-decoration:none; color:#ddd;}
.slider .item{position:relative; max-height:350px;}
.slider .item, .slider .item img {width:100%; height:100%;} 
.slick-prev, .slick-next {font-size: 0; line-height: 0; position: absolute; z-index:555; top: 45%; display: block; width: 40px; height: 40px; margin-top: -10px; padding: 0; cursor: pointer; color: red; border: none; outline: none; background: transparent;}

.slick-prev {left: 5px;} 
.slick-next {right: 5px;}
.slick-prev:before, .slick-next:before {font-size: 40px;line-height: 1; opacity: .75; color: #fff; -webkit-font-smoothing: antialiased;}

.sfilter{padding-top:10px; padding-bottom:10px; border-radius:6px; margin-bottom:24px; }
.sfilter label{display:block; }
.titool{display:inline-block; padding-right:50px; line-height: 1.1;}
.spanel>.panel-heading{position:relative;}
.spanel .view{position:absolute; right:10px; top:10px; }

.btc{border-top: 1px solid #ddd;}

/*slick slide comment testimonials*/
.comment{text-align:center; padding-top:25px; }
.comment .thumbnail{border:0; background:transparent;}
.comment .thumbnail .caption{color:#fefefe; text-shadow:1px 1px 1px rgba(0,0,0,.5); max-width: 600px; margin: 0 auto;}
.yarlik{width:150px; line-height:160px; text-align:center; display:inline-block; height:150px; padding:2px; box-shadow:0 0 5px rgba(0,0,0,.5); background:#fff;}
.sinif .comment .thumbnail .caption{color:#333; text-shadow:none; }
.org{text-align:center; border:0;}

/*bg texture*/
.bg-dots-over{background-image:url('../img/dots.png')}

/*prallax*/
.parallax{/* min-height:300px; */ background-color:#333; background-repeat:no-repeat; background-position:center; background-position:center; background-attachment: fixed; background-size: cover; }
.parallax.bg-par-1{background-image:url('../img/bg-par-1.jpg')}
.parallax.bg-par-2{background-image:url('../img/bg-par-2.jpg')}
.parallax.bg-par-3{background-image:url('../img/bg-par-3.jpg')}
.parallax.bg-par-4{background-image:url('../img/bg-par-4.jpg')}

.slick-dots { position: absolute; bottom: 25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.slick-dots li {position: relative; display: inline-block; width: 15px; height: 15px; margin: 0 3px; padding: 0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; cursor: pointer; color: transparent; border: 0; outline: none; background:rgba(255,255,255,0.5); box-shadow:0 0 3px rgba(0,0,0,0.5); border-radius:50%;}
.slick-dots li button:hover, .slick-dots li button:focus, .slick-dots li.slick-active button {outline: none; background:#fff;}
.slick-dots li button:before {font-size: 14px;line-height: 1; opacity: .40; color: #fff; -webkit-font-smoothing: antialiased; text-shadow:0 0 3px rgba(0,0,0,0.5);}
.slick-dots li:hover button:before, .slick-dots li.slick-active button:before {opacity:1;}

/*owlslider advanced*/
/* .partners .owl-item{height:100px; display:table;} */
.partners .owl-item > div{height:100px;}
.partners .owl-item > div, .snews .owl-item > div{display:table-cell; vertical-align:middle; text-align:center;}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    max-height: 450px;
}

/*------*/
.partners.owl-carousel {
    padding: 8px 4%;
}
.partners.owl-carousel.slidersm {/*!*/
    padding: 0;
}
.partners.owl-carousel.slidersm .owl-height{/*!*/
    max-height: 350px !important;
    height: 350px !important;
}
.partners.owl-carousel .item {
	height: 100%;
    padding-bottom: 40%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.partners.owl-carousel.slidersm .item {background-size: cover;}/*!*/

.partners.owl-carousel .owl-nav{color:#333; opacity:0.2; transition:0.3s;}
.partners.owl-carousel:hover .owl-nav{opacity:0.7;}
.partners.owl-carousel .owl-nav:hover{opacity:1;}
.partners.owl-carousel .owl-nav .owl-prev{position:absolute; left:0; top:35%;}
.partners.owl-carousel .owl-nav .owl-next{position:absolute; right:0; top:35%;}
/*------*/

.slidersm.owl-carousel .owl-item img {display: block; width: 100%; height: 370px; }
.slidersm.owl-carousel{background:rgba(255,255,255,.5); }
.slidersm.owl-carousel .owl-nav{position:absolute; top:40%; width:100%;}
.slidersm.owl-carousel .owl-nav .owl-prev{float:left; margin-left:20px; }
.slidersm.owl-carousel .owl-nav .owl-next{float:right; margin-right:20px; }
.slidersm.owl-carousel .owl-dots{position:absolute; bottom:20px; width:100%; text-align:center;}
.slidersm.owl-carousel .captions{
	position: absolute;
    width: 100%;
    padding: 0 3%;
    font-size: 22px;
    bottom: 55px;
    left: 0;
    display: block;
    text-align: left;
}
.slidersm.owl-carousel .captions span{display:inline-block; padding:10px; border-radius:4px; background:rgba(0,0,0,.5)}
.slidersm.owl-carousel .captions a,.slidersm.owl-carousel a .captions{color:#fff; text-decoration:none;}

.snews .owl-item{/* height:350px; */ display:table; background:rgba(255,255,255,.5);}
.snews .owl-item > div{height:350px;}
.snews .owl-item > div >img{max-height:350px; width:50%;}
.snews .owl-item > div .captions{position:absolute; left:55%; width:35%; top:20%; height:50%; font-size:25px; line-height:1.2; text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.15);}
.snews .owl-dots{width:50%; position:absolute; bottom:10%;}
.snews .owl-nav{width:50%;}
.snews .owl-nav > .owl-prev{position:absolute; left:10px; top:40%; }
.snews .owl-nav > .owl-next{position:absolute; right:10px; top:40%; }

.owl-theme:hover .owl-nav [class*=owl-] {visibility:visible;}
.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    background: transparent;
	text-shadow:0 0 3px rgba(0,0,0,.5);
	visibility:hidden;
}
.itmcen.owl-carousel{}
.itmcen.owl-carousel .owl-stage{
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: nowrap;
   /* max-width:100% !important; */
   margin:0 auto;
}
.itmcen.owl-carousel .item{
	height:250px;
}

.form-control.parsley-error{
	border-color:#cc0000;
}
.form-control.parsley-success{
	/* border-color:#00cc00; */
}

.parsley-errors-list {
    margin: 4px 0 0;
    padding: 0;
    top: 30px;
}
.parsley-errors-list li {
    padding: 0;
    list-style: none;
    color: #cc0000;
}


/*bootstrap advanced*/
.panel{border-radius:0; background-color: rgba(255, 255, 255, 0.8); box-shadow:none; }
.panel .panel{background:none;}
.panel-heading{font-size:25px;}
.panel-default{ border:none;}
.panel-default>.panel-heading{background:none;}
.panel-body{word-wrap: break-word;}
.news{border-bottom:1px dashed transparent;}
.news h5{font-weight:bold;}
.date-more{margin-top:10px;}
.date-more>span.date{}
.date-more>span.more{}

.mobile-slide ul{margin:0; padding:0; list-style:none; }
.mobile-slide .panel .pin{display:none; }
.ft{font-size:16px;}
.tels{margin:0 20px; padding:0;}
.address{margin:20px 0; font-style:italic; }
.address .lbl{}
.maps{margin:20px; padding:20px;}

.ft .fa.fa-caret-right:before{content: "\f0d7";}/*down*/
.ft.collapsed .fa.fa-caret-right:before{content: "\f0da";}/*right*/

.eventl{border-top:1px solid #ddd; padding:10px 15px 6px; font-size:16px; font-weight:bold; }


/*--new style--*/

.items-container{min-height: 370px;}
.sec_178 .items-container{min-height: 240px;}
.items-container h4{margin-top:0;}
.items-container a{text-decoration:none;}
.items-container .item{margin-bottom:20px; transition:0.5s;}
.items-container .item:hover{opacity:0.8;}
.items-container .visual{
    position: relative;
    height: 152px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0 0 12px;
    overflow: hidden;
}
.items-container .visual{
    margin:5px 10px 5px 0;
	height:170px;
}
.asnews{
	height:100%; padding-bottom:10px; border-bottom:1px solid transparent;
}

.rect, .rect-2, .rect-m{width:170px; height:170px; margin:0 auto; border:1px solid #ddd; border-radius:3px; padding:5px;}
.rect-2{width:240px; height:240px; float:left; margin:0 10px 10px 0; }
.rect-m{width:156px; height:156px; float:left; margin-bottom:10px; }
.rect .visual, .rect-2 .visual, .rect-m .visual{height:100%; width:100%; margin:0; background-position:center center; background-size: contain;}
/* .rect-2 .visual{height:228px; width:228px;}
.rect-m .visual{height:144px; width:144px;} */
.news-h2{
	font-weight:bold;
	font-size:22px;
	margin:20px 0;
}
.items-container .visual.main{
    margin:0;
	height:80px;
}

/*-- treeview --*/
.tree ul {
    list-style: none outside none;
}
.tree li.parent > span.alar > a.plmn {
    display: inline-block;
	position:relative;
    height: 21px;
    width: 23px;	
}
/* .tree li.parent > span.alar > a.plmn:before {
    background-image: url("../images/plus_minus_icons.png");
    background-position: 25px center;
    content: ""; 
	position:absolute;
	top:5px;
    height: 21px;
    width: 23px;
	opacity:0.5;
}
.tree ul li.active > span.alar > a.plmn:before {
    background-position: 0 center;
} */
.tree li.parent > span.alar > a.plmn > i.fa {
	position:absolute;
	top:6px;
	right:4px;
	font-size:20px;
	opacity:0.5;
	transition:0.5s;
}
.tree li.parent > span.alar > a.plmn:hover > i.fa {
	opacity:1;
}
.tree ul li ul {
    border-left: 1px solid #D9DADB;
    display: none;
    margin: 0 0 0 12px;
    overflow: hidden;
    padding: 0 0 0 25px;
}
.tree ul li ul li {
    position: relative;
}
.tree ul li ul li:before {
    border-bottom: 1px dashed #E2E2E3;
    content: "";
    left: -20px;
    position: absolute;
    top: 17px;
    width: 20px;
}
.tree.smtr ul li ul li:before {top:10px; width:14px; }
.tree.smtr ul li ul li {position: relative; line-height: 1.5; }
.tree.smtr li.parent > span.alar > a.plmn{height:15px;}
.tree.smtr li.parent > span.alar > a.plmn > i.fa{top:0;}
/*--treeview--*/

/*Treeview*/
.navigation{}
.treeview li {margin: 0; padding: 0 0 0 10px; border-bottom: 1px dotted #ccc; background: url(../img/arrow-right-passiv.png) 16px center no-repeat; }
.treeview li.expandable, .treeview li.collapsable {background:none; }
.treeview li  a{ display:block; padding:8px 0; }
.treeview li  a:hover, .treeview li  a.active{/*color:#DA251C;  margin-left:10px; -webkit-transition: all 0.5s ease-out; */}
.treeview .hitarea {height: 16px; width: 16px; margin-left: -12px; margin-top:8px; float: left; cursor: pointer; /* background: url(../img/arrow-right.png) center left no-repeat; */} 
.treeview .collapsable-hitarea {/* background: url(../img/arrow-down.png) center left no-repeat; */} 
.treeview  ul li{border-bottom:0; border-top:1px dotted #ccc; background:none; padding-left:0; position:relative; }
.treeview  ul{margin-left:10px; display:none;}

.treeview  ul li a{padding-left:5px;}
.treeview  ul li a.active{font-weight:bold;}

.treeview .hitarea i.fa{opacity:0.5}
.treeview li:hover>.hitarea i.fa{opacity:1}

.struc.tree{font-size:17px; line-height:30px;}
.struc.tree a{text-decoration:none;}
.struc.tree a.tritems{padding-left:7px;}
.struc.tree a.tritems:hover{opacity:0.8 }

.prof-head .news-h2{border-bottom-style:dotted; border-width:1px; }
.sect{margin-top:5px; font-size:16px;}
.more{padding:0 15px 15px;}
.modal-content{border-radius:0;}
.mfp-wrap{z-index: 2000;}
.mfp-bg{z-index: 1999;}
.contact{margin-top:20px; padding-top:10px; border-top:1px dotted;}

.head-nav{/* margin-bottom:15px;box-shadow:inset 0 0 30px rgba(0,0,0,0.2); */ border-radius:3px; padding:10px; min-height:60px;}
.head-nav nav{padding:0;}
.head-nav nav.is-sub{font-style:italic;}
.head-nav nav > ul{margin:0; padding:0; list-style:none; text-align:center;}
.head-nav nav > ul > li{display:inline-block; }
.head-nav nav > ul > li > a{padding:0 10px; line-height:25px; font-size:14px; border-right:1px solid #ccc; }
.head-nav nav > ul > li > a.active{font-weight:bold;}
.head-nav nav > ul > li:last-child > a{border:0;}
.item.media-body{position:relative;}
.fl_con{padding-bottom:20px;}
.ft_inf{position:absolute; left:85px; right:10px; bottom:0; }
.extl{cursor:pointer;}

.form_eserv{padding:30px 15px;}
.form-group.has-error label{color:#a94442}

.login-methods{max-width:500px; margin:0 auto;}
.login-methods ul{margin:0; padding:20px 0; list-style:none;}
.login-methods ul>li{margin-bottom:20px; min-height:50px; background:#fff; transition:.5s; position:relative; border-radius:10px; overflow:hidden; box-shadow:2px 2px 10px rgba(0,0,0,.5); }
.login-methods ul>li:not(.disabled):hover{background:#eee;}
.login-methods ul>li:not(.disabled):hover i.fa{font-size:45px;}
.login-methods ul>li.disabled:before{content:''; display:block; position:absolute; z-index:3; width:100%; height:100%; cursor:no-drop; background:rgba(255,255,255,.4);}
.login-methods ul>li>a{display:table; width:100%; height:80px; position:relative; z-index:2;}
.login-methods ul>li>a:hover{text-decoration:none;}
.login-methods ul>li>a>span{display:table-cell; vertical-align:middle; padding:20px 20px 20px 100px;}
.login-methods ul>li i.fa{font-size:40px; transition:.2s; text-align:center; margin-right:20px; position:absolute; width:80px; line-height:80px; color:#fff; z-index:1; }

.sub_list{}
.sub_list p{margin-bottom:0;padding-left:20px;}
.sub_list ul{}

.query{list-style:none; margin:0; padding:0; }
.query > li:before{content: "\f003"; font-size:14px; display:inline-block; float: left; padding-top: 7px; margin-left:-19px; font:normal normal normal 20px/1 FontAwesome;}

.prgs{border-radius:3px; padding:4px; background-color: #fff; border: 1px solid #ddd;}
.prgs>div{width:100%;height:100%;position:relative;}
.prgs>div>span{width:100%; height:5px; position:absolute; bottom:0; left:0; background:#ddd;}
.prgs>div>span>abbr{display:block; height:5px; background:#8DC63F;}
.prgs>div>span>abbr>i{font-size:13px; color:#333; position:absolute; right:0; top:-20px; }

.thums{float:left; position:relative; width:102px; height:102px; box-sizing:border-box; margin:5px; background:#fff; border:1px solid #ccc; border-radius:4px;  }
.thums img{width:90px; height:90px; margin:5px; }
.thums .s-trash{position: absolute;right: 2px;background: #fff;padding: 0 4px;border-radius: 50%;top: 1px;box-shadow: 0 0 5px #000;color: #900;cursor: pointer;}
.thums.ico:before{position:absolute; font-size:40px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: 60px; left: 23%; top: 20%;}
.thums.ico.load:before{content: "\f021"; left: 38%; top: 37%; color: #777; font-size: 24px;  -webkit-animation: spin 2s linear infinite; /* Safari */  animation: spin 2s linear infinite;}
.thums.ico.word:before{content: "\f1c2"; }
.thums.ico.excel:before{content: "\f1c3";}
.thums.ico.pdf:before{content: "\f1c1";}
.thums.ico.zip:before{content: "\f1c6";}
.thums.ico.video:before{content: "\f1c8";}
.thums.ico.audio:before{content: "\f1c7";}
.thums.ico.file:before{content: "\f016";}

/*image size*/
.profil_image .thums{padding:5px; width:170px; height:170px;}
.profil_image .thums img{width:100%; height:100%; margin:0; }

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

.secimler{padding-top:5px}
.secimler label{font-weight:normal}

.message.s-file-list{}
.message.s-file-list:after{content:''; display:block; clear:both; }
.message.s-file-list>ol, .message.s-file-list>ul{margin:0 0 20px; padding:0; list-style:none;}
.message.s-file-list ol:after, .message.s-file-list ul:after{content:''; display:block; clear:both; }
.message.s-file-list li{display:inline-block; position:relative; margin:2px; float:left;}
.message.s-file-list li abbr.s-trash{padding:0 3px; display:none; position:absolute; right:5px; bottom:2px; cursor:pointer; color:red; background:rgba(255,255,255,0.8)}
.message.s-file-list li:hover abbr.s-trash{display:block;}

.message.s-file-list li abbr.s-check, .message.s-file-list li abbr.s-view{padding:0 5px; visibility:hidden; position:absolute; cursor:pointer; color:blue; background:rgba(255,255,255,0.8); border-radius:50%; }
.message.s-file-list li:hover abbr.s-check, .message.s-file-list li:hover abbr.s-view{visibility:visible; }
.message.s-file-list li abbr.s-check{right:0; top:0;}
.message.s-file-list li abbr.s-view{color:green; left:0; top:0;}



/*ikonlar*/
.query > li:before{text-decoration:none !important;}
.query > li.a0u1:before{content:"\f017"; color:#337ab7;}
.query > li.a1u1:before{content:"\f06e"; color:#2c5fa2;}
.query > li.a2u1:before{content:"\f0e0"; color:#e46b00; }
.query > li.a2u2:before{content:"\f2b7"; color:#e46b00; }
.query > li.a2u3:before{content:"\f017"; color:#337ab7; }
.query > li.a4u3:before{content:"\f06a"; color:#EA0037;}
.query > li.a0u3:before{content:"\f253"; color:#e46b00;}
.query > li.a3u0:before{content:"\f253"; color:#EA0037;}
.query > li.a3u3:before{content:"\f05d"; color:green; }
.query > li.a5u5:before{content:"\f128";}

.query > li.time_limit>a.active{color: black; font-weight: bold; text-decoration:underline;}
.query > li.time_limit, .query > li.time_limit>a, .query > li.time_limit:before{/* opacity:.8 */}
.query > li.time_limit>a:before{
	content:"\f017";
	color:red !important;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: -27px;
	top: 7px;
	background: white;
	border-radius: 50%;
}

.msg_list{margin-bottom:10px}
.msgbox{border:1px solid #ddd; position:relative; background:#fff; border-radius:10px; padding:10px; margin:5px 0 0;}
.msgbox:before{content:''; display:inline-block; border-top:1px solid #ddd; border-left:1px solid #ddd; position:absolute; width:10px; height:10px; background:white; top:-5px; left:15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }

.msg_list.ad{margin-right:20%}
.msg_list.me{margin-left:20%}

.autorm{position:relative; }
.tarixm{position:absolute; top:5px; right:0; color:#aaa; font-size:12px; }
.fmess{text-align:right; padding:4px 5px; }
.fmess a:hover,.fmess a:active,.fmess a:focus{text-decoration:none; opacity:.7; }
.fmess .fa{font-size:25px;}

/*--Slider stiling new version for multiple settings of cms--*/
.snews.sl_3 .owl-item{background:transparent;}
.snews.sl_3 .owl-item, .snews.sl_3 .owl-item > div{
	height:270px;
}
.snews.sl_3 .owl-item > div >img{
	display:unset;
	width:150px;
	height:150px!important;
	border-radius:50%;
}
.snews.sl_3 .owl-nav{
	width:100%;
}
.snews.sl_3 .owl-dots{
	width:100%;
	bottom:10px;
}
.snews.sl_3 .owl-item > div .captions {
    position: static;
    width: auto;
	display:inline-block;
	padding-top:15px;
	padding-bottom:15px;
    height: auto;
    font-size: 25px;
    line-height: 1.2;
    text-shadow: 1px 1px 0px #fff, 2px 2px 0px rgba(0,0,0,0.15);
}

/*
 */
.me .autorm{text-align:right; }
.me .tarixm{right:unset; }
.me .msgbox:before{right:15px; left:unset; }
.ad .fmess{text-align:left;}
.ad .msgbox,
.ad .msgbox:before{border-color: #E4E3E9; background-color:#E4E3E9;}
.me .msgbox,
.me .msgbox:before{border-color: #009BF8; background-color:#009BF8; color:#fff;}
.me .frme label,
.me .fa{color:#fff;}

.mms{}
.mms a{color:#555;}


/* iCheck plugin Square skin, blue
----------------------------------- */
.icheckbox_square-blue,
.iradio_square-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../img/blue.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-blue {
    background-position: 0 0;
}
    .icheckbox_square-blue.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-blue.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-blue.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-blue.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-blue {
    background-position: -120px 0;
}
    .iradio_square-blue.hover {
        background-position: -144px 0;
    }
    .iradio_square-blue.checked {
        background-position: -168px 0;
    }
    .iradio_square-blue.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-blue.checked.disabled {
        background-position: -216px 0;
    }
	
.visual.ban{margin:0; height:90px;  }

.ecalendar{
	text-align: center;
    padding: 15px;
    display: block;
    color: white;
}
.ecalendar a{color:white;}
.ecalendar a:hover{color:white; text-decoration:underline;}

.ecalendar h5{color: white; font-weight:bold; font-size:30px; margin:0 0 2px;}
.ecalendar p{font-weight:bold;}
.ecalendar p small{font-weight:normal;}

.bg-primary{background:#007BFA;}
.bg-secondary{background:#6B747C;}
.bg-success{background:#00A650;}
.bg-danger{background:#E52D47;}
.bg-warning{background:#FFBF2D;}
.bg-info{background:#00A1B5;}
.bg-light{background:#F8F9FA;}
.bg-dark{background:#2D3942;}
.bg-white{background:#FFFFFF;}
	

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}	

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
    .icheckbox_square-blue,
    .iradio_square-blue {
        background-image: url(../img/blue.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}


@media screen and (min-width: 992px) {	
	.mw992fl{float:left}
    .mw992fr{float:right}
}
@media screen and (max-width: 992px) {	
	.header .sname{text-align:center; padding:5px 0 10px; }
	.header .sname h3, .header .sname h4{font-size:14px; margin:3px; }
	.header .logo{text-align:center;}
	.header .logo, .header .logo img{height:50px; line-height:50px;}
	.header .logo img{width:50px;}
	
	.slidersm.owl-carousel .owl-item img {display: block; width: 100%; height: auto; /* min-height:200px; */ }
	
	
	body{padding-bottom: 330px;}
	
	.mobile-slide{margin-left:-250px; transition:0.5s; width:250px; padding:0; position:fixed; left:0; left: 0; top: 0; bottom: 0; z-index:999999; background-color: white; box-shadow:2px 2px 5px rgba(0,0,0,.5);}
	.mobile-slide .panel{position:relative;}
	.mobile-slide .panel .pin{display:block; width:15px; height:25px; line-height:25px; cursor:pointer; color:#fff; border-radius:0 5px 5px 0; position:absolute; right:-15px; top:60px;}

	.mobile-slide.goster{ margin-left:0; }
	.mobile-slide .panel-heading{font-size:18px;}
	
	.items-container .visual{
		height:250px;
		margin:10px 0;
	}	
	.items-container .visual.main{
		/* margin:0;
		height:200px; */
	}
	.rect .visual{height: 158px; margin:0; }
	.rect-2 .visual {height: 228px; margin:0; }
	.rect-m .visual {height: 144px; margin:0; }
	
	.navbar-toggle{margin:5px 20px 5px 0; }
	.copy, ul.social{text-align:center; }
	
	.video-cnt{
		min-height: 250px;
		padding: 10px;
	}
	.video-cnt iframe {
		height: 200px;
	}

}

@media screen and (max-width: 991px) {
	.items-container .visual.main{
		height:200px;
		margin-bottom:10px;
	}
	
	.m-h,
	.book_section,
	.lib-papular-books
	{
		display: none;
	}
	.item.kurs{
		margin-bottom: 15px;
	}	
	.container{
		max-width: 400px;	
		background: rgba(255,255,255,.8);
		
	}
	
	.container.tops,
	#footer .container,
	.container.sln{
		background: none !important;
	}
	
	.header .logo{
		height: 100px;
	}
	.header .logo img{
		margin: 15px 0;
		width: 70px;
		height: 70px;
	}
	
	.news-list.items-container .item.bg-white {
		background-color: transparent !important;
	}
	.news-list.items-container .row {
		margin-bottom: 15px;
	}
	.news-list .visual.main {
		margin-right: 0 !important;
	}
	
	#footer .container{
		text-align: center !important;
	}
	#footer .left_border,
	.right_border{
		border: 0 !Important;
	}
	
	.snews .owl-item > div {
		height: 255px;
	}
	.snews .owl-item h2 {
		margin-top: 0;
		font-size: 2.5rem;
	}
	.ss91.sl_2:after,
	.bkrdr:after,
	.ref:after,
	.ref:before{
		display: none;
	}
	.ref {
		margin-bottom: 45px !important;
	}
	
}

@media screen and (max-width: 600px) {
	/*owlslider advanced*/
	.partners .owl-item > div > img{max-height:80px;}
	.ytiframe{max-height:200px;}
	.snews .owl-item, .snews .owl-item > div{/* height:200px; */}
	.snews .owl-item > div > img{/* max-height:200px; */ width:100%;}
	.snews .owl-dots, .snews .owl-nav{width:100%;}
	.snews .owl-item > div .captions{left:5%; width:90%; top:20%; height:50%; font-size:18px; color:#fff; text-shadow:0 0 3px rgba(0,0,0,.5);}
	ul.social>li>a{width:30px; line-height:30px; height:30px;}
	.slidersm.owl-carousel .owl-dots{bottom:5px;}
	.slidersm.owl-carousel .owl-nav{top:35%;}
	.visual.ban{margin:0; height:150px; }
}
@media screen and (max-width: 400px) {	
	.slidersm.owl-carousel .owl-nav{top:25%;}
	.visual.ban{margin:0; height:100px; }
}

@media (max-width: 768px) { 
	/*mansory*/
	.grid-item {width: 100%; } 
	.navbar-toggle{margin:5px 0; }
	/* body{margin-bottom: 330px;} */

}

@media (min-width: 768px) {
	.dl-horizontal.contacts dt {width: 100px;}
	.dl-horizontal.contacts dd { margin-left: 120px;	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.dl-horizontal.contacts dt {width: 100px;}
	.dl-horizontal.contacts dd { margin-left: 120px;	}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 20px;
	}
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	}
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px -15px;
		/* margin: 7.5px 50px 7.5px -15px */
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	/* since 3.1.0 */
	.navbar-collapse.collapse.in { 
		display: block!important;
	}
	.collapsing {
		overflow: hidden!important;
	}
	
	.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
		top:20%;
	}
	.navbar-fixed-top{overflow-y:auto; overflow-x: hidden;}
	
}

.navlist{
	list-style: none;
	padding-left: 20px;
}
.navlist li{
	font-size: 2rem;
    line-height: 5rem;
    vertical-align: top;
    border: none;
    background: 0 0;
    font-weight: 400;
}
.navlist li a {
    padding: 0 0 0 17px;
    border: none;
    position: relative;
}

.navlist li a:after {
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    position: absolute;
    top: 40%;
    left: 0;
    font-size: 8px;
    color: #fd9b28;
}

.mapsm .tabs{
	display: none;
}

.headings{
	font-size: 20px;
    font-weight: 700;
	text-align: left !important;
}
.headings:after {
    content: '';
    display: block;
    width: 35px;
    height: 6px;
    background: #fd9b27;
    border-radius: 3px;
    margin: 4px 0 0;
}
/*special ;-) */
.sec_168{
	background-color:rgba(255, 255, 255, 0.8)!important;
}
.sec_167 .level_1{
	margin-left:0;
	margin-right:0;
}

/*custom 10.01.2021*/
.qrow{
	display: flex;
	margin-bottom: 10px;
}
.snum{margin-right:7px}
#page_prev_next .btn, .page_num{
	padding:5px 10px;
	border-radius:0;
}

.page_num.chk{background:#f2f2f2}
.active_page{border-color:orange}

.nav-tabs.nav>li>a{
	color: inherit;
}
.tab-content{
	background: white;
	padding:30px; 
}

.tab-pane .col-md-3{
	padding-bottom:10px
}

/*ebeledci*/
.servis .item {
    background: rgba(255, 255, 255, 0.65);
    box-shadow: 0 0 10px rgb(0 0 0 / 40%);
    padding: 20px;
    border-radius: 4px;
}
.servis ul li a{
	font-weight: bold;
}
.servis ul {
    margin: 0;
    padding: 0;
    line-height: 1.6;
    list-style: none;
    font-size: 16px;
}


/*
 * Services.less
 * -----------------------------------------------
*/
.service-block {
  margin: 0 auto 30px;
  max-width: 400px;
  height:95%;
  position:relative;
  padding-bottom:20px;
}
.service-block  .btn{
	position:absolute;
	bottom:15px;
}
.service-block:hover .thumb .desc {
  bottom: 0;
}
.service-block .thumb {
  overflow: hidden;
  position: relative;
}
.service-block .thumb .price {
  right: -1px;
  padding: 5px 10px;
  position: absolute;
  top: -1px;
}
.service-block .thumb .desc {
  bottom: -31%;
  padding: 10px 6px 5px 20px;
  position: absolute;
  -webkit-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  transition: all 400ms ease-in-out 0s;
  width: 100%;
}
.service-block .thumb .desc p {
  color: #fff;
  font-size: 13px;
}
.service-block .content {
  padding: 10px 20px 35px;
}
.img_265 {
    width: 265px;
    height: 195px;
}

.img-fullwidth {
    width: 100% !important;
}
.bg-white {
    background-color: #fff !important;
}
.service-block .price{
	background: rgba(32, 44, 69, 0.7);
	border-left: 3px solid #F2184F;
	right: -1px;
    padding: 5px 10px;
    position: absolute;
    top: -1px;
	color:white;
}
.btn-dark.btn-theme-colored{
	color: #fff;
    background-color: #202C45;
    border-color: #202C45;
}
.btn-dark.btn-theme-colored:hover {
    color: #fff;
    background-color: #900;
    border-color: #600;
}

.testler{list-style:none; padding:15px;}
.numberss{float:left; margin-right:5px;}

.slidersmno.owl-theme .owl-nav [class*=owl-]{visibility:visible; }
.slidersmno.owl-carousel .owl-dots{visibility:hidden;}
.slidersmno.owl-carousel .owl-nav{position:absolute; top:-55px; right:0; }
.slidersmno.owl-carousel .owl-nav .owl-prev{float:left; margin-left:20px; }

.adv.slidersmno.owl-carousel .owl-nav{
	top: -44px;
}

.news-list .visual.main{
	margin-right: -15px;
}
.items-container.news-list .item{
	margin-bottom: 15px;
}
.news-list h4 a{
	color: #333;
    font-size: 14px;
}

/*book*/
.book-main{
	width: 81.5%;
    max-width: 215px;
    height: 303px; 
	margin: auto;
}
.book{
	width: 100%;
    height: 100%;
	display: inline-block;
	margin: 5px;
	background: #fff;
	transform-style: preserve-3d;
	box-shadow: inset 300px 0 50px rgb(0 0 0 / 20%), 0 0 15px rgb(0 0 0 / 20%);
	transition: 1s;
}
.book:hover {
    box-shadow: inset 15px 0 40px rgb(0 0 0 / 20%), 0 0 15px rgb(0 0 0 / 20%);
}

.book:before{
	content: '';
	position: absolute;
	top: -5px;
	left: 0;
	width: 100%;
	height: 5px;
	transform-origin: bottom;
	transform: skewX(-45deg);
	background: repeating-linear-gradient(0deg, #fff, #000 1px, #fff 1px, #000 3px );
}
.book:after{
	content: '';
	position: absolute;
	right: -5px;
	top: 0;
	width: 5px;
	height: 100%;
	transform-origin: left;
	transform: skewY(-45deg);
	background: repeating-linear-gradient(90deg, #fff, #000 1px, #fff 1px, #000 3px );
}

.book .imgbox{
	width: 100%;
	height: 100%;
	position: relative;
	transform-origin: left;
	z-index: 99999;
	transition: 1s;	
}
.imgbox img{
	width: 100%;
	height: 100%;
	z-index: 99999;
	position: relative;
}

.book:hover .imgbox{
	transform: rotateY(-135deg);
}

.book .content h4{
	margin-bottom: 20px;
}
.pdetail table{
	min-width: 50%;
}
.pdetail table tr{
	border-bottom: 1px dashed #ddd;
}
.pdetail table tr:last-child{
	border-bottom: none;
}
.book .content table tr{
	border-bottom: 1px dotted #ccc;
}
.pdetail table td,
.book .content table td{
	vertical-align:top;
	line-height: 1.2;
	color: #333;
	padding:10px 2px 2px;
}
.book .content{
	position: absolute;
	top: 0;
	left:0;
	z-index: -99;
	padding: 15px;
}

.btn-info,.btn-warning,.btn-danger,.btn-success{
	color: #fff !important;
}

.nesrler img{
	max-height: 250px;
	box-shadow: 5px 5px 20px rgba(0,0,0,.3);
}
.vid_lst{
	max-height: 355px;
	overflow-y: auto;
}

.message{}
.message h2{font-weight:normal; font-size:16px; margin-top:0; }
.message p{
	margin-bottom: 5px;
} 
.message p label{
	display: inline-block;
    width: 100px;
    font-weight: normal;
    margin: 0 10px 0 0;
    font-size: 12px;
}
.message p span{display:inline-block; width:40px;}
.message p abbr{display:block; background:#ddd; overflow:hidden; border:1px solid #aaa; border-right-color:#fff; border-bottom-color:#fff;}
.message p abbr em{display:block; height: 5px; width:100%; background:#738A8D;}
.message div{margin:20px 0; }
.relative{
	position: relative;
}
.izah{
	position: absolute;
    bottom: 0px;
    left: 0;
    padding: 5px 10px;
}
.variantlar .text-success {
    color: #5cb85c;
}
.variantlar .text-danger {
    color: #ea1f19;
}

.active_page {
    box-shadow: 0 1px 1px yellow, 1px 0 1px yellow, -1px 0 1px yellow, 0 -1px 1px yellow, 0 0 7px yellow;
    margin-top: -5px;
}

#page_navigation .btn-danger {
    color: #fff;
    background-color: #ea1f19;
    border-color: #d62923;
}


.kitab_refi{
	background: url(../../img/bg405.png);
    background-repeat: repeat-y;
	background-position: center -5px;;
	background-size: 100% 405px;
}
.kitab_refi .mt-30{
	padding-top: 40px !important;
	padding-bottom: 30px !important;
}

/*bootstrap 4 addon*/

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

/* Lined Paper Block */
.paper_block{
	 padding:20px 0;
	 border-radius:20px;
	 background: url(../img/lined_paper.png) repeat top center;
	 border: 2px dashed #cecece;
}
.paper_block .img-circle {
		box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}
.paper_block blockquote {
	 border-left: none;
	 margin:0;
	 padding:0;
	 text-align: center;
}
.col-centered {
	float: none;
	margin: 0 auto;
}

.quote-test:before {
	 content: "\f110";
	 font-family: 'Flaticon';
	 font-size: 2.3em;
	 line-height: 0.1em;
	 margin-right: 0.1em;
	 vertical-align: 0.2em;
}
 .quote-test {
	margin-top:10px;
}
 .quote-test p {
	font-size:18px;
	 display:inline;
}
 .quote-test small{
	 margin-top: 1.2em;
	 font-weight: 700;
	 text-transform: uppercase;
}
 blockquote small:before{
	display:none;
}
 .quote-test i{
	margin-right:10px;
}
.paper_block .owl-prev {
	left: -20px;
}
.paper_block .owl-next {
	right: -20px;
}

.paper_block .owl-carousel {
	padding:40px;
}
.paper_block .owl-carousel .owl-item {
	perspective: 1000px;
}
.paper_block .owl-prev,.paper_block .owl-next{
	 position: absolute;
	 top: 50%;
	 margin-top: -50px;
	 text-align: center;
}
.paper_block .owl-prev{
	 border-radius: 0% 50% 50% 0%;
	 left: 0px;
	 box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}
.paper_block .owl-next {
	 border-radius: 50% 0% 0% 50%;
	 right: 0px;
	 box-shadow: 6px 6px 0px rgba(103, 102, 102, 0.2);
}
.paper_block .owl-prev:hover, .paper_block .owl-next:hover {
	transition: all .3s ease-in-out;
}
.paper_block .owl-prev i,.paper_block .owl-next i {
	 color:#fff;
	 font-size: 30px;
	 padding: 4px 15px 4px 7px;
}
.paper_block .owl-next i {
	 padding: 4px 7px 4px 15px;
}
.paper_block .owl-carousel.owl-loaded {
	 display: block;
	 clear: both;
	/* Important fix */
}
.paper_block .owl-dots{
	 text-align:center;
	 margin-top:20px;
}
.paper_block .owl-theme .owl-dots .owl-dot{
	display:inline-block;
}
.paper_block .owl-theme .owl-dots .owl-dot span{
	 border: 2px solid #cecece;
	 position: relative;
	 display: inline-block;
	 vertical-align: top;
	 width: 1rem;
	 height: 1rem;
	 margin: 0 0.5rem;
	 border-radius: 50%;
	 cursor: pointer;
	 color:#333;
}
.paper_block .owl-theme .owl-dots .owl-dot span:before{
	 content: "";
	 position: absolute;
	 left: 50%;
	 top: 50%;
	 width: 1.2rem;
	 height: 1.2rem;
	 border-radius: 50%;
	 transition: transform 0.3s;
	 transform: translate(-50%, -50%) scale(0);
}
.paper_block .owl-theme .owl-dots .owl-dot span:hover:before {
	 transform: translate(-50%, -50%) scale(1);
}
.paper_block .owl-theme .owl-dots .owl-dot.active span:before {
	 transform: translate(-50%, -50%) scale(1);
}

.paper_block .owl-theme .owl-dots .owl-dot.active span:before {
    transform: translate(-50%, -50%) scale(1);
}
.paper_block .owl-prev,
.paper_block .owl-next,
.paper_block .owl-theme .owl-dots .owl-dot span{
    background-color: rgba(130, 96, 38, 0.9);
}

.quote-test:before {
    content: "\f10d";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 2.3em;
    line-height: 0.1em;
    margin-right: 0.1em;
    vertical-align: 0.2em;
	color: rgba(130, 96, 38, 0.9);
}

.paper_block .owl-dot{
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
}

.paper_block .owl-dot span {
    border: 2px solid #cecece;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 1rem;
    height: 1rem;
    margin: 0 0.5rem;
    border-radius: 50%;
    cursor: pointer;
    color: #333;
}
.paper_block .owl-dot span:before{ 
	content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    transition: transform 0.3s;
    transform: translate(-50%, -50%) scale(0);
    background-color: rgba(130, 96, 38, 0.9);
}
.paper_block .owl-dot.active span:before,
.paper_block .owl-dot span:hover:before {
    transform: translate(-50%, -50%) scale(1);
}

.table-border table tr td{
	border: 1px solid #333;
	padding: 2px 5px;
}
.mb-50{
	margin-bottom: 50px;
}

/*
=============================================
			PAPULAR BOOKS SECTION
=============================================
*/

.lib-papular-books{
	padding:70px 0px;
}
.lib-papular-books .nav-tabs{
	float:left;
	width:50%;
	text-align:center;
	margin:-24px 0px 0px 0px;
	border:none;
	float:right;
}
.lib-papular-books .tab-content{
	float:left;
	width:50%;
	padding:0px 15px;
}
.lib-papular-books .nav-tabs > li{
	margin-top: 24px;
}
.lib-papular-books .nav-tabs > li > a{
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	color:#333;
	padding:0px;
	float:left;
}
.lib-papular-books .nav-tabs > li > a:hover, .lib-papular-books .nav-tabs > li.active > a, .lib-papular-books .nav-tabs > li.active > a:focus{
	color:#fff;
	outline:none;
}
.lib-papular{
	float:left;
	width:100%;
	border:solid 1px #CCC;
	padding:10px 20px 10px 10px;	
}
.lib-papular .kode-thumb{
	float:left;
}
.lib-papular .kode-thumb img{
	float: left;
	width: 100%;
}
.lib-papular .kode-text{
	padding:10px 0px 0px 270px;
}
.lib-papular .kode-text h2{
	font-size:19px;
	margin-bottom:10px;
}
.lib-papular .kode-text h4{
	font-size:14px;
	margin: 0px 0px 10px;
}
.lib-papular .lib-price{
	float:left;
	width:100%;
}
.lib-papular .lib-price h3{
	float:left;
}
.lib-papular .lib-price a{
	float:right;
	color:#333;
	font-weight:bold;
}
.lib-papular .lib-price a:hover{
	text-decoration: underline;
}

.lib-papular-thumb{
	float:left;
	width:100%;
	border:solid 1px #CCC;
	padding:5px;
}
.lib-papular-thumb img{
	width:100%;	
    height: 215px;
	float:left;
}
.lib-papular-books .rating {
	text-align: left;
}
.lib-papular-books .rating > span{
	color: #000;
}

/*
=============================================
			HEADING STYLE 2
=============================================
*/
.section-heading-1{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom:36px;
	position:relative;
	margin-top:-5px;
}
.section-heading-1 h2{
	font-size:32px;
	text-align:center;
	font-family: 'Raleway', sans-serif;
	text-transform:capitalize;
}
.kode-icon{
	float:left;
	width:100%;
}
.section-heading-1 .kode-icon:before, .section-heading-1 .kode-icon:after{
	content:"";
	position:absolute;
	left:35%;
	margin:auto;
	bottom:14px;
	width:150px;
	height:1px;
	background-color:#CCC;
}
.section-heading-1 .kode-icon:after{
	left:auto;
	right:35%;

}
.section-heading-1 i{
	font-size:20px;
	color:#333;
}
.section-heading-1.dark-sec h2,  .section-heading-1.dark-sec p, .section-heading-1.dark-sec p:after, .section-heading-1.dark-sec i{
	color:#fff;
}
.section-heading-1.dark-sec{
}
.section-heading-1.dark-sec p:before, .section-heading-1.dark-sec p:after{
	background-color:#fff;
}
.section-heading-1 p{
	margin-bottom:17px;
}

.lib-papular-books .nav-tabs>li.active>a,
.lib-papular-books .nav-tabs>li.active>a:focus,
.lib-papular-books .nav-tabs>li.active>a:hover{
	border: 0;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
}

.tbls{width:100%}
.tbls tr{
	border-bottom: 1px dotted #aaa;
}
.tbls tr td{
	padding:20px 0 0;
}
.tbls tr td:first-child{
	width:30%;
}
.tbls tr:first-child td{
	padding-top:0;
}


/* ============================= slider3 ====================== */
#slider3_wrapper{}
#slider3{position: relative;}

.prev3{display: block; width: 25px; height: 25px; background: url(../images/prev3.png) left top no-repeat; position: absolute; left: -30px; top: 50%;margin-top: -12px; z-index: 100;}
.prev3:hover{background-position: bottom;}
.next3{display: block; width: 25px; height: 25px; background: url(../images/next3.png) left top no-repeat; position: absolute; right: -30px; top: 50%; margin-top: -12px; z-index: 100;}
.next3:hover{background-position: bottom;}

.slider3-title{font-family: 'Julius Sans One'; font-weight: 400; font-size: 30px; line-height: 30px; color: #2a2a2a; text-transform: uppercase; padding-bottom: 50px; text-align: center;}
.carousel-box{position: relative;}
.carousel-box .inner{position: relative; overflow: hidden;}
.carousel.main{position: relative; overflow: hidden; margin: 0; padding: 0;margin-right: -20px; }
.caroufredsel_wrapper{padding: 0; margin: 0;}
.caroufredsel_wrapper ul{padding: 0; margin: 0;}
.carousel-box ul li { float:left; display: inline-block; padding:0px 0px 0px 0px; position:relative;  overflow:hidden; padding-right:20px }



.banner{}
.banner .banner_inner{padding-top: 20px;}
.banner .banner_inner a{display: block; text-decoration: none; background: #dd8931; position: relative; padding: 8px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
.banner .banner_inner a .img{position: absolute; right: 20px; top: -10px; z-index: 2;}
.banner .banner_inner a .title{padding: 15px; font-family:'Fredoka One'; font-size: 24px; color: #fff; line-height: 30px; text-transform: uppercase;}
.banner .banner_inner a .txt{background: #c57724;border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; padding: 20px; text-align: center;}
.banner .banner_inner a .txt .txt1{font-size: 14px; line-height: 20px; color: #fff; padding-bottom: 15px;}
.banner .banner_inner a .txt .txt2{display: inline-block; padding: 8px 15px; color: #c57724; background: #fff; background: rgba(255, 255, 255, 0.5); font-size: 14px; font-weight: 700; line-height: 20px;border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
.banner .banner_inner a:hover .txt .txt2{background: rgba(255, 255, 255, 1);}

.banner.banner1 .banner_inner a{}
.banner.banner2 .banner_inner a{background: #9dbd4b;}
.banner.banner3 .banner_inner a{background: #ebbb37;}
.banner.banner4 .banner_inner a{background: #6e9ccc;}
.banner.banner5 .banner_inner a{background: #c9512c;}

.banner.banner1 .banner_inner a .txt{}
.banner.banner2 .banner_inner a .txt{background: #91ae46;}
.banner.banner3 .banner_inner a .txt{background: #dbaf38;}
.banner.banner4 .banner_inner a .txt{background: #6491c0;}
.banner.banner5 .banner_inner a .txt{background: #b94724;}

.banner.banner1 .banner_inner a .txt .txt2{}
.banner.banner2 .banner_inner a .txt .txt2{color: #91ae46;}
.banner.banner3 .banner_inner a .txt .txt2{color: #dbaf38;}
.banner.banner4 .banner_inner a .txt .txt2{color: #6491c0;}
.banner.banner5 .banner_inner a .txt .txt2{color: #b94724;}

/*  13  - Testimonial
----------------------------------------------*/
.testimonial .testimonial-item {
    position: relative;
}

.testimonial .testimonial-details {
    position: relative;
    padding: 30px;
    border: 2px solid #ffc000;
    border-radius: 8px;
    margin-bottom: 14px;
}

.testimonial .testimonial-item:nth-child(2) .testimonial-details {
    border: 2px solid #e84b3a;
}

.testimonial .testimonial-item:nth-child(3) .testimonial-details {
    border: 2px solid #fc7f0c;
}

.testimonial .testimonial-item:nth-child(4) .testimonial-details {
    border: 2px solid #ffc000;
}

.testimonial .testimonial-item:nth-child(5) .testimonial-details {
    border: 2px solid #e84b3a;
}

.testimonial .testimonial-item:nth-child(6) .testimonial-details {
    border: 2px solid #fc7f0c;
}

.testimonial .testimonial-details:before {
    font-family: FontAwesome;
    content: "\f10d";
    position: absolute;
    top: 5px;
    left: 6px;
    font-size: 22px;
    /* background: #fff; */
    color: #ffc000;
    line-height: 24px;
    padding-right: 10px;
    padding-bottom: 7px;
}

.testimonial .testimonial-item:nth-child(2) .testimonial-details:before {
    color: #e84b3a;
}

.testimonial .testimonial-item:nth-child(3) .testimonial-details:before {
    color: #fc7f0c;
}

.testimonial .testimonial-item:nth-child(4) .testimonial-details:before {
    color: #ffc000;
}

.testimonial .testimonial-item:nth-child(5) .testimonial-details:before {
    color: #e84b3a;
}

.testimonial .testimonial-item:nth-child(6) .testimonial-details:before {
    color: #fc7f0c;
}

.testimonial .testimonial-details:after {
    font-family: FontAwesome;
    content: "\f10e";
    position: absolute;
    bottom: 3px;
    right: 6px;
    font-size: 22px;
    /* background: #fff; */
    color: #ffc000;
    line-height: 24px;
    padding-left: 10px;
    padding-top: 7px;
}

.testimonial .testimonial-item:nth-child(2) .testimonial-details:after {
    color: #e84b3a;
}

.testimonial .testimonial-item:nth-child(3) .testimonial-details:after {
    color: #fc7f0c;
}

.testimonial .testimonial-item:nth-child(4) .testimonial-details:after {
    color: #ffc000;
}

.testimonial .testimonial-item:nth-child(5) .testimonial-details:after {
    color: #e84b3a;
}

.testimonial .testimonial-item:nth-child(6) .testimonial-details:after {
    color: #fc7f0c;
}

.testimonial .testimonial-details img {
    position: absolute;
    bottom: 0px;
    left: 30px;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.testimonial .testimonial-details p {
    margin-bottom: 5px;
}

.testimonial .testimonial-details h4 {
    font-size: 20px;
    color: #e84b3a;
}

.testimonial .testimonial-details h4 span {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #707070;
}

.testimonial .testimonial-image {
    height: 80px;
    width: 80px;
    border: 4px solid #ffc000;
    border-radius: 100%;
    overflow: hidden;
    -webkit-transform: translateX(70px);
    transform: translateX(70px);

}

.testimonial .testimonial-item:nth-child(2) .testimonial-image {
    border: 4px solid #e84b3a;
}

.testimonial .testimonial-item:nth-child(3) .testimonial-image {
    border: 4px solid #fc7f0c;
}

.testimonial .testimonial-item:nth-child(4) .testimonial-image {
    border: 4px solid #ffc000;
}

.testimonial .testimonial-item:nth-child(5) .testimonial-image {
    border: 4px solid #e84b3a;
}

.testimonial .testimonial-item:nth-child(6) .testimonial-image {
    border: 4px solid #fc7f0c;
}

.testimonial-three {
    background-image: url(../../images/background/testimonial-bg.jpg);
    background-size: cover;
    background-position: center;
}

.testimonial-three .testimonial-item {
    text-align: center;
}

.testimonial-three .testimonial-image {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    display: inline-block;
    margin-bottom: 10px;
}

.testimonial-three .testimonial-details {
    border: none !important;
    text-align: center;
    padding: 0px;
}

.testimonial-three .testimonial-details span {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    color: #707070;
    display: inline-block;
    margin-bottom: 15px;
}

.testimonial-three .testimonial-details .icon {
    display: block;
    color: #e84b3a;
    font-size: 30px;
    line-height: 50px;
    display: none;
}

.testimonial-three .testimonial-details p {
    max-width: 700px;
    margin: 0 auto;
    line-height: 28px;
}

.testimonial-three .testimonial-details:before {
    display: none;
}

.testimonial-three .testimonial-details:after {
    display: none;
}

.nax {
    background: url(../img/nax.png) repeat-y left, url(../img/nax.png) repeat-y right;
}
.bg-digit {
    background: url(../img/bg_tx2.jpg);
    /* background: url(../img/header_bg5.png); */
    /* background: url(../img/header-golden.jpg); */
}

.tops{
	/* background-color: rgb(255 255 255 / 77%) !important; */
}


#footer {
    font-family: 'Calibri Light', sans-serif !important;
    width: 100%;
    min-height: 200px;
    background: #3e3d3d;
    color: #3e3d3d;
    border-top: 3px solid #d69d36;
    position: relative;
    margin-top: 55px;
}

#footer .logo_footer {
    margin-top: -55px;
    margin-bottom: 20px;
}

#footer ul {
    list-style-type: none;
    margin-top: 25px;
    width: auto;
}

#footer ul li {
    padding-bottom: 10px;
    color: #c0c0c0;
    font-size: 1em;
}

#footer a,
#footer h4 {
    color: #c0c0c0;

}

#footer hr {
    border-top: 1px solid black;
    margin-bottom: 0;
    margin-top: -10px;

}

#footer .network {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 12px;
    font-size: 1.1em !important;
}

#footer .network i {
    padding-left: 10px;
    font-size: 1.5em;
}

#footer .end {
    text-align: center;
    padding-bottom: 20px;

}

#footer .set_text {
    text-align: center;
    font-size: 2em;
    line-height: 1.5em;
}

#footer .set_text .position {
    margin: 35px auto;
    color: #bdbdbd;
    font-size: 1em;
    padding: 0;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    letter-spacing: 2px;
    word-break: normal;
}

#footer .left_border {
    border-right: 1px solid #494848;
    padding-right: 30px;
    text-align: right;
    padding-left: 20px;
}

#footer .right_border {
    border-left: 1px solid #494848;
    padding-left: 30px;
}

#footer .right_border i:hover {
    text-decoration: underline;
}

#footer .copyright {
    padding: 5px 0;
    font-size: 0.9em;
    letter-spacing: 1px;
    font-weight: bold;
    color: #b8b8b8;
}

#footer .footer_down {
    background: #444242;
}

#accordion .panel-body img{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 3px;
}

/*ref*/
.ref{
	position: relative;
	margin-bottom: 150px;
}
.ref:after{
	content: '';
    position: absolute;
    width: 100%;
    height: 110px;
    background-color: red;
    background: url(../img/ref_sol.png) no-repeat,
				/* url(../img/ref_orta.png) repeat-x 0 0, */
				url(../img/ref_sag.png) no-repeat right;
}
.ref:before{
	content: '';
    position: absolute;
	bottom: -110px;
    width: 80%;
	left:100px;
    height: 110px;
    background-color: red;
    background: url(../img/ref_orta.png) repeat-x 0 0;
}

.ss91.sl_2 img{
	margin-top: -15px;
}
.ss91.sl_2{
	font-family: 'Times New Roman';
	font-style: italic;
}
.ss91.sl_2{
	background-size: contain;
    background-image: url(../img/slider-bg.jpg);
	background-repeat: no-repeat;
	background-position: center 40px;
}
.bkrdr:after{
	content: '';
	position:absolute;
	bottom:-35px;
	right: 0;
	z-index:1;
	width: 300px;
	height: 200px;
	background-size: 100% 100%;
    background-image: url(../img/bookreader.png);
	background-repeat: no-repeat;
}
.ss91.sl_2:after{
	content: '';
	position:absolute;
	bottom: -36px;
    left: -43px;
    width: 160px;
    height: 160px;
	background-size: 100% 100%;
    background-image: url(../img/booooks.png);
	background-repeat: no-repeat;
}

.elibbt{
	margin-top:30px;
	padding:20px 0;
	position: relative;
	z-index: 2;
}

.follow-us-title {
	color: rgb(195, 157, 24);
    font-family: dinproreg;
    text-transform: uppercase;
    font-size: 24px;
}
.social_in {
	margin-top: 15px;
    /* border-bottom: 1px solid #c39d18; */
    padding-bottom: 15px;
}
#instafeed img {
	width: 220px;
    margin-right: 5px;
	opacity: .8;
	transition: all .5s linear;
	height: 150px !important;
    object-fit: cover !important;
}
#instafeed img:hover {
	opacity: 1;
	transition: all .5s linear;
}
.other-social-container {
	margin-top: 15px;
	padding-bottom: 15px;
}
.fb-container {
	float: left;
    width: 500px;
    margin-right: 15px;
    margin-left: 35px;
    border-right: 1px solid #c39d18;
    padding-right: 40px;
}
.yt-tw-container {
	float: left;
	width: 500px;
    margin-left: 30px;
}
.in-title-content,
.fb-title-content,
.yt-title-content,
.tw-title-content {
	display: inline-block;
}

h1{
	margin-top: 0
}

.dtsv{
	position: absolute;
	bottom: 0;
}




.parsley-errors-list{
	display:none !important;
}

.parsley-success{
	border: 1px solid green !important;
}
.parsley-error{
	border: 1px solid red !important;
}

.parsley-errors-list.filled{
	color: red;
	position: absolute;
}

div.message-alert,
div.message-alert2 {
    margin: 0 0 10px;
    background-color: #c9f7b2;
    color: #61a600;
    padding: 18px 30px 18px 20px;
    font-size: 14px;
    border: none;
	display:none;
}

div.message-alert2.mess-errors,
div.message-alert.mess-errors {
    background-color: #ffd9d9;
    color: red;
}


.message{}
.message h2{font-weight:normal; font-size:16px; margin-top:0; }
.message p{
	margin-bottom: 5px;
} 
.message p label{
	display: inline-block;
    width: 100px;
    font-weight: normal;
    margin: 0 10px 0 0;
    font-size: 12px;
}
.message p span{display:inline-block; width:60px;}
.message p abbr{display:block; background:#ddd; overflow:hidden; border:1px solid #aaa; border-right-color:#fff; border-bottom-color:#fff;}
.message p abbr em{display:block; height: 5px; width:100%; background:#738A8D;}
.message div{margin:20px 0; }
.relative{
	position: relative;
}
.izah{
	/* position: absolute;
    bottom: 0px;
    left: 0; */
    padding: 5px 10px;
}
.variantlar .text-success {
    color: #5cb85c;
}
.variantlar .text-danger {
    color: #ea1f19;
}
.variantlar label:hover {
	cursor: pointer;
}

.active_page {
    box-shadow: 0 1px 1px yellow, 1px 0 1px yellow, -1px 0 1px yellow, 0 -1px 1px yellow, 0 0 7px yellow;
    margin-top: -5px;
}

#page_navigation .btn-danger {
    color: #fff;
    background-color: #ea1f19;
    border-color: #d62923;
}

/* iCheck plugin Square skin, blue
----------------------------------- */
.icheckbox_square-blue,
.iradio_square-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(../img/blue.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-blue {
    background-position: 0 0;
	margin-right: 5px;
}
    .icheckbox_square-blue.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-blue.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-blue.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-blue.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-blue {
    background-position: -120px 0;
}
    .iradio_square-blue.hover {
        background-position: -144px 0;
    }
    .iradio_square-blue.checked {
        background-position: -168px 0;
    }
    .iradio_square-blue.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-blue.checked.disabled {
        background-position: -216px 0;
    }

#test_form #content{
	margin: 0;
	padding: 0;
	list-style: none;
}


.my-3 {
    margin-top: 2rem!important;
    margin-bottom: 2rem!important;
}

.my-2 {
    margin-top: 0.5rem!important;
    margin-bottom: 0.5rem!important;
}

.mb-2 {
    margin-bottom: 0.5rem!important;
}

#test_form .border, table .border {
    border: 1px solid #dee2e6;
}

.border-warning {
    border-color: #ffc107!important;
}
.rounded-circle {
    border-radius: 50%!important;
}

.nums{
	position: absolute;
}

.su-al{
	padding-left:25px;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-body {
    flex: 2 2 auto;
    padding: 2rem 1rem;
}


table.cvk tr>th{
	vertical-align: middle;
}

.form-group{
	margin-bottom: 15px;
	
}

.btn-outline-warning.active {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-outline-warning:active,
.btn-outline-warning:active:hover {
    color: #000;
    background-color: transparent;
    border-color: #ffc107;
}

.cvb.active{
	background: #ffc107!important
}
.cvb{
	width: 4rem;
    margin: 0 auto;
    height: 4rem;
    line-height: 3.8rem;
    position: relative;
    cursor: pointer;
}
.cvb input[type="checkbox"]{
	display: none;
}

.brd-clr{
	border-color: #ffcb2f;
}

.cvb.mini {
    width: 4rem;
    height: 4rem;
    line-height: 3.8rem;
}
.ext-btn{
	cursor: pointer;
}

._gr {
    background: #5cb85c;
    border-color: #5cb85c !important;
    color: white;
}

._re {
    background: #ea1f19;
    border-color: #ea1f19 !important;
    color: white;
}

._or {
    background: #fec518;
}

.nav-menu{
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav-menu li{
	display: inline-block;
	margin-right: 10px
}

/*book*/
.book-main{
	width: 81.5%;
    max-width: 215px;
    height: 303px; 
	margin: auto;
}
.book{
	width: 100%;
    height: 100%;
	display: inline-block;
	margin: 5px;
	background: #fff;
	transform-style: preserve-3d;
	box-shadow: inset 300px 0 50px rgb(0 0 0 / 20%), 0 0 15px rgb(0 0 0 / 20%);
	transition: 1s;
}
.book:hover {
    box-shadow: inset 15px 0 40px rgb(0 0 0 / 20%), 0 0 15px rgb(0 0 0 / 20%);
}

.book:before{
	content: '';
	position: absolute;
	top: -5px;
	left: 0;
	width: 100%;
	height: 5px;
	transform-origin: bottom;
	transform: skewX(-45deg);
	background: repeating-linear-gradient(0deg, #fff, #000 1px, #fff 1px, #000 3px );
}
.book:after{
	content: '';
	position: absolute;
	right: -5px;
	top: 0;
	width: 5px;
	height: 100%;
	transform-origin: left;
	transform: skewY(-45deg);
	background: repeating-linear-gradient(90deg, #fff, #000 1px, #fff 1px, #000 3px );
}

.book .imgbox{
	width: 100%;
	height: 100%;
	position: relative;
	transform-origin: left;
	z-index: 99999;
	transition: 1s;	
}
.imgbox img{
	width: 100%;
	height: 100%;
	z-index: 99999;
	position: relative;
}

.book:hover .imgbox{
	transform: rotateY(-135deg);
}

.book .content h4{
	margin-bottom: 20px;
}
.pdetail table{
	min-width: 50%;
}
.pdetail table tr{
	border-bottom: 1px dashed #ddd;
}
.pdetail table tr:last-child{
	border-bottom: none;
}
.book .content table tr{
	border-bottom: 1px dotted #ccc;
}
.pdetail table td,
.book .content table td{
	vertical-align:top;
	line-height: 1.2;
	color: #333;
	padding:10px 2px 2px;
}
.book .content{
	position: absolute;
	top: 0;
	left:0;
	z-index: -99;
	padding: 15px;
}

.bg-ff1c{
	background: #fff1c6;
}

.justify-content-center{
	justify-content: center!important;
	--bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

#content .col {
    flex: 0 0 0%;
    padding-right: calc(var(--bs-gutter-x) * .2);
    padding-left: calc(var(--bs-gutter-x) * .2);
    margin-top: var(--bs-gutter-y);
}

#snav .panel{
	position: relative;
	margin-bottom: 70px;
}

.snews:after,#snav .panel:after{
	content: '';
    display: block;
    height: 50px;
    width: 100%;
    background: url(../../img/raggy1.png) 0 0 repeat-x;
    position: absolute;
    bottom: -50px;
	opacity: .8;
}

.bg-tint-8{
	background-color: rgba(255, 255, 255, 0.6);
}

.smlt{
	font-size: 12px;
}

.card-header:after{
	content: "";
	display: block;
	clear: both;
}

.test_car.slidersm.owl-carousel .owl-item img{
	width: unset;
    display: inline-block;
    height: unset;
	margin-right: 5px;
}
.test_car{
	/* margin-top: 70px !important; */
}
.slidersm.owl-carousel.test_car .owl-dots {
    top: 0px;
	bottom: unset;
}
.owl-theme.test_car .owl-dots .owl-dot span {
    width: 30px;
    height: 30px;
    margin: 5px;
    display: block;
    background: #eaeaea;
    box-shadow: 0 0 2px;
    line-height: 30px;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 5px;
}
.owl-theme.test_car .owl-dots .owl-dot.active span {
    background: rgba(130, 96, 38, 0.9);
	color: #fff;
}

#test_form{
	/* padding: 0 21px 0 48px; */
}

.cbook{
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
}
.cbook .card{
	background: transparent;
}
.cbook .panel-body{
    background: url(../../img/cbook2.jpg);
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(255,255,255,.6);
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: rgba(255,255,255,.2);
}

.ticket, .spanel{
	position: relative;
}
.ticket:before,
.spanel:before{
	content: '';
    display: block;
    height: 20px;
    left: 0;
    right: 0;
    background: url(../../img/page_bg_top.png) 0 0 repeat-x;
    position: absolute;
    top: -9px;
    opacity: .9;
}
.ticket:after,
.spanel:after{
	content: '';
    display: block;
    height: 20px;
    left: 0;
    right: 0;
    background: url(../../img/page_bg_bot.png) 0 0 repeat-x;
    position: absolute;
    bottom: -20px;
    opacity: .9;
}


.spanel:before, .spanel:after{
    opacity: .8;
}








/*--bundle--*/

:root {
    --color-primary: #fff;
    --color-secondary: #f6f6f6;
    --color-tertiary: #2171d0;
    --color-tertiary-dark: #1a559e;
    --color-tertiary-light: #619de5;
    --color-icons: #7c8db5;
    --color-text-primary: #727475;
    --color-text-header: #225d81;
    --color-text-secondary: #fff;
    --color-border-slim: #f1f1f1;
    --color-border-bold: #e0e0e0;
    --color-shadow: rgba(0, 0, 0, 0.2);
}
@charset "UTF-8"; /*!
 * Bootstrap  v5.2.0 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
}

.header-container {
    background-color: var(--color-tertiary);
    box-shadow: 0 6px 6px var(--color-shadow);
}
.additional-info-box,
.akademiya-video-container .video,
.appeal-contaiener .appeal-box,
.home-about-contaiener,
.home-news-wrapper a {
    box-shadow: 0 0 10px var(--color-shadow);
}
.app-header {
    border-top: 1px solid var(--color-border-slim);
}
.menu-language-container {
    display: flex;
    gap: 16px;
    justify-content: space-between;
}
#top-header,
.btn-read-mode {
    margin-top: 10px;
}
#top-header a {
    text-decoration: none;
}
#top-header a span {
    font-size: 14px;
    font-weight: 700;
}
.header-content {
    display: flex;
    align-items: center;
}
.header-left-side,
.language {
    align-items: center;
    display: flex;
}
.header-left-side {
    gap: 16px;
}
.header-left-side .form-check-input:checked {
    background-color: #696969;
    border-color: #435ebe;
}
.language {
    gap: 6px;
    margin-top: 6px;
}
.header-right-side {
    display: flex;
    gap: 16px;
    align-items: center;
    margin-top: 4px;
}
.header-right-side .header-phone {
    display: flex;
    gap: 4px;
    margin-left: 16px;
}
.header-right-side .header-phone span,
.slider-datetime-container div i {
    font-size: 14px;
}
.menu-bar .menu-bar-main-link-content,
.top-banner-left {
    display: flex;
    gap: 10px;
    align-items: center;
}
.top-banner-left h5 {
    width: 400px;
}
.top-banner-left img {
    height: 100px;
    width: 100px;
}
.akademiya-video-container,
.top-banner-right {
    position: relative;
}
.Haydar-Aliyev-Expression {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}
.Haydar-Aliyev-Expression span {
    width: 400px;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 20px;
}
.Haydar-Aliyev-Expression img,
.home-usefulLinks-slider {
    height: 100px;
}
.haydar-aliyev-name {
    position: absolute;
    bottom: 0;
    right: 100px;
    font-style: normal !important;
    font-size: 16px !important;
    margin-bottom: 6px !important;
}
.application-body {
    min-height: calc(100vh - 579px);
    padding: 26px 16px;
}
.first {
    background-color: var(--color-secondary) !important;
}
.second {
    background-color: var(--color-primary) !important;
}
.home-intro {
    display: grid;
    grid-template-columns: 1fr 276px;
    gap: 16px;
}
.home-news {
    display: grid;
    grid-template-rows: 30px 1fr 30px;
    gap: 8px;
}
.home-news-cover h6 {
    color: #000;
    font-size: 0.86rem;
    font-weight: 700;
}
.news-header-text {
    text-align: center;
    font-weight: 700;
    margin-top: 6px;
}
.home-news-wrapper {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    gap: 16px;
    padding: 16px;
    background: var(--color-primary);
}
.news-img-container {
    padding: 6px;
}
.news-img-container img {
    height: 160px;
    width: 100%;
    object-fit: cover;
}
.home-news-wrapper a {
    text-align: center;
    transition: 0.3s;
    padding: 10px;
    background: var(--color-secondary);
}
.news-date {
    font-size: 11px;
    color: #007000;
    font-weight: 600;
}
.home-slider {
    width: 100%;
    height: 860px;
}
.appeal-box .img-box img,
.each-home-slide img,
.over-view {
    height: 100%;
    width: 100%;
}
.over-view {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
}
.slider-text-container {
    background-color: rgba(4, 67, 119, 0.6);
    padding: 10px;
    top: 40px;
    left: 16px;
    max-width: 500px;
    transform: translateY(10%);
    position: absolute;
    text-align: left;
    color: #fff;
    display: flex;
    gap: 20px;
    flex-direction: column;
    z-index: 3;
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -o-transform: translateY(10%);
}
.slider-text-container .slider-text-content {
    font-size: 18px;
    font-weight: 500;
}
.slider-datetime-container {
    display: flex;
    gap: 16px;
}
.slider-details-container {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}
.menu-bar .menu-bar-main-link-content i,
.slider-datetime-container div span {
    font-size: 12px;
}
.each-home-slide {
    position: relative;
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.each-home-slide img {
    display: block;
    object-fit: cover;
}
.apeal-additional-info-box {
    display: grid;
    gap: 30px;
    grid-template-columns: 0.6fr 1.4fr;
}
.appeal-contaiener {
    box-sizing: border-box;
}
.appeal-content {
    height: 230px;
    overflow: hidden;
}
.appeal-content > h5 {
    margin-bottom: 8px !important;
}
.appeal-content p:nth-child(2) {
    text-align: center !important;
}
.appeal-content > p,
.appeal-content > p > span {
    margin-bottom: 8px !important;
    font-size: 14px !important;
    line-height: 25px !important;
}
.appeal-contaiener .appeal-box {
    position: relative;
    padding: 66px 20px 10px;
    transition: 0.5s;
    text-align: center;
    background: var(--color-primary);
    color: var(--color-text-primary);
	height: 100%;
}
.appeal-contaiener .appeal-box .img-box {
	position: absolute;
    top: -60px;
    left: 50%;
    padding: 5px;
    background: white;
    box-shadow: 0 0 5px;
    transform: translateX(-50%);
    width: 120px;
    height: 120px;
    overflow: hidden;
}

.additional-info-contaiener {
    display: grid;
    gap: 26px;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
}
.additional-info-box {
    background: var(--color-primary);
    display: grid;
    grid-template-rows: 240px;
    transition: 0.6s;
}
.additional-info-box:hover {
    transform: scale(1.05);
}
.additional-info-box .img-box {
    display: flex;
    justify-content: center;
    padding: 30px;
}
.additional-info-box img {
    width: 80%;
    height: 80%;
    object-fit: cover;
}
.info-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    padding: 10px;
    background: var(--color-tertiary);
}
.info-content span {
    color: var(--color-secondary) !important;
}
.info-content h5,
.info-content p {
    color: var(--color-text-secondary);
}
.info-content h5 {
    font-size: 15px;
}
.info-content p {
    font-size: 13px;
    text-align: center;
    height: 100%;
}
.home-about-contaiener p,
.home-entity-count-text {
    color: var(--color-text-primary);
}
.home-about-contaiener {
    padding: 40px 37px 33px;
    position: relative;
    background: var(--color-primary);
}
.home-about-contaiener p {
    font-size: 14px;
    /* font-family: robotoFontRegular; */
    line-height: 26px;
}
.home-about-contaiener h5 {
    position: absolute;
    padding: 8px 26px;
    mask: alpha;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-tertiary);
    color: var(--color-primary);
}
.entity-count-video {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
}
.video-container {
    background: url("/assets/images/Home/temp.jpg") center center/contain no-repeat;
}
.home-entity-count-contaiener {
    display: flex;
    align-items: center;
    padding: 4px 0;
    gap: 16px;
}
.home-entity-count-box {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 180px;
    height: 240px;
    padding: 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.home-entity-count-box img {
    height: 80px;
    width: 80px;
    margin: 20px auto 10px;
}
.home-entity-count {
    color: var(--color-tertiary);
}
.home-entity-count-contaiener:nth-child(2) {
    border-right: 2px solid;
}
.each-usefulLinks-home-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    box-shadow: 0 0 4px var(--color-shadow);
    margin: 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.footer-line,
.sub-menu-1 ul li {
    text-align: left;
    position: relative;
}
.each-usefulLinks-home-slide img {
    display: block;
    width: 100%;
    height: 100px;
    transform: scale(0.9);
}
.footer {
    background-color: var(--color-tertiary);
    color: var(--color-primary);
    position: relative;
}
.footer-container {
    min-height: 280px;
    padding: 10px 0;
}
.footer-container .container,
.footer-container .row {
    height: 100%;
}
#aesmamap {
    height: 240px;
    width: 100%;
}
.footer-line {
    height: 24px;
    background: linear-gradient(90deg, var(--bs-info) 10%, var(--bs-danger) 60%, #4bca94 100%);
    width: 100%;
    line-height: 24px;
    font-size: 12px;
    padding: 0 16px;
}
.footer-line i {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
}
.address-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer-address {
    font-size: 14px;
    text-shadow: 2px 2px 4px #000;
}
.footer-address p {
    margin: 24px 0 0;
    padding: 0;
}
.footer-contact {
    color: var(--color-primary);
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.footer-contact a {
    color: var(--color-primary);
    display: grid;
    align-items: center;
    grid-template-columns: 36px 1fr;
}
.footer-contact a i {
    font-size: 18px;
}
.footer-logo-left {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}
.footer-logo-left img {
    height: 140px;
    width: 140px;
}
.footer-logo-left h6 {
    max-width: 300px;
    line-height: 28px;
    color: #fff;
}
.menu-bar-container .menu-bar {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 16px;
    list-style: none;
    color: #fff;
    margin-top: 10px;
    margin-left: 20px;
}
.menu-bar li {
    padding: 10px;
    z-index: 99;
}
.menu-bar li a {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    width: 100%;
}
.sub-menu-1 {
    margin-top: 10px;
    margin-left: -10px;
    display: none;
}
.sub-menu-1 ul {
    padding: 0;
    list-style: none;
    min-width: 150px;
    margin-top: 10px;
}
.sub-menu-1 ul li {
    padding: 10px;
    height: 46px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    background: 0 0;
    border-radius: 0;
}

@media only screen and (max-width: 1440px) {
    .app-name {
        font-size: 16px;
    }
    .header-phone a span,
    .language a span {
        font-size: 12px !important;
    }
    .Haydar-Aliyev-Expression span {
        width: 320px !important;
    }
    .home-about-contaiener p {
        margin-bottom: 0 !important;
    }
    .appeal-modal-dialog {
        max-width: 80% !important;
    }
}
@media only screen and (max-width: 1400px) {
    .graduate-image-container {
        grid-template-columns: repeat(5, 1fr) !important;
    }
}
@media only screen and (max-width: 1340px) {
    .post-files-container .each-file img {
        height: 200px !important;
        max-height: 200px !important;
    }
    .home-entity-count-box img {
        width: 60px;
        height: 60px;
    }
    .info-content h5 {
        font-size: 14px !important;
    }
}
@media only screen and (max-width: 1210px) {
    .apeal-additional-info-box,
    .post-detail-page {
        grid-template-columns: 1fr !important;
    }
    .post-files-container .each-file img {
        height: 300px !important;
        max-height: 300px !important;
    }
    .home-about-contaiener p {
        font-size: 16px;
    }
    .appeal-contaiener {
        margin-bottom: 20px;
    }
    .home-intro {
        grid-template-columns: 1fr;
    }
    .post-detail-other-news {
        display: none;
    }
    .home-news-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        padding: 16px;
        background: var(--color-primary);
        height: 300px;
    }
    .home-news {
        margin-bottom: 26px;
    }
    .home-entity-count {
        font-size: 30px;
    }
    .home-entity-count-box img {
        width: 80px;
        height: 80px;
    }
}
@media only screen and (max-width: 1120px) {
    .info-content p span {
        font-size: 11px !important;
    }
    .info-content h5 {
        font-size: 12px !important;
    }
    .graduate-image-container {
        grid-template-columns: repeat(4, 1fr) !important;
    }
    .graduate-image-container .profileImage {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }
    .home-slider {
        height: 460px !important;
    }
}
@media only screen and (max-width: 1020px) {
    .title-about-academy {
        font-size: 15px;
    }
    .additional-info-contaiener {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .entity-count-video {
        grid-template-columns: 1fr;
        gap: 26px;
    }
    .post-files-container .each-file img {
        height: 240px !important;
        max-height: 240px !important;
    }
    .home-entity-count-box {
        width: 100% !important;
    }
    .additional-info-box .img-box img {
        width: 200px;
        height: 200px;
    }
    .info-content p {
        font-size: 16px !important;
    }
    .info-content h5 {
        font-size: 18px !important;
    }
    #top-header {
        margin-bottom: 10px;
        margin-left: 16px;
    }
    .app-name {
        font-size: 14px;
        width: 240px !important;
    }
    .Haydar-Aliyev-Expression span {
        width: 240px !important;
        font-size: 12px;
    }
    .menu-bar {
        gap: 6px !important;
        margin-left: 0 !important;
    }
    .menu-bar a {
        font-size: 10px !important;
    }
    .btn-menu-toggle {
        display: block;
    }
    .menu-bar-container .menu-bar {
        background: var(--color-tertiary);
        width: 140px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        list-style: none;
        color: #fff;
        margin-top: 10px;
        margin-left: 20px;
        position: absolute;
        z-index: 999;
    }
    .menu-bar-container {
        display: none;
    }
    .menu-bar .menu-bar-main-link-content {
        display: flex;
        gap: 10px;
        align-items: center;
        width: 120px;
    }
    .sub-menu-1 {
        left: 140px;
        position: absolute;
        margin-top: -26px;
    }
    .slider-text-content {
        font-size: 14px !important;
    }
}
@media only screen and (max-width: 900px) {
    .post-files-container .each-file img {
        height: 200px !important;
        max-height: 200px !important;
    }
    .footer-contact span {
        font-size: 14px;
    }
    .footer-logo-left h6 {
        font-size: 14px;
        width: 200px;
    }
    .footer-address p {
        font-size: 12px;
    }
    .graduate-image-container .profileImage {
        width: 100%;
        height: 280px;
        object-fit: cover;
    }
}
@media only screen and (max-width: 800px) {
    .title-about-academy {
        font-size: 14px;
    }
    .home-news-wrapper {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 16px;
        background: var(--color-primary);
        height: 1200px;
    }
    .graduate-image-container,
    .post-files-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    .graduate-image-container .profileImage {
        width: 100%;
        height: 310px;
        object-fit: cover;
    }
    .additional-info-contaiener img,
    .home-news-wrapper img {
        height: 300px;
    }
    .additional-info-contaiener {
        grid-template-columns: 1fr !important;
    }
    .home-news-wrapper a {
        height: 380px;
    }
    .info-content h5 {
        font-size: 20px !important;
    }
    .info-content p,
    .info-content p span {
        font-size: 16px !important;
    }
    .appeal-modal-dialog {
        max-width: 96% !important;
    }
    .footer-contact {
        align-items: center;
    }
    .footer-contact-letter {
        text-align: center;
    }
    .post-files-container .each-file img {
        height: 200px !important;
        max-height: 200px !important;
    }
}
@media only screen and (max-width: 680px) {
    .post-files-container .each-file img {
        height: 180px !important;
        max-height: 180px !important;
    }
    .graduate-image-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .graduate-image-container .profileImage {
        width: 100%;
        height: 360px;
        object-fit: cover;
    }
    .home-slider {
        height: 320px !important;
    }
}
@media only screen and (max-width: 630px) {
    .post-files-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .post-files-container .each-file img {
        height: 250px !important;
        max-height: 250px !important;
    }
}
@media only screen and (max-width: 590px) {
    .post-files-container .each-file img {
        height: 220px !important;
        max-height: 220px !important;
    }
    .slider-text-content {
        font-size: 12px !important;
    }
}
@media only screen and (max-width: 540px) {
    .post-files-container .each-file img {
        height: 200px !important;
        max-height: 200px !important;
    }
    .graduate-image-container {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .graduate-image-container .each-image {
        text-align: center;
    }
    .graduate-image-container .profileImage {
        width: 60%;
        height: 400px;
        object-fit: cover;
        margin: auto;
    }
}
@media only screen and (max-width: 500px) {
    .post-files-container {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .post-files-container .each-file img {
        height: 420px !important;
        max-height: 420px !important;
    }
}

.scr-auto{
	max-height: 300px;
	overflow-y: auto;
}

/*--swiper test sinaq--*/
.swpc{
	position: relative;
	text-align: center;
}
.mySwiper{
	overflow: hidden;
}

.swiper-pagination-bullet {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #000;
	opacity: 1;
	background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
	color: #fff;
	background: #007aff;
}
.swiper-pagination{
	width: 100% !important;
	top: -50px;
}