/* ----------------------------------------------------------------
    Document Reset
-----------------------------------------------------------------*/
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300,300italic,600,600italic,700,700italic,800,800italic);*/
/*@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,italic,500,500italic,700,700italic,900,900italic&subset=greek-ext,greek,cyrillic-ext,latin-ext,latin,vietnamese,cyrillic);*/
/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);*/
 /*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&subset=latin,greek,cyrillic-ext);*/
 @import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
  @import url(font-awesome.css);
  @import url(st_infra.css);
 
     

*, *:after, *:before { box-sizing: border-box;}
.clearfix:before, .clearfix:after { content: ''; display: table;}
.clearfix:after { clear: both; }
html, body {margin: 0; padding: 0;}
html{margin: 0;padding: 0;}
*{padding:0px;margin:0px;}
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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ul {list-style: none;}
a,a:hover{-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
div{ display:block;}
blockquote:before, blockquote:after,q:before, q:after {}
table {border-collapse: collapse;border-spacing: 0;}
:focus { outline: 0;}
[hidden] {display: none;}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;}
hr { height:0px;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto;vertical-align: top;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color:#FFFFFF!IMPORTANT;background-image: none;color: rgb(0, 0, 0);}
input[type="submit"],
input[type="text"],
input[type="password"],
input[type="reset"],
textarea {-webkit-appearance: none;}


.common-st{padding:2em 0;}
.bg-gray{background:#f6f6f6;}
.bg-white{background:#fff;}

.white{color:#fff!important;} 
p{font-size: 13px;}
a,strong{}
.text-flow h5 {font-weight:bold; font-size:20px;margin:10px 0;}
.text-flow h6 {font-weight:bold; font-size:20px;margin:10px 0;}
.text-flow p{margin-bottom:10px;}

.text-list h5 {font-weight:bold; font-size:20px;margin:0px 0 5px;color:#464646;}
.text-list h6 {font-weight:lighter; font-size:18px;margin:0px 0 5px;color:#464646;}
.text-list p{margin-bottom:10px;font-size:13px; color:#464646;}


.text-flow_list{}
.text-flow_list strong{font-weight:bold; font-size:14px;margin:10px 0;}
.text-flow_list ul{margin-left: 19px; list-style-type:disc;}
.text-flow_list ul li{    font-size: 14px;line-height: 20px;color: #0D0D0D;}

img{ border:0px; outline:0px;}
a{ text-decoration:none;outline:none;}
body {font-family: Lato,sans-serif; font-size: 14px;line-height: 1.42857143;  color: #333;}
.menu,#search ul li a,#shop span,.ct-row-nav li a{/*font-family: Arial,sans-serif;*/    font-weight: 600;}
 
.fl-lt{ float:left;}
.fl-rt{ float:right;}
 
.mauto {
    margin: auto!important;
    float: none!important; display:block;
}
.txt-rt{text-align:right;}
.txt-lt{text-align:left;}
.txt-center{text-align:center;}
.uppercase{text-transform:uppercase;}
.pos-rel{position:relative;}
.pos-abso{position:absolute;}
.vertical-base{	vertical-align:baseline;}
.vertical-top{vertical-align:top;}
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}
.padtop{ padding-top:10px;}
.fontbold{ font-weight:bold;}
.pos-static{position:static!important;}

/*img{max-width:100%;}*/
.shadow_top{box-shadow: 0 0px 2px 4px #D8D4D4;-moz-box-shadow: 0 0px 2px 4px #D8D4D4;-webkit-box-shadow: 0 0px 2px 4px #D8D4D4;-o-box-shadow: 0 0px 2px 4px #D8D4D4;}
.shadow_bottom{box-shadow: 0 4px 2px 0px #D8D4D4;-moz-box-shadow: 0 4px 2px 0px #D8D4D4;-webkit-box-shadow: 0 4px 2px 0px #D8D4D4;-o-box-shadow: 0 4px 2px 0px #D8D4D4;}
.shadow{box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.22);}
.shadow-b{box-shadow: 0px 40px 20px -40px rgb(133, 133, 133); 
-webkit-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
-moz-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);
-o-box-shadow: 0px 40px 20px -40px rgb(133, 133, 133);}
.bx-shadow{
	
	-webkit-box-shadow:
		0 2px 6px rgba(0,0,0,0.5),
		inset 0 1px rgba(255,255,255,0.3),
		inset 0 10px rgba(255,255,255,0.2),
		inset 0 10px 20px rgba(255,255,255,0.25),
		inset 0 -15px 30px rgba(0,0,0,0.3);
	-moz-box-shadow:
		0 2px 6px rgba(0,0,0,0.5),
		inset 0 1px rgba(255,255,255,0.3),
		inset 0 10px rgba(255,255,255,0.2),
		inset 0 10px 20px rgba(255,255,255,0.25),
		inset 0 -15px 30px rgba(0,0,0,0.3);
	box-shadow:
		0 2px 6px rgba(0,0,0,0.5),
		inset 0 1px rgba(255,255,255,0.3),
		inset 0 10px rgba(255,255,255,0.2),
		inset 0 10px 20px rgba(255,255,255,0.25),
		inset 0 -15px 30px rgba(0,0,0,0.3);
	background:rgba(0,0,0,0.25);}
.search{float:right;margin: 0px auto 0px auto;padding:0px;}
img, object, embed, audio, video {max-width: 100%;}
.huge{font-size:10em;}
blockquote{margin:30px 0;padding:0 0 0 30px;border-left:3px solid;}
blockquote p{margin-bottom:0;white-space:normal;font-style:italic;font-size:20px;}
blockquote cite{color:#ffffff;}
blockquote cite:before{content:"- ";}
p{font-size:14px;line-height:20px;margin:0 0 15px 0;}
p.md{font-size:16px;line-height:22px;}
p.lg{font-size:30px;line-height:1.2em;}
.big{font-size:200%;line-height:1.5em;}
.thin{font-weight:300;}
p.drop-caps:first-child:first-letter {float: left;margin-top: 5px;margin-right: 5px;padding: 4px;font-size: 75px;line-height: 60px;}
p.drop-caps.secondary:first-child:first-letter {margin-right: 10px;padding: 6px 12px;border-radius: 4px;color: rgb(255, 255, 255);}
hr{display:block;clear:both;margin-top:10px;margin-bottom:10px;width:100%;height:1px;border:0;}
hr.fw{display:block;clear:both;margin-top:0;margin-bottom:50px;width:100%;height:1px;border:0;background:#eaeaea;}
hr.sm{display:inline-block;margin:15px 0;	width:40px;height:2px;border:0;background:#eaeaea;}
ul.checks, ul.angles, ul.carets, ul.chevrons{margin-bottom:15px;}
ul.checks > li, ul.angles > li, ul.carets > li, ul.chevrons > li{margin:10px 0;}
ul.checks > li > i, ul.angles > li > i, ul.carets > li > i, ul.chevrons > li > i{margin-right:2px;}
ul.inline{margin:10px 0;}
ul.inline > li{display:inline-block;margin-right:10px;}
ul.inline > li i.fa{margin-right:2px;}
ul.nav-list-primary > li a{display:block;padding:8px;border-bottom:1px solid #eceae4;color:#666666;text-decoration:none;}
ul.nav-list-primary > li a:hover{text-decoration:none;}
ul.unordered{margin:10px 0 10px 20px;list-style-type:disc;}
ol{margin:10px 0 10px 30px;list-style-type: decimal;}
ul.unordered ul, ol ul{margin:10px 0 10px 20px;}
ul.unordered ul{list-style-type:circle;}
dl{margin:10px 0;}
dl dt{font-weight:700;}
address.ico i{display:inline-block;float: left;clear:both;padding-top: 3px;}
address.ico p{margin:0;padding-bottom:10px;}
address.ico span{display:inline-block;padding-left:20px;}
.cursive{ font-style:italic;text-transform:none;font-weight:400;letter-spacing:0;}
.title-note{color:#ffffff;font-size:11px;font-weight:700;display:inline-block;padding:0 5px;line-height:20px;text-transform:uppercase;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; }
label {display: inline-block;margin-bottom: 5px;font-weight: bold;}
.form-control{/*margin-bottom:20px;*/}

/* ==================================================
   Margin Bottom Sets
================================================== */
.margin-0{margin-bottom:0 !important;}
.margin-10{margin-bottom:10px !important;}
.margin-15{margin-bottom:15px !important;}
.margin-20{margin-bottom:20px !important;}
.margin-30{margin-bottom:30px !important;}
.margin-40{margin-bottom:40px !important;}
.margin-50{margin-bottom:50px !important;}
.margin-60{margin-bottom:60px !important;}
.margin-70{margin-bottom:70px !important;}
.margin-80{margin-bottom:80px !important;}
.push-top{margin-top:35px;}

/* ==================================================
   Padding Sets
================================================== */
.padding-b0{padding-bottom:0!important;}
.padding-tb20{padding-top:20px;padding-bottom:20px;}
.padding-tb45{padding-top:45px;padding-bottom:45px;}
.padding-tb75{padding-top:75px;padding-bottom:75px;}
.padding-tb100{padding-top:100px;padding-bottom:100px;}
.padding-tb125{padding-top:125px;padding-bottom:125px;}
/* ==================================================
   Spacers
================================================== */
.spacer-20{	height:20px;clear:both;width:100%;}
.spacer-30{height:30px;clear:both;width:100%;}
.spacer-40{height:40px;clear:both;width:100%;}
.spacer-50{height:50px;clear:both;width:100%;}
.spacer-75{height:75px;clear:both;width:100%;}
.spacer-100{height:100px;	clear:both;width:100%;}
/* ----------------------------------------------------------------------------------------- */
/* Multi purpose classes */
/* ----------------------------------------------------------------------------------------- */
.overlay-transparent{background:rgba(0,0,0,.6);}
 .meta-data{display:block;margin-bottom:10px;font-size:12px;font-style:italic;color:#999999;}
.meta-data a{color:#666666;}
.meta-data a i{color:#999999;}
.meta-data a:hover{text-decoration:none;}
.meta-data > span{margin-right:20px;display:inline-block;}
.meta-data i{margin-right:4px;}
.meta-data > span:last-child{margin-right:0;}
.isotope, .isotope .isotope-item {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;transition-duration: 0.8s;}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
.media-box{position:relative;display:block;max-width:100%;}
.media-box .zoom, .media-box .expand{position:absolute;width:100%;height:100%;text-align:center;color:#ffffff!important;font-size:1.5em;
	z-index:999;left:0;top:0;margin:0;	background-color:rgba(0,0,0,.5);	opacity:0;-webkit-transition:all 0.3s ease 0.2s;
	-moz-transition:all 0.3s ease 0.2s;-ms-transition:all 0.3s ease 0.2s;-o-transition:all 0.3s ease 0.2s;transition:all 0.3s ease 0.1s;
}
.img-thumbnail img:hover, .img-thumbnail:hover{opacity:.9}
.media-box:hover .zoom, .media-box:hover .expand{opacity:1;	-webkit-transition: opacity .3s .2s;-moz-transition: opacity .3s .2s;-ms-transition: opacity .3s .2s;
	-o-transition: opacity .3s .2s;transition: opacity .3s .2s;}
.mejs-container{margin-bottom:20px;}.media-box .media-box-wrapper{padding:30px;}
.info-table li{border-bottom:1px solid #eceae4;padding:10px 20px;}
.info-table li:nth-child(2n+1) {background-color: #f8f7f3;}.info-table li i.fa{margin-right:5px;}
.info-table li:last-child{border-bottom:0;}
 
.ease{-moz-transition:all .8s ease-in;-webkit-transition:all .8s ease-in;transition:all .8s ease-in;}
.ease:hover{-moz-transition:all .8s ease-in;-webkit-transition:all .8s ease-in;transition:all .8s ease-in;}

.viewmore{ font-size:14px;  text-transform: uppercase;}
 


  
  /*  Seprators  **************************************/
hr {border: solid #ddd;border-width: 0px 0 0;clear: both;}

.sep10 {height: 10px;}
.sep20 {height: 20px;}
.sep30 {height: 30px;}
.sep40 {height: 40px;}
.sep50 {height: 50px;}
.sep60 {height: 60px;}
.sep70 {height: 70px;}
.sep80 {height: 80px;}
.sep90 {height: 90px;}
.sep100 {height: 100px;}
  
 .mb5{margin-bottom:8px;} 
 .mb10{margin-bottom:10px;}
 .mb20{margin-bottom:20px!important;}
 .mb30{margin-bottom:30px;}
 .mb40{margin-bottom:40px;}
 .mb50{margin-bottom:50px;}
 .mb60{margin-bottom:60px;}
 .mb70{margin-bottom:70px;}

 .mt5{margin-top:5px;}
 .mt10{margin-top:10px!important;}
 .mt20{margin-top:20px!important;}
 .mt30{margin-top:30px;}
 .mt40{margin-top:40px;}
 .mt50{margin-top:50px;}
 .mt60{margin-top:60px;}
 .mt70{margin-top:70px;}
 .mt80{margin-top:80px;}
 .mt90{margin-top:90px;}
 .mt100{margin-top:100px;}

 .pdt10{padding-top:10px!important;}
 .pdt20{padding-top:20px!important;}
 .pdt30{padding-top:30px!important;}
 .pdt40{padding-top:40px!important;}
 .pdt50{padding-top:50px!important;}
 .pdt60{padding-top:60px!important;}

 .pdb10{padding-bottom:10px!important;}
 .pdb20{padding-bottom:20px!important;}
 .pdb30{padding-bottom:30px!important;}
 .pdb40{padding-bottom:40px!important;}
 .pdb50{padding-bottom:50px!important;}
 .pdb70{padding-bottom:70px!important;}
 .pdb80{padding-bottom:80px!important;}
 .pdb90{padding-bottom:90px!important;}
 .pdb100{padding-bottom:100px!important;}

 .f-11{font-size:11px;}
 .f-12{font-size:12px;}
 .f-13{font-size:13px;}
  
  

 /* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
25% {-webkit-transform: scale(1.3);transform: scale(1.3);}
75% {-webkit-transform: scale(0.8);transform: scale(0.8);}
}

@keyframes hvr-icon-pulse {
25% {-webkit-transform: scale(1.3);transform: scale(1.3);}
75% {-webkit-transform: scale(0.8);transform: scale(0.8);}
}

 /* Bounce To Bottom */

 .btnorder{width: 70%;border: 2px solid #fc0909;background: #fff;color: #fc0909;}
 [class^="hvf-"] {padding: 5px 0;cursor: pointer;text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.hvf-bottom {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;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvf-bottom:hover{border: 2px solid #fc0909;}
.hvf-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fc0909;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvf-bottom:hover, .hvf-bottom:focus, .hvf-bottom:active {
  color: white;
}
.hvf-bottom:hover:before, .hvf-bottom:focus:before, .hvf-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


    @media only screen and (max-width: 1200px) and (min-width: 1000px) 
{
    .container-main{ width:100%; border:0;}
    .container-wrap{ width:100%;} 
}

    @media only screen and (max-width: 1000px) and (min-width: 800px) 
{
    .container-main{ width:100%; border:0;}
    .container-wrap{ width:100%;} 
}

  
  @media only screen and (max-width: 800px) and (min-width: 660px) 
{
    .container-main{ width:100%; padding:0 15px; border:0;}
    .container-wrap{ width:100%; padding:0 15px;} 
}

@media only screen and (max-width: 660px) and (min-width: 480px) 
{
    .container-main{ width:100%; padding:0 15px; border:0;}
    .container-wrap{ width:100%; padding:0 15px;} 
}

@media only screen and (max-width: 480px) and (min-width: 320px) 
{
    .container-main{ width:100%; padding:0 15px; border:0;}
    .container-wrap{ width:100%; padding:0 15px;} 
}
@media only screen and (max-width: 320px) and (min-width: 240px) 
{
    .container-main{ width:100%; padding:0 15px; border:0;}
    .container-wrap{ width:100%; padding:0 15px;} 
}