/*

 Theme Name: BSC

 License: GNU General Public License

 License URI: license.txt

 Tags: two-columns, responsive-layout, threaded-comments, editor-style, custom-menu

 */


/*! ====================[ Foundation Import ]================ */

@import url("./assets/styles/framework.css");

@import url("./assets/styles/font-awesome.min.css");

@import url("./assets/styles/animate.css");





/*! ====================[ 02. Global Settings ]=============== */



/* Clearfix */

.clearfix {*zoom: 1;}.clearfix:before,.clearfix:after {display: table;line-height: 0;content: "";}.clearfix:after {clear: both;}





html, body {

    height: 100%;

}



body {

	background: #2A2A2A;

	color: #222222;

	padding: 0;

	margin: 0;

	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;

	font-weight: normal;

	font-style: normal;

	line-height: 1;

	position: relative;

	cursor: default; 

}







/* Preloader */



body.home #cro_preloader {

    position:fixed;

    top:0;

    left:0;

    right:0;

    bottom:0;

    background-color:#fff; /* change if the mask should have another color then white */

    z-index:99; /* makes sure it stays on top */

}



body.home #cro_status {

    width:200px;

    height:200px;

    position:absolute;

    left:50%; /* centers the loading animation horizontally one the screen */

    top:50%; /* centers the loading animation vertically one the screen */

    background-image:url(assets/styles/images/status.gif); /* path to your loading animation */

    background-repeat:no-repeat;

    background-position:center;

    margin:-100px 0 0 -100px; /* is width and height divided by two */

}





.cro_outer{

	background: #FBF9FA;

	height: 100%;

    margin: 0 0;

    position: relative;

    top: 0;

    z-index: 4 !important;

    left: -0px;



}





#cromaslide .ls-nav-prev{

	background: transparent;

	color: #fff;

	border: 2px solid #fff;



}



#cromaslide .ls-nav-next{

	background: transparent;

	color: #fff;

	border: 2px solid #fff;

}





#cromaslide .ls-nav-prev:after{

	content: "\f053";

	font-family: FontAwesome;

	font-size: 30px;

	position: absolute;

	left: 8px;

	top: 6px;

	z-index: 5;

}



#cromaslide .ls-nav-next:after{

	content: "\f054";

	font-family: FontAwesome;

	font-size: 30px;

	position: absolute;

	left: 10px;

	top: 6px;

	z-index: 5;

}



#cromaslide .ls-nav-prev:hover{

	color: #fff;

	border: 4px solid #fff;



}



#cromaslide .ls-nav-next:hover{

	color:#fff;

	border: 4px solid #fff;

}





h1.croma-title{

	float: left;

}





.cro_outerfocus{

	left: -300px;

}



#singleproduct{

	background: #fff;

}





.animated{

	visibility: hidden;

}



.cro_animnot{

	visibility: visible;

}







 /* Default Link Styles */

a {

	color: #2ba6cb;

	text-decoration: none;

	line-height: inherit; }

  

a:hover, a:focus {

	color: #6F6F6F; }



a img {

	border: none; }





/* Default paragraph styles */

p {

	font-family: inherit;

	font-weight: normal;

	font-size: 1em;

	line-height: 1.6;

	margin-bottom: 1.25em;

	text-rendering: optimizeLegibility; }

  

p aside {

	font-size: 0.875em;

    line-height: 1.35;

    font-style: italic; }



/* Default header styles */

h1, h2, h3, h4, h5, h6 {

	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;

	font-weight: bold;

	font-style: normal;

	color: #222222;

	text-rendering: optimizeLegibility;

	margin-top: 0.2em;

	margin-bottom: 30px;

	line-height: 1.2125em; }

  

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {

	font-size: 60%;

	color: #6f6f6f;

	line-height: 0; }



h1 {font-size: 2.125em; }

h2 {font-size: 1.6875em; }

h3 {font-size: 1.375em; }

h4 {font-size: 1.125em; }

h5 {font-size: 1.125em; }

h6 {font-size: 1em; }



/* Typography defaults */

code {

	font-family: Consolas, "Liberation Mono", Courier, monospace;

	font-weight: bold;

	color: #7f0a0c; }



blockquote {

	margin: 0 0 1.25em;

	padding: 0.5625em 1.25em 0 1.1875em;

	border-left: 1px solid #dddddd; }

  

blockquote cite {

	display: block;

	font-size: 0.8125em;

	color: #555555; }



blockquote cite:before {

	content: "\2014 \0020"; }



blockquote cite a,blockquote cite a:visited {

	color: #555555; }



blockquote,blockquote p {

	line-height: 1.6;

	color: #6f6f6f; }



.main{



	padding: 110px 0;

}



.singleitem{

	background: #FFFFFF;

}



.cro_errormessage{

	color: #fff;

	padding: 20px;

	text-align: center;

	background: #ed3654;

	margin: 10px 0;

	display: none;

}



.cro_successmessage{

	color: #fff;

	padding: 20px;

	text-align: center;

	background: #36ed88;

	margin: 10px 0;

	display: none;

}







#cromaslide{

	position: relative;

	z-index: 10;



}



#pagelayout{

	background: #fff;

}





.croma_pad_left{

	padding-left: 40px;

}



.croma_pad_right{

	padding-right: 40px;

}





article.sticky{

	background: #FBF9FA;

}





.alignleft{

	float: left;

	margin-right: 50px;

	margin-bottom: 50px;

}



.alignright{

	float: right;

	margin-left: 50px;

	margin-bottom: 50px;

}



.aligncenter{

	margin-left: auto;

	display: block;

	margin-right: auto;

}



p.wp-caption-text{

	background: #FBF9FA;

}



img{

	width: auto;

	max-width: 100% !important;

	height: auto;

}



.wp-caption{

	max-width: 100%;

}



form.post-password-form{

	background: #FBF9FA;

	border: 1px solid #ddd;

	padding: 20px;

}



form.post-password-form input{

	width: 49%;

}





form.post-password-form input[type="submit"]{

	width: 49%;

	background: #222;

	padding: 10px;

	border: 0;

	color: #fff;

}





.page-links{

	border-top: 1px solid #333;

	padding-top: 20px;

	text-align: center;

	text-transform: uppercase;

}



.page-links span{

	padding: 5px 10px;

	background: #222;

	font-size: 11px;

	color :#fff;

}





.page-links a span{

	padding: 5px 10px;

	font-size: 11px;

	color :#fff;

}



.page-links span.page-links-title{

	color: #fff;

}





.wp-audio-shortcode{

	margin-bottom: 30px;

}



.gallery-caption{

	position: relative;

}



.bypostauthor{

	position: relative;

}





.cro_pagelayout, .cro_singleblogpage{

	padding-bottom: 90px;

}



#map-div img { max-width: none !important; height: auto !important; }









.cro_messwrapper{

	padding-top: 13px;

	font-size: 14px;

	padding-bottom: 13px;

}





/*! ====================[ 03. Header ]=============== */

header#pageheader{

	background: #fff;

	z-index: 100;

	position: relative;

}







/*! ====================[ 04. Title & Logo ]========== */

.croma-logo{

	width: 100%;

	text-align: center;

}



.croma-title{

	text-align: left;

	font-weight: normal;

	line-height: 105px;

	margin: 0;

}





/*! ====================[ 05. Primary Navigation ]===== */

/* Navigation Menu */



.sticky-wrapper #croma-primarynav{

	left: 0;

}



.sticky-wrapper{

	height: 0px !important;

}



.cro_maincol{

	position: relative;

}



#croma-primarynav{

	position: absolute;

	bottom: -50px;

	width: 100%;

	height: 50px;

	text-align: center;

	-webkit-transform: translateZ(0);

}



.croma-primarynav{

	height: 50px;

	max-width: 100%;

}



#croma-primarynav ul.menu{

	height: 50px;

}





#croma-primarynav li {

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 1.42857143;

	position: relative;

	line-height: 50px;

}

#croma-primarynav a {

	color: #fff;

	-webkit-transition: all 0.2s linear;

	-moz-transition: all 0.2s linear;

	-ms-transition: all 0.2s linear;

	-o-transition: all 0.2s linear;

	transition: all 0.2s linear;

}

#croma-primarynav a:hover {

	color: #21759b;

}

#croma-primarynav ul.menu,

#croma-primarynav div.menu > ul {

	display: none;

}

#croma-primarynav ul.menu.toggled-on,

.menu-toggle {

	display: inline-block;

}

#croma-primarynav ul.menu,

#croma-primarynav div.menu > ul {

	display: inline-block !important;

	text-align: center;

	background: #1F1D1D;

	-webkit-box-shadow: 0 1px 0px 2px rgba(0,0,0,0.2);

	box-shadow: 0 1px 0px 2px rgba(0,0,0,0.2);

}

	

#croma-primarynav ul {

	margin: 0;

	text-indent: 0;

}



#croma-primarynav li a,

#croma-primarynav li {

	display: inline-block;

	text-decoration: none;

}

	

#croma-primarynav li a {

	border-bottom: 0;

	color: #fff;

	padding:  4px  20px 2px 20px;

	text-transform: uppercase;

	white-space: nowrap;

	font-size: 15px;

	display: block;

	line-height: 44px;

}



#croma-primarynav li {

	position: relative;

	text-align: left;

}



#croma-primarynav li ul {

	display: none;

	margin: 0;

	padding: 0;

	position: absolute;

	top: 50px;

	z-index: 1;

	left: 8px;

}



#croma-primarynav li ul ul {

	top: 0;

	left: 205px;

}



#croma-primarynav ul li:hover > ul {

	border-left: 0;

	display: block;

}

	

#croma-primarynav li ul li a {

	background: #000;

	display: block;

	font-size: 14px;

	line-height: 1.481818182;

	padding: 0.471428571rem 0.714285714rem;

	width: 160px;

	width: 12.85714286rem;

	white-space: normal;

	color :#fff;

	opacity: 0.9;

}



#croma-primarynav li ul li a:hover {

	background: #333B3F;

	color: #fff;

}



#croma-primarynav .current-menu-item > a,

#croma-primarynav .current-menu-ancestor > a,

#croma-primarynav .current_page_item > a,

#croma-primarynav .current_page_ancestor > a {

	background: #272727;

}





#croma-primarynav li a:hover {

	color: #fff;

	background: #1F1D1D;

}







