@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff') format('woff'),
		 url('../fonts/roboto-regular-webfont.woff2') format('woff2');	
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff') format('woff'),
		 url('../fonts/roboto-bold-webfont.woff2') format('woff2');	
    font-weight: normal;
    font-style: normal
}

*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
body{
	color: #000000;
	font-size: 16px;
	font-family: 'robotoregular','Arial'; 
	background-color: #fff;
	margin: 0 auto !important
}
body.compensate-for-scrollbar{
	overflow: auto !important
}
h1,h2,h3,h4{
	font-family: 'robotobold','Arial'; 
}
.preload * {
	-webkit-transition: none!important;
	-moz-transition: none!important;
	-ms-transition: none!important;
	-o-transition: none!important;
	transition: none!important
}
a,p,li,h5,h6{
	font-family: 'robotoregular','Arial';
}
a,
a:focus,
a:hover,
a:active{
   outline: 0 !important;
   text-decoration: none
}
a[href=""]{ pointer-events: none }
button::-moz-focus-inner{ border: 0 }
img{ 
	max-width: 100%; 
	height: auto
}
ul,
ul li{ list-style-type: none }
.btn.focus, .btn:focus{
	outline: 0;
	-webkit-box-shadow:none;
	box-shadow: none;
	text-decoration: none
}
.container{
	max-width: 1170px;
	width: 100%;
}
.section{
	float: left;
	width: 100%;
	padding: 60px 0;
}
.nopadding{ padding: 0 !important;}
.margin-lr-0{ margin-left: 0; margin-right: 0;}
.padding-lr-30{ padding: 0 30px;}
.padding-lr-50{ padding: 0 50px;}
.padding-lr-20{ padding: 0 20px;}
.bg-gray{ background-color: rgba(79, 79, 79,0.1)}
.bg-yellow{ background-color: rgba(248, 178, 73,1) }
.section h3.title{
	color: #781132;
	text-transform: uppercase;
	font-size: 40px;
}
.section h3.title.landing{ text-transform: capitalize; word-wrap: break-word;}
.btn.btn-yellow,
.es_submit_button{
	text-transform: uppercase;
	font-weight: 100;
	border: none;
	background-color: rgba(248, 178, 73,1);
	color: #fff;
	padding: 12px 35px;
	font-size: 16px;
	border-radius: 40px;
	position: relative;
	transition: all 500ms ease; 
}
.btn.btn-yellow:hover,
.es_submit_button:hover{
	background: rgba(0,0,0,0) !important;
	color:  #f8b249 !important;
	box-shadow: inset 0 0 0 3px #f8b249;
	cursor: pointer;
}
div.description.headlines{ line-height: 25px; padding: 0 !important }
div.headlines {
	overflow: hidden;
	float: left;
	width: 100%;
	 -webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
div.description ul,
div.description ol{
	padding-left: 15px
}
div.description ul,
div.description ul li{
	list-style: outside
}
div.description h1,
div.description h2,
div.description h3{
	color: #781132;
	text-transform: capitalize;
	font-size: 40px;
}
div.description h4,
div.description h5,
div.description h6{
	font-size: 15px;
}
.alignleft{
	float: left;
	margin: 0 30px 30px 0;
	border-radius: 40px;
}
.alignright{
	float: right;
	margin: 0 0 30px 30px;
	border-radius: 40px;
}
.banner{
	width: 100%;
	height: 600px;
	position: relative;
	background-position: center;
	background-size: cover;
}
.no-banner{
	float: left;
	width: 100%;
	height: 200px;
}
.hero-banner-wrapper{
	width: 100%;
    background-size: cover;
    background-position: center;
	position: relative
}
.hero-banner-wrapper{
	background: no-repeat center 40% / 50% auto, -webkit-linear-gradient(left, white, white);
	background: no-repeat center 40% / 50% auto, -o-linear-gradient(right, white, white);
	background: no-repeat center 40% / 50% auto, -moz-linear-gradient(right, white, white);
	background: no-repeat center 40% / 50% auto, linear-gradient(to right, white, white)
}
.banner-title{
	position: absolute;
	text-align: center;
	top: calc(50% + 44px);
	transform: translateY(-50%);
	width: 100%;
	color: white;
	text-transform: uppercase;
}
.banner-title h3{
	font-size: 50px;
	color: #780031;
	text-transform: capitalize;
}
.img-radius{ border-radius: 20px;}
.title-landing-page{ padding: 50px 0 0;}
.title-landing-page .title{ 
	color: #781132;
	text-transform: capitalize;
	font-size: 50px;
}
.slick-slider .slick-track{
	text-align: center;
	margin: 0 auto
}
.slick-slide{
	outline: none !important
}
.slick-slide img{
	display: flex;
	margin: 0 auto
}

input:focus, textarea:focus, select:focus{ outline: none}




.popupfee{
	padding: 70px 30px !important; 
	background: #fff !important;
	width: 400px !important;
	text-align: center !important;
}
.promotion.elegant-modal .closes{ 
	color: white;
	background: #781132;
	font-size: 12px;
	height: 25px;
	right: 4px;
	top: 5px;
	width: 25px;
}
.promotion.elegant-modal{ padding: 0 !important}

/* ==========================================================================
   Header block
   ========================================================================== */
.header{
	float: left;
	width: 100%;
}
.header-top{
	width: 100%;
	background: #781132;
	height: 40px;
	color: white
}
.header-top .contact-info ul{
	float: left;
	margin: 9px 0 10px;
}
.header-top .contact-info ul li{
	float: left;
	padding: 0 40px 0 35px;
	font-size: 14px;
}
.header-top .contact-info ul li a{ color: white}
.header-top .contact-info ul li.contact-call{
	background: url('../images/icons/header-call.png') no-repeat 0 2px;
	padding-left: 30px;
}
.header-top .contact-info ul li.contact-mail{ background: url('../images/icons/header-mail.png') no-repeat 0 2px; }
.header-top .top-menu ul{ float: right;}
.header-top .top-menu ul:not(.social-media-item) li{
	float: left;
	border-right: 1px solid rgba(255,255,255,0.2);
	padding: 0 15px 0;
	margin: 5px 0 0;
}
.header-top .top-menu ul{ margin: 5px 0 0 0;}
.header-top .top-menu ul li a{ color: white; text-transform: uppercase;font-size: 12px;display: block;}

.header-top .top-menu .social-media-item{ margin: 9px auto}
.header-top .top-menu .social-media-item li:first-child{ padding-left: 15px;}
.header-top .top-menu .social-media-item li{ float: left; padding:0 0 0 20px;}
.header-top .top-menu .social-media-item li a img{
	width: 22px;
	height: 22px;
/*	border-radius: 50%*/
}

.header-bottom{ 
	width: 100%;
	float: left;
	top: 40px;
}
.header-bottom .nav{ float: right}
.header-bottom .logo a img{max-height:130px}
.header-bottom .main-menu ul{
	margin: 25px auto 0;
}
.header-bottom .main-menu ul,
.header-bottom .main-menu .search{
	float: right
}
.header-bottom .main-menu ul li{float: left;padding: 30px 0 10px 35px;} 
.header-bottom .main-menu li:last-child .submenu{ right: 70px; }
.header-bottom .main-menu li:last-child .submenu{background-position: 210px -6px;}
.header-bottom .main-menu ul li a{
	color: black;
	text-transform: uppercase;
	padding: 0;}
.header-bottom .main-menu .search{padding: 0 0 0 55px;margin: 48px auto;}
.header-bottom .main-menu li .submenu{ 
	width: 255px;
	padding: 10px 0 0;
	margin: 0;
	line-height: 22px;
	position: absolute;
	list-style: none;
	top: 120px;
	visibility: hidden;
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	background: url(../images/icons/arrow-point-to-up.png) 20px -6px no-repeat;
}
.header-bottom .main-menu li .submenu li{
	float: left;
	width: 100%;
	padding: 10px 0;
	background: #e4e4e4;
}
.header-bottom .main-menu li .submenu li a{
	color: black;
	float: left;
	width: 100%;
	padding: 0 15px;
	font-size: 15px;
}
.header-bottom .main-menu ul > li:hover > .submenu{
	top: 90px;
}
.header-bottom .main-menu li:nth-child(5) .submenu{right: 150px;background: url(../images/icons/arrow-point-to-up.png) 212px -6px no-repeat}
.header-bottom .main-menu ul,
.header-bottom .main-menu ul > li:hover > .submenu{
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.footer .footer-top .quick-link ul li.current_page  a,
.header-top ul > li.current_page > a,
.header-bottom ul.submenu > li.current_sub_page > a,
.header-bottom .main-menu > ul > li.current_page > a,
.header-bottom .main-menu > ul > li.current_sub_page > a,
.header-bottom .main-menu .submenu li:hover a,
.header-bottom .main-menu ul li a:hover { color: rgba(251, 175, 62,1) }
.header-bottom .main-menu .submenu li.current_sub_page{ border-bottom: 1px solid rgba(251, 175, 62,1)}
.header-bottom .main-menu ul li a.current_page_item{ color: rgba(251, 175, 62,1) }
.header-bottom .main-menu ul > li:hover > .submenu, 
.header-bottom .main-menu ul > li > a:hover .submenu{
	opacity: 1;
	visibility: visible;
}
.header-bottom .main-menu .submenu li{
	float: none;
	padding: 10px 30px;
	border-bottom: 1px solid #cccccc;
}
.header-bottom .main-menu .submenu li:hover{
	border-bottom: 1px solid rgba(251, 175, 62,1);
}
.header-bottom .main-menu .submenu li:last-child{ border-bottom: none;}
.header-bottom .main-menu .submenu li a{ text-transform: capitalize; font-size: 15px}



/*style after scroll*/
.header-bottom.smaller{
	top: 0;
	background-color: white;
	-webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);
}
/*.header-bottom.smallest{ padding: 10px 0}*/
.header-bottom.smallest .logo a img{
	max-height: 80px;
}
.header-bottom.smallest .main-menu ul{
	margin: 0 auto;
}
.header-bottom.smallest .main-menu .search{margin: 22px auto;}
.header-bottom.smallest .main-menu li .submenu{ top: 100px}
.header-bottom.smallest .main-menu ul > li:hover > .submenu{ top: 70px}

.header-bottom,
.header-bottom.smaller,
.header-bottom.smallest .logo a img,
.header-bottom .logo a img,
.header-bottom.smallest,
.header-bottom.smallest .logo a img,
.header-bottom.smallest .main-menu ul,
.header-bottom .main-menu ul,
.header-bottom .main-menu .submenu li,
.header-bottom .main-menu .submenu li:hover,
.header-bottom .main-menu .search,
.header-bottom.smallest .main-menu .search,
.header-bottom .custom-search input{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}








/* ==========================================================================
   Content block
   ========================================================================== */

.content{
	width: 100%;
	float: left;
}
.contact-information{
	position: relative;
	color: white;
	font-size: 15px;
	background-color: #f5f5f5;
}
.contact-information .row{ margin-top: -30px;}
.contact-information .info-detail{
	text-align: center;
	height: 190px;
	border-radius: 15px;
	padding: 32px 15px;
}
.contact-information .info-detail img{
	max-width: 68px
}
.contact-information .info-detail .description{margin-top: 20px; line-height: 25px;}
.contact-information .info-detail span{ display: block;color: white;}
.contact-information .info-detail span a{ color: white}


.title-padding{ padding-bottom: 30px;}


/*welcome*/
.welcome{
	overflow: hidden;
	background: url('../images/bg/welcome.png') no-repeat bottom #f5f5f5;
	padding: 70px 0 35px 0;
}
.welcome .image-management a{
	float: left;
	position: relative
}
.welcome .margin-top,
.our-teacher .margin-top{ margin: 55px 0 0}
.welcome div.description{ padding: 10px 0 0}
.welcome .link{
    float: left;
    margin: 0 auto;
    top: 50%;
    left: 0;
    width: 100%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    right: 0;
    opacity: 1;
}
.welcome .link  .video-icon{
	background: rgba(251, 175, 62,1) url('../images/icons/media-play-symbol.png') no-repeat 20px center / 50px auto;
	color: transparent;
	content: '';
	border-radius: 50%;
	height: 80px;
	width: 80px;
	display: flex;
	margin: 0 auto;
}


/*enrollment*/
.enrollment{
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat
}
.enrollment .left-side{
	background: rgba(255,255,255,0.8);
	padding: 60px 15px;
}
.enrollment .circle  {
	border-radius: 25px;
	padding: 12px 30px;
	font-family: 'robotoregular','Arial';
	margin: 10px 0;
	background: transparent;
} 
.enrollment .btn.btn-yellow{ margin-top: 45px;}
.enrollment div.description{ padding-bottom: 10px;}




/*our-teacher*/
.our-teacher span{ display: block}
.our-teacher .name{
	text-transform: uppercase;
	color: black;
	padding: 20px 0 5px;
}
.our-teacher .position{ color: #781132;}
.our-teacher .padding{ padding: 25px 30px}




/*our-statistics*/
.our-statistics{
	position: relative;
	background: black;
	overflow: hidden;
}
.our-statistics::before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/bg/startistick.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
	background-attachment: fixed;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}
.our-statistics .count{
	width: 152px;
	height: 152px;
	margin: 15px 0 10px;
	line-height: 152px;
	position: inherit;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 40px;
	border-radius: 50%;
	color: darkgreen;
	font-family: 'robotobold','Arial';
}
.our-statistics .count .description{
	float: left;
	width: 100%;
	margin-top: 30px;
}
.our-statistics .count .description h5{ 
	text-transform: capitalize;
	font-size: 16px;
	color: white;
	line-height: 20px;
	
}



/*our-program*/
.our-program .padding30{
	padding: 0 30px
}
.our-program .our-program-item{
	margin: 0 auto;
	float: left;
	position: relative;
	padding: 0;
	cursor: pointer
}
.our-program button.btn-link {
	display: inline-block;
	width: 100%;
	height: 75px;
	vertical-align: middle;
	border: 1px solid #ddd;
	text-align: center;
	border-radius: 40px;
	background-color: rgba(255,255,255,1);
	position: absolute;
	z-index: 999;
	left: 0;
    right: 0;
    bottom: 0;
}
.our-program .our-program-item .hovereffect{
	padding: 0 0 35px 0;
	border-radius: 40px
}
.our-program .our-program-item .hovereffect{
	background: rgba(248, 178, 73,1)
}
.our-program .our-program-item:hover button.btn-link{
	background-color: rgba(248, 178, 73, 0.9);
	border: solid rgba(248, 178, 73,1) 1px;
	color: white !important;
	text-decoration: none;
	cursor: pointer;
}
.our-program .our-program-item button.btn-link a:hover{
	pointer-events: none !important
}
.our-program button.btn-link a{ 
	color: black;
	text-transform: uppercase;
	font-size: 15px;
} 
.our-program .our-program-item:hover a{color: white}
.our-program .our-program-item:hover img{
	opacity: .4;
}
.our-program button.btn-link a,
.our-program .our-program-item:hover a,
.our-program .our-program-item img,
.our-program .our-program-item:hover img,
.our-program .our-program-item button.btn-link,
.our-program .our-program-item:hover button.btn-link{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}

.row.margin30{margin:0 -30px}

/*why-forest-hill*/
.why-forest-hill{
	position: relative;
	overflow: hidden;
}
.why-forest-hill::before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-image: url('../images/bg/why-foresthill.png');
    background-repeat: no-repeat;
    background-position: center;
	background-attachment: fixed;
	background-color: #F5F5F5
}
.why-forest-hill .why-forest-hill-wrapper{
	max-width: 1140px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 1px solid #b3e5fc;
	margin: 0 auto;
	background: transparent;
}
.why-forest-hill .why-forest-hill-wrapper .box{ 
	border: 1px solid #b3e5fc;
}
.why-forest-hill .why-forest-hill-wrapper .box h6{ line-height: 23px}
.why-forest-hill .why-forest-hill-wrapper .box .circle-img{ margin: 20px 0 0;}
.why-forest-hill .why-forest-hill-wrapper .box .normal-img{ margin: 60px 0 0;}
.why-forest-hill .why-forest-hill-wrapper .box .circle-img img{
	border: 10px solid #ddd;
	border-radius: 50%;
}
.why-forest-hill .why-forest-hill-wrapper .column1.box .circle-img img,
.why-forest-hill .why-forest-hill-wrapper .column6.box .circle-img img{ 
	display: block; 
	margin: 0 auto;
}
.why-forest-hill .why-forest-hill-wrapper .column2.box .circle-img img,
.why-forest-hill .why-forest-hill-wrapper .column4.box .circle-img img,
.why-forest-hill .why-forest-hill-wrapper .column5.box .circle-img img{
	float: right
}
.why-forest-hill .why-forest-hill-wrapper .box h6{
	text-transform: capitalize
}
.why-forest-hill .why-forest-hill-wrapper .column1.box{ padding: 180px 40px;}
.why-forest-hill .why-forest-hill-wrapper .column2.box{
	border-top: 0;
	border-left: 0;
	padding: 40px 25px 25px 40px;
}
.why-forest-hill .why-forest-hill-wrapper .column3.box{
	border-width: 0 0 1px 1px;
	padding: 40px;
}
.why-forest-hill .why-forest-hill-wrapper .column4.box{
	border-width: 1px 0 0 0;
	padding: 40px;
}
.why-forest-hill .why-forest-hill-wrapper .column2.box h6,
.why-forest-hill .why-forest-hill-wrapper .column5.box h6{ width: 70%;}
.why-forest-hill .why-forest-hill-wrapper .column4.box h6{ width: 40%; float: left}
.why-forest-hill .why-forest-hill-wrapper .column4.box .circle-img{ margin: 0}
.why-forest-hill .why-forest-hill-wrapper .column5.box{
	border-width: 0 0 1px 0;
	padding: 40px 25px 25px 40px;
}
.why-forest-hill .why-forest-hill-wrapper .column6.box{
	border-width: 1px 0 0 0;
	padding: 40px;
}



