@import url("/cs2/iran-yekan.css");
html {
    font-family:'primary-font';
}
body {

    margin: 0px;
    background-color: #0e775a;
    font-family:'primary-font';
    font-size: 12px;
    color: #FFF;
    line-height: 1.2;
    touch-action: manipulation;
}
center {
direction: ltr;
    text-align: right;
    color: red;
    font-size: large;
}
.contact-row {
    width: 100%;
    margin: 0 auto;
}
button#submit {
    color: black;
font-size: large;
}
.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

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

button#btnBodyTest {
    display: none !important;
}



.contact-row input, .contact-row select {
    height: 22px;
    line-height: normal;
    max-width: 33.33%;

}

.contact-row input, .contact-row textarea, .contact-row select {
    border: 1px solid #575757;
    border-radius: 0px;
    box-shadow: none;
    font-size: 14px;
}
.form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
button, input {
    line-height: normal;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
input {
    line-height: normal;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}







.col-sm-4 {
    width: 33.33333333%;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col1 {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
direction: rtl;
text-align: justify;
    flex-grow: 1;
    max-width: 100%;
}

.col-md-12 {
    width: 100%;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.description1 {
text-align: justify;
    direction: rtl;
    max-width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    color: #199673;
}
.title_site {
    text-align: center;
    color: #ffbc00;
    font-size: medium;
    padding-bottom: 3%;
}
button#btnHome1 {
    margin-left: 2%;
    margin-top: 2%;
    position: fixed;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
margin-top: 10%;
}
.row_contact {
    margin-right: -15px;
    margin-left: -15px;
}
button#btnStart {
    font-family: 'primary-font';
}
.container {
    max-width:1050px;
line-height: 1.6;
    margin:auto;
    height:auto;
font-family: primary-font!important;
    overflow:hidden;
}
.container1 {
    width: 70%;
line-height: 1.6;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
text-align: right;
    margin-left: auto;
}



.container1 {
    max-width: 1140px;
}


.container1 {
    max-width: 960px;
}

.container1 {
    max-width: 720px;
}

.container 1{
    max-width: 540px;
}



.right {
    display:none;
    width:180px;
}




.homeButton {
    -moz-box-shadow: inset 0px 34px 0px -15px #f8b214;
    -webkit-box-shadow: inset 0px 34px 0px -15px #ffba00;
    box-shadow: inset 0px 34px 0px -15px #ffba00;
    background-color: #f8b214;
    border: 2px solid #000000;
    cursor: pointer;
    color: #000000;
    font-family: 'primary-font';
    font-size: 17px;
    font-weight: bold;
    padding: 9px 23px;
    text-decoration: none;
}
.homeButton:hover {
	background-color:#fca32e;
}
.homeButton:active {
	position:relative;
	top:1px;
}




.left {
width:auto;
overflow:hidden;
text-align:center;
margin-top: 2%;
}

#app {
width:100%;
margin:auto;
background-color:#111;
background-size: 100%;

min-height:400px;
transition: height 1s;
}

.appface {
	background-image: url("/im2/appbg2.jpg");
}
.appbody {
	background-image: url("/im2/appbg_mob3.jpg");
}


a {
    color:#FFF;
}

a:visited {
    color:#FFF;
}

#app h10 {
    font-size: 20px;
    margin: 0px;
    display: block;
    direction: rtl;
    padding-right: 5%;
    text-align: right;
    margin-top: 5px;
    margin-bottom: 10px;
}
#app h1 {
    font-size: 30px;
    margin: 0px;
    display: block;
    direction: rtl;
    padding-right: 5%;
    margin-top: 5px;
    margin-bottom: 10px;
}


.sidead {
display:none;
}
.leaderbaord {
    width: 100%;
    height:100px;
}
.bannerad {
    height:100px;
    width: 100%;
}
    
.hint {
    font-size: 18px;
}


.btnSoc {
	display:inline-block;
	width:50px;
	height:50px;
	background-image: url("/im2/psassets5.png");	
}
#btnFB {
	background-position: -245px -110px; 
}
#btnTW {
	background-position: -245px -160px; 
}
#btnWA {
	background-position: -245px -210px; 
}
#btnVK {
	background-position: -245px -260px; 
}
.btnFlag {
	display:inline-block;
	width:35px;
	height:22px;
	background-image: url("/im2/psassets5.png");	
}
.btnLen {
	background-position: -455px 0px; 
}
.btnLes {
	background-position: -455px -22px; 
}
.btnLru {
	background-position: -455px -44px; 
}
.btnLfr {
	background-position: -455px -88px; 
}
.btnLde {
	background-position: -455px -66px; 
}
.btnLzh {
	background-position: -455px -154px; 
}
.btnLja {
	background-position: -455px -176px; 
}
.btnFlagSelected {
	opacity:0.3;
}


