@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Heebo:300,400,500,700,800,900');
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
*{
	border: 0;
	padding: 0px;
	margin: 0px;
	outline: 0;
	direction:rtl!important;
	font-family: 'Heebo', sans-serif;
	line-height:110%;
}
html{
	min-height:100%;
	width: 100%; 
	height: 100%; 
	font-family: 'Heebo', sans-serif;

}
input, select, select *, textarea{
	font-size: 14px;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
	border: 0px;
}


.clear{
	clear: both;
}
.right{float: right;}
.left{float: left;}
.mobile{display: none!important;}
.transition{ -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.5s ease-in-out;}
.transition:hover{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.5s ease-in-out;}

.mobile{display:none!important;}
.cmp{display:block!important;}

/* Start Web Css */

html{overflow-x: hidden;}
body{min-height: 100%;width: 100%;}
section{width: 100%;position:relative;}
.wrapper{width: 57.52%;position:relative;margin:0px auto;}
.cmp{display:block!important;}
.mobile{display:none!important;}
.middle{position:relative;transform: translate(0px, -50%);top: 50%!important;}

.center{position:relative;transform: translate(-50%, -50%);left:50%;top: 50%!important;}

.bold{font-weight:700;}
.regular{font-weight:400;}
.medium{font-weight:500;}
.extra-bold{font-weight:900;}

