/*

 Theme Name: Dunamis

 Theme URI: http://www.cro.ma

 Author URI: http://www.cro.ma

 Description: Dunamis Church Wordpress Theme

 Author: Croma

 Version: 1.4

 License: GNU General Public License

 License URI: license.txt

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

 */





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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*! ====================[ 24. Portfolio listing ]=========== */

/*! ====================[ 25. BX slider ]=================== */

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

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

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

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

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

/*! ====================[ 31. Mega 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;}







body {

	background: #3A3A3A;

	color: #292C2F;

	padding: 0;

	margin: 0;

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

	font-weight: normal;

	font-style: normal;

	line-height: 1;

	cursor: default; 

	position: relative;

}







/* 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;

}









h1.croma-title{

	float: left;

}





.cro_outerfocus{

	left: -300px;

}



#singleproduct{

	background: #fff;

}





.no-touch .animated{

	visibility: hidden;

}



.cro_animnot{

	visibility: visible !important;

}





.vidlayer{

	opacity: 0.4 !important;

	position: absolute !important;

	top: 0 !important;

	left: 0!important;

	width: 100% !important;

	height: 100% !important;

}









.myvids .wp-video, .myvids .wp-video-shortcode, .mejs-inner, video, .me-plugin, .mejs-shim{

	width: 100% !important;

	height: 100%;

}







.myvids video {

	width: 100%;

}







 /* 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: #292C2F;

	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 0 0;

}



.singleitem{

	background: #F6F6F6;

}



.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;

	background: #262626;



}



#pagelayout{

	background: #F8f8f8;

	border-top: 1px solid #dcdee1;

}





.croma_pad_left{

	padding-left: 40px;

}



.croma_pad_right{

	padding-right: 40px;

}





article.sticky{

	background: #fff;

	border :1px solid #ddd;

}





.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%;

	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: 50px;

	padding-top: 50px;

}



#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{

	z-index: 40;

	position: absolute;

	top: 50px;

	left: 0;

	width: 100%;

}



header#pageheader.cro_standardheader{

	z-index: 40;

	position: relative;

	top: 0;

}







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

.croma-logo{



}



.croma-title{

	text-align: left;

	font-weight: normal;

	line-height: 105px;

	margin: 0;

}





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





.cro_maincol{

	position: relative;

}















.cro_menurow{

	position: absolute;

	z-index: 50;

	width: 100%;

    background-repeat: repeat-x;

}





.cro_menurow .container {

	

}



#croma-primarynav{

	-webkit-transform: translateZ(0);

}



.croma-primarynav{

	position: relative;

	margin-left: 0px;

	z-index: 1;

	

}



#croma-primarynav ul.menu{

}





#croma-primarynav li {

	font-size: 12px;

	font-size: 0.857142857rem;

	line-height: 60px;

	position: relative;



}



#croma-primarynav li.cro_megamenudropper {

	position: static;

}





#croma-primarynav a {

	color: #bbb;

	-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;

	margin-left: -15px;

}

	

#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;

	padding:  0 20px;

	white-space: nowrap;

	font-size: 18px;

	display: block;

	text-transform: uppercase;

}





#croma-primarynav li {

	position: relative;

	text-align: left;

}



#croma-primarynav li ul {

	display: none;

	margin: 0;

	padding: 0;

	position: absolute;

	top: 60px;

	z-index: 1;

	left: 8px;

}





#croma-primarynav li.cro_megamenudropper ul {

	top: 60px;

	background: #1C1E20;

	width: 100%;

	left: 0px;

	border-top: 1px solid #000;



}



#croma-primarynav li.cro_megamenudropper ul:after {

	content: "";

	width: 1px;

	background: #333;

	left: 50%;

	height: 80%;

	position: absolute;

	top: 10%;

}



#croma-primarynav li.cro_megamenudropper ul li{

	width: 100%;

}



#croma-primarynav li.cro_megamenudropper ul li ul{

	border-top: none;

}



#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: #212426;

	display: block;

	font-size: 13px;

	line-height: 1.481818182;

	padding: 7px 20px;

	width: 160px;

	width: 12.85714286rem;

	white-space: normal;

	color :#fff;

	opacity: 0.9;

}







/* 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 : #b1b1b1;

	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: 60px;

	line-height: 60px;

	text-align: center;

	display: inline-block;

	cursor: pointer;

	display: none;

	margin-left: 20px;

	font-size: 30px;

	

}







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



.cromatheme-format-post{

  margin-bottom: 60px;

}



.postinner{

	padding-right: 40px;

}



.entry-title{

	position: relative;

}





.entry-title h2 {

  font-size: 21px;

  font-weight: normal;

  margin: 0 0 20px;

  padding: 0px;

  text-transform: uppercase;

}









.cat_post_wrapper{

	margin-left: 90px;

	border-left: 1px solid #ddd;

	padding-left: 20px;

	position: relative;

	margin-bottom: 80px;

	min-height: 150px;

}





.cat_audio_wrapper .mejs-container .mejs-controls{

	background: transparent;

}





.cat_audio_wrapper .mejs-controls .mejs-time-rail .mejs-time-total {

  background: #000;

  margin: 5px;

}



.cat_audio_wrapper .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {

  background: #ddd;

}





.sticky .cat_post_wrapper{

	padding-right: 20px;

	padding-bottom: 20px;

	margin-bottom: 0;

}



.croma_blogtime{

  color: #FFFFFF;

  background: #000;

  font-size: 16px;

  height: 45px;

  left: -90px;

  line-height: 1.15;

  padding: 3px 0 0;

  position: absolute;

  text-align: center;

  text-transform: uppercase;

  top: 0px;

  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: left;

	margin-bottom: 30px;

}



.cro_quotepost{

	color: #fff;

	padding: 60px;

	background: url(assets/styles/images/darkbg.png);

}







.post .cro_quotepost p{

	color: #fff;

	font-size: 18px;

	margin: 0;

}



.post p, .entry-content p {

  color: 707881;

  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 0 0;

  font-size: 14px;

  margin-bottom: 0px;

}



.tagspan a{

	display: inline-block;

	background: rgb(255,255,255); /* Old browsers */

    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,247,248,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,247,248,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f7f8',GradientType=0 ); /* IE6-9 */



	padding: 5px 10px;

	margin-right: 3px;

	color: #666;

	border-color: #cdced0 #c5c6c8 #b6b7b9;

	border-width: 1px;

	border-style: solid;

	-webkit-border-radius: 3px;

	border-radius: 3px; 

}



.summarymeta {

  position: absolute;



  left: -90px;



  top: 60px;



  background: #393939;



  width: 50px;

  text-align: center;

}



.entry-meta {

  padding: 0 ;

  text-transform: uppercase;

  line-height: 45px;

  display: block;

  font-size: 24px;

  text-align: center;

}



span.comment_count{

	position: absolute;

	top: -10px;

	right: -10px;

	font-size: 11px;

	line-height: 20px;

	height: 20px;

	width: 20px;

	-webkit-border-radius: 100%;

	border-radius: 100%; 



}



.entry-meta  a{

	color: #fff;

}



.summarydate {

  color: #808789;

  float: right;

  padding: 0 0px 0 0;

  text-transform: uppercase;

  line-height: 40px;

  font-size: 14px;

}



.cro-articleinner p.cro_readmorep {

  margin: 0;

  line-height: 45px;

  width: 50px;

  height: 50px;

  text-align: center;

  position: absolute;

  bottom: 0;

  left: -90px;

}



p.cro_readmorep a.cro_readmorea {

  display: block;

  line-height: 50px;

  color: #fff;

  font-size: 24px;

}



p.cro_readmorep a.cro_readmorea:hover {

  opacity: 0.6;

}





.catmain .row{

	padding: 50px 0;

}



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



.cro_paging{

	color: #808789;

	text-align: center;

	margin-bottom: 30px;

	padding: 5px 0;

}



.cro_paging span{

	display: inline-block;

	background: rgb(255,255,255); /* Old browsers */

    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,247,248,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,247,248,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f7f8',GradientType=0 ); /* IE6-9 */



	padding: 5px 10px;

	margin-right: 3px;

	color: #666;

	border-color: #cdced0 #c5c6c8 #b6b7b9;

	border-width: 1px;

	border-style: solid;

	-webkit-border-radius: 3px;

	border-radius: 3px;  

}



.cro_paging a{

	display: inline-block;

	background: rgb(255,255,255); /* Old browsers */

    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,247,248,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,247,248,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f7f8',GradientType=0 ); /* IE6-9 */



	padding: 5px 10px;

	margin-right: 3px;

	color: #666;

	border-color: #cdced0 #c5c6c8 #b6b7b9;

	border-width: 1px;

	border-style: solid;

	-webkit-border-radius: 3px;

	border-radius: 3px; 

}



.cro_paging a:hover{



	background: rgb(246,247,248); /* Old browsers */

    background: -moz-linear-gradient(top,  rgba(246,247,248,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,247,248,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(246,247,248,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(246,247,248,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(246,247,248,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(246,247,248,1) 0%,rgba(255,255,255,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	

}



.cro_paging a:hover{

	color: #000;

	font-weight: bold;

}







.cro_paging a i{

	line-height: 37px;

}





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

#cromaheader{

	padding: 0;

	background: #292C2F;

	border-bottom: 10px solid #fff;

	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%;

}



#cromaheader h1.cro_mapheader{

	background: #292C2F;

	padding: 15px 0;

	bottom: 0px;

	width: 30%;

	left: 50%;

	margin-left: -15%;

}





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





.singleheader{

	font-size: 24px;

}



.nav-previous{

	margin-bottom: 30px;

}





.nav-previous a{

	background: rgb(255,255,255); /* Old browsers */

    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,247,248,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,247,248,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f7f8',GradientType=0 ); /* IE6-9 */

	padding: 5px 10px;

	margin-right: 3px;

	color: #666;

	border-color: #cdced0 #c5c6c8 #b6b7b9;

	border-width: 1px;

	border-style: solid;

	-webkit-border-radius: 3px;

	border-radius: 3px; 

	font-size: 11px;

	text-transform: uppercase;

}



.nav-previous a:hover{



	background: rgb(246,247,248); /* Old browsers */

    background: -moz-linear-gradient(top,  rgba(246,247,248,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,247,248,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(246,247,248,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(246,247,248,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(246,247,248,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(246,247,248,1) 0%,rgba(255,255,255,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	

}





.nav-next a{

	float: right;

	background: rgb(255,255,255); /* Old browsers */

    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,247,248,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,247,248,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f7f8',GradientType=0 ); /* IE6-9 */

	padding: 5px 10px;

	margin-right: 3px;

	color: #666;

	border-color: #cdced0 #c5c6c8 #b6b7b9;

	border-width: 1px;

	border-style: solid;

	-webkit-border-radius: 3px;

	border-radius: 3px; 

	font-size: 11px;

	text-transform: uppercase;

}





.nav-next a:hover{



	background: rgb(246,247,248); /* Old browsers */

    background: -moz-linear-gradient(top,  rgba(246,247,248,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,247,248,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(246,247,248,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(246,247,248,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(246,247,248,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(246,247,248,1) 0%,rgba(255,255,255,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7f8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	

}







.entry-content{

	padding-bottom: 20px;

	color: #41454a;

}





/*! ====================[ 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: 20px;

  border: 1px solid #ddd;

  border-bottom: none;

  margin-bottom: 0px;

  text-transform: uppercase;

  background: #F6F6F6;

  text-align: center;



}



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;

  padding: 10px 20px;

  text-transform: uppercase;

  font-size: 13px;

  color: #fff;

  -webkit-border-radius: 3px;

    border-radius: 3px;

}



.comments-area input#submit:hover{

	opacity: 0.6;

}







.comments-area textarea{

	height: auto;

}



#comments ol{

	list-style-type: none;

	margin-bottom: 30px;

	background: #fff;

	border: 1px solid #ddd;

	padding: 30px;

}





#comments  .vcard{



	font-size: 12px;

	display: inline-block;

	margin-bottom: 10px;

}





#comments .comment-awaiting-moderation{

	font-size: 12px;

	color: #fff;

	background: #E70632;

	padding: 10px;

	display: inline-block;

}



#comments .commentmetadata{

	text-align: right;

	font-size: 12px;

	margin-top: 10px;

	float: right;

}







#comments .comment-list p{

	background: #f6f6f6;

	border: 1px solid #eee;

	padding: 10px;

	font-size: 13px;

	-webkit-border-radius: 3px;

    border-radius: 3px;

    margin: 0;

}





#comments .reply{

	text-align: right;

	padding-bottom: 30px;

	overflow: auto;

	padding-top: 30px;

}



#comments .comment-reply-link{

	color: #fff;

	text-transform: uppercase;

	padding: 10px 20px;

	font-size: 12px;

	-webkit-border-radius: 3px;

    border-radius: 3px;

}





#comments .comment-reply-link:hover{

	opacity: 0.6;

}





#comments img.avatar{

	width: 40px;

	height: auto;

	margin-right: 10px;

}





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







.cro_bodysidebar ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

}



.cro_bodysidebar ul li.widget-container{

	margin-bottom: 20px;

	font-size: 14px;

	color: #808789;

	background: #fefefe;

	border-color: #e5e6e9 #dfe0e4 #d0d1d5;

    border-image: none;

    border-style: solid;

    border-width: 1px;

	-webkit-border-radius: 3px;

    border-radius: 3px;

}







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

	text-align: center;

	font-weight: normal;

	font-size: 17px;

	margin: 0 0 20px 0;

	padding: 10px 0;

	color: #4e5665;

	position: relative;

	text-transform: uppercase;

	background: #f6f7f8;

	border-bottom: 1px solid #eee;

	-webkit-border-radius: 3px 3px 0 0;

    border-radius: 3px 3px 0 0;

}





.cro_bodysidebar ul li.widget-container ul{

	padding: 0 20px 20px 20px;

}



.cro_bodysidebar ul li.widget-container ul li{

	border-bottom: 1px solid #eee;

	margin-bottom: 10px;

}







.cro_bodysidebar ul li.widget_cromax-latestnews{

	padding-bottom: 20px;

}



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

	color: #777;

	font-size: 13px;

}





.cromax_singlep{

	padding: 0 20px;

}



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

	color: #999;

	font-size: 12px;

}





.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;

	background: #fff;

	padding: 0 20px 20px 20px;

}



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

	margin: 0 auto;

	width: 100%;

}





.croma_searchresult .cro-articleinner{

	border :1px solid #ddd;

	background: #fff;

	padding: 20px;

}



.croma_searchresult p{

	color: #808789;

	font-size: 12px;

}



.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;

	width: 90%;

	margin-left: 20px;

}





.cro_bodysidebar ul li.widget-container .textwidget{

	padding: 20px;

}





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

	padding: 20px;

	overflow: auto;

}



.cro_twitter_followlabel{

	margin: 0 20px 20px 20px;

	display: block;

	text-align: center;

}





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

	background-color: #e9eaed;

    border: 1px solid #dadce0;

    border-radius: 2px;

    color: #4e5665;

    font-size: 14px;

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

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

}



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

	float: right;

	background: rgb(255,255,255); /* Old browsers */

    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,247,248,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(246,247,248,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* IE10+ */

    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,247,248,1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f7f8',GradientType=0 ); /* IE6-9 */



	padding: 5px 10px;

	margin-right: 3px;

	color: #666;

	border-color: #cdced0 #c5c6c8 #b6b7b9;

	border-width: 1px;

	border-style: solid;

	-webkit-border-radius: 3px;

	border-radius: 3px; 

}



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

	font-size: 13px;

	color: #808789;

}



.cro_bodysidebar ul li.widget-container .tagcloud{

	padding: 0 20px 20px 20px;

}



.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_cromax_mediacast_tag .tagcloud a{

	margin-right: 5px;

}



.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;

	width: 90%;

	margin-left: 20px;

}





.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 {

 margin-bottom: 10px;

 border-bottom: 1px solid #eee;

}



.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.cro_megamenudropper ul{

	display: none;

}



.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;

}





.cro_bodysidebar ul li.widget_cromax_mediacast_authors img{

	width: 40px;

	float: left;

	margin-right: 20px;

}



.cro_bodysidebar ul li.widget_cromax_mediacast_authors ul li{

	border: none;

}



.cro_bodysidebar ul li.widget_cromax_mediacast_authors h6{

	text-transform: uppercase;

	font-weight: normal;

	margin: 0;

	color: #434343;

}



.cro_bodysidebar ul li.widget_cromax_mediacast_authors p{

	color :#999;

}



.cro_bodysidebar ul li.widget_cromax_mediacast_authors ul li h6 a{

	font-size: 15px;

	color: #434343;

}





/*! ====================[ 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 ]====================== */



.cro_top_rightside{

	float: right;

}



.cro_prelogo{

	background: #f9f9f9;

	border-bottom: 1px solid #eee;

}



.topbar{

	overflow: auto;

	border-top: none;

	width: 100%;

	height: 35px;

	background: #3f3f3f;

}



.topbar p{

	float: left;

	line-height: 35px;

	margin: 0;

	color: #eee;

	font-size: 13px;

	padding-left: 10px;

}



ul.cro_sociallinks{

	text-align: right;

	list-style-type: none;

	margin-bottom: 0;

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

	float: right;

}



ul.cro_sociallinks li{

	display: inline-block;

	width: 35px;

	height: 35px;

	line-height: 35px;

	font-size: 15px;

	text-align: center;

	border-left: 1px solid rgba(255,255,255,0.1);

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

}





ul.cro_sociallinks li i{

	padding: 10px 12px 0 12px;

	display: block;

}





ul.cro_sociallinks li a{

	color: #eee;

	font-weight: normal;

}





.croma-subnav{

	float: right;

	margin-right: -5px;

}





.croma-subnav ul{

	margin: 0 0px 0;

	padding: 0;

	list-style-type: none;

}



.croma-subnav ul li{

	margin: 0;

	padding: 0;

	list-style-type: none;

	display: inline-block;

	margin-right: 5px;

}



.croma-subnav ul li a{

	color: #fff;

	font-size: 18px;

	padding: 9px 14px;

	-webkit-border-radius: 3px;

    border-radius: 3px;

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

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

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

	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5) inset, 0 0 0 1px rgba(255, 255, 255, 0.08);

	text-transform: uppercase;

}





.croma-subnav ul li a:hover{

	opacity: 0.6;

}







.croma-subnav ul li ul{

	display: none;

}











/*! ====================[ 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: #1C1E20;

}



.site-info{

	background: #151618;

	padding: 20px 0;

}



#site-cnt a{

	font-size: 12px;

	color: #9b9b9b;

}



#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: 80px 0 30px 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 ul.cro_megamenu{

	display: none;

}



ul.cro_footwidget li h3.widget-title{

	color: #fff;

	margin-bottom: 20px;

	font-size: 18px;

	padding: 10px;

	background: #1C1E20;

}





ul.cro_footwidget li .cromax_singlep{

	padding: 0;

}





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 solid rgba(255,255,255,0.1);

	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 solid rgba(255,255,255,0.1);

	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-container .tagcloud a:hover {

  opacity: 0.6;

}





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;

 }





/*

 * people

 */



.cro_frontpage_peo{

	background: #fff;

}





.cro_frontpage_peo ul{

	margin: 0;

	padding: 0;

	list-style-type: none;

}



.cro_frontpage_peo ul li{

	margin: 0;

	padding: 0;

	list-style-type: none;

}



.cro_fppeo_outer{

	overflow: auto;

	position: relative;

}



.cro_fppeo_contentside{

	width: 50%;

	float: left;

	padding: 80px 0;

}



.cro_fppeo_contentside h2{

	text-align: center;

	color: #444;

	margin: 0;

}



.cro_fppeo_contentside h3{

	text-align: center;

	margin: 0;

	font-size: 18px;

}



.cro_fppeo_contentside p{

	padding: 50px 50px 0 50px;

	text-align: center;

	color: #999;

}



.cro_fppeo_imageside{

	position: absolute;

	top: 0;

	right: 0;

	width: 50%;

	height: 100%;

}





/*

 * payment

 */





 .cro_frontpage_pay{

	background: #f6f6f6;

	padding: 50px 0;

}



 .cro_frontpage_pay h3{

	text-align: center;

	font-size: 33px;

	margin: 0 0 20px 0;

	padding: 0;

}



 .cro_frontpage_pay p{

	text-align: center;

	color: #707881;

	margin: 0 0 50px 0;

	padding: 0;

	text-align: center;

}



 .cro_frontpage_pay p.cro_ppmess{

 	color: #666;

	margin: 0 0 20px 0;

}



.cro_seriaouter{

	padding:  0 0 30px 0;

	text-align: center;

	border: none;

}



input.cro_serianumber{

	display: inline-block;

	font-size: 50px;

	color: #fff;

	margin: 0;

	display: inline-block;

	padding: 0;

	background: transparent;

	border: none;

	height: 1.2em;

}



input.cro_maxmill{

	width: 200px;

}



input.cro_maxhun{

	width: 180px;

}



input.cro_maxtent{

	width: 150px;

}



input.cro_maxthou{

	width: 130px;

}



input.cro_maxstd{

	width: 90px;

}





.cro_has_suffixer{

	text-align: right;

}



.cro_ammtcontainer{

	display: inline-block;

  	background: #78818A;

    -webkit-box-shadow:inset  0 0 3px rgba(0,0,0,0.2);

	box-shadow:inset  0 0 3px rgba(0,0,0,0.2);

  	margin-top: 30px;

  	padding: 20px;

  	-webkit-border-radius: 5px;

    border-radius: 5px;

}



.cro_prefixer{

	display: inline-block;

	text-align: right;

	font-size: 50px;

	margin-left: 20px;

	color: #fff;

}





.cro_suffixer{

	display: inline-block;

	text-align: left;

	font-size: 50px;

	font-weight: bold;

	margin-right: 20px;

	color: #fff;

}





ul.cro_donations_firstrow{

	margin: 0;

	padding: 0px 0 0 0;

	list-style-type: none;

}



ul.cro_donations_firstrow li{

	margin: 0;

	padding: 0;

	list-style-type: none;

	width: 33%;

	display: inline-block;

}





.cro_inputstart button{

	text-align: center;

	border: none;

	padding: 10px 20px;

	text-transform: uppercase;

	color: #fff;

	-webkit-border-radius: 3px;

    border-radius: 3px;

    margin-top: 10px;

}



.cro_inputstart{

	text-align: center;

}



ul.cro_donationsfrequency{

	margin: 20px 0;

	padding: 0;

	list-style-type: none;

	text-align: center;

}





.cro_errmess{

	text-align: center;

	margin-bottom: 20px;

	padding: 10px;

	color: #fff;

	background: #FF1200;

	display :none;

}



ul.cro_donationsfrequency li{

	margin: 0;

	padding: 0;

	list-style-type: none;

	width: 33%;

	display: inline-block;

	color :#fff;

	background: #292C2F;

	-webkit-border-radius: 3px;

    border-radius: 3px;

    padding: 10px 20px;

    cursor: pointer;

    margin-bottom: 10px;



}



ul.cro_donationsfrequency li:hover{

	background: #191b1d;

}



.cro_donations_firstrow input{

	background: #E5E7E8;

	color: #292C2F;

    -webkit-box-shadow:inset  0 0 1px rgba(0,0,0,0.1);

	box-shadow:inset  0 0 1px rgba(0,0,0,0.1);	

}



.cro_donations_firstrow input:focus{

	color: #fff;

	background: #292C2F;

}





.cro_paypalouter{

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

	padding: 50px;

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

	position: relative;

}



.cro_paypalpop{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

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

	z-index: 10;

	display: none;

}



.cro_spinholder{

	position: absolute;

	top: 10px;

	left: 10px;

	color: #fff;

	display: none;

}



.cro_spinholder i{

	color :#fff;

}



.cro_popouter {

   display: table;

   width: 100%;

   height: 100%;

}

.cro_popinner {

   display: table-cell;

   text-align: center;

   vertical-align: middle;

}



.cro_poppanel{

	background: #fff;

	padding: 20px;

	max-width: 300px;

	margin: 0 auto;

}



.cro_poppanel h4{

	margin: 0;

	padding: 0;

}



.cro_pop_buttonholder{

	margin-top: 20px;

}



.cro_poppanel p{

	margin: 0 0 10px 0;

	color: #404040;

	font-size: 12px;

}



.cro_poppanel button{

	color: #fff;

	padding: 20px 30px;

	text-transform: uppercase;

	border: none;

}



.cro_poppanel button:hover{

	opacity: 0.6;

}







/*

 * call to action

 */



.cro_frontpage_cta{

	overflow: hidden;

	width: 100%;

}



.cro_cta_block{

	position: relative;

	padding: 30px 0;

}





.cro_frontpage_cta .cro_titleside{

	font-size: 17px;

}



.cro_frontpage_cta a{

	padding: 15px 40px;

	font-size: 11px; 

	text-align: center;

	-webkit-border-radius: 3px;

	border-radius: 3px; 

	text-transform: uppercase;

         line-height: 23px !important;

			  

}





/*

 * image banners

 */



 .cro_frontpage_img{

 	margin: 0;

 	padding : 20px 0;

 	overflow: hidden;

 }





 .cro_frontpage_img ul{

 	margin: 0 20px 0 0;

 	padding: 0;

 	overflow: auto;

 	list-style-type: none;

 }



  .cro_frontpage_img ul li{

 	width: 33.3%;

 	float: left;

 	margin: 0;

 	padding: 0;

 	overflow: hidden;

 	position: relative;

 	cursor: pointer;

 }



  .cro_frontpage_img ul li .cro_imginner{

 	margin-left: 20px;

 	overflow: hidden;

 	position: relative;

 }



  .cro_frontpage_img ul li img{

 	width: 100%;

 	height: auto;

 	background: #fff;

 }



 .no-touch .cro_frontpage_img ul li:hover{

	opacity: 0.6;

 }





  .no-touch .cro_frontpage_img ul li:hover img{

 	-moz-transform: scale(3) rotate(45deg);

	-webkit-transform: scale(3) rotate(45deg);

	-o-transform: scale(3) rotate(45deg);

	-ms-transform: scale(3) rotate(45deg);

	transform: scale(3) rotate(45deg);

	-webkit-transition: all 30s ease;

	-moz-transition: all 30s ease;

	-ms-transition: all 30s ease;

	-o-transition: all 30s ease;

	transition: all 30s ease;

 }





 .cro_img_textpart{

 	position: absolute;

 	bottom: 0;

 	right: 0;

 	text-align: right;



 }



  .cro_img_textpart h2{

 	margin: 0;

 	padding: 0;

 	color: #fff;

 	margin-left: 20px;

 	text-align: right;

 	font-size: 45px;

 	margin-right: 5px;

 }



   .cro_img_textpart h3{

 	margin: 0;

 	padding: 0;

 	color: #fff;

 	margin-left: 20px;

 	font-size: 14px;

 	text-align: right;

 	padding: 10px;

 	display: inline-block;

 }



 









/*

 * events

 */









.cro_frontpage_cal{

	padding: 50px 0;

	background: #F8F8F8;

}





.cro_frontpage_cal a.cro_fpblog_linkme{

    margin: 0px 0 0 0;

	background: #292C2F;

	font-size: 14px;

	text-transform: uppercase;

	padding: 15px 20px;

  	color: #bbb;

}



.cro_frontpage_cal a.cro_fpblog_linkme:hover{

  	color: #ffffff;

  	text-shadow: 0 0 0  #fff;

}





.cro_frontpage_cal h3{

  font-size: 33px;

  margin-bottom: 20px;

  padding: 0;

  text-align: center;

  font-weight: normal;

}







.cro_frontpage_cal p.cro_intro{

	text-align: center; 

	margin-bottom: 30px;

	color: #707881;

}



.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;

	line-height: 44px;

	text-align: center;

	margin-right: 5px;

	font-size: 22px;

	cursor: pointer;

	color: #fff;

	-webkit-border-radius: 3px;

    border-radius: 3px;

}



.cro_frontpage_cal .cro_wnext i{

	display: block;

	width: 40px;

	height: 40px;

	line-height: 44px;

	text-align: center;

	margin-left: 5px;

	font-size: 22px;

	cursor: pointer;

	color: #fff;

	-webkit-border-radius: 3px;

    border-radius: 3px;

}







.cro_frontpage_cal .cro_wprev i:hover{

	opacity: 0.6;

}



.cro_frontpage_cal .cro_wnext i:hover{

	opacity: 0.6;

}







.cro_frontpage_cal .agendadate span.second{

	display :block;

	text-align: center;

}





.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{

	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 0 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: #292C2F;

}





.touch .cro_frontpage_cdt{

	background-attachment: scroll !important;

}





.cro_cdt_block{

	position: relative;

}







.cro_frontpage_cdt .photostack{

	position: absolute;

	top: 0;

	left: 0;

	width: 120%;

	height: 130%;

}





.cro_frontpage_cdt h3{

	text-align: center;

	padding-bottom: 0px;

	color: #fff;

	margin-bottom: 0px;

	position: relative;

	z-index: 1;

}



.cro_frontpage_cdt p{

	text-align: center;

	color: #c1c5c9;

	font-size: 16px;

	position: relative;

	z-index: 1;

	margin-bottom: 10px;

}



.cro_frontpage_cdt p.cro_cdt_desc{

	text-align: center;

	color: #c1c5c9;

	font-size: 16px;

	position: relative;

	z-index: 1;

	margin-bottom: 0px;

	margin-top: 30px;

	opacity: 1;

}



.cro_introdate{

	opacity: 0.6;

}





.cro_frontpage_cdt p.cro_cdtlink{

	padding: 30px 0 0px 0;

	margin: 0;

}



.cro_frontpage_cdt p.cro_cdtlink a{

 	padding: 15px 25px;

 	font-size: 12px;

 	color: #fff;

 	-webkit-border-radius: 3px;

    border-radius: 3px;

    text-transform: uppercase;

}



.cro_frontpage_cdt p.cro_cdtlink a:hover{

	opacity: 0.6;

}









/*

 * 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: 50px 0 0 0;

	background: #fff;

}





.cro_frontpage_gal h3{

  color: #272727;

  font-size: 28px;

  margin-bottom: 20px;

  padding: 0;

  margin-top: 0;

  text-align: center;

}





.cro_frontpage_gal ul{

	list-style-type: none;

	margin: 0 auto;

	padding: 0;

	max-width: 1200px;

	text-align: center;

}



.cro_frontpage_gal ul li{

	width: 24%;

	height: auto;

	display: inline-block;

	overflow: hidden;

}



.cro_frontpage_gal ul li.half{

	width: 49%;

	height: auto;

	display: inline-block;

	overflow: hidden;

}



.cro_frontpage_gal ul li img{

	margin: 1px 5px;

}





.blg_titlebg{

	margin: 5px;

}







/*

 * welcome message

 */





.cro_frontpage_wel{

	position: relative;

	background: #fff;

}



.cro_frontpage_wel .cro_twothirds{

	margin-right: 40%;

	padding: 70px 0;

}





.cro_frontpage_wel .cro_onethird{

	position: absolute;

	top: 0;

	right: 0;

	width: 40%;

	height: 100%;

}





.cro_frontpage_wel .cro_titleblock{

	padding: 0 80px 0 80px;

}



.cro_frontpage_wel .cro_titleblock h2{

	margin: 0;

}



.cro_frontpage_wel .cro_titleblock h6{

	color: #9da3a9;

	margin: 0;

	padding: 10px 0 50px 0;

	border-bottom: 1px solid #9da3a9;

}





.cro_frontpage_wel  .cro_bodyblock{

	padding: 40px 80px 0 80px;

}





/*

 * 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: #fff;

}





.cro_blgcol{

	padding-top: 15px;

}



.cro_frontpage_blg{

	padding:  0;

	background: #fff;

}



.touch .cro_frontpage_blg{

	background-attachment: scroll !important;

}





.cro_blg_block{

	padding: 80px 0;

	position: relative;



}



.cro_blg_block .prodmask{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}





.cro_frontpage_blg .cro_titleblock{

	text-align: center;

}



.cro_frontpage_blg .cro_titleblock h2{

	color: #fff;

	position: relative;

	z-index: 1;

	font-size: 33px;

	margin-bottom: 50px;

}





.cro_frontpage_blg .cro_prodmask{



}



.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{

	margin: 10px 0 20px 0;

	font-size: 14px;

}



.cro_frontpage_blg h4 a{

	color: #292c2f;

	font-size: 18px;

	margin-bottom: 20px;

	padding-bottom: 13px;

	-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_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_frontpage_blg .blg_titlebg{

	text-align: center;

	position: relative;

	z-index: 1;

}



.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{

	color: #fff;

	font-size: 12px;

    margin-left: 0px;

    margin-top: 50px;

    margin-bottom: 0px;

    padding: 15px 25px;

    text-transform: uppercase;

    display: inline-block;

    -webkit-border-radius: 3px;

 	border-radius: 3px;

}





.cro_fpblog_linkme:hover{

	color: #fff;

	opacity: 0.6;

}







.cro_frontpage_blg p{

	color: #9da3a9;

	font-size: 15px;

	line-height: 1.6;

}



.cro_frontpage_blg img{

	width: 100%;

	height: auto;

	-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;

}



 .no-touch  .cro_frontpage_blg img:hover{

	opacity: 0.6;

}



.cro_frontpage_blg p.cro_fp_latest_more{

	text-align: center;

}





.cro_fp_latest_content{

	padding: 10px;

	position: relative;

}





.cro_frontpage_blg .cro_time{

	text-align: center;

}









/*

 * gridstack

 */

 

.cro_frontpage_grs{

	padding: 80px 0;

	background: #F8F8F8;

}







}

.cro_grs_grid{

	height: 645px;

}



.cro_grcenter_inner p{

	opacity: 0.6;

}





.cro_halfone{

	float: left;

	width: 50%;

	height: 645px;

	

}



.cro_halftwo{

	float: left;

	width: 50%;

	height: 645px;

	position: relative;

	z-index: 0;

}



.cro_halftwoinner{

	margin-left: 5px;

	height: 645px;

	position: relative;

	z-index: 0;

	

}





.cro_part60{

  height: 380px;

  position: relative;

  z-index: 3;

}



.cro_part40{

  height: 260px;

  position: relative;

  -webkit-transition: all 0.6s linear;

  -moz-transition: all 0.6s linear;

  -ms-transition: all 0.6s linear;

  -o-transition: all 0.6s linear;

  transition: all 0.6s linear;

  z-index: 5;

}



.no-touch .cro_part40:hover{

	opacity: 0.6;

}



.cro_parttop{

	margin-bottom: 5px;

}





.cro_part60left{

	position: absolute;

	top: 0;

	left: 0;

	width: 50%;

	height: 100%;

	-webkit-transition: all 0.6s linear;

	-moz-transition: all 0.6s linear;

	-ms-transition: all 0.6s linear;

	-o-transition: all 0.6s linear;

	transition: all 0.6s linear;

}



.no-touch .cro_part60left:hover{

	opacity: 0.6;

}



.cro_part60right{

	position: absolute;

	top: 0;

	left: 50%;

	width: 50%;

	height: 100%;

	z-index: 2;

}





.cro_part60rightinner{

	height: 100%;

	margin-left: 5px;

	-webkit-transition: all 0.6s linear;

	-moz-transition: all 0.6s linear;

	-ms-transition: all 0.6s linear;

	-o-transition: all 0.6s linear;

	transition: all 0.6s linear;

}



.no-touch .cro_part60rightinner:hover{

	opacity: 0.6;

}





.cro_gr_labelholder{

	position: absolute;

	top: 70%;

	width: 100%;

	left: 0;

	text-align: center;

	-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_gr_labelholder a{

	padding: 10px 20px;

	font-size: 13px;

	background: #EA392B;

	color: #fff;

}







.no-touch .cro_part60left:hover .cro_gr_labelholder, .no-touch .cro_part60right:hover .cro_gr_labelholder, .no-touch .cro_part40:hover .cro_gr_labelholder{

	top: 60%;

}



.no-touch .cro_part60left:hover .cro_gr_labelholder a, .no-touch .cro_part60right:hover .cro_gr_labelholder a, .no-touch .cro_part40:hover .cro_gr_labelholder a{

	background: #000;

}





.cro_grcenter_outer {

   display: table;

   width: 100%;

   height: 100%;

}



.cro_grcenter_inner {

   display: table-cell;

   text-align: center;

   vertical-align: middle;

}







.cro_grcenter_inner h2{

	margin: 0 0 20px 0;

	padding: 0;

}



.cro_grcenter_inner p{

	padding: 0 50px;

}









/*

 * 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: 80px 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;

}



.cro_frontpage_ctb p{

	text-align: center;

	font-size: 20px;

	padding: 10px 0;

}



.cro_frontpage_ctb  a{

	color: #fff;

	padding: 15px 20px;

	font-size: 14px;

	text-transform: uppercase;

	font-weight: normal;

	-webkit-border-radius: 3px;

 	border-radius: 3px;

}



.cro_frontpage_ctb  a:hover{

	opacity: 0.6;

}





.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;

	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 {

  color: #FFFFFF;

  font-size: 14px;

  padding: 15px 20px;

  text-transform: uppercase;

  -webkit-border-radius: 3px;

  border-radius: 3px;

}



.cro_frontpage_twi  .cro_fp_linkp a:hover {

  opacity: 0.6;

}







.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 {

  font-size: 33px;

  margin-bottom: 20px;

  padding: 0;

  text-align: center;

}



.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: 80px 0;

	background: #f8f8f8;

}





.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{

	float: right;

	margin-right: 0px;

	position: relative;

	z-index: 4;

	height: 49px;

}



.croma-topbarnav ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

	height: 49px;

}



.croma-topbarnav ul li{

	list-style-type: none;

	margin: 0;

	padding: 0;

	display: inline-block;

	float: right;

	padding: 0px;

	-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; 

	position: relative;

	line-height: 49px;

	margin-top: 5px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

}







.croma-topbarnav ul li:hover{

	opacity: 0.6;

}



.croma-topbarnav ul li a{

	text-transform: uppercase;

	font-size: 11px;

	padding: 0 20px;

	color: #fff;

	font-weight: bold;

	line-height: 39px;

}



.croma-topbarnav ul li ul li:hover{

	opacity: 0.6;

}



.croma-topbarnav ul li ul{

	display: none;

	position: absolute;

	right: 0;

	top: 49px;

	width: 200px;

	z-index: 3;

}



.croma-topbarnav ul:hover li ul{

	display: block;

}



.croma-topbarnav ul li ul li{

	line-height: 49px;

	width: 100%;

}



.croma-topbarnav ul li ul li a{

	line-height: 49px;

	display: block;

	text-align: right;

}



/*! ====================[ 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;

  padding: 0;

  position: absolute;

  right: 0;

  top: 55px;

  width: 500px;

  left: 50%;

  margin-left: -250px;

  z-index: 300;

  display: none;

  border: none;

}



.croma-mobilenavigation{

 padding: 30px;

}



#croma-mobilenav ul{

	margin: 0;

	list-style-type: none;

	padding: 0;

	padding-top: 0px;

	padding-left: 0px;

}





#croma-mobilenav .close-reveal-modal i{

	display :block;

	width: 32px;

	height: 32px;

	line-height: 32px;

	text-align: center;

}





#croma-mobilenav ul li a:hover{

	color: #fff;

}





.mobilenav-close{

	position: absolute;

	top: -5px;

	right: -5px;

	color: #fff;

	cursor: pointer;

	padding: 3px 5px;

	-webkit-border-radius: 23px;

    border-radius: 23px;

}



#croma-mobilenav ul ul{

	margin: 0 0 0 0px;

	list-style-type: none;

	padding: 0;

	display: none;

}



#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: #c1c5c9;

	font-size: 14px;

}



#croma-mobilenav ul li ul li a{

	color: #aaa;

	font-size: 12px;

}





#croma-mobilenav .cro_mm_oneside {

  float: none;

  padding: 20px;

  width: 100%;

  background: rgba(255,255,255,0.03);

  margin-bottom: 20px;

}





#croma-mobilenav .cro_mm_introtext a{

	padding: 10px 20px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	margin-bottom: 20px;

}



#croma-mobilenav .cro_mm_introtext a:hover{

	opacity: 0.6;

}









.cro_mm_3banner .cro_maskdiv{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}





#croma-mobilenav  li ul li .cro_mm_3banner h5, #croma-mobilenav  li ul li .cro_mm_3banner h3{

	display: table;

   	width: 100%;

   	height: 100%;

   	margin: 0;

   	padding: 0;

   	position: relative;

   	z-index: 1;

}



#croma-mobilenav  li ul li .cro_mm_3banner h5 a,  #croma-mobilenav li ul li .cro_mm_3banner h3 a{

   display: table-cell;

   text-align: center;

   vertical-align: bottom;

   background: transparent;

   color: #fff;

   width: auto;

   margin: 0;

   padding: 0;

   z-index: 3;

   font-size: 16px;

   line-height: 1;

}



#croma-mobilenav  li ul li .cro_mm_3banner h3 a{

   font-size: 18px;

   vertical-align: middle;

}





#croma-mobilenav  .cro_navside h2{

	font-size: 15px;

	color: #fff;



}



#croma-mobilenav  .cro_navside a:hover{

	color: #fff;



}





#croma-mobilenav  li ul li .cro_mm_imagetopban h5, #croma-mobilenav li ul li .cro_mm_imagebottomban h5 {

  display: table;

  height: 100%;

  margin: 0;

  padding: 0;

  width: 100%;

  position: relative;

   	z-index: 1;

}





#croma-mobilenav li ul li .cro_mm_imagetopban h5 a, #croma-mobilenav li ul li .cro_mm_imagebottomban h5 a {

  background: none repeat scroll 0 0 transparent;

  color: #fff;

  display: table-cell;

  font-size: 16px;

  line-height: 1;

  margin: 0;

  padding: 0;

  text-align: center;

  vertical-align: bottom;

  width: auto;

  z-index: 2;

}





#croma-mobilenav li ul li .cro_mm_image_2topside h5, #croma-mobilenav  li ul li .cro_mm_image_2bottomside h5 {

  display: table;

  height: 100%;

  margin: 0;

  padding: 0;

  width: 100%;

   position: relative;

   	z-index: 1;

}





#croma-mobilenav  li ul li .cro_mm_image_2topside h5 a, #croma-mobilenav  li ul li .cro_mm_image_2bottomside h5 a {

  background: none repeat scroll 0 0 transparent;

  color: #fff;

  display: table-cell;

  font-size: 21px;

  line-height: 1;

  margin: 0;

  padding: 0;

  text-align: center;

  vertical-align: middle;

  width: auto;

  z-index: 2;

}





#croma-mobilenav  .cro_mm_events a:hover{

	color: #fff;

}







#croma-mobilenav  li ul li h2.cro_bigban_header{

	font-size: 21px;

	text-transform: uppercase;

	padding: 0;

	margin: 0px 0px 20px 0px;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	color: #fff;

	text-align: center;

	position: relative;

	z-index: 2;

}



#croma-mobilenav   li ul li h5.cro_mm_bigban_subhead{

	padding: 0;

	margin: 0 0 0px 0;

	color: #fff;

	position: relative;

	z-index: 2;

}



#croma-mobilenav  li ul li h5.cro_mm_bigban_subhead a{

	width: auto;

	background: transparent;

	margin: 0;

	padding: 0;

	font-size: 16px;

	line-height: 16px;

	color: #fff;

}





#croma-mobilenav  li ul li p.cro_mm_bigban_subinfo{

	padding: 0;

	margin: 0px 0px 0px 0px;

	color: #bbb;

	position: relative;

	z-index: 2;

}



#croma-mobilenav  li ul li p.cro_mm_bigban_subinfo a{

	width: auto;

	background: transparent;

	margin: 0;

	padding: 0;

	font-size: 14px;

	color: #bbb;

	line-height: 16px;

	text-transform: none;

}





#croma-mobilenav .cro_mm_singlepost a{

	color: #fff;

	font-size: 15px;

}



#croma-mobilenav .cro_mm_singlepost p{

	color: #bbb;

	font-size: 13px;

}



#croma-mobilenav .cro_mm_singlepost h6{

	margin: 0 0 5px 0;

	font-size: 15px;

}





#croma-mobilenav .cro_mm_singlepost img:hover{

	opacity: 0.6;

}



#croma-mobilenav .cro_mm_singlepost a:hover{

	color: #bbb;

}











/*! ====================[ 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;

	margin: 0 auto;

	position: relative;

	z-index: 1;

	text-align: center;

	font-weight: 200;

}



ul.cro_timervalue li{

	display: inline-block;

	font-size: 40px;

	width: 24%;

}



ul.cro_timervalue li span.daynumber{

	display: block;

	line-height: 40px;

}



ul.cro_timervalue li span.hournumber{

	display: block;

	line-height: 40px;

}



ul.cro_timervalue li span.minutenumber{

	display: block;

	line-height: 40px;

}



ul.cro_timervalue li span.secondnumber{

	display: block;

	line-height: 40px;

}



ul.cro_timervalue li span.dayname{

	display: block;

	text-transform: uppercase;

	font-size: 11px;

	color: #999;

	opacity: 0.4;

	font-weight: 400;

}



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{

	height: 100%;

	width: 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;

}









/*! ====================[ 31. Mega Menu ]=================== */











.cro_mm_oneside{

	float: left;

	width: 50%;

	padding: 40px 0;

}





#croma-primarynav li.cro_megamenudropper ul li .cro_mm_oneside:first-child {

  padding-right: 60px;

  padding-left: 40px;

}



#croma-primarynav li.cro_megamenudropper ul li .cro_mm_oneside:last-child {

  padding-left: 60px;

  padding-right: 40px;

}









/*  ========= 3 banners   =========  */



.cro_mm_imagetopside{





}





.cro_mm_imagerightside{

	height: 90px;

	width: 45%;

	float: right;

	border: 1px solid #222;

	position: relative;

	cursor: pointer

}



.cro_mm_imagerightside:hover{

	opacity: 0.6;

}



.cro_mm_imageleftside{

	height: 90px;

	width: 45%;

	float :left;

	border: 1px solid #222;

	position: relative;

	cursor: pointer;

}



.cro_mm_imageleftside:hover{

	opacity: 0.6;

}



.cro_mm_imagebottomside{

}



.cro_mm_imagebottom{

	margin-top: 40px;

	height: 90px;

	border: 1px solid #222;

	position: relative;

	cursor: pointer;

}



.cro_mm_imagebottom:hover{

	opacity: 0.6;

}







.cro_mm_3banner .cro_maskdiv{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}





#croma-primarynav li ul li .cro_mm_3banner h5, #croma-primarynav li ul li .cro_mm_3banner h3{

	display: table;

   	width: 100%;

   	height: 100%;

   	margin: 0;

   	padding: 0;

}



#croma-primarynav li ul li .cro_mm_3banner h5 a, #croma-primarynav li ul li .cro_mm_3banner h3 a{

   display: table-cell;

   text-align: center;

   vertical-align: bottom;

   background: transparent;

   color: #fff;

   width: auto;

   margin: 0;

   padding: 0;

   z-index: 2;

   font-size: 16px;

   line-height: 1;

}



#croma-primarynav li ul li .cro_mm_3banner h3 a{

   font-size: 18px;

   vertical-align: middle;

}







/*  ========= intro   =========  */



.cro_mm_introtext h2{

	color: #ddd;

	font-size: 21px;

	text-transform: uppercase;

}



.cro_mm_introtext p{

	color: #b1b1b1;

	font-size: 15px;

	margin: 0 0 30px 0;

	padding: 0;

}





.cro_mm_introtext p.cro_mm_textlink{

	margin: 0;

	padding: 0;

}





#croma-primarynav li ul li .cro_mm_introtext p.cro_mm_textlink a{

	float: none;

	padding: 10px 20px;

	display: inline-block;

	width: auto;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	margin: 0;

}



#croma-primarynav li ul li .cro_mm_introtext p.cro_mm_textlink a:hover{

	opacity: 0.6;

}







/*  =========  menu drop & 2 banners   =========  */





.cro_navside{

	width: 50%;

	float: left;

}



.cro_navside h2{

	color: #888;

	margin: 0 0 20px 0;

	font-size: 18px;

}



#croma-primarynav .cro_navside ul.cro_mm_nav{

	position: relative;

	display: block;

	margin: 0;

	top: 0;

	background: transparent;

	width: auto;

	padding: 0;

}



#croma-primarynav .cro_navside ul.cro_mm_nav:after{

	display: none;

}



#croma-primarynav .cro_navside ul.cro_mm_nav li{

	position: relative;

	display: block;

	width: auto;

	background: transparent;

	margin: 0;

	padding: 0 0 11px 0;

}



#croma-primarynav .cro_navside ul.cro_mm_nav li a{

	position: relative;

	display: block;

	width: auto;

	background: transparent;

	text-transform: none;

	font-weight: normal;

	padding: 0;

	margin: 0;

	text-transform: uppercase;

}



