/*
  Theme Name: BizPage
  Theme URL: https://bootstrapmade.com/bizpage-bootstrap-business-template/
  Author: BootstrapMade.com
  License: https://bootstrapmade.com/license/
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  background: #FFF;
  color: #000;
 font-family: 'Roboto-Regular';
  font-size:14px;
	overflow-x: hidden;
}

@font-face {
    font-family: 'NotoSerif-Bold';
    src: url('../fonts/NotoSerif-Bold.woff2') format('woff2'),
        url('../fonts/NotoSerif-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'NotoSerif';
    src: url('../fonts/NotoSerif.woff2') format('woff2'),
        url('../fonts/NotoSerif.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
        url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('../fonts/Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-Italic';
    src: url('../fonts/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


@font-face {
	font-family: 'GrandHotel-Regular';
	src: url('../fonts/GrandHotel-Regular.eot');
	src: url('../fonts/GrandHotel-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GrandHotel-Regular.woff') format('woff'),
		url('../fonts/GrandHotel-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}





a {
  color: #18d26e;
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  color: #18d36e;
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 0px 0;
  font-family: 'Libre Baskerville', serif;
}


section{display: inline-block;}



a {
  color: #000;
  transition: 0.5s;
}

a:hover, a:active, a:focus {
  color: #008bff;
  outline: none;
  text-decoration: none;
}

.navbar{padding: 0rem 0rem;  font-family: 'NotoSerif';}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,1);
}


.nav-link:hover, .nav-link .active {
    color: #008bff !important;
}


.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{color: #008bff !important;}

.navbar-expand-md .navbar-nav .nav-link {
    
	margin: 2px;
}

.navbar-collapse{justify-content: flex-end;}

.top_panel{float:left; width:100%; position: relative;}

.top_panel_slider_panel{float:left; width:100%; position: relative; z-index: 1;}

.top_panel header{position: fixed; width:100%; top:0; left:0; z-index: 999; background-color: #fff;}

.top_panel_taglinetext{position: absolute; z-index: 2; left:20%; bottom: 50%; max-width:600px; width:80%;}

.top_panel_taglinetext h3{font-size: 55px;}

.top_panel_taglinetext h5{color:#017d52; font-size: 35px; font-family: 'GrandHotel-Regular';}

.header_top{width:100%; padding: 15px 0; border-bottom: 1px solid #D4D4D4; display: inline-block; text-align: right;}

.header_top p{display: inline-block; padding-left: 5px; margin: 5px 0;}

.header_top p i{font-size: 19px; margin-right: 5px}

.logobox{text-align: left; }



.logobox img{-webkit-transition: all .5s ;
	-moz-transition: all .5s ;
	-ms-transition: all .5s ;
	-o-transition: all .5s ;
	transition: all .5s ;
	transition-timing-function:ease-out;}

.logobox:hover img{transform: scale(1.06)}

.donate_panel{padding: 0px 0; text-align: center; font-size: 30px; background-image: url(../images/donate-bg.jpg); background-size: cover; display: flex; align-items: center; justify-content: center;}

.donate_panel a{display: inline-block; font-size: 30px; background-color: #FFF; border-radius: 40px; padding: 10px 30px; font-family: 'NotoSerif-Bold'; margin: 6.5% 0}

.donate_panel a:hover{background-color: #ee5931; color:#FFF;}



.woman_powr_panel{padding: 0px; text-align: left; color:#FFF;  background-color: #020268; -webkit-transition: all .5s ;
	-moz-transition: all .5s ;
	-ms-transition: all .5s ;
	-o-transition: all .5s ;
	transition: all .5s ;
	transition-timing-function:ease-out;}

.woman_powr_panel:hover{background-color: rgba(20,193,255,1.00)}

.woman_powr_panel_left{width:calc(60% - 4px); display: inline-block; vertical-align: top; padding: 30px 0 20px 30px}

.woman_powr_panel_left h2{font-size: 30px; font-family: 'NotoSerif-Bold';}

.woman_powr_panel_left p{width:100%; display: inline-block; margin: 5px 0 0 0;font-family: 'Libre Baskerville', serif;}

.woman_powr_panel_right{width:calc(40% - 4px); display: inline-block; vertical-align: bottom; text-align: center;}

.woman_powr_panel_right img{max-width:100%; }


.our_activity_panel{background-image: url(../images/activity-bg.jpg); background-size: cover; text-align: center; padding: 30px;}


.our_activity_panel h2{font-size: 30px; color:#FFF; text-transform: uppercase; font-family: 'Roboto-Medium'; margin: 20px 0}


.our_activity_panel_box{width:calc(100% - 20px); margin: 10px; position: relative; height: 415px; overflow-y: hidden; float:left;}

.our_activity_panel_box img{position: absolute; left:0; top:0; width:100%; height: 258px; -webkit-transition: all .5s ;
	-moz-transition: all .5s ;
	-ms-transition: all .5s ;
	-o-transition: all .5s ;
	transition: all .5s ;
	transition-timing-function:ease-out; object-fit: cover; object-position: center;}

.our_activity_panel_box:hover img{height:103px}

.our_activity_panel_box article{position: absolute; width:100%; padding:25px 15px; background-color: #FFF; text-align: center;-webkit-transition: all .5s ;
	-moz-transition: all .5s ;
	-ms-transition: all .5s ;
	-o-transition: all .5s ;
	transition: all .5s ;
	transition-timing-function:ease-out; bottom: 0; left:0; }

.our_activity_panel_box:hover article{background-color: #FFF7B5;}

.our_activity_panel_box article h3{font-size: 30px; -webkit-transition: all .5s ;
	-moz-transition: all .5s ;
	-ms-transition: all .5s ;
	-o-transition: all .5s ;
	transition: all .5s ;
	transition-timing-function:ease-out;}

.our_activity_panel_box:hover article h3{margin-bottom: 20px}

.our_activity_panel_box article p{width:100%; display: inline-block;font-family: 'Libre Baskerville', serif;  margin: 0px 0; -webkit-transition: all .5s ;
	-moz-transition: all .5s ;
	-ms-transition: all .5s ;
	-o-transition: all .5s ;
	transition: all .5s ;
	transition-timing-function:ease-out; overflow: hidden; height: 0px; color:rgba(119,119,119,1.00) }

.our_activity_panel_box article a{text-transform: uppercase; color:#ec2028; font-family: 'Roboto-Medium';}

.our_activity_panel_box:hover article a{color:#020268;}


.our_activity_panel_box:hover article p{height: 160px;}


.owener_panel{padding: 50px 0; width:100%; display: inline-block; -webkit-transition: all .5s ;
	-moz-transition: all .5s ;
	-ms-transition: all .5s ;
	-o-transition: all .5s ;
	transition: all .5s ;
	transition-timing-function:ease-out;}

.owener_panel:hover{background-color: rgba(255,252,211,1.00)}

.owener_panel h2{font-size: 30px;    font-family: 'NotoSerif-Bold'; margin-bottom: 40px;}

.owener_panel h2 span{color:#00009d;}

.owener_panel_left{width:33%; float:left}

.owener_panel_left img{width:100%;}

.owener_panel_right{width:66%; padding-left: 15px; float:right;}
.owener_panel_right h3{font-size: 20px; color:#f64842; margin-bottom: 15px;  font-family: 'NotoSerif-Bold';}



.body_main_contaner
{
	display:block;
	float:left;
	width:100%;
	position:relative;
	z-index:3;
	background-image: url(../images/gallery-bg.jpg);
	background-size: cover;
	padding: 30px 0;
}
.boxes_main_contanear
{
	display:block;
	float:left;
	width:100%;
	padding:0 15px;
}



.images_and_video_area
{
	display:block;
	float:left;
	width:100%;
	margin-top:45px;
}
.images_gallery_area
{
	float:left;
	width:100%;
	padding: 30px;
}
.images_gallery_area h1
{
	font-size:35px;
 	font-family: 'NotoSerif-Bold';
	margin-bottom:20px;	
	color:#FFF;
}
.images_gallery_area h1 span
{
	color:#5fecff;
}
.images_gallery_area p
{
	font-size:14px;
	color:#2d343a;
	margin-top:6px;
	float:left;
	width:1005;
	text-transform:uppercase;
	clear:both;	
}
.images_gallery_area p a
{
	color:#FFF;	
}
.images_gallery_area p a:hover
{
	color:#a5d156;
}
#vlightbox1 .vlightbox1 img{width:100%;}

.video_gallery_area
{

	float:right;
	width:100%;
	padding: 30px;
}
.video_gallery_area img
{
	max-width:100%;
	margin-top:70px;
		-webkit-transition: all .5s ;
	-moz-transition: all .5s ;
		-ms-transition: all .5s ;
		-o-transition: all .5s ;
		transition: all .5s ;
		transition-timing-function:ease-out;	
}
.video_gallery_area:hover img
{
	transform: scale(1.1);	
}
.video_gallery_area h1
{
	font-size:35px;
   	font-family: 'NotoSerif-Bold';
	color:#FFF
}
.video_gallery_area h1 span
{
	color:#f64842;
}
.video_gallery_area p
{
	font-size:14px;
	color:#2d343a;
	margin-top:12px;
	display:inline-block;
	text-transform:uppercase;	
}
.video_gallery_area p a
{
	color:#FFF;	
}
.video_gallery_area p a:hover
{
	color:#a5d156;
}


.blue_button_panel{float:left; width:100%;}

.blue_button_panel img{width:calc(100% / 4); float:left; -webkit-transition: all .5s ;
	-moz-transition: all .5s ;
		-ms-transition: all .5s ;
		-o-transition: all .5s ;
		transition: all .5s ;
		transition-timing-function:ease-out; }

.blue_button_panel img:hover{transform: scale(1.06); filter: hue-rotate(70deg);}

.donnorpanel{padding: 30px; width:100%; text-align: center;}

.donnorpanel h2{font-size: 35px; font-family: 'NotoSerif-Bold';}

#amazingcarousel-2 .amazingcarousel-item img{width:calc(100% - 20px); margin: 10px;}


.testi_news_panel{display: inline-block;}

.testi_news_panel_left{background-image: url(../images/testi-bg.jpg); background-size: cover; padding: 30px; justify-content: center; display: flex; align-items: center; color:#000;}

.testi_news_panel_left_inner{display: inline-block; width:100%; text-align: center}

.testi_news_panel_left_inner .thumb{width:143px; height: 143px; border-radius: 100%; border:5px solid #FFF; display: inline-block;}

.testi_news_panel_left_inner p{display: inline-block; width:100%; margin: 25px 0; position: relative; padding: 0 35px;}

.testi_news_panel_left_inner p:before{content: url(../images/comma-l.png); left:0; top:-10px; position: absolute;}

.testi_news_panel_left_inner p:after{content: url(../images/comma-r.png); right:0; bottom:-10px; position: absolute;}


.testi_news_panel_left_inner h3{color:#FFF; margin: 10px 0 0 0; font-size: 30px; font-family: 'GrandHotel-Regular';text-shadow: 0 1px 2px rgba(0,0,0,0.6)}


.testi_news_panel_right{background-image: url(../images/email-bg.jpg); background-size: cover; padding: 30px; justify-content: flex-start; display: flex; align-items: center; color:#FFF; flex-wrap: wrap; }

.testi_news_panel_right h3{font-size: 50px; font-family: 'GrandHotel-Regular'; width:100%;}

.testi_news_panel_right h2{text-transform: uppercase; font-size: 80px; font-family: 'Roboto-Medium';}


.testi_news_panel_right_inner{width:100%; display: inline-block;}

.testi_news_panel_right input[type=email]{width:100%; max-width:348px; border:2px solid #FFFFFF; margin: 15px 0; padding: 10px; background-color: transparent; display: inline-block;}

.testi_news_panel_right input[type=email]:focus{outline:none}

.testi_news_panel_right input[type=submit]{display: inline-block; padding: 10px 25px; border-radius: 50px; background-color: #FFF; color:#000; cursor: pointer;}

.testi_news_panel_right input[type=submit]:hover{background-color:#fc1f01; color:#FFF;}


.bottom_panel{display: inline-block; background-color: #f3f7fa; padding: 20px 0; width:100%; display: inline-block;}

.bottom_panel_box{padding:10px; position: relative;}

.bottom_panel_box_left{width:40%; display: inline-block; vertical-align: middle; font-family: 'Roboto-Medium'; text-transform: uppercase; font-size: 14px; padding-left: 25px; color:#020268;}

.bottom_panel_box_left i{font-size:22px; margin-right: 10px; display:inline-block; vertical-align: top; position: absolute; top:10px; left:0; color:#020268; }

.bottom_panel_box_right{width:calc(60% - 8px); display: inline-block; vertical-align: middle; font-size: 18px;}

footer{display: inline-block; width:100%; padding: 40px 0; background-image: url(../images/footer-bg.jpg); background-size: cover; color:#FFF;}


footer h2{font-size: 20px; text-transform: uppercase;  font-family: 'Roboto-Medium';}

footer ul{float:left; width:100%; padding-left: 10px;}

footer ul li{list-style-image: url(../images/foot-arrow.png); }

footer a{color:#D7D7D7; display: block; padding: 5px 0;}

footer a i{display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 25px !important;}

footer a:hover{color:#FFF;}




footer form{display:inline-block; width:100%;}

footer form input[type=text], footer form input[type=email]{width:100%; background-color: #FFF; border-radius: 5px; margin: 5px 0; padding: 8px; border:none;}

footer form input[type=submit]{background-color: #5c71f7; color:#FFF; padding: 10px 30px; border-radius: 50px; cursor: pointer; text-transform: uppercase; border: none}

footer form input[type=submit]:hover{background-color: #ffae00;}

footer form textarea{width:100%; background-color: #FFF; border-radius: 5px; margin: 5px 0; height: 70px; padding: 8px;}

.footer_bottom{float:left; width:100%; background-color: #000000; padding: 25px 0; color:#fff;}

.footer_bottom span, .footer_bottom a{color:#5c71f7;}


.aboutus_pagepanel{display: inline-block; padding: 40px 0; width:100%;}

.subpage_matter_panel_left{float:left; width:100%; margin:0 0 20px 0;}

.subpage_matter_panel_left p{display:inline-block; line-height:1.6em; width:100%; margin:10px 0; font-family: 'Libre Baskerville', serif;font-size: 14px;font-weight: 500;}

.subpage_matter_panel_right{float:right; width:100%;}


.subpage_matter_panel_right .dark_yellow_panel_left_box_right h5{ color:#000;}

.subpage_matter_panel_right p{color:#000; width:100%; float:left;}

.subpage_matter_panel_right .dark_yellow_panel_left_box_right_link{width:100%; float:left;}

.subpage_matter_panel_right .dark_yellow_panel_left_box{padding:10px;}


.dark_yellow_panel_left_box{float:left; width:100%; margin:10px 0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;transition-timing-function:ease-out; background-color:#EFEFEF;}

.dark_yellow_panel_left_box:hover{background-color:rgba(255,155,0,1)}

.dark_yellow_panel_left_box img{float:left; width:30%; margin:0 3% 0 0; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;transition-timing-function:ease-out;}

.dark_yellow_panel_left_box:hover img{transform:scale(1.1)}

.dark_yellow_panel_left_box_right{float:right; width:66%}

.dark_yellow_panel_left_box_right span{color:#33ABF8; font-family: 'Roboto-Medium';}

.dropdown-menu .nav-link{font-size: 14px; padding: 5px 0; margin: 0!important;}

.profile{
    
    width: 90%;
    border: none;
    padding: 15px;
     background-image: linear-gradient(to left top, #d35c2a, #da7523, #de8d1f, #dea622, #dcbe2d);
     border: 1px solid #BE5944;
     box-shadow: 5px 5px 5px #FFBE86;
}

.profile td{
    padding: 5px;
    font-family: 'Libre Baskerville', serif;
}


.table1{
    width: 90%;
    padding: 5px;
    border: none;
    
}
.table1 th{
     background-image: linear-gradient(to right top, #cd8cc1, #d9a9d2, #e5c5e2, #f2e2f1, #fffeff);
    padding: 5px;
    font-family: 'Libre Baskerville', serif;
    text-align: center;
}

.table1 td{
    background-image: linear-gradient(to right top, #fdc5f3, #fdd4f7, #fde2fb, #fef0fd, #fffeff);
    padding: 5px;
    font-family: 'Libre Baskerville', serif;
    text-align: center;
}
.table2{
    width: 90%;
    padding: 5px;
    border: none;
    
}
.table2 th{
    background-image: linear-gradient(to right top, #43b0e9, #98bef2, #cbcff5, #ece4f8, #fffeff);
    padding: 5px;
    font-family: 'Libre Baskerville', serif;
    text-align: center;
    
}
.table2 td{
    background-image: linear-gradient(to right top, #8cd4f9, #badbff, #dde3ff, #f4effd, #fffeff);
    padding: 5px;
    font-family: 'Libre Baskerville', serif;
    text-align: center;
}
.list{
    padding: 5px;
    list-style-image: url(../images/liststyle.png);
    font-family: 'Libre Baskerville', serif;
    
}

.list2{
    padding: 5px;
    list-style-image: url(../images/liststyle.png);
    font-family: 'Libre Baskerville', serif;
    
}
.list1{
    padding: 5px;
    font-family: 'Libre Baskerville', serif;
    color: #033803;
    font-style: italic;
    
}
.list3{
    padding: 5px;
    list-style-image: url(../images/liststyle2.png);
    font-family: 'Libre Baskerville', serif;
    color: #033803;
    font-style: italic;
}
.list4{
    padding: 2px;
    list-style-image: url(../images/flower.png);
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
}

.table3{
    width: 90%;
    padding: 5px;
    border: none;
    background-image: linear-gradient(to right bottom, #09d8eb, #52ddf0, #74e2f4, #90e6f8, #a8ebfb);
    box-shadow: 5px 5px 5px #C0B6D3;
    font-family: 'Libre Baskerville', serif;
    
}

.table3 th{
    padding: 10px;
}

.table3 td{
    padding: 10px;
}

.table4{
    width: 95%;
    padding: 5px;
    border: none;
     font-family: 'Libre Baskerville', serif;
    
}

.col_1{
    background-color: #C8A6BD;
    padding: 10px;
}

.col_2{
    background-color: #F7ABB9;
    padding: 10px;
}
.col_3{
    background-color: #FFB89E;
    padding: 10px;
}
.list5{
     padding: 2px;
    list-style-image: url(../images/liststyle3.png);
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
}

.table5{
    width: 90%;
    padding: 5px;
    border: none;
    background-image: linear-gradient(to right top, #0f418c, #0077aa, #1fa6af, #93d1b5, #ecf8d3);
    box-shadow: 5px 5px 5px #C0B6D3;
    font-family: 'Libre Baskerville', serif;
    
}

.table5 td{
   
    padding: 5px;
  
}

/*support btn*/
.btns {
  position: relative;
  display: inline-block;
  border-radius: 25px;
  margin-top: 10px;
  line-height: 40px;
  height: 40px;
  padding: 0 2rem;
  margin-left: 10px;
  font-size: 16px;
  font-weight: bold;
  transition: all 0.25s ease-out;
  text-decoration: none;
}
.btns::before {
  width: 100%;
  height: 100%;
  z-index: 3;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  transition: all ease-in-out 0.4s;
  -webkit-transform: scale(0);
  border-radius: 25px;
  opacity: 0;
}
.btns::before {
  border: 2px solid #006D82;
}
.btns:hover::before, .btn:active::before {
  opacity: 1;
  -webkit-transform: scale(1);
}
.btns.btn-tertiary {
  border: 2px solid #0099A2;
  background: #0099A2;
  color: #FFF;
}
.btns.btn-tertiary:active, .btn.btn-tertiary:hover {
  border-color: #006D82;
  background: #006D82;
  color: #FFF;
}
.btns.btn-tertiary::before {
  border: 2px solid #FFF;
}
@media only screen and (max-width: 600px) {
	.btns{display: none;}
}

