@charset "utf-8";


@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.ttf');
    src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Mistral';
    src: url('../fonts/Mistral.ttf');
    src: url('../fonts/Mistral.ttf') format('truetype');
}

@font-face {
    font-family: 'Rounded-Elegance';
	src: url('../fonts/Rounded_Elegance.ttf');
	src: url('../fonts/Rounded_Elegance.ttf') format('truetype'),
url('../fonts/Rounded-Elegance.ttf.woff') format('woff'),
url('../fonts/Rounded-Elegance.ttf.svg#Rounded-Elegance') format('svg'),
url('../fonts/Rounded-Elegance.ttf.eot') ,
url('../fonts/Rounded-Elegance.ttf.eot?#iefix') format('embedded-opentype'); 
}
/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	background-color: #FFF !important;
}

*::-webkit-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);*/
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #FFF;
	border-radius: 0px;
}

*::-webkit-scrollbar
{
	width: 15px;
	background-color: #FFF;
}

*::-webkit-scrollbar-thumb
{
	background-color: #424242;
	border-radius: 0px;

}
/** custom scroller **/
/* width */
textarea::-webkit-scrollbar {
    width: 10px;
	height: 10px;
}

/* Track */
textarea::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #ccc; 
}

/* Handle */
textarea::-webkit-scrollbar-thumb {
    background: #333; 
	width: 10px
}



@media (max-width:450px) {
	.hideonsmallscreen{ display:none}
}


