/*@media screen and (min-width: 270px){
	.back_img{
		position: fixed;
		background-image: url("../img/bg1.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		width:100%;
		height:600px;
		top:0;
		left: 0;
		background-position: center;
		z-index: -1;
		
	}
}*/


.back_img{
	position: fixed;
	background-image: url("../img/bg1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width:100%;
	height:683px;
	top:0;
	left: 0;
	background-position: center;
	z-index: -1;
	/*border-left:1px solid yellow;
	border-right:1px solid yellow;*/
	/*position: relative;*/
}
/*@media screen and (min-width: 300px){
	.back_img{
	background-image: url("../img/bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	}
}*/
 .back_img .phone{
	background-image: url("../images/screen2.png");
	position: relative;
    width: 370px;
    height: 683px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 52px 20px 0 21px;
    margin: 0 auto -380px auto;
    overflow: hidden;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-backface-visibility: hidden;
    margin-top:400px;
}

/*@media screen and (max-height: 750px){
	.phone{
		margin-bottom: -500px;
	}
}*/


/*@-webkit-keyframes mymove {
    from {top: 0px;}
    to {top: 200px;}
}

@keyframes mymove {
    from {top: 0px;}
    to {top: 200px;}
}*/
/*.........*/



.logo{
	position: relative;
} 
.logo img{
	position: absolute;
	width:100px;
	padding:10px;
	cursor: pointer;
	left:0;
	-moz-transition:ease-out all .5s;
     -webkit-transition:ease-out all .5s;
      -o-transition:ease-out all .5s;
    	transition:ease-out all .5s;

}
.logo .B_logo{
	margin-top: 100px;
    width: 35%;
}
.section_1{
	margin-top: 1100px;
	background-image: url("../img/B_Img.jpg");
	min-height: 300px;
	width:100%;
	border-top: 10px solid #fdd305;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    position: relative;
}
.width{
	width:80%;
	margin: 0 auto;
	padding:40px 10px;
}
.social_Logo {
	position: fixed;
    right: 20px;
}
.social_Logo img{
	padding:20px 10px;
	cursor: pointer;
}
.logo_R{
	padding:15px;
	margin-bottom:10px;
}
.logo_R img{
	width:70px;
	margin: 0 auto;
}
.margin_title{
	position: relative;
}
.margin_title p:before{
	position: absolute;
	content: " ";
	border-left:1px solid #fdd305;
	border-right:1px solid #fdd305;
	top: 45px;
	bottom: 20px;
	left: 0;
	right: 0;
	border-bottom-left-radius: 42px;
	border-bottom-right-radius: 42px;
}




.margin_title h4{
	/*margin-bottom: 10px;*/
	padding-top: 10px;
    margin-top: 30px;
    margin-left: 42px;
    margin-right: 42px;
    border: 1px solid #fdd305;
    padding-bottom: 10px;
    border-radius: 30px;
    cursor: pointer;
}
.margin_title h4:hover, .margin_title h4:hover{
	color:yellow;
	transition: ease all 1s;
}
.ddddd .indi_C li{
	background-color: yellow;
}
.footer{
	background-color: #2d252e;
	min-height:200px;
	margin-top:2px;
	padding-top:40px;
	padding-bottom:20px;
	position: relative;
}
.footer_title h1{
	color:#ddd;
	border-bottom: 4px solid #ddd;
	border-bottom: 3px solid #ddd;
	/*margin-left:38%;
	margin-right:38%;*/
	margin: 0 34%;
	margin-bottom: 25px;
	/*position: relative;*/
}
.F_color{
	border: 1px solid yellow;
    padding: 13px;
    border-radius: 25px;
    width: 42px;
    min-height: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.F_color i{
	color:#fff;
}
.F_color i:hover,.F_color i:focus{
	color:yellow;
	transition:all 1s;
	cursor: pointer;
}
.F_Color p{
	color:#ddd;
	margin-top: 10px;
}
.F_Color a {
	color:#ddd;
}
.F_Color a:hover, .F_Color a:focus{
	color:yellow;
	text-decoration: none;
	transition:all 1s;
}
.btn_yellow{
	background-color:yellow; 
}
.btn_s .btn_yellow:hover, .btn_s  .btn_yellow:focus{
	background-color:#2d252e ;
	color: yellow;
	border: 1px solid yellow;
	transition:all 1s;
}
.back_aria_F .In_aria{
	background-color: #2d252e;
	color:#fff;
	border: 1px solid yellow;
}
.back_aria_F1{
	margin-bottom: 14px;
}
.trafic_img img{
	width: 300px;
	height: 350px;
	margin-top: 35px;
    margin-bottom: 10px; 
}
/*.............navbar.................*/
/*.header{
	background-color: yellow;
	min-height: 50px;
	position: relative;
    top: -15px;
}*/


.navbar_close{
	position: fixed !important;
	top: 90px;
	/*bottom: 0;*/
	height: 100%;
	width: 240px;
	background-color: #181519;
	border-top:15px solid yellow;
	text-align: center;
	padding:15px 0;
	z-index: 1000;
	/*display: none !important;*/
	-webkit-tap-highlight-color: transparent;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    color:transparent;
	-webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    overflow: auto;
    box-shadow: 0 3px 3px -1px rgba(51, 51, 51, 0.22);
}
.navbar_open{
	
	display: block!important;
	-webkit-tap-highlight-color: transparent;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    overflow: auto;
}

.nav1 li a{
	/*border-bottom:1px solid yellow;*/
	color: #fff;
}
.nav_z .nav1 li a:hover,.nav_z .nav1 li a:focus{
	color:yellow;
	background-color: black;
}
.section_1:before{
	position: absolute;
	content: " ";
	background-color: #ffd923;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-top-left-radius: 19px;
	border-top-right-radius: 19px;
	opacity: .2;
}
.rotate-180 {
    -moz-transform: rotate(-140deg);
    -webkit-transform: rotate(-140deg);
    -o-transform: rotate(-140deg);
    -ms-transform: rotate(-140deg);
    position: relative;
    /*-moz-transition:ease-out all 2s;
     -webkit-transition:ease-out all 2s;
      -o-transition:ease-out all 2s;
    	transition:ease-out all 2s;*/
}





@media screen and (max-width: 750px){
	.navbar_open{
		width: 100%;
	}


	 .back_img .phone{
		width: 0px;
	    display: none;
	    height: 0px;
	}

	.section_1{
		margin-top: 681px;
	}

}


@media screen and (max-height: 900px) {
	/*.intro.transformed .logo_1 {
		-webkit-transform: translate(-75%, -10%);
			transform: translate(-75%, -10%);
	}*/
	.back_img.transformed .phone {
		-webkit-transform: translateY(-56%) scale(0.8);
			transform:  translateY(-51%) scale(0.5);
	}
	/*.intro .intro-features {
		-webkit-transform: translateY(-40px);
						transform: translateY(-40px);
	}*/
}
@media screen and (max-height: 750px) {
	.back_img .phone {
		margin-bottom: -500px;
	}
	/*.intro.transformed .logo_1 {
		-webkit-transform: translate(-75%, -40%);
			transform: translate(-75%, -40%);
	}*/
	.back_img.transformed .phone {
		-webkit-transform: translateY(-56%) scale(0.8);
			transform: translateY(-56%) scale(0.8);
	}
	/*.intro .intro-features {
		-webkit-transform: translateY(0);
						transform: translateY(0);
	}*/
}