/* Superfish */

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin: 0;

	padding: 0;

	list-style: none;

}

.sf-menu li {

	position: relative;

}

.sf-menu ul {

	position: absolute;

	display: none;

	top: 100%;

	left: 0;

	z-index: 99;

}

.sf-menu > li {

	float: left;

}

.sf-menu li:hover > ul,

.sf-menu li.sfHover > ul {

	display: block;

}



.sf-menu a {

	display: block;

	position: relative;

}

.sf-menu ul ul {

	top: 0;

	left: 100%;

}





/*** DEMO SKIN ***/

.sf-menu {

	float: left;

	margin-bottom: 1em;

}

.sf-menu ul {

	box-shadow: 2px 2px 6px rgba(0,0,0,.2);

	min-width: 12em; /* allow long menu items to determine submenu width */

	*width: 12em; /* no auto sub width for IE7, see white-space comment below */

}

.sf-menu a {

	border-left: 1px solid #fff;

	border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */

	border-top: 1px solid rgba(255,255,255,.5);

	padding: .75em 1em;

	text-decoration: none;

	zoom: 1; /* IE7 */

}

.sf-menu a {

	color: #13a;

}

.sf-menu li {

	background: #BDD2FF;

	white-space: nowrap; /* no need for Supersubs plugin */

	*white-space: normal; /* ...unless you support IE7 (let it wrap) */

	-webkit-transition: background .2s;

	transition: background .2s;

}

.sf-menu ul li {

	background: #AABDE6;

}

.sf-menu ul ul li {

	background: #9AAEDB;

}

.sf-menu li:hover,

.sf-menu li.sfHover {

	background: #CFDEFF;

	/* only transition out, not in */

	-webkit-transition: none;

	transition: none;

}



/*** arrows (for all except IE7) **/

.sf-arrows .sf-with-ul {

	padding-right: 2.5em;

	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */

}

/* styling for both css and generated arrows */

.sf-arrows .sf-with-ul:after {

	content: '';

	position: absolute;

	color : #999;

	top: -1px;

	right: 9px;

	margin-top: 0px;

	height: 0;

	width: 0;

	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;

}

.sf-arrows > li > .sf-with-ul:focus:after,

.sf-arrows > li:hover > .sf-with-ul:after,

.sf-arrows > .sfHover > .sf-with-ul:after {

	border-top-color: white; /* IE8 fallback colour */

}

/* styling for right-facing arrows */

.sf-arrows ul .sf-with-ul:after {

	margin-top: -5px;

	margin-right: -3px;

	border-color: transparent;

	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */

	border-left-color: rgba(255,255,255,.5);

}

.sf-arrows ul li > .sf-with-ul:focus:after,

.sf-arrows ul li:hover > .sf-with-ul:after,

.sf-arrows ul .sfHover > .sf-with-ul:after {

	border-left-color: white;

}





.mobilemenupart{

	width: 50px;

	height: 50px;

	background: #000 url(assets/styles/images/menu.png) no-repeat center;

	display: inline-block;

	cursor: pointer;

	display: none;

	margin: 0 auto;

	

}







/*! ====================[ 06. all blog posts ]============== */



.cromatheme-format-post{

  margin-bottom: 60px;

}



.postinner{

	padding-right: 40px;

}



.entry-title{

	position: relative;

}





.entry-title h2 {

  font-size: 30px;

  font-weight: normal;

  margin: 0 0 20px;

  padding: 20px 0;

  text-transform: uppercase;

}







.entry-title:after{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 60px;

	height: 2px;

	content:"";

	background: #000;

}





.cat_post_wrapper{

	padding-left: 90px;

	position: relative;

	margin-bottom: 80px;

}





.sticky .cat_post_wrapper{

	padding-right: 20px;

	padding-bottom: 20px;

}



.croma_blogtime{

  color: #FFFFFF;

  background: #000;

  font-size: 16px;

  height: 45px;

  left: 0;

  line-height: 1.15;

  padding: 3px 0 0;

  position: absolute;

  text-align: center;

  text-transform: uppercase;

  top: 25px;

  width: 50px;

}





.singlepostcolumn{

	padding-right: 40px;

}



.entry-title h2 a{

	color: #444;

}



.cromatheme-format-post .mejs-audio {

  margin: 0 0 30px 0;

  width: 100% !important;

}







.cromatheme-format-post .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-loaded{

	background: #fff;

	-webkit-border-radius: 0px;

	border-radius: 0px; 

}





.cromatheme-format-post .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-current{

	background: #000;

	-webkit-border-radius: 0px;

	border-radius: 0px; 

}





.cromatheme-format-post .flex-video{

	margin: 0;

}



.cro_postimageholder{

	text-align: center;

	margin-bottom: 30px;

}



.cro_quotepost{

	color: #fff;

	padding: 60px;

}







.post .cro_quotepost p{

	color: #fff;

	font-size: 30px;

	margin: 0;

	text-transform: uppercase;

}



.post p, .entry-content p {

  color: #808789;

  font-size: 15px;

  line-height: 1.9em;

}





.cro_quotepost cite{

	color: #000;

}



.cro_quotepost cite a{

	color: #000;

}





.entry-content ul {

  list-style: square outside none;

  padding: 0 0 20px 20px;

}



.entry-content ul li {

  color: #555555;

  font-size: 13px;

  line-height: 1.7em;

  list-style: square outside none;

  padding: 0;

}



.tagspan {

  color: #aaa;

  padding: 15px 0;

  font-size: 14px;

  margin-bottom: 30px;

}



.summarymeta {

  float: left;

  padding: 0;

  margin-top: -60px;

}



.entry-meta {

  float: left;

  padding: 0 20px 0 0;

  text-transform: uppercase;

  line-height: 40px;

  display: block;

  font-size: 14px;

}



.summarydate {

  color: #808789;

  float: right;

  padding: 0 0px 0 0;

  text-transform: uppercase;

  line-height: 40px;

  font-size: 14px;

}



p.cro_readmorep {

  margin: 0 0px 20px 0 0;

  text-align: right;

  line-height: 40px;

}



p.cro_readmorep a.cro_readmorea {

  padding: 7px 14px;

  text-transform: uppercase;

  color: #202020;

  font-size: 13px;

  border: 2px solid #202020;

}





.catmain .row{

	padding: 50px 0;

}



/*! ====================[ 07. Paging ]====================== */



.cro_paging{

	background: rgba(0,0,0,0.02);

	border: 1px solid rgba(0,0,0,0.04);

	padding: 20px;

	text-align: center;

	margin-bottom: 30px;

}



.cro_paging span{

	display: inline-block;

	width: 36px;

	height: 36px;

	border: 2px solid  #000;

	color: #000;

	line-height: 36px;

	text-align: center;

	font-style: 13px;

	-webkit-border-radius: 2px;

	border-radius: 2px; 

}



.cro_paging a{

	display: inline-block;

	width: 36px;

	height: 36px;

	color: #fff;

	line-height: 36px;

	text-align: center;

}



.cro_paging a:hover{

	color: #000;

	border: 2px solid  #000;

}



.cro_paging a i{

	line-height: 37px;

}





/*! ====================[ 08. Header image ]================ */

#cromaheader{

	padding: 0;

	background: #FBF9FA;

	border-bottom: 1px solid #ddd;

	position: relative;

	height: 140px;

}



.cro_headermask{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.page_title {

   width: 100%;

}

.page_title_inner {

   text-align: center;

   vertical-align: bottom;

}



.cro_headerrow{

	float: none;

}



#cromaheader h1{

	color: #000;

	padding: 0;

	margin: 0;

	text-transform: uppercase;

	text-align: center;

	position: absolute;

	bottom: 20px;

	width: 100%;

}





/*! ====================[ 09. Single Post ]================= */





.singleheader{

	font-size: 24px;

}



.nav-previous{

	margin-bottom: 30px;

}





.nav-previous a{

	color: #fff;

	padding: 10px 15px;

	background: #222;

	display: inline-block;

	font-size: 12px;

	font-weight: normal;

}



.nav-next{

	margin-bottom: 30px;

	float: right;

}





.nav-next a {

	color: #fff;

	padding: 10px 15px;

	background: #222;

	display: inline-block;

	font-size: 12px;

	font-weight: normal;

}



.nav-previous a:hover, .nav-next a:hover{

	color: #fff;

}



.entry-content{

	padding-bottom: 20px;

}





/*! ====================[ 10. Comments ]==================== */



#comments {

  position: relative;

  margin-top: 40px;

}



#comments h2.comments-title{

	background: #fff;

	padding: 30px;

	border: 1px solid #ddd;

	margin-bottom: 30px;

	font-size: 18px;

}



h3#reply-title {

  font-weight: normal;

  margin: 0 0 20px;

  padding: 20px 0;

  font-size: 30px;

  border-bottom: 1px solid #999;

  margin-bottom: 40px;

  text-transform: uppercase;



}



form#commentform {

  margin: 0;

  border: 1px solid #ddd;

  background: #fff;

  padding: 30px;

}



form#commentform span.required{

	color: red;

}



form#commentform p label{

	font-size: 13px;

}



form#commentform p.comment-notes{

	margin-bottom: 30px;

}



.comments-area .comment-notes {

  color: #777777;

  font-style: italic;

  margin: 0;

  padding: 0;

  font-size: 13px;

}



form#commentform code, .form-allowed-tags{

	color: #999;

	font-size: 12px;

}





form#commentform input#submit{



}



.comments-area input#submit {

  border: medium none;

  color: #202020 !important;

  padding: 10px 20px;

  text-transform: uppercase;

  font-size: 13px;

  border: 2px solid #202020;

  background: #fff;

}



.comments-area input#submit:hover{

	background: #fff !important;

}







.comments-area textarea{

	height: auto;

}



#comments ol{

	list-style-type: none;

	margin-bottom: 30px;

	background: #fff;

	border: 1px solid #ddd;

	padding: 30px;

}





#comments  .vcard{

	background: #efefef;

	color: #9b9b9b;

	font-size: 12px;

}





#comments .comment-awaiting-moderation{

	font-size: 12px;

	color: red;

}



#comments .commentmetadata{

	text-align: right;

	font-size: 12px;

	margin-bottom: 30px;

}







#comments .comment-list p{

	color: #808789;

}





