/*** Reset ***/
/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
*/
/*** Clearfix ***/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }
.ie .clearfix { zoom: 1; }
.clear { clear: both; }

/*** Positioning and Alignment ***/
.fl { float: left; }
.fr { float: right; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

/*** General Settings ***/
body { background: #fff; color: #000; font-family: 'Poppins', sans-serif; font-size: 16px; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; margin-bottom: 20px; }
p { margin: 0 0 15px 0; }
a { color: #cd2425; text-decoration: none; }
em, i { font-style: italic; } 
strong, b { font-weight: bold; }

img { height: auto; max-width: 100%; }



button, input, optgroup, select, textarea {
	font-size: 14px;
}
.options input,
select {
	margin: 0px;
}


#loading {
	background: rgba(0, 0, 0, 0.5);
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	text-align: center;
	width: 100%;
	z-index: 100000;
}
#loading span {
	background: url(../images/loading.gif) no-repeat;
	background-size: 100%;
	display: block;
	height: 60px;
	width: 60px;
	margin-top: -30px;
	position: absolute;
	left: 50%;
	top: 50%;
}






#top {
	background: #1f2425;
}
#top .container {
	padding: 15px 0px;
}
#top p {
	color: #ffffff;
	font-size: 14px;
	margin: 0px;
	text-align: center;
}

#header {}
#header-top {
	border-bottom: 1px solid #e6e6e6;
}

#header-top .inner {
	position: relative;
}
#header-top .logo {
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 100;
}
#header-top .logo img {
	margin: 0px;
}
#header-top .tagline {
	color: #292929;
	margin: 0px;
	padding-left: 200px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#header-top .tagline .name {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 0px;
}
#header-top .tagline .info {
	font-size: 14px;
	margin-bottom: 0px;
}

#header-top .phone {
	color: #cd2425;
	font-size: 18px;
	margin: 0px;
}
#header-top .phone a {
	color: #cd2425;
}



#header-nav {
	border-bottom: 1px solid #e6e6e6;
}
.home #header-nav {
	border-bottom: 0px none;
}
#header-nav .container-fluid {
	
}
#header-nav .menu {
	float: left;
	padding-left: 200px;
}
#header-nav .menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#header-nav .menu li {
	float: left;
	margin-right: 25px;
	position: relative;
}
#header-nav .menu li.last {
	margin-right: 0px;
}
#header-nav .menu li a {
	color: #183862;
	float: left;
	font-size: 13px;
	padding: 10px 0px;
	position: relative;
	text-transform: uppercase;
}



#banner {
	background: #174178;
	padding-bottom: 25px;
	padding-top: 25px;
	
}
#banner .overview {
	color: #ffffff;
	/*max-width: 700px;*/
	margin-bottom: 20px;
}
#banner .overview h2 {
	font-size: 42px;
	font-weight: bold;
}
#banner .overview p {
	line-height: 22px;
}


.hide {
	display: none;
}
.show {
	display: block;
}


.number_field {
    display:inline-block;
    width: 8em;
    font-size:.9rem!important;
    height:1.7em!important;
    padding:2px!important;
    background: transparent!important;
    color: #E0E2E2!important;
}


.filter-toggle {
	color: #007bff;
}

.filter-content {
	display: none;
	padding-top: 15px;
}


.filter-mobile {
	margin-bottom: 20px;
}

.mobile-show.show {
	display: none;
}


.popover { 
  max-width : 600px;
}
.popover img {
	margin-top: 5px;
}
.popover-body {
	padding: 20px;
}


#dimension_header {
	top: 0px!important;
	left: 0px!important;
}

@media screen and (min-width:1201px){
    #logo{
        position: absolute;
        margin-right:60%;
        margin-left: 40%;
        top: 5px;
        z-index: 10;
        opacity: 0.9;
    }
}

@media screen and (min-width:1000px){
    #logo{
        position: absolute;
        margin-right:30px;
        margin-left:70%;
        top: 5px;
        z-index: 10;
        opacity: 0.9;
    }
}