.Grey3D{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
fa, .far, .fas,fa:hover {
    -webkit-text-stroke: .08px white;
}


.fa-2x {
    font-size: 1.5em;
	line-height: 26px;
}
*{/*font-family: 'Open Sans', sans-serif;*/font-family: 'PT Sans', sans-serif;}
.condensed{font-family: 'PT Sans Narrow', sans-serif; }
html, body{
/*    font-family: 'Montserrat', sans-serif;*/
	/*font-family: 'Open Sans', sans-serif;*/
font-family: 'PT Sans', sans-serif;
/*font-family: 'PT Sans Narrow', sans-serif;*/	
	font-size:calc(8px + .5vw);
    margin:0px auto;
    padding: 0px;
	height: 100%;
	display: block;
    margin-top: 0px !important;
    white-space: normal;
	/*color: #655b5D;*/
	color: #333;

}
/*a i, label{transition: all 0.3s ease-out; }*/
a{ text-decoration:none!important; color:#666; cursor: pointer;}
a:hover,a.active{ text-decoration:none!important; color:#333;}
.dotted-underline{font-weight:700;}
.dotted-underline:hover{ border-bottom: 1px dotted #333;font-weight:700;}
.dotted-underline.active{ border-bottom: 1px dotted #333;font-weight:700;}
.light-text{color:#666; font-weight:600;border-bottom: 1px dotted #333;}
.light-text:hover{color:#111;}
.fine-text{font-size:.7rem; font-weight:700;}
.fine-bold-text{font-size:calc(10px + 0.2rem); font-weight:700; color:#333}
.boldcaps{text-transform:uppercase; font-weight:700;}
p, h1, h2, h3, h4, h5, h6 { white-space: normal;}
ul{ padding-left: 0px;}
ul, li{ list-style: none;/* float:right;*/}
select {
    padding:1px 3px;
    margin: 0;
    background: #fff;
	/*color: #655b5D;*/
	color: #333;
	border:1px solid #CCC;
    outline:none;
    display: inline-block;
	line-height:14px;
    cursor:pointer;
	text-align:center;
	
}
option{text-align:center;}
select:focus {
  outline: none;
}
select option {
   background:transparent;
   border:0;
}
button{
	background:#555; 
	font-size:90%;
	color: #FFF; 
	height: 24px;
	line-height:0.5; 
	padding:5px 10px;
	margin:2px 5px; ;
	border:1px solid #888;
	width: auto;
	outline:0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	letter-spacing:1px;
	cursor: pointer;
	
}
button i{
	margin-right:5px;
}
button.icon i{
	margin:0;
}
button:hover{
	background:#655B5D;
}
button:disabled,
button[disabled]{
  background-color: #cccccc;
  color: #666666;
}
.button, .button:hover, .button:active, .button:visited  {
  font-size: calc(8px + .38vw);
  font-weight: 600;
  letter-spacing:2px;
  line-height:60px;
  padding: 10px;
  color: #655B5D;
  border: 1px solid #655B5D !important;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
  text-transform: uppercase;
  
}
.button:hover {
  background: #333;
  color: #FFF !important;
}
.button:hover fa, .button:hover .far, .button:hover .fas {
    -webkit-text-stroke: 1px #333;
}
.button.reverse{
  background: #333;
  color: #FFF !important;
}
.button.reverse:hover {
  background: #FFF !important;
  color: #655B5D !important;
}
.button.block{
    padding: 0;
    display: block;
    line-height: 40px;
    text-align: center;
}
.button.disabled, .button.disabled:hover{
  background-color: #ccc !important;
  color: #666 !important;
  cursor: not-allowed;
}

.headline{
	position:relative;
	font-family: 'PT Sans Narrow', sans-serif;
    margin-bottom: 0;
}
.headline:before, .headline:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 25%;
    height: 1px;
    content: '\a0';
    background-color: #ccc;
}
.headline:before {
    margin-left: -30%;
    text-align: right;
}
.headline:after {
    margin-left: 5%;
}

.big-pad{padding:80px 10%;}
.common-margin{margin:auto 10%;}
.common-pad{padding:30px 10%;}
.narrow-pad{padding:20px 10%;}
.tin-pad{padding:20px 15%;}
.top-pad{ padding-top:80px;}
.bot-pad{ padding-bottom:80px;}
.no-pad{ padding:0px;}
.no-left-pad{ padding-left:0px;}
.no-right-pad{ padding-right:0px;}
.common-mg{ margin: 70px auto;}
.inline{ display: inline-block;}
.common-border{ border-top: solid 1px #eee;}
.clearfix{ clear: both;}
.full-width{ width: 100% !important; }
.title {
    color: #655b5d;
    text-align: center;
    position: relative;
	margin-top: 0px;
    margin-bottom: 50px;
    text-transform: capitalize;
    letter-spacing: 2px;
}
.title:before {
    content: '';
    display: block;
    border-bottom: 1px solid #777;
    width: 85px;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.title strong { color: #655b5d;}

  h1 {
    position: relative;
	font-size:1.1rem;
	letter-spacing:1px;
    margin-top: 20px;
  }
  h4 {
    margin-top: 20px !important;
  }
  
  h1.one, h4.one {
    margin:55px 20px;
	text-align: center;
  }
  
  .smaller_margin_below  {
    margin-bottom:35px !important;
  }
  
  h1.one:before, h4.one:before {
    content: "";
    display: block;
    border-top: solid 1px #CCC;
    width: 80%;
    height: 1px;
    position: absolute;
    top: 50%;
	left:10%;
    z-index: 1;
  }
  
  h1.one span, h4.one span {
    background: #fff;
    padding: 0 20px;
    position: relative;
    z-index: 5;
  }
  
.more-info, .get-page{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    padding: 7px 30px;
    display: inline-block;
    color: #fff;
    transition: all 0.3s ease-in;
}
.more-info{
	background-color:#3259a3;
    border: 1px solid #3259a3;
}
.more-info:hover{
	color:#3259a3;
	background-color:#fff;
}
.get-page{
	background-color:transparent;
    border: 1px solid #fff;
}
.get-page:hover {
    color: #fff;
    background-color: #40a85b;
}
.get-page .fa, .more-info .fa{
    padding-left: 10px;
}
.learn-more{
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    padding: 7px 40px;
    display: inline-block;
    color: #989898;
    border: 1px solid #989898 !important;
    transition: all 0.7s ease-in;
}
.learn-more:hover{
    background: transparent;
    border: 1px dotted lightslategray !important;
    color: #888;
}



/* header*/
header .logo-scetion {
    width: 180px;
    position: relative;
    z-index: 99;
}
.logo-scetion img {
    max-width: 100%;
    height: auto;
}
/*header.home{ position: absolute; z-index: -99999}*/
header {
    position:relative;
    z-index: 9999999;
    width: 100%;
    padding:15px 1.5%;
    background: #fff;
}

.fixed{
	position: fixed !important;
	top: 0;
	width: 100%;
    z-index: 9999999 !important;
}
header.fixed{
	background: #fff;
}
/*header, .fixed {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;    
}*/
.beginner-fade{ 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
    z-index: 999999999;
    background: #fff;
}
.fade-right, .fade-white, .fade-left{
    z-index: 99999;
    width: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100%;
}
.fade-right, .fade-white{ right: 0;}
.fade-left{left: 0;}
.fade-right,.fade-left{background: #464646;}
.fade-white{background: #fff; z-index: 99999999;}
.fade-white.op{left: 0;}

.header-menu {
    position: relative;
    margin-top: 0px;
    z-index: 99;
}
ul.main-menu {
    margin: 0px;
    padding: 0px;
    display: block;
}
.main-menu li {
    float: left;
    position: relative;
}
.main-menu>li>a {
    font-size: 0.95rem;
	line-height:2.5rem;
	letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    padding: 0;
	margin:10px 1vw 0 1vw;
	color:#333 !important;
}
.main-menu>li:first-child>a{
	margin:10px 1vw 0 0;
}
.main-menu>li:last-child>a{
	margin:10px 0 0 1vw;
}
.header-menu li> ul.sub-menu {
    position: absolute;
	top: -10px;
    padding: 5px 0;
/*    margin: 5px 0;*/
	margin:0;

    background-color: #ffffff;
    opacity: 0;
    visibility: hidden;
    border: none; 
	box-shadow:-1px 2px 1px 1px rgba(0, 0, 0, 0.5);
	z-index: 99999999 !important;
	width: 10vw;
	left:-1.9vw;
	min-width: 150px;	
}
.header-menu li:last-child> ul.sub-menu {
	width: 9vw;
	left:-0.5vw;
	min-width: 110px;
}
.header-menu li> ul.sub-menu li {
    display: block;
    margin-right: 0px;
    width: 100%;
}
.header-menu .sub-menu li a {
    border-bottom: 1px solid #ccc !important;
    margin: 0px 10px;
    padding: 10px 0px;
    font-size: 0.85rem;
    display: block;
    text-transform:uppercase;
    text-align: center;
}
.main-menu>li>a:hover {
    border-bottom: 1px solid #333 !important;
}
.main-menu>li.active>a, header.fixed .main-menu>li.active>a {

	border-bottom: 1px solid #333 !important;
}
.main-menu li:hover>a{  }
.header-menu li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
   /* top: 45px;*/
   top:95%;
}
.header-menu .sub-menu li:hover a{

	border-bottom: 1px solid #333 !important;
}

/* footer */
footer{
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #efeeee;
    padding: 40px 0px;

}

.footer-divider{ background: #333; height: 1px; width: 236px; margin: 0px auto;}

footer a {
    color: #655b5d;
}
.footer-copy {
    clear: both;
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 40px;
}

ul.social-lists {
    position: relative;
    margin-top: 20px;
    padding: 0px;
}
.social-lists li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.social-lists .fab {
    color: #71686a;
    font-size: 14px;
    width: 30px;
    height: 30px;
    border: 1px solid #71686a;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 28px;
    transition: all 0.7s;
}
.social-lists li:hover .fab{
    background: #71686a;
    color: #fff;
}


.quantity {
  position: relative;
}

.quantity  input[type=number]::-webkit-inner-spin-button,
.quantity  input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

.quantity input[type=number]
{
  -moz-appearance: textfield;
}

.quantity input {
    width: 80px;
    line-height: 1.65;
    float: left;
    display: block;
    margin: 0;
    padding: 5px 35px 5px 5px;
    border: 1px solid #eee;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 30px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
/*  border-left: 1px solid #eee;*/
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 16px;
  font-weight: 800;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 12px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 3px;
 /* border-bottom: 1px solid #eee;*/
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -3px;
  height: 50%;
}


/* Media Stylesheet*/

@media screen and (max-width: 767px) {
    .navbar-toggle{ display: block;}
    .navbar-toggle .icon-bar{ background: #de0000;}
    .header-menu{ display: none;}
}

@media screen and (min-width: 540px) and (max-width: 767px) {
    .main-menu>li>a{ margin-right: 30px; }
}

.xs-menu-cont{
	display:none;
}

@media (max-width: 767px)  { 
.xs-menu-cont{
	display:block;
}		 
#menutoggle i {
    color: #333;
    font-size: 33px;
    margin: 0;
    padding: 0;
}
	 
.xs-menu-cont #menutoggle{
	width:24px;
	position: absolute;
    right:20px;
	top:15px;
}
.xs-menu-cont #menutoggle hr{
    border: 1px solid #333;
    margin: 4px 0;
}
.xs-menu-cont > a {
	margin:5px;
}
.xs-menu-cont > a:hover{
 cursor: pointer;
}

.xs-menu {
	position:absolute;
    background: #fff;
	right:25px; top:40px;
	z-index:99999999999999;
	box-shadow:-1px 2px 1px 1px rgba(0, 0, 0, 0.5);	
}
.xs-menu ul {
	margin:10px 0;
	padding:0;
}
.xs-menu li {
	display: block;
    width: 100%;

}
.xs-menu  a{
    text-transform: uppercase;
}
.xs-menu li a {
	text-decoration:none;
    border-bottom: 1px solid #ccc !important;
    margin: 0px 10px;
    padding: 10px 0px;
    font-size: 0.85rem;
    display: block;
    text-transform: uppercase;
    text-align: center;	
}

.xs-menu  li:hover a {
    border-bottom: 1px solid #333 !important;
}
.xs-menu-cont{
	display:block ;
}   

.displaynone {
    display: none;
}
 
}