/*-------------------------------------------

| 				MAEA Custom CSS

---------------------------------------------*/


#galleryarchives {text-align:center}
#galleryarchives h2 {font-size:30px; padding-top:50px}






/*-------------------------------------------

 New Button in Nav - Comment out when not using!

---------------------------------------------*/

#headerconfbutton {text-align:center; width:130px; position:relative; margin-right:34px}

#headerconfbutton a, .confbutton {-moz-transform: translateY(7px);
  -ms-transform: translateY(7px);
  -webkit-transform: translateY(7px);
  transform: translateY(7px); display:block; top:3px; background:#ffc122; padding:7px; border-radius:4px; border:2px solid #d2a42e; text-transform:uppercase; line-height:21px; color:#000}
#headerconfbutton a:hover, .confbutton:hover {border-color:#997c33}

.confbutton {top:inherit; margin:0 auto; margin-top:10px; margin-bottom:10px; text-decoration:none !important; font-family: 'Oswald', 'sans-serif' !important; width:150px; font-size:18px  !important}

@media screen and (max-width: 1366px){
.main-menu > li> a {padding: 29px 13px !important;}
#headerconfbutton a {padding:7px !important}
}

@media screen and (max-width: 1190px){
.main-menu > li> a {padding: 29px 6px !important;}
#headerconfbutton a {padding:7px !important}
}

@media screen and (max-width: 1090px){
.main-menu > li> a {padding: 29px 3px !important;}
#headerconfbutton a {padding:7px !important}
#headerconfbutton {margin-right:18px}
}

@media screen and (max-width: 1024px){
#headerconfbutton {height:80px; margin-left:14px}
}






/*-------------------------------------------

| 				General styling

---------------------------------------------*/

html{

	overflow-x: hidden;

}

html, body {

	width:100%;

	height:100%;

	margin:0;

	padding:0;

	font-family: 'Lato', sans-serif;

	font-size: 17px;

	color:#282828;

	background:#fff;

	/*overflow-x: hidden;*/

}



h1, h2, h3, h4, h5, h6{

	line-height: 1.4;

}



h1{

	font-family: 'Oswald', sans-serif;

	font-size: 100px;

	font-weight: bold;

	color: #fff;

	text-shadow: rgba(3, 3, 3, 0.8) 1px 1px 7px;

}

.page-404 h1{

	text-shadow: none !important;

}

h2{

	font-family: 'Oswald', sans-serif;

	font-size: 65px;

	font-weight: bold;

	margin-bottom: 30px;

}

h3{

	font-size: 55px;

	margin-bottom: 25px;

	color: #fff;

}

h4{

	font-size: 37px;

	margin-bottom: 10px;

	color: #fff;

}

h5{

	font-size: 34px;

	margin-bottom: 10px;

}

h6{

	font-family: 'Oswald', sans-serif;

	font-size: 22px;

	font-weight: bold;

	margin-bottom: 5px;

}



p{

	margin-bottom: 20px;

	line-height: 1.5;

	font-size: 17px;

	color: #696969;

}



.bold, strong, b{

	font-weight: bold;

}



.italic, em, i{

	font-style: italic;

}



.center{

	text-align: center;

}



.wrap {

	width:100%;

	max-width:1200px;

	margin:0px auto;

	position: relative;

	padding: 100px 15px;

	box-sizing: border-box;

}

.wrapsmall {
	padding: 0px 15px;
}



.wrap970{

	width:100%;

	max-width:1000px;

	margin:0px auto;

	position: relative;

	padding: 80px 15px;

	box-sizing: border-box;

}



.half{

	width: 50%;

	float: left;

	display: inline-block;

}



.third{

	width: 33.33%;

	float: left;

	display: inline-block;

}

.infobox .third a span {font-size:14px}

.clearfix:after {

   content: " ";

   display: block;

   height: 0;

   clear: both;

}



.ovisible{ overflow: visible !important; }



.no-mb{ margin-bottom: 0px !important; }

.no-mt{ margin-top: 0px !important; }

.no-mr{ margin-right: 0px !important; }



a, button, input[type="submit"]{

	cursor: pointer;

}



a{

	color: #89ae3c;

	text-decoration: none;

}

a:hover{

	text-decoration: underline;

}



button, input[type="submit"]{

	color: #fff;

	background-color: #89ae3c;

	border: none;

	border-radius: 5px;

	font-size: 20px;

	padding: 18px 26px;

}

button:hover, input[type="submit"]:hover{

	background-color: #89bc1e;

}

button.shadow{

	-webkit-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.5);

-moz-box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.5);

box-shadow: -1px 1px 5px 0px rgba(0,0,0,0.5);

}



input:focus, button:focus, textarea:focus, select:focus{

	outline: none !important;

}



input[type="text"], input[type="email"], textarea{

	background-color: #f1f1f1;

	border: 1px solid #d5d5d5;

	border-radius: 3px;

	padding: 10px;

	margin-bottom: 10px;

}



/* To remove the bad style that iOS is applying on submit inputs */

input[type="submit"]{

    -webkit-appearance: none;

}



/* OLs */

ol {

  margin:0;

  padding:0;

  counter-reset:item;

}



ol>li {

  margin:0 0 20px;

  padding:0 0 0 60px;

  text-indent:-2em;

  list-style-type:none;

  counter-increment:item;

  color: #696969;

  line-height: 1.4

}



ol>li:before {

  display:inline-block;

  width:1.5em;

  padding-right:0.5em;

  font-weight:bold;

  text-align:right;

  content:counter(item) ".";

}



.grunge{

	background-image: url('../img/grunge-pattern.jpg');

}



.MAEAimage{

	height: 370px;

	background-color: #eee;

	background-position: center;

	background-size: cover;

}



/* Top Banner */

.top-banner{

	height: 600px;

	background-position: center;

	background-size: cover;

	text-align: center;

}

.top-banner h1{

	padding-top: 200px;

	letter-spacing: 2px;

}

.top-banner-container{

	/*height: 600px;*/

	background-position: center;

	background-size: cover;

	text-align: center;

	position: relative;

  	width: 100%; /* for IE 6 */

}

.top-banner-container h1{

	letter-spacing: 2px;

	position: absolute;

	top: 25%;

	left: 0;

	width: 100%;

}



img.map, map area{
    outline: none;
}

img.map {
	width: 100%;
	height: auto;
}



/* Title boxes */



.title-box{

	width: 23.7%;

	float: left;

	height: 216px;

	margin-left: 1.73%;

	background-color: #fff;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	text-align: center;

	position: relative;

    margin-top: -132px;

    z-index: 999999;

    cursor: pointer;

    margin-bottom: 35px;

    display: table;

}