@media screen and (max-width:1000px){
    #logo{
        position:absolute;
        margin-left:80%;
        margin-right:20%;
        top: 5px;
        z-index: 10;
        opacity: 0.9;
    }

}
@media screen and (max-width:768px){ 
	.mobile-show.show {
		display: block;
	}
	.mobile-hide {
		display: none;
	}
	
	#filter_section.filter-mobile {
		display: none;
		
	}
	.filter-mobile-toggle {
		display: block;
		background: #cd2425;
		color: #ffffff!important;
		margin-bottom: 20px;
		padding: 10px;
	}
	
	#dimension_header {
		/*display: none;*/
		top: 30px!important;
		left: -78px!important;
	}
}
@media screen and (max-width:700px){
    #logo{
        position:absolute;
        margin-left:88%;
        margin-right:12%;
        top: 5px;
        z-index: 10;
        opacity: 0.9;
    }
	
	
}

@media screen and (max-width:600px){
    #logo{
        position:absolute;
        margin-left:75%;
        margin-right:20%;
        top: 3px;
        z-index: 10;
        opacity: 0.9;
        width:45px;
        height: auto;
    }
}


#legend {
    /*position:absolute;
    top:45%;*/
    margin-right:auto;
    margin-left:auto;
    /*padding: 2em 9em 5em 10em;*/
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color:#616161;
    display:inline-block;
    /*margin-bottom: 25%;*/
    background: white;
    width:100%;
}


@media screen and (max-width:600px){
    #legend{
        font-size:1.4em;
        padding: 2em 4em 4em 4em;
    }
}



#banner label {
	color: #ffffff;
	margin: 0px 5px 0px 0px;
	font-size: 14px;
	font-weight: normal;
	
	/*float: left;
	width: 100px;*/
}

#sail_specs .item {
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 20px;
	position: relative;
	vertical-align: bottom;
}
#sail_specs .item.last {
	margin-right: 0px;
}

#sail_specs .item select {
	background: #ffffff;
	border: 0px none;
	font-family: 'Poppins', sans-serif;
	padding: 5px;
	outline: none;
}

@media (max-width: 680px) { 
	#sail_specs .item select {
		font-size: 16px;
		width: 330px;
	}
}


#sailboat_model_list {
	font-family: 'Poppins', sans-serif;
	font-weight: normal;
	font-size: 14px;
}


#banner select {
	margin: 0px;
}

#get_quote {
	background: #cd2425;
    border: 0px none;
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 30px;
    border-radius: 4px;
}

#offshore_header {
	
}
#offshore_price,
#coastal_price {
	font-size: 1.3rem;
	margin-top: 0px;
}

.CallMessage {
	display: block;
	top: 0px;
	margin-bottom: 20px;
}

.static_content ul {
	padding: 0px 0px 0px 15px;
}

.options label.select_label {
	/*display: block;*/
	font-weight: bold;
	margin-right: 5px;
	width: auto!important;
}
.options select {
	margin-bottom: 5px;
	margin-right: 5px;
}
.options input[type="checkbox"] {
	margin-right: 3px;
}

/*.label_7{
    width:7em!important;
    font-size:1.1em!important;
}*/

#sail_selector {
    /*position: relative;
    background: #2F3C45;
    height: auto;
    margin-bottom:2px;
    padding-bottom:5px;
    width:100%;*/
	/*max-width: 700px;*/

}



#header_content {
    /*width: 100%;
    margin-left: auto;
    margin-right: auto;
    height:auto;

    padding-left:2em;*/
}



/*#sail_specs {
    display:inline-block;
    margin-top: 0px;
    padding-top: 0px;
}*/

#results_status {
    display: block;
    font-size: 1.2em;
	font-weight: bold;
}

#find_sails {
	background: #cd2425;
	border: 0px none;
    color: #ffffff;
	cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 30px;
	
	

    border-radius: 4px;
    transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
}

#edit_sailboat {
	display: none;
}



#no_match_msg {
	top: 0px!important;
}

#find_sails:hover {
	background: #b11819;
} 


#find_sails:active{
    background: #6B8C58;
}




#filter_section {
    display:block;
    clear:both;
    /*float:left;*/
    line-height:1.3em;
}


#search_filter {
	color: #000000;	
	font-size: 1em;
}