.cro_bannerside{

	width: 50%;

	float: left;

}





.cro_mm_imagetopban{

	height: 90px;

	margin-bottom: 30px;

	position: relative;

}



.cro_mm_imagebottomban{

	height: 90px;

	position: relative;

}







.cro_mm_imagetopban:hover{

	opacity: 0.6;

}



.cro_mm_imagebottomban:hover{

	opacity: 0.6;

}







.cro_mm_imagetopban .cro_maskdiv {

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

}



.cro_mm_imagebottomban .cro_maskdiv {

  height: 100%;

  left: 0;

  position: absolute;

  top: 0;

  width: 100%;

}



#croma-primarynav li ul li .cro_mm_imagetopban h5, #croma-primarynav li ul li .cro_mm_imagebottomban h5 {

  display: table;

  height: 100%;

  margin: 0;

  padding: 0;

  width: 100%;

}





#croma-primarynav li ul li .cro_mm_imagetopban h5 a, #croma-primarynav li ul li .cro_mm_imagebottomban h5 a {

  background: none repeat scroll 0 0 transparent;

  color: #fff;

  display: table-cell;

  font-size: 16px;

  line-height: 1;

  margin: 0;

  padding: 0;

  text-align: center;

  vertical-align: bottom;

  width: auto;

  z-index: 2;

}











