/**GENERAL**/

body {
	color:#2B2B2B;
	background-color:#ffffff;
font-family: "quicksand", sans-serif;
font-weight: 400;
font-style: normal;
	font-size:1.3rem;
	line-height: 1.5rem;
}

p , li{
font-family: "quicksand", sans-serif;
font-weight: 400;
font-style: normal;
	font-size:1.3rem;	
	line-height: 1.5rem;
}

h1, h2, h3, h4, h5 {
font-family: "quicksand", sans-serif;
font-weight: 700;
font-style: normal;
	text-transform: uppercase;
	margin: 25px 0px 20px 0px;
}

h1 {font-size: 2.7rem; line-height: 2.9rem;}
h2{font-size: 2.4rem; line-height: 2.6rem;}
h3{font-size: 1.9rem; line-height: 2.1rem;}
h4{font-size: 1.8rem; line-height: 2.0rem;}
h5{font-size: 1.6rem; line-height: 1.8rem;}

a {transition-duration: 0.5s;}

iframe {max-width:100%;}

img {max-width:100%;}

hr {
max-width: 200px;
background-color: #139335;
height: 4px;
border: 0;
}

.bold {font-weight: bold;}

strong {font-weight: bold;}

.side-padding {
    padding: 5px 30px !important;
}

.cta{
	text-transform: uppercase;
	font-size:1.3rem;
	display:inline-block;
	font-family: "quicksand", sans-serif;
font-weight: 400;
font-style: normal;
	border-radius:10px;	
	margin-top:20px;
margin-bottom:20px;	
text-decoration: none !important;	
}

.logo {
max-width: 200px;
  width: 100%;
margin-top: -62px;
  margin-bottom: -80px;
float: left;
}

.logo-sub {
  max-width: 125px;
  width: 100%;
  margin-top: -28px;
  margin-bottom: -80px;
  float: left;
}

/**WHITE BACKGROUND**/
.white-background {
color:#2B2B2B;
background-color:#ffffff;
}

