@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300|Roboto:400,300,500);

body {
    overflow-x:hidden;
    background-color: white;
}

p {
	font-family: 'Roboto Light', sans-serif;
	line-height: 28px;
	color: #4f3a4e;
	font-size: 16px;
}

ul {
	font-family: 'Roboto Light', sans-serif;
    line-height: 28px;
    color: #4f3a4e;
    font-size: 16px;

}

li {
	color: #4f3a4e;
}

.container {display:none;}
/*panorama cursor*/
.cursor_rotate {
	cursor: url("../../images/cursor_rotate.png"), auto;
}

/*VFT colours*/

.vft_green { color:#5d9f18;}
.vft_darkpurple { color:#4a1c2e;} 
.vft_green02 {color:#62952c;}
.vft_lightgreen {color:#7cb342;}
.vft_orangered {color:#de4645;}
.vft_magenta {color:#80485a;}
.vft_skyblue {color:#25a9ca;}



#site {

}

.prototype {
	position:fixed;
	width:100%;
	text-align:center;
	height:20px;
	background:#78001c;
	color:#FFF;
	text-transform:uppercase;
	z-index: 99999;
}

.blankBlock {
	background:#b0a89b;
}

.headerbg {
background: #e2dbd0; /* Old browsers */
border-bottom: 2px solid #80485a;
}

.headerbg_plain {
	background:#e0dad1;
	-webkit-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.44);
box-shadow: 0px 3px 10px -1px rgba(0,0,0,0.44);
}

.headerWrap {
	width:100%;
	height: 118px;
	display: inline-block;
	z-index: 99;
	position: fixed;
	top:0;
	left: 0;
}

.headerWrap .row {
	text-align:center;
}

.headerContainer {
	width:100%;
} 

.header_explore_sml, .header_compare_sml {
	height:70px !important;
}

.header_explore_sml p, .header_compare_sml p {
	margin-top:30px !important;
}

.header_explore {
	margin: 0;
	height: 70px;
	width: 50%;
	float:left;
	position: absolute;
	left: 0;
}

.header_compare {
    margin: 0;
    height: 70px;
    width: 50%;
    float:right;
    position: absolute;
    right: 0;
}
/*TURN OFF EFFECT HOVER EFFECT
.header_explore:hover, 
.header_compare:hover,
.header_explore:focus, 
.header_compare:focus  
{
	background: #dad2c5;
}

.header_explore:hover p, 
.header_compare:hover p,
.header_explore:focus p, 
.header_compare:focus p  
{
	font-size:20px;
	text-shadow: 0px 2px 2px rgba(150, 150, 146, 0.7);
}

.hvr-fade-header {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade-header:hover, .hvr-fade-header:focus, .hvr-fade-header:active {
  background-color: #d1c7b7;
  color: white;
}
 */

.header_explore p{
	margin-top: 30px;
	margin-right: 100px;
	float:right;
	font-family: 'Roboto Condensed', sans-serif;
	color:#7f4657;
	font-size:18px;
	text-transform:uppercase;
}
.header_compare p{
	margin-top: 30px;
	margin-left: 100px;
	font-family: 'Roboto Condensed', sans-serif;
	color:#7f4657;
	font-size:18px;
	text-transform:uppercase;
	float: left;
}

.contentWrap {
	padding-top: 148px;
	width: 100%;
	background: #f2ede7 url('../../images/content_bg.jpg') repeat-x;
}

.homeBtn{
		-webkit-animation-duration: 2s;
		-webkit-animation-delay: 0.25s
		/*-webkit-animation-iteration-count: infinite;*/
	}

.logoVFT {
	margin:0 auto;
	width:105px;
}

.logoVFT_sml {
	margin:0 auto;
	width:105px;
}

.logoVFTtxt {
	width: 300px;
	margin-top: 5px;
}

/*
.reel-preloader{
	top: 50% !important;
	left:50% !important;
	width:64px !important;
	height:64px !important;
	background:url('images/loading.gif') no-repeat !important;
	z-index:-99;
}
*/

#homeBtnGroup div {margin-bottom: 30px;}

#homeBtnGroup img {-webkit-box-shadow: 1px 2px 4px 1px rgba(202,195,185,1);-moz-box-shadow: 1px 2px 4px 1px rgba(202,195,185,1);box-shadow: 1px 2px 4px 1px rgba(202,195,185,1);}

.padding_md {/* padding-left: 15px; *//* padding-right:5px; */}

#img-reel-wrapper {
	position:relative;
}

.img_container {
	position:relative;
}

#instructions_container {
	position: absolute;
	top: 0px;
	right: 2%;
	cursor: pointer;
	z-index: 99;
}

.instructions_btn {
	background-color: #7cb342;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	/*width: 250px;*/
	max-width:400px;
	min-width:300px;
	height: 25px;
	padding-left: 10px;
	line-height: 25px;
	font-size: 12px;
	color: #fff;
	-webkit-box-shadow: 2px 2px 8px 1px rgba(23,23,23,0.39);
	-moz-box-shadow: 2px 2px 8px 1px rgba(23,23,23,0.39);
	box-shadow: 2px 2px 8px 1px rgba(23,23,23,0.39);
}

.instructions_btn:hover{
	background-color: #6ba62d;
	cursor:pointer;
}

#instructions_container span{
    font-size: 16px !important;
    /* font-weight: bold; */
    float: right;
    padding-right: 10px;
    display:none;
}

.instructions_menu {
	/* margin: 40px 25px 0 0px; */
	display:none;
	/*width:250px;*/
	max-width: 330px;
	min-width:300px;
	background:#fff;
	padding: 10px;
	-webkit-box-shadow: 2px 2px 8px 0px rgba(148,148,148,1);
	-moz-box-shadow: 2px 2px 8px 0px rgba(148,148,148,1);
	box-shadow: 2px 2px 8px 0px rgba(148,148,148,1);
	position: absolute;
	top: 40px;
	right: 40px;
}


.instructions_menu h1{
	color:#661c3e;
	font-size: 22px;
	margin: 0;
	/* padding-left: 20px; */
	padding-bottom: 10px;
	padding-top: 5px;
	font-family: 'Roboto Light', sans-serif;
}

.instructions_menu .row {
	margin-bottom: 13px;
	padding-left: 18px;
}

.instructions_menu p{
	font-size: 12px;
	line-height: 16px;
	/* padding-right: 12px; */
	padding-left: 5px;
}

.instructions_menu p span {
    display: inline-block !important;
	float:none !important;
    padding-right: 5px !important;
    font-size: 12px !important;
}

.instructions_menu img {
	margin:0 auto;
	max-width: 40px;
	min-width: 30px;
}

a.upIcon,
a.leftIcon,
a.rightIcon,
a.downIcon {
	text-decoration:none;	
}

.iconDiv {
	position:relative;
	width:auto;
	height:40px;
}


.iconDiv p{
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
	color: #fff;
	padding: 5px 35px 10px 5px;
	font-size:1px;
}

/*Slide out RIGHT*/
.iconDiv:hover p, .iconDiv:focus p{
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */	
	animation-name: slideOutRight;
    animation-duration: 0.5s;
	font-size:14px;
}

/*Slide out LEFT*/
.leftIcon_bg:hover p, .leftIcon_bg:focus p{
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */	
	animation-name: slideOutLeft;
    animation-duration: 0.5s;
	font-size:14px;
}

@keyframes slideOutRight {
    from {opacity: 0; padding-left:0;}
    to {opacity: 1; padding: 5px 35px 10px 5px; }
}

@keyframes slideOutLeft {
    from {opacity: 0; padding-left:0;}
    to {opacity: 1; padding: 5px 5px 10px 35px; }
}

.upIcon_bg {background:url("../../images/icon_nav_up_g.png")  no-repeat top left;}
.upIcon_bg:hover {background:url("../../images/icon_nav_up_g_hover.png")  no-repeat top right;}

.downIcon_bg {background:url("../../images/icon_nav_down_g.png")  no-repeat top left;}
.downIcon_bg:hover {background:url("../../images/icon_nav_down_g_hover.png")  no-repeat top right;}

.rightIcon_bg {background:url("../../images/icon_nav_right_g.png")  no-repeat top left;}
.rightIcon_bg:hover {background:url("../../images/icon_nav_right_g_hover.png")  no-repeat top right;}

.leftIcon_bg {background:url("../../images/icon_nav_left_g.png")  no-repeat top right;}
.leftIcon_bg:hover {background:url("../../images/icon_nav_left_g_hover.png")  no-repeat top left;}
.leftIcon_bg p {padding: 5px 5px 10px 35px !important;}

.mapIcon_bg {
	position: absolute;
	width: 60px;
	height: 60px;
	background: url("../../images/icon_map_g.png");
	background-repeat: no-repeat;
	background-size: 60px;
	z-index: 98;
	/* left: 2%; */
	top:10px;
}

.mapIcon_bg:hover {
	background: url("../../images/icon_map_g_hover.png");
	cursor:pointer;
	background-repeat: no-repeat;
	background-size: 60px;
}


.instructions_icon_btn {
	position: absolute;
	width: 60px;
	height: 60px;
	background: url("../../images/instruction_icon_btn.png");
	z-index: 98;
	right: 2%;
	top:10px;
}

.instructions_icon_btn:hover {
	background: url("../../images/instruction_icon_btn_hover.png");
	cursor:pointer;
}

.iconImg {
	position:absolute;
	top:0px;
	left:0px;
}

.iconImg:hover {
	top:0px;
	left:80px;
}

.floorPlan {
	position: absolute;
	z-index: 96;
	left: 45px;
	top: 24px;
	display: none;
	border:1px solid #77b53a;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	-webkit-box-shadow: 2px 2px 8px 1px rgba(23,23,23,0.39);
	-moz-box-shadow: 2px 2px 8px 1px rgba(23,23,23,0.39);
	box-shadow: 2px 2px 8px 1px rgba(23,23,23,0.39);
}



#map {
	width: 100%;
	position: absolute;
	height: 300px;
	margin:0;
	padding:0; 
}

.mapContiner {
	min-height: 300px;
	padding-bottom:25px;
}

.headerSpacer{
	width:100%;
	padding-top:70px;
}
.spacer {
	width:100%;
	height:25px;
}


/* Flashing */
.hvr-flashing div:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
	cursor: pointer;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
/* END Flashing */

/* Pano page CSS */
.subnav_container {
	position: absolute;
    left: 1.5%;
}

.subnav {
	position: absolute;
	background: #ffffff;
	font-size: 14px;
	color: #70a43a;
	font-family: 'Roboto', sans-serif;
	padding-left: 25px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	top: 25px;
	left: 55px;
	z-index: 97;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
}

.subnav a {
	color: #939393;
}

.subnav a:hover {
	color: #939393;
	text-decoration:underline;
}

a.subnav_active {
	color:#b0b0b0;
}

#image { /*reel image*/
	
}

