/**GENERAL**/

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


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

h1 {font-size: 3.0rem; line-height: 3.2rem;}
h2{font-size: 2.5rem; line-height: 2.7rem;}
h3{font-size: 2.0rem; line-height: 2.2rem;}
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{
	font-size:1.3rem;
	display:inline-block;
font-family: "calibri", sans-serif;
font-weight: 400;
font-style: normal;
border-radius: 10px;
text-decoration: none !important;
margin-bottom: 20px;	
}

.logo {
  max-width: 250px;
  width: 100%;
  margin-bottom: -113px;
z-index: 3000;
  position: relative;	
}

.logos-scroller {
  max-width: 250px;
  width: 100%;
border: 20px solid #fff;
border-radius: 10px;	
}

.logos-scroller-hmy {border-radius: 10px;}

/**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: #2B2B2B; margin: 0;margin-bottom: 10px;}

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

.white-background .cta {
padding: 12px 18px 15px 18px;
	background: #559F9E;
	color:#000;
	transition: 0.5s;
	display: inline-block;
	border: solid 2px #559F9E;
}
.white-background .cta:hover{
background: #397372;
  color: #fff;
  transition: 0.5s;
  border: solid 2px #397372;
}
/**LIGHT-GREY BACKGROUND**/
.light-grey-background {
color:#2B2B2B;
background-color:#eaeaea;
}

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

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

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

.light-grey-background .cta {
padding: 12px 18px 15px 18px;
	background: #559F9E;
	color:#000;
	transition: 0.5s;
	display: inline-block;
	border: solid 2px #559F9E;
}
.light-grey-background .cta:hover{
background: #397372;
  color: #fff;
  transition: 0.5s;
  border: solid 2px #397372;
}



/**GREY BACKGROUND**/
.grey-background {
color:#ffffff;
background-color:#464646;
}

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

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

