/* -------------------------------------------*/
/* YOU CAN ADD HERE YOUR PERSOLAL CSS CLASSES */
/* -------------------------------------------*/




/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------ YOU CAN OVVERIDE HERE THE DEFAULT SETTINGS ------------*/
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */


/* -------------------------------------------- */
/* ------------ EXTERNAL FONTS LOAD ------------*/
/*                                              */
/*  DOWNLOAD YOR FONT IN THE FOLDER: /Style     */
/*                                              */
/* -------------------------------------------- */
@font-face
{
   
  font-family: OpenSans-Regular;
	src: url('../Styles/OpenSans-Regular.eot'); 
	src: url('../Styles/OpenSans-Regular.eot?#FooAnything') format('embedded-opentype'), 
     url('../Styles/OpenSans-Regular.woff') format('woff'), 
     url('../Styles/OpenSans-Regular.ttf')  format('truetype'), 
     url('../Styles/OpenSans-Regular.svg#svgFontName') format('svg');
}

:root 
{
    /* FONT */
    --WS-font-type:OpenSans-Regular;
}


/* -------------------------------------------- */
/* ------------------- BODY --------------------*/
/* -------------------------------------------- */
body
{
}

/* -------------------------------------------- */
/* ----------------- LINKS ---------------------*/ 
/* -------------------------------------------- */
a
{
}

a:hover
{
}

/* -------------------------------------------- */
/* ------------------ POPUP --------------------*/
/* -------------------------------------------- */
.ws_popup_header
{
}

.ws_popup_header input[type=submit]
{
}

.ws_popup_header input[type=submit]:hover
{
}

.ws_popup_body
{
}
			
/* -------------------------------------------- */
/* ------------------ TEXTBOX ------------------*/
/* -------------------------------------------- */
.ws_text
{
}

/* -------------------------------------------- */
/* ------------------ GRIDS ------------------*/
/* -------------------------------------------- */
.ws_grid_header
{
}

.ws_grid_row
{
}

.ws_grid_alternate_row
{
}

.ws_grid_button
{
}
.ws_grid_button:hover
{
}

/* -------------------------------------------- */
/* ------------------ BUTTONS ------------------*/
/* -------------------------------------------- */

/* UPLOAD FILE BUTTON */
::-webkit-file-upload-button
{
}

::-webkit-file-upload-button:hover
{
}

.ws_button
{
}

.ws_button:hover
{
}


/* -------------------------------------------- */
/* ------------------ TABS ------------------*/
/* -------------------------------------------- */
.ws_tabs
{
}

.ws_tabs_label
{
}

.ws_tabs_label_active
{
}

.ws_tabs_body
{
}

.ws_tabs_body_active
{
}


/* -------------------------------------------- */
/* ------------------ SLIDER ------------------*/
/* -------------------------------------------- */


/* Slideshow container */
.ws_slider_container {
}

/* Hide the images by default */
.ws_slider_slides {
}

.ws_slider_Slides img {
}

/* Next & previous buttons */
.ws_slider_prev, .ws_slider_next {

}

/* On hover, add a black background color with a little bit see-through */
.ws_slider_prev:hover, .ws_slider_next:hover {
}

/* Slider text */
.ws_slider_text{
}

/* The dots/bullets/indicators */
.ws_slider_dot {
}

.ws_slider_active, .ws_slider_dot:hover {
}

/* Fading animation */
.ws_slider_fade {
}