.profile {
	padding-right: 150px;
}

.profile h1 {
    font-size: 36px;
    color: #de4645;
    font-family: 'Roboto Light', sans-serif;
    font-weight: 300;
    margin-bottom: 18px;
}

.profile h2 {
    font-size: 24px;
    color: #de4645;
    font-family: 'Roboto Light', sans-serif;
    font-weight: 300;
    margin-bottom: 0px;
    margin-left: 15px;
}

.profile h2.noMarginLeft {
    margin-left: 0px;
}

.quick_link h1 {
	font-size: 24px;
	color: #661c3e;
	font-family: 'Roboto Light', sans-serif;
	font-weight: 300;
	margin-bottom: 18px;
	margin-left: 30px;
	text-transform: uppercase;
}

.interesting_fact h1 {
    font-size: 24px;
    color: #464047;
}


.interviews .row {
	margin-bottom:15px;
}

.interviews p {
}

.interviewTitle img {
	float: left;
    margin-right: 0.6em;
}

.interviewTitle span {
	overflow:hidden;
}


.videoImg {
	-webkit-box-shadow: 2px 4px 21px -1px rgba(168,168,168,0.55);
	-moz-box-shadow: 2px 4px 21px -1px rgba(168,168,168,0.55);
	box-shadow: 2px 4px 21px -1px rgba(168,168,168,0.55);
}

