*{padding:0px;margin:0px;border:0px;}
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote p{font-size:12px !important;}
/* remember to define focus styles! */
:focus{outline: 0;}
/* remember to highlight inserts somehow! */
ins{text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* CSS Mini Reset */
html, body, div, form, fieldset, legend, label
{margin: 0;padding: 0;}
table
{border-collapse: collapse;border-spacing: 0;}
th, td
{text-align: left;vertical-align: top;}
img { border: 0; }
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
/*-------------------------*/
/* Styled By               */
/* Daniyal Kashi           */
/* Daniel_K7@yahoo.com     */
/*-------------------------*/
/*-------------- reset ------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;background: transparent;}
ol, ul {list-style: none;}
table {border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
td,th{text-align: right !important;}
a{text-decoration:none;}
::selection{background:#bbdefb;color:#000;}
::-moz-selection{background:#bbdefb;color:#000;}
::-webkit-input-placeholder {color: #141414 !important;}
::-moz-placeholder {color: #bcbcbc !important;}
:-ms-input-placeholder {color: #bcbcbc !important;}
:-moz-placeholder {color: #bcbcbc !important;}
@font-face{font-family: 'IRANSansWeb';src: url('../fonts/IRANSans-web.eot') format('eot'),url('../fonts/IRANSans-web.woff') format('woff');}
@font-face{font-family: 'IRANSansWebMedium';src: url('../fonts/IRANSans-Medium-web.eot') format('eot'),url('../fonts/IRANSans-Medium-web.woff') format('woff');}
@font-face{font-family: 'IRANSansWebBold';src: url('../fonts/IRANSans-Bold-web.eot') format('eot'),url('../fonts/IRANSans-Bold-web.woff') format('woff');}
body{direction: rtl;font-family: 'IRANSansWeb';font-size: 13px;background: #eeeeee !important;overflow-x: hidden;}
.container{width: 1140px;position: relative;margin: 0 auto;}
.bo{position: absolute;bottom: -20px;right: 0;width: 100%;}
.headerBox{float: right;width: 100%;background: #fff;height: 50px;border-radius: 0 0 70px 70px;box-shadow: 0 3px 5px rgba(0,0,0,0.1);position: relative;z-index: 2;}
.menuBar{margin: 18px 45px 0 0;float: right;}
.menuBar li{display: inline-block;margin-left: 5px;}
.menuBar li a{color: #8749c7;font-size: 14px;padding: 5px 10px;border: 1px solid transparent;transition: all ease-in-out 0.3s;border-radius: 70px;}
.menuBar li a:hover{border-color: #8749c7;}
.logoBox{float: left;background: #fff;padding: 8px 8px 5px 8px;margin-left: 45px;border-radius: 0 0 50% 50%;box-shadow: 0 3px 5px rgba(0,0,0,0.2);}
#main{float: right;width: 100%;position: relative;margin-top: -50px;z-index: 1;}
.headBox{float: right;position: relative;width: 100%;height: 680px;background: url('../img/header.jpg') no-repeat;background-size: cover;}
.headApp{position: absolute;left: 0;margin-top: 95px;}
.contRight{float: right;width: 50%;height: 452px;margin-top: 123px;}
.contRight h3{font-family: 'IRANSansWebMedium';color: #fff;display: inline-block;font-size: 20px;}
.contRight h4{color: #e9e9e9;display: inline-block;font-size: 15px;margin-top: 18px;letter-spacing: 1px;}
.contRight ul{color: #fff;margin-top: 30px;line-height: 30px;font-size: 14px;}
.contRight ul li {padding-top:20px;}
.contRight ul li:before{content: '';background: url('../img/sprite.png') -218px -1px;width: 22px;height: 18px;display: inline-block;position: relative;top: 3px;margin-left: 5px;}
.mainBox{float: right;position: relative;width: 100%;height: 600px;background: url('../img/main.jpg') no-repeat;background-size: cover;}
.rBox{float: right;}
.mainBox h3{color: #8749c7;font-size: 25px;font-family: 'IRANSansWebMedium';margin-top: 65px;}
.mainBox p{width: 610px;color: #807e82;margin-top: 20px;line-height: 30px;text-align: justify;font-size: 14px;}
.mainApp{position: absolute;left: -210px;margin-top: 30px;}
.dlApp{width: 440px;margin-right: 140px;}
.dlAppSms{float: right;width: 100%;position: relative;margin-top: 35px;}
.dlAppSms input{width: 100%;border: 2px solid #8749c7;padding: 12px 10px 12px 0;font-family: 'IRANSansWeb';border-radius: 5px;}
.dlAppSms .dlAppBtn{position: absolute;cursor: pointer;left: -14px;top: 0;background: #8749c7;color: #fff;font-family: 'IRANSansWeb';padding: 13px 20px;border-radius: 5px 0 0 5px;}
.dlAppIc{float: left;margin: 20px 0 0 15px;}
.dlApp a{float: right;margin-left: 10px;margin-top: 20px;}
.lastBox{float: right;position: relative;width: 100%;height: 600px;background: #fff;}
.lastApp{float: right;right: 0;margin-top: 25px;}
.lastBox ul{float: right;font-size: 17px;font-family: 'IRANSansWebMedium';line-height: 50px;color: #8749c7;margin-top: 100px;margin-right: 25px;}
.lastBox ul li:before{content: '';display: inline-block;position: relative;background: url('../img/sprite.png') -1px -1px;width: 33px;height: 33px;top: 14px;margin-left: 15px;}
.appDescription{float: left;background: #f9f6fc;color: #8b8b8c;padding: 0 15px;width: 650px;height: 290px;border-radius: 5px;margin-top: 119px;}
.appDescription h4{color: #8749c7;font-size: 20px;font-family: 'IRANSansWebMedium';margin-top: 70px;}
.appDescription p{font-size: 16px;text-align: justify;letter-spacing: 1px;line-height: 30px;margin-top: 10px;}
footer{float: right;position: relative;width: 100%;height: 310px;background: #8749c7;}
.copyRight{position: absolute;bottom: 3px;width: 100%;background: rgba(0,0,0,0.1);color: #fff;padding: 15px 0 12px;text-align: left;}
.copyRight a{color: #fff;}
.socialsIcon{position: absolute;width: 293px;right: 50%;transform: translateX(50%);color: #fff;margin-top: 85px;text-align: center;line-height: 40px;font-size: 15px;}
.socialsIcon h4{margin-bottom: 5px;}
.socialsIcon ul li{display: inline-block;}
.mobileMenu{display: none;height:100%;width:0;position:fixed;z-index:99999;top:0;overflow-x: hidden;transition: 0.5s;background: rgba(0,0,0,0.8);}
.cs-menu{display: none !important;}
.mobileMenu ul{float: right;width: 100%;margin: 45px 0 0;text-align: center;}
.mobileMenu ul li a{color: #fff;display: block;padding: 10px 0;transition: all ease-in-out 0.3s;}
.mobileMenu ul li a:hover{background: #8749c7;}
@media only screen and (max-width : 1150px) {
    .container{width: 1000px;}
    .bo{bottom: -10px;}
    .appDescription{width: 545px;}
}
@media only screen and (max-width : 1010px) {
    .container{width: 900px;}
    .bo{bottom: -10px;}
    .appDescription{width: 445px;}
    .dlApp{margin-right: 90px;}
    .appDescription h4{margin-top: 60px;}
}
@media only screen and (max-width : 910px) {
    .container{width: 800px;}
    .bo{bottom: -10px;}
    .appDescription{width: 345px;}
    .dlApp{margin-right: 33px;}
    .appDescription h4{margin-top: 25px;}
}
@media only screen and (max-width : 810px) {
    .container{width: 700px;}
    .bo{bottom: -10px;}
    .appDescription{width: 73%;}
    .dlApp{margin-right: 33px;}
    .appDescription h4{margin-top: 25px;}
    .headApp{margin-top: 185px;width: 360px;}
    .rBox,.dlApp{width: 100%;margin-right: 0;}
    .mainApp,.lastApp{display: none;}
    .dlAppIc{float: right;margin: 20px 0 0 0;position: relative;right: 50%;transform: translateX(50%);}
    .dlAppSms input{width: 98%;}
    .dlAppSms .dlAppBtn{left: 0;}
}
@media only screen and (max-width : 710px) {
    .container{width: 600px;}
    .bo{bottom: -10px;}
    .appDescription{width: 69%;}
    .dlApp{margin-right: 33px;}
    .appDescription h4{margin-top: 25px;}
    .headApp{margin-top: 185px;width: 360px;}
    .rBox,.dlApp{width: 100%;margin-right: 0;}
    .mainApp,.lastApp{display: none;}
    .dlAppIc{float: right;margin: 20px 0 0 0;position: relative;right: 50%;transform: translateX(50%);}
    .menuBar{display: none;}
    .mobileMenu,.cs-menu{display: block !important;}
    .cs-menu{float: right;margin-top: 12px;margin-right: 25px;}
    .cs-close{position: absolute;left: 10px;top: 10px;}
    .cs-menu,.cs-close{cursor: pointer;}
}
@media only screen and (max-width : 610px) {
    .container{width: 500px;}
    .bo{bottom: -10px;}
    .appDescription{width: 94%;height: auto;padding: 20px 15px 35px;margin-top: 80px;}
    .lastBox{height: 420px;}
    .dlApp{margin-right: 33px;}
    .appDescription h4{margin-top: 25px;}
    .headApp{margin-top: 380px;width: 260px;}
    .rBox,.dlApp{width: 100%;margin-right: 0;}
    .mainApp,.lastApp{display: none;}
    .dlAppIc{float: right;margin: 20px 0 0 0;position: relative;right: 50%;transform: translateX(50%);}
    .menuBar{display: none;}
    .mobileMenu,.cs-menu{display: block !important;}
    .cs-menu{float: right;margin-top: 12px;margin-right: 25px;}
    .cs-close{position: absolute;left: 10px;top: 10px;}
    .cs-menu,.cs-close{cursor: pointer;}
    .contRight{width: 100%;margin-top: 160px;}
    .dlAppSms .dlAppBtn{left: -4px;}
    .lastBox ul{display: none;}
    .mainBox p{width: 100%;}
}
@media only screen and (max-width : 510px) {
    .container{width: 96%;}
    .bo{bottom: -5px;}
    .appDescription{width: 94%;height: auto;padding: 20px 15px 35px;margin-top: 80px;}
    .headBox,.mainBox{height: auto;}
    .mainBox{padding-bottom: 60px;}
    .headApp{display: none;}
    .lastBox{height: 420px;}
    .dlApp{margin-right: 33px;}
    .appDescription h4{margin-top: 25px;}
    .headApp{margin-top: 380px;width: 260px;}
    .rBox,.dlApp{width: 100%;margin-right: 0;}
    .mainApp,.lastApp{display: none;}
    .dlApp a{float: unset;display: table;margin: 5px auto 5px;}
    .dlAppIc{float: right;margin: 20px 0 0 0;position: relative;right: 50%;transform: translateX(50%);}
    .menuBar{display: none;}
    .mobileMenu,.cs-menu{display: block !important;}
    .cs-menu{float: right;margin-top: 12px;margin-right: 25px;}
    .cs-close{position: absolute;left: 10px;top: 10px;}
    .cs-menu,.cs-close{cursor: pointer;}
    .contRight{width: 100%;margin-top: 160px;}
    .dlAppSms .dlAppBtn{left: -4px;}
    .lastBox ul{display: none;}
}

@media only screen and (max-width : 390px){
    .appDescription{width: 92%;margin-top: 45px;}
    .dlAppSms input{width: 97%;}
}