.title-box.showme3{

	width: 32.18%;

}

.title-box.showme2{

	width: 32.18%;

}

.shome2wrap{

	left: 16.955%;

    position: relative;

}

.title-box:first-of-type{

	margin-left: 0;

}

.title-box.red-pattern{ background-image: url( '../img/box-red.jpg' ) }

.title-box.blue-pattern{ background-image: url( '../img/box-blue.jpg' ) }

.title-box.yellow-pattern{ background-image: url( '../img/yellow-box.jpg' ) }

.title-box.purple-pattern{ background-image: url( '../img/purple-box.jpg' ) }

.title-box h4{

	/*line-height: 216px;*/

	display: table-cell;

    vertical-align: middle;

}


@media screen and (max-width: 480px) {
	#regional-page .top-banner-container {
		padding-top: -10px;
		height: 170px;
	}

	#regional-page .top-banner-container h1.regionsheader{
		font-size: 40px!important;
	}
}



@media(min-height: 1024){

	.title-box h4:hover{

		background: rgba(255,255,255,0.1);

	}

}



/* Info Box */

.infobox{

	margin-right: 38px;

	margin-bottom: 40px;

}



.infobox .media{

	padding-left: 45px;

	line-height: 1.5;

	position: relative;

	margin-bottom: 10px;

}



.infobox .media.pdf-icon:after,

.infobox .media.video-icon:after,

.infobox .media.link-icon:after{

	content: '';

	margin: auto;

	top: 0;

	bottom: 0;

	left: 0;

	position: absolute;

	height: 35px;

	/*background-repeat: no-repeat;*/

}



.infobox .media.pdf-icon:after{ content: url('../img/icon-pdf.png'); height: 35px; }

.infobox .media.video-icon:after{ content: url('../img/icon-play.png') }

.infobox .media.link-icon:after{ content: url('../img/icon-link.png') }



.infobox .media.third{

	margin-bottom: 20px;

}



.media-wrap{

	min-height: 45px;

	max-width: 410px;

}



.infobox h6{

	font-family: 'Lato';

	font-weight: 900;

	font-size: 17px;

}



h6.sm{

	font-family: 'Lato', sans-serif;

	font-size: 20px;

	font-weight: 400;

	margin-bottom: 15px;

}



label.error{

	display: block;

    margin-bottom: 10px;

    color: red;

}

/*
	Back to top icon
*/

#backtotop{
	position: fixed;
    background: url('../img/arrow-top.png');
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffc222;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    bottom: 15px;
    right: 15px;
    z-index: 999;
    cursor: pointer;
    display: none;
}

/*-------------------------------------------

| 				Header

---------------------------------------------*/

.header{

	background-image: url('../img/logo-bg.png');

	background-repeat: no-repeat;

	background-position: left center;

	box-shadow: 0 3px 8px -2px rgba(0,0,0,0.2);

    position: relative;

    z-index: 5;

    background-color: #fff;

}



#top-logo{

	width: 100%;

	max-width: 290px;

	display: inline-block;

	float: left;

	min-height: 160px;

	text-align: center;

	padding: 16px 0 0;

	box-sizing:border-box;

	background: #fff;

}



header nav{

	padding: 42px 35px;

	float: right;

}



header nav ul{

	list-style-type: none;

}



header nav ul li{

	display: inline-block;


}
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
    header nav ul li:first-of-type{
		margin-right: -1px;
	}

}




@media (min-width:1025px){

	.main-menu{

		display: block !important;

	}

	.main-menu > li:hover> a{

		background-color: #d33836;

		color: #fff;

	}





	.main-menu .submenu a:hover{

		color: #fff;

	}

	.main-menu .submenu a.red:hover{ background-color: #d33836; }

	.main-menu .submenu a.blue:hover{ background-color: #077ff2; }

	.main-menu .submenu a.yellow:hover{ background-color: #ffc222; }



	.main-menu li:hover .submenu{

		display: block;

	}

}



.main-menu a{

	color: #282828;

	font-family: 'Oswald', 'sans-serif';

	display: inline-block;

	position: relative;

	font-size: 18px;

	text-decoration: none;

}



.main-menu > li> a{

	padding: 29px 22px;

}



.main-menu > li.active> a{

	background-color: #d33836;

	color: #fff;

}



.main-menu > li a.separator{

	margin-right: 40px;

}

.main-menu > li a.separator:after{

	position: absolute;

	height: 18px;

	width: 1px;

	background-color: #282828;

	content: '';

	margin: auto;

	right: -20px;

	top:0;

	bottom: 0;

}



.main-menu .submenu{

	position: absolute;

	display: none;

	max-width: 245px;

}



@media (max-width:1024px){

	.main-menu .submenu.opened{

		display: block;

	}

}



.main-menu .submenu li{

	display: inline-block;

	/*padding-bottom:1px;*/

	height: 59px;

	float: left;

	/*box-sizing: border-box;*/

}



.main-menu .submenu a{

	position: relative;

	display: block;

	width: 245px;

	border-left: 3px solid #d33836;

	/*border-bottom: 1px solid transparent;*/

	background-color: #f1f1f1;

	padding: 20px 15px;

	box-sizing: border-box;

	z-index: 999;



	float: left;

}

.main-menu .submenu li span{

	display: inline-block;

	width: 100%;

	height: 1px;

	float: left;

}



.main-menu .submenu a:after{

	position: absolute;

	background: url('../img/icon-arrow-menu.png');

	content: '';

	margin: auto;

	right: 15px;

	top: 0;

	bottom: 0;

	width: 12px;

    height: 10px;

}





.main-menu .submenu a.blue{ border-left: 3px solid #077ff2; }

.main-menu .submenu a.yellow{ border-left: 3px solid #ffc222; }



.main-menu .submenu li.active > a.red{ background-color: #d33836; }

.main-menu .submenu li.active > a.blue{ background-color: #077ff2; }

.main-menu .submenu li.active > a.yellow{ background-color: #ffc222; }

.main-menu .submenu li.active > a{

		color: #fff;

	}



/* Hamburger icon */

#hamburger{

	position: absolute;

	padding: 5px 0;

	display: none;

	width: 60px;

	height: 89px;

	z-index: 7777;

}

#hamburger .bar{

	width: 40px;

	height: 3px;

	margin: 10px;

	background-color: #282828;

}

/* Gamburger animation */

	#hamburger {

	  -webkit-transition: all 0.5s ease 0s;

	  -moz-transition: all 0.5s ease 0s;

	  -ms-transition: all 0.5s ease 0s;

	  -o-transition: all 0.5s ease 0s;

	  transition: all 0.5s ease 0s;

	}

	#hamburger span.icon-bar.icon-bar-firster,

	#hamburger span.icon-bar.icon-bar-laster,

	#hamburger span.icon-bar.icon-bar-middler {

	    width: 30px;

	    height: 3px;

	    background-color: black;

	    display: block;

	    margin: 0 auto;

	    margin-bottom: 5px;

	    margin-top: 5px;

	    -webkit-transition: all 0.5s ease 0s;

	    -moz-transition: all 0.5s ease 0s;

	    -ms-transition: all 0.5s ease 0s;

	    -o-transition: all 0.5s ease 0s;

	    transition: all 0.5s ease 0s;

	}

    #hamburger:hover {

	    -webkit-transition: all 0.5s ease 0s;

	    -moz-transition: all 0.5s ease 0s;

	    -ms-transition: all 0.5s ease 0s;

	    -o-transition: all 0.5s ease 0s;

	    transition: all 0.5s ease 0s;

	}

    #hamburger:hover .icon-bar.icon-bar-firster,

    #hamburger:hover .icon-bar.icon-bar-laster,

    #hamburger:hover .icon-bar.icon-bar-middler {

      /*background-color: white;*/

      -webkit-transition: all 0.5s ease 0s;

      -moz-transition: all 0.5s ease 0s;

      -ms-transition: all 0.5s ease 0s;

      -o-transition: all 0.5s ease 0s;

      transition: all 0.5s ease 0s;

    }



	#hamburger.toggled-on .icon-bar.icon-bar-firster {

		-webkit-transform: rotate(44deg);

		-moz-transform: rotate(44deg);

		-ms-transform: rotate(44deg);

		-o-transform: rotate(44deg);

		transform: rotate(44deg);

		position: relative;

		left: 0;

		right: 0;

		top: 6px;

	}

	#hamburger.toggled-on .icon-bar.icon-bar-middler {

	    display: none !important;

	}

	#hamburger.toggled-on .icon-bar.icon-bar-laster {

		position: relative;

		left: 0;

		right: 0;

		top: -6px;

		-webkit-transform: rotate(-44deg);

		-moz-transform: rotate(-44deg);

		-ms-transform: rotate(-44deg);

		-o-transform: rotate(-44deg);

		transform: rotate(-44deg);

	}