/*  =========  menu drop & 2 banners   =========  */



.cro_mm_singlepost{

	float: left;

	width: 45%;

	margin-right: 5%;

}



.cro_mm_singlepost:last-child{

	float: left;

	width: 45%;

	margin-left: 5%;

	margin-right: 0;

}



#croma-primarynav li ul li .cro_mm_singlepost a{

	background: transparent;

	width: auto;

	padding: 0;

	margin: 0;

}



#croma-primarynav li ul li .cro_mm_singlepost img{

	width: 100%;

	height: auto;

}



#croma-primarynav li ul li .cro_mm_singlepost img:hover{

	opacity: 0.6;

}



#croma-primarynav li ul li .cro_mm_singlepost h6{

	margin: 0;

	padding: 10px 0;

}



#croma-primarynav li ul li .cro_mm_singlepost p{

	color: #888;

	margin: 0;

	padding: 0;

}







/*  =========  banners   =========  */







.cro_mm_image_2topside{

	height: 90px;

	margin-bottom: 40px;

	position: relative;

}



.cro_mm_image_2bottomside{

	height: 90px;

	position: relative;

}





.cro_mm_image_2topside:hover, .cro_mm_image_2bottomside:hover{

	opacity: 0.6;

}







.cro_mm_image_2topside .cro_maskdiv{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.cro_mm_image_2bottomside .cro_maskdiv{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}





#croma-primarynav li ul li .cro_mm_image_2topside h5, #croma-primarynav li ul li .cro_mm_image_2bottomside h5 {

  display: table;

  height: 100%;

  margin: 0;

  padding: 0;

  width: 100%;

}