#comments .reply{

	text-align: right;

	padding-bottom: 30px;

	overflow: auto;

	padding-top: 30px;

}



#comments .comment-reply-link{

	color: #202020;

	border: 2px solid #202020;

	text-transform: uppercase;

	padding: 10px 20px;

	font-size: 12px;

}





#comments img.avatar{

	width: 40px;

	height: auto;

	margin-right: 40px;

}





/*! ====================[ 11. Sidebar Widgets ]============= */







.cro_bodysidebar ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

}



.cro_bodysidebar ul li.widget-container{

	margin-bottom: 50px;

	font-size: 14px;

	color: #808789;

}





.cro_bodysidebar ul li.widget-container h3.widget-title{

	padding: 0px 0px 10px 0;

	font-weight: normal;

	font-size: 19px;

	margin: 0 0 20px 0;

	color: #222;

	position: relative;

	text-transform: uppercase;

}



.cro_bodysidebar ul li.widget-container h3.widget-title:after{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 30px;

	height: 5px;

	content:"";

}



.cro_bodysidebar ul li.widget-container ul{

	padding: 0 0px 20px 0px;

}



.cro_bodysidebar ul li.widget-container ul li{

	color: #808789;

}







.cro_bodysidebar ul li.widget-container .cro-sidebar-inner{

}



.cro_bodysidebar ul li.widget-container ul li a{

	color: #777;

	font-size: 13px;

}







.cro_bodysidebar ul li.widget-container ul li span.post-date{

	color: #444;

	font-size: 13px;

}





.cro_bodysidebar ul li.widget-container ul li.recentcomments{

	color: #444;

	font-size: 13px;

}



.cro_bodysidebar ul li.widget-container #calendar_wrap{

	padding: 0 0px 20px 0px;

	border: 1px solid #ddd;

	background: #fff;

	padding: 0 5px 5px 5px;

}



.cro_bodysidebar ul li.widget-container #calendar_wrap table{

	margin: 0 auto;

}



.cro_bodysidebar ul li.widget-container select#cat{

	margin: 0 0% 20px 0%;

	width: 100%;

	border: 1px solid #ddd;

	background: #FBFBFB;

	padding: 5px;

	color: #808789;

	font-size: 13px;

}





.cro_bodysidebar ul li.widget-container form#searchform{

	margin: 0 0px 20px 0px;

	overflow: auto;

}



.cro_bodysidebar ul li.widget-container form#searchform input#searchsubmit{

	background: #222;

	float: right;

	padding: 5px 10px;

	color: #fff;

	border: none;

	font-size: 12px;

	text-transform: uppercase;

}



.cro_bodysidebar ul li.widget-container form#searchform label{

	font-size: 13px;

	color: #808789;

}



.cro_bodysidebar ul li.widget-container .tagcloud{

	padding: 0 0px 20px 0px;

}



.cro_bodysidebar ul li.widget-container .tagcloud a{

	display: inline-block;

	color: #fff;

	font-size: 13px !important;

	padding: 2px 6px;

	margin-bottom: 10px;

	-webkit-transition: all 0.2s linear;

	-moz-transition: all 0.2s linear;

	-ms-transition: all 0.2s linear;

	-o-transition: all 0.2s linear;

	transition: all 0.2s linear;

}



.cro_bodysidebar ul li.widget-container .tagcloud a:hover{

	background: #000;

	color: #fff;

}







.cro_bodysidebar ul li.widget-container span.rss-date{

	display: block;

	font-size: 12px;

	color: #000;

}



.cro_bodysidebar ul li.widget-container .rssSummary{

	font-size: 13px;

	line-height: 1.7;

}





.cro_bodysidebar ul li.widget_rss cite{

	border: 1px solid #ddd;

	padding: 3px 0;

	text-align: center;

	margin-bottom: 30px;

	display: block;

}





.cro_bodysidebar ul li.widget-container a.rsswidget{

	font-size: 14px;

}







.widget_archive select{

	padding: 5px;

	border: 1px solid #d8d8d8;

	background: #FBF9FA;

	color: #777;

}





.widget_nav_menu ul li ul li{

	padding-left: 10px;

}



.cro_bodysidebar ul li.widget_nav_menu ul li ul{

	padding-bottom: 5px;

}



.cro_bodysidebar ul li.widget_nav_menu ul li a{

	color: #444;

}



.cro_bodysidebar ul li.widget_nav_menu ul li ul li a{

	color: #999;

}



.cro_bodysidebar ul li.widget_shopping_cart  p.buttons a{

	padding: 10px 0;

	margin-bottom: 5px;

	background: #222;

	-webkit-transition: all 0.2s linear;

	-moz-transition: all 0.2s linear;

	-ms-transition: all 0.2s linear;

	-o-transition: all 0.2s linear;

	transition: all 0.2s linear;

}





.cro_bodysidebar ul li.widget_best_sellers img{

	border: 1px dashed #ccc;

	-webkit-box-shadow: 0 0 0 0 #000000;

	box-shadow: 0 0 0 0 #000000;

	background: #fff;

	padding: 3px;

	width: 40px;

	height: auto;

}



.cro_bodysidebar ul li.widget_shopping_cart img{

	border: 1px dashed #ccc;

	-webkit-box-shadow: 0 0 0 0 #000000;

	box-shadow: 0 0 0 0 #000000;

	background: #fff;

	padding: 3px;

	width: 40px;

	height: auto;

}



.cro_bodysidebar ul li.widget_featured_products img{

	border: 1px dashed #ccc;

	-webkit-box-shadow: 0 0 0 0 #000000;

	box-shadow: 0 0 0 0 #000000;

	background: #fff;

	padding: 3px;

	width: 40px;

	height: auto;

}



.cro_bodysidebar ul li.widget_random_products img{

	border: 1px dashed #ccc;

	-webkit-box-shadow: 0 0 0 0 #000000;

	box-shadow: 0 0 0 0 #000000;

	background: #fff;

	padding: 3px;

	width: 40px;

	height: auto;

}



.cro_bodysidebar ul li.widget_onsale img{

	border: 1px dashed #ccc;

	-webkit-box-shadow: 0 0 0 0 #000000;

	box-shadow: 0 0 0 0 #000000;

	background: #fff;

	padding: 3px;

	width: 40px;

	height: auto;

}



.cro_bodysidebar ul li.widget_recently_viewed_products img{

	border: 1px dashed #ccc;

	-webkit-box-shadow: 0 0 0 0 #000000;

	box-shadow: 0 0 0 0 #000000;

	background: #fff;

	padding: 3px;

	width: 40px;

	height: auto;

}



.cro_bodysidebar ul li.widget_recent_products img{

	border: 1px dashed #ccc;

	-webkit-box-shadow: 0 0 0 0 #000000;

	box-shadow: 0 0 0 0 #000000;

	background: #fff;

	padding: 3px;

	width: 40px;

	height: auto;

}



.cro_bodysidebar ul li.widget_recent_reviews img{

	border: 1px dashed #ccc;

	-webkit-box-shadow: 0 0 0 0 #000000;

	box-shadow: 0 0 0 0 #000000;

	background: #fff;

	padding: 3px;

	width: 40px;

	height: auto;

}



.cro_bodysidebar ul li.widget_products img{

	border: 1px dashed #ccc;

	-webkit-box-shadow: 0 0 0 0 #000000;

	box-shadow: 0 0 0 0 #000000;

	background: #fff;

	padding: 3px;

	width: 40px;

	height: auto;

}





.cro_bodysidebar ul li.widget_shopping_cart p.total span.amount{

	font-weight: bold;

	float: right;

}



.cro_bodysidebar ul li.widget_shopping_cart p.total {

	border-top: 3px double #333;

	border-bottom: 1px solid #333;

	color: #333;

	padding: 5px 0px;

}



.cro_bodysidebar ul li.widget_best_sellers ul li a{

	color: #222;

}







.cro_bodysidebar ul li.widget_archive ul li {

 padding-bottom: 10px;

 border-bottom: 1px dashed #d8d8d8;

 color: #333;

}



.cro_bodysidebar ul li.widget_categories ul li {

 padding-bottom: 10px;

 border-bottom: 1px dashed #d8d8d8;

 color: #333;

}





.cro_bodysidebar ul li.widget_product_categories ul li {

 padding: 10px 0;

 border-bottom: 1px dashed #d8d8d8;

 color: #333;

}



.cro_bodysidebar ul li.widget_product_categories ul li a{

	color: #222;

}







.cro_bodysidebar ul li.widget_product_categories ul li span.count{

	float: right;

}





.cro_bodysidebar ul li.widget_nav_menu ul li{

	padding-top: 10px;

	padding-bottom: 10px;

	border-bottom: 1px solid #d8d8d8;

	position: relative;

}



.cro_bodysidebar ul li.widget_nav_menu ul li:after{

	content: "\f054";

	font-family: FontAwesome;

	position: absolute;

	top: 12px;

	right: 0px;

}



.cro_bodysidebar ul li.widget_nav_menu ul li a{

	font-size: 15px !important;

}













/*! ====================[ 12. Single page ]================= */









/*! ====================[ 13. Team shortcode ]============== */



ul.cromatic-team-output li img{

	width: 100%;

	height: auto;

}



ul.cromatic-team-output li h3{

	color: #444;

}











/*! ====================[ 14. Cromaguest ]================== */

.cro_bookingrow{

	background: #2F2C2C;

	margin: 0 auto;

}





/*! ====================[ 15. Topbar ]====================== */



.topbar{

	overflow: hidden;

}



ul.cro_sociallinks{

	float: left;

	list-style-type: none;

	margin-bottom: 0;

	float: left;

}



ul.cro_sociallinks li{

	float: left;

	width: 40px;

	height: 40px;

	line-height: 40px;

	font-size: 19px;

	background: #f5f5f5;

	margin-right: 9px;

	margin-bottom: 3px;

	text-align: center;

	border: 2px solid #fff;

	-webkit-box-shadow: 0 0 0 2px #f5f5f5;

	box-shadow: 0 0 0 2px #f5f5f5;

}







ul.cro_sociallinks li:nth-child(even){

	display: none;

}



ul.cro_sociallinks li:nth-child(odd){

	display: block;

}







.cro_soclink_right ul.cro_sociallinks li:nth-child(even){

	display: block;

}



.cro_soclink_right ul.cro_sociallinks li:nth-child(odd){

	display: none;

}