/*-------------------------------------------

| 				Footer

---------------------------------------------*/

#footer{

	text-align: center;

}

#footer-navigation{

	background-color: #000;

}

#footer-navigation .wrap{

	padding-top: 70px;

	padding-bottom: 70px;

}

#footer-navigation ul{

	list-style-type: none;

}

#footer-navigation li{

	display: inline-block;

}

#footer-navigation li a{

	color: #acacac;

	text-decoration: none;

	font-family: 'Oswald', sans-serif;

	font-size: 19px;

	padding: 0 13px;

}

#footer-navigation li a.active{

	color: #fff;

}

@media (min-width:1025px){

	#footer-navigation li a:hover{

		color: #fff;

	}

}



.black-pattern{

    background: #000 url('../img/bg-black.jpg') no-repeat top center;

    background-size: cover;



}

#footer .black-pattern .wrap{

	padding-top: 80px;

	padding-bottom: 50px;

}



.footer-logos{



}



.footer-logos a{

	text-decoration: none;

    display: inline-block;

    height: 131px;

    width:30%;

    position: relative; margin-bottom:30px

}



.footer-logos a:first-of-type{



}



.footer-logos a img{

	position: absolute;

    margin: auto;

    left: 0;

    right: 0;

    vertical-align: middle;

    top: 0;

    bottom: 0;

}



.bottom-footer{

	background-color: rgba(0,0,0,0.6);

	font-size: 17px;

	color: #7c7c7c;

	padding: 12px 0 15px;

}



.bottom-footer .separator{

	padding: 0 15px;

	/*display: inline-block;*/

}



.social-media{

	display: inline-block;

	margin-right: 15px;

}



.social-media a{

	vertical-align: top;

}



.social-media.first img{

	position: relative;

    top: 2px;

}





@-moz-document url-prefix() {

    .bottom-footer{

		padding: 17px 0 15px;

	}

	.social-media.first img {

	    top: -1px;

	}

}



.social-media .img, .social-media:hover .img-hover{ display: inline-block; }

.social-media:hover .img, .social-media .img-hover{ display: none; }



/*-------------------------------------------

| 				Home Page

---------------------------------------------*/

.titleNarrow{

	position: relative;

    overflow: hidden;

}

.titleNarrow .wrap{

	padding-top: 60px;

	padding-bottom: 60px;

}



.titleNarrow h2{

	margin-bottom: 10px;

}



.titleNarrow .arrow{

	display: inline-block;

	position: absolute;

	width: 115px;

	height: 100px;

	background-color: #fff;

	background-image: url('../img/arrow-down.png');

	border-top-left-radius: 50%;

	border-top-right-radius: 50%;

	margin: auto;

    bottom: -50px;

    left: 0;

    right: 0;

    background-repeat: no-repeat;

    background-position: center 18px;

}



/* HOME SLIDER */

.swiper-slide{

	/*min-height: 200px;*/

	overflow-y: hidden;

}

#home-slider .slider-part{

	display: inline-block;

    float: left;

    width: 50%;

    /*overflow: hidden;*/

    position: relative;

}

#home-slider .slider-part:first-of-type{

	z-index: 2;

}

#home-slider .not-half .slider-part:first-of-type{

	width: 40.07%;

}

#home-slider .not-half .slider-part:last-of-type{

	width: 59.93%;

}

#home-slider .slider-part img{

	width: auto;

	/*min-width: 100%;*/

	width: 100%;

	/*height: 100%;*/

}

#home-slider .slider-part button{

	position: absolute;

	z-index: 999;

    top: 50%;

    margin-top: -42px;

    right: 0;

    padding: 30px 22px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    overflow: visible;

}

#home-slider .slide2 .slider-part button{

	top: auto;

	bottom: 100px;

}

#home-slider .slide3 .slider-part button{

	top: auto;

	bottom: 60px;

}



/* Slider prev/next arrows */

#home-slider .swiper-button-prev, #home-slider .swiper-button-next{

	width: 46px;

	height: 54px;

	background-color: #ffc222;

	background-size: auto;

	margin-top: -28px;

}

