body {
	/*background: url(../images/bkg2.jpg) no-repeat top center;*/
}

.topBarStatic {
    background: #fff;
    height: 158px;
}

.section1 {
    height: 650px;
    background: url("../images/maslul_sec1.jpg") no-repeat center top;
    display: flex;
    align-items: center;
    justify-content: center;
}

h1 {
    font-size: 120px;
    /*margin-top: 284px;*/
    text-align: center;
    font-weight: 900;
    letter-spacing: -3px;
}

.breadCrumbs {
    height: 83px;
    background: #ffff;
    font-size: 25px;
    display: flex;
    align-items: center;
	color: #333;
}

.breadCrumbs p{
	margin-right: 15px;
}

.breadCrumbs a{ color: #000;}
.breadCrumbs a:hover{ text-decoration: underline;}


.section2 {
    height: 1354px;
    background: url("../images/maslul_sec2.png") no-repeat center top;
}

.sec2TitleB {
    font-size: 60px;
    margin-top: 30px;
    color: #187dcf;
    text-align: center;
}

.sec2BoxesSlider {
    font-size: 30px;
    margin-top: 153px;
    position: relative;
    left: 51px;
}

.sec2Boxes {
    display: grid;
    grid-template-rows: 1fr auto 1fr auto 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    width: 780px;
    margin: auto;
    /* grid-gap: 82px 0; */
}

.sec2BoxesSep {
    grid-column: span 3;
    height: 104px;
    background: url(../images/sec2box_bg_maslul.png) no-repeat center;
}

a.sec2Box {
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
	padding: 0 8%;
	color: #187dcf;
	width: 207px;
	height: 236px;
	background: url("../images/sec2box_maslul.png") no-repeat center;
	transition: transform 0.3s ease-out;
	
}

a.sec2Box:hover{
	/*text-decoration: underline;*/
	transform: scale(1.05, 1.05);
	/*transition: transform 0.3s ease-out;*/
	
}

.inlineTitle {
    color: #000;
    text-align: center;
    font-weight: 900;
    font-size: 80px;
    letter-spacing: -1px;
	margin-top: 5%;
}

a .showTitle{
	color: #000;
}

a:hover .showTitle{
	text-decoration: underline;
}

.inline_content{
	color: #000;
}

#cboxClose {
    bottom: auto;
    right: auto;
    top: 28px;
    left: 26px;
    background: url(../images/xbtn.png) no-repeat center;
    width: 20px;
    height: 22px;
}
#cboxClose:hover {
    background-position: center;
}

#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
    height: 0;
}

#cboxMiddleRight, #cboxMiddleLeft {
    width: 0;
}


.masah {
    background: transparent !important;
	color: #000;
}

#cboxContent{
	background: url("../images/maslul_popup_bg.png") no-repeat center top;
}

.masah_img{
	width: 971px;
	height: 412px;
	margin-top: 78px;
}

.mashContent {
    margin: 69px auto 0;
    width: 90%;
    display: grid;
    grid-template-columns: 1.5fr 2fr;
}

.masahTitle {
    font-size: 40px;
    margin-top: 28px;
    color: #187dcf;
}
.masahTextRight {
    
}

.masahTextSep{
	width: 102px;
	height: 11px;
	background: #fff;
}

.masahText {
    font-size: 16px;
    line-height: 1.9;
    margin-top: 21px;
    letter-spacing: -0.2px;
    width: 86%;
    color: #fff;
}


.maslulimFooter {
    height: 469px;
    background: #062036 url("../images/maslul_footer.png") no-repeat center top;
}

.maslulimFooter ul.footerMenu {
    margin-top: 203px;
}




@media (max-width: 1000px) {
	.topBarStatic {
		height: auto;
		padding-bottom: 1%;
	}
	
	.section1 {
		height: 48vw;
		background-size: cover;
	}
	
	h1 {
		font-size: 12vw;
		letter-spacing: -1px;
	}
	
	.sec2BoxesSlider {
		left: auto;
	}
	
	.slick-prev {
    	left: 29%;
	}
	
	.slick-next {
		right: 27%;
	}
	
	.masah_img {
		width: auto;
		background-size: cover;
		height: 44vw;
		background-position: center;
		margin-top: 0px;
	}
	
	#cboxContent {
		background: #fff;
	}
	
	.mashContent {
		margin: 1% auto 0;
		width: 89%;
		display: block;
	}
	
	.masahTitle {
		font-size: 40px;
		margin-top: 5%;
		color: #187dcf;
	}
	
	.masahText {
		margin-top: 3%;
		letter-spacing: -0.2px;
		width: auto;
		color: #000;
	}
	
	.masahTextSep {
		background: #187dcf;
	}
	
	#cboxClose {
		top: 2%;
		left: 2%;
	}
}



@media (max-width: 840px) {
	.sec2Boxes {
		width: auto;
	}
}


@media (max-width: 720px) {
	
	.sec2Boxes {
		width: auto;
	}
	
	.section1 {
		height: 48vw;
		background-size: cover;
		width: 100%;
		display: inline-flex;
	}
	
	.breadCrumbs {
		height: 64px;
		font-size: 20px;
	}
	.section2 {
		height: auto;
		padding-bottom: 16%;
		background-size: cover;
	}
	.slick-prev {
		left: 20%;
	}
	
	.slick-next {
		right: 18%;
	}
	
	.sec2BoxesSlider {
    	font-size: 4vw;
		margin-top: 11vw;
	}
	
	a.sec2Box {
		padding: 0 15%;
		width: 100%;
		height: 34vw;
		background-size: 95%;
	}
	
	.sec2TitleB {
		font-size: 48px;
		margin-top: 0;
    	padding-top: 3vw;
	}
	
	.sec2BoxesSep {
    	height: 13vw;
	}
}


@media (max-width: 540px){
	
	.section2 {
		padding-bottom: 16%;
		background: #fff;
	}

	.sec2BoxesSlider {
		font-size: 5.7vw;
		margin-top: 8vw;
		padding-top: 4vw;
		background: #f4f4f4;
	}
  
	.sec2Boxes {
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		grid-gap: 0% 5%;
	}
	
	.sec2BoxesSep {
		display: none;
	}
	
	a.sec2Box {
		height: 44vw;
		background-size: 86%;
	}
	
	.sec2Boxes a.sec2Box:last-of-type {
		grid-column: span 2;
		width: 48%;
		margin-bottom: 13%;
	}
	
	.slick-dots {
    	bottom: -44px;
	}
	.slick-prev, .slick-next {
    	bottom: -56px;
	}
	.slick-next {
		right: 1%;
	}
	.slick-prev {
		left: 1%;
	}
	
	.maslulimFooter {
		height: auto;
		background: #062036 url("../images/maslul_footer_540.png") no-repeat center top;
		padding-bottom: 10%;
	}
	
	.maslulimFooter ul.footerMenu {
		margin-top: 10%;
	}
	
	.slick-prev:before, .slick-next:before, .slick-prev::before {
    	font-size: 20px;
	}
	
	.slick-prev, .slick-next {
    	width: 80px;
	}
}