.color-blue{color:#22043c;}
.color-black{color:black;}
.color-white{color:white;}
.color-turquoise{color:	#4acc9e;}

.header{background:white;width:100%;z-index:9999;}
.header .wrapper{width:92.4%;display:flex;align-items:center;justify-content:space-between;}
.header .logo{margin:9px 0 9px 30px;    width: 6.4vw;}
.header .logo2{margin:9px 0 9px 30px;    width: 20vw;}
.header nav{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 14%);}
.header nav ul{display:flex;height:92px;margin:0;list-style-type:none;}
.header nav ul li{margin-left:32px;height:100%;position:relative;}
.header nav ul a[href]{position:relative;display:block;height:100%;text-decoration:none;font-size:16px;color:#222831;font-weight:500;padding:0 2px 0 2px;display:flex;align-items:center;}
.header nav ul li:after{width: 0;transition: width .3s;content:' ';position: absolute;background:#59a7bd;height: 3px;margin-top: 0;bottom: 0;display: block;}
.header nav ul li:hover:after,.header nav ul li.active:after{width:100%;}
.header nav a.telTop{display:flex;align-items:center;font-size:17px;color:#222831;font-weight:400;}
.header nav a.telTop strong{font-weight:500;color:#59a7bd;}

.hamburger{display:none;}

#header{box-shadow: 0px 5px 65px 0px rgba(34, 40, 49, 0.2);}
.page .header{box-shadow: 0px 5px 65px 0px rgba(34, 40, 49, 0.2);}
div.header{position:fixed;top:0;right:0;margin-top:-200px;}
div.header.displayed{margin-top:0;}
#top{overflow-y:hidden;display:flex;align-items:center;justify-content:center;height:520px;width:100%;background-size:cover;background-position: center bottom;text-align:center;}
#top .wrapper{width:95%;max-width:1120px;color:white;margin-top:-50px;}
#top .perform{position:relative;font-weight:400;font-size:28px;text-align:center;}
#top .perform:after,#top .perform:before{background:white;position:absolute;content:' ';width:70px;height:2px;top:50%;transform:translate(0,-50%);}
#top .perform:after{left:-85px;}
#top .perform:before{right:-85px;}
#top h1{font-size:66px;color:white;font-weight:900;text-align:center;margin-top:30px;}
#top .content{margin-top:0;width:100%;color:white;font-size:36px;font-weight:500;}
#top img.bg{position:absolute;top:0;width:100%;left:0;}
#contactTop{background:#59a7bd;}

.contactRow{padding:22px 0 30px;}
.contactRow h2{color:white;text-align:center;font-size:38px;font-weight:500;margin:0;margin-bottom:15px;}
.contactRow .wrapper{width: 95%;max-width: 1243px;}
.contactRow form{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.contactRow .inputFiled{width:22%;height:50px;position:relative;margin-bottom:10px;}
.contactRow .inputFiled label{position:relative;width:100%;height:100%;position:relative;display:block;}
.contactRow .inputFiled .input{padding-top:2px;background:white;width:100%;height:100%;font-weight:500;border-radius:4px;text-indent:12px;font-size:16px;color:#373737;}
.contactRow .inputFiled .input.error{border:1px solid #fa1616;}
.contactRow .inputFiled label span.holder{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;position:Absolute;top:15px;right:12px;font-weight:500;color:#373737;font-size:18px;}
.contactRow .inputFiled label input:focus + span.holder , .contactRow .inputFiled label.filled span.holder{font-size:11px;top:4px;}
.contactRow .inputFiled label .input.error + span.holder{color:#fa1616;}
.contactRow .btnSubmit{width:21%;border-radius:4px;height:50px;background:#5a5959;color:white;text-align:center;font-size:20px;font-weight:500;}
.contactRow .btnSubmit:hover{background:#337ab7;}
.contactRow .btnSubmit span{cursor: pointer;display: inline-block;position: relative;}
.contactRow .btnSubmit span:after {content: '\00bb';position: absolute;opacity: 0;top: 0;left: -20px;transition: 0.5s;font-size:26px;}
.contactRow .btnSubmit:hover span {padding-left: 25px;}
.contactRow .btnSubmit:hover span:after {opacity: 1;left: 0;}
.contactRow .selectFiled{color:white;margin:0px auto;margin-top:15px;}
.contactRow .selectFiled label{font-weight:400;display:flex;align-items:center;cursor:pointer;}
.contactRow .selectFiled label input{margin-left:5px;}

#course{padding:30px 0 40px 0;border-bottom:1px solid #d6eaed;}
#course .wrapper{width:1170px;}
#course .rowTop{display:flex;justify-content:space-between;flex:auto;}
#course .content{max-width:920px;text-align: right;}
#course .content h2{color:black;font-size:30px;font-weight:500;margin:0;margin-top:25px;margin-bottom:20px;}
#course .content p{max-width:820px;color:black;font-size: 20px;line-height:100%;margin-bottom:5px;}
#course .proImg{max-width:234px;}
#course .proImg img{max-width:100%;margin-top: 25px;}
#course .rowInfo{display:flex;justify-content:space-between;width:100%;margin-top:45px;}
#course .col{width:23.22%;display:flex;justify-content:space-between;}
#course .col .icon{position:relative;width:27.5%;padding-top:5px;margin-left:1%;}
#course .col .icon:after{position:absolute;top:0;left:0;width:2px;background:#2eacb4;height:70px;content:' ';}
#course .col svg{font-size: 48px;width: 47px;color: black;}
#course .col .content{width:63%;color:black;font-size:18px;font-weight:400;line-height:120%;}
#course .col .content strong{display:block;font-weight:500;margin-bottom:3px;}
#course .col .content span{display:block;}
#course h3{color:black;font-size:26px;font-weight:500;margin:0;margin-top:10px;margin-bottom:10px;text-align: center;}


#blogcourse{padding:0px 0 40px 0;border-bottom:1px solid #d6eaed;}
#blogcourse .wrapper{width:1170px;}
#blogcourse .rowTop{display:flex;justify-content:space-between;flex:auto;}
#blogcourse .content{max-width:920px;text-align: right;}
#blogcourse .content h2{color:black;font-size:30px;font-weight:500;margin:0;margin-top:0px;margin-bottom:20px;}
#blogcourse .content p{max-width:820px;color:black;font-size: 20px;line-height:100%;margin-bottom:5px;}
#blogcourse .proImg{max-width:234px;}
#blogcourse .proImg img{max-width:100%;margin-top: 25px;}
#blogcourse .rowInfo{display:flex;justify-content:space-between;width:100%;margin-top:45px;}
#blogcourse .col{width:23.22%;display:flex;justify-content:space-between;}
#blogcourse .col .icon{position:relative;width:27.5%;padding-top:5px;margin-left:1%;}
#blogcourse .col .icon:after{position:absolute;top:0;left:0;width:2px;background:#2eacb4;height:70px;content:' ';}
#blogcourse .col svg{font-size: 48px;width: 47px;color: black;}
#blogcourse .col .content{width:63%;color:black;font-size:18px;font-weight:400;line-height:120%;}
#blogcourse .col .content strong{display:block;font-weight:500;margin-bottom:3px;}
#blogcourse .col .content span{display:block;}
#blogcourse h3{color:black;font-size:26px;font-weight:500;margin:0;margin-top:10px;margin-bottom:10px;text-align: center;}

.regSection{padding-top:25px;}
.regSection h2{color:#222831;font-weight:500;text-align:center;position:relative;font-size:42px;margin-bottom:25px;}
.regSection h2:before{background: rgb(46, 172, 180);width: 99px;height: 4px;content: "";display: block;margin: 0px auto;margin-bottom: 16px;}


#community{background:#232e3d;text-align:center;}
#community h2{color:white;margin-bottom:22px;}
#community span.title{display:block;color:white;font-size:22px;text-align:center;margin-bottom:28px;}
#community .wrapper{width:95%;max-width:1172px;}
#community .all{display:flex;flex-wrap:wrap;flex:1;justify-content:space-between;}
#community .col{width:23.1%;text-align:Center;margin-bottom:30px;}
#community .col img{display:block;margin:0px auto;width:26%;margin-bottom:16px;}
#community .col .content{color:white;font-size:19px;}
#community .col .content strong{font-weight:700;font-size:20px;display:block;font-size:20px;margin-bottom:10px;}

#who{background:#e3eff1;padding-bottom:70px;}
#who .wrapper{width:95%;max-width:1172px;}
#who h2{color:#000000;}
#who .all{display:flex;flex-wrap:wrap;flex:1;justify-content:space-between;font-size:19px;text-align:right;}
#who .wrapper .all a.btnRead[href]{display: block;font-weight:500;line-height:37px;text-align:center;height: 37px;width: 97px;font-size: 18px;margin: 0px auto;text-decoration:none;border-radius: 25px;color:white;cursor: pointer;background: #232e3d;}
#who .wrapper .all .image{width:100%;height:205px;overflow:hidden;}
#who .wrapper .all .image img{width:100%;}
#who .wrapper .all a.btnRead:hover{background:#59a7bd;}
#who p{font-size:19px;font-weight:400;margin-bottom:20px;}
#who ul{
	display: block;
    list-style-type: disc;
	font-size: 18px;
	list-style-position: outside;
	margin:20px;
	padding-right:10px;
}

#who ul li{
	margin-bottom:5px;
}
#who ol{
	font-size: 18px;
	list-style-position: outside;
	margin:20px;
	padding-right:10px;
}

#who ol li{
	margin-bottom:5px;
	
}


#details{background:#e3eff1;padding-bottom:70px;}
#details .wrapper{width:95%;max-width:1172px;}
#details h2{color:#000000;}
#details .all{display:flex;flex-wrap:wrap;flex:1;justify-content:space-between;}
#details .all .subject{padding:0 0% 20px 0%;text-align:center;width:30.3%;background:white;border-radius:4px;margin-bottom:35px;}
#details .all .subject .content{color:black;padding-top:31px;width:100%;padding-bottom:22px;}
#details .all .subject .content h3{font-weight:700;font-size:22px;display:block;margin-bottom:22px;}
#details .all .subject .content p{font-weight:500;font-size:16px;}
#details .all .subject .content p{font-weight:300;font-size:16px;min-height:105px;}
#details .all .subject a.btnRead[href]{display: block;font-weight:500;line-height:37px;text-align:center;height: 37px;width: 97px;font-size: 18px;margin: 0px auto;text-decoration:none;border-radius: 25px;color:white;cursor: pointer;background: #232e3d;}
#details .all .subject .image{width:100%;height:205px;overflow:hidden;}
#details .all .subject .image img{width:100%;}
#details .all .subject a.btnRead:hover{background:#59a7bd;}
#contactBg{padding:54px 0 47px;background:url('../images/contactBg.jpg')no-repeat;background-size:cover;}
#contactBg a.tel[href]{display:block;color:white;text-align:center;font-size:22px;font-weight:500;text-decoration:none;margin:0px auto;margin-bottom:40px;}
#contactBg h2{margin-bottom:10px;}

#details .all{display:flex;flex-wrap:wrap;flex:1;justify-content:space-between;}
#details .all .subjectalone{padding:0 0% 20px 0%;text-align:center;width:30.3%;background:#e3eff1;border-radius:4px;margin-bottom:35px;}
#details .all .subjectalone .content{color:black;padding-top:31px;width:100%;padding-bottom:22px;}
#details .all .subjectalone .content h3{font-weight:700;font-size:22px;display:block;margin-bottom:22px;}
#details .all .subjectalone .content p{font-weight:500;font-size:16px;}
#details .all .subjectalone .content p{font-weight:300;font-size:16px;min-height:105px;}
#details .all .subjectalone a.btnRead[href]{display: block;font-weight:500;line-height:37px;text-align:center;height: 37px;width: 97px;font-size: 18px;margin: 0px auto;text-decoration:none;border-radius: 25px;color:white;cursor: pointer;background: #232e3d;}
#details .all .subjectalone .image{width:100%;height:205px;overflow:hidden;}
#details .all .subjectalone .image img{width:100%;}
#details .all .subjectalone a.btnRead:hover{background:#59a7bd;}

#about{padding:35px 0 40px;}
#about .wrapper{width:95%;max-width:1172px;}
#about p{color:black;font-weight:400;font-size:18px;line-height:144%;}
#about .content{text-align:center;}
#about .content img{width:250px;margin-bottom:35px;}
footer{background:#232e3d;color:white;font-size:14px;text-align:center;padding:10px 0 13px;line-height:120%;}
footer span{display:block;margin-bottom:3px;}
footer a[href]{color:white;}

#success{font-size:38px;text-align:center;font-weight:500;padding-top:80px;font-family: 'Heebo', sans-serif;}

.icons{display:flex;align-items:center;}
.icons a[href]{background:#232e3d;margin-right:10px;color:white;display:flex;align-items:center;justify-content:center;font-size:21px;width:40px;height:40px;border-radius:50%;}
.icons a[href]:first-child{font-size:19px;}
.icons a[href]:hover{background:#337ab7;}
.icons a.tel{color:;font-size:18px;text-decoration:none;color:#232e3d;font-weight:500;}
#about .circle{margin:0px auto;box-shadow:0px 0px 10px 0px rgba(34, 40, 49, 0.2);width:280px;height:280px;border-radius:50%;overflow:hidden;position:relative;margin-bottom:12px;}
#about .circle img{top:0;width:134%;position:absolute;left:-15%;}
#about .name{font-size:26px;display:block;}

#contact{height:350px;overflow:hidden;display:flex;align-items:center;}
#contact .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center; -webkit-filter: blur(2px);
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);}
#contact .bgb{position:absolute;top:0;left:0;width:100%;height:100%;background:black;opacity:0.4;}
#contact .wrapper{width:1170px;position:relative;z-index:9;}
#contact h2{font-weight:700;font-size:46px;color:white;margin-bottom:20px;}
#contact .info p{font-weight:500;font-size:20px;color:white;margin-bottom:45px;text-align:center;}
#contact h2:before{display:none;}
/* unvisited link */
#contact a:link {
  color: white;
  text-decoration: underline;
}

/* visited link */
#contact a:visited {
  color: black;
}

/* mouse over link */
#contact a:hover {
  color: blue;
}

/* selected link */
#contact a:active {
  color: blue;
}

/*arrow down end*/
.social{position:fixed;display:none;z-index:999;}

#page{display:block;min-height:85vh;}
#page .wrapper a.btnRead[href]{display: block;font-weight:500;line-height:37px;text-align:center; height: 37px;width: 97px;font-size: 18px;margin-bottom: 20px; text-decoration:none;border-radius: 25px;color:white;cursor: pointer;background: #232e3d;}
#page .wrapper .image{width:100%;height:205px;overflow:hidden;}
#page .wrapper .image img{width:100%;}
#page .wrapper a.btnRead:hover{background:#59a7bd;}
#page .pageTale .wrapper{}
.pageTale{background:#337ab7;width:100%;margin-bottom:35px;}
.pageTale h1{color:white;margin-bottom:35px;margin:0;font-weight:700;font-size:42px;line-height:75px;}
#page .wrapper{width:1170px;}
#page p{font-size:19px;font-weight:400;margin-bottom:20px;}
#page h3{font-size:25px;font-weight:500;margin-bottom:20px;}
#page h2{color:black;font-size:30px;font-weight:500;margin:0;margin-top:25px;margin-bottom:20px;}
#page ul{
	display: block;
    list-style-type: disc;
	font-size: 18px;
	list-style-position: outside;
	margin:20px;
	padding-right:10px;
}

#page ul li{
	margin-bottom:5px;
}
#page ol{
	font-size: 18px;
	list-style-position: outside;
	margin:20px;
	padding-right:10px;
}

#page ol li{
	margin-bottom:5px;
	
}