#search_filter .item {
	margin-bottom: 20px;
}
#search_filter .item h3 {
	font-size: 1.25rem;
	margin-bottom: 10px;
}

#search_filter .item input[type="text"] {
	font-size: 12px;
	padding: 5px 8px;
}

#condition {
    margin-bottom: 20px;
}
#condition label {
	display: block;
	font-size: 20px;
}
#condition span {
	color: #000000!important;
	display: block;
	font-weight: normal;
}
#condition span .myinput {
	margin: 0px 5px 0px 0px;
	padding: 0px;
}

#sail_specs_left {
    float:left;
    padding: 0 20px 0 10px;
    margin:2px auto 2px 0;
    background: rgba(187,200, 204,.3);
    box-shadow: 2px 2px 1px rgba(85,55,85,.3);
    width: 521px;
}

#sail_specs_right {
    float:right;
    padding: 50 20 0 10;
    text-align: center;
    margin: 2 0 2 auto;
    background: rgba(187,200, 204,.3);
    box-shadow: 2px 2px 1px rgba(85,55,85,.3);
    width: 177px;
    height: 124px;
}

#filter_status {
    display: block;
    float:left;
    width: 80%;
    height: 31px;
    margin: 3px 0px 10px 0px;
    padding:1px 1px 7px 1px;
    font-size: .9em;
}

#search_results_message, #filter_results_message {
    color: #174178;
    font-size: 16px;
}
#search_results_message {
	margin-bottom: 10px;
}

#results_title {
    float: left;
    padding-left: 1em;
    font-weight: 700;
    color: rgb(250,216,82);
    font-size: 1.2em;
    margin-top: 0;
    margin-bottom: -15px;
}

#price_range {
    display: block;
    /*float: left;*/
}
#price_range input[type="number"] {
	width: 100%;
}
#price_range .form-control {
	font-size: 12px;
}

#filter_section .btn-success {
	background: #cd2425;
	border-color: transparent;
	margin: 0px!important;
}

#header_status {
    width: 760px;
    margin-left: auto;
    margin-right: auto;
}

/*button styles */

#buttons {
    position: relative;
    display:block;
    left: auto;
    top:-8px;
    clear: left;
    margin-bottom:10px;
    margin-right: 3em;
}

#filter_results_message {

}

.buttonClass {
    width: 130px;
    float: right;
    margin-right: 2px;
}

#notify_me_label {
    float: right;
    color: yellow;
}

#content_header {
    display:block;
    position:relative;
    top: 0px;
    width:100%;
    margin-left: auto;
    margin-right: auto;
    height:60px;
}

#content_header_table{
    width: 815px;
    float: left;
}

@media screen and (max-width:1200px)
{
    #content_header{
        width:100%;
    }

   
}


#dimension_header {
    position: relative;
	/*display: none;*/
}



#dimension_label {
    color: #52B448;
	margin-bottom: 5px;
	padding-left: 100px;
}
#dimension_label span {
	display: inline-block;
	margin-left: 50px;
}

#sailboat_list{
    clear: both;
}

#sailboat_list input,
#sailboat_list select {
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
}


/*sailboat model label and dropdown styles */

/*.sailboat_model_list,
.sail_types,
.find_sails {
	display: none;
}*/


/*.percentage {
	display: none;
}*/


.sail_specs_show {
	display: block;
	margin-bottom: 20px;
}

/*.sailboat_model_list {
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 1em;
    font-family:"Lucida Console", Monaco, monospace;
    font-weight: 600;
    font-size: 1.2em;
}*/

/*.text_filter {
    font-family:"Lucida Console", Monaco, monospace;
    font-weight: 600;
    font-size: 1.2em;
    height:2.3em;
}*/

#i, #j, #p, #e {
    width: 70px;
    margin-right: 20px;
    visibility: hidden;
    text-align:center;
}

input[type=number]{
    width:60px;
}

#sailboat_specs {
    display: none;
}

#results_section {
	padding-bottom: 0px;
	padding-top: 30px;
}

.widget {
	box-shadow: 0px 0px 5px 2px #ccc;
	border-radius: 4px;
	margin-bottom: 30px;
	padding: 20px;
}