.videoTitle {
	color:#661c3e;
	font-size: 18px;
	line-height: 28px;
	margin-top:10px;
	margin-bottom: 0px;
	font-weight: 600;
}

p.videoName {
	font-size:16px;
	line-height:22px;
	margin:0px;
}

.quick_link {margin-top: 10px;padding: 0;/* border: 1px solid #7cb342; */display:none;-webkit-box-shadow: 1px 1px 25px 1px rgba(176,168,155,1);-moz-box-shadow: 1px 1px 25px 1px rgba(176,168,155,1);box-shadow: 1px 1px 25px 1px rgba(176,168,155,1);/* float: right; */}
.quick_link div {width:100%;clear:both;min-height: 70px;padding: 15px 30px 0px 30px;border-top: 1px solid #e2dbd0; -webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;}
.quick_link div:hover {padding: 15px 30px 0px 30px; cursor:pointer; border-left:8px solid #7cb342; -webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;}
.quick_link img {float:left;margin-right:15px;display: inline-block;}
.quick_link span {color: #7cb342;/* font-weight:bold; */font-size: 18px;text-transform:capitalize;font-weight: 500;font-family: 'Roboto Light', sans-serif;}
.quick_link p {display: inline-block;width:80%;margin-top: 7px;}
.quick_link a {color:#333;}
.quick_link a.active div {position: relative;padding: 15px 30px 0px 30px;cursor:pointer;border-left:8px solid #7cb342;background-color: #f7fbf2;}
.youarehere{position: absolute;width: 70px;top: -25px;right: -45px;}



.page_doc {margin-top: 10px;padding: 0;/* border: 1px solid #7cb342; */display:block;/* -webkit-box-shadow: 1px 1px 25px 1px rgba(176,168,155,1); */-moz-box-shadow: 1px 1px 25px 1px rgba(176,168,155,1);/* box-shadow: 0px 0px 1px 0.1px rgba(176,168,155,1); *//* float: right; *//* border-bottom: 1px solid #e2dbd0; */}
.page_doc div {
	width:100%;
	clear:both;
	min-height: 50px;
	padding: 7px 20px 2px 15px;
	border-bottom: 1px dotted #e2dbd0;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	}
.page_doc div:hover {padding: 7px 20px 2px 20px; cursor:pointer; border-left:0px solid #7cb342; background-color:#fdfdfd; -webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;}
.page_doc img {float:left;margin-right:15px;display: inline-block;width: 35px;line-height: 28px;}
.page_doc span {color: #b33142;/* font-weight:bold; */font-size: 16px;text-transform:capitalize;font-weight: 500;font-family: 'Roboto Light', sans-serif;}
.page_doc p {display: inline-block;/* width:80%; */margin-top: 7px;}
.page_doc a {color:#333;}
.page_doc a.active div {position: relative;padding: 15px 30px 0px 30px;cursor:pointer;border-left:8px solid #7cb342;background-color: #f7fbf2;}

.reel-annotation .nodetxt {display:none;}

.compareContentWrap {background: #73646e;}

.compare_area_btn:hover div.area_content{ background:#ededed; }

.compare_area_btn div.area_content {
	background:#fcfcfc;
	padding: 15px;
	margin-top:15px;
	border:1px solid #d6d1ca; 
}

.compare_area_btn h1 {
    color: #de4645;
    font-size: 22px;
    padding: 0px;
    margin: 0px;
}

.compare_area_btn hr {
	margin:5px 0% 15px -15px;
	width: 55%;
	height:0px;
	color:#de4645;
	border:2px solid #de4645;
}

.compare_area_btn p {
	color: #7e6f7d;
}

.selected_compare_area div.area_content {
	background: #e2dbd0;
	border:1px solid #de4645 !important; 
}

.compare_hotel_btn {
	background:#fcfcfc;
}

.compare_hotel_btn .btn_img {
	width: 100%;
	border: 1px solid #b2a99b;
	border-radius: 8px;
	margin-top: 15px;
}

.compare_hotel_content {

}

.addToCompare {
	position: absolute;
	left: 15px;
	bottom: 2%;
	width: 100%;
	height: 35px;
	background: url('../../images/compare_add.png') no-repeat;
}

.selectedHotel {	
}

.selectedHotel .addToCompare {	
	background: url('../../images/compare_selected.png') no-repeat;
}

.selectedHotel .btn_img {	
	border: 1px solid #de4645;
}

.compare_result {
	
margin-top: 15px;
}

.compare_result .compare_result_img {
	
}

.compare_result .compare_result_text {
	color:#4f3a4e;	
}

.compare_result .compare_result_text h1 {
	color:#4f3a4e;
	font-size:28px;
	padding:0px;
	margin: 0 0 15px 0;
}

.compare_result .compare_result_text p {
	color:#4f3a4e;
	font-size:14px;	
}
.errMsg_container {width:375px;}
.err_title {padding-left: 20px; font-size: 28px; line-height: 34px; border-bottom: 1px #000;text-transform: uppercase;}
.err_msg {font-size:18px; color:red;}

/*form styles*/
#msform {
	position: relative;
}
#msform .compare_page {	
	/*stacking fieldsets above each other*/
	/*position: absolute;*/
}
/*Hide all except first fieldset*/
#msform .compare_page:not(:nth-of-type(2)) {
	display: none;
}
/*inputs*/
#msform input, #msform textarea {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-bottom: 10px;
	/* width: 100%; */
	box-sizing: border-box;
	color: #2C3E50;
	font-size: 22px;
}
/*buttons*/
.buttonWrap_step01 {
	width: 295px;
	margin: 10px auto;
}

.buttonWrap_step02 {
	margin: 10px auto;
}

.buttonWrap_step02 .next {
	float:right;
}

.buttonWrap_step02 .previous {
	float:left;
}

#msform .action-button {
	width: 295px;
    background: #de4645;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 1px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #de4645;
}
/*headings*/

/*progressbar*/
.progressbarWrap {
		
}

#progressbar {
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
	padding: 0;
	margin: 0;
	background:#73646e;
	display:table-row;
}
#progressbar li {
	list-style-type: none;
	color: white;
	text-transform: Capitalize;
	font-size: 18px;
	width: 33.33%;
	/* line-height: 50px; */
	/* float: left; */
	position: relative;
	/* background: #4f3a4e; */
	padding: 10px;
	display:table-cell;
}


#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active, #progressbar li.active:before,  #progressbar li.active:after{
	background: #4f3a4e;
	color: white;
}

#progressbar li.active:nth-of-type(1), #progressbar li.active:nth-of-type(2) {background: #4f3a4e url('../../images/steps_arrow_after.jpg') no-repeat right;}
#progressbar li.activeAlready:nth-of-type(1) {background: #73646e url('../../images/steps_arrow_before.jpg') no-repeat right; }

.noAreaFound {
	padding: 25px;
    /* border: 1px solid #000; */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #efefef;
}

.noAreaFound p {font-size: 26px; color: #666;}

#compare_result_bar {
	display: block;
	list-style-type: none;
	color: #fff;
	padding: 0 5px;
	margin-bottom: 50px;
}

#compare_result_bar  li {
	float: left;
	/* width: 50%; */
	margin: 0 0 0 10px;
	padding: 10px 0 5px 0;
	line-height: 50px;
	text-transform: Capitalize;
    font-size: 18px;
    color:#fff;
}

#compare_result_bar  li p {color:#fff; }

#compare_result_bar a.change_parameter {
	float: right;
	background: #4f3a4e url('../../images/change_parameter_arrow.png') right no-repeat;	
	color: #fff;
	text-decoration: none;
	padding: 0 40px 0 10px;
	margin-right: 3px;
}

#compare_result_bar a.change_parameter:hover {
	background-color:#694d68;
}

.changeParameterWrap {
	position: absolute;
	right: 8px;
	z-index: 1;
	/* width: 35%; */
	background: #4f3a4e;
	color:#fff;
	/* padding: 0 10px 0 10px; */
}

.form_group_area {
	padding:0 15px 0 15px;
}

.form_group_hotel{
	padding:0 15px 0 15px;
}

.form_change_parameter .control-label {
	margin-top:15px;
	font-size: 14px;
	color:#b2a99b;
}

.form_change_parameter label {
	width:100%;
}

.form_change_parameter .checkbox-inline+.checkbox-inline, .form_change_parameter .radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 0px;
}

#msform .compare-button {
	width: 100%;
	background: #de4645;
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px 5px;
	margin: 0;
}
#msform .compare-button:hover, #msform .compare-button:focus {
	background: #b83938;
}

