a:link {
text-decoration:none;
 }
a {

text-decoration:none;

}
body {
font-family: IRANSans;
margin:0;
	padding:0;
    background-color:#e7e7e7;
 }
.headersmall {
width:97%;
padding: 1.5%;
color:#fff;

}
.headersmalll {
width:100%;
color:#fff;

}
.boxheadersmall {
width:80%;
margin-right:10%;
margin-left:10%;
font-weight:bold;
display:table;

}
.logo {

height:60px;
padding:10px;
margin-bottom:4px;
float:right;
}
.logo:hover {
background-color: #410569;
border-bottom:solid 4px #fff;
margin-bottom:0px;
}

.menu {

float:right;
margin-right:10%;
width:50%;
}
.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu ul li {
    display: inline-block;
line-height:84px;
margin-right:2%;
}
.menu ul li a{
	color:#fff;
}
.menu li ul {
    display: none;
    position: absolute;
    padding: 0;
	background-color: #dd1b4d;
width:20%;
line-height:auto;
margin-right:-5%;
}
.menu li ul li{
    display: block;

}



.menu li:hover ul {

    display: block;
}


.rezrvnobtbut {
float: left;
    width: 10%;
    text-align: center;
    line-height: 81px;
    background-color: #dd1b4d;
    border-top: solid 3px #fff;
transition: 0.5s;
}
.rezrvnobtbut:hover{
background-color: #ad143c;
}


.rezrvnobtbut a{
color:#fff;
}
.slider {
    display: table;
    background-image: url(img/header.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
width:100%;
height:80vh;

}
.sliderbox {
width: 30%;
    float: right;
    margin-right: 5%;
    background-color: #e69415;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10vh;
    color: #fff;

}
.saatcari {
border-bottom: solid 2px #fff;
    padding-bottom: 10px;
}
.saatcaribox {
border-bottom: solid 2px #fff;
    padding-bottom: 10px;
display: table;
    width: 100%;
}
.saatcaribox p{
width:50%;
float:right;
}
.saatcariboxleft {
text-align:left;

}
.socialbox {
width:30px;
height:30px;
border-radius:10px;
padding:5px;
float:right;
display:block;
text-align:center;
margin-right:5px;
}
.socialbox i{
line-height:30px;
}
.underheader {
width:92%;
padding:4%;
display:table;
}


.underheaderbox {
width:27.333333%;
padding:2%;
margin-right:2%;
border-radius:10px;
float:right;
color:#fff;
}

.underheaderbox p{
text-align:justify;
}

.underheaderbox a{
color:#fff;
    border-bottom: solid 1px #fff;

}
.about {
width:96%;
padding:2%;
}
.aboutbox {
width:46%;
padding:2%;
float: right; 
}
.aboutbox h2{
color:#01172c;
}
.aboutbox p{
text-align:justify;
}
.videorow {
    width: 84%;
    display: table;
    background-color: #38cca2;
    color: #fff;
	padding-right:8%;
	padding-left:8%;
padding-top:2%;
padding-bottom:2%;
}
.videobox {
width:50%;
float:right;
text-align:justify;
}
.footer {
background-color:#35383c;
width:96%;
padding:2%;
display:table;
}
.footerbox {
width:25%;
float:right;

}
.footerbox a{
color:#fff;
display:block;
width:100%;
}

.sticky {
z-index:999;
    position: fixed;
    top: 0;
    width: 100%;
	box-shadow: 0 5px 18px #777676;
}

.menuiconmob i{
display:none;
}


 .menumobbb {

	width:80%;
	animation-duration: 1.5s;
        animation-name: slideInRight;
  	animation-delay: 0s;
  	animation-iteration-count: slideInRight;
        background-color:#01172c;
        top:0;
        right:0;
        min-height:100vh;
        position :fixed;
        display:none;
	z-index:9999;
    transition: width 2s;
            overflow: scroll;
      }

#close { 
color:#fff;
font-size:12vw;
}


.menuboxul ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menuboxul ul li{
width:90%;
padding:5%;

}
.menuboxul ul li a{
color:#fff;
font-size:6vw;
}

.menuboxul ul li {
    width: 90%;
    padding: 5%;
    border-bottom: solid 4px #fff;
}


@media all and (max-width:1024px){ 
.boxheadersmall {
    font-size: 5vw;
    text-align: center;
}



.logo {
    height: auto;
    width: 70%;
    margin-right: 15%;
}
.menu {
    display: none;
}

.rezrvnobtbut {
    width: 40%;
    margin-bottom: 3%;
    padding: 20px;
}

.menuiconmob i{
display: block;
    width: 50%;
    text-align: center;
    float: right;
    line-height: 111px;
    font-size: 12vw;
}

.slider {
    background-position: left;
}
.sliderbox {
    width: 74%;
    margin-right: 10%;
    padding: 3%;
    background-color: #e69415c7;
}
.saatcari {
    font-size: 6vw;
}

.saatcaribox p {
    font-size: 4vw;
    font-weight: bold;
}

.socialbox {
    width: 100px;
    height: 100px;
    margin-right: 10px;
}
.socialbox i {
    line-height: 100px;
    font-size: 8vw;
}
.about {
    background-color: #fff;
    display: table;
}

.aboutbox {
    width: 92%;
    padding: 4%;
    font-size: 3vw;
}

.videobox {
    width: 100%;
    margin-top: 10%;
    font-size: 3vw;
}
.underheaderbox {
    width: 88%;
    margin-top: 3%;
    padding: 4%;
}

.footerbox {
    width: 50%;
}
.footerbox a {
    font-size: 4vw;
}


}