@charset 'utf-8';
/* CSS DOCUMENT */
html , body {height:100%!important;}
.loading {position:fixed; width:100%; height:100%; overflow:hidden; background:#fff url('../images/page_template/loading.gif') no-repeat center; z-index:999999; }
.hide {position:relative; overflow:hidden; }
.ease {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loader {position:relative; background:#fff url('../images/page_template/loading.gif') no-repeat center; overflow:hidden; }

	/*********
	Modal dialog added on Nov 14 2017 BK oscontract@gmail.com
*********/

.modalDialog {
		position: fixed;
		font-family: Arial, Helvetica, sans-serif;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
	}

	.modalDialog:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialog > div {
		width: 70%;
		height:70%;
		overflow-y:scroll;
		overflow-x:hidden;
		position: relative;
		margin: 5% auto;
		padding: 5px 20px 20px 20px;
		border-radius: 10px;
		background: #fff;
		background: #FFF;
	}

	.close {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: 2px;
		text-align: center;
		top: 2px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.close:hover 
	{ 
	background: #00d9ff; 
	}

	/*********
	Modal dialog added on Nov 14 2017 BK oscontract@gmail.com
*********/

/*********
	Page Template
*********/
#main-container { height:100%; height: auto !important;}
p { font-size:14px; font-family:'Tahoma';}
.hover-btn:hover,.hover-btn:hover a {background:#0f92d5; border-radius:5px;}
.opac:hover {opacity:0.9 ;}

#header-wrapper {width: 100%; height:auto;}

.symg-header {max-width:1024px; height:auto; margin:0 auto;}	

.logo{ display:block!important; float:left; max-height:116px;}
.symg-right-info{width:320px; height:116px; float:right;}
.symg-right-info p {font-size:19px; font-family:'ProximaRegular'; color:#97a9b5; text-transform:uppercase;}
.symg-right-info p span {font-size:35px; font-family:'ProximaBold'; color:#155780; margin:0px 5px;}

@media only screen and (max-width: 900px){
	.logo{float:none!important; max-width: 511px; margin:0 auto!important; margin-bottom:25px!important;}	/*  puts logo in the center of the browser  */
	.symg-right-info{float:none!important; margin:0 auto!important;}	/*  puts class .symg-right-info in the center of the browser  */
	.symg-right-info p{float:none;}
}
@media only screen and (max-width: 600px){
	.logo a, .logo a img{width:100%!important; height:auto; display:block; margin:auto;}	/*  makes image responsive (image must have width and height 100%)  */
}
@media only screen and (max-width: 500px) {
	.logo{margin-bottom:25px!important;}
	.symg-right-info{width: 95%!important;}
	.symg-right-info p{font-size: 14px;}
	.symg-right-info p span{font-size: 27px;}
	.social-fb .fb{float: none!important; margin: 0 auto!important;}
	.social-fb .search{float: none!important; margin: 0!important; margin-top: 15px!important; margin: 0 auto!important;}
	.social-fb .search{width: auto; margin: 0!important; position: relative; top: 10px;} 
	.social-fb .fb{width: auto; margin: 0!important;} 
}
@media only screen and (max-width: 350px){	/*  we reduce font gradually to fit it's parent container  */
	.symg-right-info p{font-size: 12px;}
	.symg-right-info p span{font-size: 24px;}
}

.search {margin:0px 3px;}
.search input[type="text"]{float:left; width:120px; height:16px; font-family:'Tahoma'; padding:5px; border-radius:5px; border:1px solid #dedede; }
.search input[type="submit"]{float:left; width:27px; height:28px; background:url('../images/page_template/search_btn.png') no-repeat; margin:0px 2px; border:none;}

.symg-menu-container { height:33px; background:#213f57;}
.menu { max-width:1070px; height:33px; margin:0 auto;}	/*  max-width enables container to shrink and to be responsive. All inner elements must have dimensions in % accordingly  */
.menu ul { width:100%; height:auto!important; text-align:center;}
.menu > ul > li { height:33px; position:relative !important; display:block; float:left; vertical-align:middle; font-size:12px; font-family:'Tahoma'; font-weight:bold; color:#fff; text-transform:uppercase; }
.menu a{padding:0px!important; margin:0px!important;}

#menu-selected{width:7%;} 	/*  all menu items have dimensions in % to enable responsiveness  */
#why{width:11%;}
#trips{width:14%;}
#calendar-pricing{ width:17%;}
#guides{width:8%;}
#blog{width:8%;}
#faq{width:8%;}
#contact{width:12%;}
#store{width:10%;}

.menu ul li:last-child a{border-right:none;}
.menu ul li a {display:block; width:100%; height:100%; color:#fff; line-height:32px;}
.menu > ul > li > a{border-right:1px solid #4c5f7a;}
.menu ul li:hover .arrow-down {position:absolute; bottom:-6px; width:100% !important; height:6px;  background:url('../images/page_template/arrow_down.png') no-repeat;  }
.menu ul li a:hover  {background:#4f6686;}
.menu-selected a {background:#4f6686 !important;}
.menu-selected ul li a {background:none !important; border-right:none!important;}
.menu-selected ul li a:hover {background:#4f6686 !important;}

/*** DROPDOWN ***/
.menu ul li ul {display:none; position:absolute; min-width:200px; background:#dedede; padding-top:10px; z-index:999999;}
.menu ul li ul li {display:block; font-size:14px; font-family:'Tahoma'; padding:0px !important; text-align:left !important; text-transform:none; border-right:none;}
.menu ul li ul li a {color:#09283d; text-indent:7%;}
.menu ul li ul li a:hover {color:#fff;}

@media only screen and (max-width: 800px){	/*  we reduce font gradually to fit it's parent container  */
	.menu > ul > li{
		font-size: 10px;
	}
}
@media only screen and (max-width: 700px){
	.symg-menu-container, .menu{
		height: auto!important;
	}
	.menu > ul{
		height: auto!important;
	}
	.menu > ul > li{
		display: block;
		width: 100%!important;
		font-size: 12px;
	}
	.menu ul li a{
		border-right: none!important;
	}
	.menu > ul > li > a{
		width: 100%!important;
	}
	.arrow-down {
		display: none;
	}
}

#footer-wrapper {margin-top:40px;}
.symg-footer {position:relative; width:100%; background:#212121; padding:10px 0px;}
.symg-footer-content {max-width:1024px; margin:0 auto;}
.footer-logo {display:block; width: 7.7%!important; height:40px; float:left; vertical-align:middle; z-index: 9999!important;}
.footer-info {display:block; width: 91%!important; float:right; vertical-align:middle; color:#4b4b4b; text-align:left;}
.footer-bottom {width: 100%; margin:0 auto; border-top:1px solid #161616; margin-top:5px; padding-top:10px;}
.f-b-content {max-width:1024px; margin:0 auto;}
.f-b-content p {font-size:13px; color:#6c6c6c;}

@media only screen and (max-width: 1100px){
	.symg-footer-content{
		width: 95%;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 900px){	/*  we reduce class footer-info gradually to fit it's parent container and to remain within the limits */
	.footer-info{
		width: 85%!important;
	}
}
@media only screen and (max-width: 550px){
	.footer-info{
		width: 80%!important;
	}
}
@media only screen and (max-width: 420px){
	.footer-info{
		width: 75%!important;
	}
}
@media only screen and (max-width: 320px){
	.footer-info{
		width: 70%!important;
	}
}
@media only screen and (max-width: 1000px){
	.f-b-content{
		width: 95%!important;
	}
}
@media only screen and (max-width: 500px){
	.f-b-content > p{
		width: 95%!important;
		float: none!important;
		text-align: center;
		margin-top: 15px;
	}
}

/*********
	END Page Template
*********/

/** FONT FACE **/
@font-face {
    font-family: 'ProximaRegular';
    src: url('../fonts/proximanova-regular.eot');
    src: url('../fonts/proximanova-regular.eot') format('embedded-opentype'),
         url('../fonts/proximanova-regular.woff') format('woff'),
         url('../fonts/proximanova-regular.ttf') format('truetype'),
         url('../fonts/proximanova-regular.svg#ProximaNovaRegular') format('svg');
}
@font-face {
    font-family: 'ProximaBold';
    src: url('../fonts/proximanova-bold.eot');
    src: url('../fonts/proximanova-bold.eot') format('embedded-opentype'),
         url('../fonts/proximanova-bold.woff') format('woff'),
         url('../fonts/proximanova-bold.ttf') format('truetype'),
         url('../fonts/proximanova-bold.svg#ProximaNovaBold') format('svg');
}

/*** FONT END ***/

.symg-main2 {max-width:1024px; margin:0 auto 0px auto;} 

/* Added by Jorma */
.itinerary-right {
    margin-right: 25px;
}

/***** [Home Page] 	*****/
.symg-main {max-width:1024px; margin:20px auto 0px auto;}	/*  max-width enables container to shrink and to be responsive. All child elements must have dimensions in % accordingly  */

.home-list {max-width:1024px; margin: 0 auto;}
.home-list ul {width:100%; text-align:center; margin-bottom:50px; }
.home-list ul li {position:relative; display:block; float:left; vertical-align:top; padding-left: 0.008%; padding-right: 0.008%;}
.home-list ul li:last-child img {border:none;}

#h-listing_1{width:41.4%;}
#h-listing_2{width:39.8%;}
#h-listing_3{width:18.04%;}

#h-listing_1 .h-listing{max-width: 398px!important; max-height: 173px;}
#h-listing_2 .h-listing{max-width: 382px!important; max-height: 174px;}
#h-listing_3 .h-listing{max-width: 164px!important; max-height: 159px;}
.home-list ul li img{width: 100%; height: auto; display: block; margin: auto;}

.btn-home {position:absolute;  bottom:20px; right:30px;}
.find-btn {position:absolute;  bottom:-7px; right:30px;}
.learn-more-btn a {display:block; width:115px; font-size:18px; font-family:'Tahoma'; color:#c0e6ff; background:#0e8ed0 url('../images/home/learn_btn.jpg') repeat-x top; padding:5px 0px; border-radius:5px; border:1px solid #0c70a4;}   

.featured-tips {max-width:361!important; display:block; position:absolute; bottom:0; left:10px; background:url('../images/home/bg_dim.png'); padding:10px; text-align:left;}

.featured-tips h5 {font-size:20px; font-family:'Tahoma'; font-weight:bold; color:#fff;}
.featured-tips p {font-size:16px; color:#fff;}

@media only screen and (max-width: 750px) {
	.home-list ul li{
		float:none !important;
		width: 70%!important;
		margin: 0 auto;
		margin-bottom: 20px;
	}
}

/***** [Testimonials Page] *****/
.testimonials p{color:#3b3b3b;}
.testimonialInfo a{color:blue; font-style:italic; font-weight:normal}
.testimonials .testimonialInfo {font-weight: normal}

/***** [Contact Us Page] *****/
.symg-inner {max-width:953px; margin:20px auto;}
.symg-inner p{color:#3b3b3b;}
.symg-inner h1 {font-size:30px; font-family:'ProximaBold'; font-weight:bold; color:#173b55; padding-bottom:5px; }
.contact-left-img {width:32.4%; max-height:441px;}	/*  percentages enable elements to be responsive - to shrink accordingly to parent element  */
.contact-left-img img{width:100%; height:auto; display:block; margin:auto;}
.contact-right-info {width:65%; height:auto;}
.contact-right-info label {float:left; max-width:165px; font-size:14px; color:#3b3b3b;}
.contact-right-info p {font-size:14px; color:#3b3b3b;}
.contact-right-info ul li {padding:10px 0;}
.learn-symg {padding-top:20px;}
.learn-symg p span {color:#3c90d0; padding:2px 20px;}

@media only screen and (max-width: 1000px){
	.symg-inner h1.charitable-donations{
		text-align: center!important;	
	}
}
@media only screen and (max-width: 800px){
	.symg-inner h1{
		font-size: 25px;
	}
}
@media only screen and (max-width: 700px){	/*  on this width, we put elements one beneath the other  */
	.contact-left-img{
		float: none;
		width: auto;
		max-width: 309px;
		max-height: 441px;
		margin: 0 auto;
	}
	.contact-right-info {
		float: none;
		width: 90%;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 350px){
	.symg-inner h1{
		font-size: 20px;	
	}
}

/***** [Day Hiking Trips Page] *****/
.day-hiking-trips{max-width:1024px; margin:0 auto;}
.day-hiking-trips ul li {margin-top: 20px; margin-bottom: 20px; border:1px solid #c1c1c1;}
.d-h-l-info {width:67.1%; padding:0px; margin-left: 1.5%;}
.d-h-l-info p {padding:5px 0; text-align:justify;}
.d-h-l-info h2 {font-size:22px; font-family:'ProximaBold'; font-weight:bold; color:#173b55;}
.d-h-l-info h2 a {color:#173b55;}

.directors-day-hiking .d-h-l-info{width:73%!important; margin-left:2.7%;}	/*  width and margin are both in %, to sustain responsiveness  */

.video-btn a {display:block;  font-size:16px; font-family:'ProximaBold'; color:#fff; background:#0e8ed0; padding:3px 15px; border:1px solid #0c70a4;  text-align:center; box-shadow:inset 0.1em 0.1em 5px #4aaadc;}
.video-btn a:hover {background:#0b80bc;}
.r-c-list {width:19.62%; height:auto;}
.r-c-list img{width:100%; height:auto; display:block; margin:auto;}	/*  the rule for images to be responsive (to fill up parent container)  */
.p-list {width:14.0625%; max-height:189px;}
.p-list img{width:100%; height:auto; display:block; margin:auto;}

@media only screen and (max-width: 1000px){
	.day-hiking-trips{
		width: 95%!important;
		margin: 0 auto!important;
		margin-top: 20px!important;
	}
	.d-h-l-info{
		width: 77%;
	}
}
@media only screen and (max-width: 650px){	/*  we remove all borders except top-border, to enhance appearance of the webpage  */
	.day-hiking-trips ul li{
		border-right: none!important;
		border-bottom: none!important;
		border-left: none!important;
		margin-top: 35px!important;
		padding-top: 15px;
	}
	.r-c-list{
		float: none!important;
		width: auto!important;
		max-width: 201px!important;
		max-height: 134px;
		margin-left: 35px;
		margin-bottom: 20px;
	}
	.p-list{
		float: none!important;
		width: auto!important;
		max-width: 144px!important;
		max-height: 189px;
		margin-left: 55px;
		margin-bottom: 20px;
	}
	.d-h-l-info{
		float: none;
		width: 99%!important;
	}
	.directors-day-hiking .d-h-l-info {
		width: 100%!important;
	}
	.small-video, .bp-small-img {
		float: none;
		width: 91px;
		height: auto;
		margin: 0 auto!important;
		margin-top: 20px!important;
	}
}

@media only screen and (max-width: 500px){
	.r-c-list, .d-h-l-img, .p-list{
		margin-left: 0;
		margin: 0 auto!important;
		margin-bottom: 15px!important;
	}
}

/*** ITINERARY ***/
.itinerary-left-info {max-width:auto; width:61%; border-right:1px solid #e1e1e1; padding-right:1.1%;}
.itinirary{width:97%; margin:0 auto;}
.itinirary h1 {margin-bottom:20px;}
.itirary-c-img {margin:0 auto;}
.itinerary-img {max-width:540px; max-height: 360px;}
.itinerary-img img{width:100%; height:auto; display:block; margin:auto;}
.itinerary-left-info h1,.itinerary-right-info  h1 {font-size:28px; color:#584a47; margin:10px 0 0 0;}
.itinerary-left-info p {padding:5px 0; color:#3b3b3b;}
.itinerary-left-info p span {font-weight:bold !important; color:#292929;}
.itinerary-trip {width:146px;}
.itinerary-video {position:relative; width:593px; height:410px; overflow:hidden;}
.itinerary-right-info {width:35.36%;}
.trip-details h1 {padding:5px; margin:0px; border-bottom:1px solid #c1c1c1;}
.trip-details {min-height:410px; border:1px solid #c1c1c1;padding:10px;}
.trip-details ul {padding:10px;}
.trip-details ul li {padding:5px 0;}
.trip-details label {float:left; width:152px; font-size:14px; font-family:'Tahoma';}
.trip-details p {display:block;}
.button-trip {margin:0 auto;}
.video-small {width:331px; height:186px; margin:10px auto;}
.btn-trip {float:left; background:#0e8ed0; border:1px solid #0c70a4; box-shadow:inset 0.1em 0.1em 5px #4aaadc; margin-left:10px }
.btn-trip a {display:block; font-size:18px; font-family:'ProximaBold'; color:#fff; padding:5px 15px;}
.testimonials p {font-size:14px; font-family:'Georgia'; font-style:italic; color:#3b3b3b; padding:5px 0;}
.testimonials p span {font-family:'Tahoma'; font-style:normal; font-weight:bold; color:#0e8ed0;}
.visit-site {padding:10px;}
.visit-site p {font-size:15px; }

.itinerary-left-info.itinerary-reservation { width:auto; border-right:none;}
.itinerary-reservation ol { padding-left:20px;}
.itinerary-reservation ol li { font-size:14px; font-family:'Tahoma'; color:#3b3b3b; padding:5px 0; list-style-type:decimal;}
.itinerary-reservation ol li ol li  { list-style-type:lower-latin !important; padding:2px 0;}

@media only screen and (max-width: 1000px){	/*  we're changing this properties with media queries to enhance appearance of the webpage accordingly to the resolution of the user device */
	.itinirary h1{
		margin-left: 15px;
	}
	.btn-trip a{
		font-size: 15px;
	}
}
@media only screen and (max-width: 850px){
	.btn-trip a{
		font-size: 14px;
	}
}
@media only screen and (max-width: 800px){
	.btn-trip a{
		font-size: 11px;
	}
}
@media only screen and (max-width: 700px){
	.itinerary-left-info, .itinerary-right-info{
		float: none!important;
		padding-right: 0;
		width: 95%;
		border: 0;
		margin: 0 auto;
	}
	.itinerary-img{
		width: auto;
		max-width:540px;
		max-height: 360px;
		margin: 0 auto;
	}
	.btn-trip a{
		font-size: 17px;
	}
}
@media only screen and (max-width: 350px){
	.btn-trip a{
		font-size: 12px;
	}
}
@media only screen and (max-width: 300px){
	.btn-trip{
		float: none;
		margin-top: 20px;
		text-align: center;
	}
}

/*** SYMG EMPLOYMENT ***/
.symg-employment-c{width:100%;}
.symg-employment-c h1 {font-size:25px; color:#584a47; margin:10px 0 0 0;}
.symg-e-left {width:55%;}
.symg-img {width:41.97%; max-height:199px;}
.symg-img img, .internship-img img{ width:100%; height:auto; display:block; margin:auto;}
.e-about-symg {padding:10px 0; margin:10px 0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.e-about-symg p {padding-bottom:10px;}
.e-c-inner { width:48.25% ; padding:5px 0px; margin:20px 0; border-right:1px solid #e1e1e1;}
.list-e {border-bottom:1px solid #e1e1e1;}
.internship-img {max-height:129px; margin: 0 10px;}
.internship-list {margin-top:10px 0; border-top:1px solid #e1e1e1;}
.intern-about {margin-bottom:20px;}

@media only screen and (max-width: 1000px){
	.symg-employment{
		width: 95%!important;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 900px){
	.symg-img{
		float: none;
		width: auto;
		max-width: 400px;
		margin: 0 auto;
		margin-top: 20px;
	}
	.symg-e-left{
		float: none;
		margin: 0 auto;
		width: 100%;
	}
}
@media only screen and (max-width: 700px){
	.symg-employment-c h1{
		font-size:20px;
	}
	.e-c-inner{
		
	}
}
@media only screen and (max-width: 700px){
	.e-c-inner{
		float: none!important;
		border-right: none!important;
		width: 100%;
	}
}
@media only screen and (max-width: 400px){
	.internship-img{
		float: none!important;
		margin: 0 auto;
		width: auto;
		max-width: 220px;
	}
}
/*** CHARITABLE DONATION ***/
.charitable-donation {max-width:1024px; margin:0 auto;}
.c-d-img {margin-bottom:20px;}
.c-d-img img{width:100%; height:auto; display:block; margin:auto;}
.c-d-inner-content {max-width:953px; margin:0 15px 20px 15px;}
.c-d-inner-content p {color:#3b3b3b; padding:5px 0;}
.c-d-inner-content li{list-style:none;}

/*** PROGRAM POLICY ***/
.program-policy p {color:#3b3b3b; padding:5px 0;}
.program-policy p span {font-weight:bold; color:#232323;}
.p-p-img {width:34.102%;}
.p-p-img2 {width: 400px; height: 509px; padding: 10px}
.p-p-img img{width:100%; height:100%; display:block; margin:auto;}
.p-p-back a {font-size:15px; font-family:'ProximaBold'; color:#fff; background:#0e8ed0; padding:5px 20px; border:1px solid #0c70a4; box-shadow:inset 0.1em 0.1em 5px #4aaadc;}
.bp-content {width:58.1%;}
.video-btn {margin:5px;}
.backpacking-img {position:relative; width:201px; height:159px; overflow:hidden;}
.trip-philoshopy{width:62%; height: auto;}
.trip-philoshopy p{width:100%!important;}

@media only screen and (max-width: 1000px){
	.trip-philoshopy p{
		margin-left: 3%!important;
	}
	.program-policy p{
		margin:0 auto;
		margin-left: 1.7%;
	}
}
@media only screen and (max-width: 900px){
	.trip-philoshopy{
		width: 95%!important;
		margin:0 auto!important;
	}
	.trip-philoshopy p{
		margin-left: 0!important;
	}
	.program-policy p{
		width: 95%;
		margin-left: 0;
		margin:0 auto!important;
	}
	.p-p-img{
		float: none;
		width: auto;	/*  we set width to auto and then to max-width because we need to override .p-p-img width:34.102%  */
		max-width: 325px!important;
		max-height:237px!important;
		margin-left: 2.5%;
		margin-bottom: 20px!important;
	}
}
@media only screen and (max-width: 650px){
	.bp-content{
		width: 99%;
	}
}
@media only screen and (max-width: 550px){
	.p-p-img{
		margin-left: 0;
		margin: 0 auto;
	}
}

/*** BLOG ***/
.blog-left {width:660px;}
.blog-tips {padding:15px; margin-bottom:10px; border:1px solid #c1c1c1;}
.blog-tips h3 {font-size:20px; font-family:ProximaBold; font-weight:normal; color:#173b55;}
.blog-tips p {color:#1a1a1a; padding:5px 0;} 
.bottom-contact {padding-top:10px; margin-top:10px; border-top:1px solid #c1c1c1;}
.paganation-blog ul li {display:inline-block; vertical-align:middle; font-size:18px; padding:0px;  margin:5px 0; border:none;}
.paganation-blog ul li a {display:block; color:#fff;  background:#04334f;  padding:4px 10px;  border-radius:5px;}
.paganation-blog ul li a:hover {background:#4f6686;}
.selected-paganation a {background:#4f6686 !important;}
.read-more a {border-radius:5px;}
.blog-right {width:274px;}
.blog-list {padding:10px; margin-bottom:20px;border:1px solid #c1c1c1;}
.blog-list h3,.discussion h3 {font-size:20px; font-family:ProximaBold; color:#173b55; padding-bottom:10px;}
.blog-list p {color:#1a1a1a;}

/*** BLOG POST ***/
.blog-tips ul {padding-left:18px;}
.blog-tips ul li {font-size:14px; font-family:'Tahoma'; color:#1a1a1a; border:none; padding:0px; list-style-type:disc;}

.post-blog {margin:10px 0;}
.discussion {margin-top:10px; border-bottom:1px solid #e3e3e3;}
.discussion h3 {padding:10px;}
.discussion p {color:#393939;  padding:5px 0;}
.post-discussion {position:relative; padding:5px; background:#f7f7f7; border:1px solid #e0e0e0;}
.post-discussion p {color:#6a6a6a !important;}
.name-post {position:relative; left:50px;} 

.arrow-down {position:absolute; bottom:-11px; left:37px;} 
.discussion ul li {border:none; margin:0px;}
.discussion label {float:left; width:90px; font-size:16px; font-family:'Tahoma'; color:#6a6a6a;}
.discussion input[type="text"] { width:526px !important; height:26px !important; padding:5px; border:1px solid #dedede; box-shadow:inset 0.1em 0.1em 10px #dedede; border-radius:5px;}
.discussion textarea {width:526px; height:103px; padding:5px; border:1px solid #dedede; box-shadow:inset 0.1em 0.1em 10px #dedede; border-radius:5px;}
.submit-btn input[type="submit"] { width:115px; height:29px; font-size:20px; font-family:'ProximaBold'; color:#fff; background:#0e8ed0; margin:10px 0; box-shadow:inset 0.1em 0.1em 5px #4aaadc; border:1px solid #0c70a4; border-radius:5px;}

/*** MARCH 28 ***/

/*** CLASSIC HIKES ***/
.classic-inner-content{width: 95%!important; margin: 0 auto!important;;}
.classic-inner-content h1 {font-size:30px; font-family:'Tahoma'; font-weight:bold; color:#584a47; line-height:25px;} 
.classic-inner-content h1 span{font-size:30px; font-family:'Tahoma'; font-weight:normal;} 

@media only screen and (max-width: 600px){
	.classic-inner-content h1{
		font-size: 25px;
		margin-bottom: 10px;
		text-align: center;
	}
	.classic-inner-content h1 span{
		font-size: 23px;
	}
}

.c-h-f-content{width:100%; padding-top:25px;}
.c-h-f-content p {font-size:15px; color:#3b3b3b; padding:5px 0;}
.classic-img {width:31%; max-height:210px; float:right;}
.classic-img img{width:100%; height:auto; display:block; margin:auto;}
.p_content{width:68%; float:left;}

@media only screen and (max-width: 900px){
	.p-content p{
		font-size: 14px!important;
	}
}
@media only screen and (max-width: 800px){
	.classic-img {
		width: auto;	/*  width is equal to parent element width  */
		height: auto;	/*  height is equal to sum of child element heights  */
		float: left;
		margin-bottom: 20px;
	}
	.p_content{
		float: none!important;
		clear: both!important;
		width: 99%!important;
		margin-top: 20px!important;
		clear: both!important;
	}
}

.classic-middle {max-width:620px; margin:20px auto;}
.middle-border {padding:10px 30px; border:1px solid #dbdbdb;} 
.middle-border ul li label {float:left; font-size:15px; font-family:'Tahoma';}
.middle-border ul li p {float:right; padding:0; margin-right:5%;}

@media only screen and (max-width: 500px){
	.middle-border{
		padding: 10px 10px;
	}
	.middle-border ul li p{
		margin-right:1%;
	}
	.classic-img{
		max-width: 280px!important;
		float: none!important;
		margin: 0 auto!important;
	}
}

.classic-middle p {text-align:center;}
.classic-middle p span {color:#2479c3; font-weight:bold;}
.bottom-classic .bottom-img{width:37%;}
.bottom-classic .bottom-img img{width:100%; height:auto; display:block; margin:auto;}
.classic-bottom-info {width:60%;}
.classic-bottom-info p {font-size:14px; font-family:'Georgia'; font-style:italic; color:#005f8f; padding:5px 0;}
.classic-bottom-info p span {font-family:'Tahoma'; font-style:normal; color:#28485f;}

@media only screen and (max-width: 750px){
	.bottom-classic .bottom-img{
		width: auto;
		float: none;
	}
	.bottom-classic .classic-bottom-info{
		width: 95%;
		float: none;
		margin-top: 25px;
	}
	.bottom-classic .bottom-img{
		width: 327px!important;		/*  we set width to 327px and then to max-width because we need to override .bottom-classic .bottom-img width:37%  */
		max-width: 327px!important;
		max-height: 410px;
	}
}
@media only screen and (max-width: 550px){
	.bottom-classic .bottom-img{
		width: auto!important;
		margin: 0 auto;
	}
}

/***WHY SYMG ***/
.classic-hikes > p{width:95%;}
.first-column { width:463px;}
.first-set { width:53%; padding-right:1.9%; border-right:1px solid #e1e1e1;}
.first-set{border-right-width: 0.001%!important;}
.second-set{width:31.4%;}
.middle-symg { border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; margin:20px 0; padding:10px 0;}
.note-symg p { font-size:16px; font-family:'Georgia'; font-style:italic; color:#005f8f; background:url('../images/why_symg/note_img.png') no-repeat left; padding:30px 10px 30px 70px; text-shadow:1px 1px 1px #8eb7cc; }
.note-symg p span { display:block; font-size:14px; font-family:'Tahoma'; font-weight:bold; font-style:normal; color:#28485f; padding:10px 0;}
.symg-bottom-list { padding:10px; margin:20px 0; border:1px solid #ccc; border-top:none;}
.symg-bottom-list p span { font-weight:bold; color:#173b55;}

@media only screen and (max-width: 1100px){
	.classic-hikes > p{
		margin: 0 auto;
	}
	.middle-symg{
		width:95%;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 600px){
	.first-set{
		border-right: none;
		padding-right: 0;
		margin-bottom: 15px!important
	}
	.first-set, .second-set{	/*  we cancel float and we're putting elements one below the other  */
		float: none;
		width: 95%;
		margin: 0 auto;
	}
}

/*** DIRECTORS ***/
.directors-day-hiking{width:99%!important; padding-top:1.57%; padding-bottom:1.57%; margin:0 auto!important;}
.directors-day-hiking > div{width: 95%; margin:0 auto;}
.directors-day-hiking p{width:97%;}
.directors-list {width:22.65%; max-height:351px; overflow:hidden;}
.directors-list img{ width:100%!important; height:auto!important; display:blok; margin:auto;}
.directors-info { width:69.45%;}
.profile-director h1 span { display:block; font-family:'Tahoma'; font-size:25px; font-weight:normal; color:#8b8b8b;}
.profile-director{width: 95%; margin-right:2%;}
.p-img { margin:0 10px 10px 0;}
.directors-info p span { font-weight:bold; color:#187bcf;}
.evolutionLake-img{max-width:1024px; max-height:auto;}
.evolutionLake-img img{width:100%; height:100%; display:block; margin:auto;}

@media only screen and (max-width: 800px){
	.directors-day-hiking{
		border-top: 0!important;	/*  we use !important to override the certain rule */
		border-left: 0!important;
		border-right: 0!important;
	}
	.directors-day-hiking > div{
		width: 100%!important;
	}
	.directors-list{
		float: none!important;
		width: auto;
		max-width: 232px;
		height: auto;
		max-height: 351px;
		margin-left: 15px;
		margin-bottom: 35px!important;
	}
	.directors-info{
		float: none!important;
		width:97%;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 500px){
	.directors-list{
		margin: 0 auto;
		
	}
}

/*** PRIVATE CUSTOM ***/
.private-custom-content { margin:10px 0;}
.private-custom-content .private-custom{width:24.14%; max-height:271px;}
.private-custom-content .private-custom img{width:100%; height:auto; display:block; margin:auto;}
.private-custom-content h1 { padding-top:10px;} 
.p-custom h1 { line-height:25px; }
.p-c-right-info { width:70%;}
.buttom-private { margin:20px 0;}
.left-b-info { width:70%;}
.left-b-info p  { font-family:'Georgia'; font-style:italic; color:#3b3b3b; text-shadow:1px 1px 1px #ccc;}
.left-b-info p span { display:block; font-family:'Tahoma'; font-style:normal; color:#2c485b; padding:10px 0; text-shadow:none;}
.contact-button a { font-size:20px; font-family:'ProximaBold'; color:#fff; background:#0e8ed0; padding:10px; border:1px solid #0c70a4; box-shadow:inset 0.1em 0.1em 7px #4aaadc;}
.private-img2{width:26.75%; max-height:205px;}
.private-img2 img{width:100%; height:auto; display:block; margin:auto;}

@media only screen and (max-width: 850px){
	.private-custom-content .private-custom{
		float: none;
		width: auto;
		max-width: 230px;
	}
	.p-c-right-info{
		float: none;
		width: 95%;
	}
}
@media only screen and (max-width: 750px){
	.left-b-info{
		float: none;
		width: 100%;
	}
	.private-img2{
		float: none;
		width: auto;
		max-width: 255px;
		height: auto;
	}
}
@media only screen and (max-width: 500px){
	.private-custom-content .private-custom{
		margin: 0 auto;
	}
	.private-img2{
		margin: 0 auto;
	}
}

/*** OUR TRIPS ***/
.our-trips{margin: 0 20px;}
.our-trips h2 { font-size:28px; font-family:'ProximaBold'; font-weight:bold; color:#584a47;}
.our-trips h2 a {color:#584a47;}
.our-trips p { padding:5px 0; width:auto;}
.our-trips p span { font-weight:bold; color:#353535;}
.our-trips-content { padding:10px 0; margin:10px 0; border-bottom:1px solid #e1e1e1;}
.our-trips-img { margin:0px 0px 10px 10px;}
.our-trips-img1 { margin:0px 10px 10px 0;}
.o-t-title { text-align:right;}
.small-img-trips { margin:5px 0;}
.prof-info { display:inline-block; width:519px; vertical-align:middle; margin:0px 10px;} 
.small-img-trips { display:inline-block; vertical-align:middle;}
.symg-main-banner { margin:0 auto;}

@media only screen and (max-width: 600px){	/*  we reduce font size to fit the parent element when resizing  */
	.our-trips h2{font-size: 19px;}
}

/*** CALENDAR PRICING ***/
.calendar-pricing { position:relative; top:-55px;}
.symg-calendar-nav{width:100%;}
.symg-calendar-nav ul { width:100%; height:30px; background:#fff; border:1px solid #c1c1c1;}
.symg-calendar-nav ul li { display:block; float:left; vertical-align:middle; font-size:20px; font-family:'ProximaBold'; font-weight:normal; color:#a2a2a2;}
.symg-calendar-nav ul li a { display:block; text-align:center; line-height:29px; width:100%; height:30px; color:#a2a2a2; border-right:1px solid #c1c1c1!important;}
.symg-calendar-nav .calendar_nav_trips a{ border-right:none!important;}
.symg-calendar-nav ul li a:hover { color:#fff; background:#4f6686;}
.symg-calendar-nav ul .calendar_nav_backpacking{width:20%;}
.symg-calendar-nav ul .calendar_nav_packstock{width:28%;}
.symg-calendar-nav ul .calendar_nav_hiking{width:18%;}
.symg-calendar-nav ul .calendar_nav_climbing{width:17%;}
.symg-calendar-nav ul .calendar_nav_trips{width:15%;}

@media only screen and (max-width: 950px){
	.symg-calendar-nav ul li{
		font-size:15px;
		}
}
@media only screen and (max-width: 720px){
	.calendar-content{
		border: none!important;
	}
	.symg-calendar-nav{
		margin-top: 70px;
	}
	.symg-calendar-nav ul{
		border: none;
		height: auto;
	}
	.symg-calendar-nav ul li{
		float: none;
		width: 95%!important;
		height: 45px;
		margin: 0 auto;
	}
	.symg-calendar-nav ul li a{
		border-right: none!important;
		width: 100%;
		height: 100%;
		line-height: 44px;
		font-size: 19px;
	}
}

.calendar-content { max-width:1024px!important; height:auto; margin:0.8% 0; margin-top:1px!important; position:static!important; border:1px solid #c1c1c1;}
.calendar-column { width: 99%!important; margin:0 auto!important; margin-top:3.3%!important; padding-bottom:1.3%!important; text-indent:2%; border-bottom:1px solid #cbcbcb;}
.calendar-column h1 { font-size:30px; font-family:'ProximaBold'; font-weight:bold; color:#173b55; margin-top:30px!important; z-index: 100;}
.calendar-column h2 { font-size:22px; font-family:'ProximaBold'; font-weight:normal; color:#584a47; padding:5px 0;}
.calendar-column label { display:block; float:left; width:19%; font-size:14px; font-family:'Tahoma'; font-weight:bold; color:#343333;}
.calendar-column ul li { width:99%; padding:0.5% 0;}
.calendar-column ul li p{ width:100%;}
.book-trip-btn { margin:10px 0;}
.book-trip-btn a { font-size:19px; font-family:'ProximaBold'; font-weight:bold; background:#0e8ed0; color:#fff; padding:5px 20px;  border:1px solid #0c70a4; box-shadow:inset 0.1em 0.1em 7px #4aaadc;}

/****  Added image classes  ****/
.banner-classic-head{max-width:1024px; max-height:127px;}
.banner-classic-body{max-width:900px!important; max-height:127px;}
.banner-classic-hikes img{width:100%; height:auto; display:block; margin:auto;}
.calendar-content .duration{float:left!important; width:70%!important; margin-left:2%;}

.banner-resizer img{width:100%; height:auto; display:block; margin:auto;}

@media only screen and (max-width: 800px){
	.calendar-column label{
		width: 25%!important;
	}
	.calendar-column h1{
		font-size:27px;
	}
	.calendar-column h2{
		font-size:19px;
	}
	.calendar-column #calendar_h1{margin-top: 5px!important;}
}
@media only screen and (max-width: 620px){
	.calendar-content .duration{
		width:55%!important;
	}
}
@media only screen and (max-width: 600px) {
	.calendar-column label{
		width: 40%!important;
	}
	.calendar-column h1{
		font-size:23px;
	}
	.calendar-column h2{
		font-size:15px;
	}
}

/*** ONLINE RESERVATIONS ***/
.personal-info { margin-top:20px;}
.personal-info-left { width:460px!important;}
.personal-info-left ul { padding-bottom:20px;}
.personal-info-left ul li { padding:5px 0;}
.personal-info-left label { width:120px; float:left; font-size:15px; font-family:'Tahoma'; font-weight:bold; color:#3e3e3e; padding:5px 0;}
.personal-info-left input[type="text"] { width:309px; height:28px; padding:5px; border-radius:5px; border:1px solid #dedede; box-shadow:inset 0.1em 0.1em 10px #dedede;}
.personal-info-left select { width:320px; height:38px; padding:5px; border-radius:5px; border:1px solid #dedede; box-shadow:inset 0.1em 0.1em 10px #dedede; outline:none;}
.personal-info-left textarea { width:93%; height:90px; padding:5px; margin-bottom:10px; border-radius:5px; border:1px solid #dedede; box-shadow:inset 0.1em 0.1em 10px #dedede;}

@media only screen and (max-width: 970px){
	.personal-info-left{
		width: auto;
		float: none!important;
		margin: 0 auto!important;
		margin-bottom: 25px!important;
	}
}

.date-picker {  background:url('../images/online_reservation/date.jpg') no-repeat right;}
.right-field label { width:290px; padding:10px 0;}
.right-field input[type="text"] { width:136px;}
.right-field select { width:147px;}
.trip-payment-info{width: 95%;  margin:0 auto;}
.trip-payment-info h2 {font-size:26px; color:#584a47; }
.trip-payment-info ul li { padding:5px 0;}
.trip-payment-info label { width:284px; float:left; font-size:15px; font-family:'Tahoma'; font-weight:bold; color:#3e3e3e; padding:5px 0;}
.trip-payment-info input[type="radio"] { float:left; margin-right:5px;}
.trip-payment-info p { float:left; margin-right:10px;}
.trip-payment-info input[type="text"] { float:left;}
.trip-payment-info input[type="text"] { height:26px; padding:5px; border-radius:5px; border:1px solid #dedede; box-shadow:inset 0.1em 0.1em 10px #dedede;}
.trip-payment-info input[type="checkbox"] { float:left; margin:0 10px ;}
.card-field input[type="text"] { width:92px; height:26px; padding:5px; margin-right:5px; border-radius:5px; border:1px solid #dedede; box-shadow:inset 0.1em 0.1em 10px #dedede;}
.card-field select { width:105px; height:36px; padding:5px; border-radius:5px; border:1px solid #dedede; box-shadow:inset 0.1em 0.1em 10px #dedede; outline:none;}
.card-more { padding:10px 5px;}

@media only screen and (max-width: 970px){
	.info-reservation-bottom{
		float: none!important;
		margin: 0 auto!important;
	}
	.input-address > ul > li{
		width: 460px;
		margin: 0 auto!important;
	}
}

.info-reservation-bottom input[type="text"] { margin-bottom:10px;}
.input-address{width: 97%; margin:0 auto;}
.input-address label { float:left; width:80px; padding:10px 0; font-size:15px; font-family:'Tahoma'; font-weight:bold; color:#3e3e3e;}
.input-address input[type="text"] { width:349px; height:36px; border-radius:5px; border:1px solid #dedede; box-shadow:inset 0.1em 0.1em 10px #dedede;}
.input-address select { width:349px; height:36px; padding:5px; border-radius:5px; border:1px solid #dedede; box-shadow:inset 0.1em 0.1em 10px #dedede;}

.bottom-info{width: 97%; margin:0 auto;}
.bottom-info label { width: 95%; max-width:900px; float:left; font-size:14px; font-family:'Tahoma'; margin:0 auto;}
.bottom-info p span { display:block; color:#949494; padding:10px 0;}
.bottom-info input[type="checkbox"] { float:left; margin-right:10px;}

.submit-now { width:118px; margin:20px auto;}
.submit-now input[type="submit"] { font-size:20px; font-family:'ProximaBold'; color:#fff; background:#0e8ed0; padding:10px 20px; border:1px solid #0c70a4; box-shadow:inset 0.1em 0.1em 7px #4aaadc; text-align:center;}
.bottom-info a { font-weight:bold;}

/*** POPUP ***/
.thank-you-page { display:none; position:fixed; width:100%; height:100%; background:url('../images/online_reservation/dim.png'); z-index:99999999999999;}
.thank-you { position:relative; width:576px; padding:20px; background:#fff; margin:10% auto;}
.thank-you h1 { font-size:30px; font-family:'ProximaBold'; font-weight:normal; color:#173b55; padding-bottom:20px; text-align:center; line-height:25px;}
.thank-you p { font-size:15px; color:#3b3b3b; padding:8px 0;}
.back-home { margin:10px auto;}
.back-home a { font-size:20px; font-family:'ProximaBold'; font-weight:normal; color:#fff; padding:10px 20px; background:#0e8ed0; border:1px solid #0c70a4; box-shadow:inset 0.1em 0.1em #4aaadc;}

/*** NEWS LETTER ***/
.newsletter { min-height:415px; background:url('../images/newsletter/bg_newsletter.jpg') no-repeat center;  background-size:cover; background-attachment:fixed;}
.newsletter-inner { position:relative; max-width:620px; margin:0 auto!important; top:75px; background:#fff; padding:20px; text-align:center;}
.newsletter-inner h1 {font-size:30px; color:#173b55; padding:10px 0;}
.newsletter-inner input[type="text"] { max-width:458px; height:26px; padding:5px; border:1px solid #dedede; box-shadow:inset 0.1em 0.1em 5px #eaeaea; border-radius:5px;}
.newsletter-inner label { float:left; max-width:140px; font-size:15px; font-family:'Tahoma'; padding:8px 0; text-align:left;}
.newsletter-inner ul li { padding:5px 0;}
.newsletter-inner p { padding-bottom:10px;}

@media only screen and (max-width: 700px){
	.newsletter-inner{
		max-width: 80%!important;
	}
}
@media only screen and (max-width: 500px){
	.newsletter-inner h1{
		font-size: 23px;
	}
}
@media only screen and (max-width: 330px){
	.newsletter-inner h1{
		font-size: 19px;
	}
}
 
/*
* @added by: TL Aldrin
*/
/***** [FAQ Pages] *****/
.faq {position:relative; padding-bottom:40px;}
.faq-nav li { font-family:'Tahoma'; font-size:14px; }
.faq-nav li > ul > li:hover{text-shadow:1px -1px 3px #b4b4b4;}
.faq-nav li ul li{ margin-bottom: 5px;}
.faq-nav #faq-nav_1{ display:block; width: 53%;}
.faq-nav #faq-nav_2{ display:block; width: 43%;}
.faq-content-list {color:#3b3b3b; padding-top:50px;}
.faq-content-list ul li { margin-bottom:20px;}
.faq-content-list ul li a { font-size:14px; font-family:'Tahoma'; color:#3b3b3b; font-weight:bold;}
.faq-content-list ul li ul { margin-left:20px;;}
.faq-content-list ul li ul li {  font-family:'Tahoma'; font-size:14px; list-style-type: disc; margin-bottom:0; padding:3px 0;}
.f-l-a-color {color:#125db2 !important;}
.back-to-top {position:fixed; display:block; background:#113853; text-align:center; top:30%; right:0;}

@media only screen and (max-width: 1000px){
	.faq-content-list{
		width: 95%;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 820px){
	.faq-nav > li{
		float: none;
		width: 95%!important;
		margin: 0 auto;
	}
	.back-to-top{
		top:75%;
	}
}

/***** [Guide Page] *****/
.guides {}
/**.symg-main .evolution-lake{max-width:1024px; max-height:127px;}
.symg-main .evolution-lake img{width:100%; height:100% display:block; margin:auto;}**/
.guides { padding-bottom:20px;}
.guides ul li {border:1px solid #c1c1c1; margin-bottom:20px; padding:12px;}
.guide-profile-picture, .guide-information {float:left;}
.guide-profile-picture{width:24.34%; height:auto;}
.guide-profile-picture img{width:100%; height:auto; display:block; margin:auto;}
.guide-information {text-align:justify; margin-left:15px; width:71%;}

.g-i-ceo {color:#8b8b8b; font-weight:bold; margin-bottom:25px;}
.g-i-ceo span {display:block; margin-right:10px;}
.g-i-ceo-name {padding-top:16px !important;}
.g-i-ceo label {color:#173b55;}
.g-i-description label {color:#187bcf;}
.guide-information h2 {color:#173b55; font-weight:bold; font-size:1.3em; padding-top:16px;}

@media only screen and (max-width: 800px){
	.guide-profile-picture{
		float: none;
		width: auto;
		max-width: 232px!important;
		margin-left: 85px;
	}
	.guide-information{
		width: 90%;
		float: none;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 600px){
	.guide-profile-picture{
		margin: 0 auto;
	}
}

/***** [Waiver Page] *****/
.waiver {color:#3b3b3b;}
.waiver-back {background:url('../images/buttons/btn_back.jpg') repeat-x; color:#fff; font-size:1.2em; font-weight:bold; text-align:center; border:1px solid #0c70a4; padding-top:5px; width:85px; height:20px;}
.waiver-first-parag {padding:30px 0 20px;}
.waiver ol li {margin-bottom:25px;}

.price {width:152px;}
.price p { padding:5px 0;}
.itirary-c-img { text-align:center;}

@media only screen and (max-width: 1000px){
	.waiver{
		width: 90%;
		margin: 0 auto;
	}
}

/***** [Family Adventures Page] *****/
.family-advetures p { padding:10px 0; }
.bottom-img { margin-top:51px;} 

/***** [Corporate Events Page] *****/
.corporate-event-info { width:70%;}
.corporate-event-info h2 { font-size:32px; font-family:'Tahoma'; font-weight:bold; color:#173b55; }
.corporate-event-info p { padding-top:10px;}
.motion-fan-hikes:last-child{width: 70%!important; float: right!important;}

.c-contact-us { margin:10px 0;}
.corporate-profile{ width:27%; max-height:365px; overflow:hidden;}
.corporate-profile img{width:100%; height:auto; display:block; margin:auto;}
.motion-fan-hikes { width:100%!important; }
.video-motions { margin:20px;}
.motions-fan-hikes-img  { position:relative; width:484px; height:321px; overflow:hidden;}

@media only screen and (max-width: 1000px){
	.video-motions{
		float: none!important;
		width: 186px;
		height: 103px;
	}
}
@media only screen and (max-width: 800px){
	.corporate-event-info h2{
		font-size: 27px;
	}
	.video-motions{
		margin: 0 auto;
		margin-top: 15px!important;
	}
}
@media only screen and (max-width: 750px){
	.corporate-event-info{
		float: none;
		width: auto;
		max-width: 684px;
	}
	.corporate-event-info p {	
		width: 97%;
		margin: 0 auto!important;
	}
	.corporate-profile{
		float: none!important;
		width: auto;
		max-width: 245px;
		height: auto!important;
		margin-left: 55px;
	}
}
@media only screen and (max-width: 600px){
	.corporate-profile{
		margin: 0 auto!important;
	}
}
@media only screen and (max-width: 520px){
	.corporate-event-info h2{
		float: none;
		text-align: center;
		margin-top: 15px;
	}
	.c-contact-us{
		float: none;
		width: 30%;
		margin: 0 auto!important;
		margin-top: 15px!important;
	}
}
@media only screen and (max-width: 420px){
	.c-contact-us{
		width: 35%;
	}
}
@media only screen and (max-width: 350px){
	.c-contact-us{
		width: 45%;
	}
}
@media only screen and (max-width: 280px){
	.c-contact-us{
		width: 70%;
	}
}

/***** [Motion Fan Hikes Page] *****/

.specialheader{
	color: #173B55;
	font-family: 'ProximaBold';
	font-size: 30px;
	font-weight: bold;
	margin-top: -55px;
	margin-bottom:50px;
	padding-bottom: 5px;
	z-index: 100;
}

.motion-wrap{width:95%!important; margin:0 auto!important;}
.motion-page { width:63%!important; float:left;}

.motion-page h2, .thumbNail h2{ font-size:20px; color:#155780; margin-bottom:20px!important;}
.video{max-height:480px!important;}
.thumbNail{  width:33%; float:right; margin-top: 20px;}
.thumbNail > div{ margin-top:10px;}
.thumbNail p{font-weight:700; font-size:15px; margin-bottom: 10px;}

@media only screen and (max-width: 700px){
	.motion-page{
		float: none;
		width: 90%!important;
		margin: 0 auto!important;
	}
	.thumbNail{
		float: none;
		width: 100%;
	}
	.thumbNail > div{
		float: none!important;
		margin: 0 auto!important;
		width: 187px;
		height: 105px;
		margin-top: 55px!important;
	}
	.thumbNail p{
		font-size: 12px;
	}
}
@media only screen and (max-width: 720px){
	.specialheader{
		font-size: 25px!important;
		padding: 0!important;
		margin-bottom:30px!important;
	}
}
@media only screen and (max-width: 500px){
	.specialheader{
		font-size: 17px!important;
		margin-bottom:40px!important;
	}
	.thumbNail{
		margin-bottom: 50px!important;
	}
}

/***** Jorma Added Styles *****/

img.floatRight {
	padding: 6px;
	margin: 5px 4px 3px 10px;
	float: right;
	background: #fff;
}

img.floatLeft {
	padding: 6px;
	margin: 10px 4px 3px 5px;
	float: left;
	background: #fff;
}


img.floatRightMinPad {
	padding: 2px;
	margin: 5px 4px 3px 10px;
	float: right;
	background: #fff;
}

.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.symg-iframe{
	max-width: 900px!important;
	margin: 0 auto!important;
}

.symg-main iframe{
	max-width: auto; overflow:auto !important;
}

.online-reservation{
	width: 100%;
	margin: 0 auto;
}
.online-reservation > p{
	margin: 0 auto;
}

@media only screen and (max-width: 1000px){
	.online-reservation > h1{
		margin-left: 10px;
	}
	.online-reservation > p{
		width: 97%;
	}
}

.button-trip .fbButtons .fb-like{width:30%!important;}
.button-trip .fbButtons .fb-send{width:25%!important;}

@media only screen and (max-width: 800px){
	.button-trip .fbButtons .fb-like{
		width: 35%!important;
	}
}
@media only screen and (max-width: 700px){
	.button-trip .fbButtons .fb-like{
		width: 15%!important;
	}
	.button-trip .fbButtons .fb-send{
		width: 12%!important;
	}
}
@media only screen and (max-width: 600px){
	.button-trip .fbButtons .fb-like{
		width: 20%!important;
	}
	.button-trip .fbButtons .fb-send{
		width: 15%!important;
	}
}
@media only screen and (max-width: 450px){
	.button-trip .fbButtons .fb-like{
		width: 27%!important;
	}
	.button-trip .fbButtons .fb-send{
		width: 20%!important;
	}
}
@media only screen and (max-width: 350px){
	.button-trip .fbButtons .fb-like{
		width: 31%!important;
	}
	.button-trip .fbButtons .fb-send{
		width: 25%!important;
	}
}
@media only screen and (max-width: 300px){
	.button-trip .fbButtons .fb-like{
		width: 40%!important;
	}
	.button-trip .fbButtons .fb-send{
		width: 30%!important;
	}
}