@charset "utf-8";
/*NOTE: all classes with 'Hover' as part of their name are basically handles for jquery controls, so instead of settign up:
							 .someclass:hover{}     which would be controled by simple css mouse hovers, you instead do:
 							 .someclassHover{}      which would basically house exactly the same style a normal hover would have but activated through jquery 
							 this way, you keep the jquery code clean and simple, while pushing all the styling  effects you want to achieve back into the css file... where they belong
							 Many reasons for doing it this way, iPods and iPhones dont register normal  css :hover events, so you're forced to use js to get the effect you want with hover and click events
 */ 
html,body,h1,h2,h3 {margin:0;padding:0;}
body {font-size: 15px; color:#302f2c;   margin:0; background:#f3f3f2 url(../images/body.jpg);  font-family: 'Raleway', sans-serif;} 
a {border:none; color: #A78615; }
a:hover { color: #DDB93C;}
h1 { font-size: 28px;line-height: 35px;text-align:left; font-weight:normal; margin-bottom: 20px;}
h2 {font-size:24px; color:#3256AD;font-weight: normal; }
h3 {font-size:21px; color:#3256AD;font-weight: normal!important; margin-top: 30px;}
h4 {font-style:italic;}
ul {}
p {line-height:19px;}
img {border:none;}
hr {border: none;border-top: 2px solid #206391; margin: 25px 0;}
input, button, select {outline:none;}

.clearfix:before { content: " "; display: table; }
.clearfix:after { content: " "; display: table; clear: both; }
.clickable {cursor:pointer;}
.clear {clear:both;}
.right {float:right}
.left {float:left}
.tel, .tel:hover {text-decoration:none !important; inline-blockor:default; color:white;}
::selection {background: #36415d; color:#fff;}
::-moz-selection {background: #36415d; color:#fff;}
::-webkit-selection {background: #36415d; color:#fff;}


.adaHide{position: absolute;z-index: -111;color: transparent;}
/*HEADER===============================================*/
.header-wrapper {background: #fff;}
	.header {position:relative; margin:0 auto; max-width:1095px; width:96%; /*background: url(../images/headerRight.jpg) no-repeat right;*/ padding:0 2%}
		.logo {display: block; float:left}
		.lol {position:absolute;top:0px; left:37%; margin-left:-200px; color:#C9C6C6; font-family: 'Pinyon Script', cursive; font-size:47px;line-height: 79px;padding-left:20px;}
		.navtop {position:absolute;top:10px; right:2%; }
		.navtop  a {display:inline-block; line-height:20px; padding:2px 5px;color: #F1E5D1;text-transform: uppercase;font-size: 12px;font-weight: bold;letter-spacing: 1px; background:#36415D; border-radius:3px;}
		
	/* Res Box */
	::-webkit-input-placeholder {color:#686D66; opacity:1;}
	:-moz-placeholder {color:#686D66;opacity:1;}
	::-moz-placeholder {color:#686D66;opacity:1;}
	:-ms-input-placeholder {color:#686D66;opacity:1;}
	
	.resClear {display:none}
	#resBox {position:absolute; bottom:12px; right:2%; margin: 12px 0 0 0; transition:margin 0.3s;}
	#greenBar #resBox {float:right;width: 47%;height:48px;margin:10px 0 0 0;padding:0 !important;}
	#resBox form {float: right; margin-right: 0;}
	#resBox label {width:40px;color:#fff;font-weight:bold;font-size:10px;text-transform:uppercase;margin:5px 2px 0 0;}
	#resBox .resLeft {float:left; margin-right: 5px;}
		.resDates {float: left; border:1px solid #2a3349; border-radius:3px;}
	#resBox .resRight {float:right;width:106px;}
	#resBox .resTop {}
	/*#resBox .resBtm {clear:left;margin:5px 0 0 27px;}*/
	.ui-datepicker{ z-index:2000 !important;}
	.ui-datepicker-trigger {margin:0 2px;cursor:pointer;}
	.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png);}
	.roomsLabel {margin-left:16px !important;}
	.btnBook {/*clear:both;margin:63px auto 0 auto !important;*/float: left;margin-top: 0px;  display: block ; border:0;width:150px;padding: 4px 0;background: #6f84af; border-radius:3px; color:white; cursor:pointer; transition:0.3s;
					box-shadow:inset 0px -22px 12px -10px rgba(0, 0, 0, 0.5);  -moz-box-shadow:inset 0px -22px 12px -10px rgba(0, 0, 0, 0.5);  -webkit-box-shadow:inset 0px -22px 12px -10px rgba(0, 0, 0, 0.5); }
	.btnBook:hover {background:#C1706F;}

	#checkIn, #checkOut, #numNights, #numRooms {height: 22px; line-height: 22px; border-radius: 3px; border: none;padding: 0px 5px; font-weight:bold; font-size: 12px;}
	#checkIn {position:relative;  width: 98px;margin-right: 0px;border-radius: 3px 0px 0px 3px; background: #FFF url(../images/calendar2.jpg) -5px top repeat-x;}
	#checkOut{position:relative;  width: 95px;border-radius: 0 3px 3px 0; padding-left:7px; background: white url(../images/calendar2.jpg) right top no-repeat;}

	.numSelect {position:relative; float:left;  }
		.numSelect div {font-size: 12px; font-weight: bold; color:#2D4423;}
		#numNights, #numRooms  {position:absolute; top:2px; left:3px; width: 102px; line-height: 18px;
							    -webkit-appearance: none; -moz-appearance: none; appearance: none; background:none;}
		#numNights {padding-left: 57px;}
		#numRooms {left:8px; padding-left: 55px;}
/*	@-moz-document url-prefix() {
		#checkIn, #checkOut, #numNights, #numRooms { font-size:10px;}
		#numNights, #numRooms  {padding-top:4px; padding-bottom:3px;}
	}*/

	.adults, .rooms {width: 99px; background: white url(../images/select2.jpg) no-repeat right top; height: 22px; line-height: 22px; padding-left: 5px; border-radius:3px; border:1px solid #2a3349;}
	.adults {}
	.rooms {margin-left: 5px;}
	/*disable android keyboard*/
	.fixed {position:fixed; top:0px;}	

	
@media screen and (max-width: 1110px) {
	.lol {left: 49%; font-size: 32px; top: 0px; left: 420px;}
	.header {background:none;}
}
@media screen and (max-width: 850px) {
	
}
@media screen and (max-width: 800px) {
	.numSelect {display:none;}
	.lol {display:none;}
}
@media screen and (max-width: 620px) {
	.navtop {display:none;}
	.resDates {display:none;}
	
	.logo {float:none; margin: 0 auto;}
	
	#resBox {float:none !important; position: relative; right:0;}
	#resBox form {float:none !important; margin: 17px auto 10px auto;}
		.resLeft {display:none;}
		.btnBook {float: none; margin: 0 auto !important; font-size: 17px; width: 183px;}
}

/*NAV==================================================*/
.nav-wrapper {position:relative; z-index: 1000;background:#2b334a;}
.nav-wrapper:before {content:""; position:absolute; top:4px; left:0px; width:100%; height:1px; background-color:#807d78;}
.nav-wrapper:after {content:""; position:absolute;z-index:1; bottom:-5px; left:0px; width:100%; height:19px; background: url(../images/navBottom.jpg);}
	.nav {margin:0 auto; max-width:1095px; width: 100%; padding: 15px 0% 25px 0%; text-align:center;}
	.nav li {position:relative; display: inline-block; margin:0 15px;}
	.nav li:before {content:"("; position:absolute; left:-14px; top: -1px; opacity:0; color:#A38853; font-size: 17px; pointer-events: none; transition:0.3s linear}
	.nav li:after {content:")"; position:absolute; right:-14px; top: -1px; opacity:0; color:#A38853;  font-size: 17px; pointer-events: none; transition:0.3s linear }
	.nav li:hover:before{ left:-7px; opacity:1;}
	.nav li:hover:after{ right:-7px; opacity:1;}
	.nav .li_hr {display:none;margin: 7px auto 4px;width: 470px;background: #807D78;border: none;height: 1px; pointer-events: none;}
	.nav li.mobile {display:none;}
	.nav li a { display: block; text-decoration:none; color:#f1e5d1; text-transform:uppercase;font-size: 12px;font-weight: bold;letter-spacing: 1px; line-height:18px;}
	.nav .menu {display:none !important; color:#f1e5d1; text-transform:uppercase;font-size: 12px;font-weight: bold;letter-spacing: 1px;font-size: 14px; width: 100% !important;text-align: center;border-top: none !important;line-height: 41px; cursor:default;}
	.nav .menu:after {content: "\f0c9";font-family: FontAwesome;position: absolute; top: -1px !important; right: 10px !important;font-size: 21px; opacity:1; color:#f1e5d1;}
		.subnav {display:none;  position:absolute;z-index: 200;top: 18px;left: 0px; width: 220px !important; width: 100%;background: #36415D;border: 1px solid #807D78; border-bottom:none;
						box-shadow: 1px 1px 7px #000; -moz-box-shadow: 1px 1px 7px #000; -webkit-box-shadow: 1px 1px 7px #000;}
		.subnav a {position:relative;padding:0px 10px;line-height: 28px !important;border-bottom: 1px solid #807D78; text-align: left; overflow:hidden; transition:0.3s}
		.subnav a:hover {background: #F1E5D1; color: #36415D}
		
@media screen and (max-width: 1145px) {	
	.nav .li_hr {display:block;}
}
@media screen and (max-width: 620px) {	
	.nav  {padding: 6px 0% 11px 0% !important;}
	.nav li {width:100%;  text-align: center; padding-left: 0; margin:0 !important; display:none; font-size: 14px; line-height:34px; border-top: 1px solid #424D6D; box-sizing: border-box; -moz-box-sizing: border-box;}
	.nav .li_hr {display:none;}
	.mobile {display:block ;}
	.nav .menu {display:block !important; }
	.nav .menu:hover {margin-bottom:15px;}
	.nav li a {line-height: 36px;}
	.subnav {display:block !important; position:relative; width:100% !important;top: 0px; background: #F1E5D1;
					box-shadow:inset 0 0 7px #000; -moz-box-shadow:inset 0 0 7px #000; -webkit-box-shadow:inset 0 0 7px #000;}
	.subnav  a { border:none !important; border-top: 1px solid #A9ACB6  !important; background: none !important; color: #36415D !important ;padding:0px 5% !important;}
	.subnav  a:first-child {border:none !important;}
	.subnav:after {content: "\f0d7";font-family: FontAwesome;position: absolute;top: -14px;left: 50%;margin-left: -12px;font-size: 35px;}
}


/*BANNER IMAGE=========================================*/	
.banner{position:relative; margin:0; padding: 0; list-style:none; background:#F4F2F3; max-height:440px; overflow:hidden;
			box-shadow: 0 2px 11px 0px rgba(0, 0, 0, 0.78); -moz-box-shadow: 0 2px 11px 0px rgba(0, 0, 0, 0.78); -webkit-box-shadow: 0 2px 11px 0px rgba(0, 0, 0, 0.78);}
.banner:after {content:""; position:absolute; z-index:200; bottom: 0px; left:0; width:100%; height:9px;background:url(/templates/client/images/bannerBottom.jpg) repeat-x;}
.banner li {display:none; float: none !important; background-size: 100% auto; background-repeat:no-repeat; background-position:center center;
/*background: no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";*/
}
.banner li:first-child {display:block;}
.banner li img {width:100%; height:auto; max-height:440px; object-fit: cover;}

/*CONTENT===============================================*/
.content {max-width:1100px; width:92%; margin:0 auto; background:white; padding:55px 4% 35px 4%;  overflow:hidden;
				box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.26);-moz- box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.26); -webkit-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.26);}
	.content-inner {float:left; width:66%; padding-right:4%}
.content > p img, .content > table  img {margin: 10px;padding: 4px;border: 2px solid #A78615;}	
.content ul {list-style:none; margin-bottom: 25px;padding-left: 2%;}
.content ul li {position:relative; padding-left: 26px;}
.content ul li:after {position:absolute; left:5px; content:"•"; font-size:40px;top: -16px; color:#304D96}
.content table {display: inline-block;width: 49%;vertical-align:top; }
.content table ul {padding:0 2%;}
.content table  th  {text-align:left;    font-size: 24px;color: #3256AD; font-weight: normal;}
.content table  td {vertical-align:top; }

		/*accolades home specific */
		.accolades {text-align:center;}
		.accolades > div {display:inline-block;}
		.accolades > div:nth-child(2) {clear:both}
		
		#TA_excellent235 {top: -10px; position: relative;}
			#CDSWIDEXC {margin: 10px auto !important;}
		#TA_cdsratingsonlynarrow890 {position: relative; top: -60px;}
		#TA_rated501 {position: relative; top: -10px;}
  		
		@media screen and (max-width: 700px) {	
			.accolades {max-width: 470px;  margin: 0 auto;}
		}
		@media screen and (max-width: 630px) {	
			#TA_cdsratingsonlynarrow890 { top: -20px;}
		}
		@media screen and (max-width: 430px) {	
			.accolades {max-width:200px}
			#TA_cdsratingsonlynarrow890 {top: -20px;}
		}
	.popups  {text-align:center;}
	.popups a {display:inline-block;}
		
	/*latrobe info tables */
	.content .latrobe { position:relative; display:table; float:left;width:50%; margin-top:10px;   box-sizing:border-box; -moz-box-sizing:border-box;  }
	.content .latrobe:first-of-type { border-right:none;}
	.content .latrobe tr:first-child {font-weight:bold;}
	.content .latrobe td {width:33.3%; padding:3px 2%; border-left: 1px solid #FFF;  border-left: 1px solid #FFF; background: #C3CDE9; }
	.content .latrobe tr:first-child td {background: #AFB8D1;}
	.content .latrobe:first-of-type td:first-child {border:none; padding-left:5%}
	.content .latrobe:last-of-type td:last-child {padding-right:5%}
	.content .latrobe:after {display:none; content:""; position:absolute; height:110%; width:9px; top:-5%;  left:0;background: #2A3349; border-radius:5px;
														box-shadow:3px 0 5px -2px rgba(0, 0, 0, 0.44), inset 5px 0px 5px -2px rgba(255, 255, 255, 0.40); -moz-box-shadow:3px 0 5px -2px rgba(0, 0, 0, 0.44), inset 5px 0px 5px -2px rgba(255, 255, 255, 0.40); -webkit-box-shadow:3px 0 5px -2px rgba(0, 0, 0, 0.44), inset 5px 0px 5px -2px rgba(255, 255, 255, 0.40);}
	.content .latrobe:before {content:""; position:absolute; height:110%; width:9px; top:-5%;  right:0;background: #2A3349; border-radius:5px;
														box-shadow:-3px 0 5px -2px rgba(0, 0, 0, 0.44), inset 5px 0px 5px -2px rgba(255, 255, 255, 0.40); -moz-box-shadow:-3px 0 5px -2px rgba(0, 0, 0, 0.44), inset 5px 0px 5px -2px rgba(255, 255, 255, 0.40); -webkit-box-shadow:-3px 0 5px -2px rgba(0, 0, 0, 0.44), inset 5px 0px 5px -2px rgba(255, 255, 255, 0.40); }	
	.content .latrobe:first-of-type:after {display:block;}
	.content .latrobe:first-of-type:before {display:none;}
    @media screen and (max-width: 820px) {	
		.content .latrobe {float:none;width:100%; }
		.content .latrobe td:first-child {padding-left:5%}
		.content .latrobe td:last-child {padding-right:5%}
		.content .latrobe:after, .content .latrobe:before {display:block !important}
	}
	
	
	/*info boxes*/
	.infoBox, .infoBox2 {position:relative; padding:10px 2% ; color: #000; background:#C3CDE9; margin: 18px 0; border-radius:5px;border-left:9px solid white; border-right:9px solid white; box-sizing:border-box; -moz-box-sizing:border-box; 
								box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.23); -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.23); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.23);}
	.infoBox2 {padding-right:216px ; width: 100%}
	.infoBox img, .infoBox2 img {padding:0px !important; border:none !important; margin:0 !important;}
	.infoBox a {color: #36415D;}
	.infoBox2 a,
	.button {position: absolute;/*width: 170px;*/right: 2%;top: 50%;margin-top: -14px;background: #36415D;color: #FFF;border-radius: 3px;line-height: 27px;padding: 0 10px;transition:0.3s;
						 box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.23); -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.23); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.23);}
						 
	.button {position: relative;left:inherit; right: inherit;top: 0px;padding: 10px 15px;}
						 
	.infoBox2 a:hover,
	.button:hover {background:#425486; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.23); -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.23); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.23);}
	.infoBox3 {position:relative; padding:10px 2% 10px 81px; line-height: 44px; margin: 18px 0;  background:#C3CDE9 url(../images/no-smoking.png) no-repeat 10px center;  border-radius:5px;border-left:9px solid white; border-right:9px solid white; box-sizing:border-box; -moz-box-sizing:border-box; 
					box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.23); -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.23); -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.23);}
	.infoBox:after, .infoBox2:after, .infoBox3:after {content:""; position:absolute; height:110%; width:9px; top:-5%;  left:-9px;background: #2A3349; border-radius:5px;
													box-shadow:3px 0 5px -2px rgba(0, 0, 0, 0.44), inset 5px 0px 5px -2px rgba(255, 255, 255, 0.40);
													-moz-box-shadow:3px 0 5px -2px rgba(0, 0, 0, 0.44), inset 5px 0px 5px -2px rgba(255, 255, 255, 0.40);
													-webkit-box-shadow:3px 0 5px -2px rgba(0, 0, 0, 0.44), inset 5px 0px 5px -2px rgba(255, 255, 255, 0.40);}
    .infoBox:before, .infoBox2:before, .infoBox3:before {content:""; position:absolute; height:110%; width:9px; top:-5%;  right:-9px;background: #2A3349; border-radius:5px;
													box-shadow:-3px 0 5px -2px rgba(0, 0, 0, 0.44), inset 5px 0px 5px -2px rgba(255, 255, 255, 0.40);
													-moz-box-shadow:-3px 0 5px -2px rgba(0, 0, 0, 0.44), inset 5px 0px 5px -2px rgba(255, 255, 255, 0.40);
													-webkit-box-shadow:-3px 0 5px -2px rgba(0, 0, 0, 0.44), inset 5px 0px 5px -2px rgba(255, 255, 255, 0.40);}	

.dlcatmenu{display: block;width: 100%;background: #374871;text-align: center;color: #fff;font-size: 1.2em;border-radius: 10px;margin-top: 10px;padding: 30px 10px;box-sizing: border-box;border: 3px solid #ecb36a;border-left: 0;border-right: 0;}
.dlcatmenu strong{display: block;text-transform: uppercase;font-size: 1.2em;background: #e9b16a;padding: 5px 20px;border-radius: 6px;margin-top: 6px;margin-bottom: 6px;color: #000;text-shadow: #00000038 1px 1px 3px;font-weight: bolder;}
.infoside{float:right;width:25%;margin-left:5%;}
.infoside,.infoside *{ box-sizing: border-box;}
.infoside img{ border-radius:6px; border: 3px solid #ecb36a; border-left: 0; border-right: 0; }
@media screen and (max-width: 960px) {	
	.infoside{float:none;width:100%;margin-left:0%; display: flex; }
	.infoside img{width: 100%;height: 100% !important;box-sizing: border-box;}
	.dlcatmenu{display: flex;flex-flow: column;justify-content: center;align-items: center;align-content: center;font-size: 1.6em;margin: 0 0 0 20px;}
	.infoBox2 {    padding: 10px 2%; width: 100%;}
}
@media screen and (max-width: 620px) {
	.infoside{ display: block; }
	.infoside img{width: 100%;height: auto !important;}
	.dlcatmenu{margin: 20px 0 20px 0;}
}
	/*CTAS==================================================*/
	.ctas {float:right;width:30%;}
	.ctas > div {float:right; background:#d8d4d3; color:#595651; width:100%; max-width:290px; margin-bottom:15px;}
	.ctas > div img {width:100%; height:auto;}
	.ctas > div h2 {position:relative;margin-top: -4px; text-align:center; line-height:47px; background:#2a3349; text-transform:uppercase; font-size: 19px; color:#d8d4d3 !important;}
	.ctas > div h2 a {color:#d8d4d3 !important;}
	.ctas > div  p {padding: 13px 6%; font-size: 13px; line-height: 17px; margin:0;}
	.ctas i {display:none;}
		/*blog excerpt*/
		.ctas > div .latestExcerpt {padding: 13px 6%; font-size: 13px;}
		.ctas > div .excerptTitle, .ctas > div .datecatText {display:none}
	

@media screen and (max-width: 700px) {	
	
	.content-inner, 
	.ctas {float:center;width:100%; margin-bottom:30px;}
	.ctas > div { max-width:none;}
	.ctas > div img {display:none;}
	.ctas > div  p,
	.ctas > div .latestExcerpt  {font-size: 15px;}
	.ctas i {display:inherit; position:absolute; right:4%; top:50%; margin-top:-10px;}
	.content table {width:100%;}
	 .infoBox2  {padding:10px 2% 10px 3%;}
	.infoBox2 a {position:relative;clear:both; right:inherit; left:0px; margin-top:5px}
}
@media screen and (max-width: 620px) {	
	.content > p img, .content > table  img {display:block; float:none !important; margin:10px auto !important; width:100%; height:auto; max-width:290px;}
	.infoBox br {display:none}
	.infoBox img {margin:0px !important;}
}
@media screen and (max-width:430px) {	
	.infoBox, .infoBox2, .infoBox3  {background:#C3CDE9; padding:10px 3% 10px 3%;}	
}




/*WEDDINGS -----*/
.quote {position:relative;border-radius:5px;margin: 30px auto 10px auto;padding: 20px 20px 20px 120px;max-width: 800px;font-size: 18px;line-height: 22px;box-shadow: 0px 12px 10px -12px rgba(0, 0, 0, 0.35);background: #d2bf95; font-style:italic;}
.quote:before {content:"\f10d";font-family: FontAwesome!important;font-size: 50px;color: rgba(14, 14, 14, 0.19);position:absolute;top: 50%;margin-top: -9px;left: 33px;transition:0.3s;}
.quoter {text-align:right;margin: 1px auto 10px auto;font-size: 20px;padding: 10px;max-width: 800px;}

/*BLOG--------------------------------------------------------------------------------------------------*/

.excerptThumb {display:none;}
.excerptTitle {margin: 0 0 7px 0; font-size: 20px;}
.excerptTitle a {position:relative; text-decoration:none; color: #3256AD;}
.excerptTitle a:before {position:absolute;content:""; width:100%; height:2px; bottom:0px; left:0px; background: #fff;  transition:background 0.4s}
.excerptTitle a:hover:before {background: #6B99B8;}
.datecatText {display: inline-block;background: #C3CDE9;padding:3px 7px; border-radius: 3px; margin-bottom: 15px;}
.datecatText a {color:#FFF;     text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.49);}
.datecatText a:hover {color: #A78615;}
.excerptContent {margin-top:10px;}
	/*Sidebar listings*/
	#sidebar {position:relative;z-index:1;  width:100%;  padding: 0 !important; margin-bottom:20px;}
	#sidebar:before {content: "";position: absolute; z-index:-1; width: 300%;margin-left: -115%;height: 100%;background: #2B334A;
							   box-shadow: inset 0 8px 7px -8px rgba(0, 0, 0, 0.65),0 8px 7px -8px rgba(0, 0, 0, 0.39); -moz-box-shadow: inset 0 8px 7px -8px rgba(0, 0, 0, 0.65),0 8px 7px -8px rgba(0, 0, 0, 0.39); -webkit-box-shadow: inset 0 8px 7px -8px rgba(0, 0, 0, 0.65),0 8px 7px -8px rgba(0, 0, 0, 0.39);}
	#sidebar h3 { font-family:"Times New Roman", Times, serif; font-weight:bold; font-size: 14px; color:#CBCDCE; margin: 5px 0 7px 0;}
	#sidebar  a {color:#fff; text-decoration:none ; }
	#sidebar > ul {list-style:none !important; padding:10px  0 10px  0 ; margin: 0 !important;}
	#sidebar > ul  li {padding-left: 0px;}
	#sidebar > ul li:after {display:none;}
	#sidebar .button {font-size: 14px; font-weight:normal; font-family: 'Fjalla One', sans-serif; margin-top: -2px; padding: 2px 11px; text-transform:lowercase; display: inline-block; color: #F8F8F8;background: #4A7986 ;border-radius: 20px;  text-align: center;  transition: 0.4s;
					box-shadow: inset 0px -27px 27px -10px rgba(255, 255, 255, 0.22), 1px 1px 6px rgba(0, 0, 0, 0.49) ;
					-moz-box-shadow: inset 0px -27px 27px -10px rgba(255, 255, 255, 0.22), 1px 1px 6px rgba(0, 0, 0, 0.49) ;
					-webkit-box-shadow: inset 0px -27px 27px -10px rgba(255, 255, 255, 0.22), 1px 1px 6px rgba(0, 0, 0, 0.49) ;}
	#sidebar .button:hover {background: #307B91;
					box-shadow: inset 0px -27px 27px -10px rgba(255, 255, 255, 0.22), 1px 1px 6px rgba(0, 0, 0, 0.49) ;
					-moz-box-shadow: inset 0px -27px 27px -10px rgba(255, 255, 255, 0.22), 1px 1px 6px rgba(0, 0, 0, 0.49) ;
					-webkit-box-shadow: inset 0px -27px 27px -10px rgba(255, 255, 255, 0.22), 1px 1px 6px rgba(0, 0, 0, 0.49) ;}
	.blogListDate ul {min-height:inherit;  list-style:none; padding:0;  margin:0px !important;}
	.blogListDate li {position:relative; height: 19px; float:left; margin: 0 12px 0 0;}
	.blogListDate li:before {position:absolute;content:""; width:100%; height:2px; bottom:1px; left:0px;  transition:background 0.4s}
	.blogListDate li:hover:before {background: #B9CADD;}
	.blogListDate span {display:inline;}
	.blogListAll a {}
	
	.blogitem {margin-top: 20px; }
	.blogitem:before { content: " "; display: table; }
	.blogitem:after { content: " "; display: table; clear: both; }
	.blogitem img { float: left; margin:0 20px 10px; padding: 4px; border: 2px solid #A78615;/*display:none;*/}
	.pageContainer > div a, .viewAll {
		margin-top: 15px;
		background: #36415D;
		color: #FFF;
		border-radius: 3px;
		line-height: 27px;
		padding: 3px 10px;
		transition: 0.3s;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.23);
		-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.23);
		-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.23);}
		
		.pageContainer > div a:hover, .viewAll:hover {background: #425486; color:white !important;}

	@media screen and (max-width: 620px) {	
		.blogitem img {display:none;}
	}

/*FOOTER ---------------------------------------------------------------------------------------------*/
.footer-wrapper {position:relative; background:#2a3349; 
							box-shadow: 1px 1px 13px rgba(0, 0, 0, 0.44); -moz-box-shadow: 1px 1px 13px rgba(0, 0, 0, 0.44); -webkit-box-shadow: 1px 1px 13px rgba(0, 0, 0, 0.44);}
.footer {margin:0 auto; max-width: 1100px; font-size:13px; padding:15px 4%; text-align:center; color:#d8d4d3; }
.footer h2 {font-size:19px; color:#d8d4d3; margin-bottom:5px;}
	.newsletter, .address, .social {width:33.3%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; padding: 15px 3%;}
	.newsletter a {padding: 0 6px; font-size: 13px;}
	.newsletter a:hover {color:#fff;}
		.mailing-list {margin-top:5px;}
		.mailing-list input {padding: 1px 4px;}
		.mailing-list #submitButton {background:#A78615; border:none;  margin: 0px;line-height: 20px;color: #FFF; cursor:pointer; transition:0.3s;}
		.mailing-list #submitButton:hover {background:#CAA834;}
	.social h2 {margin-bottom:13px;}
	.social h2 i {color:gray; padding-left:7px;font-size:14px;  transition: 0.3s; }
	.social h2:hover i {color:white;}
	.social a {color:#fff !important; font-size: 14px;}
		.facebook, .googlePlus {display:inline-block; border:none; position:relative;  width:35px; height:22px;  color:white; overflow:hidden;  text-align:left;transition:0.3s; color:white !important;
					box-shadow:inset 0 29px 16px -23px rgba(255, 255, 255, 0.53), inset 0 -13px 16px -10px rgba(0, 0, 0, 0), 1px 1px 6px rgba(0, 0, 0, 0.4);
					-webkit-box-shadow:inset 0 29px 16px -23px rgba(255, 255, 255, 0.53), inset 0 -13px 16px -10px rgba(0, 0, 0, 0), 1px 1px 6px rgba(0, 0, 0, 0.4);
					-moz-box-shadow:inset 0 29px 16px -23px rgba(255, 255, 255, 0.53), inset 0 -13px 16px -10px rgba(0, 0, 0, 0), 1px 1px 6px rgba(0, 0, 0, 0.4);
					/*box-shadow: inset 0 -15px 0px -5px rgba(255, 255, 255, 0.16); 
					-webkit-box-shadow: inset 0 -15px 0px -5px rgba(255, 255, 255, 0.16);
					-moz-box-shadow: inset 0 -15px 0px -5px rgba(255, 255, 255, 0.16);*/}
		.facebook:after, .googlePlus:after {font-family: FontAwesome!important; font-size: 17px; color:white; position:absolute; width:100%; height:100%; top: 3px; left: 520px; transition:0.3s}
		.facebook, .googlePlus {background: #5A7DD8;  margin:3px 0 0 0; padding: 0 13px 0 25px;line-height: 20px; cursor:pointer; }
		.facebook:after {content:"\f09a"; top: 1px; left: 10px;}		
		.facebook:hover, .googlePlus:hover {box-shadow: inset 0 29px 16px -23px rgba(255, 255, 255, 0.53), inset 0 -29px 16px -23px rgba(255, 255, 255, 0.53), 1px 1px 6px rgba(0, 0, 0, 0.4); 
							 -webkit-box-shadow:inset 0 29px 16px -23px rgba(255, 255, 255, 0.53),inset 0 -29px 16px -23px rgba(255, 255, 255, 0.53), 1px 1px 6px rgba(0, 0, 0, 0.4);
							 -moz-box-shadow: inset 0 29px 16px -23px rgba(255, 255, 255, 0.53), inset 0 -29px 16px -23px rgba(255, 255, 255, 0.53), 1px 1px 6px rgba(0, 0, 0, 0.4);}
		.facebook  {border:0px;}
		.TA_socialButtonBubbles {display:inline-block;}
/*		.googlePlus {display:block;width: 105px; background:#D44233; margin:0 auto; padding-left: 32px;}
		.googlePlus:after {content:"\f0d5"; top: 1px; left: 10px;}*/

		
.footer h2 {color:#fff; font-weight:normal; margin-top:0px ;}
.footer a {color:#d5ccd4;}

/*.compucast {display:none;background:#f3f3f2 url(../images/body.jpg); margin-bottom: 30px;}
.compucast  > div {max-width:1100px; width:92%; text-align:center; margin:0 auto; background:white; padding:20px 4%;  font-size:13px;
							box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.26); -moz-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.26); -webkit-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.26);}*/

/*COMPUCAST LOGO CSS start-----------------------------*/
.old-ie {display:none;}
.cc2:hover{fill:rgba(0,0,0,0.4);}

.compucast {display:block; position:relative;  margin:10px auto; width:58px; height:64px;  color:black;  border-radius:2px; overflow:hidden; transition:0.5s 1.4s;}
.compucast.dark {color:white;}
	.logo1, .logo2, .old-ie {position:absolute; top:50%; right:10px; margin-top: -13px; opacity:1.5; transition:0s}
.compucast:hover, .compucast_hover {width:225px; background:rgba(0, 0, 0, 0.04); box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);-moz- box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);transition:0.3s 0s;}	
.dark:hover { background:rgba(255, 255, 255, 0.12); }
	.compucast p {position:absolute; left:-200px; margin: 0 0 0 10px; line-height: 21px; padding: 11px 0; font-family:Arial,"Times New Roman", Times, serif; font-size:12px; color: #808080; opacity:0; transition:0.5s 1.4s;}
	.compucast a {font-size:14px; font-weight:bold; color: #000; text-decoration:none; }
	.compucast:hover p {left:0px; opacity:1; transition:0.4s 0.0s;}
	.compucast.dark:hover p { color: #AFACAC;}
	.compucast.dark a {font-size:14px; color: #fff;}
	
	/*color classes: colored , white and black*/
	.purple {fill:#7F3F98}
	.green {fill:#00A14B}
	.black1 {fill:rgba(0,0,0,1)}
    .black2 {fill:rgba(0,0,0,0.5)}
	.white1 {fill:rgba(255,255,255,1)}
    .white2 {fill:rgba(255,255,255,0.5)}	
/*COMPUCAST LOGO CSS end-------------*/

@media screen and (max-width: 800px) {
	.mailing-list input{width: 123px !important;}
}
@media screen and (max-width: 700px) {
	.newsletter, .address, .social {width:100%; }
	.address {  border:none; border-top:1px solid #424D6D; border-bottom:1px solid #424D6D;}
}



/* NEWSLETTER POPUP */
#newsPop {
	font-size: 14px;
	line-height: 18px;
	color: #cdc4b3;
	text-align: center;
	display:none; position:relative; width:auto; padding:30px; background: #2a3349; margin:0 auto;
}
#newsPop .ctaTitle { font-family:'Rye', serif; font-size:24px; line-height:26px; padding-bottom:10px; margin-bottom:0px; text-transform:uppercase; color:#fff; }
#newsPop .field { width:92%; padding:0px 4%; margin-top:10px; background:#fff; border:0px; height:40px; line-height:40px; color:#000; text-align:center; font-size:18px; }
#newsPop .submit { width:50%; text-align:center; background:#cdc4b3; border:0px; border-radius:5px; margin-top:15px; padding:10px 0px; color:#732e33; font-family:'Oswald'; font-size:18px; line-height:18px; text-transform:uppercase; }

#newsPop ::-webkit-input-placeholder { color:#635a7d; font-style:italic; }
#newsPop :-moz-placeholder { /* Firefox 18- */ color:#635a7d; font-style:italic; }
#newsPop ::-moz-placeholder {  /* Firefox 19+ */ color:#635a7d; font-style:italic; }
#newsPop :-ms-input-placeholder { color:#635a7d; font-style:italic; }
#newsPop .closeWindow { position:absolute; top:-10px; right:-10px; display:block; width:40px; height:40px; color:#fff; font-size:40px; text-shadow:0px 2px 10px #000; }

.fancybox-overlay-fixed { background: url(https://cdn.jsdelivr.net/fancybox/2.1.5/fancybox_overlay.png) !important;}

/* ResponsiveSlides */
ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
ul.rslides li:first-child { position: relative; display: block; float: left; }
ul.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }