@import "dependencies";

//Fixed Header On Scroll - Advanced


.headroom {
    @include transition(transform 200ms linear);
}
.headroom--pinned {
    @include transform(translateY(0%));
}
.headroom--unpinned {
    @include transform(translateY(-100%));
}


.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}

.visible-phone { display: none;}

#g-navigation.headroom--not-top {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1001;
    left: 0;
}

.g-offcanvas-toggle.headroom--not-top {
    position: fixed;
    z-index: 1002;
    &.headroom--unpinned {
        top: 0;
    }
}


.g-offcanvas-open {
    #g-navigation.headroom--not-top {
        left: $offcanvas-width;
    }
    .g-offcanvas-toggle.headroom--not-top {
        left: $offcanvas-width + 0.7rem;
    }
}

#g-navigation.headroom--not-top, .g-offcanvas-toggle.headroom--not-top {
    @include transition(all 0.3s);
}




.g-social a { padding: 1rem;}

li { font-size:1rem; color: #330000; margin: 0.8rem 0; line-height:1rem;list-style:none;}

ul, ol, dl {
    margin-bottom: 0.5rem;
    margin-top: 0rem;
}

td {
    border: 0px solid #dedede;
    padding: 0rem;
}

ul {
    margin-left: 0rem;
    padding: 0;
}

 .tour3 #g-slideshow1 {
    background: #a8cbd7 url("/images/cht-overview.jpg") no-repeat scroll center center / cover ;
    color: #330000;
    padding: 1rem 0;
}

.tour2 #g-slideshow3, .tour2 #g-slideshow1 {  padding: 0rem 0; }





.tour2 #g-slideshow1 .g-container { width: 100%; }

.tour2 #g-slideshow3 .g-container { width: 80rem; }

.tour2 #g-slideshow1 .g-content {
    margin: 0rem;
    padding: 0rem 0rem;
}

.tour2 #g-slideshow3, .tour3 #g-slideshow3 {
    background: #C4B66F url("") no-repeat scroll center center / cover ;
    color: #330000;
    padding: 1rem 0;
}

.button {
    background: #ec4345 none repeat scroll 0 0;
    border: 2px solid transparent;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    font-family: "Lato";
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.2rem;
    padding: 0.5rem 1.5rem;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
    vertical-align: top;
}

.button:hover  {
    background: #9e8e78  none repeat scroll 0 0; }

 .readon, .readmore, button.validate, #member-profile a, #member-registration a, .formelm-buttons button, .btn-primary {
    background-color: #330000;
    background-image: linear-gradient(to bottom, #330000, #330000);
    background-repeat: repeat-x;
    border-color: #330000;
    font-size: 1em;
  display: inline-block;
    line-height: 1.3em;
    padding: 3px 5px;
 	margin: 8px 5px;
	color:#fff;
	font-size: 0.7rem;
}

.sprocket-strips-s-content .readon {
    display: inline-block;
    margin-top: 15px;
}

body {
font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 1.1rem;
	color:#4c4c4c;
}

dd {
    margin-left: 0rem;
}

strong {
    font-weight: bold;
	color: #330000;
}

.muted {
    color: #333;
}


dl {
    margin-bottom: 2rem;
    margin-top: 0.5rem;
}


a {
    color: #990F0F;
    transition: all 0.2s ease 0s;
}

a:hover { color: #FF8000; }


#g-copyright a:hover { color: #FF8000; }

.box1 a {
    color: #330000;
}

.box1 a:hover {
    color: #ed6a5a;
}

#g-offcanvas {
    background: #a8cbd7 none repeat scroll 0 0;
    color: #330000;
    width: 17rem;
}

#g-navigation .g-offcanvas-toggle {
    color: #fff;
}


.g-offcanvas-toggle {
    color: #fff;
    font-size: 1.25rem;
}


#g-offcanvas a {
    color: #330000;
}

#g-offcanvas a:hover {
    color: #fff;
}

#g-offcanvas #g-mobilemenu-container ul {
    background: #b61f32 none repeat scroll 0 0;
}

#g-offcanvas h1, #g-offcanvas h2, #g-offcanvas h3, #g-offcanvas h4, #g-offcanvas h5, #g-offcanvas h6, #g-offcanvas strong {
    color: #330000;
}

#g-navigation .g-main-nav {
    margin: 0 10px;
	float:right;
}


#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-item-title {
    border-bottom: 0px solid #113d5e;
	font-size: 0.9rem;
    padding-bottom: 0px;
    padding-right: 1.2rem;
	color: #fff;
	font-family: arial, "Lato",sans-serif;
    line-height:1.3rem;
	font-weight:300;
}

#g-navigation .g-menu-item-subtitle {
    font-size: 0.9rem;
    opacity: 1;
	font-family: arial, "Lato",sans-serif;
    padding-top: 0px;
    text-transform: uppercase;
	font-weight:600;
	color: #fff;
}

#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container .g-menu-item-title {
    border-bottom: 0px solid #113d5e;    color: #330000;
}

#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container  .g-menu-item-subtitle {
    border-bottom: 0px solid #113d5e;    color: #330000;
}

#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container {
    color: #330000;
}

#g-navigation .g-main-nav .g-dropdown {
    background: #81B4C5 none repeat scroll 0 0;
    border: 0px solid #ce1517;
    border-radius: 0;
}



#g-navigation > .g-container {
    margin: 0rem auto 0rem auto;
    position: relative;
	width:100%;
}

#g-navigation .g-main-nav {
    margin: 0px 10px;
}



#g-top {
    background: #A8CBD7 none repeat scroll 0 0;
    color: #7D4627;
}




#g-navigation {
    background: #81B4C5 none repeat scroll 0 0;
    border-top: 0px solid #ec4345;
	border-bottom: 0px solid #ccc;
    color: #ffffff;
    position: relative;
    z-index: 10011;
}

.home #g-navigation {
    background: #A8CBD7 none repeat scroll 0 0;
    border-top: 0px solid #ec4345;
	border-bottom: 0px solid #ccc;
    color: #ffffff;
    position: relative;
    z-index: 10011;
}

#g-header {
    background: #A9CBD7 none repeat scroll 0 0;
    color: #212121;
}

#g-bottom {
    color: #212121;
}

.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {
    font-size: 1rem;
    font-weight: 300;
    white-space: nowrap;
font-family: 'Lato', sans-serif;
	
}

h1, h2, h3, h4, h5 {
font-family: 'Lato',"Open Sans",  sans-serif;

}

h1, h2, h3, h4, h5, h6 {
    margin: 0.5rem 0 0.5rem;
    text-rendering: optimizelegibility;
}


h1 {
    font-size: 3.4rem;
	line-height: 3.4rem;
    font-weight: 300;
  	color: #330000;
}

#g-container-7178 {padding-top:2rem; background:#f9f9f9;}


h2 {
    font-size: 2.6rem;
	line-height: 3rem;
    font-weight: 300;
  	color: #330000;
}

.page-header h2{
    font-size: 3rem;
	line-height: 3rem;
    font-weight: 300;
  	color: #330000;
	padding: 1rem 0 2rem 0;
	letter-spacing:-2px;
}


h3 {
    font-size: 2rem;
    font-weight: 300;
	line-height: 2rem;
	color: #330000;
}


h4 {
    font-size: 1.5rem;
	line-height: 1.8rem;
    font-weight: 400;
  	color: #330000;
}


#g-utility {
    background: #ffffff url("") no-repeat scroll center center / cover ;
    color: #333;
    position: relative;
}

#g-slideshow {
    background: #A9CBD7 ;
    color: #212121;
}

.home #g-slideshow .g-container {
	width:100%;
}

.home #g-slideshow3 .g-container {
	width:90%;
}


.home #g-slideshow .g-content {
    margin: -0.525rem;
    padding: -0.4rem -0.838rem;
}


.videoWrapper {
    position: relative;
    padding-bottom: 44.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 	background: #a8cbd7;
}

#g-slideshow1 {
    background: #a8cbd7 url("") no-repeat scroll center center / cover ;
    color: #330000;
	padding: 1rem 0;
}



.home #g-slideshow1 {
    background: #A9CBD7 url("../images/pat-tiles.jpg") repeat;
    color: #ffffff;
	padding: 1rem 0;
}

.home #g-slideshow1 h1{
    color: #ffffff;
}


.home h3 {color:#fff; line-height:2.6rem; font-size: 2rem; }


.home td { border: 10px solid #333333; background: rgba(246, 241, 221, 0.8); padding: 1rem;}


#g-slideshow2 {
    background: #F6F1DD url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}

#g-slideshow3 {
    background: #f9f9f9 url("") no-repeat scroll center center / cover ;
	color: #33000;
	padding: 1rem 0;
}


#g-slideshow4 {
    background: #E6EBE0 url("") no-repeat scroll center center / cover ;
  	color: #330000;
	padding: 1rem 0;
}

.home #g-slideshow4 .g-container { width: 80%;}


#g-slideshow5 {
    background: #CDB99C url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}


#g-slideshow6 {
    background: #9BC1BC url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}


#g-slideshow7 {
    background: #D6DACF url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}


