@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&subset=latin-ext');
*{outline:none;}
body{margin:0px; padding:0px; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px;}
img{border:none; max-width:100%;}
.left{float:left;}
.right{float:right;}
.auto{margin:auto;}
.alignleft {display:inline; float:left; margin-right:1.625em;}
.alignright {display:inline; float:right; margin-left:1.625em;}
.aligncenter{clear:both; display:block; margin-left:auto; margin-right:auto;}
.clear{clear:both;}
a:hover{text-decoration:none;}
input[type="submit"], input[type="reset"], input[type="text"], input[type="password"], input[type="email"], textarea, select{-webkit-appearance:none; -webkit-border-radius:0; border-radius:0;-moz-appearance:none;}
.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
.nopadding{padding:0;}
.nopleft{padding-left:0;}
.nopright{padding-right:0;}
.form-control{border-radius:0;}
.form-control:focus{border-color:#ccc; box-shadow:inset 0 1px 1px rgba(0,0,0,.075);}
.footer, .section{
    margin: 0 auto;
    display: table;
    cursor: pointer;
}
.footer img, .section img{/*width:100%;*/ display:block; margin:auto; overflow:hidden;}
.section img{width:100%; display:block; margin:auto;}
.section a{display:block; height:100%;}
.modal-footer{
	background: #fff;
	border-top: 1px solid #e5e5e5;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.modal-header{
	background: #fff;
	color:#000;
	border-bottom: 1px solid #e5e5e5;
	
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.close {
    color: #fff;
    opacity: 1 !important;
}
.modal-body{
	padding:0 15px 15px 15px;
}
.gif1 {
    position: absolute;
    top: 5%;
    margin: 0 10%;
    width: 80%;
    height: 80%;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
    background-position: center !important;
}
.section2.section,.section3.section {
    cursor:pointer;
    position: relative;
}
.firsatlar {
    position: fixed;
    z-index: 999;
    left: -193px;
    top: 15%;
    height: auto;
    width: 170px;
    padding: 3px;
    border-top: 1px solid #1b6b9c;
    border-right: 1px solid #1b6b9c;
    border-bottom: 1px solid #1b6b9c;
    color: #3c3c3c;
    background: url(img/bg.png);
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 7px 7px 5px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: 7px 7px 5px -6px rgba(0,0,0,0.3);
    box-shadow: 7px 7px 5px -6px rgba(0,0,0,0.3);
}