#home-slider .swiper-button-prev:hover, #home-slider .swiper-button-next:hover{

	background-color: #ffdd22;

}



#home-slider .swiper-button-prev{

	background-image: url('../img/slides/next.png');

	background-position: center;

	right: 0px;

    left: auto;

    border-bottom-left-radius: 5px;

    border-top-left-radius: 5px;

}

#home-slider .swiper-button-next{

	background-image: url('../img/slides/prev.png');

	background-position: center;

	left: 0px;

    right: auto;

    border-bottom-right-radius: 5px;

    border-top-right-radius: 5px;

}



#home-slider .slider-part button:after,

#home-slider .slider-part button::after{

	content: '';

	display: inline-block;

	position: absolute;

	width: 68px;

	background-color: #fff;

	top:0;

	bottom:0;

	right: -67px;

	background-image: url('../img/arrow-slider.png');

	background-repeat: no-repeat;

	background-position: center;

}



@media screen and (min-width: 1024px){

	@media screen and (-webkit-min-device-pixel-ratio:0)

	and (min-color-index:0)

	{

		#home-slider .slider-part button:after {(;

	        right:-68px;

	    );}

		#home-slider .slider-part button {(;

	        right:-1px;

	    );}

	}

}





/* HOME News section */

#home-news{

	background-image: url('../img/home-news-bg.jpg');

	min-height: 620px;

	padding-top: 220px;

    box-sizing: border-box;

}




/* Home Video */
#home-video {padding-top:40px; padding-bottom:60px; background:#d33836}
#home-video iframe {width:500px; height:281px}
#home-video a {width:400px; height:auto; display:block; margin:0 auto; text-align:center; color:#fff !important; background:#fff; padding:10px}
#home-video a img {width:100%; height:100%; display:block}
#home-video a span {display:block; padding-top:10px; color:#000 !important}
@media screen and (max-width: 700px){
#home-video iframe {width:90%; max-width:90%; margin:0 auto}
#home-video a {width:90%; max-width:500px; height:auto}
#home-video a img {height:auto}
}



#link1link {text-align:center; display:block; margin:0 auto; width:300px; background:#fa7750; border-radius:5px; margin-bottom:45px; overflow:hidden; box-shadow:1px 1px 1px rgba(0,0,0,.2); text-decoration:none}
#link1link span {display:block; font-size:22px; color:#fff}
#link1link #link1-1 {background:#ed5a2f; color:#fff; padding-top:10px; padding-bottom:10px}
#link1link #link1-1 i {margin-left:8px; display:inline-block}
#link1link #link1-2 {font-size:14px; padding:7px 0 7px 0}
#link1link:hover #link1-1 {text-decoration:underline}


#rightevents img, #rightevents div {display:inline-block; vertical-align:top}
#rightevents img {margin-left:inherit; margin:0 auto; display:block}
#rightevents div {width:100%; text-align:center}

@media screen and (max-width: 700px){
#rightevents div {width:100%}
#rightevents img {margin-top:30px; max-width:100%}
}




/* HOME Tricolors section */

#tricolor .third{

	min-height: 575px;

	box-sizing: border-box;

    padding: 55px 85px 55px 45px;

}

#tricolor .third h4{

	margin-bottom: 25px;

}

#tricolor .third button{

	/*margin-bottom: 25px;*/

	min-width: 180px;

}





#tricolor .red-pattern{

	background-image: url('../img/bg-red.jpg');

}

#tricolor .blue-pattern{

	background-image: url('../img/bg-blue.jpg');

}

#tricolor .yellow-pattern{

	background-image: url('../img/bg-yellow.jpg');

}



/* HOME Frames section */

.home-frames .half{

	padding: 0 8%;

	box-sizing: border-box;

}

.home-frames .half:last-of-type{

	border-left: 1px solid #cbcbcb;

}

.home-frames .half img{

	margin-bottom: 40px;

	max-width: 100%;

}

.arteacher-cover {
background-position:left bottom; background-repeat:no-repeat; padding-top:30px;
	width: 400px!important;
	height: 403px!important;
	margin-left: auto!important;
}

.first-half-arteacher {
	display: inline-block;
	width: 45%;
}

.half-arteacher {
	text-align: left;
	vertical-align: top;
	max-width: 488px;
	display: inline-block;
	width: 45%;
	margin-top: 10%;
}

/* HOME ArTeacher section */

#home-arteacher { padding: 50px 15px; }
#home-arteacher h3 { color: #282828; margin-bottom: 0; }
#home-arteacher p { margin-bottom: 25px; }
#home-arteacher img { max-width: 588px; width: 80%; height: auto; }
h3.h3gray { color: #282828; margin-bottom: 0; }

/*-------------------------------------------

| 				About Page

---------------------------------------------*/

#about-page .top-banner{ background-image: url('../img/about-banner.jpg'); }

.MAEAimage.about1{ background-image: url('../img/about1.jpg'); }

.MAEAimage.about2{ background-image: url('../img/about2.jpg'); }



/* About page table structure -- made with divs to be able to add them as repetable */

.about-th{

	font-size: 21px;

	font-weight: bold;

}

.about-tr, .about-th{

	display: inline-block;

    width: 100%;

    border-bottom: 1px solid #dfdfdf;

}

.about-tbl .td{

	display: inline-block;

	float: left;

	line-height: 1.4;

	padding: 3px 0;

}

.about-tbl .td:nth-of-type(3n+1){ width: 39%; }

.about-tbl .td:nth-of-type(3n+2){ width: 28%; }

.about-tbl .td:nth-of-type(3n+3){ width: 33%; }



.elecutive_board .thePerson{

	border: 0px solid #fff;

    width: 34.5%;

    float: left;

    display: inline-block;

    padding: 15px 0;

}

.elecutive_board .thePerson:nth-of-type(3n+3){ width: 31%; }

.elecutive_board .title{

	margin-bottom: 5px;

}



/*-------------------------------------------

| 				Events Page

---------------------------------------------*/

#events-page .top-banner{ background-image: url('../img/events-banner.jpg'); }

		#events-page .title-box.showme3 { width: 23.7%; }
		@media screen and (min-width:651px) and (max-width:834px){
			#events-page .title-box.showme3 { width: 23.4%; }
			#events-page .title-box h4 { font-size: 28px;}
		}

.MAEAimage.events1{ background-image: url('../img/events1.jpg'); }

.MAEAimage.events2{ background-image: url('../img/events2.jpg'); }

.MAEAimage.events3{ background-image: url('../img/events3.jpg'); }


#annual_fall .half.sm{

	width: 43%;

}