#g-slideshow8 {
    background: #E6EBE0 url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}


#g-slideshow9 {
    background: #f1f1f1 url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}



#g-slideshow10 {
    background: #f6f1dd url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}

#g-slideshow11 {
    background: #a8cbd7 url("") no-repeat scroll center center / cover ;
    color: #330000;
	padding: 1rem 0;
}

#g-slideshow12 {
    background: #f9f9f9 url("") no-repeat scroll center center / cover ;
	color: #33000;
	padding: 1rem 0;
}


#g-slideshow13 {
    background: #E6EBE0 url("") no-repeat scroll center center / cover ;
  	color: #330000;
	padding: 1rem 0;
}

#g-slideshow14 {
    background: #CDB99C url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}


#g-slideshow15 {
    background: #9BC1BC url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}


#g-slideshow16 {
    background: #D6DACF url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}


#g-slideshow17 {
    background: #E6EBE0 url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}


#g-slideshow18 {
    background: #f1f1f1 url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}


#g-slideshow19 {
    background: #f6f1dd url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}


#g-slideshow20 {
    background: #f6f1dd url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}

#g-slideshow21 {
    background: #a8cbd7 url("") no-repeat scroll center center / cover ;
    color: #330000;
	padding: 1rem 0;
}

#g-slideshow22 {
    background: #f9f9f9 url("") no-repeat scroll center center / cover ;
	color: #33000;
	padding: 1rem 0;
}


#g-slideshow23 {
    background: #E6EBE0 url("") no-repeat scroll center center / cover ;
  	color: #330000;
	padding: 1rem 0;
}

#g-slideshow24 {
    background: #CDB99C url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}


#g-slideshow25 {
    background: #9BC1BC url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}


#g-slideshow26 {
    background: #D6DACF url("") no-repeat scroll center center / cover ;
	color: #330000;
	padding: 1rem 0;
}



.space1 { height:6rem; }





#g-utility a {
    color: #113d5e;
}

#g-showcase {
    background: #a9cbd7 repeat scroll 0 0;
    color: #113d5e;
	border-bottom: 0px solid #ccc;
}

#g-bottom {
    background: #9bc1bc repeat scroll 0 0;
    color: #113d5e;
	border-bottom: 0px solid #ccc;
}

#g-copyright {
    background: #9E8E78 none repeat scroll 0 0;
    color: #330000;
    text-align: center;
}

#g-aside {margin-top:1rem;}
 
.box1 {
    background: #e6ebe0;
    color: #000;
    padding: 1rem;
}

.box2 {
    background: #f1f1f1;
    color: #000;
    padding: 1rem;
}






.g-content {
    margin: 0.525rem;
    padding: 0.4rem 0.838rem;
}


.no-padding {
  margin: -0.525rem;
    padding: -0.4rem -0.838rem;
}


.box-darkgrey.g-outer-box {
    background: #fff none repeat scroll 0 0 !important;
}

#g-extension {
    background: #fff url("") no-repeat scroll center center / cover ;
    padding-bottom: 4rem;
}

#g-extension .g-container {
    background: #fff none repeat scroll 0 0;
    border-radius: 0px;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.25);
    color: #686868;

}

#g-extension .g-content {
    margin: 0.225rem;
    padding: 0.238rem;
}


input.search-query { border-radius: 0px; }

.article-info-term { display:none ; }

.icon-calendar { display:none ; }

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] {
    padding: 0.2rem;
}



iframe{
overflow-y: hidden;
overflow-x: hidden;
background:none;
width: 100%;
}

.sprocket-mosaic-g-text {
    display: block;
    margin: 15px 0;
		line-height:1.5rem;
}


.sprocket-mosaic-g-title {
	line-height:2.5rem;
	font-size:2rem;
	letter-spacing:-1px;
}

.sprocket-mosaic-g-content {
    box-sizing: border-box;
    padding: 2rem;
}


.sprocket-grids-b-title {
	font-size: 1.1rem;
	color: #113d5e;
    margin: 0 0 15px;
	font-weight:600;
	line-height:1.2rem;
}