.hero {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80vh;
  max-height: 720px;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}

.hero:after {
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
}

.hero__image-wrapper {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
}

#hero__image {
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  object-fit: cover;
}

.hero__text {
  z-index: 1;
  max-width: 100%;
  padding: 20px 5%;
}

.hero__text h1 {
  margin: 0 0 24px;
  font-family: "Merriweather", serif;
  font-size: 50px;
  line-height: 1.3;
}

.hero__text p {
  margin: 0px 0px 40px;
  font-family: "Lato", sans-serif;
  font-size: 26px;
  line-height: 1.3;
}

#hero__img-refresh {
  padding: 14px 20px;
  border: 2px solid #fff;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-family: "Lato", sans-serif;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  transition: 0.3s;
}

#hero__img-refresh:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

@media only screen and (max-width: 768px) {
  .hero__text h1 {
    margin: 0 0 16px;
    font-size: 40px;
  }

  .hero__text p {
    margin: 0px 0px 48px;
    font-size: 22px;
  }

  #hero__img-refresh {
    font-size: 18px;
  }
}

/*new slider*/

.wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.rows {
  width: 100%;
  clear: both;
  overflow: auto;
  background-color: #EFF9FA;
  position: relative;
  padding: 0;
}

.row-features {
  position: relative;
}