.cro_soclink_right ul{

	float: right;

}











ul.cro_sociallinks li i{

	padding: 8px 12px;

	display: block;

}





ul.cro_sociallinks li a{



}



ul.cro_sociallinks li a{

	color: #1F1D1D;

}





.no-touch ul.cro_sociallinks li:hover i{

   animation: bounceIn 0.4s ease;

}

 







.cro_telephone{

	float: left;

	line-height: 30px;

	color: #fff;

	font-size: 14px;

	opacity: 0.3;

	filter: alpha(opacity=30);

	background: #000;

	padding: 0 10px;

}



.cro_telephone i{

	line-height: 30px;

}



.cro_telephone:hover{

	opacity: 0.6;

	filter: alpha(opacity=60);

}





/*! ====================[ 16. Contact Form ]================ */



form#ctcform{

	background: #fff;

	border: 1px solid #ddd;



	padding: 30px;



}





div.wpcf7-mail-sent-ok{

	background: #398F14;

	padding: 20px;

	color: #fff;

	text-align: center;

}





.wpcf7-mail-sent-ng{

	color: #fff;

	background: #FF0000;

	padding: 20px !important;

}





/*! ====================[ 17. Contact Details ]============= */



.cro_contact_details h3{

margin-bottom: 30px;

}







/*! ====================[ 18. Woocommerce ]================= */







/*! ====================[ 19. Colophon (footer) ]================= */





.cro_footwidgets{

	padding: 0;

}



#colophon{

	background: #1F1D1D;

	border-top: 1px solid #3b3b3b;

	border-bottom: 1px solid #3b3b3b;

}



.site-info{

	background: #DD3333;

	padding: 40px 0;

	border-top: 1px solid #DD3333;

}



#site-cnt a{

	font-size: 12px;

	color: #000000;

}



#site-generator{

	text-align: right;

}



#site-generator a{

	font-size: 12px;

	color: #9b9b9b;

}





/*! ====================[ 20. Footer Widgets ]============== */



ul.cro_footwidget{

	list-style-type: none;

	margin: 0;

	padding: 0;

}



ul.cro_footwidget ul{

	margin: 0;

}





ul.cro_footwidget li{

	color: #9b9b9b;

	font-size: 13px;

	list-style-type: none;

	padding: 0;

	margin: 0;

}



ul.cro_footwidget li h3.widget-title{

	color: #fff;

	margin-bottom: 40px;

	font-size: 24px;

	border-bottom: 1px dashed #3F3F3F;

	padding-bottom: 10px;

}





ul.cro_footwidget li.widget_tag_cloud a{

	display: inline-block;

	padding: 5px 12px;

	margin-right: 5px;

	font-size: 12px !important;

	color: #fff;

	margin-bottom: 5px;

	text-transform: uppercase;

	-webkit-transition: all 0.2s linear;

	-moz-transition: all 0.2s linear;

	-ms-transition: all 0.2s linear;

	-o-transition: all 0.2s linear;

	transition: all 0.2s linear;

}



ul.cro_footwidget li.widget_tag_cloud a:hover{

	background: #000;

}





ul.cro_footwidget li span.rss-date{

	display :block;

	color: #fff;

}



ul.cro_footwidget li h3.widget-title a{

	color: #fff;

}



ul.cro_footwidget li #calendar_wrap{

	background: #272727;

	border: 1px solid #3b3b3b;

	padding: 5px;

}



ul.cro_footwidget li #calendar_wrap table{

	width: 100%;

	background: #2F2F2F;

	border: 1px solid #3b3b3b;

}



ul.cro_footwidget li #calendar_wrap table{

	width: 100%;

	background: #2F2F2F;

	border: 1px solid #3b3b3b;

}



ul.cro_footwidget li #calendar_wrap table thead{

	color: #fff;

	background: #3F3F3F;

}



ul.cro_footwidget li #calendar_wrap table thead tr th{

	color: #fff;

}



ul.cro_footwidget li #calendar_wrap table td{

	color: #fff;

}





ul.cro_footwidget li #calendar_wrap table tr:nth-of-type(2n){

	background: #3F3F3F;

	color: #fff;

}



ul.cro_footwidget li #calendar_wrap table tfoot{

	background: #3F3F3F;

	color: #fff;

}





ul.cro_footwidget li abbr{

	color: #fff;

}





ul.cro_footwidget li.widget_search input#s{

	background: #3F3F3F;

	border: 1px solid #3b3b3b;

	color: #fff;

}





ul.cro_footwidget li.widget_search input#searchsubmit{

	border: none;

	padding: 5px 10px;

	color :#fff;

	float: right;

}



ul.cro_footwidget li.widget_search input#searchsubmit:hover{

	background: #000;

}



ul.cro_footwidget li.widget_archive li{

	border-bottom: 1px dashed #3F3F3F;

	padding: 10px 0;

}



ul.cro_footwidget li.widget_archive select{

	color: #fff;

	background: #3f3f3f;

	border: 1px solid #4f4f4f;

	padding: 10px;

}



ul.cro_footwidget li.widget_categories li{

	border-bottom: 1px dashed #3F3F3F;

	padding: 10px 0;

}



ul.cro_footwidget li.widget_categories select{

	color: #fff;

	background: #3f3f3f;

	border: 1px solid #4f4f4f;

	padding: 10px;

}



ul.cro_footwidget li.widget_shopping_cart a.button{

	padding: 10px;

	margin-bottom: 10px;

	background: #272727;

}





ul.cro_footwidget li.widget_shopping_cart p.total{

	border-top: 3px double #3f3f3f;

	border-bottom: 1px solid #3f3f3f;

	padding: 5px 0;

	font-weight: bold;

	margin-top: 20px;

	margin-bottom: 20px;

}



ul.cro_footwidget li.widget_shopping_cart p.total span.amount{

	float: right;

}





ul.cro_footwidget li.widget_product_categories select{

	color: #fff;

	background: #3f3f3f;

	border: 1px solid #4f4f4f;

	padding: 10px;

}







ul.cro_footwidget li.widget_product_categories li{

	border-bottom: 1px dashed #3F3F3F;

	padding: 10px 0;

}



ul.cro_footwidget li.widget_product_categories span.count{

	float: right;

}





ul.cro_footwidget li.widget-container .tagcloud a {

  color: #FFFFFF;

  display: inline-block;

  font-size: 13px !important;

  margin-bottom: 10px;

  padding: 2px 6px;

  margin-right: 10px;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -ms-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

}





ul.cro_footwidget li.widget_product_search input{

	background: #3F3F3F;

	padding: 10px;

	border: 1px solid #2f2f2f;

	height: 40px;

	color: #fff;

}



ul.cro_footwidget li.widget_product_search input#searchsubmit{

	padding: 10px;

	float: right;

	background: #272727;

}



ul.cro_footwidget li.widget_recent_reviews .star-rating{

	line-height: 1;

	height: 16px;

	font-weight: normal;

}



ul.cro_footwidget li.widget-container{

	margin-bottom: 30px;

}











/*! ====================[ 21. 404 page ]==================== */



.cro_404{

	padding: 30px;

	text-align: center;

	border: 1px solid #ddd;



}



.cro_404 i{

	font-size: 120px;

	color: #ddd;

}



.cro_404 p{

	font-size: 23px;

	padding: 30px 0 0 0;

}



/*! ====================[ 22. front page parralax parts ]=== */







/*

 * text banners

 */



 .cro_frontpage_txt{

 	padding: 20px 0;

 	text-align: center;

 	margin: 0;

 }



 .cro_frontpage_txt h4{

 	text-transform: uppercase;

 	margin: 0;

 	padding: 0;

 }





.cro_frontpage_txt p{

 	text-transform: uppercase;

 	opacity: 0.8;

 	filter: alpha(opacity=80);

 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

 	font-size: 13px;

 	margin: 0;

 	padding: 0;

 }









/*

 * image banners

 */



 .cro_frontpage_img{

 	margin: 0;

 	background: #fff;

 	overflow: hidden;

 }



 

 .cro_fpimg_block{

 	width: 24.99%;

 	height: 400px;

 	float: left;

 	position: relative;

 	overflow: hidden;

 }



 .cro_fpimg_topblock{

 	position: absolute;

 	top: 0

 	left: 0;

 	width: 100%;

 	height: 50%;

 }



  .cro_fpimg_bottomblock{

 	position: absolute;

 	bottom: 0;

 	left: 0;

 	width: 100%;

 	height: 50%;

 }



 .cro_fpimg_blockmask{

 	position: absolute;

 	top: 0;

 	width: 100%;

 	height: 100%;

 	left: 0;

 }





  .cro_fpimg_topcnt{

 	position: absolute;

 	bottom: 0;

 	width: 100%;

 	height: 50%;

 	left: 0;

 	display: table;

 	text-align: center;

 	background: #fff;

 }



 .cro_fpimg_bottomcnt{

 	position: absolute;

 	top: 0;

 	width: 100%;

 	height: 50%;

 	left: 0;

 	display: table;

 	text-align: center;

 	background: #fff;

 }



 .cro_fpimg_cntin{

 	display: table-cell;

 	vertical-align: middle;

 	line-height: 1.6;

 	color: #434343;

 }



  .cro_fpimg_cntin span{

 	color: #888;

 }



 .cro_imgstroke{

 	position: absolute;

 	top: 10px;

 	left: 10px;

 	right: 10px;

 	bottom: 10px;

 	border: 2px solid #fff;

 }





 .cro_imginner{

 	position: absolute;

 	top: -1px;

 	left: -1px;

 	bottom: -1px;

 	right: -1px;

 }









/*

 * events

 */



.cro_frontpage_cal{

	padding: 110px 0;

	background: #fff;

}





.cro_frontpage_cal a.cro_fpblog_linkme{

    margin: 0px 0 0 0;

	background: #F5F5F5;

	font-size: 20px;

	font-weight: bold;

	text-transform: uppercase;

	padding: 10px 20px;

	border: 4px solid #fff;

	 -webkit-box-shadow: 0 0 0 3px #F5F5F5;

  	box-shadow: 0 0 0 3px #F5F5F5;

  	color: #BFBFBF;

  	text-shadow: 1px 1px 1px  #fff;

}



.cro_frontpage_cal a.cro_fpblog_linkme:hover{

  	color: #ffffff;

  	text-shadow: 0 0 0  #fff;

}