#annual_fall .half.sm img{

	margin-bottom: 15px;

}



#annual_fall .half.lg{

	width: 57%;

	padding-left: 9.2%;

	box-sizing: border-box;

	border-left: 1px solid #cbcbcb;

}

#annual_fall .half.lg .infobox{

	margin: 0;

}

#annual_fall .half.lg .infobox p{

	margin-bottom: 0;

	margin-top: 15px;

}



/* Video to be always displayed always as 16:9 aspect ratio */

.video-player {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

}

.video-player iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



#youth_festival .half .media{

	    margin-bottom: 0;

    vertical-align: middle;

    display: table-cell;;

}

#youth_festival .half .repeatable{

	min-height: 53px;

	height: 53px;

    margin-bottom: 0;

    display: table;

    max-width: 95%;

}



.infobox .contact .repeatable{

	margin-bottom: 25px;

}



#awards .half{

	padding: 0 7%;

    box-sizing: border-box;

    margin-top: 35px;

}

#awards .half:last-of-type {

    border-left: 1px solid #cbcbcb;

}




#awards .half h6{

	line-height: 1;

}

#awards .half p, #awards .half .infobox{

	margin-bottom: 0

}

.award_winners .thePerson{

	border: 0px solid #fff;

    /* width: 34.5%; */

    /* float: left; */

    display: inline-block;

    padding: 15px 0;

}

.award_winners .thePerson .theInfos .title {
	font-style: italic;
	color: #696969;
}


.repeatable div.name{

	margin-bottom: 10px;

}





/*-------------------------------------------

| 			Regional Update Page

---------------------------------------------*/

#regional-page .top-banner{ background-image: url('../img/regional-banner.jpg'); }

.MAEAimage.regional1{ background-image: url('../img/regional1.jpg'); }
.MAEAinfo .wrap { overflow: hidden; }
#regions-map-clickable {
	width: 1200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -80px;
}

@media (max-width:1190px){
	#regions-map-clickable {
		display: none;
	}
}

#regional-page h2{

	margin-bottom: 50px;

}

#regional .wrap, #meet_your .wrap{

	padding-top: 80px;

}


#regional {

    box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.2);

    position: relative;

    z-index: 2;

}



.region-line{

	background-color: #464646;

	color: #fff;

	padding: 10px 15px;

	cursor: pointer;

	margin-top: 2px;

	font-size: 20px;

	font-weight: bold;

	line-height: 1.2;

}



.region-line span{

	color: #ffc926;

}



.region-text{

	background-color: #f7f7f7;

	padding: 20px;

	border: 1px solid #e7e7e7;

	border-top: 0px solid #fff;

	display: none;

}

.region-text.open{

	display: block;

}

.region-text p:last-of-type{

	margin-bottom: 0;

}

.region-text a{

	    word-break: break-word;

}



.region-boxes{

	width: 100%;

	max-width: 378px;

display:inline-block; 
margin: 0 7px 30px 7px; vertical-align:top; 

}

.region-boxes:nth-of-type(3n+3){

	margin-right: 0;

}

.region-boxes:nth-of-type(1n+3){

	margin-left: 0;

}



.region-header{

	background-color: #464646;

	color: #fff;

	border-top-left-radius: 6px;

	border-top-right-radius: 6px;

	text-align: center;

	height: 125px;

	font-weight: 600;

	padding: 0 20px;

	line-height: 1.4;

	box-sizing: border-box;

    display: table;

    width: 100%;

}



.region-header span{

	color: #ffc926;

}

.region-header .alignMe{

	display: table-cell;

    vertical-align: middle;

}



.region-body{

	background-color: #f7f7f7;

	border-bottom-left-radius: 6px;

	border-bottom-right-radius: 6px;

	border: 1px solid #e7e7e7;

	border-top: 0px solid #fff;

	min-height: 315px;

}



.thePerson{

	border-bottom: 1px solid #e7e7e7;

	padding: 14px;

	height: 104px;

	box-sizing: border-box;

	display: table;

    width: 100%;

}

#events-page .thePerson {height:auto}




.theInfos{

	display: table-cell;

    vertical-align: middle;

}

.theName{

	font-weight: 900;

	font-size: 18px;

	font-family: 'Lato';

}

.theFace{

	width: 75px;

    height: 75px;

    border-radius: 50%;

    display: table-cell;

    padding-right: 15px;

}

.theFace img{
	    width: 100%;
    height: 100%;
    border-radius: 50%;
}



/*-------------------------------------------

| 				Resources Page

---------------------------------------------*/

#resouces-page .top-banner{ background-image: url('../img/resources-banner.jpg'); }

.MAEAimage.resources1{ background-image: url('../img/resouces1.jpg'); }

.MAEAimage.resources2{ background-image: url('../img/resources2.jpg'); }

.MAEAimage.resources3{ background-image: url('../img/resources3.jpg'); }



#advocacy{

	    box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.2);

    position: relative;

    z-index: 2;

}





/*-------------------------------------------

| 				Calendar

---------------------------------------------*/

#calendar-page .top-banner{ background-image: url('../img/resources-banner.jpg'); }



#iframe-wrap{

	margin: 40px 0 0;

}



@media screen and (max-width:450px){

	#iframe-wrap{

		-webkit-overflow-scrolling: touch;

		max-width: 100%;

		overflow-x: scroll;

		overflow-y: hidden;

	}



	#iframe-wrap iframe{

		min-width: 450px;

	}



}



/*-------------------------------------------

| 				Galleries

---------------------------------------------*/

#ea-gallery .top-banner{ background-image: url('../img/galleries/ea/banner.jpg'); }

#ms-gallery .top-banner{ background-image: url('../img/galleries/ms/banner.jpg'); }

#hs-gallery .top-banner{ background-image: url('../img/galleries/hs/banner.jpg'); }



#ea-gallery .top-banner,

#ms-gallery .top-banner,

#hs-gallery .top-banner{

	height: 500px;

}



#ea-gallery .top-banner h1,

#ms-gallery .top-banner h1,

#hs-gallery .top-banner h1{

	    padding-top: 100px;

}



.galleries{

	padding-top: 0;

    position: relative;

    margin-top: -155px;

}

.galleries ul{

	list-style-type: none;

	text-align: center;

}

.galleries ul li{

	display: inline-block;

	max-width: 378px;

	max-height: 234px;

	margin: 0 15px 15px 0;

	width: 32.2%;

}

.galleries ul li:nth-of-type(3n+3){

	margin-right: 0;

}

.galleries ul li img{

	max-width: 100%;

}





