* {
	margin: 0;
	padding: 0;
}
body {
	background:#fff;
    font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#47494d;
	padding:0px;
	margin:0px;
	direction:rtl;
}

input[type=submit], input[type=button] { appearance: none; -webkit-appearance: none; -moz-appearance: none; }

h1, h2, h3, h4, h5, h6, ul, li {
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	list-style-type: none;
}

a{text-decoration:none; color:#000000;}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none; }

input, textarea, select {
	 font-family:Arial, Helvetica, sans-serif;
}
.clr { clear: both; display: block; width: 100%; }
.clearfix:after, .clearfix:before { clear: both; width: 100%; display: block; content: ''; } 

/* images and misc. */

img {
	border: none;
	max-width: 100%;
	display:block;
}

.float-left{float:left;}
.float-right{float:right;}

.main_container{
	width:100%;
	max-width:1920px;
	margin:0 auto;
}
.wrap{
   	max-width:100%;
	width:1270px;
	margin:0 auto;
	position:relative;
}
/*  ==============  header start  ============== */

.header{position:relative;}
.header-main{position:absolute; left:0; right: 0px; top:0; z-index:99; background:rgba(0,0,0,0.7); padding:10px 0; z-index: 999; }
.header-main .wrap {}
.logo{width:276px; float:left;}

.header-right{float:right; width:660px;}
.x-box{ margin:0 10px 9px 0;}
.x-box ul li{display:inline-block; vertical-align:bottom; margin-left:6px;}
.x-box ul li a{font-size:27px; line-height:22px; color:#fff; font-weight:bold; transition:0.3s;}
.x-box ul li a.small{font-size:20px; }
.x-box ul li a.big{font-size:36px;}
.x-box ul li:hover a{border-bottom:#939393 2px solid;}
.x-box ul li a.selected{border-bottom:#939393 2px solid;}

.login-form{}
.lfield{width:26%; float:right; margin-left:17px;}
.lfield input{display:block; width:100%; height:45px; font-size:90.9090%; color:#878788; background:#fff; border:none; padding:0 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.login-btn{width:21.7857%; float:right;}
.login-btn input,.login-btn button{display:block; width:100%; height:45px; font-size:20px; color:#fff; text-align:center; border:none; padding:0 5px; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
background: rgba(201,3,148,1);
background: -moz-linear-gradient(top, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(201,3,148,1)), color-stop(100%, rgba(136,2,100,1)));
background: -webkit-linear-gradient(top, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
background: -o-linear-gradient(top, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
background: -ms-linear-gradient(top, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
background: linear-gradient(to bottom, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90394', endColorstr='#880264', GradientType=0 );
}
.login-form p {color:#7b7b7b; font-size:14px; padding:3px 9px 0 0;}
.login-form a {color:#7b7b7b; text-decoration:underline;}

.hslider{}
.slider-img{width:100%; height:857px;}

.banner-txt{width:327px; position:absolute; left:15%; top:53%; z-index:99;}
.banner-txt h4{font-size:136.3636%; color:#fff; font-weight:bold; text-align:center; line-height:30px; margin-bottom:25px;}
.banner-txt p{font-size:109.0909%; color:#fff; text-align:center; line-height:28px; margin-bottom:20px;}
.join-btn{width:327px; margin:0 auto;}
.join-btn a{display:block; font-size:145.4545%; color:#fff; line-height:76px; font-weight:bold; text-align:center; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
background: rgba(201,3,148,1);
background: -moz-linear-gradient(top, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(201,3,148,1)), color-stop(100%, rgba(136,2,100,1)));
background: -webkit-linear-gradient(top, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
background: -o-linear-gradient(top, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
background: -ms-linear-gradient(top, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
background: linear-gradient(to bottom, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90394', endColorstr='#880264', GradientType=0 );
}
.android-icon{ text-align:center; margin-top:10px;}
.android-icon span{display:inline-block; vertical-align:top; text-align:center; padding:0 3px;}

/*  ==============  home middile  ============== */

/* join section */
.mid-container{}
.mid-container h1{font-size:218.1818%; line-height:48px; color:#47494d; font-weight:bold; text-align:center; margin-bottom:10px; letter-spacing:-0.5px;}
.mid-container h4{font-size:136.3636%; line-height:30px; color:#47494d; text-align:center; letter-spacing:-0.5px;}

.join-section{padding:30px 0;}
.join-section p{ line-height:26px; color:#47494d; text-align:center; letter-spacing:-0.5px}

.join-section ul{padding:55px 15% 45px; text-align:center;}
.join-section ul li{width:25%; padding:0 10px; float:right;}
.join-icon{margin-bottom:22px;}
.join-icon img{margin:0 auto;}

.regis-btn{width:327px; margin:0 auto; position:relative;}
.regis-btn a{display:block; font-size:145.4545%; color:#fff; line-height:72px; font-weight:bold; text-align:center; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
background: rgba(201,3,148,1);
background: -moz-linear-gradient(top, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(201,3,148,1)), color-stop(100%, rgba(136,2,100,1)));
background: -webkit-linear-gradient(top, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
background: -o-linear-gradient(top, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
background: -ms-linear-gradient(top, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
background: linear-gradient(to bottom, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90394', endColorstr='#880264', GradientType=0 );
}

.regis-btn:after{position:absolute; content:""; right:-65px; top:-10px; width:43px; height:49px; background:url(../images/btn-arrw.png) no-repeat;}
.how-join .regis-btn:after{position:absolute; content:""; right:-65px; top:-10px; width:43px; height:49px; background:url(../images/white-arrw.png) no-repeat;}
/* search section */
.search-section{background:url(../images/search-bg.jpg) no-repeat center top; background-size:cover; width:100%; min-height:650px; padding:65px 0 0; position:relative;}
.search-section h1{margin-bottom:35px;}
.serch-form{width:353px; margin:0 auto; position:relative; z-index:99;}
.sfield{width:100%; margin-bottom:17px;}
.sfield label{ display:inline-block; vertical-align:top; line-height:48px; width:110px; font-size:127%; color:#47494d;}
.sfield input{display:inline-block; vertical-align:top; width:235px; height:48px; font-size:90.9090%; color:#878788; background:#fff; border:none; padding:0 10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.sfield2{width:235px; display:inline-block; vertical-align:top;}
.sfield2 input{ width:88px;}
.sfield2 label{width:46px; text-align:center;}

.send-btn{width:149px; float:left; margin-left:49px; margin-top:11px;}
.send-btn input{display:block; width:100%; height:55px; font-size:136.3636%; font-weight:bold; color:#fff; text-align:center; border:none; padding:0 5px; cursor:pointer; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
background: rgba(201,3,148,1);
background: -moz-linear-gradient(top, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(201,3,148,1)), color-stop(100%, rgba(136,2,100,1)));
background: -webkit-linear-gradient(top, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
background: -o-linear-gradient(top, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
background: -ms-linear-gradient(top, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
background: linear-gradient(to bottom, rgba(201,3,148,1) 0%, rgba(136,2,100,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90394', endColorstr='#880264', GradientType=0 );
}

.select-wrapper{display:inline-block; position:relative; background:url(../images/drop-arrw.jpg) no-repeat left center #fff; width:235px; padding:4px 0; border: none; height:48px; border-radius:5px; -moz- border-radius:5px; -webkit- border-radius:5px; cursor: pointer;box-sizing:border-box; }
.form_field select{ text-align:right; display:block; width:100%; height:33px; font-size:22px; color:#605f62; padding:0px 10px; font-family:Arial, Helvetica, sans-serif; border-radius:5px; -moz- border-radius:5px; -webkit- border-radius:5px; cursor: pointer;box-sizing:border-box;}
.select-wrapper:hover{ }
.select-wrapper .holder{display: block; margin: 0; padding-top:7px; padding-right:10px; font-size:22px; white-space: nowrap; overflow: hidden; cursor: pointer; position: relative;  /*z-index: -1;*/}
.select-wrapper select{margin:0; width:100%; position: absolute; z-index: 2; cursor: pointer; font-size:22px;  color:#605f62; padding-top: 12px; outline: none; opacity: 0; /* CSS hacks for older browsers */ _noFocusLine: expression(this.hideFocus=true); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; left:0px; }

/* video section */
.video-section{padding:104px 0 90px;}
.video-right{width:54%; float:right; padding:57px 0 0;}
.video-right .girlbox{padding-left:50px; float:right; width:36%;}
.video-right .girlbox img{ background:#fff; padding:6px; border:#c7c7c7 6px solid; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} 
.video-right .textbox{ width:64%; float:right; padding:20px 0 0;}
.video-right .textbox h1{text-align:right; margin-bottom:20px;}
.video-right .textbox h1 span{display:block; color:#be038d;}
.video-right .textbox h4{text-align:right;}

.video-left{width:46%; float:left;}
.video-left iframe{width:100%; border:none;}

/* about section */
.about{background:url(../images/about-bg.jpg) no-repeat center center; background-size:cover; min-height:720px; padding:83px 0;}
.about-txt{background:rgba(255,255,255,0.6); padding:65px 62px 72px; width:669px; margin:0 auto; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.about-txt p{ font-size:118.1818%; line-height:40px; text-align:center; letter-spacing:-0.5px}

.about-txt .regis-btn{ margin-top:35px;}
.about-txt .regis-btn:after{ display:none;}

/* magazin section */
.magzin{padding:30px 0 70px;}
.magzin h1{margin-bottom:30px;}
.magzin h3{font-size:136.3636%; color:#dd81c5; text-align:center; font-weight:bold; letter-spacing:-0.5px;}
.magzin h3 a {color:#dd81c5;}
.magzin p{line-height:30px; text-align:center; letter-spacing:-0.5px;}
.magzin ul{text-align:center;}
.magzin ul li{display:inline-block; vertical-align:top; width:27.5%; padding:0 30px;}
.magzin-img{ margin-bottom:45px;}
.magzin-img img{margin:0 auto; width:202px; height:201px; border:#e297c1 12px solid; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}

.conti-btn{margin-top:30px;}
.conti-btn a{display:block; font-size:81.8181%; text-align:center; color:#47494d; line-height:18px;}

/* how join section */
.how-join{background:#cfd0d4; padding:35px 0 38px;}
.how-join .regis-btn{ margin-top:42px;}

/* connect us section */
.connect{padding:35px 0 61px;}
.connect h1{margin-bottom:28px;}
.connect h5{ font-size:118.1818%; font-weight:bold; text-align:center; line-height:24px; letter-spacing:-0.5px; margin-bottom:8px;}
.connect p{font-size:118.1818%; line-height:40px; text-align:center; letter-spacing:-0.5px; margin-bottom:35px;}
.connect ul{text-align:center;}
.connect ul li{display:inline-block; vertical-align:top; width:140px; min-height:169px; margin:0 14px; border:#e297c1 10px solid; background:#fff; padding:12px 0 5px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.connect ul li .icon{}
.connect ul li .icon img{margin:0 auto}

.mobile-icon{position:absolute; right:133px; bottom:0;}
.mobile-icon:after{position:absolute; content:""; left:-65px; bottom:55px; width:43px; height:49px; background:url(../images/mobile-arrw.png) no-repeat;}

/*  ==============  footer start  ============== */
.footer{background:#0f1526; padding:65px 0 95px;}
.footer-main{padding:0 15%;}
.footer-main h6{font-size:81.8181%; color:#fff; font-weight:bold; margin-bottom:13px;}
.footer-box{float:right;}
.footer-box ul{margin-top:10px;}
.footer-box ul li{display:block; line-height:0; margin-bottom:10px;}
.footer-box ul li a{ font-size:72.7272%; color:#fff; line-height:16px;}
.footer-box span{display:inline-block; vertical-align:top; text-align:center; width:46px; margin:0 3px;}

.footer-box.col1{width:137px;}
.footer-box.col2{width:152px;}
.footer-box.col3{width:140px;}
.footer-box.col4{width:243px;}
.footer-box.col5{width:133px;}


.go-top{display:none; position:fixed; right:5%; bottom:90px; z-index:99; cursor:pointer; background:url(../images/go-top.png) no-repeat; width:34px; height:34px;}

#faces_container{
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
}


#faces_container .face_wrapper{
	border-radius: 50%;
	background: #fff;
	box-sizing: border-box;
	padding: 10px;
	overflow: hidden;
}

#faces_container .wrap{
	height: 100%;
}

#faces_container .face{
    cursor: pointer;
    z-index: 10;
    width: 100%;
}

#faces_container .face_wrapper.first{
    position: absolute;
    bottom: 100px;
    right: 170px;
    width: 235px;
    height: 235px;
}

#faces_container .face_wrapper.second{
    position: absolute;
    top: 70px;
    left: 190px;

    width: 195px;
    height: 195px;
    /*background: #f5d500;*/
}

#faces_container .face_wrapper.third{
    position: absolute;
    bottom: 30px;
    left: 220px;

    width: 195px;
    height: 195px;
    /*background: green;*/
}

#faces_container .face_wrapper.fourth{
    position: absolute;
    top: 45px;
    right: 40px;

    width: 265px;
    height: 265px;
    /*background: green;*/
}

#faces_container .face_wrapper.fifth{
    position: absolute;
    top: 210px;
    left: -80px;

    width: 300px;
    height: 300px;
    /*background: green;*/
}


@media only screen and (max-width:1800px){
.go-top{right:49px;}
}
@media only screen and (max-width:1280px){
.wrap{width:1100px;}

.banner-txt{left:8%;}

.join-section ul{padding:55px 8% 45px;}
.video-right .girlbox{padding-left:35px;}
.magzin ul li{width:31.5%;}

.mobile-icon{right:45px;}
.footer-main{padding:0 10%;}
}
@media only screen and (max-width:1110px){
.wrap{width:1000px;}

.slider-img {height:750px;}
.banner-txt{top:45%;}
.join-section ul{padding:55px 4% 45px;}
.magzin ul li{width:32.5%; padding:0 20px;}

.mobile-icon{right:0;}
.footer-main{padding:0 5%;}
}
@media only screen and (max-width:1010px){
.wrap{width:900px;}

.join-section ul{padding:55px 0 45px;}
.magzin ul li{width:32.5%; padding:0 20px;}

.video-right .girlbox{padding-left:15px;}
.magzin ul li{padding:0 10px;}

.mobile-icon{right:0; width:20%;}
.footer-main{padding:0;}
}
@media only screen and (max-width:910px){
.wrap{width:800px;}

.header-right {width:485px;}
.lfield{ margin-left:15px;}

.logo {width:230px;}

.slider-img {height:630px;}
.banner-txt {top: 40%;}

.search-section{min-height:475px; padding:45px 0 0;}

.video-section {padding:60px 0;}
.video-right {float:none; padding:0 0 30px;  width:100%;}
.video-left{float:none; width:100%;}

.about{min-height:530px; padding:60px 0 0;}
.magzin p{ line-height:25px;}
.magzin h3{font-size:115%;}

.footer-box.col3 {width:210px;}
}
@media only screen and (max-width:810px){
.wrap{width:700px;}

.header-right {width:450px;}
.lfield {margin-left:10px;}

.magzin ul li{width:49.5%; margin-bottom:30px;}
.mobile-icon::after{left:-40px;}

.footer{padding:65px 0 45px;}
.footer-box{min-height:135px;}
}
@media only screen and (max-width:710px){
.wrap{width:600px;}

.logo{float:none; margin:0 auto 25px;}
.header-right{float:none; margin:0 auto;}
.banner-txt{left:0; right:0; margin:0 auto;}

.join-section ul li {padding:0 35px;  width:50%; margin-bottom:20px;} 

.join-btn{width:240px;}
.join-btn a{font-size:105%; line-height:55px;}

.regis-btn{width:240px;}
.regis-btn a{font-size:105%; line-height:55px;}

.about{min-height:375px;}
.about-txt{padding:30px 20px; width:100%;}
.about-txt p{ font-size:100%; line-height:32px;}

.mid-container h1{ font-size:190%; line-height:40px;}
.mid-container h4{font-size:120%;}
.connect p{font-size:100%; line-height:32px;}

.mobile-icon{ width:16%;}

.go-top {right:10px;}
}
@media only screen and (max-width:610px){
.wrap{width:auto; margin-left:15px; margin-right:15px;}

.slider-img {height:550px;}

.join-section ul li{padding:0 15px;}
.video-left iframe{height:320px;}

.about {height:auto; padding:60px 0;}

.magzin{padding:30px 0;}
.magzin ul li{width:73%;}
.magzin-img { margin-bottom:20px;}

.mid-container h1 {font-size: 170%;   line-height: 33px;}

.mobile-icon{display:none;}

.footer-box.col1 {width:160px;}
.footer-box.col3 {width:160px;}
}
@media only screen and (max-width:480px){
.logo{width:200px; margin:0 auto 15px;}
.header-right{width:100%;}
.lfield{width:100%; margin-left:0; margin-bottom:10px;}
.lfield input{height:35px;}
.login-btn{width:100%;}
.login-btn input{height:35px;}

.slider-img {height:450px;}
.banner-txt{display:none;}

.join-section ul li {padding:0 10px;}

.mid-container h1{font-size:150%;}
.video-right .girlbox{float:none; padding-left:0; width:180px; margin:0 auto;}
.video-right .textbox{float:none; width:100%;}
.video-right .textbox h1{text-align:center;}
.video-right .textbox h4{text-align:center;}

.video-left iframe {height:250px;}
.magzin ul li {width: 100%; padding:0;}

.connect ul li{margin:0 10px;}

.search-section h1 { margin-bottom:10px;}
.serch-form{width:235px;}
.sfield {margin-bottom:10px;}
.sfield label{ font-size: 100%; line-height: 28px;}
}
@media only screen and (max-width:360px){
.slider-img {height:385px;}

.mid-container h4 {font-size:100%;}
.mid-container h1 {font-size:135%;}

.join-section ul {padding:35px 0 30px;}
.join-section ul li{float:none; width:100%; padding:0;}

.regis-btn {width:210px;}
.regis-btn::after{right:-46px;}
.how-join .regis-btn::after {right:-46px;}

.connect ul li {margin:0 10px 10px;}

.footer{padding:35px 0 30px;}
.footer-box{height:auto; min-height:0; margin-bottom:25px; text-align:center;}
.footer-box.col1{float:none; width:100%;}
.footer-box.col2{float:none; width:100%;}
.footer-box.col3{float:none; width:100%;}
.footer-box.col4{float:none; width:100%;}
.footer-box.col5{float:none; width:100%;}
}