/*!

 * Selaksa v1.0.0 (http://selaksacss.com)

 * Copyright 2014 Kresna Galuh.

 * Licensed under MIT

 */

 



/* ----------------------------------------------

** FONT

** ---------------------------------------------- */

.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;}



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







/* ----------------------------------------------

** GENERAL

** ---------------------------------------------- */

.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-image:url(schiefer.jpg);

	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 { text-decoration:none; outline: 0; }

a:hover, a:focus, a.active { 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: 21px; }

.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(../img/line-grey.png) repeat-x center center; }

.box-border-center-y { background:url(../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:focus,

textarea.form-control:focus,

select.form-control:focus {

	border-color: #38c1eb;

	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%; }

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;

}



/* ----------------------------------------------

** TEXT ALIGNMENT

** ---------------------------------------------- */



.align-left {

	text-align: left !important;

}

.align-right {

	text-align: right !important;

}

.align-center {

	text-align: center;

}

.align-top {

	vertical-align: top;

}

.align-middle {

	vertical-align: middle;

}

.align-bottom {

	vertical-align: bottom;

}