/*-------------------------------------------

| 				Blog - aka News

---------------------------------------------*/

#blog .top-banner{

	/*background-image: url('../img/news-banner.jpg');*/
	background-image: url('../img/home-news-bg3.jpg'); background-position:center center;

	height: auto;

}



#blog .top-banner h1{

	padding: 90px 0 !important;

}



#blog-left{

	width: 100%;

	max-width: 835px;

	float: left;

}

#blog-right{

	width: 100%;

	max-width: 335px;

	padding-left: 55px;

	box-sizing:border-box;

	float: left;

	position: relative;



/*	border-width: 1px;

	border-right-width: 0;

    border-style: solid;

    -webkit-border-image:

      -webkit-gradient(linear, 0 0, 0 100%, from(#cbcbcb), to(rgba(0, 0, 0, 0))) 1 100%;

    -webkit-border-image:

      -webkit-linear-gradient(#cbcbcb, rgba(0, 0, 0, 0)) 1 100%;

    -moz-border-image:

      -moz-linear-gradient(#cbcbcb, rgba(0, 0, 0, 0)) 1 100%;

    -o-border-image:

      -o-linear-gradient(#cbcbcb, rgba(0, 0, 0, 0)) 1 100%;

    border-image:

      linear-gradient(to bottom, #cbcbcb, rgba(0, 0, 0, 0)) 1 100%;*/

}

#blog-right:after{

	content: '';

	position: absolute;

	top: 0;

	bottom: 0;

	width: 1px;

	height: 100%;

	left:0;

	background: rgba(203,203,203,1);

	background: -moz-linear-gradient(top, rgba(203,203,203,1) 0%, rgba(203,203,203,1) 78%, rgba(254,254,254,1) 100%);

	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(203,203,203,1)), color-stop(78%, rgba(203,203,203,1)), color-stop(100%, rgba(254,254,254,1)));

	background: -webkit-linear-gradient(top, rgba(203,203,203,1) 0%, rgba(203,203,203,1) 78%, rgba(254,254,254,1) 100%);

	background: -o-linear-gradient(top, rgba(203,203,203,1) 0%, rgba(203,203,203,1) 78%, rgba(254,254,254,1) 100%);

	background: -ms-linear-gradient(top, rgba(203,203,203,1) 0%, rgba(203,203,203,1) 78%, rgba(254,254,254,1) 100%);

	background: linear-gradient(to bottom, rgba(203,203,203,1) 0%, rgba(203,203,203,1) 78%, rgba(254,254,254,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#fefefe', GradientType=0 );

}



#blog-left img{

	max-width: 100%;

	height: auto;

}

.post-img-wrap{

	width: 180px;

	height: 180px;

	background-color: #000;

	position: absolute;

	left: 0;

}

.post-img-wrap img{

	position: absolute;

	margin: auto;

	max-width: 100%;

	max-height: 100%;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

}



#blog-left .post{

	padding: 45px 0 45px 200px;

	position: relative;

}

#blog-left .post:first-of-type{

	padding-top: 0;

}

#blog-left .post:nth-of-type(2n){

	background-color: #f7f7f7;

}



.entry-title, .page-title{

	font-family: 'Lato';

	font-weight: 400;

	font-size: 34px;

	color: #89ae3c;

	text-shadow: none;

	/*line-height: 1;

	margin-bottom: 15px;

	    */line-height: 36px;

    margin-bottom: 20px;

}

@media screen and (max-width: 500px){

	.entry-title, .page-title{

		line-height:40px;

	}

}

.page-title{

	font-size: 38px;

	margin-bottom: 40px;

}



.entry-title a:hover{

	text-decoration: none;

}



.blog-by{

	margin-bottom: 15px;

}



.entry-content{

	padding-right: 35px;

}



.entry-content .btn{

	padding: 13px 26px;

	margin-bottom: 20px;

}

.entry-content p{

	line-height: 1.4;

}



/* Coments */

#comments{

	background-color: #f7f7f7;

	padding: 30px 15px 35px;

	box-sizing:border-box;

}



#comments h3{

	color:#282828;

	font-size: 30px;

}



#comments .form-label{

	margin-bottom: 5px;

}

#comments #form-allowed-tags{

	display: none;

}



#comments ol{

	list-style: none;

	counter-reset : none;

}

#comments li{

	list-style: none;

	counter-increment : none;

	padding: 0 0 0 0px;

    text-indent: 0em;

}

#comments ol>li:before{

	display: none;

}

.comment-meta{

	margin: 10px 0;

}

.comment-meta .meta-sep, .comment-meta .edit-link, .comment-meta > a{

	display: none;

}

.comment-author img{

	width: 50px;

	vertical-align: middle;

}



/* Sidebar */

.sidebar-title-box,
.popular-posts h2 {

	font-size: 34px;

	margin-bottom: 10px;

	line-height: 1;
  font-family: 'Lato', sans-serif;
    font-weight: 400;

}

.sidebar-box{

	margin-bottom: 35px;

	display: inline-block;

    width: 100%;

    line-height: 1.4;

}

.sidebar-box ul{

	margin-left: 20px;

}

.sidebar-box li{

	color: #89ae3c;

	line-height: 1.5;

}



.sidebar-box input[type="submit"]{

	padding: 11px 26px;

	float: right;

}



.sidebar-box input[type="email"]{

	width: 100%;

    box-sizing: border-box;

    margin-bottom: -6px;

    margin-top: 14px;

     box-shadow: none;

}



#frm-email, #s2email{

	width: 100%;

	box-sizing: border-box;

}



.sidebar-box .error{

	color: #fff;

	margin-left: 0;

	margin-bottom: 10px;

}

.sidebar-box .error li{ color: #fff; }



.s2_error{

	    color: red;

    display: inline-block;

    width: 100%;

    margin-top: 10px;

}



/* do not display sidebar on subscription confirmation page */

#blog > #blog-right{

	display: none;

}



/*-------------------------------------------

| 					404

---------------------------------------------*/

.background-404{

    background-image: url("/img/404-bg.jpg");

    background-position: center bottom;

    background-size: cover;

    padding-top: 115px;

}



.page-404 .buttons .button{

	/*border-radius: 0;

	background: url("/img/btn/red.png") #ff0000;

    background-size: cover;

    background-position: center center;*/

    height: 135px;

    margin-top: -30px;

    color: #fff;

}

.page-404 .buttons .button a{

	color: #fff;

}

.page-404 .buttons .button a:hover{

	text-decoration: none;

}



/*-------------------------------------------

| 				Media queries

---------------------------------------------*/