.cro_frontpage_cal h3{

  border: 4px solid #fff;

  color: #272727;

  font-size: 28px;

  margin-bottom: 20px;

  padding: 15px;

  text-align: center;

  background: #F5F5F5;

  -webkit-box-shadow: 0 0 0 3px #F5F5F5;

  box-shadow: 0 0 0 3px #F5F5F5;

  font-weight: normal;

  margin-left: 15%;

  margin-right: 15%;

}







.cro_frontpage_cal p.cro_intro{

	text-align: center; 

	font-size: 20px; 

	color: #272727; 

	margin-left: 5%; 

	margin-right: 5%;

	margin-bottom: 40px;

}



.cro_frontpage_cal ul{

	list-style-type: none;

	text-align: center;

	margin: 0;

}



.cro_frontpage_cal ul li{

	display: inline-block;

	width: 245px;

	margin: 0;

	background: #000;

	margin-bottom:0px;

	height: 350px;

	position: relative;

	cursor: pointer;

}



.cro_frontpage_cal ul li .popover{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.6);

	z-index: 2;

}



.cro_frontpage_cal .agendadate{

	padding-top: 15px;

	color: #fff;

	position: relative;

	z-index: 2;

	line-height: 50px;

	text-transform: uppercase;

	font-size: 20px;

}



.cro_frontpage_cal .agendadate span.first{

	display :block;

	text-align: center;

	padding-top: 8px;

	font-size: 50px;

}





.cro_frontpage_cal .cro_directional{

	text-align: center;

	display: none;

}



.cro_frontpage_cal .cro_wprev{

	display: inline-block;

	padding-top: 20px;

}



.cro_frontpage_cal .cro_wnext{

	display: inline-block;

	padding-top: 20px;

}



.cro_frontpage_cal .cro_wprev i{

	display: block;

	width: 40px;

	height: 40px;

	border: 3px solid #000;

	line-height: 40px;

	text-align: center;

	margin-right: 5px;

	font-size: 22px;

	cursor: pointer;

}



.cro_frontpage_cal .cro_wnext i{

	display: block;

	width: 40px;

	height: 40px;

	border: 3px solid #000;

	line-height: 40px;

	text-align: center;

	margin-left: 5px;

	font-size: 22px;

	cursor: pointer;

}







.cro_frontpage_cal .cro_wprev i:hover{

	border: 2px solid #000;

	color: #272727;

}



.cro_frontpage_cal .cro_wnext i:hover{

	border: 2px solid #000;

	color: #272727;

}







.cro_frontpage_cal .agendadate span.second{

	display :block;

	text-align: center;

}



.cro_frontpage_cal p{

	color: #777;

	font-size: 14px;

	padding: 5px 20px 20px 20px;

	margin: 0;

}



.cro_frontpage_cal .popover p{

	display: none;

}





.cro_frontpage_cal h5{

padding: 20px 0;

margin: 0;

width: 100%;

color: #fff;

position: absolute;

bottom: 30px;

text-align: center;



}



.cro_frontpage_cal .fpdiv{

color: #fff;

font-size: 16px;

padding-top: 10px;

}



.cro_frontpage_cal .fpdiv span.cro_caltime{

 padding: 5px 10px;

}



.cro_frontpage_cal .clarlabel{

padding: 10px 0 20px 0;

display: none;

}



.cro_frontpage_cal .clarlabel a{

	border: 2px solid #565656;

	color: #565656;

	text-decoration: none;

	padding: 8px 16px;

	font-size: 12px;

	text-transform: uppercase;

	font-weight: bold;

}



.cro_frontpage_cal .splinkme{

	text-align: center;

	padding: 30px 0;

}



.cro_frontpage_cal .splinkme a{

	float: none;

}





.cro_frontpage_cal a.calendarcover{

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 3;

}



.cro_frontpage_cal a.calendarcover span{

	background: rgba(0,0,0,0);

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 3;

	display: block;

}



.cro_frontpage_cal a.calendarcover span:hover{

	background: rgba(0,0,0,0.4);

}



.cro_frontpage_cal a.calendarcover span i{	

	width: 40px;

	height: 40px;

	text-align: center;

	line-height: 40px;

	position: absolute;

	bottom: 0px;

	right: 0;

	color: #fff;

	visibility: hidden;

}



.cro_frontpage_cal a.calendarcover span:hover i{	

	visibility: visible;

	animation: bounceIn 0.4s ease;

}









/*

 * countdown timer

 */



.cro_frontpage_cdt{

	overflow: hidden;

	background: #000;

}





.touch .cro_frontpage_cdt{

	background-attachment: scroll !important;

}





.cro_cdt_block{

	padding: 110px 0;

	position: relative;

}







.cro_frontpage_cdt .photostack{

	position: absolute;

	top: 0;

	left: 0;

	width: 120%;

	height: 130%;

}





.cro_frontpage_cdt h2{

	text-align: center;

	padding-bottom: 0px;

	font-size:33px;

	color: #fff;

	margin-bottom: 0px;

	font-weight: normal;

	position: relative;

	z-index: 1;

}



.cro_frontpage_cdt p{

	text-align: center;

	color: #888;

	font-size: 19px;

	position: relative;

	z-index: 1;

	margin-bottom: 10px;

}



.cro_frontpage_cdt p.cro_cdt_desc{

	text-align: center;

	color: #fff;

	font-size: 16px;

	position: relative;

	z-index: 1;

	margin-bottom: 30px;

}





.cro_frontpage_cdt p.cro_cdtlink{

	padding: 30px 0 0px 0;

	margin: 0;

}



.cro_frontpage_cdt p.cro_cdtlink a{

 	padding: 10px;

 	font-size: 16px;

 	color: #fff;

 	border: 2px solid #fff;

}









/*

 * foodmenu

 */





.cro_frontpage_fdm{	

	position: static;

}



.touch .cro_frontpage_fdm{

	background-attachment: scroll !important;

}



.cro_fdm_block{

	padding: 110px 0 110px 0;

	position: relative;

}



.cro_frontpage_fdm .cro_fdm_mask{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.5);

	z-index: 0;

}





.cro_frontpage_fdm h3{

	text-align: center;

	padding-bottom: 15px;

	font-size:33px;

	color: #fff;

	margin-bottom: 0px;

	font-weight: normal;

	position: relative;

	z-index: 1;

}





.cro_frontpage_fdm p{

text-align: center;

color: #fff;

margin-bottom: 50px;

font-size: 21px;

position: relative;

z-index: 1;

margin: 0 20%;

}





.cro_frontpage_fdm .fdm_outer {

  display: table;

  width: 100%;

  padding: 0 50px;

  padding-top: 60px;

}







.cro_frontpage_fdm .fdm_menu_col {

  display: inline-block;

  vertical-align: top;

  width: 32.333%;

  position: relative;

}



.cro_frontpage_fdm .cro_menu_inside {

  position: relative;

  z-index: 1;

}



.cro_frontpage_fdm .fdm_menu_part1 .cro_menu_backdrop, .cro_frontpage_fdm .fdm_menu_part3 .cro_menu_backdrop {

  height: 90%;

  left: 1%;

  position: absolute;

  top: 5%;

  width: 96%;

  z-index: 0;

}





.cro_frontpage_fdm .fdm_menu_part1  .cro_menu_bkd_mask, .cro_frontpage_fdm .fdm_menu_part3  .cro_menu_bkd_mask {

  height: 80%;

  left: 0;

  position: absolute;

  top: 10%;

  width: 100%;

  z-index: 0;

}



.cro_frontpage_fdm .fdm_menu_part2 .cro_menu_backdrop {

  height: 90%;

  left: 2%;

  position: absolute;

  top: 5%;

  width: 96%;

  z-index: 0;

}



.cro_frontpage_fdm .fdm_menu_part2 .cro_menu_bkd_mask{

	 height: 100%;

  	left: 0;

  	position: absolute;

  	top: 0;

  	width: 100%;

  	z-index: 0;

}



.cro_frontpage_fdm .cro_menu_inside {

  height: 100%;

  position: relative;

  width: 100%;

  z-index: 1;

}



.cro_frontpage_fdm .cro_menu_content{

  color: #FFFFFF;

  padding: 60px 50px;

  position: relative;

  z-index: 1;



}



.cro_frontpage_fdm .cro_menu_content h4 {

  border-bottom: 1px dotted #999;

  color: #fff;

  padding-bottom: 20px;

  text-align: center;

  font-size: 25px;

  padding-top: 20px;

  margin-top: 20px;

}



.cro_frontpage_fdm .cro_menu_content img {

  position: absolute;

  top: -30px;

  left: 50%;

  margin-left: -60px;

  width: 120px;

  height: 120px;

  -webkit-border-radius: 100%;

	border-radius: 100%;

	border: 3px solid rgba(255,255,255,0.3);



}





.cro_frontpage_fdm .cro_menu_content ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}



.cro_frontpage_fdm .cro_menu_content ul li {

  margin-bottom: 10px;

}



.cro_frontpage_fdm .cro_menu_content ul li .cro_menitem_title {

  display: block;

  float: left;

  font-size: 15px;

  width: 70%;

}



.cro_frontpage_fdm .cro_menu_content ul li .cro_menitem_price {



  display: block;

  float: left;

  font-weight: normal;

  text-align: right;

  width: 30%;

}









/*

 * gallery

 */





 .cro_frontpage_gal{

	padding: 110px 0 110px 0;

	background: #fff;

}





.cro_frontpage_gal h3{

  border: 4px solid #fff;

  color: #272727;

  font-size: 28px;

  margin-bottom: 20px;

  padding: 15px;

  text-align: center;

  background: #F5F5F5;

  -webkit-box-shadow: 0 0 0 3px #F5F5F5;

  box-shadow: 0 0 0 3px #F5F5F5;

  font-weight: normal;

  margin-left: 15%;

  margin-right: 15%;

}





.cro_frontpage_gal ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

}



.cro_frontpage_gal ul li{

	width: 24.5%;

	height: auto;

	display: inline-block;

	overflow: hidden;

}









/*

 * blog

 */





.cro_fp_latest_11, .cro_fp_latest_12, .cro_fp_latest_21, .cro_fp_latest_22, .cro_fp_latest_23{

	padding-bottom: 10px;

	background: rgba(0,0,0,0.02);

}