/* ------------------------------------------------------------------ */
/* YOU CAN USE THE ROOT VARIABLES TO QUICK EXCHANGE THE SYSTEM COLORS */
/* BUT YOU CAN CHANGE IT FROM INTERFACE                               */
/* ------------------------------------------------------------------ */
:root 
{
	
/* PER-HEADER COLORS */
--WS-preheader-col-background: #404040;
--WS-preheader-col-foreground: #eeeeee;

   
/* BODY COLORS */
--WS-col-background: white;

/* TEXT */
--WS-col-title-text: orangered;
--WS-col-text: #111;
--WS-col-link: orange;
--WS-col-link-hover: orangered;
	
/* MENU DESKTOP */
--WS-col-menu-background: #222;
--WS-col-menu-item-background: transparent;
--WS-col-menu-item-text: #DDD;
--WS-col-menu-item-background-hover: #555;
--WS-col-menu-item-text-hover: #FFF;

/* MENU DESKTOP DROPDOWN*/
--WS-col-menu-dropdown-item-background: #333;
--WS-col-menu-dropdown-item-text: #DDD;
--WS-col-menu-dropdown-item-background-hover: #555;
--WS-col-menu-dropdown-item-text-hover: #FFF;

/* MENU MOBILE HAMB§URGER */
--WS-col-menu-mobile-hamburger-background: #EEE;
--WS-col-menu-mobile-hamburger-border: #222;

/* MENU DROPDOWN BAR */
--WS-col-menu-mobile-bar-background: #000;

/* MENU MOBILE ITEM */
--WS-col-menu-mobile-item-background: #333;
--WS-col-menu-mobile-item-text: #EEE;
--WS-col-menu-mobile-item-background-hover: #555;
--WS-col-menu-mobile-item-text-hover: #FFF;

/* MENU MOBILE SUB ITEM */
--WS-col-menu-mobile-sub-item-background: #666;
--WS-col-menu-mobile-sub-item-text: #EEE;
--WS-col-menu-sub-item-background-hover: #555;
--WS-col-menu-mobile-sub-item-text-hover: #FFF;


/* BUTTONS */
--WS-col-button-background: linear-gradient(to top, #aaaaaa 0%, #eeeeee 100%);
--WS-col-button-text: #333;
--WS-col-button-border: #888;
--WS-col-button-text-hover: white;
--WS-col-button-background-hover: linear-gradient(to top, orangered 0%, orange 100%);

/* POPUP */
--WS-col-popup-header-border: #555;
--WS-col-popup-header-background: rgba(7,7,7,0.6);
--WS-col-popup-header-text: #EEE;
--WS-col-popup-header-button-background: #D00;
--WS-col-popup-header-button-text: #E0E0E0;
--WS-col-popup-header-button-background-hover: #F00;
--WS-col-popup-header-button-text-hover: #EEE;
--WS-col-popup-background: #EEE;
--WS-col-popup-text: #111;

/* SUB TEMPLATE EDIT MODE */
--WS-col-sub-template-border: #66F;

/* SLIDER CARO§USEL */
--WS-col-slider-btn-background: rgba(4,4,4,0.2);
--WS-col-slider-btn-background-hover: rgba(4,4,4,0.8);
--WS-col-slider-btn-text: #FFF;
--WS-col-slider-btn-text-hover: orangered;

/* FONT SIZE */
--WS-font-title: 22px;
--WS-font-body-h2: 20px;
--WS-font-body-h1: 18px;
--WS-font-body-h0: 16px;

--WS-menu-bar-font: 14px;
--WS-menu-bar-height: 24px;

--WS-preheader-font: 14px;
}


/* -------------------------------------------*/
/* INTERFACE SELECTABLE CLASSES */
/* -------------------------------------------*/
.wsp_scroll {overflow:auto}                 /* scroll */
.wsp_scroll-x {overflow-x:auto}             /* scroll-x */
.wsp_scroll-y {overflow-y:auto}             /* scroll-y */
.wsp_bordered {border:solid 1px #E0E0E0;}	/* border */
.wsp_rounded {border-radius:50%;}			/* circular border */
.wsp_rounded_10 {border-radius:10px;}		/* rounded border 10px */
.wsp_rounded_20 {border-radius:20px;}		/* rounded border 20px */
.wsp_central {margin:0 auto;}				/* central */

.wsp_v_top {vertical-align:top;}			/* vertical align top */
.wsp_v_central {vertical-align:central;}	/* vertical align central */
.wsp_v_bottom {vertical-align:bottom;}		/* vertical align bottom */

.wsp_txt_center {text-align:center}			/* text center */
.wsp_txt_left {text-align:left}             /* text left */
.wsp_txt_right {text-align:right}			/* text right */
.wsp_txt_justify {text-align:justify}		/* text justify */

.wsp_full_width {width:100%}		/* width 100% */
.wsp_width_80p {width:80%}			/* width 80% */
.wsp_width_60p {width:60%}			/* width 60% */
.wsp_width_50p {width:50%}			/* width 50% */
.wsp_width_40p {width:40%}			/* width 40% */
.wsp_width_33p {width:33%}			/* width 33% */
.wsp_width_25p {width:25%}			/* width 25% */

.wsp_full_height {height:100%}		/* height 100% */
.wsp_height_75p {height:75%}		/* height 75% */
.wsp_height_50p {height:50%}		/* height 50% */
.wsp_height_25p {height:25%}		/* height 25% */

.wsp_padd_5  {padding:5px}			/* padding 5px */
.wsp_padd_10 {padding:10px}			/* padding 10px */
.wsp_padd_20 {padding:20px}			/* padding 20px */
.wsp_padd_30 {padding:30px}			/* padding 30px */
.wsp_padd_40 {padding:40px}			/* padding 40px */
.wsp_padd_50 {padding:50px}			/* padding 50px */
.wsp_padd_100 {padding:100px}		/* padding 100px */

.wsp_padd_t_10 {padding-top:10px}		/* padding top 10px */
.wsp_padd_t_20 {padding-top:20px}		/* padding top 20px */
.wsp_padd_t_40 {padding-top:40px}		/* padding top 40px */
.wsp_padd_t_80 {padding-top:80px}		/* padding top 80px */

.wsp_padd_b_10 {padding-bottom:10px}	/* padding bottom 10px */
.wsp_padd_b_20 {padding-bottom:20px}	/* padding bottom 20px */
.wsp_padd_b_40 {padding-bottom:40px}	/* padding bottom 40px */
.wsp_padd_b_80 {padding-bottom:80px}	/* padding bottom 80px */

.wsp_padd_l_10 {padding-left:10px}		/* padding left 10px */
.wsp_padd_l_20 {padding-left:20px}		/* padding left 20px */
.wsp_padd_l_40 {padding-left:40px}		/* padding left 40px */
.wsp_padd_l_80 {padding-left:80px}		/* padding left 80px */

.wsp_padd_r_10 {padding-right:10px}		/* padding right 10px */
.wsp_padd_r_20 {padding-right:20px}		/* padding right 20px */
.wsp_padd_r_40 {padding-right:40px}		/* padding right 40px */
.wsp_padd_r_80 {padding-right:80px}		/* padding right 80px */

.wsp_marg_5  {margin:5px}       /* margin 5px */
.wsp_marg_10 {margin:10px}		/* margin 10px */
.wsp_marg_20 {margin:20px}		/* margin 20px */
.wsp_marg_30 {margin:30px}		/* margin 30px */
.wsp_marg_40 {margin:40px}		/* margin 40px */
.wsp_marg_50 {margin:50px}		/* margin 50px */
.wsp_marg_100 {margin:100px}	/* margin 100px */


.wsp_marg_t_10 {margin-top:10px}		/* margin top 10px */
.wsp_marg_t_20 {margin-top:20px}		/* margin top 20px */
.wsp_marg_t_40 {margin-top:40px}		/* margin top 40px */
.wsp_marg_t_80 {margin-top:80px}		/* margin top 80px */

.wsp_marg_b_10 {margin-bottom:10px}		/* margin bottom 10px */
.wsp_marg_b_20 {margin-bottom:20px}		/* margin bottom 20px */
.wsp_marg_b_40 {margin-bottom:40px}		/* margin bottom 40px */
.wsp_marg_b_80 {margin-bottom:80px}		/* margin bottom 80px */

.wsp_marg_l_10 {margin-left:10px}		/* margin left 10px */
.wsp_marg_l_20 {margin-left:20px}		/* margin left 20px */
.wsp_marg_l_40 {margin-left:40px}		/* margin left 40px */
.wsp_marg_l_80 {margin-left:80px}		/* margin left 80px */

.wsp_marg_r_10 {margin-right:10px}		/* margin right 10px */
.wsp_marg_r_20 {margin-right:20px}		/* margin right 20px */
.wsp_marg_r_40 {margin-right:40px}		/* margin right 40px */
.wsp_marg_r_80 {margin-right:80px}		/* margin right 80px */

.wsp_font_8  {font-size:18px;}		/* font size 8px */
.wsp_font_10 {font-size:10px;}		/* font size 10px */
.wsp_font_12 {font-size:12px;}		/* font size 12px */
.wsp_font_15 {font-size:15px;}		/* font size 15px */
.wsp_font_20 {font-size:20px;}		/* font size 20px */
.wsp_font_25 {font-size:25px;}		/* font size 25px */
.wsp_font_30 {font-size:30px;}		/* font size 30px */
.wsp_font_40 {font-size:40px;}		/* font size 40px */
.wsp_font_50 {font-size:50px;}		/* font size 50px */
.wsp_font_60 {font-size:60px;}		/* font size 60px */  


.wsp_bg_col_semi_transp {background-color: rgba(50,50,50,0.5);}
.wsp_bg_col_transp {background-color: transparent;}
.wsp_bg_col_white {background-color: white;}
.wsp_bg_col_black {background-color: black;}
.wsp_bg_col_gray_dark {background-color: #202020;}
.wsp_bg_col_gray {background-color: #909090;}
.wsp_bg_col_gray_light {background-color: #f0f0f0;}
.wsp_bg_col_silver {background-color: silver;}
.wsp_bg_col_gold {background-color: gold;}
.wsp_bg_col_lightyellow {background-color: lightyellow;}
.wsp_bg_col_yellow {background-color: yellow;}
.wsp_bg_col_yellowgreen {background-color: yellowgreen;}
.wsp_bg_col_olive {background-color: olive;}
.wsp_bg_col_green {background-color: green;}
.wsp_bg_col_red {background-color: red;}
.wsp_bg_col_peachpuff {background-color: peachpuff;}
.wsp_bg_col_lavender {background-color: lavender;}
.wsp_bg_col_red {background-color: red;}
.wsp_bg_col_lightsalmon {background-color: lightsalmon;}
.wsp_bg_col_darkred {background-color: darkred;}
.wsp_bg_col_orange {background-color: orange;}
.wsp_bg_col_orangered {background-color: orangered;}
.wsp_bg_col_blue {background-color: blue;}
.wsp_bg_col_lightblue {background-color: lightblue;}
.wsp_bg_col_lightskyblue {background-color: lightskyblue;}
.wsp_bg_col_turquoise {background-color: turquoise;}
.wsp_bg_col_turquoise {background-color: lightseagreen;}
.wsp_bg_col_navy {background-color: navy;}

.wsp_fg_col_semi_transp {color: rgba(50,50,50,0.5);}
.wsp_fg_col_transp {color: transparent;}
.wsp_fg_col_white {color: white;}
.wsp_fg_col_black {color: black;}
.wsp_fg_col_gray_dark {color: #202020;}
.wsp_fg_col_gray {color: #909090;}
.wsp_fg_col_gray_light {color: #f0f0f0;}
.wsp_fg_col_silver {color: silver;}
.wsp_fg_col_gold {color: gold;}
.wsp_fg_col_lightyellow {color: lightyellow;}
.wsp_fg_col_yellow {color: yellow;}
.wsp_fg_col_yellowgreen {color: yellowgreen;}
.wsp_fg_col_olive {color: olive;}
.wsp_fg_col_green {color: green;}
.wsp_fg_col_red {color: red;}
.wsp_fg_col_peachpuff {color: peachpuff;}
.wsp_fg_col_lavender {color: lavender;}
.wsp_fg_col_red {color: red;}
.wsp_fg_col_lightsalmon {color: lightsalmon;}
.wsp_fg_col_darkred {color: darkred;}
.wsp_fg_col_orange {color: orange;}
.wsp_fg_col_orangered {color: orangered;}
.wsp_fg_col_blue {color: blue;}
.wsp_fg_col_lightblue {color: lightblue;}
.wsp_fg_col_lightskyblue {color: lightskyblue;}
.wsp_fg_col_turquoise {color: turquoise;}
.wsp_fg_col_turquoise {color: lightseagreen;}
.wsp_fg_col_navy {color: navy;}