/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

 * Stylesheet: styles
 * Clean Project v1.2
 * Autor / Author: Oreka - info@orekaconsultores.com
 * You'll find some initial styles for UI elements. You should import your Google Fonts files here too.

 *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@font-face {
      font-family: 'orekacloud_icons';
      src: url('font/orekacloud_icons.eot?48057099');
      src: url('font/orekacloud_icons.eot?48057099#iefix') format('embedded-opentype'),
           url('font/orekacloud_icons.woff?48057099') format('woff'),
           url('font/orekacloud_icons.ttf?48057099') format('truetype'),
           url('font/orekacloud_icons.svg?48057099#orekacloud_icons') format('svg');
      font-weight: normal;
      font-style: normal;
    }
.o-icon
    {
      font-family: "orekacloud_icons";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }

/*This selector fixes default blue colors on <a> tags */
a
{
	color:inherit;
}
/* Sometimes, you need to include some general attributes to body element. Please, put your main font-family here */
body
{
    display:none;
	font-family:'Open Sans';
    font-weight: 400;   
}
/* .font2 class  was created to include your second font-family */
.montserrat
{
	font-family:'Montserrat';
}
/* Classes for text weights */
.light
{
    font-weight: 300;
}
.medium
{
    font-weight: 500;
}
.semibold
{
    font-weight: 600;
}
.bold
{
    font-weight: 700;
}
/* .uppercsae class should be used when your UI requires uppercase texts */
.uppercase
{
    text-transform: uppercase;
}

/* Every 100% element should have .outter class.*/
.outter
{
	width:100%;
}

/* Every save zone container should have .container class */
.container
{
    box-sizing: border-box;
	margin:0 auto;
	position:relative;
	max-width:1150px;
    width:100%;
}
/* Every float content container must be used with .clean class for fixing auto height issues */
.clear::after
{
	content:"";
	clear:both;
	display:block;
}
/* If your environment doesn't support ::pseudo-elements, you can add a new element to your float parent tag */
.manualclear
{
	clear:both;
	display:block;
}
/* If you want to turn an <a> tag on a new block element, you can use .replaced_text. This class makes a left-indent to inner texts */
.replaced_text
{
	display:block;
	text-indent:-9999px;
}
/* Use .basic_background class when you need to use background images covering an entire element. Every basic_background elements must contain a hidden <img> element for SEO benefits */
.basic_background{
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	}

/*This class helps to create display:none; elements easiest than before */
.displaynone{
	display:none;
}

/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
width:auto;
overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
margin-right:0;
}
.mCustomScrollBox .mCSB_scrollTools{
    height: 100%;
    right: 0;
    top: 0;
    width: 6px;
}
.mCSB_scrollTools .mCSB_draggerContainer{
height:100%;
}
.mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{
}
.mCSB_scrollTools .mCSB_draggerRail{
	border-radius:0;
	width:5px;
	height:100%;
	margin:0 auto;
}
.mCSB_scrollTools .mCSB_dragger{
cursor:pointer;
width:100%;
height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:3px;
height:100%;
margin:0 auto;
border-radius:5px;
text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
height:20px;
overflow:hidden;
margin:0 auto;
cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
bottom:0;
margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal .mCSB_container{
height:auto;
margin-right:0;
margin-bottom:30px;
overflow:hidden;
}
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
margin-bottom:0;
}
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{
width:100%;
height:16px;
top:auto;
right:auto;
bottom:0;
left:0;
overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{
height:100%;
width:auto;
overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{
padding-bottom:0;
padding-right:20px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:2px;
margin:7px 0;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{
width:30px;
height:100%;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
width:20px;
height:100%;
overflow:hidden;
margin:0 auto;
cursor:pointer;
float:left;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
right:0;
bottom:auto;
margin-left:-40px;
margin-top:-16px;
float:right;
}
/* default scrollbar colors and backgrounds */
.mCustomScrollBox .mCSB_scrollTools{
}
.mCustomScrollBox:hover .mCSB_scrollTools{
}
.mCSB_scrollTools .mCSB_draggerRail{
background:#323232;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:#e6e6e6;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:#e6e6e6;
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:#e6e6e6;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{

background-repeat:no-repeat;
}
.mCSB_scrollTools .mCSB_buttonUp{
background-position:0 0;
/*
sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
*/
}
.mCSB_scrollTools .mCSB_buttonDown{
background-position:0 -20px;
/*
sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
background-position:0 -40px;
/*
sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
*/
}
.mCSB_scrollTools .mCSB_buttonRight{
background-position:0 -56px;
/*
sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
} 


/*Basic UI selectmenu Styles*/
.ui-menu
{
	font-size:1.5em;
	color:#DEB767;
	letter-spacing:1px;
	

}
.ui-menu .ui-menu-item
{
	background:#111;
	color:#FFF;
}
.ui-menu .ui-menu-item div
{
	padding-left:20px;
}
.ui-menu .ui-menu-item .ui-state-active
{
	background:#DEB767;
	color:#111;
}
.ui-selectmenu-button
{
	border:1px solid #DEB767;
	color:#DEB767;
	font-weight:400;
	font-size:1.4em;
	letter-spacing:1px;
}
.ui-selectmenu-button .ui-selectmenu-icon
{
	box-sizing:border-box;
	color:#FFF;
	height:15px;
	position:relative;
	top:3px;
	width:15px;
}
.ui-selectmenu-button .ui-selectmenu-icon::after
{
	
}
.ui-selectmenu-button-closed .ui-selectmenu-icon
{
	
}
.ui-selectmenu-button-open .ui-selectmenu-icon
{
	transform:scale(1,-1);
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{
    background:#FFF;
    border:2px solid #CCC;
    border-radius:0;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus
{
    background:#FFF;
    border:2px solid #CCC;
    border-radius:0;
}
/* END of Basic UI selectmenu Styles*/

/*Column system based on %*/
.bigcolumn
{
    box-sizing: border-box;
    float:left;
}
.w_5
{
    width:5%;
}
.w_10
{
    width:10%;
}
.w_15
{
    width:15%;
}
.w_20
{
    width:20%;
}
.w_25
{
    width:25%;
}
.w_30
{
    width:30%;
}
.w_33
{
    width:33.333%;
}
.w_35
{
    width:35%;
}
.w_40
{
    width:40%;
}
.w_45
{
    width:45%;
}
.w_50
{
    width:50%;
}
.w_55
{
    width:55%;
}
.w_60
{
    width:60%;
}
.w_65
{
    width:65%;
}
.w_70
{
    width:70%;
}
.w_75
{
    width:75%;
}
.w_80
{
    width:80%;
}
.w_85
{
    width:85%;
}
.w_90
{
    width:90%;
}
.w_95
{
    width:95%;
}
@media screen and (max-width:768px)
{
    .w_5,.w_10,.w_15,.w_20,.w_25,.w_30,.w_33,.w_35,.w_40,.w_45,.w_50,.w_55,.w_60,.w_65,.w_70,.w_75,.w_80,.w_85,.w_90,.w_95
    {
        width:100%;
    }
}