.cro_blgcol{

	padding-top: 15px;

}



.cro_frontpage_blg{

	padding: 110px 0 110px 0;

	background: #fff;

}





.cro_frontpage_blg h3{

  border: 4px solid #fff;

  color: #272727;

  font-size: 28px;

  margin-bottom: 20px;

  padding: 15px;

  text-align: center;

  background: #F5F5F5;

  -webkit-box-shadow: 0 0 0 3px #F5F5F5;

  box-shadow: 0 0 0 3px #F5F5F5;

  font-weight: normal;

  margin-left: 15%;

  margin-right: 15%;

}



.cro_frontpage_blg h3 a{

	color: #272727;

}



.cro_frontpage_blg h4{

	padding-top: 10px;

	text-align: center;

}



.cro_frontpage_blg h4 a{

	color: #1F1D1D;

	font-size: 20px;

	margin-bottom: 20px;

	padding-bottom: 15px;

}





.cro_blgcol:hover h4 a, .cro_blgcol:hover p{

	color: #fff;

}





.cro_frontpage_blg .cro_fp_latest_more a {

  border: 2px solid #565656;

  color: #565656;

  font-size: 12px;

  font-weight: bold;

  padding: 8px 16px;

  text-decoration: none;

  text-transform: uppercase;

}





.cro_blgcol:hover .cro_fp_latest_more a {

  border: 2px solid #fff;

  color: #fff;

}





.cro_blgcol:hover .cro_fp_latest_more a:hover {

  border: 2px solid #000;

  color: #000;

}





.cro_frontpage_blg .blg_titlebg{

	text-align: center;

}



.cro_frontpage_blg .cro_blogimg, .cro_frontpage_por .cro_porimg{

	display: block;

	overflow: hidden;

}







.cro_frontpage_blg .cro_theres_nottle{

	border: none;

}







.cro_front_floater{

	position: relative;

	overflow: hidden;

	width: 100%;

	height: 100%;

	background-attachment: fixed !important;

	background-clip: border-box;

	background-origin: padding-box;

	background-position: center;

	background-size: cover !important;

}



.touch .cro_front_floater{

	background-attachment: scroll !important;

}



.cro_front_floater:before{

	-webkit-box-shadow:  0 0 20px rgba(0, 0, 0, 0.8);

	box-shadow:  0 0 20px rgba(0, 0, 0, 0.8);

	content: "";

    height: 10px;

    left: 0;

    position: absolute;

    top: -10px;

    width: 100%;

    z-index: 1;

}





.cro_fpblog_linkme{

	float: left;

	color: #fff;

	background: #272727;

	font-size: 11px;

    margin-left: 25px;

    margin-top: 30px;

    margin-bottom: 30px;

    padding: 10px 20px;

    text-transform: uppercase;

}



.cro_fpblog_linkme:hover{

	color: #fff;

	background: #272727;

}





.cro_notshow_date{

	padding-left: 0 !important;

}





.cro_frontpage_blg p{

	color: #444;

	font-size: 15px;

	line-height: 1.6;

	text-align: center;

}



.cro_frontpage_blg img{

	width: 100%;

	height: auto;

}



.cro_frontpage_blg p.cro_fp_latest_more{

	text-align: center;

}





.cro_fp_latest_content{

	padding: 20px 30px 0px 30px;

	position: relative;

}





.cro_frontpage_blg .cro_time{

  color: #FFFFFF;

  font-size: 16px;

  height: 55px;

  left: 50%;

  line-height: 1.15;

  padding: 3px 0 0;

  position: absolute;

  text-align: center;

  text-transform: uppercase;

  top: -30px;

  width: 55px;

  border :5px solid #f5f5f5;

  margin-left: -27px;

}





.cro_blgcol:hover .cro_time{

	background: #000;



}





.floater{

	position: relative;

	overflow: hidden;

}





.floater:before {

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);

  content: "";

  height: 20px;

  left: 0;

  position: absolute;

  top: -20px;

  width: 100%;

  z-index: 100;

}







/*

 * text over image

 */



.cro_frontpage_ctb{

	padding: 0px 0 0px 0;

	width: 100%;

	position: relative;

}



.touch .cro_frontpage_ctb{

	background-attachment: scroll !important;

}





.cro_ctb_block{

	padding: 110px 80px; 

	position: relative;

}







.cro_prodmask{

	padding: 0;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.cro_frontpage_ctb h2{

	text-align: center;

	font-size: 35px;

	font-weight: normal;

	text-transform: uppercase;

}



.cro_frontpage_ctb p{

	text-align: center;

	font-size: 25px;

	padding: 10px 0;

}



.cro_frontpage_ctb  a{

	color: #fff;

	border: 2px solid #fff;

	padding: 10px 20px;

	font-size: 16px;

	text-transform: uppercase;

	font-weight: normal;

}





.cro_frontpage_ctb p.cro_fp_linkp{

	opacity: 1;

}



.cro_prodmask a{

	padding: 15px 30px;

	font-size: 18px;

}







.cro_frontpage_por{

	padding: 0px 0 50px 0;

}





.cro_frontpage_por .floater {

  height: 400px;

  margin-bottom: 0;

}





ul.cro_portfolio_case{

	list-style-type: none;

	margin: 0;

	padding: 0;

	text-align: center;

}



ul.cro_portfolio_case li{

	list-style-type: none;

	margin: 0 0.5%;

	padding: 0;

	width: 23%;

	display: inline-block;

	margin-bottom: 5px;

	position: relative;

	cursor: pointer;

	vertical-align: top;

}



ul.cro_portfolio_case li img{

	width: 100%;

	height: auto;

}



.cro_frontpage_por .por_titlebg{

	padding: 10px 0;

	margin-bottom: 50px;

	color: #272727;

	border-bottom: 1px dashed #ddd;

	background: #fff;

}



.cro_frontpage_por .por_titlebg ul{

	list-style-type: none;

	padding-top: 12px;

	text-align: right;

	margin-right: 20px;

}



.cro_frontpage_por .por_titlebg ul li{

	display: inline-block;

	width: 30px;

	height: 30px;

	text-align: center;

	cursor: pointer;

}



.cro_frontpage_por .por_titlebg ul li a{

	display: block;

}



.cro_frontpage_por .por_titlebg ul li:hover{

	border: 2px solid #000;

}



.cro_frontpage_por .por_titlebg ul li i{

	font-size: 20px;

	line-height: 30px;

}



.cro_frontpage_por .por_titlebg ul li:hover i{

	color: #000;

}



.cro_frontpage_por .por_titlebg .cro_productspage_visitshop{



	color: #fff;

	padding: 10px 20px;

	text-transform: uppercase;

	margin-top: 12px;

	font-size: 11px;

	display: inline-block;

	margin-left: 0px;

	margin-left: 20px;

}



.cro_frontpage_por .por_titlebg .cro_productspage_visitshop:hover{

	background: #272727;	

}



.cro_frontpage_por h3 {

  color: #545454;

  margin: 0;

  padding: 15px;

  text-align: center;

  text-transform: uppercase;

}



.cro_frontpage_por p.portfoliodesc{

	font-size: 18px;

	text-align: center;

	color: #545454;

	padding-bottom: 30px;

}





.cro_frontport_img_cover{

	position: relative;

}







.cro_frontpage_por .cro_port_fronttitle{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.cro_frontpage_por h5.cro_frontpor_title{

	text-transform: uppercase;

	color: #545454;

	margin: 0;

	padding: 10px 0;

}



.cro_frontpage_por h5.cro_frontpor_title{

	text-transform: uppercase;

	text-align: center;

	margin: 0;

	padding: 20px 0;

}



.cro_frontpage_por p.cro_por_port_desc{

	color: #767676;

	font-size: 13px;

	padding: 0 10px;

	min-height: 90px;

	padding-bottom: 20px;

	border-bottom: 3px solid #eee;

	text-align: center

}





.cro_frontpage_l2n .blog_titlebg{

	padding: 10px 0;

	margin-bottom: 50px;

	color: #272727;

	border-bottom: 1px dashed #ddd;

	background: #fff;

}





.cro_frontpage_l2n .blog_titlebg h3 {

  color: #545454;

  margin: 0;

  padding: 15px;

  text-align: center;

  text-transform: uppercase;

}



.cro_frontpage_l2n .blog_titlebg .cro_newspage_blog{

	background: #272727;

	color: #fff;

	padding: 10px 20px;

	text-transform: uppercase;

	margin-top: 12px;

	font-size: 11px;

	display: inline-block;

	margin-left: 0px;

}









.cro_frontpage_vid{

	background: #000;

	z-index: 0; 

	position: relative;

}



.cro_frontpage_vid .mb_YTVPBar{

	display: none !important;

}



.cro_vidtext{

	height: 100%;

}



.cro_videocenterblock{

	display: table;

	height: 100%;

	width: 100%;

}



.cro_vidcenterspan{

	display:table-cell; 

	vertical-align:middle;

}



.cro_vidcenterspan h2{

	text-align: center;

	font-size: 44px;

	margin-bottom: 40px;

}



.cro_vidcenterspan p {

  color: #9B9B9B;

  font-size: 24px;

  padding: 10px 0;

  text-align: center;

  margin-bottom: 40px;

}









.cro_frontpage_twi{

	background: #000;

	z-index: 0; 

	position: static;

	color: #fff;

	padding: 0;

}





.touch .cro_frontpage_twi{

	background-attachment: scroll !important;

}





.cro_twi_block{

	padding: 110px 0 60px 0;

	position: relative;



}



.cro_frontpage_twi h2{

	color: #fff;

	text-align: center;

	text-transform: uppercase;

	font-size: 35px;

}





.cro_frontpage_twi  p.cro_fp_linkp{

 padding: 50px 0 30px 0;

 text-align: center;

}





.cro_frontpage_twi  .cro_fp_linkp a {

  border: 2px solid #FFFFFF;

  color: #FFFFFF;

  font-size: 16px;

  padding: 10px 20px;

  text-transform: uppercase;

}







.cro_frontpage_twi  .cromax_twitstring{

	font-size: 24px;

	text-align: center;

	display: block;

}







.cro_frontpage_twi li{

	overflow: auto;

	min-height: ;

}





.touch .cro_frontpage_vid .cro_prodmask{

	display: none;

}



.touch .cro_frontpage_vid .cro_vidtext{

	display: none;

}





.cro_frontpage_pag .pag_titlebg {

  color: #272727;

}



.cro_frontpage_pag .pag_titlebg h3 {

  border: 4px solid #fff;

  color: #272727;

  font-size: 28px;

  margin-bottom: 20px;

  padding: 15px;

  text-align: center;

  background: #DD3333;

  -webkit-box-shadow: 0 0 0 3px #F5F5F5;

  box-shadow: 0 0 0 3px #DD3333;

  font-weight: normal;

  margin-left: 15%;

  margin-right: 15%;

}



.cro_frontpage_pag .cro_theres_notitle {

  display: none;

}





.cro_frontpage_map #map-div{

	margin: 0;

}





.cro_frontpage_fee {

	overflow: hidden;

}



.touch .cro_frontpage_fee{

	background-attachment: scroll !important;

}



.cro_fee_block{

	padding: 80px 0 110px 0;

	position: relative;

}





.cro_frontpage_fee .cro_prodmask{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}





.cro_frontpage_fee h2{

	text-align: center;

	margin-bottom: 40px;

	font-size: 33px;

}





.cro_frontpage_fee .cro_quotes {

  font-size: 21px;

  text-align: center;

  display: block;



}



.cro_frontpage_fee .cro_quotees {

  display: block;

  text-align: center;

  text-transform: uppercase;

  font-size: 24px;

  color: #fff;

}





.cro_frontpage_fee  .cro_images{

	display: block;

	width: 75px;

	height: 75px;

	margin-left: auto;

	margin-right: auto;

	-webkit-border-radius: 75px;

	border-radius: 75px;

	margin-bottom: 30px;

}



.cro_frontpage_fee  .cro_images img{

	width: 75px;

	height: 75px;

	-webkit-border-radius: 75px;

	border-radius: 75px;

}







.cro_frontpage_pag{

	padding: 90px 0 60px 0;

	background: #fff;

}





.cro_respimg{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	display: none;

	z-index: 1;

}



.cro_frontpage_vid .cro_prodmask{

	z-index: 2;

}



.cro_frontpage_vid .cro_vidtext{

	z-index: 3;

}





.touch .cro_respimg{

	display: block;

}





.cro_frontpage_pag .cro_pagelayout{

	padding: 0 !important;

}



.cro_frontpage_pag .entry-content {

  padding-bottom: 0px;

}









/*! ====================[ 23. Topbar menu ]================= */





.croma-topbarnav ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

}



