/* @override 
	http://localhost/enseeyab/css/ense-css3.css
	http://localhost/enseeyab/css/ense_css.css
*/

* {
    box-sizing: border-box;

}
html {
    color: #212121;
	font: 18px/1.7 'Simplified Arabic','Arabic Transparent',Georgia,sans-serif;
}

#container{
	
	display: block;
	margin: auto;
	width: 90%;
	
}
body{
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	background: #e9e9ea;
        
}

#logo{
	
	display: block;
	float: left;

	
	width: 40%;
	height: auto;
	
	display: block;
	float: left;
}



h1 {
	color: #f05a23;  
    font-weight: bold;
    font-size: 1.5rem;
    
    border-bottom: 1px solid #969696;
    padding-bottom: 10px;

}
h2 {
	color: #f05a23;  
    font-weight: bold;
    font-size: 1.2rem;
    
    border-bottom: 1px solid #969696;
	padding-bottom: 10px;
}
h3 {
	color: #f05a23;  
    font-weight: bold;
    font-size: 1.2rem;
}

.center{

	display: block;
	margin: auto;
	
	text-align: center;

}

.shiftLeft{
	
	text-align: left;
	
}
.shiftRight{
	
	display: block;
	float: right;
	
}

.barLine{ /*not working*/
    
    border-bottom: 1px solid #969696;
    /*background: url(../img/lineBottom.png) repeat-x 0 50px;*/
}


.link_line{
	color: #ff573b;
}

.link_line2{
	color: #515151;
}

.link_line:hover{
	color: #ff573b;
	text-decoration: underline;
}

.comments{
    
    font-size: .9rem;
}
.commentName{
	
	float: left;
	color: gray;
}



#videoIntro{
	
	display: block;
	border: 1px solid #929292;
	
	cursor: pointer;
	
	margin:auto;
	margin-bottom: 10px;

	float: none;
	clear: none;
}


#video2{
	
	display: block;
	margin: auto;
	border: 1px solid #929292;
}

.alertBox{
	
	margin-top: 0.5em;
	margin-bottom: 1em;	
	padding: 20px;
	background-color: #fff9e8;
	
	border: 1px solid #ec4253;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	width: 95%;
    direction: rtl;
}
.redText{
	color: #ec4153;
}
.textSizeNote {
	font-size: 0.9rem;
}

ol {
  padding-right: 20px;
}
li{
    padding-right: 10px;
}

/* form */

.form1{

	width: 100%;
	/*display: block;*/
	margin-top: -15px;
	padding: 20px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;

	border: 1px solid #bebebf;
	background-color: #fdfdfe;
	text-align: center;
}

.email{
	
	-webkit-appearance: none;

	width: 80%;
	height: 40px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
	
	border: 1px solid #bebebf;

	font-size: 1.1rem;
	color: #e5472a;
	direction: ltr;

}

.submit{
	
	-webkit-appearance: none;
	
	width: 80%;
	
	background-color: #30a9f5; 
    border: 0px;
    color: white;
    padding:  10px;
    text-align: center;
    display: inline-block;
    

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
	font: bold 1rem "Lucida Grande", Lucida, Verdana, sans-serif;
}

/*----*/

#iPhone7{
	
	display: block;
	margin-top: -30px;
	margin-left: -50px;
	margin-bottom: 20px;
}

#sticker_Now{
	
	display: block;
	float: left;
	margin-right: 20px;

}

#stickerSurprize{
	
	display: block;
	float: right;
	margin-right: 0px;
	margin-left: 15px;
}

#FreePHP{
	
	display: block;
	float: left;

}

.title_blue{
	
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #3197ff;
	font-size: 1.4rem;
	margin-bottom: -15px;
}




.contact{
	
	display: block;
	text-align: center;
	font: 0.9rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

	direction: ltr;
	
}

.bottom{
	
	color: #fefdff;
	font: 0.8rem "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
	text-align: left;
	
	padding-top: 20px;
	padding-left: 20px;
	background-color: #000;
	
}


/*---------*/

[class*="col-"] {
    
    width: 100%;
    float: left;
    
    padding-bottom: 10px;
    
    border: 0px solid red;
    
    direction: rtl;

}

.row::after {
    content: "";
    clear: both;
    display: block;
}

.comments_emails{
	
	border-bottom: 1px solid #969696;
	margin-bottom: 20px;

}

.learnEnglish{
	
	margin: auto;
	display: block;

	margin-bottom: 0px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
	border: 1px solid #969696;
	
	width: 100%;
	height: auto;
}

.appLink{
	
	text-decoration: underline;
	color: #e8e8ea;
}

.studentsAppsIcon {
	width: 40%;
	height: auto;
}

/* Desktop */
@media only screen and (min-width: 768px) {
    
    html { 
    
		font: 19px/1.7 'Simplified Arabic','Arabic Transparent',Georgia,sans-serif;

    }
    
    #container{
	
		width: 80%;

	}
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%; padding-left: 40px;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    
    #logo{
	
		width: 199px;
		height: auto;
		
		display: block;
		float: left;
	}

	#logo::after{
	
		clear: right;

	
	}
	
    #videoIntro{
	
		float: left;	
		
		margin-right: 40px;
		margin-bottom: 0px;	
		margin-top: 5px;	
	}
	
	#videoPopUp{
	
	display: inline-block;
	margin: auto;

	width: 853px;
	height: 480px;
	
	position:fixed;
    top: 50%;
    left: 50%;

    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -15em; /*set to a negative number 1/2 of your width*/
	
	}

    #videoIntro{
	
		float: left;	
		
		margin-right: 40px;
		margin-top: 10px;	
	}

    #iPhone7{
		float: left;
		margin-top: -120px;
		margin-left: -10px;
		margin-bottom: 0px;
	}
	
	.comments_margin{
	
		padding-left: 30px;
	}
	
	.learnEnglish{		
		width: 50%;
	}

.studentsAppsIcon {
	width: 18%;
	height: auto;
}



}