@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('IRANSansWeb.woff') format('woff');
}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IRANSans}
.container{width:100%!important;max-width:1170px}
*{outline:none}
.cbp-popup-lightbox{z-index:99999!important}
::-webkit-scrollbar{width:3px;height:7px}
::-webkit-scrollbar-button:end:increment,::-webkit-scrollbar-button:start:decrement{display:block;height:0;width:5px}
::-webkit-scrollbar-button:horizontal:increment,::-webkit-scrollbar-button:vertical:increment{background-color:none}
::-webkit-scrollbar-track-piece{background-color:none}
::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical{background-color:#b3d21b;-webkit-border-radius:3px}
.btnwhite{border:2px solid #fff;padding:12px 40px;color:#fff;background:hsla(0,0%,100%,0);font-family:montserrat;font-weight:400;text-transform:uppercase;font-size:12px;transition:.3s;border-radius:3px;letter-spacing:1px;text-align:center}
.btnwhite:active,.btnwhite:focus,.btnwhite:hover{background:#fff;transition:.3s;color:#010204;text-decoration:none;outline:none;border-color:#fff}
.btndark{border:2px solid transparent;padding:12px 40px;color:#000002;background:#b3d21b;font-family:montserrat;font-weight:400;text-transform:uppercase;font-size:12px;transition:.3s;border-radius:3px;letter-spacing:1px;text-align:center}
.btndark:active,.btndark:focus,.btndark:hover{background:none;transition:.3s;color:#b3d21b;text-decoration:none;outline:none;border:2px solid #b3d21b}
.background{height:100vh;background:url(dc2.jpg) bottom left;background-size:cover;background-attachment:fixed}
.background .button{margin:5px 22px 40px 0;display:inline-block}
.background .logo{text-align:center;display:block;margin:0 0 30px}
.background h1{text-align:right;color:#fff;font-family:IRANSans;font-weight:300;font-size:55px;text-transform:uppercase;letter-spacing:0;margin-top:120px}
@media screen and (min-width: 260px) and (max-width: 640px){/*xs*/
.background h1{text-align:center !important;font-size:30px;background:#000;padding:10px 0;border-radius: 3px;}
}
.background h1 span{
    background: #FFF;
	border-bottom:0px solid #FFF;
    padding: 10px 20px;
    background: rgba(167, 58, 29, 0.0);	
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
}
.background span.descr{display:block;max-width:800px;margin:0 0 24px;text-align:left;color:#fff;font-family:roboto;font-size:21px;line-height:32px;font-weight:100}
.background .container{display:-ms-flexbox;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;height:100%;margin:0 auto}
.vcentr{width:100%;text-align:left}
.framebuy {
   /* background: rgba(0, 0, 0, 0.9);
    margin: 0px;
    position: fixed;
    z-index: 99999999;
    width: 100%;
    bottom: 0px;*/
}
.framebuy div {
    margin: 0 auto;
    /*max-width: 1170px;*/
}
.framebuy h4 {
    font-family: roboto;
    font-size: 26px;
    color: #ffffff;
    margin: 15px 0px;
    display: block;
    float: left;
}
.framebuy a {
    color: #FFFFFF;
    background: #9B2E07;
    padding: 10px 20px;
    display: block;
    /*width: 130px;*/
    text-align: center;
    float: right;
    border-radius: 3px;
    margin-top: 8px;
    margin-left: 20px;
	text-decoration:none;
}

.framebuy a:hover {
    color: #000000;
    background: #FFF700;
    padding: 10px 20px;
    display: block;
    /*width: 130px;*/
    text-align: center;
    float: right;
    border-radius: 3px;
    margin-top: 8px;
}

.mainfeatures {background:#07181b;background-size:cover}
.mainfeablock i{color:#07181b;font-size:24px;border:2px solid #b3d21b;width:62px;height:62px;padding-top:16px;border-radius:100px;display:block;
margin:0;text-align:center;background:#b3d21b}
.mainfeablock h3{color:#fff;font-family:roboto;font-weight:400;font-size:17px;text-transform:uppercase;text-align:left}
.mainfeablock span{display:block;text-align:left;font-family:roboto;font-size:18px;padding:0;color:hsla(0,0%,100%,.7)}