.white-background h1, .white-background h2, .white-background h3, .white-background h4, .white-background h5 {color:#2B2B2B;}

.white-background hr {background-color: #6C44AC; margin: 0;margin-bottom: 8px;}

.white-background a {color: #2B2B2B; text-decoration: underline;}
.white-background a:hover {color: #007f8c;}

.white-background .cta {
	padding:12px 18px 12px 18px;
	background: #09a2b2;
	color:#2B2B2B;
	transition: 0.5s;
	display: inline-block;
	border: solid 4px #09a2b2;
}
.white-background .cta:hover{
background: #038b99;
  color: #000;
  transition: 0.5s;
  border: solid 4px #038b99;
}


/**WHITE TRANSPARENT BACKGROUND**/
.white-transparent-background {
color:#2B2B2B;
background-color: rgba(255, 255, 255, 0.9);
}

.white-transparent-background h1, .white-transparent-background h2, .white-transparent-background h3, .white-transparent-background h4, .white-transparent-background h5 {color:#032c48;}

.white-transparent-background hr {background-color: #032c48; margin: 0;}

.white-transparent-background a {color: #2B2B2B; text-decoration: underline;}
.white-transparent-background a:hover {color: #007f8c;}

.white-transparent-background .cta {
	padding:12px 18px 12px 18px;
	background: #B8186D;
	color:#2B2B2B;
	transition: 0.5s;
	display: inline-block;
	border: solid 4px #B8186D;
}
.white-transparent-background .cta:hover{
background: #038b99;
  color: #000;
  transition: 0.5s;
  border: solid 4px #038b99;
}


/**BLUE BACKGROUND**/
.blue-background {
color:#2B2B2B;
background-color:#09a2b2;
}

.blue-background h1, .blue-background h2, .blue-background h3, .blue-background h4, .blue-background h5 {color:#2B2B2B;}

.blue-background hr {background-color: #032c48; margin: 0;}

.blue-background a {color: #2B2B2B; text-decoration: underline;}
.blue-background a:hover {color: #000;}

.blue-background .cta {
	padding:12px 18px 12px 18px;
background: #b8186d;
  color: #fff;
	transition: 0.5s;
	display: inline-block;
	border: solid 4px #b8186d;
}
.blue-background .cta:hover{
background:#910a51;
  color: #fff;
  transition:0.5s;
  border:solid 4px #910a51;
}

/**PINK BACKGROUND**/
.pink-background {
color:#ffffff;
background-color:#B8186D;
}

.pink-background h1, .pink-background h2, .pink-background h3, .pink-background h4, .pink-background h5 {color:#ffffff;}

.pink-background hr {background-color: #ffffff; margin: 0;}

.pink-background a {color: #ffffff; text-decoration: underline;}
.pink-background a:hover {color: #5ef0ff;}

.pink-background .cta {
	padding:12px 18px 12px 18px;
	background: #FFD700;
	color:#2B2B2B;
	transition: 0.5s;
	display: inline-block;
	border: solid 4px #FFD700;
}
.pink-background .cta:hover{
	background: #c6a700;
	color:#2B2B2B;
	transition: 0.5s;	
	border: solid 4px #c6a700;
}

/**PURPLE BACKGROUND**/
.purple-background {
color:#ffffff;
background-color:#6C44AC;
}

.purple-background h1, .purple-background h2, .purple-background h3, .purple-background h4, .purple-background h5 {color:#ffffff;}

.purple-background hr {background-color: #ffffff; margin: 0;}

.purple-background a {color: #ffffff; text-decoration: underline;}
.purple-background a:hover {color: #FFD700;}

.purple-background .cta {
	padding:12px 18px 12px 18px;
	background: #FFD700;
	color:#2B2B2B;
	transition: 0.5s;
	display: inline-block;
	border: solid 4px #FFD700;
}
.purple-background .cta:hover{
	background: #c6a700;
	color:#2B2B2B;
	transition: 0.5s;	
	border: solid 4px #c6a700;
}

/**YELLOW BACKGROUND**/
.yellow-background {
color:#2B2B2B;
background-color:#FFD700;
}

.yellow-background h1, .yellow-background h2, .yellow-background h3, .yellow-background h4, .yellow-background h5 {color:#2B2B2B;}

.yellow-background hr {background-color: #2B2B2B; margin: 0;}

.yellow-background a {color: #2B2B2B; text-decoration: underline;}
.yellow-background a:hover {color: #6c44ac;}

.yellow-background .cta {
	padding:12px 18px 12px 18px;
background: #b8186d;
  color: #fff;
	transition: 0.5s;
	display: inline-block;
	border: solid 4px #b8186d;
}
.yellow-background .cta:hover{
background:#910a51;
  color: #fff;
  transition:0.5s;
  border:solid 4px #910a51;
}

/**ORANGE BACKGROUND**/
.orange-background {
color:#2B2B2B;
background-color:#F78447;
}

.orange-background h1, .orange-background h2, .orange-background h3, .orange-background h4, .orange-background h5 {color:#2B2B2B;}

.orange-background hr {background-color: #2B2B2B; margin: 0;}

.orange-background a {color: #2B2B2B; text-decoration: underline;}
.orange-background a:hover {color: #000;}

.orange-background .cta {
	padding:12px 18px 12px 18px;
	background: #6C44AC;
	color:#ffffff;
	transition: 0.5s;
	display: inline-block;
	border: solid 4px #6C44AC;
}
.orange-background .cta:hover{
background: #422375;
  color: #fff;
  transition: 0.5s;
  border: solid 4px #422375;
}


/**GREY BACKGROUND**/
.grey-background {
color:#2B2B2B;
background-color:#f0f0f0;
}

.grey-background h1, .grey-background h2, .grey-background h3, .grey-background h4, .grey-background h5 {color:#2B2B2B;}

.grey-background hr {background-color: #032c48; margin: 0;}

.grey-background a {color: #2B2B2B; text-decoration: underline;}
.grey-background a:hover {color: #007f8c;}

.grey-background .cta {
	padding:12px 18px 12px 18px;
	background: #09a2b2;
	color:#2B2B2B;
	transition: 0.5s;
	display: inline-block;
	border: solid 4px #09a2b2;
}
.grey-background .cta:hover{
background: #038b99;
  color: #000;
  transition: 0.5s;
  border: solid 4px #038b99;
}


/**TOP**/
.top-row .width-50 {
  padding-top: 0px;
padding-bottom: 0px;	
}

.logo-menu {margin-top: 60px;}


.top-row a {text-decoration: none !important;}

.tile-text p {
text-shadow: 1px 1px 8px #fff, 1px 1px 8px #fff;
  font-size: 2rem;
  line-height: 3rem;
  color: #000;
  text-transform: uppercase;
margin-top: 8px;
  margin-bottom: 0px;
  font-weight: 700;

}

.boxes p {
font-family: "quicksand", sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
margin: 25px 0px 20px 0px;
font-size: 2.4rem; line-height: 2.6rem;
}

/**
.tile-text p {
text-shadow: 1px 1px 8px #000, 1px 1px 8px #000;
  font-size: 3rem;
  line-height: 4rem;
  color: #ffffff;
  background-color: rgba(108, 68, 172,0.9);
  padding: 20px !important;
  display: inline-block;
  text-transform: uppercase;
  box-shadow: 0 4px 15px -6px #000;
border-radius: 10px;	
}
**/

.slideshow .cta {
	padding:12px 18px 12px 18px;
	background: #B8186D;
	color:#ffffff;
	transition: 0.5s;
	display: inline-block;
	border: solid 4px #B8186D;
}
.slideshow .cta:hover{
	background: #073e65;
	color:#fff;
	transition: 0.5s;	
	border: solid 4px #0c67a8;
}

/**FOOTER**/

.p7LBM-01{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

footer{
    margin-top: auto;
}

.footer ul {
  list-style:none;
padding-left:0px;
}

.footer li {
  margin-bottom: 10px !important;
}

.logo-footer {
  max-width: 300px;
  width: 100%;
border-radius: 10px;	
	margin-top:30px;
}

.logo-boxes {
  max-width: 200px;
  width: 100%;
  margin-top: -171px;
  float: right;
}

/**SPACING & BORDERS**/

.spacing-ss{
    margin-top: 280px;
 margin-bottom: 280px;	
}

.spacing{
    margin-top: 70px !important;
 margin-bottom: 70px !important;	
}

.spacing-sub {
    margin-top: 35px !important;
 margin-bottom: 35px !important;	
}

.boxes-margin {
    margin-top: -70px;	
z-index: 3;	
position: relative;	
}

.border-radius {border-radius: 10px;}

.croeso .width-30 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.logo-menu-sub {background-color: #09a0b0;}

.logo-menu-sub .tile-text p {text-shadow: none;}

.logo-menu .width-28, .logo-menu-sub .width-28  {
  padding-right: 0px;
  padding-left: 0px;
}

.logo-menu .width-55, .logo-menu-sub .width-55 {padding-left: 0px;}


/**PROJECT SEVEN**/
.lbm-centered hr {margin:auto;}
.lbm-right hr {margin-right: 0 !important; margin: auto;}

div.mbx-thumbs li img {border-radius: 10px;}

.p7AMM.amm-rootlinks-skyblue ul a {
  background-color: rgb(255, 255, 255) !important;
  color: #000 !important;
  border-radius: 10px !important;
}
.pink-border {
  border-top: 2px solid #b8186d;
	box-shadow: 0 4px 15px -6px #535353;
}
.blue-border {
  border-top: 2px solid #066974;
box-shadow: 0 4px 15px -6px #535353;	
}
.yellow-border {
  border-top: 2px solid #ffd700;
box-shadow: 0 4px 15px -6px #535353;	
}
.purple-border {
  border-top: 2px solid #6c44ac;
	box-shadow: 0 4px 15px -6px #535353;
}
.orange-border {
  border-top: 2px solid #e46a2a;
box-shadow: 0 4px 15px -6px #535353;	
}
.green-border {
border-top: 2px solid #026335;
  box-shadow: 0 4px 15px -6px #535353;	
}

.white-transparent-background .amm-more  .amm-trigger {
border-top: 2px solid #026335;
  box-shadow: 0 4px 15px -6px #535353;	
}

.p7ISM.ism-root-white .ism-outer-wrapper, .p7ISM .ism-panel.ism-panel-white, .p7ISM.ism-arrow-white .ism-arrow-left, .p7ISM.ism-arrow-white .ism-arrow-right, .ism-pags-color-white.ism-paginator a, .ism-pags-hover-white.ism-paginator a:hover, .ism-pags-down-white.ism-paginator a.down {background-color: rgb(228, 106, 42) !important;}
.p7AMM.amm-subs-blue ul ul {background-color: transparent !important;}

.p7AMM.amm-rootlinks-skyblue ul a:hover, .p7AMM.amm-rootlinks-skyblue ul a:focus, .p7AMM.amm-rootlinks-skyblue ul a.amm-trigger.open {background-color: #F0F0F0 !important;}
.p7AMM ul ul li {margin-top: 4px !important;}

.p7AMM.amm-subs-blue ul ul a {background-color: #fffffff !important;}

.sub-main a.p7AP4-01 {
	background-color: #F78447;
	color: #2b2b2b;
	background-image: url(../p7ap4/img/p7AP4_east_black.png);
	/*box-shadow: inset 0px 4px 4px rgba(255,255,255,0.02);*/
}
.sub-main a.p7AP4-01:hover {
	background-color: #6C44AC;
	color: #FFF;
	background-image: url(../p7ap4/img/p7AP4_south_white.png);
	/*box-shadow: inset 0px 28px 3px rgba(255,255,255,0.025);*/
}
.sub-main a.p7AP4-01.ap4Trigs_down {
	background-image: url(../p7ap4/img/p7AP4_south_black.png);
	color: #2B2B2B;
	background-color: #FFD700;
}
.sub-main a.p7AP4-01.ap4Trigs_down:hover {
	background-color: #FFD700;
	color: #2B2B2B;
}
.sub-main a.p7AP4-01.current_mark {
	font-weight: normal;
}

.sub-main .p7AP4-01.ap4-trig-border a.p7AP4-01 {
  border-bottom: none;
}

.sub-main li.agm-current-category {font-weight: normal;}

.sub-main .agm-white .agm-section.agm-down a {border-color: rgb(9, 162, 178);}

.sub-main .agm-caption {background-color: rgba(108, 68, 172,0.98);}

.sub-main .p7AP4-01.p7AP4trig a, .p7AP4-01.p7AP4trig h3, .p7AP4-01.p7AP4trig h4 {
  line-height: 1.7rem;
  font-size: 1.2rem;
  text-transform: capitalize;
	text-decoration: none;
}

.sub-main div.mbx-thumbs li img {max-height: 250px;}


.sub-main .p7AP4-01.ap4-panel-border .p7AP4-01.p7AP4content {
    border-left: 1px solid #FFD700;
    border-right: 1px solid #FFD700;
}

.sub-main .p7AP4-01.ap4-panel-border .p7AP4-01.p7AP4cwrapper.ap4last .p7AP4-01.p7AP4content, .p7AP4-01.ap4-panel-border .p7AP4-03.p7AP4cwrapper.ap4last .p7AP4-03.p7AP4content {
    border-bottom: 1px solid #FFD700;
}

/*
***************************************************
HOME LISTING PAGE
***************************************************
*/
.home-image-tile-image{
	padding: 0px;
    width: 100%;
    margin: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
  height: 18rem;
border-radius: 10px 10px 10px 10px;
}


.home-image-tile-image img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	/*-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .5s;*/
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s;		
}

.home-tile-image-link:hover img{
 -webkit-transform:scale(1.1);
 transform:scale(1.1)
}

.home-tile-image-link{text-decoration: none;}

.home-tile-image-link-container{transition: box-shadow .5s,transform .5s,-webkit-box-shadow .5s,-webkit-transform .5s;}

.home-tile-description{
	padding:1px 15px 15px 20px;
background-color: #F68346;
border-radius: 0px 0px 10px 10px;	
}
.news-grid .home-tile-description {background-color: inherit;}

.home-tile-description h3 {font-size: 1.9rem; line-height: 2.1rem;}
.home-tile-description h2 {font-size: 1.7rem; line-height: 1.9rem;margin: 25px 0px 0px 0px;}
.home-tile-description p {font-size: 1.3rem;}

.home-tile-description hr{
	border-bottom: 5px solid #131C47;
	margin:-15px 0px 0px 0px;
	width: 100px;
	max-width: 100%;
	border-top: none;
}

.home-tile-image-link-container a:hover h3 {text-decoration: none !important; color:#2B2B2B;}
.home-tile-image-link-container a:hover p {text-decoration: none !important; color:#2B2B2B;}
.home-tile-image-link-container a {text-decoration: none !important; }
.home-tile-image-link-container a:hover {text-decoration: none !important; color:#2B2B2B;}

/**IMAGE TITLE**/

.image-tile-margin { margin-top: 30px;}

.image-tile-image-left {
padding: 0px;
width: 100%;
  margin: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  height: 30.6rem;
}

.image-tile-image-left img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s;
}

.image-tile-image-right {
	padding: 0px;
width: 100%;
  margin: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
 height: 28rem;
margin-bottom: 0px;
}

.image-tile-image-right img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s,-webkit-transform .5s;
border-radius: 10px;	
}

.tile-image-link:hover img{
 -webkit-transform:scale(1.1);
 transform:scale(1.1);
	
}

@keyframes wave-animation {
    0% { transform: rotate( 0.0deg) }
   10% { transform: rotate(14.0deg) }  /* The following five values can be played with to make the waving more or less extreme */
   20% { transform: rotate(-8.0deg) }
   30% { transform: rotate(14.0deg) }
   40% { transform: rotate(-4.0deg) }
   50% { transform: rotate(10.0deg) }
   60% { transform: rotate( 0.0deg) }  /* Reset for the last half to pause */
  100% { transform: rotate( 0.0deg) }
}

  @keyframes rotate {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(20deg); }
    }
 .cta:hover .fa-hands {
   animation-name: wave-animation;  /* Refers to the name of your @keyframes element below */
  animation-duration: 2.5s;        /* Change to speed up or slow down */
  animation-iteration-count: infinite;  /* Never stop waving :) */
  transform-origin: 70% 70%;       /* Pivot around the bottom-left palm */
  display: inline-block;
    }

.border-top-blue {border-top: 5px solid #09a2b2;}
.border-top-yellow {border-top: 5px solid #FFD700;}

.its {margin-top: -50px;}
.its h2 {font-size: 2rem; line-height: 2.2rem;}

/**RESPONSIVE FORM**/

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=number]
 {
	max-width:500px;
	width: 98%;
	padding:10px;	
	border: 1px solid #191010;
	font-family: "quicksand", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.3rem; 
	 margin-bottom:10px;
	 display: inline-block;
	 margin-top: 5px;
}

textarea{
	max-width:500px;
	width: 98%;
	border: 1px solid #191010;	
	font-family: "quicksand", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.3rem; 
	margin-bottom:10px;
	padding:10px;
	resize: none;
	display: inline-block;
	margin-top: 5px;
  }

select {
	max-width:524px;
	width: 105%;
	border: 1px solid #191010;	
	font-family: "quicksand", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.3rem; 
	margin-bottom:10px;
	padding:10px;	
	color:#191010;
	display: inline-block;
	background: #ffffff;
	margin-top: 5px;
}

select[multiple] option:checked { background: none; }

select option:focus,
select option:hover,
select option:active ,
select option {
	background:#191010;
	color: #fff;
}

input[type=submit]{
	padding:12px 18px 12px 18px;
	background: #09a2b2;
	color:#2B2B2B;
	transition: 0.5s;
	display: inline-block;
	border: solid 4px #09a2b2;
	text-transform: uppercase;
	font-size:1.3rem;
	font-family: "quicksand", sans-serif;
font-weight: 400;
font-style: normal;
	border-radius:10px;	
	margin-top:5px;
margin-bottom:5px;	
text-decoration: none !important;
}

input[type=submit]:hover{
	background: #038b99;
  color: #000;
  transition: 0.5s;
  border: solid 4px #038b99;
}

select option:focus, select option:hover, select option:active, select option {
  background: #09a2b2;
  color: #2B2B2B;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #191010;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #191010;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #191010;
}

.name_2{
	display: none !important;
}


/**RESPONSIVE**/

@media only screen and (min-width: 1000px) and (max-width: 1430px) {
	.news-grid .hmy-section {flex-basis: 33% !important;}
}

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

body, p, li {
font-size:1.2rem;
line-height: 1.5rem;
}

h1 {font-size: 2.0rem; line-height: 2.2rem;}
h2{font-size: 1.8rem; line-height: 2.0rem;}
h3, .its h2 {font-size: 1.6rem; line-height: 1.8rem;}
h4{font-size: 1.5rem; line-height: 1.7rem;}
h5{font-size: 1.4rem; line-height: 1.5rem;}
	
.boxes p {font-size: 1.8rem; line-height: 2.0rem;}

.cta{font-size:1.2rem;}
	
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=number],
textarea, 
select {font-size:1.2rem;}

input[type=submit]{font-size:1.2rem;}
	
.spacing, .spacing-sub{
    margin-top: 30px !important;
 margin-bottom: 30px !important;	
}
	.home-tile-description h3, .home-tile-description h2{font-size: 1.6rem; line-height: 1.8rem;}

.home-tile-description p{font-size: 1.2rem;}
.spacing-ss {
  margin-top: 190px;
  margin-bottom: 190px;
}
.logo-menu {  margin-top: 0px;}	
.border-radius-tablet { border-radius:0px;}
.logo {
  max-width: 120px;
  margin-top: 0px;
 margin-bottom: -60px;
}	
	
.logo-sub {
  max-width: 120px;
 margin-bottom: -60px;
}	
	
.tile-text p {
  font-size: 1.6rem;
  line-height: 1.8rem;
	margin-top:20px;
}
.logo-menu .width-17, .logo-menu-sub .width-17 {
  width: 13%;
  float: left !important;	
}

.logo-menu .width-28, .logo-menu-sub .width-28 {
width: 32%;
  float: left !important;	
}	
	.its {margin-top: -40px;}
}

@media only screen and (min-width: 0px) and (max-width: 1350px) {
div.mbx-thumbs li img {
  max-height: 250px !important;
  max-width: 250px !important;
}
}
@media only screen and (min-width: 0px) and (max-width: 1260px) {
.image-tile-image-right {
height: 30rem;
}
	  .logo, .logo-sub {
    max-width: 80px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .tile-text p {
    margin-top: 28px;
  }	
	
	.logo-menu .width-55, .logo-menu-sub .width-55 {margin-top:8px;}	
}

@media only screen and (min-width: 1005px) and (max-width: 1205px) {
	.sub-main div.mbx-thumbs li img {max-height: 200px;}
}


@media only screen and (min-width: 0px) and (max-width: 1200px) {
	.hide-on-tablet {display:none;}
	.home-image-tile-image {height: 16rem;}
}


@media only screen and (min-width: 0px) and (max-width: 1150px) {
div.mbx-thumbs li img {
  max-height: 200px !important;
  max-width: 200px !important;
}
}

@media only screen and (min-width: 610px) and (max-width: 1115px) {
	.its-grid .hmy-section {flex-basis: 50% !important;}
}

@media only screen and (min-width: 0px) and (max-width: 1100px) {
	.logo-boxes {
  max-width: 150px;
  margin-top: -135px;
}
.image-tile-image-right {height: 32rem;}
	.home-image-tile-image {height: 14rem;}
	
	.tile-text p {
  font-size: 1.5rem;
  line-height: 1.8rem;
	margin-top:20px;
}
	.logo-menu .width-55, .logo-menu-sub .width-55 {margin-top:0px;}	
  .logo, .logo-sub {
    max-width: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
  }	

.logo-menu .width-17, .logo-menu-sub .width-17  {
  width: 12%;
  float: left !important;	
}

.logo-menu .width-28, .logo-menu-sub .width-28 {
width: 35%;
  float: left !important;	
}	

.logo-menu .width-55, .logo-menu-sub .width-55 {
width: 53%;
  float: left !important;	
}	
  .logo, .logo-sub {
    margin-top: 5px;
    margin-bottom: 0px;
  }	
.croeso .width-30 {
    width: 40% !important;
    float: left !important;
  }

.croeso .width-70 {
    width: 60% !important;
    float: left !important;
  }	
}

@media only screen and (min-width: 905px) and (max-width: 1005px) {
	.sub-main div.mbx-thumbs li img {max-height: 175px;}
}

@media only screen and (min-width: 500px) and (max-width: 1000px) {
	.news-grid .hmy-section {flex-basis: 50% !important;}
}

@media only screen and (min-width: 650px) and (max-width: 1000px) {
	.news-grid .home-image-tile-image {height: 16rem;  }
}

@media only screen and (min-width: 0px) and (max-width: 1000px) {
  .logo-boxes {
    max-width: 130px;
    margin-top: -120px;
  }
.image-tile-image-right {height: 34rem;}

}

@media only screen and (min-width: 0px) and (max-width: 990px) {
.its h2 {font-size: 1.4rem; line-height: 1.6rem;}
}

@media only screen and (min-width: 0px) and (max-width: 960px) {
body, p, li {
font-size:1.1rem;
line-height: 1.5rem;
}

h1 {font-size: 1.8rem; line-height: 2.0rem;}
h2{font-size: 1.6rem; line-height: 1.8rem;}
h3 {font-size: 1.4rem; line-height: 1.6rem;}
h4{font-size: 1.3rem; line-height: 1.5rem;}
h5{font-size: 1.2rem; line-height: 1.4rem;}
	
.boxes p {font-size: 1.6rem; line-height: 1.8rem;}	

.cta{font-size:1.1rem;}
	input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=number],
textarea, 
select {font-size:1.1rem;}

input[type=submit]{font-size:1.1rem;}
	
  .logo-boxes {
    max-width: 100px;
    margin-top: -120px;
  }	
div.mbx-thumbs li img {
  max-height: 160px !important;
  max-width: 160px !important;
}	
.home-tile-description h3{
font-size: 1.3rem; line-height: 1.5rem;
	margin-bottom: 5px;
}
	
	.home-tile-description h2 {font-size: 1.3rem; line-height: 1.5rem;}

.home-tile-description p{
	font-size: 1.1rem;
margin-top: 5px;	
}
.home-image-tile-image {height: 12rem;}	
.sesiynnau .width-33 {padding:15px;}	
  .logo, .logo-sub {
    width: 100%;
    min-width: 57px;
  }	
}

@media only screen and (min-width: 550px) and (max-width: 905px) {
	.sub-main div.mbx-thumbs li img {max-height: 150px;}
}

@media only screen and (min-width: 0px) and (max-width: 900px) {
.logo-menu .width-17, .logo-menu-sub .width-17  {
  width: 15% !important;
  float: left !important;	
}

.logo-menu .width-28, .logo-menu-sub .width-28 {
width: 85% !important;
  float: left !important;	
}	

  .logo-menu .width-55, .logo-menu-sub .width-55 {
    width: 100% !important;
    float: left !important;
    margin-top: -87px;
  }
	
  .p7AMM.amm-responsive .amm-toolbar a {
    color: #000 !important;
    opacity: 1 !important;
  }

  .p7AMM.amm-responsive .amm-toolbar a:hover {
    opacity: 0.7 !important;
  }

  .p7AMM.amm-responsive .amm-toolbar {
    background-color: transparent !important;
  }	
	  .tile-text p {margin-top: 23px;}
	
div.p7AMM ul.amm-level-0 {margin-top: 25px;}	
	
.p7AMM li a {
  padding: 10px 20px;
  font-size: 14px;
}	
  .spacing-ss {
    margin-top: 100px;
    margin-bottom: 100px;
  }	

.spacing, .spacing-sub{
    margin-top: 10px !important;
 margin-bottom: 10px !important;	
}	
  .p7AMM.amm-responsive {margin-left: 20px;  }	
	
	.its-row .width-70 {width: 100%; float: left;}
	.its-row .width-30 {width: 92%; margin-left: 4%; margin-right: 4%;}

}

@media only screen and (min-width: 0px) and (max-width: 850px) {
  .logo-boxes {
    max-width: 100px;
    margin-top: -15px;
  }
.hide-on-mobile {display:none !important;}
.home-image-tile-image {
  height: 10rem;
}
  .tile-text p {margin-top: 21px;  }	
.croeso .width-70 {
    width: 100% !important;
    float: left !important;
  }	
}

@media only screen and (min-width: 0px) and (max-width: 770px) {
	.contact-grid .hmy-section {flex-basis: 100% !important;}
	.contact-grid .hmy-content {padding: 5px 20px;}
}


@media only screen and (min-width: 0px) and (max-width: 760px) {
  .home-tile-description h3, .home-tile-description h2 {font-size: 1.1rem;}
}


@media only screen and (max-width: 700px) {
	.mobile-side-padding {padding: 10px 30px !important;}
	  .top-row .width-50 {
    width: 50% !important;
    float: left !important;
  }

.mobile-left {text-align: left !important;}	
.sesiynnau .width-33 {
  border-radius:10px;
margin: 20px;
}
.croeso .width-30 {display: none !important;}	
.boxes-margin .width-50 {
  border-radius:10px;
margin: 20px;
}
  .image-tile-image-right {height: 15rem;}	
.home-tile-description {padding:1px 5px 5px 5px;}	
.croeso .width-100 {
padding-top:1px;
padding-bottom: 1px;	
}	
	.logo-menu .width-28, .logo-menu-sub .width-28 {padding-left:10px;}
  .footer .width-45 { padding-bottom:0px;  }	
  .footer .width-30 {padding-bottom:0px;  }	
  .footer .width-25 {padding-bottom:0px;  }		
.croeso .width-70 { padding-top: 0px;}

.logo-footer {
  max-width: 200px;
  margin-top: 0px;
}
  .lbm-row.lbm-ehc.lbm-gutter .lbm-col-wrapper {padding:1px 1px;  }	
}

@media only screen and (min-width: 500px) and (max-width: 650px) {
	.news-grid .home-image-tile-image {height: 12rem;  }
}

@media only screen and (max-width: 620px) {
  .logo, .logo-sub {
    width: 100%;
  min-width: 49px;
	  padding-right:20px;
  }
  .tile-text p {font-size: 1.3rem;  }	
	 .tile-text p { margin-top: 13px;  }
	  .logo-menu .width-55, .logo-menu-sub .width-55 { margin-top: -80px;  }
  .logo-menu .width-17, .logo-menu-sub .width-17  {padding-left: 20px; }	
  }

@media only screen and (min-width: 0px) and (max-width: 610px) {
	.its-grid .hmy-section {flex-basis: 100% !important;}
	 .its-grid .home-image-tile-image {height: 12rem;}
}

@media only screen and (min-width: 400px) and (max-width: 550px) {
	.sub-main div.mbx-thumbs li img {max-height: 125px;}
}

@media only screen and (min-width: 0px) and (max-width: 500px) {
	.news-grid .hmy-section {flex-basis: 100% !important;}
	.news-grid .home-image-tile-image {height: 14rem;  }
}

@media only screen and (max-width: 450px) {
div.mbx-thumbs li img {
  max-height: 130px !important;
  max-width: 130px !important;
}
  .tile-text p {font-size: 1.2rem;  }	
  .logo, .logo-sub {min-width: 40px;  }	
  .tile-text p { margin-top: 10px;  }	
  .logo-menu .width-55, .logo-menu-sub .width-55 { margin-top: -77px;  }	
  .logo-menu .width-28, .logo-menu-sub .width-28 { padding-left: 15px; }	
}

@media only screen and (min-width: 0px) and (max-width: 400px) {
	.sub-main div.mbx-thumbs li img {max-height: 110px;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: none;
     }
}