@charset "utf-8";
@import url(../fonts/aviner/webfont/AvenirNext.css);
body{
	background-color: #FFFFFF !important;
	margin: 0;
	padding: 0;
}

* {
	outline: none;
	text-decoration: none !important;
	font-weight: bold;
}

::placeholder {
  color: #fff;
}

.custom-container{
	padding-left: 400px !important;
	padding-right: 400px !important;
}
.custom-container2{
	padding-left: 450px !important;
	padding-right: 450px !important;
}


.div0{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.divAll{
	height: 100vh;
}
.zoomingDemo .zoomTarget {
	background-color: #fff;
	width:100%;
	margin:0 auto 5px auto;
	display: inline-block;
	border-radius: 28px;

}
.zoomingDemo{
	margin-top: 50px;
	cursor: pointer;
}


.imgLogo{
	margin: 5px 0 40px 0;
	width: 240px
}
.divContiner{
	padding-right: 250px !important;
	padding-left: 250px !important;
}

.btnEnter{
	background: #1EC12D;
	color: #fff;
	border: 0;
	border-radius:50px;
	width: 100%;
	padding: 12px 0;
	margin-left: -4px;
	height: 45px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.btnEnter:hover{
	box-shadow: 0 0 5px 0 #1EC12D;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.btnAndroidApp{
	background: #1B75BC;
	color: #fff;
	border: 0;
	padding: 12px 0;
	width: 50%;
	display: inline-block;
	border-radius: 50px 0 0 50px;
	margin-left: -4px;
	height: 45px;
}
.btnIosAppDiv{
	background: #1B75BC;
	color: #fff;
	border: 0;
	padding: 12px 0;
	width: 50%;
	display: inline-block;
	border-radius: 0 50px 50px 0;
	margin-left: -4px;
	height: 45px;
}
.divDownloadApps{
	white-space: nowrap;
}
.imgAppsAndroid{
	width: 15px;
}
.imgAppsIos{
	width: 16px;
}
.pAllRights{

	color: #656464;
	font-size: 11px;
	margin-top: 60px;
}
.videoHome{
	width: 100%;
	height: 100%;
	border-radius: 28px;
}
.darkDiv1{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 28px;
}
.darkShow{
	border-radius: 28px;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;

	background-color: rgba(0,0,0, .5);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.darkShow:hover .playVideoImg{
	transform: translateY(-20%);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.playVideoImg{
	width: 70px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.pauseVideoImg{
	width: 33px;
	position: absolute;
	right: 12px;
	display: none;
	bottom: 22px;
}
.pVideoDes{
	position: absolute;
	bottom: 28px;
	color: #fff;
	left: 0;
	right: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	font-weight: bold;
}




.loader,
.loader:before,
.loader:after {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: load7 1.8s infinite ease-in-out;
	animation: load7 1.8s infinite ease-in-out;
}
.loader {
	color: #ffffff;
	font-size: 8px;
	margin: -25px auto 14px auto;
	position: relative;
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:before,
.loader:after {
	content: '';
	position: absolute;
	top: 0;
}
.loader:before {
	left: -3.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader:after {
	left: 3.5em;
}
@-webkit-keyframes load7 {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}
@keyframes load7 {
	0%,
	80%,
	100% {
		box-shadow: 0 2.5em 0 -1.3em;
	}
	40% {
		box-shadow: 0 2.5em 0 0;
	}
}



.divEnter{
	background: #ffffff;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	display: none;
	z-index: 10;
}




.whoIsTitle{
	font-size: 25px;
	margin-top: 50px;
	text-align: left;
	font-weight: bold;
}
.whoIsD{
	text-align: justify;
	direction: ltr;
	font-size: 18px;
	line-height: 34px;
	color: #4d4d4d;
}

.divContact{


	background-color: #004790;

	background-image: linear-gradient(-45deg, #004790, #0071BC);
	text-align: justify;
	color: #fff;
	padding: 17px 21px !important;
	height: 400px;
	border-radius: 35px;
}
.divScrollAbout{
	padding-bottom: 40px;

}
.divAbout{
	border: 2px solid #9e005d;
	text-align: justify;
	color: #9e005d;
	padding: 17px 21px !important;
	height: 400px;
	border-radius: 35px;
	overflow-y: scroll;
	background-size: cover;
	background-position: center;

}
.divContentAbout{
	padding-left: 0 !important;
	margin-top: 50px;
}
.divContentContact{
	padding-right: 0 !important;
	margin-top: 50px;

}
.aboutUsTitle{
	font-size: 23px;
	font-weight: bold;

}
.inputContact{
	background: transparent;
	width: 100%;
	border: 1px solid #49AADC;
	padding: 11px 15px;
	border-radius: 15px;
	margin-bottom: 11px;
}
.txtContact{
	resize: none;
	background: transparent;
	width: 100%;
	border: 1px solid #49AADC;
	padding: 11px 15px;
	border-radius: 15px;
	margin-bottom: 11px;
}
.btnSendMessage{
	padding: 11px 77px;
	border-radius: 50px;
	border: 1px solid #49AADC;
	background: transparent;
	font-weight: bold;
}
.divCobatctMTop{
	margin-top: 25px;
}
.backDesWish{
	background-image: linear-gradient(-45deg, #004790, #0071BC);
}

.imgBackBtn{
	width: 20px;
	margin: 20px;
	cursor: pointer;
}

.divDecBack{
	height: 70vh;
	background: #fff;
	border-radius: 50px 50px 70px 80px;
	background-image: url(../img/deswishBack.png);
	background-size: 120px;
	background-repeat: no-repeat;
	background-position: center center;
}
.pWishDes{
	color: #fff;
	margin-top: 20px;
	font-size: 16px;
}

.txtDesWish{
	width: 100%;
	height: 100%;
	background: transparent;
	border-radius: 30px;
	border: 0;
	padding: 20px;
	color: #777;
	font-size: 17px;
	resize: none;
}

.btnSendWish{
	width: 100%;
	border: 0;
	background: url(../img/buttonImg.png) no-repeat;
	background: #1EC12D;
	position: absolute;
	left: 0;
	bottom: -4px;
	padding: 0;
	background-size: cover;
	background-position: center center;
	height: 80px;
	border-radius: 0 60px 60px 50px;
	color: #ffffff;
	font-size: 17px;

}
.imgWishSendBtn{
	width: 41px;
	position: absolute;
	left: 0;
	top: -38px;
}


.backFave{
	background-color: #002848 !important;
}
.divfave1{
	/*height: 100vh;*/
	/*background: url(../img/grand.png);*/
	/*background-size: contain;*/
	/*background-repeat: no-repeat;*/
	/*background-position: top center;*/

}



.imgGrand{
	width: 300px;
	-webkit-animation: spin1 200s infinite linear;
	-moz-animation: spin1 200s infinite linear;
	-o-animation: spin1 200s infinite linear;
	-ms-animation: spin1 200s infinite linear;
	animation: spin1 200s infinite linear;
	transform-origin: center center;
	margin-top: 55px;
}
@-webkit-keyframes spin1 {
	0% { -webkit-transform: rotate(0deg);}
	100% { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin1 {
	0% { -moz-transform: rotate(0deg);}
	100% { -moz-transform: rotate(360deg);}
}
@-o-keyframes spin1 {
	0% { -o-transform: rotate(0deg);}
	100% { -o-transform: rotate(360deg);}
}
@-ms-keyframes spin1 {
	0% { -ms-transform: rotate(0deg);}
	100% { -ms-transform: rotate(360deg);}
}
@-keyframes spin1 {
0% { transform: rotate(0deg);}
100% { transform: rotate(360deg);}
}
.pShowOnAf{
	color: #fff;
	font-size: 16px;
	position: absolute;
	top: 176px;
	right: 0;
	left: 0;
}
.pQuesFav{
	color: #fff;
}
.divGetStaFave{
	background-color: #97045F;
	border-radius: 30px;
	padding: 10px 0px 30px 0px !important;
	margin-top: -220px;
	min-height: 134px;
	position: absolute !important;
	left: 0;
	right: 0;
	bottom: -70px !important;
}
.btnQueFa{
	width: 100%;
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
	border-radius: 50px;
	padding: 8px;
	margin-top: 26px;
	width: 174px;
}
.pLineWhite{
	border-bottom: 1px solid #fff;
	display: inline-block;
	width: 60px;
	margin-bottom: 20px;

}
.logoInShowFa{
	width: 75px;
	margin: 52px 0 11px 0;
}
.divShowToFa{

	height: 0;

	overflow-y: hidden;
}
.inpEnterAfCode{
	border-bottom: 1px solid #f0eaea !important;
	border: 0;
	background: transparent;
	width: 38px;
	text-align: center;
	font-size: 18px;
	color: #fff;
}


.titleFaShow{
	color: #fff;
	font-size: 18px;
}

.txtAbout{
	color: #6f6f6f;
}

.pErrorMessage{
	margin: 10px 2px;
	color: #e3c9c9;
}


.divReset1{
    padding-right: 450px !important;
    padding-left: 450px !important;
}

.inpReset1{
    width: 100%;
    color: #262626;
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 15px 15px 5px 15px ;
    margin-bottom: 10px;
    font-weight: 100 !important;
}
.imgReset1{
    margin: 5px 0 40px 0;
    width: 240px
}
.lblReset1{
    position: absolute;
    left: 0;
    margin-left: 5px;
    font-size: 11px;
    color: #000;
}
.btnReset1{
    border: 0;
    background: #0095CF;
    font-size: 15px;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    padding: 11px 0px;
    width: 100%;
}
.divReset3{
    display: none;
}

.btnNextToRank{
    border: 0;
    border-radius: 50px;
    color: #fff;
    padding: 10px 91px;
    background: #0085C1;
}


.btnNextLast{
    border: 0;
    border-radius: 50px;
    color: #fff;
    padding: 10px 91px;
    background: #0085C1;
    bottom: 20px;
    z-index: 900000000000;
}



@media only screen and (max-width: 1250px) {
	.divContiner{
		padding-right: 150px !important;
		padding-left: 150px !important;
	}

	.custom-container {
		padding-left: 150px !important;
		padding-right: 150px !important;
	}
	.custom-container2{
		padding-left: 300px !important;
		padding-right: 300px !important;
	}
	.imgGrand{
		width: 300px;
	}
    .divReset1{
        padding-right: 350px !important;
        padding-left: 350px !important;
    }

}