/* --------------------------------  
Primary style 
-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
	font-size: 62.5%; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width:100%;
	height:auto;
}

body {
	font-size: 1.6rem;
	/*font-family: 'Roboto', sans-serif;*/
	font-family:'Lato', sans-serif;
	background: #f2f2f2;
	padding:0;
	padding-top:70px; 
	overflow-x: hidden;	
	margin: 0; 
	width:100%;
	height:100%;
}

body, html {
  overflow-x: hidden;
}

body, body.modal {
    margin: 0 !important;
	padding: 0 !important;
}

body.modal {
    overflow-y: hidden;
	padding-right: 0 !important;
} 
a {
  color: #878905;font-family:inherit;
  text-decoration: none !important;
  outline: 0 !important;
}
a:hover, a:active, a:focus {
  text-decoration: none !important;
  outline: 0 !important;
  color: #999999; 
}
/*h1, h2, h3, h4, h5, h6 {color:#878905; font-family: 'Dancing Script', cursive; font-weight:600;}*/
/*h1, h2, h3, h4, h5, h6 {color:#878905; font-family:'Lato', sans-serif; font-weight:600;}*/
/*h1, h2, h3, h4, h5, h6 {color:#878905; font-family: 'Berkshire Swash', cursive; font-weight:400;}*/

h1, h2, h3, h4, h5, h6 {color:#878905; font-family: 'Philosopher', sans-serif; font-weight:500;}

h1.fontNormal, h2.fontNormal, h3.fontNormal, 
h4.fontNormal, h5.fontNormal, h6.fontNormal {font-family:'Lato', sans-serif !important;}
 
p {font-family:'Lato', sans-serif; font-weight:400;} 

.com_sipipa select {
	margin:0;
	border:1px solid #cccccc;
	background:transparent;
	width:100%;
	padding:5px 35px 5px 5px;
	font-size:13px;  
	height:38px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:url(../../../media/com_sipipa/assets/select-arrow.png) center right no-repeat #ffffff;
}  
.com_sipipa select option[value]:checked,
.com_sipipa select option[value] { border:0 !important; }
.com_sipipa select option {
	padding:5px 35px 5px 5px; 
	border:0 !important;
}
.com_sipipa select option:disabled { color: #cccccc; }
 
input.readonly {   
	box-shadow:0 !important;
}  



.hand {cursor:pointer !important;}
.redColor {color:red !important;}
.hide {display:none !important;visibility: hidden !important;}
.show {display:block !important;}
.noMargin {margin:0 !important;}
.noPadding {padding:0 !important;}
.noVPadding {padding-top:0 !important;padding-bottom:0 !important;}
.noHPadding {padding-left:0 !important;padding-right:0 !important;}

.padding460020 {padding:46px 0 0 20px;}
.padding5 {padding:5px 10px;}
.paddingLeft100 {padding-left:100px;}

.noBorder {border:0 !important;}
.transparent {background-color:transparent !important;}
.fixed {position:fixed !important;}
.relative {position:relative !important;}
.absolute {position:absolute !important;}
.flt-right {float:right !important;}
.flt-left {float:left !important;}
.marginTop3 {margin-top:3px;}
.marginTop10 {margin-top:10px;}
.marginTop20 {margin-top:20px;}
.marginTop30 {margin-top:30px;}
.marginTop40 {margin-top:40px;}
.marginTop50 {margin-top:50px;}
.marginTop70 {margin-top:70px;}
.marginBot10 {margin-bottom:10px;}

.wordBtn {
	border:none; 
	color:#878905;
	background:transparent;
	cursor:pointer;
	padding:5px;
	display:inline;
	margin:0;
	text-align:center;
	font-weight:500;
	outline:none;
	line-height:14px;
	font-size:14px;
} 
.btn-sipipa {
	border:none;
	border-radius:4px;
	color:#ffffff;
	background:#878905;
	cursor:pointer;
	padding:15px 30px;
	display:inline-block;
	margin:0 0 10px 0;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:500;
	outline:none;
	position:relative;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s; 
	height:44px; 
	line-height:14px;
	font-size:12px;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
} 
.btn-darkGrey, a.btn-darkGrey {
	border:none; 
	color:#ffffff !important;
	background:#999999;
	cursor:pointer;
	padding:0 15px;
	display:inline-block;
	margin:0 0 0 0;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	outline:none;
	position:relative;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;  
	height:44px; 
	line-height:44px;
	font-size:11px;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}
.btn-darkGrey:hover, .btn-darkGrey:active, .btn-darkGrey:focus,
a.btn-darkGrey:hover, a.btn-darkGrey:active, a.btn-darkGrey:focus { 
	color:#ffffff;
	background:#888888; 
}   
.halfBtn {
	border:none; 
	color:#ffffff !important;
	background:#878905;
	cursor:pointer;
	padding:0 5px;
	display:inline-block;
	margin:0 0 0 0;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:normal;
	outline:none;
	position:relative;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s; 
	width:140px;
	height:44px; 
	line-height:44px;
	font-size:11px;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}   
.halfBtn.halfBtnGrey { 
	background:#cccccc;
	padding:5px; 
	line-height:16px;
} 
.halfBtn.halfBtnDarkGrey { 
	background:#aaaaaa; 
} 
.halfBtn:hover { 
	background:#6b6d04; 
	color:#ffffff;
}
.halfBtn.halfBtnGrey:hover { 
	background:#bbbbbb; 
	color:#ffffff;
}
.halfBtn.halfBtnDarkGrey:hover { 
	background:#999999; 
	color:#ffffff;
}
.halfBtn.leftie { 
	border-radius:4px 0 0 4px; 
} 
.halfBtn.rightie { 
	border-radius:0 4px 4px 0;  
} 
a.ddddd { 
	color:red; 
} 
.btn-sipipa:hover { 
	color:#ffffff;
	background:#AABA0A; 
}  
a.btn-sipipa:hover { 
	color:#ffffff !important;
	background:#AABA0A; 
} 

.btn-border {
	border:1px solid #878905; 
	border-radius:4px;
	color:#878905;
	margin-bottom:2px;
}


/* ********************************  
	The styledRadio
******************************** */  
.styledSelect {
    display: block;
    position: relative;
    padding-left: 35px; 
    margin-bottom: 12px; 
	font-size:1.5rem;
	font-weight:normal;
    cursor: pointer; 
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	color:#777777;
}
.styledRadio { 
	width:33%;
	float:left;  
	margin-top:3px;  
	color:#777777;
} 
.styledSelect { 
	width:100%; 
} 
/* Hide the browser's default radio button */
.styledSelect input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
} 
/* Create a custom radio button */
.styledRadioCheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;  
	border:1px solid #cccccc;
	background-color: #eee;
}
/* Create a custom radio button */
.styledRadio .styledRadioCheckmark { 
    border-radius: 50%; 
}

