/*!
 * Selaksa v1.0.0 (http://selaksacss.com)
 * Copyright 2014 Kresna Galuh.
 * Licensed under MIT
 */
 

/* ----------------------------------------------
** FONT
** ---------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

body { font-family: 'Open Sans', 'sans-serif'; }

.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-semi-bold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extra-bold { font-weight: 800; }

.text-uppercase { text-transform:uppercase; }
.text-underline { text-decoration:underline; }
.text-italic { font-style:italic; }
.text-no-decoration, .text-no-decoration:hover { text-decoration:none; }

.text-black { color:#000000; }
.text-white { color:#ffffff; }
.text-dark { color:#333333; }
.text-grey { color:#a4a4a4; }
.text-sella { color:#56bbc4; }
.text-darkcyan { color:#3ebcaa; }
.text-error { color:#f80219; }
.text-valid { color:#109f1a; }
.text-warning { color:#f1b105; }
.text-red { color:#fc0000; }


.text-shadow { text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3); }

.text-small { font-size: 80%; }
.text-big { font-size: 125%; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { margin:0px; }

.h4 { line-height:25px; }
.h3 { line-height:30px; }	
.h5 { line-height:18px; }

.text-xs { font-size:9px; line-height:13px;}
.text-sm { font-size:12px; line-height:15px;}
.text-md { font-size:30px; line-height:36px;}
.text-lg { font-size:40px; line-height:45px;}
.text-xl { font-size:50px; line-height:65px;}

p {
	margin-bottom:30px;
}

.line-space-md { line-height:30px; }



/* ----------------------------------------------
** GENERAL
** ---------------------------------------------- */
.container { max-width:1060px; padding:0px; }