.sprocket-grids-b-item.panel-color 
    { background: #fff url("../images/background-news.gif") repeat ;}


.sprocket-grids-b-text {
    display: block;
    margin: 15px 0;
	color:#f1f1f1; 
	line-height:1.2rem;
}

.sprocket-grids-b-content {
    box-sizing: border-box;
    padding: 15px;
	height:230px;
}

.box-darkgrey a { color : #f6f1dd;}

.box-darkgrey a:hover { color :#a8cbd7;}


.sprocket-strips-content { color: #333;}

.sprocket-strips-text { font-size: 0.85rem; line-height:1.2rem; padding-bottom:10px;}


.sprocket-strips-item {
    box-shadow: 0px 0px 0px rgba(17, 61, 94, 0.5);
	background:#f3f3f3;
}
.sprocket-strips-item {
    background-size: cover;
    border-radius: 0px;
}

.sprocket-strips-title {
    margin-top: 0; color: #113d5e; margin-bottom:10px; font-weight:600; font-size:1.1rem;
}

.sprocket-strips-title a{ color: #113d5e; }

.sprocket-strips-title a:hover { color: #ED6A5A; }

.sprocket-grids-b-title a{ color: #f6f1dd; }

.sprocket-grids-b-title a:hover { color: #ED6A5A; }




.sprocket-lists-title a{ font-size: 1.2rem !important;  color: #330000;  }

.sprocket-lists-title a:hover { color: #ec4345;}

.sprocket-lists .active .sprocket-lists-item {
	display: block;
    background:  none repeat scroll 0 0;
    font-size: 0.9rem;
    margin-bottom: 10px;
}

.sprocket-lists .active .sprocket-lists-item .sprocket-padding {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
    padding-bottom: 20px;
}

.date-lists {text-align:right; padding-bottom:20px; font-size: 0.9rem;}

.Flexible-container {
     position: relative;
     padding-bottom: 66.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


.g-title {
	display: inline-block;
	font-family: 'Lato', sans-serif;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.5;
    margin: 0.25rem 0;
	color: #330000;
	white-space: normal;
	
}

.g-main-nav .g-toplevel > li {
    cursor: pointer;
    display: inline-block;
    transition: background 0.2s ease-out 0s, transform 0.2s ease-out 0s;
	padding: 0;
  margin: 0;
}

.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
	font-weight:400;
    line-height: normal;
}

.g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator::after {
    content: "";
}  

#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator::after {
    content: "";
    opacity: 0.75;
}

.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator::after {
    width: 1rem;
}

.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator::after {
    content: "";
    cursor: pointer;
    display: inline-block;
font-family: 'Lato', sans-serif;
    opacity: 0.5;
    text-align: right;
    width: 1.5rem;
}

#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container .g-menu-item-title {
    border-bottom: 0px solid;
}

#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {
    color: #b61f32;
}

#g-navigation .g-main-nav .g-sublevel > li:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-sublevel > li.active > .g-menu-item-container {
    background: #e6ebe0 none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 0px;
    color: #330000;
}

.jwts_tabberlive .jwts_tabbertab {
    background: #fff none repeat scroll 0 0;
    border: 0px solid #bbb;
    border-radius: 0px;
    margin: 2px 0 0 !important;
    padding: 8px;
    text-align: left;
}

ul.jwts_tabbernav {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    height: auto !important;
  border-bottom: 1px solid #bbb;
    line-height: normal !important;
    list-style: outside none none !important;
    margin: 0 0 0 8px !important;
    padding: 0 !important;
    text-align: left !important;
}



.rokajaxsearch #roksearch_search_str {
    border: 1px solid #ccc;
    border-radius: 0rem;
    box-shadow: none;
    margin-bottom: 1rem;
    padding: 0.2rem 0.5rem;
    width: 100%;
}

.news { background: #fff url("../images/background-news.gif") repeat ;}

.sprocket-lists .sprocket-lists-title {
    background: none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color rgba(51, 51, 51, 0.25);
    border-style: none none solid;
    border-width: medium medium 0px;
font-family: 'Lato', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1rem !important;
}

.sprocket-lists-container {
    overflow: hidden;
    padding: 15px !important;
	border-left: 1px solid #ccc;
}


#roksearch_results {
    float: right;
    margin-top: 5px;
    position: absolute;
    text-align: left;
    visibility: hidden;
    width: 400px;
    z-index: 10012;
}

#roksearch_results h3 {
	color:#113d5e;
    font-size: 110%;
    line-height: 110%;
    margin-bottom: 2px;
    margin-top: 0;
	font-weight:800;
    padding-bottom: 0;
}

.phrases, .only {display:none;}


.sprocket-mosaic-title {font-size:1.5rem; color: #b61f32; padding-top:5px; line-height:2rem; text-align:center;}

.sprocket-mosaic-item .sprocket-mosaic-text {display:none;}


.sprocket-mosaic .sprocket-readmore {display:none;}

.sprocket-mosaic-item .sprocket-padding { padding: 0px;}

.sprocket-mosaic-item .sprocket-mosaic-title a { font-size:1rem; font-weight:400;  }

.sprocket-mosaic-item { border: 0px solid #dddddd; border-radius:0;}

 .sprocket-mosaic-title .h2{ font-size:1rem; color: #330000; padding-top:10px;}


.sprocket-mosaic .sprocket-mosaic-container { margin: 0 -10px 3rem -10px;}


.sprocket-mosaic-hovercontent { right: 15px; opacity:0.5; }



.sprocket-strips-s-text {
    display: block;
}

.sprocket-strips-s-title a{
    color: #330000;
	font-size:1.5rem;
}

.sprocket-strips-s-title a:hover{
    color: #ED6A5A;
}

.pull-left.item-image {
 	display:block;
}

.slideshowtext {
font-family: 'Lato', sans-serif;
    font-weight: 300;
	font-size: 1.1rem;
}

.sprocket-lists-portrait-title {
    display: block;
    font-size: 1.2em !important;
    line-height: 1.2em !important;
    margin: 15px 0;
    position: relative;
}

.brown { padding:5px 15px;}

#g-footer {
    background: #ffc938 none repeat scroll 0 0;
    color: #fff;
}

#g-copyright .g-container {
    border-top: 0px solid #063f53;
}

#g-copyright a {
    color: #330000;
}

.heritage #g-expanded {
    background: #fff ;
    color: #330000;
	padding: 1rem 0 3rem 0;
}

#g-expanded {
    background: #a9cbd7 ;
    color: #330000;
	padding: 1rem 0 3rem 0;
}

.g-subpromo {
    font-family: "Roboto", "Open Sans","Helvetica","Tahoma","Geneva","Arial",sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 1;
	padding-bottom: 10px;
}



.princess a {
    color: #333333;
    font-size: 0.9rem;
}
.princess .g-title {
    color: #333333;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.5rem;
}
.commonwealth a {
    color: #b98b00;
    font-size: 0.9rem;
}
.commonwealth .g-title {
    color: #b98b00;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.wessex a {
    color: #990066;
    font-size: 0.9rem;
}

.wessex .g-title {
    color: #990066;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.5rem;
}


.meiling a {
    color: #336600;
    font-size: 0.9rem;
}

.meiling .g-title {
    color: #336600;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.5rem;
}
.duchess a {
    color: #cc6600;
    font-size: 0.9rem;
}

.duchess .g-title {
    color: #cc6600;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.5rem;
}



.cloud1
{
  position: absolute;
  top: 0;
  left: 20%;
  z-index: -1;
  margin-top:-10px;
}

.cloud2
{
  position: absolute;
  top: 0;
  left: 80%;
  z-index: -1;
  margin-top:-60px;
}

.play {
    position: relative;

} 

/* Large screens ----------- */
@media only screen and (min-width: 1600px) and (max-width: 1800px) {

.home #g-slideshow .g-content {
    margin: -0.525rem -10rem;
    padding: -0.4rem -0.838rem;
}


}


/* Desktops and laptops ----------- */
@media only screen and (min-width: 1025px) and (max-width: 1600px) {

.home #g-slideshow .g-content {
    margin: -0.525rem -26rem;
    padding: -0.4rem -0.838rem;
}

}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