/* On mouse-over, add a grey background color */
.styledSelect:hover input ~ .styledRadioCheckmark {
    background-color:#d2d2d2;
}

/* When the radio button is checked, add a blue background */
.styledSelect input:checked ~ .styledRadioCheckmark {
    background-color: #AABA0A; 
}
/* When the radio button is checked, add a blue background */
.styledRadio input:checked ~ .styledRadioCheckmark {
    background-color: #ffffff; 
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.styledRadioCheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.styledSelect input:checked ~ .styledRadioCheckmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.styledCheck .styledRadioCheckmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* Style the indicator (dot/circle) */
.styledRadio .styledRadioCheckmark:after {
 	top: 8px;
	left: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #AABA0A;
}  
 
 /**********************************************/
.switchField { 
	padding: 0 40px 0 40px;
	overflow: hidden;
} 
.switchFieldStack {  
	text-align:center;
} 
.switchFieldLinear {  
	padding: 0 14px 0 40px;
} 
.switchTitle {
	float:left;  
	padding: 6px 14px;   
}
.switchTitleStack {  
	font-family:'Lato', sans-serif;  
	font-size:1.5rem;
	color:#aaaaaa;
}
.switchBody {
	float:right;
}   
.switchField input {
    position: absolute !important; 
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
} 
.switchField label {
	float: left; 
	display: inline-block;
	width: 50%;
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	text-shadow: none;
	padding: 8px 14px; 
	margin:0 auto;
	text-align:center;
	
} 
.switchField label:hover {
	cursor: pointer;
} 
.switchField input:checked + label {
	background-color: #AABA0A;
	color: #ffffff;
	-webkit-box-shadow: none;
	box-shadow: none;
} 
.switchField label:first-of-type {
	border-radius: 4px 0 0 4px;
} 
.switchField label:last-of-type {
	border-radius: 0 4px 4px 0;
}
 	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		width: 320px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}
/* Modal Right */
	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}
      
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}