.wrapper-white { background:#ffffff; }
.wrapper-grey { background:#f2f0f1; }
.wrapper-light-grey { background:#f6f7fb; }
.wrapper-dark-grey { background: #818181; color: #ffffff;}
.wrapper-fixed {
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.scrollbar-wrapper { overflow:auto; }

.bg-white { background:#ffffff; }
.bg-grey { background:#f6f6f6; }
.bg-cyan { background:#3ebcaa; }
.bg-cyan:hover, .bg-cyan:focus {background:#52e2ce; }
.bg-dark { background:#002e3d; }
.bg-blck { background:#000000; }
.bg-conwood { background:#2ebb5f; }


.clear { clear:both; overflow:hidden; }

.display-none { display:none; }


a { color:#E62924; text-decoration:none; outline: 0; }
a:hover, a:focus, a.active { color:#E62924; text-decoration:underline; outline: 0; }

a.link-general { color:#808080; text-decoration:none; }
a.link-general:hover, a.link-general:focus, a.link-general.active { color:#116d31; text-decoration:none; }

a.link-underline { text-decoration:underline; }
a.link-underline:hover, a.link-underline:focus { text-decoration:none; }

a.text-black { color:#000000; text-decoration:none; }
a.text-black:hover, a.text-black:focus, a.text-black.active:focus { color:#fc0000; text-decoration:none; }

a.text-dark { color:#676767; text-decoration:none; }
a.text-dark:hover, a.text-dark:focus, a.text-dark.active:focus { color:#fc0000; text-decoration:none; }

a.text-grey { color:#a4a4a4; text-decoration:none; }
a.text-grey:hover, a.text-grey:focus, a.text-grey.active:focus { color:#E62924; text-decoration:none; }

a.text-white { color:#ffffff; text-decoration:none; }
a.text-white:hover { color:#dfdfdf; text-decoration:none; }

object, embed { 
  outline: 0;
}
input::-moz-focus-inner { 
  border: 0; 
}

.position-relative { position:relative; }
.position-absolute { position:absolute; }

.position-top-left { top:0px; left:0px; }

.size-full { width:100%; height:100%; }

.mask-alpha-cyan { background:rgba(62,188,170,0.5); }


/* ----------------------------------------------
** SPACE
** ---------------------------------------------- */
.margin-null-top { margin-top: 0px; }
.margin-xs-top { margin-top: 5px; }
.margin-sm-top { margin-top: 10px; }
.margin-md-top { margin-top: 15px; }
.margin-lg-top { margin-top: 30px; }
.margin-xl-top { margin-top: 60px; }

.margin-null-bottom { margin-bottom: 0px; }
.margin-xs-bottom { margin-bottom: 5px; }
.margin-sm-bottom { margin-bottom: 10px; }
.margin-md-bottom { margin-bottom: 15px; }
.margin-lg-bottom { margin-bottom: 30px; }
.margin-xl-bottom { margin-bottom: 60px; }

.margin-null-left { margin-left: 0px; }
.margin-xs-left { margin-left: 5px; }
.margin-sm-left { margin-left: 10px; }
.margin-md-left { margin-left: 15px; }
.margin-lg-left { margin-left: 30px; }
.margin-xl-left { margin-left: 60px; }

.margin-null-right { margin-right: 0px; }
.margin-xs-right { margin-right: 5px; }
.margin-sm-right { margin-right: 10px; }
.margin-md-right { margin-right: 15px; }
.margin-lg-right { margin-right: 30px; }
.margin-xl-right { margin-right: 60px; }

.margin-null { margin: 0px; }
.margin-xs { margin: 5px; }
.margin-sm { margin: 10px; }
.margin-md { margin: 15px; }
.margin-lg { margin: 30px; }
.margin-xl { margin: 60px; }

.margin-null-x { margin-left: 0px; margin-right: 0px; }
.margin-xs-x { margin-left: 5px; margin-right: 5px; }
.margin-sm-x { margin-left: 10px; margin-right: 10px; }
.margin-md-x { margin-left: 15px; margin-right: 15px; }
.margin-lg-x { margin-left: 30px; margin-right: 30px; }
.margin-xl-x { margin-left: 60px; margin-right: 60px; }

.margin-null-y { margin-top: 0px; margin-bottom: 0px; }
.margin-xs-y { margin-top: 5px; margin-bottom: 5px; }
.margin-sm-y { margin-top: 10px; margin-bottom: 10px; }
.margin-md-y { margin-top: 15px; margin-bottom: 15px; }
.margin-lg-y { margin-top: 30px; margin-bottom: 30px; }
.margin-xl-y { margin-top: 60px; margin-bottom: 60px; }


.sparator-xs { height: 5px; }
.sparator-sm { height: 10px; }
.sparator-md { height: 15px; }
.sparator-lg { height: 30px; }
.sparator-xl { height: 60px; }

.margin-min-xs-top { margin-top: -5px; }
.margin-min-sm-top { margin-top: -10px; }
.margin-min-md-top { margin-top: -15px; }
.margin-min-lg-top { margin-top: -30px; }
.margin-min-xl-top { margin-top: -60px; }


/* ----------------------------------------------
** PADDING
** ---------------------------------------------- */
.padding-xs-top { padding-top: 5px; }
.padding-sm-top { padding-top: 10px; }
.padding-md-top { padding-top: 15px; }
.padding-lg-top { padding-top: 30px; }
.padding-xl-top { padding-top: 60px; }

.padding-xs-bottom { padding-bottom: 5px; }
.padding-sm-bottom { padding-bottom: 10px; }
.padding-md-bottom { padding-bottom: 15px; }
.padding-lg-bottom { padding-bottom: 30px; }
.padding-xl-bottom { padding-bottom: 60px; }

.padding-xs-left { padding-left: 5px; }
.padding-sm-left { padding-left: 10px; }
.padding-md-left { padding-left: 15px; }
.padding-lg-left { padding-left: 30px; }
.padding-xl-left { padding-left: 60px; }

.padding-xs-right { padding-right: 5px; }
.padding-sm-right { padding-right: 10px; }
.padding-md-right { padding-right: 15px; }
.padding-lg-right { padding-right: 30px; }
.padding-xl-right { padding-right: 60px; }

.padding-xs { padding: 5px; }
.padding-sm { padding: 10px; }
.padding-md { padding: 15px; }
.padding-lg { padding: 30px; }
.padding-xl { padding: 60px; }

.padding-null-x { padding-left: 0px; padding-right: 0px; }
.padding-xs-x { padding-left: 5px; padding-right: 5px; }
.padding-sm-x { padding-left: 10px; padding-right: 10px; }
.padding-md-x { padding-left: 15px; padding-right: 15px; }
.padding-lg-x { padding-left: 30px; padding-right: 30px; }
.padding-xl-x { padding-left: 60px; padding-right: 60px; }

.padding-null-y { padding-top: 0px; padding-bottom: 0px; }
.padding-xs-y { padding-top: 5px; padding-bottom: 5px; }
.padding-sm-y { padding-top: 10px; padding-bottom: 10px; }
.padding-md-y { padding-top: 15px; padding-bottom: 15px; }
.padding-lg-y { padding-top: 30px; padding-bottom: 30px; }
.padding-xl-y { padding-top: 60px; padding-bottom: 60px; }




/* ----------------------------------------------
** BOX
** ---------------------------------------------- */
.box-sm {
	height:30px;
	line-height:30px;
}

.box-border { border:1px solid #dfdfdf; }
.box-border-top { border-top:1px solid #dfdfdf; }
.box-border-bottom { border-bottom:1px solid #dfdfdf; }
.box-border-left { border-left:1px solid #dfdfdf; }
.box-border-right { border-right:1px solid #dfdfdf; }

.box-border-center-x { background:url(assets/vendor/img/line-grey.png) repeat-x center center; }
.box-border-center-y { background:url(assets/vendor/img/line-grey.png) repeat-y center center; }

.box-border-hover { border:1px solid transparent; }
.box-border-hover:hover { border:1px solid #dfdfdf; }


.box-border-black { border-color:#000000; }

.box-round {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.box-square {
	display: table;
	width: 140px;
	height: 140px;
}
.box-square .box-inner {
	display: table-cell;
	vertical-align: middle;
}
.box-square-md { 
	width: 140px;
	height: 140px;
}

.box-table {
	display: table;
	width: 100%;
	height: 100%;
}
.box-table .box-inner {
	display: table-cell;
	vertical-align: middle;
}

.width-xs { width:35px; }
.width-sm { width:45px; }

.height-xs { height:35px; }
.height-sm { height:45px; }

.line-space-xs { line-height:35px; }
.line-space-sm { line-height:45px; }



/* ----------------------------------------------
** BUTTON
** ---------------------------------------------- */
.btn {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	font-size:15px;
	padding-top:0px !important;
	padding-bottom:0px !important;
	height:35px;
	line-height:35px;
}
.btn-hide {
	display:none;
}

.btn-padding-xs { padding-left: 5px; padding-right: 5px; }
.btn-padding-sm { padding-left: 10px; padding-right: 10px; }
.btn-padding-md { padding-left: 15px; padding-right: 15px; }
.btn-padding-lg { padding-left: 30px; padding-right: 30px; }
.btn-padding-xl { padding-left: 60px; padding-right: 60px; }

.btn-width-sm { width:100px; }
.btn-width-md { width:120px; }
.btn-width-lg { width:200px; }

.btn.btn-lg { height:50px; padding-top:0px !important; padding-bottom:0px !important; line-height:50px; }
.btn.btn-sm { height:25px; padding-top:0px !important; padding-bottom:0px !important; line-height:25px; font-size:12px; }


.btn-round {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	border-radius: 50px;
}
.btn-conwood,
.btn-conwood:focus {
	background:#095d26;
	color:#ffffff;
}
.btn-conwood:hover,
.btn-conwood.active {
	background:#45ba6d;
	color:#ffffff;
}

.btn-conwood.btn-hover-dark:hover,
.btn-conwood.btn-hover-dark.active {
	background:#07471d;
	color:#ffffff;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.active {
	background:#ffffff;
	border-color:#3ebcaa;
}

.btn-dark {
	background:#767676;
	color:#ffffff;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark.active {
	background:#646464;
	color:#ffffff;
}


.btn.btn-noline {
	border-right:0px solid #d6d6d6;
}




.btn-social-share {
	height:30px;
	line-height:30px;
	padding:0px 20px;
}
.btn-fb {
	background:#3b5998;
	color:#ffffff;
}
.btn-fb:hover, .btn-fb:focus {
	background:#284175;
	color:#ffffff;
}

.btn-tw {
	background:#00aced;
	color:#ffffff;
}
.btn-tw:hover, .btn-tw:focus {
	background:#0593c8;
	color:#ffffff;
}

.btn-gplus {
	background:#da4e3b;
	color:#ffffff;
}
.btn-gplus:hover, .btn-gplus:focus {
	background:#b93f2e;
	color:#ffffff;
}

.btn-sm.btn-disable:hover {
	background:#ffffff;
	cursor:default;
}




/* BUTTON ICON */
.btn-icon {
	width:35px;
	height:35px;
	padding:0px;
	line-height:35px;

}
.btn-icon.btn-outline { background:transparent; color:#3ebcaa; border:1px solid #3ebcaa; }
.btn-icon.btn-outline:hover { background:transparent; color:#6bd7c8; border:1px solid #6bd7c8; }

.btn-icon.btn-outline.btn-white { color:#ffffff; border:1px solid #ffffff; }
.btn-icon.btn-outline.btn-white:hover { color:#dfdfdf; border:1px solid #dfdfdf; }

.btn-icon.btn-xs { width:20px; height:20px; line-height:20px; padding:0px; }
.btn-icon.btn-sm { width:25px; height:25px; line-height:25px; padding:0px; }
.btn-icon.btn-lg { width:50px; height:50px; line-height:50px; padding:0px; }
.btn-icon.btn-xl { width:80px; height:80px; line-height:80px; padding:0px; font-size: 35px;}

.btn-icon.btn-circle {
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	-ms-border-radius: 80px;
	-o-border-radius: 80px;
	border-radius: 80px;
}
.btn-icon.btn-pill {
	background:#0e552a;
	color:#ffffff;
}
.btn-icon.btn-pill:hover {
	background:#45ba6d;
	color:#ffffff;
}


.count-in-btn {
	font-size:12px;
	display:inline-block;
	padding:2px 5px;
	margin-left:10px;
}

	
	
/* ----------------------------------------------
** INPUT
** ---------------------------------------------- */
input.form-control,
textarea.form-control,
select.form-control {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
}
input.form-control,
select.form-control {
	height:35px;
}
input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus {
	border-color: #ff1f06;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, 0);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, 0);
}
input.form-control.form-control-round,
textarea.form-control.form-control-round,
select.form-control.form-control-round {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
input.form-control.form-grey,
textarea.form-control.form-grey,
select.form-control.form-grey {
	background:#f4f4f4;
}
input.form-control.no-border,
textarea.form-control.no-border {
	border-color:transparent;
}
input.form-control.no-border:focus,
textarea.form-control.no-border:focus {
	border-color: #095d26;
}
textarea.form-control {
	resize: none;
}
label.control-label {
	font-weight:normal;
}


.form-hide { display:none; }



input.form-control.form-decade,
textarea.form-control.form-decade,
select.form-control.form-decade {
	background:#f5d8da;
}
input.form-control.form-dark,
textarea.form-control.form-dark,
select.form-control.form-dark {
	background:#484c48;
	border-color:#484c48;
	color:#ffffff;
}


.form-label { line-height: 35px; }



/* ----------------------------------------------
** ALERT
** ---------------------------------------------- */
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 0px;
}







/* ----------------------------------------------
** IMAGE
** ---------------------------------------------- */
img.full-width { width:100%; height: auto;}
img.thumb-sm { width:50px; }
img.thumb-md { width:80px; }
img.thumb-lg { width:200px; }
img.thumb-xl { width:450px; }

img.ava-xs { width:30px; }
img.ava-sm { width:50px; }
img.ava-md { width:60px; }
img.ava-lg { width:128px; }

img.img-block { display:block; }
img.img-inline-block { display:inline-block; }








.text-label {
	background:#f8fdfc;
	padding-left:5px;
	padding-right:5px;
}
.text-label:hover {
	background:#edf9f7;
	padding-left:5px;
	padding-right:5px;
}







/* ----------------------------------------------
** TITLE
** ---------------------------------------------- */
.title-lg {
	line-height:80px;
	height:80px;
}