@media screen and (max-width:1200px) {



    #call_us, .trigger {
        /*font-size: .9em;
        color: rgb(0, 0, 100);
        font-weight: 800;*/
    }

    #quote_mainsail a, #quote_rfg a, #quote_genoa a, #quote_spinnaker a, #quote_lazy_bag a{
        font-size:.85em;
    }

    #content_header_table{
        width:auto;
    }

    #column_catalog, #column_luff, #column_leech, #column_foot, #column_condition,
    #column_price {
        font-size: small;
    }
}






#contenttable {}


#content_tables {
	height: auto!important;
	overflow-y: initial!important; 
	padding-bottom: 50px;
}

#content_tables_header{

    width: 70%;

}
.contenttable td {
	background: none;
	border: #eee 1px solid;
}
.contenttable {
	border-collapse: collapse; 
	width: 100%; 
}


@media (max-width: 680px) { 
	/*.contentTable td {
		display: block;
		width: 100%!important;
	}
	.contentTable tr {
		display: block;
		width: 100%!important;
	}*/
	
	
	    
	.contenttable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	table.contenttable {
		
	
	}
	table.contenttable, 
	table.contenttable thead, 
	table.contenttable tbody, 
	table.contenttable th, 
	table.contenttable td, 
	table.contenttable tr { 
		display: block; 
		float: none!important;
		width: 100%!important;
		/*max-width: none;
		width: auto;
		min-width: 100%;*/
	}
	

	.contenttable td { 
		/* Behave  like a "row" */
		
		display: block;
		position: relative;
		padding-left: 50%; 
		text-align: left;
		/*width: 100%!important;*/
	}

	
	
	.contenttable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-size: 12px;
		font-weight: bold;
	}
	
	/*.contentTable tr.bottom_row {
		display: none!important;
	}*/
	
	/*
	Label the data
	*/
	.contenttable td:nth-of-type(1):before { content: "Image"; }
	.contenttable td:nth-of-type(2):before { content: "Catalog"; }
	.contenttable td:nth-of-type(3):before { content: "Luff"; }
	.contenttable td:nth-of-type(4):before { content: "Leech"; }
	.contenttable td:nth-of-type(5):before { content: "Foot"; }
	.contenttable td:nth-of-type(6):before { content: "Condition"; }
	.contenttable td:nth-of-type(7):before { content: "Condition Price"; }
	.contenttable td:nth-of-type(8):before { content: ""; }
	.contenttable .bottom_row td:nth-of-type(1):before { content: "Description"; }
	
}

#results_section .quote_image {
	width: 28%;
}
#results_section .quote_content {
	float: right;
	font-size: 15px;
	
}

.column_header h4 {
	font-size: 1.3rem;
}


@media (max-width:1050px) {

    #quote_mainsail a, #quote_rfg a, #quote_genoa a, #quote_spinnaker a, #quote_lazy_bag a{

        font-size:.70em;

        display: block;

        clear: both;

    }   
	
	.column_header h4 {
		display: block;
		float: none;
		text-align: left!important;
	}
	#offshore_price, #coastal_price {
		display: block;
		float: none;
	}

}



@media screen and (min-width: 951px){

    article {

        display: none;

    }

}



@media screen and (max-width:950px)

{

    .content_table{

        width: 100%;    

    }

    

    #content_header_table {

        width: 100%;

    }

    

    #content_tables, #content_tables_header {

        margin:0px;

        width:100%;

        font-size:.76em;

    }

    aside{

        display: none;

    }

    article {

        width: 95%;

        margin-left: auto;

        margin-right: auto;

        margin-bottom: 1em;

        display: block;

        border:1px groove #CC9900;

        border-radius: 5px;

        box-shadow: 6px 6px 3px rgba(153,102,51,.8);

    }

    #top_quote{

        background: rgba(250,216,82,.5);

        padding: 10px 10px 10px 25px;

        line-height: 1.5em;

    }    

}



#new_sail_info {

    background: rgba(250,216,82,.5);

    margin-left:auto;

    margin-right:auto;

    display:none;

}







@-moz-document url-prefix() {

    #content_tables {

        position: relative;

    }

}

