@charset "UTF-8";
@import "../fonts/font-awesome-4.6.3/css/font-awesome.css";
@import "../fonts/raleway/stylesheet.css";

@font-face {
font-family: "yekan";
src: url(../fonts/yekan/Yekan.eot);
src: url(../fonts/yekan/Yekan.eot?#iefix) format("embedded-opentype"), url(../fonts/yekan/Yekan.woff)
format("woff"), url(../fonts/yekan/Yekan.ttf) format("truetype"), url(../fonts/yekan/Yekan.svg#BYekan) format("svg");
font-weight: normal;
font-style: normal
}

/*--------------------------------=== Useful Classes ===----------------------*/
.Fa{
	font-family:'yekan';
	text-align:right;
	direction:rtl;
}
.En{
	font-family:'ralewaylight';
	text-align:left;
	direction:ltr;
}
.pointer{
		cursor:pointer;
}
.disInB{
	display:inline-block;
}
.clearFix{
	clear:both;
}

/*----------- Position -------------*/

.alignV{
	position:absolute;
	top:50%;
	-ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.alignH{
	position:absolute;
	left:50%;
	-ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.alignHV{
	position:absolute;
	top:50%;
	left:50%;
	-ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.posR{
	position:relative;
}
/*-----------------------------------------------------------*/

html,body{
	min-width:320px;
	height:100%;
}
body{
	font-family:'yekan';
	font-size:16px;
	font-weight:300;
	background-color:#fff;
	color:#000;
}
a, a:hover , a:active , a:focus {
	text-decoration:none;
}
*{
	margin:0;
	padding:0;
}
h1, h2, h3,h4,h5,h6{
	margin:0;
	padding:0;
}
/*-------------------------------------------- Navigation -------------------------------*/
.navBarM{
	width:100%;
	height:80px;
	z-index:1000;
	position:fixed;
	top:0;
	left:0;
	-webkit-transition:0.6s;
	transition:0.6s;
}
.navBarM .container{
	height:100%;
}
.navLogo{
	height:100%;
	width:33.33%;
}
.navLogo img{
	position:absolute;
	left:0;
	bottom:-30px;
	-webkit-transition:0.3s;
	transition:0.3s;
	z-index:2;
}
.navLogo > a:hover img{
	bottom:-40px;
}

.navBar,.navBarMobi{
	margin:0;
	padding:0;
	right:0;
	position:absolute;
	display:none;
	white-space:nowrap;
}
.navBarMobi{
	top:100%;
	margin-right:-10px;
	width:calc(100% + 20px);
}
.navBar > li,.navBarMobi > li{
	width:100%;
}
.navBar > li > a,.navBarMobi > li > a{
	display:inline-block;
	padding:10px 15px;
	font-size:14px;
	color:#fff;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.navBarMobi > li > a{
	padding-right:50px;
}
.navBarMobi > li:last-child > a{
	padding-bottom:25px;
}
.navBar > li > a:hover,.navBarMobi > li > a:hover{
	color:#f15922;
}
.navBtns{
	width:50px;
	height:100%;
	float:right;
}
.menuBtn{
	padding:10px;
	cursor:pointer;
	transform-origin:50% 0%;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.navBtn{
	width:30px;
	height:1px;
	background-color:#fff;
	transform-origin:0 0;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.menuBtnR{
	transform:rotate(90deg);
}
.menuBtn:hover .navBtn{
	background-color:#f15922;
}
.navBtn:first-of-type{
	margin-bottom:10px;
}
.navBtnFotR{
	transform:rotate(45deg);
	margin-bottom:20px !important; 
}
.navBtnLotR{
	transform:rotate(-45deg);
}
@media screen and (min-width:992px){
	 .navBar{
		width:66.66%;
	}
	.navLogo{
		width:33.33%;
	}
}
/*-------------------------------------------- Section 1: Header -------------------------------*/

.section1{
	width:100%;
	height:100%;
	max-width:1920px;
	margin:0 auto;
	min-height:600px;
	max-height:1080px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	background-attachment:fixed;
	background-image:url('../images/section1/bg.jpg');
}
.breastfeeding_step1{
	background-image:url('../images/section1/bg_breastfeeding.jpg') !important;
}
.bg_diabet{
	background-image:url('../images/section1/bg_diabet.jpg') !important;
}

@media screen and (max-width:768px){
	.section1{
		background-attachment:scroll;
	}
}
.section1 .container{
	height:100%;
}

.registerTab{
	bottom:0px;
	text-align:center;
	width:300px;
	overflow:hidden;
}
.regBtn{
	position:relative;
	bottom:-16px;
	text-align:center;
	line-height:0;
	width:400px;
	height:41px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-size: 100% auto;
	background-image:url('../images/section1/Layer-56.png');
	-webkit-transition:0.3s;
	transition:0.3s;
}
.regBtn i{
	color:#fff;
	font-size:16px;
	margin-bottom:8px;
	margin-top: 5px;
}
.regBtn p{
	font-size:12px;
	color:#fff;
	opacity:0;
	margin-bottom:12px;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.regBtnImg{
	bottom:0;
}
.regBtn:hover{
	bottom:0px;
}
.regBtn:hover p{ 
	opacity:1;
}
@media screen and (min-width:480px){
	.registerTab{
		width:400px;
	}
}

/* ---------------------------------- Section 2 ---------------------------- */

.section2{
	width:100%;
	height:600px;
	max-width:1920px;
	margin:0 auto;
}
.section2 .container{
	height:100%;
}
.section2 .middler{
	width:calc(100% - 30px);
	z-index:2;
}
.section2 h2{
	font-size:26px;
	margin-bottom:60px;
}
.section2 h2 span{
	z-index:2;
	right:0;
}
.section2 h2 img{
	height:50px;
	width:auto;
	right:-30px;
	z-index:1;
}
.section2 ul{
	 list-style-position: inside;
	 list-style:disc;
}
.section2 ul li{
	font-size:16px;
	padding-bottom:20px;
	color:#1d3479;
}	
.section2 ul span{
	font-size:16px;
	padding-right:10px;
	color:#000;
}
.sec2Img{
	position:left;
	z-index:1;
	opacity:0.4;
	width:300px;
	height:auto;
}


@media screen and (min-width:480px){
	.sec2Img{
		width:400px;
	}
}
@media screen and (min-width:768px){
	.section2 h2{
		font-size:36px;
	}
	.section2 h2 img{
		height:70px;
	}
	.sec2Img{
		width:600px;
	}
}
@media screen and (min-width:992px){
	.sec2Img{
		opacity:1;
	}
}

/* ---------------------------------- Section 3 ---------------------------- */


.section3{
	height:400px;
	width:100%;
	max-width:1920px;
	margin:0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	background-attachment:fixed;

}
@media screen and (max-width:768px){
	.section3{
		background-attachment:scroll;
	}
}
.section3 .container{
	height:100%;
}
.section3 h2{
	font-size:26px;
	margin-bottom:40px;
}
.section3 p{
	line-height:1.9em;
	font-size:16px;
	color:#fff;
}
@media screen and (min-width:768px){
	.section3 h2{
		margin-right:50%;
	}
	.section3 p{
		margin-right:50%;
	}
}

/* ---------------------------------- Section 4 ---------------------------- */


.section4{
	width:100%;
	max-width:1920px;
	margin:0 auto;	
}
.section4 h2{
	font-size:26px;
	text-align:center;
	color:#d2173a;
	margin:80px 0;
}
.section4 .container > p{
	font-size:16px;
	margin-bottom:80px;
	 text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}
.section4Texts{
	text-align:center;
	margin-bottom:50px;
}
.section4Texts img{
	padding-bottom:15px;
}
.section4Texts h3{
	text-align:center;
	padding-bottom:15px;
	font-size:18px;
}
.section4Texts p{
	width:80%;
	margin:0 auto;
	font-size:14px;
	 text-align: center;
	 -moz-text-align-last: center;
    text-align-last: center;
}

@media screen and (min-width:480px){
	.section4 h2{
		font-size:36px;
	}
}
/* ---------------------------------- Section 5 ---------------------------- */
.section5{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	height:500px;
	background-repeat: no-repeat;
	background-position: center right;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	background-image:url('../images/section5/bg.jpg');
}
.section5 .middler{
	width:calc(100%);
	text-align:center;
	left:0;
	z-index:2;
}
.section5 h2{
	font-size:26px;
	text-align:center;
	line-height:1.7em;
	color:#f0ed09;
	margin-bottom:50px;
	text-shadow:0 0 5px rgba(0,0,0,0.2);
}
.section5 .section5Logo{
	width:150px;
	height:auto;
}	
.section5 .container{
	height:100%;
}
.section5Img{
	opacity:0.4;
	width:230px;
	height:auto;
	position:absolute;
	bottom:20px;
	right:50px;
	z-index:1;
}
@media screen and (min-width:480px){
	.section5Img{
		width:300px;
		bottom:-20px;
		right:100px;
	}
}
@media screen and (min-width:768px){
	.section5 .middler{
		width:50%;
	}
	.section5Img{
		opacity:1;
		width:350px;
		bottom:-30px;
	}
}
@media screen and (min-width:992px){
	.section5Img{
		width:400px;
	}
}

/* ---------------------------------- Section 6 ---------------------------- */

.section6{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	background-image:url('../images/section6/bg.jpg');
}
.section6 h2{
	font-size:26px;
	line-height:1.7em;
	margin-top:80px;
	margin-bottom:50px;
	text-align:center;
}
.section6 h2 span{
	color:#ec4d77;
}
.section6 .container > p{
	font-size:16px;
	text-align:center;
	padding-bottom:80px;
}
.section6LinksM{
	width:80%;
	margin:0 auto;
}
.section6Link1,.section6Link2{
	float:left;
	width:100%;
	margin:0 5%;
	border:1px solid #ec768c;
	text-align:center;
	margin-bottom:80px;
	background-color:#fff;
}
.section6Link2{
	border:1px solid #51b1c5;
}
.section6Link1 .headerBox,.section6Link2 .headerBox{
	height:60px;
	width:100%;
	background-color:#ec768c;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.section6Link2 .headerBox{
	background-color:#51b1c5;
}
.section6Link1 .headerBoxIcon,.section6Link2 .headerBoxIcon{
	width:80px;
	height:80px;
	box-sizing:border-box;
	background-color:#ec768c;
	border:1px solid #fff;
	border-radius:200px;
	-webkit-transform:translate(-50%,20px);
	transform:translate(-50%,20px);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: 70% auto;
	-moz-background-size: 70% auto;
	-o-background-size: 70% auto;
	-ms-background-size: 70% auto;
	background-size: 70% auto;
	background-image:url('../images/section6/sdf4.png');
	-webkit-transition:0.3s;
	transition:0.3s;
}
.section6Link2 .headerBoxIcon{
	background-color:#51b1c5;
}
.section6Link1 p,.section6Link2 p{
	padding:60px 30px;
	padding-bottom:30px;
	line-height:1.7em;
	text-align:center;
	color:#083a45;
}
.section6Link1  a,.section6Link2 a{
	color:#fff;
	border-radius:100px;
	width:70%;
	padding:10px 0;
	background-color:#eb8b9d;
	white-space:nowrap;
	margin-bottom:30px;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.section6Link2 a{
	background-color:#7ec4d3;
}
.section6Link1 a:hover,.section6Link2 a:hover{
	background-color:#ec768c;
}
.section6Link1 a:hover .headerBox{
	background-color:#e6758a;
}
.section6Link2 a:hover{
	background-color:#51b1c5;
}
.section6Link1:hover .headerBoxIcon,.section6Link2:hover .headerBoxIcon{
	border:2px solid #fff;
	width:84px;
	height:84px;
}
@media screen and (min-width:768px){
	.section6LinksM{
		width:90%;
	}
	.section6 h2{
		font-size:36px;
	}
	.section6Link1,.section6Link2{
		width:40%;
	}
}
@media screen and (min-width:992px){
	.section6LinksM{
		width:70%;
	}
}

@media screen and (min-width:1200px){
	.section6LinksM{
		width:60%;
	}
}


/* ---------------------------------- Section 7 ---------------------------- */

.section7{
	width:100%;
	height:500px;
	max-width:1920px;
	margin:0 auto;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	background-attachment:fixed;
	background-image:url('../images/section7/bg.jpg');
}
@media screen and (max-width:768px){
	.section7{
		background-attachment:scroll;
	}
}
.section7 .container{
	height:100%;
}
.section7 h2{
	font-size:20px;
	color:#fff;
	width:80%;
	margin:0 auto;
	text-align:center;
	line-height:1.7em;
}
@media screen and (min-width:480px){
	.section7 h2{
		font-size:30px;
		width:60%;
	}
}

/* ---------------------------------- Section 8 ---------------------------- */

.section8{
	width:100%;
	max-width:1920px;
	margin:0 auto;
}
.section8 .row{
	margin-bottom:80px;
}

.section8 h2{
	text-align:center;
	font-size:26px;
	color:#000;
	padding-top:80px;
	padding-bottom:25px;
}
.section8 h3{
	text-align:center;
	font-size:20px;
	color:#a11c4f;
	margin-bottom:50px;
}
.newsM{
	text-align:center;
	margin-bottom:30px;
}
.section8Imgs{
	width:100%;
	height:230px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	-webkit-filter:sepia(0%);
	 filter:sepia(0%);
	 -webkit-transition:0.3s;
	transition:0.3s;
}
#news1Img{
	background-image:url('../images/section8/n1.jpg');
}
#news2Img{
	background-image:url('../images/section8/n2.jpg');
}
#news3Img{
	background-image:url('../images/section8/n3.jpg');
}
.newsM h3{
	text-align:right;
	padding:30px 0;
	margin:0;
	font-size:18px;
	color:#000;
	-webkit-transition:0.3s;
	transition:0.3s;
}
.newsM p{
	font-size:14px;
	text-align:justify;
	line-height:1.7em;
	color:#000;
}
.newsM:hover .section8Imgs{
	-webkit-filter:sepia(50%);
	 filter:sepia(50%);
}
.newsM:hover h3{
	color:#a11c4f;
}
.sec8RegM{
	width:100%;
	height:80px;
	text-align:center;
	background-color:#21c8c8;
}
.sec8RegIn{
	white-space:nowrap;
}
.sec8RegIn a{ 
	font-size:12px;
	padding:7px 15px;
	border-radius:5px;
	background-color:#f4d60d;
	color:#000;
}
.sec8RegIn a:last-of-type{
	margin-left:15px;
}
.sec8RegIn a:hover{ 
	background-color:#dec30f;
}
.sec8RegM .container{
	height:100%;
}
.sec8RegM img{
	position:absolute;
	left:15px;
	bottom:5px;
}
@media screen and (min-width:480px){
	.sec8RegIn a{ 
		font-size:16px;
	}
	.section8 h2{
		font-size:30px;
	}
	.section8 h3{
		font-size:30px;
	}
}

/* ---------------------------------- Section 9 ---------------------------- */

.section9{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	background-color:#e8e8e8;
}
.section9 h2{
	text-align:center;
	font-size:30px;
	color:#9e184b;
	padding:80px 0;
}
.sec9Question{
	position:relative;
	color:#a91950;
	display:inline-block;
	width:100%;
	padding-right:30px;
}
.sec9Question img{
	position:absolute;
	top:3px;
	right:0px;
}
.sec9Ans{
	width:90%;
	text-align:right;
	padding-right:20px;
	float:right;
	padding-bottom:20px;
	color:#414042;
}
.sec9Pers{
	width:100%;
	margin-top:80px;
	text-align:center;
	margin-bottom:80px;
}
.sec9Pers img{
	margin-left:10px;
}
.sec9Pers img:last-of-type{
	margin-left:0;
}
.only480{
		display:none;
	}
@media screen and (min-width:480px){
	.only320{
		display:none;
	}
	.only480{
		display:block;
	}
}
@media screen and (min-width:768px){
	.only320{
		display:none;
	}
	.only480{
		display:none;
	}
}

/* ---------------------------------- footer ---------------------------- */
footer{
	height:100px;
	width:100%;
	background-color:#222222;
	text-align:center;
}
footer .container{
	height:100%;
}
footer p{
	padding:0;
	margin:0;
	font-size:12px;
	color:#fff;
	width:100%;
	line-height:1.5em;
}
footer p span{
	color:#ea0a0a;
}
footer{
	padding:0;
	margin:0;
	line-height:1em;
}
footer p a{
	color:#969791;
	font-size:20px;
	margin:0 10px;
}
footer p a:hover{
	color:#9e184b;
}

#sec5 .col-md-4{
	float: right !important;
}
footer .aparatLogo{
	background-image: url('../images/aparat.png');
	width: 25px;
	height: 25px;
	border-radius: 5px 5px 0 0;
	background-repeat: no-repeat;
	background-position: center right;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	background-size: auto 100%;
	position: relative;
	top: 5px;
}
footer .aparatLogo:hover{
	background-position: left center;
}
.hide768{
	opacity: 0;
	position: fixed;
}
@media screen and (min-width:768px){
	.hide768{
		display:none;
	}
}