.grey-background a {color: #ffffff; text-decoration: underline;}
.grey-background a:hover {color: #77cace;}

.grey-background .cta {
padding: 12px 18px 15px 18px;
	background: #77CACE;
	color:#000;
	transition: 0.5s;
	display: inline-block;
	border: solid 2px #77CACE;
}
.grey-background .cta:hover{
background: #9BD6D9;
  color: #000;
  transition: 0.5s;
  border: solid 2px #9BD6D9;
}

/**TEAL BACKGROUND**/
.teal-background {
color:#000;
background-color:#559F9E;
}

.teal-background h1, .teal-background h2, .teal-background h3, .teal-background h4, .teal-background h5 {color:#000;}

.teal-background hr {background-color: #000; margin: 0;}

.teal-background a {color: #000; text-decoration: underline;}
.teal-background a:hover {color: #550101;}

.teal-background .cta {
padding: 12px 18px 15px 18px;
  background: #464646;
  color: #FFF;
  transition: 0.5s;
  display: inline-block;
  border: solid 2px #464646;
}
.teal-background .cta:hover{
	background: #1e1e1e;
	color:#fff;
	transition: 0.5s;	
	border: solid 2px #1e1e1e;
}

/**GREEN BACKGROUND**/
.green-background {
color:#000;
background-color:#0AA082;
}

.green-background h1, .green-background h2, .green-background h3, .green-background h4, .green-background h5 {color:#000;}

.green-background hr {background-color: #000; margin: 0;}

.green-background a {color: #000; text-decoration: underline;}
.green-background a:hover {color: #550101;}

.green-background .cta {
padding: 12px 18px 15px 18px;
  background: #464646;
  color: #FFF;
  transition: 0.5s;
  display: inline-block;
  border: solid 2px #464646;
}
.green-background .cta:hover{
	background: #1e1e1e;
	color:#fff;
	transition: 0.5s;	
	border: solid 2px #1e1e1e;
}


/**LIGHT BLUE BACKGROUND**/
.light-blue-background {
color:#2B2B2B;
background-color:#77CACE;
}

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

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

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

.light-blue-background .cta {
padding: 12px 18px 15px 18px;
  background: #464646;
  color: #FFF;
  transition: 0.5s;
  display: inline-block;
  border: solid 2px #464646;
}
.light-blue-background .cta:hover{
	background: #1e1e1e;
	color:#fff;
	transition: 0.5s;	
	border: solid 2px #1e1e1e;
}

/**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: 32rem;
}

.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: 32rem;
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;
}

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

	
}

/**slideshow**/
.slideshow-background {
color:#ffffff;
}

.slideshow-background-text p {
	color:#ffffff;
	text-shadow: 1px 1px 8px #000, 1px 1px 8px #005a35;
	text-transform: uppercase;
	margin: 25px 0px 20px 0px;
font-size: 3.0rem;
	line-height: 3.2rem;
	font-family: "articulat-heavy-cf", sans-serif;
font-weight: 900;
font-style: normal;
}

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

.slideshow-background a {color: #086BAF; text-decoration: none;}
.slideshow-background a:hover {color: #72afd1;}

.slideshow-background .cta {
padding: 12px 18px 15px 18px;
  background: #c72b2b;
  color: #fff;
  transition: 0.5s;
  display: inline-block;
  border: solid 2px #c72b2b;
  box-shadow: 0 4px 15px -6px #000;
}
.slideshow-background .cta:hover{
background: #a41919;
  color: #fff;
  transition: 0.5s;
  border: solid 2px #a41919;
}


.main-img {
background-image: url("../images/map.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
height: 34rem;
  margin-top: 55px;
  margin-bottom: 250px;
  padding-top: 188px;	
}


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

/**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;}

.footer .width-100 {padding-top: 1px;}

.siarter-iaith-footer {width: 100%; max-width: 125px;}

/**SPACING**/
.spacing-ss{
padding-top: 190px;
  padding-bottom: 350px;
}
.spacing{
padding-top: 70px;
  padding-bottom: 70px;
}

.croeso .width-100 {
margin-top: -200px;
z-index: 2;
  position: relative;
outline: 1px solid #eaeaea;
  outline-offset: -17px;
border-radius: 10px;	
}


/**SPLASH**/
.splash {min-height: 92vh;}
.splash .croeso .width-100 {
  margin-top: 12%;
  z-index: 2;
  position: relative;
  outline: 1px solid #eaeaea;
  outline-offset: -17px;
  border-radius: 10px;
  margin-bottom: 5%;
	padding: 3%;
}
.splash h1 {font-size: 2.8rem; line-height: 3.2rem;}

/**PROJECT SEVEN**/
.lbm-centered hr {margin:auto;}
.lbm-right hr {margin-right: 0 !important; margin: auto;}
.p7AMM.amm-rootlinks-black ul a {
  background-color: transparent;
border: 1px solid #fff;	
border-radius: 10px;	
}

.p7AMM li a {font-size: 1.2rem;}

.fa-light, .fasl {
  margin-right: 4px;
}
.p7ISM.ism-root-skyblue .ism-outer-wrapper, .p7ISM .ism-panel.ism-panel-skyblue, .p7ISM.ism-arrow-skyblue .ism-arrow-left, .p7ISM.ism-arrow-skyblue .ism-arrow-right, .ism-pags-color-skyblue.ism-paginator a, .ism-pags-hover-skyblue.ism-paginator a:hover, .ism-pags-down-skyblue.ism-paginator a.down {
  background-color: transparent;
  color: #000;
}

.p7AMM.amm-subs-skyblue ul ul {
  background-color: rgb(117, 202, 206);
}
.p7AMM.amm-subs-skyblue ul ul a {
  color: #000;
  border: 0px solid #fff;
}

.p7AMM.amm-subs-skyblue ul ul {
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  color: #fff;
padding: 5px;	
}


.p7AMM.amm-subs-skyblue ul ul a:hover, .p7AMM.amm-subs-skyblue ul ul a:focus, .p7AMM.amm-subs-skyblue ul ul a.amm-trigger.open {
  background-color: rgb(117, 202, 206);
  color: #000;
}

.siarter-iaith-menu a{
	background-color: #FBCC0E !important;
  	color: #464646 !important;
}

.siarter-iaith-menu a:hover{
	background-color: #fff !important;
  	color: #000;
}

.ism-pad-30 .ism-content {
  padding-top: 0px;
  padding-bottom: 0px;
padding-left: 30px;
  padding-right: 30px;	
}
.ism-outer-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
}


.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: transparent;
  color: #000;
}

.ism-content a {
    border-bottom: 0;
}
/**GEIRDA**/

.geirda .fa-comment-quote {
  font-weight: 900;
  margin-top: -136px;
  float: right;
  color: rgba(255, 255, 255,0.5);
}

.geirda .width-50 {
  height: 32rem;
}

.geirda-title .hmy-content {padding-bottom: 0px;} 
.geirda-sub .hmy-content {padding: 0px 20px;}

/**BOXES**/

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

.image-tile-image {
    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;
	margin-bottom: -1px;
	 height: 25rem;
border-radius: 10px;	
}

.image-tile-image:after {
    content: "";
    display: block;
    height: 50%;
    position: absolute;
    right: 0;
    top: 1px;
    transition: all .5s;
    width: 23px;
}



.image-tile-image 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;
	
}

.overlay {
  position: absolute;
  transition:0.5s;
	color:#fff;
	font-size:2.2rem;
	height:100%;
	width:100%;
box-shadow: inset 0 0 0 2000px rgba(10, 160, 130,0.4);
  outline: 1px solid #eaeaea;
  outline-offset: -17px;
}

.overlay:hover{	
	font-size:2.2rem;
	color:#fff;
}

.tile-text {
position: initial;
  top: 10%;
  left: 5%;
  font-size: 1.3rem;
  text-shadow: 1px 1px 8px #000, 1px 1px 8px #005a35;
  margin-top: 40px;
}

.tile-text-description {
  font-size: 1.5rem;
position: initial;
	bottom: 0;
  top: 76%;
padding: 156px 0px 0px 0px;
  line-height: 1.8rem;
	left: 5%;
	text-shadow: 1px 1px 8px #000, 1px 1px 8px#005a35;
}
.tile-text-description h3, .tile-text-description h2 {
font-size: 2.5rem;
  color: #ffffff;
  line-height: 2.7rem;
}


.box .image-tile-image:after {}

.box .overlay:hover {box-shadow: inset 0 0 0 2000px rgba(10, 160, 130,0.8);}

.box-map {
background-image: url("../images/box-map.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.box-map-caernarfon {
background-image: url("../images/box-map-caernarfon.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.box-map-dolgellau {
background-image: url("../images/box-map-dolgellau.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.box-map-pwllheli {
background-image: url("../images/box-map-pwllheli.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.box-map-porthmadog {
background-image: url("../images/box-map-porthmadog.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.box-map-bangor {
background-image: url("../images/box-map-bangor.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.box-map-tywyn {
background-image: url("../images/box-map-tywyn.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
/*
***************************************************
NEWS LISTING PAGE
***************************************************
*/
.news-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: 21rem;
border-radius: 10px 10px 0px 0px;	
}

.news-grid .news-image-tile-image, .blog-grid .news-image-tile-image, .app-grid .news-image-tile-image, .web-grid .news-image-tile-image{
 height: 18rem;
}
.news-grid .hmy-content, .blog-grid .hmy-content, .app-grid .hmy-content, .web-grid .hmy-content {padding: 10px;}

.news-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;	
border-radius: 10px 10px 0px 0px;	
}

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

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

.news-tile-image-link-container{
	transition: box-shadow .5s,transform .5s,-webkit-box-shadow .5s,-webkit-transform .5s;
	-webkit-box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);
	box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);	
}

.news-tile-description{
padding: 5px 5px 5px 5px;
background-color: #fff;	
border-radius: 0px 0px 10px 10px;		
}

.news-grid .news-tile-description, .web-grid .news-tile-description {
padding: 10px 5px 5px 5px;
  background-color: #fff;
  border-radius: 0px 0px 10px 10px;
  min-height: 115px;		
}

.app-grid .news-tile-description {
padding: 10px 10px 10px 5px;
  background-color: #fff;
  border-radius: 0px 0px 10px 10px;
  min-height: 155px;
}

.news-tile-description h3, .news-tile-description h2{
	font-size: 1.2rem;
	line-height: 1.5rem;
	margin: 5px 0px 5px 0px;
text-decoration: none !important;	
}

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

.news-tile-image-link-container a { text-decoration: none;}
.news-tile-image-link-container a:hover  { text-decoration: none;}
.news-tile-image-link-container h3, .news-tile-image-link-container h2 { text-decoration: none;}
.news-tile-image-link-container p { text-decoration: none; font-size: 1.2rem;  line-height: 1.3rem;}
.news-tile-image-link-container a:hover h3, .news-tile-image-link-container a:hover h2 {text-decoration: none !important;}

/**SUB PAGES**/
.sub-main a.p7AP4-01 {
	background-color: #559F9E;
	color: #000;
	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: #77CACE;
	color: #2b2b2b;
	background-image: url(../p7ap4/img/p7AP4_south_black.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);
	background-color: #0AA082;
	color: #000;
}
.sub-main a.p7AP4-01.ap4Trigs_down:hover {
	background-color: #0AA082;
	color: #000;
}
.sub-main a.p7AP4-01.current_mark {
	font-weight: normal;
}
.sub-main .p7AP4-01.ap4-trig-border a.p7AP4-01 {
  border-bottom: 1px solid #000;
}

/*.sub-main .p7AP4-01.ap4-trig-border a.p7AP4-01, .sub-main .p7AP4-01.ap4-trig-border a.p7AP4-01, .sub-main .p7AP4-01.ap4-trig-border a.p7AP4-01.ap4last, .sub-main .p7AP4-01.ap4-trig-border a.p7AP4-01.p7AP4_ext.ap4last {
  border-bottom: 4px solid #112B40;
}*/

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

.sub-main .agm-white .agm-section.agm-down a {border-color: rgb(117, 202, 206);}

.sub-main .agm-caption {background-color: rgb(21, 160, 130); color: #242424;}

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

.contact-col .hmy-content {padding: 0px 20px;}


/**IN THIS SECTION**/
.its h2 {font-size: 1.9rem; line-height: 2.1rem;}
.its {border-radius: 0px 0px 40px 40px;
  outline: 1px solid #eaeaea;
  outline-offset: -10px;}

/*
***************************************************
IN THIS SECTION LISTING PAGE
***************************************************
*/
.its-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;
}


.its-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;		
}

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

.its-tile-image-link{
	text-decoration: none !important;
}

.its-tile-image-link-container{
	/*transition: box-shadow .5s,transform .5s,-webkit-box-shadow .5s,-webkit-transform .5s;
	-webkit-box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);
	box-shadow: 0 10px 40px -15px rgba(0,0,0,.2);	*/
}

.its-tile-description{
	padding: 5px 15px 5px 15px;
  background-color: #fff;
  width: 80%;
  margin-top: -75px;
  z-index: 1000;
  position: relative;
  margin-right: auto;
  text-decoration: none !important;
  border-radius: 0px 10px 0px 10px;
}

.its-tile-description h2{
	font-size: 1.2rem;
	line-height: 1.4rem;
}

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

.its-tiles-grid .hmy-content {padding: 10px;}


/**DESKTOP**/

.hide-on-desktop {display:none!important;}
.display-on-desktop {display:block!important;}

/**RESPONSIVE FORM**/

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

input::placeholder {font-size:1.3rem; font-family: "calibri", sans-serif; }

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

select {
	max-width: 523px;
  	width: 103%;
	border: 1px solid #191010;	
	font-family: "calibri", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.3rem; 
	margin-bottom:15px;
	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 15px 18px;
	background: #559F9E;
	color:#000;
	transition: 0.5s;
	display: inline-block;
	border: solid 2px #559F9E;
	font-size:1.3rem;
font-family: "calibri", sans-serif;
font-weight: 400;
font-style: normal;
border-radius: 10px;
text-decoration: none !important;
margin-bottom: 20px;
}

input[type=submit]:hover{
	background: #397372;
  color: #fff;
  transition: 0.5s;
  border: solid 2px #397372;
}

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

::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;
}


/****LOGO SIARTIAR IAITH - MENU**/
/*
.span-logo {
   margin-top:-100px;
   display: inline-block;
   vertical-align: top;
   height: 105px;
   width: 152px;
   margin-top:0px;

}
.main_logo{ 
    padding:0px; 
	}

.main_logo img {
	max-width: 45%;}*/
.menu-logo {width: 100%;
    max-width: 25px;}

/**RESPONSIVE**/

@media only screen and (min-width: 1300px) and (max-width: 1500px) {
	.image-tile-image {height: 24rem;}
}

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

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

@media only screen and (min-width: 1260px) and (max-width: 1400px) {
.news-grid .news-image-tile-image, .blog-grid .news-image-tile-image, .app-grid .news-image-tile-image, .web-grid .news-image-tile-image {height: 16rem;}
}

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

	body, p, li {
font-size:1.2rem;
line-height: 1.4rem;
}
	
	input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=number],
input[type=date],
textarea,
select {font-size: 1.2rem;}

h1 {font-size: 2.5rem; line-height: 2.7rem;}
h2{font-size: 2.0rem; line-height: 2.2rem;}
h3{font-size: 1.8rem; line-height: 2.0rem;}
h4{font-size: 1.6rem; line-height: 1.8rem;}
h5{font-size: 1.4rem; line-height: 1.6rem;}

.cta{font-size:1.2rem;}
input[type=submit]{font-size:1.2rem;}
input::placeholder {font-size:1.2rem;}
	
.main-img {
  height: 23rem;
  margin-top: 55px;
  margin-bottom: 250px;
  padding-top: 120px;
}
.slideshow-background-text p {
  font-size: 2.5rem;
  line-height: 2.7rem;
}
.spacing{
padding-top: 30px;
  padding-bottom: 30px;
}
.p7AMM li a {
font-size:1.2rem;
}	
.tile-text-description h3, .tile-text-description h2  {
  font-size: 2.0rem;
  line-height: 2.2rem;
}	
.geirda .fa-comment-quote {margin-top: -86px;}	
	.ism-panel-2 {min-width: 33% !important;}	
}

@media only screen and (min-width: 1070px) and (max-width: 1300px) {
	.image-tile-image {height: 23rem;}

}

@media only screen and (min-width: 960px) and (max-width: 1300px) {
.web-grid .hmy-section {flex-basis: 33% !important;}
}
@media only screen and (min-width: 900px) and (max-width: 1300px) {
.splash h1 {font-size: 2.0rem; line-height: 2.4rem;}
}
@media only screen and (min-width: 960px) and (max-width: 1260px) {
.news-grid .news-image-tile-image, .blog-grid .news-image-tile-image, .app-grid .news-image-tile-image, .web-grid .news-image-tile-image {height: 15rem;}
}

@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: 905px) and (max-width: 1205px) {
.its h2 {
  font-size: 1.6rem;
  line-height: 1.8rem;
}
}

@media only screen and (min-width: 850px) and (max-width: 1200px) {
.news-grid .hmy-section, .blog-grid .hmy-section, .app-grid .hmy-section {flex-basis: 33% !important;}
}

@media only screen and (min-width: 900px) and (max-width: 1200px) {
.splash .croeso .width-100 {
  margin-top: 14%;
  margin-bottom: 5%;
}
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
	.hide-on-tablet {display:none !important;}
	.croeso .width-100 {
  margin-top: 0px;
  border-radius: 0px;
}
  .main-img {
    height: 12rem;
    margin-top: 82px;
    margin-bottom: 100px;
    padding-top: 39px;
  }
.news-image-tile-image {height: 18rem;}
.ism-panel-3 {min-width: 25% !important;}
	
	.splash .croeso .width-100 {margin: 5%; margin-top: 14%;}
}

@media only screen and (min-width: 700px) and (max-width: 1200px) {
	.hide-on-tablet {display:none!important;}	
	.display-on-tablet {display:block!important;}
	
}


@media only screen and (min-width: 0px) and (max-width: 1100px) {
.geirda .width-50 {height: 34rem;}
.image-tile-image-left {height: 34rem;}

.image-tile-image-right {height: 34rem;}	
	
}

@media only screen and (min-width: 900px) and (max-width: 1070px) {
	.logos-home-grid .hmy-section {flex-basis: 25% !important;}
}

@media only screen and (min-width: 0px) and (max-width: 1070px) {
	.image-tile-image {
  height: 22rem;
}
	
	  .tile-text-description h3, .tile-text-description h2  {
    font-size: 1.7rem;
    line-height: 1.9rem;
  }
	.location-grid .hmy-section {flex-basis: 50% !important;}
	.tile-text-description {
  padding: 140px 0px 0px 0px;
}
	.ism-panel-2 {min-width: 50% !important;}		
.ism-pad-30 .ism-content {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 30px;
  padding-right: 30px;
}	
}
@media only screen  and (min-width: 815px) and (max-width: 1050px) {
	.its-row .width-70 {width: 65%;}
	.its-row .width-30 {width: 35%;}
}

@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: 0px) and (max-width: 1000px) {
  .geirda .fa-comment-quote {display: none;}
 .news-image-tile-image {height: 16rem;}	
	.geirda-grid .hmy-section {flex-basis: 100% !important;}
}

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

@media only screen and (min-width: 0px) and (max-width: 960px) {
.news-grid .news-image-tile-image, .blog-grid .news-image-tile-image, .app-grid .news-image-tile-image, .web-grid .news-image-tile-image {height: 14rem;}
}

@media only screen and (min-width: 0px) and (max-width: 905px) {
.its-tiles-grid .hmy-section {flex-basis: 100% !important;}
}

@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: 650px) and (max-width: 900px) {
	.logos-home-grid .hmy-section {flex-basis: 33% !important;}
}

@media only screen and (min-width: 0px) and (max-width: 900px) {
.splash .croeso .width-100 {margin:5%;}
}

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

@media only screen and (min-width: 0px) and (max-width: 900px) {
	body, p, li {
font-size:1.1rem;
line-height: 1.3rem;
}
	
	input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=tel],
input[type=number],
input[type=date],
textarea,
select {font-size: 1.1rem;}

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

.cta{font-size:1.1rem;}
input[type=submit]{font-size:1.1rem;}
input::placeholder {font-size:1.1rem;}
		
.main-img {
    height: 12rem;
    margin-top: 20px;
   margin-bottom: 16px;
    padding-top: 25px;
  }
.slideshow-background-text p {
  font-size: 1.8rem;
  line-height: 2.0rem;
}
.spacing{
padding-top: 10px;
  padding-bottom: 10px;
}
.croeso .width-100 {
  margin-top: 0px;
  border-radius: 0px;
}
.logo {
  max-width: 122px;
  margin-bottom: 0px;
}		
.p7AMM li a {font-size:1.1rem;}	
.ism-panel-3 {min-width: 33% !important;}
	
}

@media only screen and (min-width: 500px) and (max-width: 900px) {
.splash .logo {
  max-width: 175px;
  margin-bottom: 0px;
}
	.splash h1 {font-size: 1.6rem; line-height: 2.0rem;}
}

@media only screen and (min-width: 575px) and (max-width: 850px) {
.news-grid .hmy-section, .blog-grid .hmy-section, .app-grid .hmy-section {flex-basis: 50% !important;}
}

@media only screen  and (min-width: 0px) and (max-width: 815px) {
	.its-row .width-70 {width: 100%;}
	.its-row .width-30 {width: 100%;}
	.its {
    border-radius: 0px;
    margin-bottom: 6px;
}
}

@media only screen and (max-width: 800px) {
.geirda .width-50 {height: 36rem;}

.image-tile-image-left {height: 36rem;}

.image-tile-image-right {height: 36rem;}	
 .news-image-tile-image {height: 14rem;  }		
}


@media only screen and (max-width: 700px) {
	.hide-on-mobile {display:none !important;}
	.display-on-mobile {display:block!important;}

.p7AMM.amm-responsive .amm-toolbar {background-color: transparent;}

.p7AMM.amm-responsive .amm-toolbar a {opacity: 1;}

.p7AMM.amm-responsive .amm-toolbar a:hover {
    opacity: 1;
    color: #77cace;
  }
.top-row .width-70 {margin-top: -130px;}
  .logo {
    max-width: 82px;
    margin-bottom: 0px;
    margin-top: -8px;
  }	
div.p7AMM ul.amm-level-0 {
  margin-top: 25px;
}
.p7AMM li a {padding: 10px 20px;}	
	.location-grid .hmy-section {flex-basis: 100% !important;}	
 .tile-text-description {
    padding: 98px 0px 0px 0px;
  }	
.box-map-caernarfon {
background-image: url("../images/box-map.png");
  background-size: contain;
}

.box-map-dolgellau {
background-image: url("../images/box-map.png");
  background-size: contain;
}

.box-map-pwllheli {
background-image: url("../images/box-map.png");
  background-size: contain;
}
.box-map-porthmadog {
background-image: url("../images/box-map.png");
  background-size: contain;
}

.box-map-bangor {
background-image: url("../images/box-map.png");
  background-size: contain;
}

.box-map-tywyn {
background-image: url("../images/box-map.png");
  background-size: contain;
}	
  .image-tile-image {height: 17rem;  }	
.geirda .width-50 {height: auto;}

.image-tile-image-left {height: 22rem;}

.image-tile-image-right {height: 22rem;}
	.ism-panel-2 {min-width: 100% !important;}	
	 .news-image-tile-image {
    height: 20rem;
  }	
	.ism-panel-3 {min-width: 50% !important;}
	
	.footer .width-25 {
  padding-top: 0px;
	  padding-bottom: 10px;	
}

.footer .width-50 {padding-bottom: 10px;}
.location-grid .hmy-content {padding: 9px;}
 .adnoddau .ism-pad-30 .ism-content {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }	
	
	.sub-main .lbm-column {padding: 20px 10px;}
	.its {outline-offset: 0px;}
	
}

@media only screen and (min-width: 0px) and (max-width: 690px) {
.web-grid .hmy-section {flex-basis: 100% !important;}
.web-grid .hmy-section {min-height: auto;}
}

@media only screen and (min-width: 0px) and (max-width: 650px) {
	.logos-home-grid .hmy-section {flex-basis: 50% !important;}
}

@media only screen and (max-width: 600px) {	
	 .news-image-tile-image {height: 18rem;  }	
	.its-image-tile-image {height: 16rem;}
  }	

@media only screen and (min-width: 0px) and (max-width: 575px) {
.news-grid .hmy-section, .blog-grid .hmy-section, .app-grid .hmy-section {flex-basis: 100% !important;}
.news-grid .news-tile-description, .blog-grid .news-tile-description {min-height: auto;}
}

@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 (max-width: 540px) {
  .main-img {margin-bottom: 40px;}
  .image-tile-image-left {height: 18rem;}
  .image-tile-image-right {height: 18rem;}
	
}
@media only screen and (max-width: 500px) {
	 .news-image-tile-image {height: 16rem;}
	 .splash .logo {max-width: 150px;}
	.splash h1 {font-size: 1.4rem; line-height: 1.8rem;}
  }

@media only screen 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;
     }
}