#croma-primarynav li ul li .cro_mm_image_2topside h5 a, #croma-primarynav li ul li .cro_mm_image_2bottomside h5 a {

  background: none repeat scroll 0 0 transparent;

  color: #fff;

  display: table-cell;

  font-size: 21px;

  line-height: 1;

  margin: 0;

  padding: 0;

  text-align: center;

  vertical-align: middle;

  width: auto;

  z-index: 2;

}







.cro_mm_image_bigban{

	padding: 20px;

	position: relative;

}



.cro_mm_image_bigban .cro_maskdiv{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



#croma-primarynav li ul li h2.cro_bigban_header{

	font-size: 21px;

	text-transform: uppercase;

	padding: 0;

	margin: 0px 0px 20px 0px;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	color: #fff;

	text-align: center;

	position: relative;

	z-index: 2;

}



#croma-primarynav li ul li h5.cro_mm_bigban_subhead{

	padding: 0;

	margin: 0 0 4px 0;

	color: #fff;

	position: relative;

	z-index: 2;

	font-weight: normal;

}



#croma-primarynav li ul li h5.cro_mm_bigban_subhead a{

	width: auto;

	background: transparent;

	margin: 0;

	padding: 0;

	font-size: 16px;

	line-height: 16px;

}





#croma-primarynav li ul li p.cro_mm_bigban_subinfo{

	padding: 0;

	margin: 0px 0px 13px 0px;

	color: #bbb;

}