/*what-student-parent-say*/
.what-student-parent-say{ padding: 60px 0 40px;}
.what-student-parent-say .slide-item{ margin-left: 200px}
.what-student-parent-say .slide-item .img-slide img{
	margin: 0 auto;
	display: block;
	border-radius: 50%;
}

.what-student-parent-say .slide-item .content-slide{
	margin-top: 95px;
	text-align: center;
}
.what-student-parent-say .slide-item .content-slide p{
	margin: 0 auto;
	width: 70%;
	position: relative;
}
.what-student-parent-say .slide-item .content-slide p::before{
	background: url('../images/icons/left-quotation.png') no-repeat;
	content: "";
	height: 80px;
	position: absolute;
	top: -32px;
	width: 80px;
	left: -60px;
}
.what-student-parent-say .slide-item .content-slide p::after {
    background: url('../images/icons/right-quotation.png') no-repeat;
	content: "";
	height: 80px;
	position: absolute;
	right: -40px;
	width: 80px;
}
.what-student-parent-say .slick-next, 
.what-student-parent-say .slick-prev{
	border: 1px solid rgb(160, 160, 160);
	width: 37px;
	height: 37px;
	z-index: 1;
	top: 20%;
	left: 185px;
	margin: -25px 0 0;
	position: absolute;
	color: transparent;
	cursor: pointer;
	background-color: rgb(160, 160, 160);
	background-repeat: no-repeat;
	background-size: 21px auto;
	background-position: center center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.what-student-parent-say .slick-prev {
    background-image: url('../images/icons/arrow.png');
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.what-student-parent-say .slick-next.slick-arrow{
	background-image: url('../images/icons/arrow.png');
}
.what-student-parent-say .slick-next {
    right: 185px;
	left: auto;
}
.what-student-parent-say .slide-item .content-slide h5{
	padding: 20px 0 5px;
	font-size: 16px;
	text-transform: uppercase;
}
.what-student-parent-say .slide-item .content-slide h6{
	text-transform: capitalize;
	color: darkred;
}
.what-student-parent-say .slide-item .content-slide .rate{ margin: 40px 0 0; }
.what-student-parent-say .slide-item ul li{
	display: inline-block;
}




/*our-partner*/
.our-partner .slick-next::after,
.our-partner .slick-next::before,
.our-partner .slick-prev::after,
.our-partner .slick-prev::before,
.what-student-parent-say .slick-next::after,
.what-student-parent-say .slick-next::before,
.what-student-parent-say .slick-prev::after,
.what-student-parent-say .slick-prev::before{
	display: none
}
.our-partner .bg-white{
	background: white;
	padding: 100px 15px;
}
.our-partner .slick-next, 
.our-partner .slick-prev{
	border: none;
	width: 37px;
	height: 37px;
	z-index: 1;
	top: 50%;
	left: -80px;
	margin: -25px 0 0;
	position: absolute;
	color: transparent;
	cursor: pointer;
	background-color: #A0A0A0;
	background-repeat: no-repeat;
	background-size: 21px auto;
	background-position: center center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.our-partner .slick-prev {
    background-image: url('../images/icons/arrow.png');
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.our-partner .slick-next.slick-arrow{
	background-image: url('../images/icons/arrow.png');
}
.our-partner .slick-next {
    right: -80px;
    left: auto;
}
.our-partner .slick-slide{ padding: 0 7.5px}



/*news*/
.news .news-list .description h5 a{ 
	color: black;
	padding: 15px 0 10px;
	float: left;
	line-height: 25px;
	text-transform: uppercase;
}
.news .padding-lr-30 { padding: 20px 15px; }
.home .news .padding-lr-30 {
    padding: 10px 15px;
}
.news .news-list:hover > .description > h5 a{ color:rgba(248, 178, 73,1) }
.news .news-list .description{ float: left; width: 100%;margin-top: 10px;}
.news .news-list:hover > .description > h5 a,
.news .news-list > .description > h5 a,
.news .news-list:hover .related-title > .description > h5 a,
.news .news-list .related-title > .description > h5 a{
	 -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.news .padding{ padding: 30px;}
.news.news-detail img{ border-radius: 20px;}
.news.news-detail .left h3{ padding: 50px 0 0; }
.news.news-detail .left .detail span{ 
	padding: 25px 0;
	font-size: 15px;
	float: left;
	width: 100%;
}
.news.news-detail .right{ padding-left: 35px;}
.news.news-detail .right .padding{ padding: 15px 15px}
.news.news-detail .right .description{ margin-top: 0}
.news.news-detail .right .margin-top{ margin-top: 40px;}
.news .right .news-list  .description h5 a{ padding: 0 0 15px;}
.news .news-list:hover .related-title > .description > h5 a{ color:rgba(248, 178, 73,1) }
.news .margin-top{ margin-top: 30px;}
.news .padding-lr-30 {
    float: none;
    display: inline-block;
    margin: 0 auto;
}
.news .date {
    font-size: 14px;
	color: #959595;
	display: block;
	float: left;
	width: 100%;
}


/*school activities*/
.gallery .hovereffect:hover{ z-index: 4; position: relative}
.gallery .hovereffect:hover{ z-index: 4; position: relative}
.gallery .hovereffect.no-border-radius{ border-radius: 0; }
.gallery .hovereffect.no-border-radius .link .text{ text-transform: capitalize}
.gallery .view-more .hovereffect .link{ top: 50%; opacity: 1; }
.gallery .view-more .hovereffect .link .text{ text-transform: uppercase}
.gallery .title-padding{ padding-bottom: 35px;}





/*about-us*/
.about-us.our-teacher .margin-top{ margin-top: 35px; }
.about-us.our-teacher .padding-lr-30{ padding: 30px;}
.about-us.campuses .address{ margin-top: 40px;}
.about-us.campuses .address span{ 
	display: inline;
	font-size: 18px;
	text-transform: capitalize;
	font-weight: bold;
}
.about-us.campuses .padding-custom{ padding: 40px 0 60px;}
.about-us.campuses .section:nth-child(2n){
	background-image: url('../images/bg/about-us.png'); 
	background-color: #ddd
}
.about-us.campuses .section:nth-child(2n) .thumb,
.programs.american-elementary-program .section:nth-child(2n) .left,
.about-us.mission-vision .section:nth-child(2n+1) .left,
.school-life.school-day .section:nth-child(2n) .left{
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.about-us.campuses .section:nth-child(2n) .description,
.programs.american-elementary-program .section:nth-child(2n) .right,
.school-life.school-day .section:nth-child(2n) .right{
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}
.about-us.message-from-director div.description{ padding-top: 30px }
.about-us.message-from-director .right{
	background: url('../images/bg/art-under-text.png') no-repeat bottom center;
}

.about-us.mission-vision .section{
	background-image: url('../images/bg/mission1.png'); 
	height: 300px;
	background-position: right top;
	background-repeat: no-repeat
}
.about-us.mission-vision .section:nth-child(2n+1){
	background-image: url('../images/bg/about-us.png'); 
	background-color: #ddd;
	background-position: left top
}
.about-us.mission-vision p.description{ margin-bottom: 0}

/* program */
.programs.montessori-preschool-kindergarten .right{
	background: url('../images/bg/art-under-text.png') no-repeat 100px 85px
}
.programs.montessori-preschool-kindergarten div.description,
.programs.montessori-program div.description,
.about-us.mission-vision div.description{ padding-top: 30px }




/*school life*/
.school-life.school-day .section:nth-child(2n){
	background: #ddd url('../images/bg/a-school-day.png') no-repeat; 
}
.school-life.school-day .description ul li{ list-style: inside}
/*
.school-life.service div.description,
.school-life.school-day div.description{ padding-top: 30px}
*/

.school-life.school-activites .hovereffect{ border-radius: 0}
.school-life.school-activites .padding{ padding: 15px}
.school-life.school-activites .margin-top{ margin-top: 20px}
.school-life.school-day .padding-custom{  padding: 20px 60px;}

/*.programs.american-elementary-program .padding-custom{ padding: 60px 0 120px}*/


/*admission*/
.admission.fee div.description{ padding-top: 30px;}
.admission.fee .fee-item.current,
.admission.fee .fee-item:hover{
	-webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	border: 1px solid none
}
.admission.fee .fee-item.current .top,
.admission.fee .fee-item:hover .top,
.admission.fee .fee-item.current .top input.total,
.admission.fee .fee-item:hover .top input.total{
	background: rgba(248, 178, 73,1);
	color: white;
}
.admission.fee .fee-item .top,
.admission.fee .fee-item.current .top,
.admission.fee .fee-item:hover .top,
.admission.fee .fee-item.current .top input.total,
.admission.fee .fee-item:hover .top input.total{	
	 -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.admission.fee .fee-item{ border: 1px solid rgba(18,40,69,0.1); border-radius: 30px 30px 0 0;}
.admission.fee .fee-item .top{
	border-radius: 30px 30px 0 0;
	padding: 30px;	
	color: black;
}
.admission.fee .fee-item .top .duration h3{ font-size: 35px}
.admission.fee .fee-item .top .price{ margin-top: 35px}
.admission.fee .fee-item .top .price h3{ font-size: 60px}
.admission.fee .fee-item .top .price input.total{
	border: 0;
	text-align: center;
	width: 100%;
	background: transparent;
	font-weight: 600
}
.admission.fee .fee-item .bottom{ padding: 30px}
.admission.fee .fee-item .bottom tr{ 
	display: block;
	border-bottom: 1px solid rgba(18,40,69,0.1);
	padding: 15px 0 10px 0;
	width: 100%;
	float: left;
}
.admission.fee .fee-item .bottom .tick-name{ width: 100%}
.admission.fee .fee-item .bottom .tick{  vertical-align: top; text-align: right}
.admission.fee .margin-top{ margin-top: 30px;}

#fee .circle{ 
	border-radius: 30px;
	padding: 12px 20px;
	margin-bottom: 30px;
}
#fee .title{
	color: #781132;
	text-transform: uppercase;
	font-size: 30px;
}
#fee .description{ padding: 15px 0;}

.round {
  position: relative;
}
.round label {
  background-color: #fff;
  border: 2px solid #3DB39E;
  border-radius: 50%;
  cursor: pointer;
  height: 17px;
  left: 0;
  position: absolute;
  top: 0;
  width: 17px;
	margin: 5px 0 0 0;
}
.round label:after {
  border: 2px solid #3DB39E;
  border-top: none;
  border-right: none;
  content: "";
  height: 5px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 3px;
  transform: rotate(-60deg);
  width: 8px;
	
}
.round input[type="checkbox"] { 	visibility: hidden; }
.round input[type="checkbox"]:checked + label {
  background-color: white;
  border-color: #3DB39E;
}
.round input[type="checkbox"]:checked + label:after {
  opacity: 1;
}


.admission.process-policy .section,
.privacy-policy  .section{
	background-image: url('../images/bg/privacy.png');
	background-repeat: no-repeat;
	background-position: center;
}

.privacy-policy .title-landing-page .title{ text-transform: capitalize }
.privacy-policy .policy-list .padding{ padding: 30px 15px 0px;}
/*.privacy-policy .policy-list p{ margin-bottom: 40px;}*/


/* career */
.career div.description{ padding-top: 30px;}
.career .career-item{
	padding: 40px 30px;
	border-radius: 20px;
	border: 1px solid #ddd;
	background-color: white;
}
.career .current-position-board{ padding-top: 0}
.career .current-position-board .margin-top{ margin-top: 25px}
.career .padding{ padding: 15px; }
.career .career-item h3{ 
	color: #781132;
	text-transform: capitalize;
	font-size: 20px;
}
.career .career-item ul{ padding: 20px 0 10px;}
.career .career-item a{ display: block  }
.career .career-item a.download-icon{ 
	background-image: url('../images/icons/red-download.png');
	background-repeat: no-repeat;
	background-size: 60px;
	width: 70px;
	height: 70px;
	margin: 10px auto 0;
}
.career .career-item:hover{
	-webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.career .career-item:hover > a.download-icon{ background-image: url('../images/icons/orange-download.png'); }


/*calender*/
.calender .lacation-type { float: left; margin: 30px 0; }
.calender .lacation-type li{
	float: left;
	text-transform: uppercase;
	padding-left: 20px;
}
.calender .lacation-type li:first-child{ border-right: 1px solid #ddd; padding: 0 20px 0 0;}
.calender .padding{ padding: 15px}
.calender .calender-item{
	padding: 40px;
	border-radius: 20px;
	border: 1px solid #ddd;
	background-color: white;
	-webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.calender .calender-item h3{
	color: #781132;
	text-transform: capitalize;
	font-size: 35px;
}
.calender .calender-item h5{
	padding: 5px 0 25px;
	text-transform: capitalize;
	font-size: 18px;
	font-family: 'robotobold','Arial';
}
.calender .calender-item .time-location li{ 
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: 0 3px;
}
.calender .calender-item .time-location .time{ background-image: url('../images/icons/calender-time.png'); }
.calender .calender-item .time-location .location{ background-image: url('../images/icons/calender-location.png'); }
.calender .calender-item .pdf-download span,.calender .calender-item .pdf-download a{ display: block }
.calender .calender-item .pdf-download a.download-icon{ 
	background-image: url('../images/icons/red-download.png');
	background-repeat:  no-repeat;
	background-size: 60px;
	width: 70px;
	height: 70px;	
	margin: 10px auto 0;
}
.calender .calender-item .pdf-download a.download-icon:hover{ background-image: url('../images/icons/orange-download.png'); }



/* contact us */
.contact-us .contact-us-information{ margin: 30px 0}
.contact-us .contact-form h3{
	color: #781132;
	text-transform: capitalize;
	font-size: 25px;
	padding-bottom: 15px;
}
.contact-us .contact-us-information ul li{ padding: 5px 0}
.contact-us .contact-us-information ul li span{
	font-family: 'robotobold','Arial';
}
.contact-us .contact-form .margin-top{ margin: 12px 0;}
.contact-us .circle{
	border-radius: 5px;
	padding: 15px 30px;
	margin: 5px 0;
}
.contact-us .wpcf7-textarea.circle{
	border: 1px solid #ddd;
	width: 100%;
	resize: none;
	height: 120px
}
.contact-us .btn.btn-yellow{ float: right}

.acf-map{
	width: 630px;
	height: 500px;
	float: left;
	max-width: 100%;
	max-height: 100%;
}





/* ==========================================================================
   Footer block
   ========================================================================== */

.footer{
	float: left;
	width: 100%;
}
.footer .subscription{
	float: left;
	margin-top: 30px;
	width: 100%;
}
.footer .subscription .es_textbox_class {
    width: 100%;
	padding: 10px 60px 10px 25px;
	border-radius: 30px;
	border: 1px solid #ddd;
	font-family: 'robotoregular','Arial'; 
}
.footer .subscription .es_lablebox{ display: none}
.footer .subscription .es_textbox{
	padding: 0;
	margin-top: 15px;
}
.footer .subscription .es_textbox_button {
    width: 130px;
	margin: 20px 0;
	padding: 10px;
	border-radius: 30px;
	border: none;
	background: rgba(248, 178, 73,1);
	color: white;
	text-transform: uppercase;
	font-family: 'robotoregular','Arial'; 
}
.footer .subscription .es_textbox_button:hover{ background: rgba(248, 178, 73,0.8); }
.footer .subscription .es_button { padding: 0 }
.footer .footer-top{ padding: 60px 0; }
.footer .footer-top h5{
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.footer .footer-top .logo .description{ padding: 30px 0 0;margin-bottom: 0; }
.footer .footer-top .quick-link ul li{
	list-style-image: url('../images/icons/quicklink.png');
	list-style-position: inside;
	padding: 0 0 4px;
}
.footer .footer-top .quick-link ul li a{ color: black; text-transform: uppercase; }
.footer .footer-top .quick-link ul li a:hover{color: rgba(248, 178, 73,1); }
.footer .footer-top .quick-link ul li a:hover,
.footer .footer-top .quick-link ul li a,
.header-bottom .main-menu ul li a:hover,
.header-bottom .main-menu ul li a{
	 -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.footer .footer-top .contact ul li{ padding: 0 0 20px 40px;;}
.footer .footer-top .contact ul li a{ color: black}
.footer .footer-top .contact ul li.call{ background: url('../images/icons/footer-call.png') no-repeat}
.footer .footer-top .contact ul li.email{ background: url('../images/icons/footer-mail.png') no-repeat}
.footer .footer-top .contact ul li.location{ background: url('../images/icons/footer-location.png') no-repeat}
.footer .footer-top .contact ul li.call span{ display: block; color: black !important}

.footer .footer-top .social-media ul{ float: left;}
.footer .footer-top .social-media ul li:first-child{ padding-left: 0}
.footer .footer-top .social-media ul li{ float: left; padding: 0 10px}
.footer .footer-top .social-media ul li a img{
	width: 26px;
	height: 26px;
}


.footer .footer-bottom{
	background:  #781132; 
	float: left;
	width: 100%;
	color: white;
	font-size: 12px;
	height: 50px;
}
.footer .footer-bottom .copyright{ line-height: 50px;}
.footer .footer-bottom .develop{ text-align: right;line-height: 50px;}
.footer .footer-bottom .develop a img{ margin-top: -10px; }






/*animation*/
.hovereffect{
	float: left;
	position: relative;
	background: none;
	border: none;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	margin: 0 auto;
	background-color: #fff;
	z-index: 3;
	overflow: hidden;
	border-radius: 20px
}
.hovereffect .link{
	float: left;
	margin: 0 auto;
	top: 40%;
	left: 0;
	width: 100%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	right: 0;
	opacity: 0
}
.hovereffect:hover .link,
.our-program .our-program-item:hover .link{
	top: 50%;
	opacity: 1
}
.hovereffect:hover{
	background-color: rgba(248, 178, 73,1);
	-webkit-box-shadow: 1px 1px 8px 1px rgba(0,0,0,.15);
	-moz-box-shadow: 1px 1px 8px 1px rgba(0,0,0,.15);
	box-shadow: 1px 1px 8px 1px rgba(0,0,0,.15);
}
.hovereffect:hover img{
	opacity: .4;
}
.hovereffect .link .plus{
	background: url('../images/icons/add.png') no-repeat center center / 60px auto;
	color: transparent;
	content: '';
	border-radius: 50%;
	height: 100px;
	width: 100px;
	display: flex;
	margin: 0 auto;
}
.hovereffect .link .text{
	text-transform: capitalize;
	color: white;
	font-size: 18px
}
.hovereffect,
.hovereffect img,
.hovereffect:hover img,
.hovereffect .link,
.hovereffect:hover .link{
	 -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}


.pagination{  margin-top: 70px; float: left; width: 100%; }
.pagination .summarize, 
.pagination .page, 
.pagination .control{ float: inherit; }
.pagination ul{ width: 100%; float: inherit; padding: 0; margin: 0; }
.pagination li{
    color: #757575;
    display: inline-block;
    float: none;
    font-size: 20px;
	margin: 0 0 0 10px;
	list-style: none;
}
.pagination a, 
.pagination li a{ background-color: #fff;}
.pagination li a{
    cursor: pointer;
	padding: 8.5px 17px;
	border-radius: 3px;
	border: 1px solid #ddd;
	color: black;
	font-size: 15px
}

.pagination ul li:first-child{ border-left: 0; }
.pagination ul li[disable="true"] a,
.pagination ul li[disable="false"] a,
.pagination ul li.current a{
	color: white;
	background-color: rgba(248, 178, 73,1)
}
.pagination ul li[disable="true"]{ pointer-events: none; opacity: .8 }
.pagination ul li a{ text-decoration: none; }


html.fancybox-lock, html.fancybox-lock body {
    overflow: visible !important;
}

html.fancybox-lock body .fancybox-overlay{
    overflow: hidden !important;
}









/*responsive stylesheet*/

/*labtop*/
@media screen 
and (min-device-width: 1200px) 
and (max-device-width: 1600px)  { 	
	.our-partner .slick-prev{left: -35px;}
	.our-partner .slick-next{ right: -35px}	
	.header-bottom .main-menu li:last-child .submenu{ right: 15px;}	
	.header-bottom .main-menu li:last-child .submenu{ 
		background: url(../images/icons/arrow-point-to-up.png) 215px -6px no-repeat;
	}
	.custom-search input{ right: 8px !important}
}





/*tablet*/
/* Portrait */
@media only screen 
and (min-width: 768px) 
and (max-width: 990px) {
	body{ font-size: 14px; }
	p{ padding: 0; margin-bottom: 5px }
	.section{ padding: 60px 0 }
	.section h3.title{ font-size: 28px }
	div.description h1,
	div.description h2,
	div.description h3 {
    	font-size: 28px
	}
	div.description.headlines{text-align: left}
	.alignleft{
		max-width: 45%;
		margin: 0 20px 0 0
	}
	.alignright{
		max-width: 45%;
		margin: 0  0 0 20px
	}
	.row.margin30{ margin: 0 -7.5px }	
	.header-top{ height: 60px}
	.header-top .top-menu{ margin-top: 10px}
	.header-top .contact-info ul{ float: left; margin: 6px auto;}
	.header-top .contact-info ul li{ font-size: 12px }
	.header-top .contact-info ul li.contact-mail{
		background: url('../images/icons/header-mail.png') no-repeat center left / 20px auto;
		padding: 3px 0 3px 30px;
	}
	.header-top .contact-info ul li.contact-call {
		background: url('../images/icons/header-call.png') no-repeat center left / 16px auto;
		padding: 3px 0 3px 30px;
	}
	.header-bottom .main-menu ul li{ padding: 25px 0 25px 22px}
	.header-bottom .main-menu ul li a { font-size: 14px;}
	.header-bottom .main-menu .search { margin: 34px auto; }
	.header-bottom{ top: 60px;}
	.header-bottom .main-menu li:last-child .submenu{ right: 70px; }
	.header-bottom .main-menu li:nth-child(5) .submenu{ right: 175px;}
	.header-bottom .main-menu ul { margin: 17px auto; }
	.header-bottom .main-menu li:nth-child(5) .submenu,	
	.header-bottom .main-menu li:last-child .submenu{ 
		background: url(../images/icons/arrow-point-to-up.png) 215px -6px no-repeat;
	}
	.header-bottom .main-menu ul > li:hover > .submenu{ top: 80px}
	.header-bottom.smallest .main-menu ul { margin: 4px auto; }
	.header-bottom.smallest .main-menu ul > li:hover > .submenu { top: 60px; }
	
	.welcome .col-sm-12{text-align:center}
	.welcome .image-management,
	.welcome .image-management a,
	.welcome .image-management img{width:100%}
	.our-program button.btn-link a{font-size:12px}
	.our-program .padding-lr-30 { padding: 0 15px; }
	.programs.montessori-preschool-kindergarten .right { background: url('../images/bg/art-under-text.png') no-repeat bottom center; }
	
	.about-us.our-teacher .padding-lr-30{ padding: 20px 7.5px }
	.our-teacher .padding-lr-30 {  padding: 7.5px; }
	.programs.american-elementary-program .padding-custom{ padding: 60px 0 }
	.our-statistics .padding-lr-20{ padding: 0 15px}
	.our-statistics .count{
		width: 100px;
		height: 100px;
		line-height: 100px;
		font-size: 28px;
	}
	
	.contact-information .row{
		margin-left: -7.5px;
		margin-right: -7.5px;
	}
	.contact-information .row .col-3{ padding: 0 7.5px }
	.contact-information .info-detail span { font-size: 11px; }
	.contact-information .info-detail .description{ line-height: 20px }
	.section.welcome .margin{ margin: 30px 0 40px;}
	.section.welcome .margin-top{ margin: 55px 0; }
	.section.welcome .title-padding{ padding-bottom: 10px}
	.section.welcome{ padding-top: 60px }
	.section.welcome h3.title{ text-align: left}
	
	
	
	.why-forest-hill .why-forest-hill-wrapper .column4.box h6{ width: 55%}
	.what-student-parent-say .slick-next, .what-student-parent-say .slick-prev{ top: 23%; left: 60px;}
	.what-student-parent-say .slick-next{ right: 60px; left: auto}
	.what-student-parent-say .slide-item .content-slide p::after{ right: 0}
	.what-student-parent-say .slide-item .content-slide p{ width: 70%}
	.what-student-parent-say .slide-item .content-slide p::before{ left: -80px; top: -35px}
	.what-student-parent-say .slide-item .content-slide p::after{ right: -78px; top: 17px;}
	.what-student-parent-say .slide-item{ margin-left: 130px;}
	

	.hovereffect .link .text{ font-size: 12px;}
	.our-statistics .count h4{ font-size: 35px;}
	.our-statistics .count h4{ font-size: 28px;}
	

	.news.news-detail .left h3 { padding: 30px 0 0; }
	.news.news-detail .right {  padding-left: 15px; }
	.news .news-list .description{ min-height: 90px }
	.news .news-list .description h5 a{ padding: 10px 0 5px }
	.news.news-detail .right .margin-top {  margin-top: 20px; }
	.news.news-detail .right{ margin-top: 40px;}
	.news.news-detail span{
		display: block;
		width: 100%;
		float: left;
		font-size: 14px;
		color: #959595;
	}

	.our-partner .slick-prev{ left: -40px;}
	.our-partner .slick-next { right: -40px;}
	
	.footer .footer-top .logo{ text-align: center}
	.footer .subscription{ width: 100%;}
	.footer .footer-top .social-media ul li{ padding: 0 20px 0px 0;}
	.footer .footer-top .logo .description{ margin-bottom: 30px;}
	.footer .footer-top .logo .description{ margin-bottom: 30px;padding: 0 15%;}
}



/* Landscape */
@media only screen 
and (min-width: 992px)
and (max-width: 1024px){
	body{ font-size: 14px; }
	.row.margin30{ margin: 0 -15px}
		
	.header-top .contact-info ul li{padding: 0 20px 0 35px;}
	
	.header-bottom .main-menu li:last-child .submenu{ right: 15px; }
	.header-bottom .main-menu li:nth-child(5) .submenu{ right: 132px }
	.header-bottom .main-menu li:nth-child(5) .submenu,	
	.header-bottom .main-menu li:last-child .submenu{ 
		background: url(../images/icons/arrow-point-to-up.png) 215px -6px no-repeat;
	}
	.welcome .col-sm-12{ text-align: left}	

	.programs.montessori-preschool-kindergarten .right,
	.programs.montessori-program .right	{ text-align: left; padding: 0; }
	
	.what-student-parent-say .slide-item .content-slide p{ width: 68%}
	.what-student-parent-say .slide-item{ margin-left: 170px;}
	.what-student-parent-say .slick-prev{ left: 140px;}
	.what-student-parent-say .slick-next{ right: 140px;}
	
	.about-us.our-teacher .padding-lr-30{ padding: 20px 15px}
	
	.our-statistics .padding-lr-20{ padding: 0 8px;}
	
	.our-partner .slick-prev { left: -45px; }
	.our-partner .slick-next { right: -45px; }
	
	
	.footer .footer-top .logo .description{ margin-bottom: 50px;padding: 0 15%;}
	.footer .footer-top .social-media ul li{ padding-right: 20px;}
	.footer .footer-top .social-media ul li{ padding: 0 8px 8px 0;}
	.footer .footer-top .logo{ text-align: center}
	  
}





.custom-search input {
	background: transparent url("https://image.flaticon.com/icons/svg/126/126474.svg") no-repeat scroll right center / 30px 18px;
	padding-right: 20px;
	transition: all 0.5s ease 0s;
	width: 30px;
	float: right;
	border-color: transparent;
	position: absolute;
	right: 10px;
}

.custom-search input:focus {
	width: 300px;
}

.bg-black {
	background: #999 none repeat scroll 0 0;
	display: inline-block;
	padding: 3% 2%;
	width: 100%;
}



.search-result h1{ color: #781132}
.search-result .content-of-results{
	padding: 30px;
	background: white;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	margin: 20px 0;
}
.search-result .content-of-results:hover  a{ color: rgba(251, 175, 62,1)}
.search-result .content-of-results .date{ margin: 12px 0 20px; color: #747475;}
.search-result .content-of-results a{ color: black; text-transform: uppercase}




a.messager-right {
	 background:#1f4774;
	 border-radius:6px 0 0 6px;
	 clear:both;
	 color:#fff;
	 cursor:pointer;
	 float:none;
	 font-size:12px;
	 left:0;
	 margin-bottom:1px;
	 opacity:1;
	 padding:15px 25px 15px 50px;
	 position:relative;
	 text-decoration:none;
	 transition:all .5s ease 0s;
	 z-index:99
}
a.messager-right:hover {
	 opacity:1;
	 border-radius:6px 0 0
}
a.messager-right i::before {
	 color:#fff;
	 font-size:20px;
	 left:7px;
	 top:10px
}
a.messager-icon {
 	background: url(../images/icons/chat.png) 6px center/36px auto no-repeat #781132;
}
a.messager-icon:hover {
 	left:-95px
}
.cover-messager {
	 position:fixed;
	 right:-95px;
	 text-align:left;
	 z-index:99999;
	 bottom:20%
}
.messager-content {
	 background:#eee;
	 border-radius:0 0 0 6px;
	 bottom: -80px;
	 color:#444;
	 font-size:12px;
	 padding:10px;
	 position:absolute;
	 right:-120px;
	 text-align:center;
	 top:46px;
	 transition:all .5s ease 0s;
	 width:142px;
	 z-index:999
}
.messager-content>p {
	 font-size: 14px;
	 margin-bottom: 5px;
}
.messager-content>p:first-child {
	 font-size:12px;
	 margin:5px 0
}
.messager-content:hover,a.messager-icon:hover .messager-content {
	 right:0;
	 transition:all .5s ease 0s
}