.croma-topbarnav ul li{

	list-style-type: none;

	margin: 0;

	padding: 0;

	display: inline-block;

	float: right;

	line-height: 40px;

}



.croma-topbarnav ul li a{

	text-transform: uppercase;

	font-size: 13px;

	padding: 0 40px;

}



.croma-topbarnav ul li ul{

	display: none;

}



/*! ====================[ 24. OWL Slider ]=========== */



/* 

 * 	Core Owl Carousel CSS File

 *	v1.3.2

 */



/* clearfix */

.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

/* display none until init */

.owl-carousel{

	display: none;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y;

}

.owl-carousel .owl-wrapper{

	display: none;

	position: relative;

	-webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper-outer{

	overflow: hidden;

	position: relative;

	width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight{

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out;

}

	

.owl-carousel .owl-item{

	float: left;

}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{

	cursor: pointer;

}

.owl-controls {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



/* mouse grab icon */

.grabbing { 

    cursor:url(assets/styles/images/grabbing.png) 8 8, move;

}



/* fix */

.owl-carousel  .owl-wrapper,

.owl-carousel  .owl-item{



}







.owl-controls{

	text-align: center;

	margin: 10px 0;

}



.owl-theme .owl-controls .owl-page span {

  background: #fff;

  border-radius: 20px;

  display: block;

  height: 12px;

  margin: 5px 7px;

  width: 12px;

}



.owl-page{

	display: inline-block;

}









/*! ====================[ 26. responsive Navigation ]======= */



#croma-mobilenav {

  background: #2A2A2A;

  height: 100%;

  padding: 25px 40px 30px 0;

  position: fixed;

  right: 0;

  top: 55px;

  width: 300px;

  z-index: 6;

  display: none;

}



.croma-mobilenavigation{

 overflow: auto;

}



#croma-mobilenav ul{

	margin: 0;

	list-style-type: none;

	padding: 0;

	padding-top: 0px;

	padding-left: 30px;

}





.mobilenav-close{

	position: absolute;
	top: 0px;

	left: 10px;

	color: #fff;

	cursor: pointer;

	background: #3F3B3B;

	padding: 3px 5px;

}



#croma-mobilenav ul ul{

	margin: 0 0 0 10px;

	list-style-type: none;

	padding: 0;

}



#croma-mobilenav ul li{

	margin: 0;

	list-style-type: none;

	padding: 3px 0 0 0;

	line-height: 1.6;

}



#croma-mobilenav ul li a{

	color: #eee;

	font-size: 12px;

}



#croma-mobilenav ul li ul li a{

	color: #aaa;

	font-size: 12px;

}





/*! ====================[ 27. Theme just installed ]======== */







.cro_theme_just_installed{

	width: 600px;

	margin: 0 auto;

	margin-top: 100px;

	margin-bottom: 100px;

}





.cro_tji_inner{

	background: #fff;

	border: 1px solid #d8d8d8;

	text-align: center;

	padding: 50px;

}



.cro_tji_inner h1{

	font-weight: normal;

	margin-bottom: 30px;

}





.cro_tji_inner h2{

	font-weight: normal;

	margin-bottom: 30px;

}





.cro_tji_inner a{

	display: inline-block;

	width: 450px;

	padding: 20px;

	margin-bottom: 20px;

	background: #FBF9FA;

	border: 1px solid #d8d8d8;

	font-weight: bold;

	text-transform: uppercase;

	color: #444;

	font-size: 15px;

}







.cro_frontpage_twi .bx-wrapper .bx-prev, .cro_frontpage_fee .bx-wrapper .bx-prev{

	left: -90px;

}



.cro_frontpage_twi .bx-wrapper .bx-next, .cro_frontpage_fee .bx-wrapper .bx-next{

	right: -90px;

}





.cro_frontpage_twi .bx-wrapper .bx-pager.bx-default-pager a, .cro_frontpage_fee .bx-wrapper .bx-pager.bx-default-pager a {

	background: #fff;

}



.cro_frontpage_twi .large-12, .cro_frontpage_fee .large-12{

	padding-left: 90px !important;

	padding-right: 90px !important;

}





.cro_frontpage_twi .bx-wrapper .bx-prev, .cro_frontpage_fee .bx-wrapper .bx-prev{

	background: transparent;

	text-indent: 0;

}



.cro_frontpage_twi .bx-wrapper .bx-prev i, .cro_frontpage_fee .bx-wrapper .bx-prev i{

	display :block;

	width: 28px;

	height: 28px;

	text-align: center;

	line-height: 30px;

}



.cro_frontpage_twi .bx-wrapper .bx-next, .cro_frontpage_fee .bx-wrapper .bx-next{

	background: transparent;

	text-indent: 0;

}



.cro_frontpage_twi .bx-wrapper .bx-next i, .cro_frontpage_fee .bx-wrapper .bx-next i{

	display :block;

	width: 28px;

	height: 28px;

	text-align: center;

	line-height: 30px;

}











.cro_frontpage_twi .bx-wrapper .bx-prev, .cro_frontpage_twi .bx-wrapper .bx-next{

	border: 2px solid #fff;

}





.cro_frontpage_twi .bx-wrapper .bx-prev, .cro_frontpage_twi .bx-wrapper .bx-prev i, .cro_frontpage_twi .bx-wrapper .bx-next, .cro_frontpage_twi .bx-wrapper .bx-next i{

	color: #fff;

}











.cro_frontpage_fee .bx-wrapper .bx-prev{

	background: transparent;

	text-indent: 0;

}



.cro_frontpage_fee .bx-wrapper .bx-prev i{

	display :block;

	width: 28px;

	height: 28px;

	text-align: center;

	line-height: 30px;

}



.cro_frontpage_fee .bx-wrapper .bx-next{

	background: transparent;

	text-indent: 0;

}



.cro_frontpage_fee .bx-wrapper .bx-next i{

	display :block;

	width: 28px;

	height: 28px;

	text-align: center;

	line-height: 30px;

}



.cro_frontpage_fee .bx-wrapper .bx-prev, .cro_frontpage_fee .bx-wrapper .bx-next{

	border: 2px solid #fff;

}





.cro_frontpage_fee .bx-wrapper .bx-prev, .cro_frontpage_fee .bx-wrapper .bx-prev i, .cro_frontpage_fee .bx-wrapper .bx-next, .cro_frontpage_fee .bx-wrapper .bx-next i{

	color: #fff;

}









/*! ====================[ 28. countdown timer ]=================== */





ul.cro_timervalue{

	list-style-type: none;

	color: #fff;

	width: 530px;

	margin: 0 auto;

	position: relative;

	z-index: 1;

	text-align: center;

	font-weight: 200;

}



ul.cro_timervalue li{

	display: inline-block;

	font-size: 50px;

	width: 24%;

}



ul.cro_timervalue li span.daynumber{

	display: block;

	line-height: 50px;

}



ul.cro_timervalue li span.hournumber{

	display: block;

	line-height: 50px;

}



ul.cro_timervalue li span.minutenumber{

	display: block;

	line-height: 50px;

}



ul.cro_timervalue li span.secondnumber{

	display: block;

	line-height: 50px;

}



ul.cro_timervalue li span.dayname{

	display: block;

	text-transform: uppercase;

	font-size: 12px;

	color: #999;

}



ul.cro_timervalue li.cro_timerday{

	border-right: 1px solid rgba(255,255,255,0.4);

}



ul.cro_timervalue li.cro_timerlinenone{

	border: none;

}













/*! ====================[ 29. lightbox ]==================== */

.croma_lightbox{

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 10000;

	background: #000;

	background: rgba(0,0,0,0.8);

	display: none;

}





.croma_listbox{

	position: absolute;

	bottom: 0;

	left: 50px;

	right: 50px;

	text-align: center;

	height: 150px;

}



.croma_listbox ul{

	position: absolute;

	top: 0;

	left: 0;

	width: 5000px;

	text-align: center;

	height: 150px;

}