#croma-primarynav li ul li p.cro_mm_bigban_subinfo a{

	width: auto;

	background: transparent;

	margin: 0;

	padding: 0;

	font-size: 14px;

	color: #bbb;

	line-height: 16px;

	text-transform: none;

}











/*  =========  latest events   =========  */







.cro_mm_calinner{

	border-bottom: 1px solid rgba(0,0,0,0.08);

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

	padding: 3px 0;

}





.cro_mm_agendadate{

	float: left;

	width: 90px;

	color: #b1b1b1;

}



#croma-primarynav li ul li .cro_mm_agendadate a{

	width: auto;

	background: transparent;

	color: #b1b1b1;

}



#croma-primarynav li ul li .cro_mm_agendadate a:hover{

	color: #fff;

}





.cro_mm_clarlabel{

	width: 30px;

	float: right;

}



#croma-primarynav li ul li .cro_mm_clarlabel a{

	width: auto;

	background: transparent;

	color: #b1b1b1;

}



#croma-primarynav li ul li .cro_mm_clarlabel a:hover{

	color: #fff;

}







.cro_mm_maindate{

	margin-left: 90px;

	margin-right: 35px;

}



#croma-primarynav li ul li .cro_mm_maindate a{

	width: auto;

	background: transparent;

	color: #b1b1b1;

}



