/*
	Author: Nicdark
	Author URI: http://www.nicdarkthemes.com/
*/


/****************************************************************************
	Table of Content
***************************************************************************


SOME CLASSES THAT YOU CAN APPLY TO ALL ELEMENTS FOR DECIDE THE GRAPHIC
	1- background class
	2- border color options
	3- shadow color for elements
	4- radius options
	5- strike text


SOME SHORTCODES FOR CREATE YOUR PAGES
	6- logo options
	7 button rules
	8- btn icon
	9- btn icon bg
	10- divider
	11- dropcaps
	12- alerts
	13- iframe
	14- accordion
	15- toogle
	16- progress bar
	17- tabs
	18- list
	19- table
	20- filter
	21- left sidebar
	22- right sidebar
	23- triangle


SOME CLASSES FOR MARGIN, PADDING AND POSITION OPTIONS
	24- block
	25- display none
	26- padding
	27- space
	28- margin
	29- size
	30- absolute
	31- relative
	32- height


SOME CLASSES FOR ARCHIVE SECTION
	33- textevidence
	34- focus
	35- archive
	36- activity
	37- mansonry


EFFECTS HOVER
	38- rotate
	39- press
	40- zoom
	41- opacity
	42- transition
	43- bg


JQUERY UI
	44- calendar
	45- tooltip
	46- slide range

*/




/***********************SOME CLASSES THAT YOU CAN APPLY TO ALL ELEMENTS FOR DECIDE THE GRAPHIC*************************************/