/*Custom Fancybox CSS*/
.fancybox-nav span {
    visibility: visible;
}

.fancybox-next {
    right: -65px;
}

.fancybox-prev {
    left: -65px;
}

.photo_title {
	margin: 5px 0 5px 0;
    font-size: 22px;
}

/*Stop background shifting*/
.fancybox-lock {
    overflow: hidden;
    margin: 0 !important;
    }

/*Custom bootstrap CSS*/
.row.no-pad {
  margin-right:0;
  margin-left:0;
}
.row.no-pad > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}

.no-padding {
  padding-right:0;
  padding-left:0;
}

#msform .row {
			margin: 0em -7.5px;
			}
			
			#msform [class*="col-"] {
			padding: 0 7.5px;
			}


/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

.container {
	padding-left: 30px;
	padding-right: 30px;
	/*width: 100%;*/
}

.full-width {
	 	width: 100%;
	 }

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    .col-xxs {
		width:100%;
	}
	
	#progressbar li.active:nth-of-type(1), #progressbar li.active:nth-of-type(2) {background: #4f3a4e url('../../images/steps_arrow_after_m.jpg') no-repeat right;}
	#progressbar li.activeAlready:nth-of-type(1) {background: #73646e url('../../images/steps_arrow_before_m.jpg') no-repeat right; }
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.col-xxs {
		width:100%;
	}
	.col-xxs-instruction {
		width:50%;
	}
	
	#progressbar li.active:nth-of-type(1), #progressbar li.active:nth-of-type(2) {background: #4f3a4e url('../../images/steps_arrow_after_m.jpg') no-repeat right;}
	 progressbar li.activeAlready:nth-of-type(1) {background: #73646e url('../../images/steps_arrow_before_m.jpg') no-repeat right; }
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	 .reel {
		width: 1188px; 
	 	height:100vh;
	 }

	 #progressbar li.active:nth-of-type(1), #progressbar li.active:nth-of-type(2) {background: #4f3a4e url('../../images/steps_arrow_after_m.jpg') no-repeat right;}
	 #progressbar li.activeAlready:nth-of-type(1) {background: #73646e url('../../images/steps_arrow_before_m.jpg') no-repeat right; }
}