.home #g-slideshow .g-content {
    margin: -0.525rem -34rem;
    padding: -0.4rem -0.838rem;
}


}



/* Smartphones */
@media (max-width: 600px) {

h1 {
    font-size: 2rem;
	line-height: 2rem;
    font-weight: 300;
  	color: #330000;
}

h3 { font-size: 1.2rem; line-height: 1.2rem;}

td {
    border: 2px solid #dedede;
    padding: 1rem;
}

.home #g-slideshow .g-container {
    background: none repeat scroll 0 0;
    height: 0px;
}

#g-slideshow2 {
    background: #f6f1dd url("") no-repeat scroll center center / cover ;
    color: #000;
    padding:  0;
}

.nopaddingphone { margin:-1rem; padding: -1rem ;}

h1 { font-size: 2rem;}   
h2 { font-size: 1.8rem; line-height: 1.8rem; font-weight: 300; color: #330000; }

h3 { font-size: 1.4rem; line-height: 1.6rem; font-weight: 300; color: #330000; }

.home h3 { font-size: 1.4rem; line-height: 1.6rem; font-weight: 300; color: #330000; }

.g-content {
    margin: 0.4rem;
    padding: 0.2rem 0.3rem;
}

.g-subpromo {
    font-family: "Roboto", "Lato","Helvetica","Tahoma","Geneva","Arial",sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 1;
	padding-bottom: 5px;
}

body p {
    margin: 0.4rem 0;
}

.visible-phone { display: block;}


 }