.croma_listbox li{

	float: left;

	width: 150px;

	height: 150px;

	overflow: hidden;

	margin-right: 10px;

	cursor: pointer;

	background: #000;

}



.croma_listbox li img{

	width: 100%;

	height: auto;

	background: #000;

}



.croma_listbox li img:hover{

	opacity: 0.5;

}



.croma_listbox{

	overflow: hidden;

}



.croma_mainbox{

	position: absolute;

	top: 40px;

	left: 60px;

	right: 60px;

	bottom: 200px;

	text-align: center;

}



.croma_mainbox img{

height: auto;

width: auto;



}









.croma_tinyleft{

	position: absolute;

	bottom: 50px;

	left: 20px;

	width: 40px;

	height: 40px;

	cursor: pointer;

	color: #fff;

}



.croma_tinyright{

	position: absolute;

	bottom: 50px;

	right: 20px;

	width: 40px;

	height: 40px;

	cursor: pointer;

	color: #fff;

}



.croma_bigleft{

	position: absolute;

	top: 50%;

	left: 10px;

	width: 50px;

	height: 50px;

	margin-top: -25px;

	cursor: pointer;

	color: #fff;

}



.croma_bigright{

	position: absolute;

	top: 50%;

	right: 10px;

	width: 50px;

	height: 50px;

	margin-top: -25px;

	cursor: pointer;

	color: #fff;

}



.croma_boxclose{

	position: absolute;

	top: 40px;

	right: 20px;

	width: 40px;

	height: 40px;

	cursor: pointer;

	color: #fff;

}



.croma_boxclose:after{

	content: "\f00d";

	font-family: FontAwesome;

	font-size: 20px;

	position: absolute;

	left: 12px;

	top: 12px;

}





.croma_tinyleft:after{

	content: "\f053";

	font-family: FontAwesome;

	font-size: 20px;

	position: absolute;

	left: 12px;

	top: 12px;

}



.croma_tinyright:after{

	content: "\f054";

	font-family: FontAwesome;

	font-size: 20px;

	position: absolute;

	left: 15px;

	top: 12px;

}





.croma_bigleft:after{

	content: "\f053";

	font-family: FontAwesome;

	font-size: 40px;

	position: absolute;

	left: 10px;

	top: 12px;

}



.croma_bigright:after{

	content: "\f054";

	font-family: FontAwesome;

	font-size: 40px;

	position: absolute;

	left: 10px;

	top: 12px;

}







#cro_imgwrapper{

	width: 100%;

	height: 100%;

	background: transparent;

	border: none;

	max-width: 100%;

}



#cro_imgwrapper td {

   vertical-align: middle;

   text-align: center;

}



#cro_imgwrapper td i{

   color: #fff;

   font-size: 60px;

    -moz-animation: spin 2s infinite linear;

  -o-animation: spin 2s infinite linear;

  -webkit-animation: spin 2s infinite linear;

  animation: spin 2s infinite linear;

   display: block;

}



.cro_maxwidth{

	max-width: 100%;

	width: auto;

	height: auto;

}



.cro_maxheight{

	max-height: 100%;

	height: auto;

	width: auto;

}





img.cro_activepic{

	opacity: 0.3;

}



.croma_galtitle{

	position: absolute;

	bottom: 150px;

	left: 0;

	width: 100%;

	text-align: center;

}



.croma_galtitle p{

	display: inline-block;

	background: #202020;

	padding: 5px 10px;

	-webkit-border-radius: 20px;

	border-radius: 20px;

	color: #fff;

}







/*! ====================[ 30. Responsive codes ]============ */





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



	.cro_messwrapper{

		text-align: center;

	}



	.cro_frontpage_cdt .large-4{

		text-align: center;

	}







	.cro_fpimg_block{

		width: 33.32%;

	}



	.cro_fpimg1{

		display: none;

	}





	.cromax-ftb{

		max-width: 480px;

		margin-bottom: 50px;

		margin-left: auto;

		margin-right: auto;

	}



	.cro_accordion_container, .cro_tab_container{

		margin: 0 30px 30px 30px;

	}



	.cromax-pic{

		text-align: center;

	}



	.croma_pad_right, .croma_pad_left{

		padding: 0;

	}



	.cro_bodysidebar ul{

		max-width: 360px;

		margin: 0 auto;

	}



	#wpadminbar {

		position: fixed !important;



	}



	ul.footwidget li{

		max-width: 320px;

		margin-left: auto;

		margin-right: auto;

	}



	.cro_shoplayout-1 ul.cro_archiveprod li, .cro_shoplayout-2 ul.cro_archiveprod li {

  		width: 40%;

	}



	#singleproduct .product{

		max-width: 480px;

		margin-left: auto;

		margin-right: auto;

	}





	ul.cro_related_slider li{

		width: 100%;

		max-width: 240px;

		margin-left: auto;

		margin-right: auto;

	}



	ul.cro_related_slider{

		text-align: center;

	}



	.gbtr_featured_section_title{

		text-align: center;

	}



	.dir-container{

		margin-bottom: 30px;

	}



	ul.cro_directionscal{

		margin-bottom: 30px;

	}



	.widget_cromax_video{

		max-width: 290px;

	}



	.large-12 ul.cro_archiveprod li.product_item {

		width: 45%;

	}



	ul.timervalue {

		width: auto;

	}



	.cro_frontpage_fdm .fdm_menu_col{

		width: 100%;

	}





	.cro_frontpage_ctb h2{

		font-size: 25px;

	}



	.cro_frontpage_ctb p{

		font-size: 18px; 

	}





	.cro_frontpage_ctb a{

		font-size: 14px;

	}



	.cro_frontpage_gal ul li{

		width: 24%;

	}



	.cro_frontpage_fee .cro_quotes{

	font-size: 18px;

	}





	.cro_frontpage_twi h2{

		font-size: 25px;

	}



	.cro_frontpage_twi .cromax_twitstring{

		font-size: 18px;

	}



	.cro_frontpage_twi p.cro_fp_linkp a{

		font-size: 14px;

	}



	.cromax_agendacal ul.cro_agendatwister li{

		min-width: 250px;

	}



	.cro_frontpage_cal a.calendarcover span {

		display: block;

	}



	.cro_bodysidebar{

		padding-bottom: 50px;

	}





}







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



	.cro_soclink_right ul.cro_sociallinks{

		display: block;

	}



	ul.cro_sociallinks li{

 		display: inline-block !important;

 		float: none;

	}



	ul.cro_sociallinks {

 		float: none;

 		display: block;

 		margin: 0 auto;

 		text-align: center;

 		display: none;

 		padding: 0 !important;

 		margin-bottom: 10px;

	}







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



	#singleproduct .product{

		margin-left: 40px;

		margin-right: 40px;

	}







	.croma-topbarnav ul{

		text-align: center;

		margin-bottom: 10px;

		margin-top: 10px;

	}



	.croma-topbarnav ul li{

		float: none;

	}







	.cromax-cta h4{



		margin-bottom: 10px !important;



	}



	.cromax-cta a{



		margin: 0px !important;



	}





	.cro_shoplayout-1 ul.cro_archiveprod li, .cro_shoplayout-2 ul.cro_archiveprod li {

  		width: 90%;

  		max-width: 300px;

	}



	.cro_frontpage_twi .cromax_twitstring, .cro_frontpage_fee .cro_quotes {

  		font-size: 16px;

  		text-align: center;

	}



	.cro_frontpage_twi h2, .cro_frontpage_fee h2 {

  		font-size: 20px;

	}



	.large-12 ul.cro_archiveprod li.product_item {

		width: 100%;

	}



	.cro_shopheader{

		padding-top: 50px;

		text-align: right;

		padding-right: 30px;

	}



	.cro_fpimg_block{

		width: 49.99%;

	}



	.cro_fpimg3{

		display: none;

	}



	.cro_frontpage_pag .pag_titlebg h3 {

		font-size: 20px;

	}



	ul.timervalue li{

		font-size: 30px;

	}



	span.dayname{

		font-size: 10px;

	}



	.cro_frontpage_cdt .photostack{

		width: 160%;

	}



	

	.cro_blgcol{

		max-width: 300px;

		margin: 0 auto;

		float: none !important;

		margin-bottom: 30px;

	}



	.cro_frontpage_cdt img{

		max-width: 100px !important;

		height: auto;

	}



	.cro_fdm_block{

		padding: 50px 0;

	}



	.cro_frontpage_fdm .fdm_outer{

		padding-left: 15px;

		padding-right: 15px;

	}



	.cro_frontpage_fdm .cro_menu_content{

		padding-left: 15px;

		padding-right: 15px;

		padding-bottom: 15px;

	}



	.cro_frontpage_fdm p {



  		font-size: 16px;

  		margin: 0 15px;



	}



	.cro_frontpage_twi .large-12, .cro_frontpage_fee .large-12 {

  		padding-left: 20px !important;

  		padding-right: 20px !important;

	}





	.cro_twi_block{

		padding-top: 30px;

		padding-bottom: 30px;

	}



	.cro_fee_block {

		padding-top: 30px;

		padding-bottom: 30px;



	}



	.cro_frontpage_gal{

		padding-top: 30px;

		padding-bottom: 30px;

	}



	.cro_ctb_block{

		padding-top: 30px;

		padding-left: 30px;

		padding-right: 30px;

		padding-bottom: 30px;

	}





	.cro_frontpage_blg{

		padding-top: 30px;

		padding-bottom: 30px;

	}



	.cro_frontpage_cal {

  		padding: 30px 0;

	}



	.cro_cdt_block {

  		padding: 0px 0;

  		position: relative;

	}



	.cro_frontpage_pag {

  		padding: 30px 0 30px 0;

	}



	#cromaslide .ls-nav-prev {

	  display: none;

	}



	#cromaslide .ls-nav-next {

	  display: none;

	}





	.cro_frontpage_cal h3 {

  		font-size: 20px;

	}



	.cro_frontpage_cal p.cro_intro {

  		font-size: 16px;

	}



	.cro_frontpage_fdm h3 {

  		font-size: 20px;

	}



	.cro_frontpage_blg h3 {

  		font-size: 20px;

	}



	.cro_frontpage_gal h3 {

  		font-size: 20px;

	}


#extra
{
    color: #f00;
    height: 1000px;
}



}