.smallText {
    font-size: 13px;
}





div.upload1 {
    width: 52px;
    height: 52px;
	background-image: url("/im2/psassets5.png");
	background-position: 0px 0px; 
    overflow: hidden;
    margin:auto;
}

div.upload2 {
    width: 52px;
    height: 52px;
	background-image: url("/im2/psassets5.png");
	background-position: 0px -52px; 
    overflow: hidden;
    margin:auto;
}
.uploadfile {
    display: block !important;
    width: 52px !important;
    height: 52px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

a.button {
    background-color: #f7a84b;
    background-image: -moz-linear-gradient(top, #ff6181, #F9345C);
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #ff7600),color-stop(1, #ff7600));
    filter: progid:DXImageTransform.Microsoft.gradient (startColorStr='#ff6181', EndColorStr='#F9345C');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorStr='#ff6181', EndColorStr='#F9345C')";
    border: 1px solid #fdfdfd;
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 4px rgb(0 0 0 / 40%);
    box-shadow: 0px 0px 4px rgb(0 0 0 / 40%);
    /* border-radius: 5px; */
    /* -webkit-border-radius: 5px; */
    -moz-border-radius: 18px;
    padding: 7px;
    text-decoration: none;
    text-shadow: #868484 0 1px 0;
    display: inline-block;
    color: #fff;
    line-height: 28px;
    font-size: 22px;
    font-weight: bold;
    }
    
    a.button span {
        display:block;
        height:32px;
        min-width:70px;
        text-align: center;
    }
    
    a.button.icon span{
    padding-left: 36px;
    background: url(../im2/psassets5.png) no-repeat;
    }
    
    a.button.icon.btnFemale span{
        background-position: 0px -410px;
    }
    a.button.icon.btnMale span{
        background-position: 0px -447px;
    }
    a.button.icon.btnRestart span{
        background-position: 0px -485px;
    }
    a.button.icon.btnNext span{
        background-position: 0px -524px;
    }
    a.button.icon.btnPre span{
        background-position: 0px -605px;
    }
    
    
    .camButton {
        background: url(/im2/cambuttons.png);
        border:none;
        outline:none;
        position:absolute;
        cursor: pointer;
    }
    
    .camButton:hover {
        opacity: 0.6;
    }
    .camButtonCap {
        width: 78px; height:78px;
        background-position: 0px 0px!important;
    }
    .camButtonSwitch {
        width: 72px; height:72px;
        background-position: 288px 0px!important;
    }
    .camButtonClose {
        width: 72px; height:72px;
        background-position: 216px 0px!important;
    }
    .camButtonYes {
        width: 72px; height:72px;
        background-position: 144px 0px!important;
    }
    .camButtonNo {
        width: 72px; height:72px;
        background-position: 72px 0px!important;
    }
    
    
    


  .homeFBodOpButtons {
    text-decoration: none;
    background-color: #a9a8a8;
    padding: 3px 8px 3px 8px;
    margin-right: -2px;
  }

.fBodLeftOff {
    border-radius: 25px 0px 0px 25px;
    pointer-events: none;
    background-color: #6d4040;
}
.fBodRightOn {
    border-radius: 0px 25px 25px 0px;
}
.fBodLeftOn {
    border-radius: 25px 0px 0px 25px;
}
.fBodRightOff {
    border-radius: 0px 25px 25px 0px;
    pointer-events: none;
    background-color: #6d4040;
}




@media(max-width: 500px) {
    #app h1 {
        font-size:6vw;
        margin-top:6vw;
        margin-bottom:6vw;        
        }
    .hint {
        font-size: 4vw;
    }

    .app_prog_bar {
        transform: scale(0.8);
    }

    .smallText {
        font-size: 9px;
    }
    
}


@media(max-width: 400px) {
    .smallText {
        font-size: 8px;
    }
}

@media(min-width: 468px) {


#logo {
background-image:url(/im2/header-image.png);
width:100%;
height:150px;
}
}

@media(min-width: 600px) {

}






@media(min-width: 660px) {
    .right {
    width:160px;
    float:right;
    height:610px;
    display:block;
    }

    .sidead {
    display:block;
    width:160px;
    height:600px;
    }

}

@media(min-width: 920px) {
    .right {
    width:320px;
    float:right;
    height:610px;
    display:block;
    }

    .sidead {
    display:block;
    width:300px;
    height:600px;
    }

}

footer {
text-align:center;
}