aside{

    /*width: 27%;

    height: auto;

    float:right;

    margin-left: 10px;

    margin-right: 15px;

    border:1px groove #CC9900;

    border-radius: 5px;

    box-shadow: 6px 6px 3px rgba(153,102,51,.8);*/

}


.aside {
   /* width: 80%;
    height: auto;
    float:right;
    margin-left: auto;
    margin-right: auto;
    border:1px groove #CC9900;
    border-radius: 5px;
    box-shadow: 6px 6px 3px rgba(153,102,51,.8);*/
}




.side_content {

    /*background: rgba(250,216,82,.5);

    padding: 10px 10px 10px 25px;*/

    /*line-height: 1.5em;
	
	padding: 40px 30px;*/
}
.side_content .heading h3 {
	color: #e30c18;
	font-size: 22px;
	font-weight: 900;
}
.side_content .heading p {
	color: #1a74e3;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}
.side_content a {
	color: #174178;
}

#call_us a {
	color: #1a74e3;
	text-decoration: underline;
}



@media screen and (min-width:1151px)

{

    #call_us, .trigger {

        

        /*font-size:1.1em;

        color: rgb(0, 0, 100);

        font-weight: 800;*/

    }

}





.sail_condition {

    border-bottom: 1px dashed white;

    cursor: help;

}



.sortable {

    cursor: row-resize;

}



.sailboat_spec {

    border-bottom: 1px dashed white;

    cursor: help;

}



body.waiting * {

    cursor: progress;    

}



.tooltip {
	width: 25%;
	height:auto;
    line-height: 1.5em;
	padding: 5px;
	background-color: rgba(255,225,225,.94);
	border: 3px solid rgb(195,151,51);
    box-shadow: 10px 10px 5px rgba(85,55,85,.8);
	border-radius: 5px;
    opacity: 1!important;
    z-index:9999!important;
}

    

.tooltip_pic{
    width: auto;
	height:auto;
	padding: 5px;
	background-color: rgba(255,225,225,.94);
	border: 3px solid rgb(195,151,51);
    box-shadow: 10px 10px 5px rgba(85,55,85,.8);
	border-radius: 5px;
}







.myinput {

    margin-left:24px;

}





#cond1, #cond2, #cond3, #cond4, #cond5, #cond6, #cond7, #cond8 {

    cursor: default;

    font-weight: 800;

    color: #D7D7D7;

}



#cond7, #cond8 {

    font-weight: 800;

    color: #9AB320;

}



#cond9 {

    cursor: default;

    font-weight: 900;

    color: rgb(0,102,0);

}



.sail_selectors {

    border: 1px solid #D1E0E6;

}



.sail_selectors:hover {

    border: 1px solid red;

}





#email_frame {

    background: rgba(25, 74, 49,.8);

    border: 1px solid rgb(116, 90, 30);

    border-radius: 5px;

    box-shadow: 6px 6px 3px rgba(153,102,51,.8);

    display: none;

    padding:25px;

    

}



#notify_me_frame, #manage_requests_frame {
	
	color: #ffffff;
	
    /*background: #ccb983;
	margin: 2em;
    line-height:2.1em;
    padding: .5em;
    padding-bottom:2em;
    border:1px groove #CC9900;
    border-radius: 5px;
    box-shadow: 6px 6px 3px rgba(153,102,51,.8);
    */
	/*background: rgba(250,216,82,.5);*/
	/* margin-left: auto; */
    /* margin-right: auto; */
    
}
#notify_me_frame button {
	float: none;
	display: inline-block;
	
	
	background: #cd2425;
    border: 0px none;
    color: #ffffff;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 30px;
    border-radius: 4px;
    transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
}
#notify_me_frame label {
	float: left;
	width: 120px;
}
#notify_me_frame p {
	overflow: hidden;
}


#notify_me_frame .input {

    border: 1px solid rgba(180,180,180,.5);

}





#mobile_anchor{

    display:inline-block;

    color: #E0E2E2;

    padding: 1em 3em 1em 5em;

    margin:top;

    margin-left:auto;

    margin-right:auto;

    font-size:2em;

}