/* 1 - START NICDARKBG*/
.mayouli_bg_white{ background-color: #ffffff; }
.mayouli_bg_grey{ background-color: #f9f9f9; }
.mayouli_bg_grey2{ background-color: #f1f1f1; }
.mayouli_bg_greydark{ background-color: #58585a;}
.mayouli_bg_greydark2{ background-color: #404746;}
.mayouli_bg_green{ background-color: #79a39b; }
.mayouli_bg_blue{ background-color: #6088a4; }
.mayouli_bg_violet{ background-color: #8784a0; }
.mayouli_bg_orange{ background-color: #c77869; }
.mayouli_bg_red{ background-color: #bd7880; }
.mayouli_bg_yellow{ background-color: #d0c28d; }
.mayouli_bg_greendark{ background-color: #58585a; }
.mayouli_bg_bluedark{ background-color: #577b94; }
.mayouli_bg_violetdark{ background-color: #7c7994; }
.mayouli_bg_orangedark{ background-color: #c3a38a; }
.mayouli_bg_reddark{ background-color: #a96c73; }
.mayouli_bg_yellowdark{ background-color: #c2b481; }
.mayouli_bg_gradient{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#577b94+0,577b94+10,6ea886+10,6ea886+20,c2b481+20,c2b481+30,c3a38a+30,c3a38a+40,a96c73+40,a96c73+50,7c7994+50,7c7994+60,577b94+60,577b94+70,6ea886+70,6ea886+80,c2b481+80,c2b481+90,c3a38a+90,c3a38a+100,a96c73+100 */
background: #577b94; /* Old browsers */
background: -moz-linear-gradient(left, #577b94 0%, #577b94 10%, #58585a 10%, #58585a 20%, #c2b481 20%, #c2b481 30%, #c3a38a 30%, #c3a38a 40%, #a96c73 40%, #a96c73 50%, #7c7994 50%, #7c7994 60%, #577b94 60%, #577b94 70%, #58585a 70%, #58585a 80%, #c2b481 80%, #c2b481 90%, #c3a38a 90%, #c3a38a 100%, #a96c73 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#577b94), color-stop(10%,#577b94), color-stop(10%,#58585a), color-stop(20%,#58585a), color-stop(20%,#c2b481), color-stop(30%,#c2b481), color-stop(30%,#c3a38a), color-stop(40%,#c3a38a), color-stop(40%,#a96c73), color-stop(50%,#a96c73), color-stop(50%,#7c7994), color-stop(60%,#7c7994), color-stop(60%,#577b94), color-stop(70%,#577b94), color-stop(70%,#58585a), color-stop(80%,#58585a), color-stop(80%,#c2b481), color-stop(90%,#c2b481), color-stop(90%,#c3a38a), color-stop(100%,#c3a38a), color-stop(100%,#a96c73)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #577b94 0%,#577b94 10%,#58585a 10%,#58585a 20%,#c2b481 20%,#c2b481 30%,#c3a38a 30%,#c3a38a 40%,#a96c73 40%,#a96c73 50%,#7c7994 50%,#7c7994 60%,#577b94 60%,#577b94 70%,#58585a 70%,#58585a 80%,#c2b481 80%,#c2b481 90%,#c3a38a 90%,#c3a38a 100%,#a96c73 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #577b94 0%,#577b94 10%,#58585a 10%,#58585a 20%,#c2b481 20%,#c2b481 30%,#c3a38a 30%,#c3a38a 40%,#a96c73 40%,#a96c73 50%,#7c7994 50%,#7c7994 60%,#577b94 60%,#577b94 70%,#58585a 70%,#58585a 80%,#c2b481 80%,#c2b481 90%,#c3a38a 90%,#c3a38a 100%,#a96c73 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #577b94 0%,#577b94 10%,#58585a 10%,#58585a 20%,#c2b481 20%,#c2b481 30%,#c3a38a 30%,#c3a38a 40%,#a96c73 40%,#a96c73 50%,#7c7994 50%,#7c7994 60%,#577b94 60%,#577b94 70%,#58585a 70%,#58585a 80%,#c2b481 80%,#c2b481 90%,#c3a38a 90%,#c3a38a 100%,#a96c73 100%); /* IE10+ */
background: linear-gradient(to right, #577b94 0%,#577b94 10%,#58585a 10%,#58585a 20%,#c2b481 20%,#c2b481 30%,#c3a38a 30%,#c3a38a 40%,#a96c73 40%,#a96c73 50%,#7c7994 50%,#7c7994 60%,#577b94 60%,#577b94 70%,#58585a 70%,#58585a 80%,#c2b481 80%,#c2b481 90%,#c3a38a 90%,#c3a38a 100%,#a96c73 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#577b94', endColorstr='#a96c73',GradientType=1 ); /* IE6-9 */
}
/*END NICDARKBG*/



/* 2- START NICDARKBORDER: applica l'ombra del colore selezionato*/
.mayouli_border_white, .mayouli_border_white td, .mayouli_border_white th{ border: 1px solid #ffffff; }
.mayouli_border_grey, .mayouli_border_grey td, .mayouli_border_grey th{ border: 1px solid #f1f1f1; }
.mayouli_border_grey2, .mayouli_border_grey2 td, .mayouli_border_grey2 th{ border: 1px solid #e5e5e5; }
.mayouli_border_greydark, .mayouli_border_greydark td, .mayouli_border_greydark th{ border: 1px solid #404746; }
.mayouli_border_greydark2, .mayouli_border_greydark2 td, .mayouli_border_greydark2 th{ border: 1px solid #353b3d; }
.mayouli_border_green, .mayouli_border_green td, .mayouli_border_green th{ border: 1px solid #58585a; }
.mayouli_border_blue, .mayouli_border_blue td, .mayouli_border_blue th{ border: 1px solid #577b94; }
.mayouli_border_violet, .mayouli_border_violet td, .mayouli_border_violet th{ border: 1px solid #7c7994; }
.mayouli_border_orange, .mayouli_border_orange td, .mayouli_border_orange th{ border: 1px solid #c3a38a; }
.mayouli_border_red, .mayouli_border_red td, .mayouli_border_red th{ border: 1px solid #a96c73; }
.mayouli_border_yellow, .mayouli_border_yellow td, .mayouli_border_yellow th{ border: 1px solid #c2b481; }
.mayouli_border_greendark, .mayouli_border_greendark td, .mayouli_border_greendark th{ border: 1px solid #65ae83; }
.mayouli_border_bluedark, .mayouli_border_bluedark td, .mayouli_border_bluedark th{ border: 1px solid #6dc0d5; }
.mayouli_border_violetdark, .mayouli_border_violetdark td, .mayouli_border_violetdark th{ border: 1px solid #a675af; }
.mayouli_border_orangedark, .mayouli_border_orangedark td, .mayouli_border_orangedark th{ border: 1px solid #d8734c; }
.mayouli_border_reddark, .mayouli_border_reddark td, .mayouli_border_reddark th{ border: 1px solid #bf6363; }
.mayouli_border_yellowdark, .mayouli_border_yellowdark td, .mayouli_border_yellowdark th{ border: 1px solid #d4ae49; }

/*border for input*/
input[type="text"].mayouli_border_grey { border: 1px solid #f1f1f1 !important; }
input[type="text"].mayouli_border_grey2 { border: 1px solid #e5e5e5 !important; }
/*END NICDARKBORDER*/


/*bottom*/
.mayouli_border_bottom_grey, .mayouli_border_bottom_grey td, .mayouli_border_bottom_grey th{ border-bottom: 1px solid #f1f1f1; }
.mayouli_border_bottom_none, .mayouli_border_bottom_none td, .mayouli_border_bottom_none th{ border-bottom: 0px solid #f1f1f1 !important; }


/*top*/
.mayouli_border_top_none, .mayouli_border_top_none td, .mayouli_border_top_none th{ border-top: 0px solid #f1f1f1 !important; }
.mayouli_border_top_grey, .mayouli_border_top_grey td, .mayouli_border_top_grey th{ border-top: 1px solid #f1f1f1; }


/*right*/
.mayouli_border_right_grey, .mayouli_border_right_grey td, .mayouli_border_right_grey th{ border-right: 1px solid #f1f1f1; }


/*END */



/* 5- START mayouli_STRIKE*/
.mayouli_strike{ text-decoration: line-through; }
/*END mayouli_STRIKE*/



/*****************************************SOME SHORTCODES FOR CREATE YOUR PAGES********************************************/



/* 6 - START LOGO*/
.mayouli_logo{ float: left; position: relative; width: 10px; height: 10px; }
.mayouli_logo img{ position: absolute; width: 135px; margin-top: 3px; border:0;}
/*END LOGO*/


/* 7 - START NIKBTN:*/
.mayouli_btn{ font-family: 'Open Sans', sans-serif; display: inline-block; text-align: center; cursor: pointer;}
.mayouli_btn.subtitle{ font-family: 'Lato', sans-serif !important; }
.mayouli_btn.left{ float: left;}
.mayouli_btn.right{ float: right;}
.mayouli_btn.fullwidth{ padding-left: 0px !important; padding-right: 0px !important; width: 100%;}
/*size*/
.mayouli_btn.extrasmall{ padding: 0px 10px; font-size: 13px; }
.mayouli_btn.small{ padding: 5px 10px; font-size: 15px; line-height: 15px; text-transform: uppercase }
.mayouli_btn.medium{ padding: 10px 20px; font-size: 17px; }
.mayouli_btn.big{ padding: 15px 20px; font-size: 19px; }
.mayouli_btn.extrasize{ padding: 20px; font-size: 45px; line-height: 45px; }
/*END NIKBTN*/



/* 8 - START NIKBTNICON:*/
.mayouli_btn_icon{ font-family: 'Open Sans', sans-serif; display: inline-block; text-align: center; cursor: pointer;}
.mayouli_btn_icon.subtitle{ font-family: 'Lato', sans-serif !important; }
.mayouli_btn_icon > i{ display: inline-block; width: 20px; height: 20px; }
.mayouli_btn_icon > i:before{ margin: 0px; padding:0px; }
.mayouli_btn_icon.left{ float: left;}
.mayouli_btn_icon.right{ float: right;}
/*size*/
.mayouli_btn_icon.extrasmall{ padding: 5px; font-size: 14px; border-radius: 50px }
.mayouli_btn_icon.small{ padding: 10px; font-size: 15px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;}
.mayouli_btn_icon.medium{ padding: 15px; font-size: 17px; }
.mayouli_btn_icon.big{ padding: 20px; font-size: 19px; }
/*extra big*/
.mayouli_btn_icon.extrabig > i{ display: inline-block; width: 40px; height: 40px; }
.mayouli_btn_icon.extrabig{ padding: 20px; font-size: 32px; }
/*END NIKBTNICON*/



/* 9 - START NIKBTNICON:*/
.mayouli_btn_iconbg{ display: inline-block; }
.mayouli_btn_iconbg > div{ overflow: hidden; position: relative; }
/*size*/
.mayouli_btn_iconbg.small, .mayouli_btn_iconbg.small > div{ width: 40px; height: 40px; }
.mayouli_btn_iconbg.medium, .mayouli_btn_iconbg.medium > div{ width: 50px; height: 50px; }
.mayouli_btn_iconbg.big, .mayouli_btn_iconbg.big > div{ width: 60px; height: 60px; }
.mayouli_btn_iconbg.extrabig, .mayouli_btn_iconbg.extrabig > div{ width: 80px; height: 80px; }
/*END NIKBTNICON*/



/*START NICDARKICONBG*/
.mayouli_iconbg{ position: absolute; bottom: 3px;}
/*position*/
.mayouli_iconbg.left{ left: -20px;}
.mayouli_iconbg.right{ right: 0;}
/*size*/
.mayouli_iconbg.small{ font-size: 40px; }
.mayouli_iconbg.medium{ font-size: 34px; }
.mayouli_iconbg.big{ font-size: 60px; }
.mayouli_iconbg.extrabig{ font-size: 80px; }
/*color*/
.mayouli_iconbg.grey{ color: #f1f1f1; }
.mayouli_iconbg.green{ color: #58585a; }
.mayouli_iconbg.blue{ color: #577b94; }
.mayouli_iconbg.violet{ color: #7c7994; }
.mayouli_iconbg.orange{ color: #c3a38a; }
.mayouli_iconbg.red{ color: #a96c73; }
.mayouli_iconbg.yellow{ color: #c2b481; }
/*END NICDARKICONBG*/



/* 10 - START NIKDIVIDER: color, align, size*/
.mayouli_divider{ float: left; width: 100%;}
.mayouli_divider > span{ display: block; margin:auto; }
/*align*/
.mayouli_divider.left > span{ float: left; }
.mayouli_divider.right > span{ float: right; }
/*size*/
.mayouli_divider.big > span{ width: 80px; height: 4px; }
.mayouli_divider.small > span{ width: 30px; height: 2px; }
/*END NIKDIVIDER*/



/* 11- START NICDARKDROPCAP*/
.mayouli_dropcap{ float: left; font-size: 35px; line-height: 20px; padding: 15px; margin-right: 20px; }
/*END NICDARKDROPCAP*/

/* 12 - START NIKALERTS*/
.mayouli_alerts{ float: left; width: 100%; overflow: hidden; position: relative; }
.mayouli_alerts > p > .iconclose{ cursor: pointer; }
/*END NIKALERTS*/

/* 13 - START NICDARKIFRAME*/
.mayouli_iframe{ float: left; width: 100%; border: 0; }
/*END NICDARKIFRAME*/


/* 14 - START NIKACCORDION*/
.mayouli_accordion{ float: left; width: 100%; }
.mayouli_accordion .ui-accordion-header-active { cursor: initial !important; }
.mayouli_accordion .mayouli_accordion_header{ outline: 0; cursor: pointer; margin-bottom: 20px; }
.mayouli_accordion_content{ padding: 0px 20px 20px 20px; }
/*size*/
.mayouli_accordion_header.small{ padding: 5px 10px; }
.mayouli_accordion_header.medium{ padding: 10px 20px; }
.mayouli_accordion_header.big{ padding: 15px 20px; }
/*icon*/
.mayouli_accordion .ui-accordion-header-active:before { content: '\e842' !important; font-family: 'fontello'; margin-right: 10px; }
.mayouli_accordion .ui-accordion-header:before { content: '\e846'; font-family: 'fontello'; margin-right: 10px; }
/*END NIKACCORDION*/


/* 15  - START NIKTOOGLE*/
.mayouli_toogle{ float: left; width: 100%; }
.mayouli_toogle_content{ padding: 20px; }
.mayouli_toogle .mayouli_toogle_header{ outline: 0; cursor: pointer; float: none; width: initial; }
/*size*/
.mayouli_toogle_header.small{ padding: 5px 10px; }
.mayouli_toogle_header.medium{ padding: 10px 20px; }
.mayouli_toogle_header.big{ padding: 15px 20px; }
/*icon*/
.mayouli_toogle .ui-accordion-header-active:before { content: '\e842' !important; font-family: 'fontello'; margin-right: 10px; }
.mayouli_toogle .ui-accordion-header:before { content: '\e846'; font-family: 'fontello'; margin-right: 10px; }
/*END NIKTOOGLE*/


/* 16 - START NIKPROGRESSBAR*/
.mayouli_progressbar{ float:left; width:100%; }
.mayouli_progressbar_title{ margin: 0px; padding:0px; min-height: 20px; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; }
.mayouli_progressbar_title > span{ padding:0px; display:inline-block;}
/*animate*/
.animate_progressbar{ width: 0% !important; }
/*END NIKPROGRESSBAR*/


/* 17 - START NICDARKTABS*/
.mayouli_tab{ float: left; width: 100%; }
.mayouli_tabs{ float: left; width: 100%; }
.mayouli_tab > .mayouli_tabslist{ margin: 0px; padding: 0px; list-style: none; float: left; width: 100%; }
.mayouli_tab > .mayouli_tabslist > li{ margin: 0px; padding: 0px; float: left; }
.mayouli_tab > .mayouli_tabslist > li > a{ outline: 0; }
.mayouli_tab > .mayouli_tabslist > .ui-tabs-active > a{ background-color: #fff !important; color: #b7b7b7 !important; box-shadow: 0px 0px 0px 0px #f1f1f1;  }
.mayouli_tab > .mayouli_tabslist.greydark > .ui-tabs-active > a{ background-color: #58585a !important; color: #fff !important; box-shadow: 0px 0px 0px 0px #f1f1f1; }
/*END NICDARKTABS*/


/* 18 - START NICDARKLIST*/
.mayouli_list{ float: left; width: 100%; list-style: none; margin: 0px; padding: 0px; }
.mayouli_list > li{ float: left; width: 100%; border-top: 0px; border-left: 0px; border-right: 0px; border-width: 1px; }
.mayouli_list > li:last-child{ border-bottom-width: 0px; }
/*END NICDARKLIST*/


/* 19 - START NICDARKTABLE*/
.mayouli_table{ float:left; width: 100%; border-collapse: collapse; }
.mayouli_table thead, .mayouli_table tbody { border-width: 0px; }
.mayouli_table tr td, .mayouli_table tr th{ border-width: 1px; }
/*size*/
.mayouli_table.small tr td, .mayouli_table.small tr th{ padding: 5px 10px; }
.mayouli_table.medium tr td, .mayouli_table.medium tr th{ padding: 10px 20px; }
.mayouli_table.big tr td, .mayouli_table.big tr th{ padding: 15px 20px; }
.mayouli_table.extrabig tr td, .mayouli_table.extrabig tr th{ padding: 20px 20px; }
/*align*/
.mayouli_table.center{ text-align: center; }
.mayouli_table.left{ text-align: left; }
.mayouli_table.right{ text-align: right; }
/*END NICDARKTABLE*/



/* 20 - START NICDARKFILTER*/
.mayouli_filter{ float: left; width: 100%; }
.mayouli_filter.greydark { background: rgba(0,0,0,0.2); }
.mayouli_filter.green { background: rgba(118,179,143,0.8); }
.mayouli_filter.blue { background: rgba(96,136,164,0.8); }
.mayouli_filter.violet { background: rgba(135,132,160,0.8); }
.mayouli_filter.yellow { background: rgba(208,194,141,0.8); }
.mayouli_filter.orange { background: rgba(211,180,157,0.8); }
.mayouli_filter.red { background: rgba(189,120,128,0.8); }
/*END NICDARKFILTER*/


/* 21 - 22 - START NICDARKLEFTSIDEBAR*/
.mayouli_left_sidebar{ width:300px; height:100%; position:fixed; left:-300px; top:0px; z-index:99999; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; }
.mayouli_right_sidebar{ width:300px; height:100%; position:fixed; right:-300px; top:0px; z-index:99999; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; }
/*overlay*/
.mayouli_overlay_on{float: left; width: 100%; height: 100%; background:rgba(0,0,0,0.3); position: fixed; z-index: 999; cursor: crosshair; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; }
/*END NICDARKLEFTSIDEBAR*/



/* 23 - START NICDARKTRIANGLE*/
.mayouli_triangle{ width: 0px; height: 0px; border-style: solid; border-width: 15px 15px 0 15px; position: absolute; }
/*color*/
.mayouli_triangle.grey{ border-color: #f1f1f1 transparent transparent transparent; }
.mayouli_triangle.greydark{ border-color: #404746 transparent transparent transparent; }
.mayouli_triangle.green{ border-color: #58585a transparent transparent transparent; }
.mayouli_triangle.blue{ border-color: #577b94 transparent transparent transparent;  }
.mayouli_triangle.violet{ border-color: #7c7994 transparent transparent transparent;}
.mayouli_triangle.orange { border-color: #c3a38a transparent transparent transparent;  }
.mayouli_triangle.red{ border-color: #a96c73 transparent transparent transparent; }
.mayouli_triangle.yellow{ border-color: #c2b481 transparent transparent transparent; }
/*END NICDARKTRIANGLE*/



/*START NICDARK PRELOADER*/
.mayouli_preloader{ float: left; width: 100%; height: 100%; position: fixed; background-color: #fff; display: table; z-index: 10001; text-align: center; }
.mayouli_preloader i{ display: table-cell; vertical-align: middle; font-size: 30px; -webkit-animation: mayouli_pulse 1s infinite linear; animation: mayouli_pulse 1s infinite linear; }


@-webkit-keyframes mayouli_spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes mayouli_spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}


@-webkit-keyframes mayouli_pulse {
  0% {
    -webkit-transform:scale(1.0, 1.0);
	-o-transform:scale(1.0, 1.0);
	transform:scale(1.0, 1.0);
  }
  50% {
    -webkit-transform:scale(1.3, 1.3);
	-o-transform:scale(1.3, 1.3);
	transform:scale(1.3, 1.3);
  }
  100% {
    -webkit-transform:scale(1.0, 1.0);
	-o-transform:scale(1.0, 1.0);
	transform:scale(1.0, 1.0);
  }
}
@keyframes mayouli_pulse {
  0% {
    -webkit-transform:scale(1.0, 1.0);
	-o-transform:scale(1.0, 1.0);
	transform:scale(1.0, 1.0);
  }
  50% {
    -webkit-transform:scale(1.3, 1.3);
	-o-transform:scale(1.3, 1.3);
	transform:scale(1.3, 1.3);
  }
  100% {
    -webkit-transform:scale(1.0, 1.0);
	-o-transform:scale(1.0, 1.0);
	transform:scale(1.0, 1.0);
  }
}


/***************************SOME CLASSES FOR MARGIN/SPACE/POSITION/HEIGHT/DISPLAY BETWEEN ELEMENTS***************************************************/

/* 24 - SOME CLASSES*/
.mayouli_block{ display: block !important; }
.mayouli_outline { outline: 0; }
.mayouli_overflow { overflow: hidden; }
.mayouli_fixed { position: fixed; }
.mayouli_sizing { box-sizing:border-box; }
.mayouli_display_inlineblock { display: inline-block; }
.mayouli_display_table { display: table; }
.mayouli_cell { display: table-cell !important; }
.mayouli_vertical_middle { vertical-align: middle; text-align: center; }
.mayouli_vertical_bottom { vertical-align: bottom; }
.mayouli_center { text-align: center; }
.mayouli_left { text-align: left; }
.mayouli_right { text-align: right; }
.mayouli_disable_float { float: initial !important; }
.mayouli_float_right { float: right; }
.mayouli_cursor_pointer { cursor: pointer; }
.mayouli_cursor_text { cursor: text; }
.mayouli_cursor_none { cursor: none; }
.mayouli_oblique45{ transform:rotate(45deg); -ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.mayouli_oblique45_negative{ transform:rotate(-45deg); -ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.mayouli_bg_cover { background-size: cover; background-position: center}

/* 25 - display*/
.mayouli_displaynone_desktop { display: none; }
.mayouli_displaynone { display: none !important; }

/* 26 - padding*/
.mayouli_padding10{ padding: 10px !important; }
.mayouli_padding100{ padding: 10px 0px !important; }
.mayouli_padding1020{ padding: 10px 20px !important; }
.mayouli_padding1520{ padding: 15px 20px !important; }
.mayouli_padding20{ padding: 20px !important; }
.mayouli_padding020{ padding: 0px 20px !important; }
.mayouli_padding0{ padding: 0px !important; }
.mayouli_padding50{ padding: 5px 0px !important; }
/*left*/
.mayouli_paddingleft0 { padding-left: 0px !important; }
.mayouli_paddingleft10 { padding-left: 10px !important; }
/*right*/
ù.mayouli_paddingright10 { padding-right: 10px !important; }
.mayouli_paddingright20 { padding-right: 20px !important; }
.mayouli_paddingright30 { padding-right: 30px !important; }
/*top*/
.mayouli_paddingtop0 { padding-top: 0px !important; }
/*bottom*/
.mayouli_paddingbottom0 { padding-bottom: 0px !important; }


/* 27 - START NIKSPACE: attribuisco la classe mayouli_space ad un div vuoto per fare degli spazi tra gli elementi*/
.mayouli_space1{ height: 1px; width: 100%; float: left; }
.mayouli_space3{ height: 3px; width: 100%; float: left; }
.mayouli_space5{ height: 5px; width: 100%; float: left; }
.mayouli_space10{ height: 10px; width: 100%; float: left; }
.mayouli_space15{ height: 15px; width: 100%; float: left; }
.mayouli_space20{ height: 20px; width: 100%; float: left; }
.mayouli_space25{ height: 25px; width: 100%; float: left; }
.mayouli_space30{ height: 30px; width: 100%; float: left; }
.mayouli_space40{ height: 40px; width: 100%; float: left; }
.mayouli_space50{ height: 50px; width: 100%; float: left; }
.mayouli_space60{ height: 60px; width: 100%; float: left; }
.mayouli_space70{ height: 70px; width: 100%; float: left; }
.mayouli_space80{ height: 80px; width: 100%; float: left; }
.mayouli_space90{ height: 90px; width: 100%; float: left; }
.mayouli_space100{ height: 100px; width: 100%; float: left; }
/*END NIKSPACE*/


/* 28 - START NICDARKMARGIN*/
.mayouli_margin0{ margin: 0px; padding: 0px; display: inline-block; }
.mayouli_margin5{ margin: 5px; padding: 0px; display: inline-block; }
.mayouli_margin05{ margin: 0px 5px; padding: 0px; display: inline-block; }
.mayouli_margin10{ margin: 10px; padding: 0px; display: inline-block; }
.mayouli_margin100{ margin: 10px 0px; padding: 0px; display: inline-block; }
.mayouli_margin1020{ margin: 10px 20px; padding: 0px; display: inline-block; }
.mayouli_margin1520{ margin: 15px 20px; padding: 0px; display: inline-block; }
.mayouli_margin20{ margin: 20px; padding: 0px; display: inline-block; }
.mayouli_margin020{ margin: 0px 20px; padding: 0px; display: inline-block; }
.mayouli_margin010{ margin: 0px 10px; padding: 0px; display: inline-block; }
.mayouli_margin1820{ margin: 18px 20px; padding: 0px; display: inline-block; }
.mayouli_margin30{ margin: 30px; padding: 0px; display: inline-block; }
.mayouli_margin40{ margin: 40px; padding: 0px; display: inline-block; }
.mayouli_margin2040{ margin: 20px 40px; padding: 0px; display: inline-block; }
/*top*/
.mayouli_margintop20{ margin-top: 20px; }
/*left*/
.mayouli_marginleft0{ margin-left: 0px; }
.mayouli_marginleft10{ margin-left: 10px; }
.mayouli_marginleft20{ margin-left: 20px; }
.mayouli_marginleft50{ margin-left: 50px; }
.mayouli_marginleft60{ margin-left: 60px; }
.mayouli_marginleft70{ margin-left: 70px; }
.mayouli_marginleft80{ margin-left: 80px; }
.mayouli_marginleft85{ margin-left: 85px; }
.mayouli_marginleft90{ margin-left: 90px; }
.mayouli_marginleft100{ margin-left: 100px; }
.mayouli_marginleft110{ margin-left: 110px; }
.mayouli_marginleft120{ margin-left: 120px; }
/*right*/
.mayouli_marginright10{ margin-right: 10px; }
.mayouli_marginright20{ margin-right: 20px; }
.mayouli_marginright30{ margin-right: 30px; }
.mayouli_marginright40{ margin-right: 40px; }
/*END NICDARKMARGIN*/


/* 28 - START MARGIN NEGATIVE*/
/*top*/
.mayouli_margintop10_negative { margin-top: -10px !important; }
.mayouli_margintop20_negative { margin-top: -20px !important; }
.mayouli_margintop30_negative { margin-top: -30px !important; }
.mayouli_margintop40_negative { margin-top: -40px !important; }
.mayouli_margintop45_negative { margin-top: -45px !important; }
.mayouli_margintop50_negative { margin-top: -50px !important; }
.mayouli_margintop55_negative { margin-top: -55px !important; }
.mayouli_margintop53_negative { margin-top: -53px !important; }
.mayouli_margintop60_negative { margin-top: -60px !important; }
.mayouli_margintop70_negative { margin-top: -70px !important; }
.mayouli_margintop82_negative { margin-top: -82px !important; }
.mayouli_margintop85_negative { margin-top: -85px !important; }
/*bottom*/
.mayouli_marginbottom10_negative { margin-bottom: -10px !important; }
.mayouli_marginbottom20_negative { margin-bottom: -20px !important; }
.mayouli_marginbottom30_negative { margin-bottom: -30px !important; }
.mayouli_marginbottom40_negative { margin-bottom: -40px !important; }
.mayouli_marginbottom50_negative { margin-bottom: -50px !important; }
.mayouli_marginbottom60_negative { margin-bottom: -60px !important; }
.mayouli_marginbottom70_negative { margin-bottom: -70px !important; }
.mayouli_marginbottom80_negative { margin-bottom: -80px !important; }
.mayouli_marginbottom90_negative { margin-bottom: -90px !important; }
/*right*/
.mayouli_marginright40_negative { margin-right: -40px !important; }
.mayouli_marginright70_negative { margin-right: -70px !important; }
/*END MARGIN NEGATIVE*/



/* 29 - NICDARKSIZE: APPLICARE la calsse solo al testo per distanziarlo dal box*/
.mayouli_size_small{ margin: 5px 10px; }
.mayouli_size_medium{ margin: 10px 20px; }
.mayouli_size_big{ margin: 15px 20px; }
/*NICDARKSIZE*/


/* 30 - START NICDARKABSOLUTE*/
.mayouli_absolute{ position:absolute; left: 0;}
.mayouli_absolute_floatnone { position: absolute; }
.mayouli_absolute_floatnone.right { position:absolute; right: 0; }
.mayouli_absolute_left{ position:absolute; margin-top: 20px; margin-left: 20px; }
.mayouli_absolute_right{ position:absolute; margin-top: 20px; margin-right: 20px; right:0;}
/*10 margin*/
.mayouli_absolute_right10{ position:absolute; margin-top: 10px; margin-right: 10px; right:0;}
/*END NICDARKABSOLUTE*/



/* 31 - START NICDARKRELATIVE*/
.mayouli_relative{ position:relative;}
/*END NICDARKABSOLUTE*/



/* 32 - START NICDARKHEIGHT*/
.mayouli_height_initial{ height: initial !important; }
.mayouli_height100percentage{ height: 100%; }
.mayouli_height100{ height: 100px; }
.mayouli_height150{ height: 150px; }
.mayouli_height200{ height: 200px; }
.mayouli_height250{ height: 250px; }
.mayouli_height300{ height: 300px; }
.mayouli_height350{ height: 350px; }
.mayouli_height400{ height: 400px; }
.mayouli_height450{ height: 450px; }
.mayouli_height500{ height: 500px; }
/*END NICDARKHEIGHT*/



/**********************************SOME CLASSES FOR DIV ARCHIVE**********************************************************************/



/* 33 - START NIKTEXTEVIDENCE*/
.mayouli_textevidence{ float: left; width: 100%; position: relative; overflow: hidden; }
/*align*/
.mayouli_textevidence.center{ text-align: center; }
.mayouli_textevidence.left{ text-align: left; }
.mayouli_textevidence.right{ text-align: right; }
/*overflow*/
.mayouli_textevidence.overflow_scroll { overflow-x:auto !important; }
/*END NIKTEXTEVIDENCE*/


/* 34 - START NICDARKFOCUS*/
.mayouli_focus{ float: left; width: 100%; }
.mayouli_focus.center{ text-align: center; }
.mayouli_focus.right{ text-align: right; }
/*END NICDARKFOCUS*/


/* 35 - START NICDARKARCHIVE1*/
.mayouli_archive1{ float: left; width: 100%; position: relative; overflow: hidden; }
.mayouli_archive1.center{ text-align: center; }
.mayouli_archive1 img{ width: 100%; height: auto; display: block;}
/*END NICDARKARCHIVE1*/


/* 36 - START NICDARKACTIVITY*/
.mayouli_activity{ float: left; }
.mayouli_activity.center{ text-align: center; }
/*END NICDARKACTIVITY*/


/* 37  -  START NICDARKMASONRYCONTAINER*/
.mayouli_masonry_btns{ float: left; width: 100%; }
.mayouli_masonry_container{ float: left; width: 100%; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
/*END NICDARKMASONRYCONTAINER*/



/*switcher style*/
.mayouli_switcher { width: 250px; position: fixed; left: -250px; top: 210px; z-index: 999; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease;}
.mayouli_switcher i:before { vertical-align: middle; }
.mayouli_switcher select{ border: 1px solid #f1f1f1; border-radius: 0px; padding: 10px; font-size: 12px; text-transform: uppercase; color: #a4a4a4; }
.mayouli_switcher_btn{ color: #fff; position: absolute; width: 30px; height: 31px; text-align: center; padding: 13px; font-size: 20px; cursor: pointer; margin-right: -56px; right: 0; }
.mayouli_switcher_close{ display: none; }
.mayouli_switcher_open:before{ -webkit-animation: mayouli_spin 3s infinite linear; animation: mayouli_spin 3s infinite linear; }
.mayouli_switcher_color{ float: left; width: 26px; height: 26px; cursor: pointer; margin-right: 10px;}
.mayouli_switcher_color.active:before{ content: '\e83b'; font-family: fontello; color: #FFF; margin-left: 7px; margin-top: 7px; font-size: 12px; position: absolute;}
.mayouli_site{ background-size: cover;}
.mayouli_switcher_pattern1{ background-image: url( ../img/switcher/patterns/pattern_1.png); }
.mayouli_switcher_pattern2{ background-image: url( ../img/switcher/patterns/pattern_2.png); }
.mayouli_switcher_pattern3{ background-image: url( ../img/switcher/patterns/pattern_3.png); }
.mayouli_switcher_pattern4{ background-image: url( ../img/switcher/patterns/pattern_4.png); }
.mayouli_switcher_pattern5{ background-image: url( ../img/switcher/patterns/pattern_5.png); }
.mayouli_switcher_pattern6{ background-image: url( ../img/switcher/patterns/pattern_6.png); }
.mayouli_switcher_img1{ background-image: url( ../img/switcher/images/image_1.jpg); }
.mayouli_switcher_img2{ background-image: url( ../img/switcher/images/image_2.jpg); }
.mayouli_switcher_img3{ background-image: url( ../img/switcher/images/image_3.jpg); }
.mayouli_switcher_img4{ background-image: url( ../img/switcher/images/image_4.jpg); }
.mayouli_switcher_img5{ background-image: url( ../img/switcher/images/image_5.jpg); }
.mayouli_switcher_img6{ background-image: url( ../img/switcher/images/image_6.jpg); }
/*end switcher style*/


/*buy now btn*/
.mayouli_buynow_button{position: fixed;z-index: 999;bottom: 0;right: 0px;}
/*end buy now btn*/




/***************************************************HOVER CLASSES EFFECT***********************************************************************/


/* 38 - rotate*/
.mayouli_rotate{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.mayouli_rotate:hover {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}


/* 39 - press*/
.mayouli_press{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.mayouli_press:hover {
  box-shadow: 0px 0px 0px 0px transparent !important;
  margin-top: 4px;
  margin-bottom: -4px;
}


/* 40 - mayouli_zoom*/
.mayouli_zoom
{
	-webkit-transition:all 500ms;
	-o-transition:all 500ms;
	transition:all 500ms;
}
.mayouli_zoom:hover
{
	-webkit-transform:scale(1.2, 1.2);
	-o-transform:scale(1.2, 1.2);
	transform:scale(1.2, 1.2);
}


/* 41 - opacity*/
.mayouli_opacity{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
.mayouli_opacity:hover{
opacity: 0.8;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}



/*fadeout*/
.mayouli_fadeinout .mayouli_fadeout{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 500ms;
}
.mayouli_fadeinout:hover .mayouli_fadeout{
opacity: 0;
z-index: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 500ms;
}

/*fadein*/
.mayouli_fadeinout .mayouli_fadein{
opacity: 0;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 500ms;
}
.mayouli_fadeinout:hover .mayouli_fadein{
opacity: 1;
z-index: 2;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 500ms;
}

/*zoom image works with mayouli_fadeinout */
.mayouli_fadeinout .mayouli_zoom_image {
	-webkit-transition:all 1500ms; 
	-o-transition:all 500ms; 
	transition:all 1500ms; 

	-webkit-transform:rotate(0deg) scale(1.0, 1.0); 
    -o-transform:rotate(0deg) scale(1.0, 1.0); 
    transform:rotate(0deg) scale(1.0, 1.0);
}
.mayouli_fadeinout:hover .mayouli_zoom_image{
    -webkit-transform:rotate(0deg) scale(1.2, 1.2); 
    -o-transform:rotate(0deg) scale(1.2, 1.2); 
    transform:rotate(0deg) scale(1.2, 1.2); 
}


/* 42 - TRANSITION*/
.mayouli_transition{ -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; }


/* 43 - START NICDARKBGHOVER*/
.mayouli_bg_grey_hover:hover{ background-color: #f9f9f9 !important; }
.mayouli_bg_grey2_hover:hover{ background-color: #f1f1f1 !important; }
.mayouli_bg_greydark_hover:hover{ background-color: #58585a !important;}
.mayouli_bg_greydark2_hover:hover{ background-color: #404746 !important;}
.mayouli_bg_green_hover:hover{ background-color: #79a39b !important; }
/*.mayouli_bg_blue_hover:hover{ background-color: #6088a4 !important; }*/
.mayouli_bg_violet_hover:hover { background-color: #8784a0 !important; }
.mayouli_bg_orange_hover:hover{ background-color: #c77869 !important; }
.mayouli_bg_red_hover:hover{ background-color: #bd7880 !important; }
.mayouli_bg_yellow_hover:hover{ background-color: #d0c28d !important; }
.mayouli_bg_greendark_hover:hover{ background-color: #58585a !important; }
.mayouli_bg_bluedark_hover:hover{ background-color: #577b94 !important; }
.mayouli_bg_violetdark_hover:hover{ background-color: #7c7994 !important; }
.mayouli_bg_orangedark_hover:hover{ background-color: #c3a38a !important; }
.mayouli_bg_reddark_hover:hover{ background-color: #a96c73 !important; }
.mayouli_bg_yellowdark_hover:hover{ background-color: #c2b481 !important; }

.filter.active{
    background-color: #58585a !important;
    color: #ffffff;
}

/***************************************************CSS FOR CUSTOM REV SLIDER***********************************************************************/

.mayouli_slide1 > ul { position: absolute; z-index: 0;}




/***************************************************JQUERY UI***********************************************************************/


/* 44 - START NICDARKCALENDAR*/
.ui-datepicker{ float: left; width: 300px; position: relative;}
.grid .ui-datepicker{ float: left; width: 100%; }
/*header*/
.ui-datepicker-header{ background-color: #58585a; float: left; width: 100%; border-radius: 0px 0px 0px 0px; }
.ui-datepicker-title { float: left; width: 100%; padding: 15px 0px; text-align: center; font-size: 17px; line-height: 17px; font-family: 'Open Sans', sans-serif; color: #fff; text-transform: uppercase; }
/*arrows*/
.ui-datepicker-prev span, .ui-datepicker-next span{ display: none; }
.ui-datepicker-prev{ position: absolute; left:0; top: 15px; margin-left: 20px; }
.ui-datepicker-prev:before{ content: '\e8c6' !important; font-family: 'fontello'; color: #fff; cursor: pointer; }
.ui-datepicker-next{ position: absolute; right:0; top: 15px; margin-right: 20px; }
.ui-datepicker-next:before{ content: '\e8c7' !important; font-family: 'fontello'; color: #fff; cursor: pointer; }
/*days*/
.ui-datepicker-calendar{ float: left; width: 100%; border-collapse: collapse; text-align: center; border-radius: 0px; box-shadow: 0px 1px 0px 0px #f1f1f1; background-color: #f9f9f9; }
.ui-datepicker-calendar thead{ background-color: #79a39b; color: #fff; font-size: 13px; line-height: 13px; font-family: 'Open Sans', sans-serif; font-weight: normal; text-transform: uppercase; }
.ui-datepicker-calendar tbody{  }
.ui-datepicker-calendar th{ font-weight: normal; padding: 15px 10px; }
.ui-datepicker-calendar td{ font-weight: normal; box-shadow:inset -1px 1px 0px 0px #f1f1f1}
.ui-datepicker-calendar td a{ font-size: 13px; padding: 10px 10px; line-height: 15px; color: #b7b7b7; display: block; font-family: 'Lato', sans-serif;}
/*today*/
.ui-datepicker-today a { color: #fff !important; background-color: #79a39b;}
.ui-datepicker-other-month {  }
/*hover*/
.ui-datepicker-calendar .ui-state-hover{ color: #fff !important; background-color: #79a39b; }
/*END NICDARKCALENDAR*/



/* 45 - START NICDARKTOOLTIP*/
.ui-tooltip{ font-family: 'Lato', sans-serif; position: absolute; background: rgba(73,80,82,0.9); color: #fff; margin: 0px; padding: 0px; padding: 10px 20px; font-size: 15px; border-radius: 0px; outline: 0; -webkit-appearance: none; border: 0;}
/*END NICDARKTOOLTIP*/



/* 46 - START NICDARKSLIDERRANGE*/
.ui-slider { position: relative; text-align: left; float: left; width: 100%; height: 5px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2;width: 20px; height: 20px;cursor: pointer; -ms-touch-action: none; touch-action: none; background-color: #c3a38a; border-radius: 100%;outline: 0;bottom: -8px;}
.ui-slider .ui-slider-range {position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;background-position: 0 0;background-color: #c77869;height: 5px; }
/*END NICDARKSLIDERRANGE*/