.new-feature-slider {
  width: 100%;
  float: left;
  overflow: hidden;
}
.new-feature-slider .feature-slide {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s ease;
}
.new-feature-slider .feature-slide .feature-slide-image img {
  width: 100%;
  display: block;
}
.new-feature-slider .feature-slide.active {
  opacity: 1;
}

.block-wrap {
  position: relative;
  width: 100%;
}
.block-wrap:before {
  content: "";
  width: 100%;
  padding-top: 100%;
  display: block;
}

.w50 {
  width: 50%;
  float: left;
}

.h50:before {
  padding-top: 50%;
}

.block {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  box-sizing: border-box;
}

.content-centered {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  width: 100%;
  max-width: 25em;
  transform: translate(-50%, -50%);
}

.controls {
  box-sizing: border-box;
  width: 80px;
  height: 160px;
  position: absolute;
  z-index: 9999;
  border-right: solid 8px rgba(93, 193, 195, 0.4);
  overflow: visible;
}
.controls .control {
  box-sizing: border-box;
  width: 80px;
  height: 80px;
  display: block;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  float: right;
}
.controls .control:first-child {
  border-bottom: 1px solid rgba(4, 68, 86, 0.2);
}
.controls .control.button-next {
  transform: rotate(180deg);
}
.controls .control:before, .controls .control:after {
  width: 20px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  transform-origin: left center;
  content: "";
  background-color: #333f4a;
  transition: all 0.3s ease;
}
.controls .control:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.controls .control:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.controls .control:hover {
  background-color: #5dc1c3;
}
.controls .control:hover:before, .controls .control:hover:after {
  background-color: white;
}

.new-feature-controls {
  bottom: 10px;
  right: 50%;
  z-index: 1;
}

.gallery_box {
  width: 255px;
  height: 215px;
  padding: 5px;
  margin: 11px;
  display: inline-block;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
}
.gallery_box:hover {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
}

@charset "UTF-8";
.video-thumbnail {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 30px;
}
.video-thumbnail:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  content: "";
  font-family: FontAwesome;
  font-size: 100px;
  color: #fff;
  opacity: 0.8;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
.video-thumbnail:hover:before {
  color: #eee;
}

.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.marquee:hover .marquee__item {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
.marquee__seperator {
  margin: 0 2rem;
}
.marquee__item {
  display: inline-block;
  will-change: transform;
  -webkit-animation: marquee 25s linear infinite;
          animation: marquee 25s linear infinite;
}

@-webkit-keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.marquee {
  background-color: #0099A2;
  padding: 3px 0;
  color: #fff;
  cursor: pointer;
}

.marquee a {
  color: #fff;
}