@media only screen and (max-width : 980px) {
	 #progressbar li.active:nth-of-type(1), #progressbar li.active:nth-of-type(2) {background: #4f3a4e url('../../images/steps_arrow_after_m.jpg') no-repeat right;}
	 #progressbar li.activeAlready:nth-of-type(1) {background: #73646e url('../../images/steps_arrow_before_m.jpg') no-repeat right; }
}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px & max-width : 1470px ) {
 #image-reel {
 	height:100vh;
 }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.reel {
		width: 100%; 
	 	height:100vh;
	 }
}

@media all  and (orientation: portrait) {
	.row {
		margin-right:0px;
		margin-left:0px;
	}
}

@media only screen and (max-width : 1000px) {	
	#instructions_container span{
    font-size: 10px;
    /* font-weight: bold; */
    float: right;
    padding-right: 10px;
    display:none;
 }

	.instructions_menu {
		display:none;
		/*width:250px;*/
		background:#fff;
		padding: 10px;
		-webkit-box-shadow: 2px 2px 8px 0px rgba(148,148,148,1);
		-moz-box-shadow: 2px 2px 8px 0px rgba(148,148,148,1);
		box-shadow: 2px 2px 8px 0px rgba(148,148,148,1);
	}
	.instructions_menu .row {
		margin-bottom: 12px;
	}

	.instructions_menu p{
		font-size: 11px;
		line-height: 16px;
		padding-right: 7px;
		padding-left: 5px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	.instructions_menu p span {
		display: inline-block !important;
		float:none !important;
		padding-right: 5px !important;
		font-size: 11px !important;
	}

	.instructions_menu img {
		width: 50%;
		margin:0 auto;
	}

	.profile {
		padding-right: 15px;
	}

	.quick_link h1 {
		padding-top:20px;
	}
}

@media only screen and (max-width : 550px) {	
	.instructions_btn{
		max-width:400px;
		min-width:250px;
	}
	
	.instructions_menu {
		max-width:400px;
		min-width:250px;
	}

	.profile {
	padding-right: 15px;
	}

	.quick_link h1 {
		padding-top:20px;
	}
	

}

	#style1{
		border-style: solid;
		border-color: #C02424; 
		margin-right:5px; 
		margin-left:10px;
		background-color: white;
	}
	#style2{
		border-style: solid; 
		border-color: #7cb342; 
		padding-left: 40px; 
		float: right; 
		margin-right:10px;
		background-color: white;
	}