@media (max-width: 1470px){

	#tricolor .third{

		padding: 55px 45px;

	}

}

@media (max-width: 1350px){

	#tricolor .third{

		padding: 40px 30px 10px;

	}

	#tricolor .third h4{

		font-size: 34px;

	}

}

@media (max-width:1220px){

	.region-boxes{

		float: none;

	    margin-right: 9px;

	    margin-bottom: 18px;

	    display: inline-block;

	    margin-left: 9px;

	}

	.region-boxes:nth-of-type(3n+3){

		margin-right: 9px;

	}

	.region-body{

		text-align: left;

	}

	#meet_your .wrap{

		text-align: center;

	}

	#blog-left, #blog-right{

		width: 100%;

		max-width: none;

		float: none;

		padding-left: 0;

		border-width: 0;

		border-image: none;

	}

	#blog-right:after{

		width: 0;

	}

	#blog-right{

		margin-top: 30px;

		padding-top: 30px;

		border-left: 0px solid #fff;

		border-top: 1px solid #d5d5d5;

	}

	.sidebar-box{

		max-width: 600px;

	}

}

@media (max-width:1170px){

	/* Main Menu */

	.main-menu > li> a{

		padding: 29px 10px;

	}

	/* Footer nav */

	#footer-navigation li a{

		font-size: 17px;

    	padding: 0 8px;

	}

	#tricolor .third h4{

		font-size: 32px;

	}



	/* Home slider */

	#home-slider .slider-part button{

		padding: 15px 20px;

		margin-top: -26px;

	}

	#home-slider .slider-part button span,

	#home-slider .slider-part button:after{

		width: 50px;

		right: -50px;

	}

	#home-slider .slide2 .slider-part button{ bottom: 10px; }

	#home-slider .slide3 .slider-part button{ bottom: 20px; }





 }



@media (max-width:1024px){

	/* Main Menu & Logo */

	#top-logo{

		width: auto;

    	min-height: 0;

	}

	#top-logo{

		padding: 12px 15px;

	}



	#hamburger{

		display: inline-block;

		cursor: pointer;

    	padding-top: 50px;

	}

	.header{

		position: relative;

		    z-index: 9999999999;

	}

	header nav{

		padding: 0;

		min-width: 75px;

		float: none;

	}

	#hamburger{

		right: 15px;

	}

	.main-menu{

		position: absolute;

		top: 100%;

		left: 0;

    	right: 0;

    	z-index: 999999999;

    	background-color: #fff;

    	display: none;

	}

	.main-menu li, .main-menu li a{

		display: block;

		width: 100%;

	}

	.main-menu li a{

		box-sizing: border-box;

		padding: 12px !important;

		border-bottom: 1px solid #d33836;

	}

	li .separator:after{

		display: none;

	}

	.main-menu > li a.separator{

		margin-right: 0;

	}



	.main-menu .submenu {

	    position: relative;

	    width: 100%;

	    max-width: 100%;

	}

	.main-menu .submenu li{

		padding-bottom: 0;

		height: auto;

	}

	.main-menu .submenu a{

		width: 100%;

	}

	.main-menu .submenu li span{

		height: 0;

	}



	/* Footer  */

	#footer-navigation li{

		display:block;

		line-height: 1.7;

	}

	#footer-navigation li a{

		font-size: 17px;

    	padding: 0 15px;

	}

	.bottom-footer{

		padding: 20px 0;

	}

	.bottom-footer .separator{

		display: block;

		margin-bottom: 10px;

	}

	.bottom-footer .separator span{

		display: none;

	}

	.footer-logos a:first-of-type, .footer-logos a{

		height: 140px;

    	width: 49.8% !important;

	}



	#tricolor .third{

		padding: 45px;

		width: 100%;

		min-height: 0;

		background-size: cover;

	}



	.MAEAinfo .half{

		width: 100%;

	}

	#awards .half:last-of-type {

	    border-left: 0px solid #cbcbcb;

		margin-top: 0px;



	}







	/* Top banner and title box */

	.top-banner{

		height: 400px;

	}

	#ea-gallery .top-banner,

	#ms-gallery .top-banner,

	#hs-gallery .top-banner{

		height: 400px;

	}



	.top-banner h1{

		padding-top: 100px;

	}

	#ea-gallery .top-banner h1,

	#ms-gallery .top-banner h1,

	#hs-gallery .top-banner h1{

		padding-top: 80px;

	}



	#regional-page .top-banner h1{

		padding-top: 23px;

	}

	#regional-page .top-banner-container h1 {
		padding-top: -10px;
		font-size: 60px;
		height: 600px!important;
	}

	.title-box{

		width: 49%;

		margin-left: 13px;

		height: 180px;

	}

	/*.title-box h4{ line-height: 180px; }*/

	.title-box:nth-of-type(2n+1){ margin-left: 0; }

	.title-box:nth-of-type(3), .title-box:nth-of-type(4){ margin-top: -15px; }



	.title-box.showme3{ width:32%; }

	.title-box.showme3:nth-of-type(3){ margin-left: 1.73%;     margin-top: -132px; }
	#events-page .title-box.showme3:nth-of-type(4) { margin-top: -132px; }

	.page-404 .title-box.showme3:nth-of-type(3){ margin-left: 1.73%;     margin-top: -30px; }



	#about-page .title-box.showme3:nth-of-type(3) h4{ font-size: 34px; }



	#annual_fall .half.sm, #annual_fall .half.lg{

		width: 100%;

		padding: 0;

		text-align: center;

	}

	#annual_fall .half.sm .infobox{

		margin-right: 0;

	}

	#annual_fall .half.sm .infobox img{

		max-width: 100%;

	}



	#annual_fall .half.lg{

		border-left: 0px solid #fff;

		margin-top: 30px;

	}



	.MAEAimage{ height: 270px; }



	#about-page .thePerson{

		width: 49.5% !important;

	}

	.about-tbl .td{

		font-size: 16px;

	}

	.about-tbl .td:nth-of-type(1),

	.about-tbl .td:nth-of-type(2){

		padding-right: 10px;

		box-sizing: border-box;

	}

	.about-tbl .td:nth-of-type(3){

		word-break: break-all;

	}



	.galleries ul li{

		width: 47%;

    	margin: 7.5px !important;

	}

	#ea-gallery h1,#ms-gallery h1,#hs-gallery h1{

		font-size: 70px;

	}



}



@media (max-width:768px){

	/* Main menu & Logo */

	#top-logo{

		padding: 10px;

	}

	#top-logo img{

		max-width: 150px;

	}

	#hamburger {

	    padding-top: 35px;

	}

	/*Footer */

	.footer-logos a:first-of-type, .footer-logos a{

		height: auto;

	    width: 100% !important;

	    display: block;

	    text-align: center;

	}

	.footer-logos a img {

	    position: relative;

	    margin: 20px 0;

	    max-width: 100%;

	}
	.footer-logos a:first-of-type img{ margin-top: 0; }
	.footer-logos a:last-of-type img{ margin-bottom: 0; }



	.contact.third{

		width: 100%;

	}

}



@media (max-width: 650px){

	.home-frames .half{

		width: 100%;



    	text-align: center;

	}

	.home-frames .half:last-of-type{

		border-left: 0px solid #fff !important;

		border-top: 1px solid #cbcbcb;

		margin-top: 35px;

    	padding-top: 30px;

	}


	.half-arteacher {
    	text-align: center;
		margin-top: 0%;
		display: block;
		width: 100%;
		max-width: 100%;
	}

	.arteacher-cover {
		background-image: url(/img/arteacher-book-cover2.png)!important;
		background-repeat: no-repeat;
		height: 254px!important;
		margin-left: 0!important;
		background-size: contain;
		background-position: 50%!important;
		width: 100%!important;
	}

	.first-half-arteacher {
		display: inline-block;
		width: 100%;
	}



	#home-slider .slider-part button{

		padding: 15px 5px;

		font-size: 15px;

	}

	#home-slider .slider-part button span,

	#home-slider .slider-part button:after{

		width: 40px;

		right: -40px;

	}

	#home-slider .slide2 .slider-part button{ bottom: 10px; }

	#home-slider .slide3 .slider-part button{ bottom: 10px; }

	#home-slider .swiper-button-prev, #home-slider .swiper-button-next {

	    width: 40px;

	    height: 45px;

	    margin-top: -24px;

	}



	/* General styling */

	body{ font-size: 16px; }

	h1{ font-size: 60px; }

	h2{ font-size: 45px; }

	h3{ font-size: 40px; }

	h4{ font-size: 30px; }

	h5{ font-size: 27px; }

	h6{ font-size: 18px; }

	button{ font-size: 17px; }

	.wrap970{ padding: 60px 15px; }

	.wrap{ padding: 60px 15px; }

	.MAEAimage{ height: 170px; }





	/* Top banner and title box */

	.top-banner{

		height: 250px;

	}

	.top-banner h1{

		padding-top: 50px;

	}

	#ea-gallery .top-banner,

	#ms-gallery .top-banner,

	#hs-gallery .top-banner{

		height: 250px;

	}

	#ea-gallery .top-banner h1,

	#ms-gallery .top-banner h1,

	#hs-gallery .top-banner h1{

		padding-top: 55px;

	}

	#regional-page .top-banner h1{

		padding-top: 16px;

	}

	#regional-page .top-banner-container {
		padding-top: -10px;
		font-size: 40px;
	}
	#regional-page .top-banner-container h1{
		top: 10%;
		font-size: 50px;
	}

	.title-box{

		width: 100% !important;

		margin-left: 0% !important;

		margin-top: 0 !important;

		height: 0 !important;

		height: auto;

		padding: 30px 0;

		margin-bottom: 15px;

		box-sizing: border-box;

	}

	.title-box:first-of-type{ margin-top: -110px !important; }

	.title-box h4{ line-height: 1.4 !important; margin-bottom: 0; }

	.shome2wrap{ left: 0; }



	.page-404 .title-box a{

		padding: 30px 15px;

		display: inline-block;

    	width: 100%;

    	box-sizing: border-box;

	}

	.page-404 .title-box{

		padding: 0;

	}

	.page-404 .title-box h4{ line-height: 1 !important; }

	.page-404 .buttons {

		margin-top: 10px; !important;

	}

	.page-404 .buttons .button{

		margin-top: 0 !important;

	}

	.page-404 .buttons .button:first-of-type{

		margin-top: 20px !important;

	}



	#about-page .thePerson{

		width: 100% !important;

	}



	.about-th .td{ display: none; }

	.about-tr .td{

		width: 100% !important;

	}



	.galleries{ margin-top: -140px }

	.galleries ul li{

		width: 47%;

    	margin: 7.5px !important;

	}

	#ea-gallery h1,#ms-gallery h1,#hs-gallery h1{

		font-size: 52px;

	}



	/* Blog post */

	#blog-left .post{

		padding: 35px 0 35px 160px;

	}



	.post-img-wrap{

		width: 150px;

		height: 150px;

	}



	input[type="text"], input[type="email"], textarea {

	    max-width: 100%;

	    box-sizing: border-box;

	}



}



@media (max-width:500px){

	/* Main menu & Logo */

	#top-logo{

		padding: 5px 10px;

	}

	#top-logo img{

		max-width: 120px;

	}

	#hamburger {

	    padding-top: 19px;

	}



	#home-slider .slider-part button{

		padding: 15px 5px;

		font-size: 12px;

		margin-top: -23px;

	}

	#home-slider .slider-part button span,

	#home-slider .slider-part button:after{

		width: 30px;

		right: -30px;

	}

	/*#home-slider .slide2 .slider-part button{ bottom: 10px; }

	#home-slider .slide3 .slider-part button{ bottom: 10px; }*/

	#home-slider .swiper-button-prev, #home-slider .swiper-button-next {

	    width: 35px;

	    height: 45px;

	    margin-top: -24px;

	}



	.infobox .media.third{

		width: 100%;

	}



	.region-boxes{

		margin-right: 0px !important;

		margin-left: 0px !important;

	}

	.region-body{

		font-size: 15px;

		height: auto;

	}

	.theEmail{

		word-break:break-all;

		word-wrap:break-word;

	}



	.galleries{ margin-top: 0px }

	.galleries ul li{

		width: 90%;

    	margin: 7.5px !important;

	}

}



@media (max-width: 450px ){

	/* Blog post */

	#blog-left .post{

		padding: 35px 10px;

	}



	.entry-content{

		padding-right: 0;

	}

	.post-img-wrap{

		width: 100%;

		height: auto;

		position: relative;

		margin-bottom: 15px;

	}

	.post-img-wrap img{

		position: relative;



	}

}



@media (max-width: 390px ){

	#home-slider .slider-part{

		width: 100% !important;

		margin-bottom: -2px;

	}

	#home-slider .slider-part button {

	    bottom: 40% !important;

	    right: 40px !important;

	}



	.theInfos{

		max-width: 100px;

	}

	#about-page .theInfos{

		max-width: 200px;

	}

}