#croma-primarynav li ul li .cro_mm_maindate a:hover{

	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_titleside{

		text-align: center;

		padding-bottom: 40px;

	}









	.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;

	}



	



	.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;

	}





	header#pageheader {

		position: relative;

		top: 0;

	}



	.croma-subnav {

  		float: none;

  		text-align: center;

	}



	.croma-logo{

		text-align: center;

	}



	.cro_frontpage_img ul {

       text-align: center;

	}



	.cro_frontpage_img ul li {

       width: 50%;

       margin-bottom: 20px;

	}



	.cro_frontpage_img ul li:last-child {

       width: 50%;

       margin-bottom: 20px;

       margin-left: 25%;

	}



	.cro_frontpage_wel .cro_twothirds {

  			margin-right: 0%;

  			padding: 30px 0;

	}



	.cro_frontpage_wel .cro_onethird {

  		width: 100%;

  		position: relative;

  		height: 450px;

	}



	.cro_calendar_container{

		margin-bottom: 50px;

	}



	.cro_latest_media_container{

		margin-bottom: 50px;

	}



	.cro_halfone {

  		float: none;

  		height: 645px;

  		width: 100%;

	}



	.cro_halftwo {

   		float: none;

  		height: 645px;

  		width: 100%;

   }



   .cro_halftwoinner {

  		margin-left: 0px;

  		margin-top: 5px;

	}



	#croma-mobilenav{

		width: 96%;

		left: 50%;

		margin-left: -48%;

	}



}



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



	#singleproduct .product{

		margin-left: 40px;

		margin-right: 40px;

	}





	.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;

	}





	.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;

	}



	.croma-subnav ul li{

		margin-bottom: 20px;

	}



	.croma-subnav ul li a {

		font-size: 12px;

		padding: 6px 10px;

	}



	.cro_frontpage_gal ul li {

		width: 32%;

	}



	.cro_frontpage_gal ul li.half {

		width: 64%;

	}



	.cro_frontpage_gal ul li:nth-child(6) {

		display: none;

	}



	.cro_frontpage_gal ul li:nth-child(3) {

		display: none;

	}



	.cro_frontpage_gal ul li:nth-child(6) {

		display: none;

	}



	.cro_frontpage_gal ul li:nth-child(7) {

		display: none;

	}





	.cro_frontslider_vid1, .cro_frontslider_vid2{

		display :none;

	}



	#croma-mobilenav .cro_navside h2 {

		color: #fff;

		font-size: 12px;

		margin-bottom: 5px;

		font-weight: bold;

		white-space: normal;

	}



	.cro_mm_agendadate {

		width: 40px;

	}



	.cro_mm_maindate {

		margin-left: 45px;

		margin-right: 0px;

	}



	.cro_mm_clarlabel {

		width: 0px;

	}



	.cro_part40{

		margin-top: 5px;

	}



	.cro_cta_block .large-3{

		text-align: center !important;

	}



	h3.cro_cal_short_title{

		text-align: center;

	}



	h3.cro_cal_short_title a{

		float: none;

		display: block;

		margin-bottom: 20px;

		text-align: center;

		margin-top: 20px;

	}



	ul.cro_shortcal li .agendadate {

		font-size: 14px;

		width: 50px;

	}



	ul.cro_shortcal li .cro_maindate {

		margin-left: 60px;

		margin-right: 30px;

	}



	ul.cro_shortcal li .clarlabel {

		width: 30px;

	}



	#cromaheader h1{

		font-size: 20px;

	}



	.cromax-cta {

		padding: 20px;

	}



	.cromax_agendacal ul.cro_agendatwister li{

		width: 100%;

	}



	.cromax_agendacal ul.cro_agendatwister li .cro_cal_dateside {

		float: left;

		width: 100px;

	}



	.cromax_agendacal ul.cro_agendatwister li .cro_cal_infoside {

		margin-left: 105px;

	}



	.cro_mediacast_mainpart {

		margin-left: 0px;

	}



	.cro_mediacast_imagepart {

		display: none;

	}



	.cro_paypalouter {

		padding: 10px;

	}



}









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



	.cro_frontpage_img ul li {

		margin-bottom: 20px;

		width: 100%;

		max-width: 350px;

		display: block;

		margin: 0 auto 20px auto;

		float: none;

	}



	.cro_frontpage_img ul li:last-child {

		margin: 0 auto 20px auto;

		width: 100%;

		max-width: 350px;

		float: none;

	}



	.cro_part60 {

		height: auto;

		position: relative;

		margin-bottom: 0px;

	}



	.cro_part60left {

		position: relative;

		display: block;

		width: 100%;

		max-width: 300px;

		height: 350px;

		margin: 5px auto 0 auto;

		left: 0;

	}



	.cro_part60right {

		position: relative;

		display: block;

		width: 100%;

		max-width: 300px;

		height: 350px;

		margin: 5px auto 0 auto;

		left: 0;

	}



	.cro_halftwoinner {

		height: auto;

		margin-left: 0px;

	}



	.cro_halftwo {

		float: none;

		height: auto;

		width: 100%;

	}



	.cro_halfone {

		float: none;

		height: auto;

		width: 100%;

	}



	.cro_part60rightinner {

		margin-left: 0px;

	}



	.cro_frontpage_wel .cro_titleblock {

		padding: 0 20px;

	}



	.cro_frontpage_wel .cro_bodyblock {

		padding: 20px 20px 0;

	}



	ul.cro_footwidget {

		list-style-type: none;

		margin: 0;

		padding: 10px 0 0px;

	}



	.accordion-cnt {

		padding: 20px;

	}



	.cro_activediv {

		padding: 0 20px;

	}



	ul.cro_donationsfrequency li {

		margin: 0 5% 10px 5%;

		width: 90%;

	}



	ul.cro_donations_firstrow li {

	  margin: 0 5% 10px 5%;

	  width: 90%;

	}



}