#mobile_redirect{

    background:#000000;

    background:rgba(197,198,55,.4);

    color: #E0E2E2;

    -webkit-border-radius: 3;

    -moz-border-radius: 3;

    border-radius: 3px;

    border:1px solid #888888;

}

#mobile_redirect button{

    padding: 5px;

    background:rgba(208,210,18,.6);

    font-size:1.5em;

}



.list-group {

    padding-left: 0;

    margin-bottom: 20px;

}

.list-group {

    overflow: hidden;

    overflow-y: scroll;

    height: 300px;

    width: 90%;

    min-width: 250px;

    margin-left: auto;

    margin-right: auto;

}


#buttons_new  {
	margin-bottom: 20px;
	width: 100%;
}

.mobile-menu-toggle,
.mobile-menu-list {
	display: none;
}

#sail_selector .row {
	margin-bottom: 0px;
}


.page-search-description #search_criteria #find_sails,
.page-search-catalog #search_criteria #find_sails{
	padding: 10px 30px 9px;
    margin: 0px!important;
}

.page-new-sail .quote_content a {
	text-decoration: underline;
}

.price-notice {
	display: none;
	font-size: 12px;
	font-style: italic;
}

@media screen and (min-width:600px) {

    #notify_me_frame, #manage_requests_frame {

        width: 60%;

    }

}

@media screen and (max-width: 1200px) { 
	
	#header-top .logo {
		width: 170px;
	}
	#header-nav .menu li {
		margin-right: 10px;
	}
	#header-nav .menu li a {
		font-size: 12px;
	}
	#header-top .tagline,
	#header-nav .menu {
		padding-left: 165px;
	}
}


@media screen and (max-width: 995px) {
	
	#header-nav {
		display: none;
	}
	
	
	.mobile-menu-toggle-wrap { background: #ffffff; border-radius: 25px; height: 45px; width: 45px; right: 12px; position: fixed; top: 12px; z-index: 1001; }
	.mobile-menu-toggle { display: block; color: #ffffff; height: 20px; font-size: 35px; right: 22px; position: fixed; top: 25px; width: 25px; z-index: 1002; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); 		-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; }
	.mobile-menu-toggle span { display: block; position: absolute; height: 2px; width: 100%; background: #174178; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out;  transition: .25s ease-in-out; }
	.mobile-menu-toggle span:nth-child(1) { top: 0px; }
	.mobile-menu-toggle span:nth-child(2),
	.mobile-menu-toggle span:nth-child(3) { top: 7px; }
	.mobile-menu-toggle span:nth-child(4) { top: 14px; }
	
	.mobile-menu-toggle.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
	.mobile-menu-toggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
	.mobile-menu-toggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); o-transform: rotate(-45deg); transform: rotate(-45deg); }
	.mobile-menu-toggle.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }
	
	.mobile-menu-list { background: #174178; display: none; height: 100%; left: 0px; overflow: auto; padding-top: 80px; position: fixed; top: 0; width: 100%; z-index: 999; }
	.mobile-menu-list li { display: block; text-align: center; }
	.mobile-menu-list a { color: #ffffff; display: block; font-size: 18px; padding: 15px; text-decoration: none; }
	
	#top_quote,
	#banner article	{
		display: none!important;
	}
	
	
	#sail_specs .item {
		display: block;
		margin: 0px 0px 20px;
	}
	
	#sail_selector {
		width: 100%;
	}
	
	#sail_specs label {
		float: left;
		width: 90px;
	}
}

@media screen and (max-width: 768px) {
	#sail_specs {
		display: block!important;
	}
	#sail_specs label {
		float: none;
		/*display: block!important;*/
		padding-bottom: 10px;
		width: 100%!important;
	}
	
	#banner #sail_specs .form-control {
		display: block;
	}
	
	#results_section .quote_image,
	#results_section .quote_content {
		float: none;
		margin: 0px 0px 20px;
		width: 100%;
	}
	#sail_specs .item select {
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	#header-top .logo {
		position: relative;
		text-align: center;
		width: 100%;
	}
	#header-top .tagline {
		padding-left: 0px;
		margin: 0px;
		text-align: center;
		width: 100%;
	}	
}