@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);


/* === RESET ALL SETTINGS === */


html, body, button, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, input, kbd, q, samp,
small, strong, sub, sup, var,
b, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, textarea, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, hr, menu, nav, section, summary, textarea,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	color: #666;
}

ul, ol {
	list-style-position: inside;
}

ol li {
	margin-bottom: 5px;
}

ul.no-style, ol.no-style {
	list-style: none;
}

ul.circle {
	list-style-type: circle;
}

ul.circle li {
	padding-left: 1px;
	margin-bottom: 5px;
}

ul.square {
	list-style-type: square;
}

ul.square li {
	margin-bottom: 5px;
}





/* === TYPOGRAPHY === */


body {
	font: 16px/24px 'Open Sans', sans-serif;
	color: #434345;
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
	color: #434345;
}

h1 {
	font-size: 34px;
	line-height: 30px;
	font-weight: 400;
}

h2 {
	font-size: 28px;
	line-height: 30px;
	font-weight: 400;
}

h3 {
	font-size: 26px;
	line-height: 36px;
	font-weight: 400;
}

h4 {
	font-size: 21px;
	line-height: 24px;
	font-weight: 800;
}

h5 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 800;
}

h6 {
	font-size: 15px;
	line-height: 24px;
	font-weight: 800;
}

sup {
	font-size: 16px;
	display: inline-block;
	position: relative;
	top: -14px;
	line-height: 0px;
}

em {
	font-weight: 700;
}

strong {
	font-weight:900;
}



/* === GENERAL SETTINGS === */

.preload-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;

	z-index: 999999;
}

section {
	position: relative;
	display: block;

	width: 100%;
	height: 100%;
	
	float: left;
	overflow: hidden;

	-webkit-transform: rotateX(0deg);

	-webkit-transition: left 0.7s cubic-bezier(1, 0, 0, 1);
	-moz-transition: left 0.7s cubic-bezier(1, 0, 0, 1);
	-o-transition: left 0.7s cubic-bezier(1, 0, 0, 1);
	transition: left 0.7s cubic-bezier(1, 0, 0, 1);
}

section:first-of-type {
	padding-top: 48px;
}

section.laptop-template:first-of-type, section.tablet-horizontal-template:first-of-type {
	padding-top: 60px;
}

section:last-of-type {
	margin-bottom: 0;
}

.sections-slider-holder {
	display: table;
	position: fixed;
	height: 100%;
	right: 50px;
	z-index: 20;
}

.sections-slider {
	display: table-cell;
	vertical-align: middle;
	list-style: none;
}

.sections-slider li {
	display: block;
	position: relative;
	width: 10px;
	height: 10px;
	padding: 5px 0px;
	cursor: pointer;
}

.sections-slider li a {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	background-color: #cfd1d2;
}

.sections-slider li:hover a, .sections-slider li.active a {
	background-color: #434345;
}

.tooltip {
	position: absolute;
	padding: 0px 12px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	font-size: 14px;
	line-height: 30px;
	background-color: #434345;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	right: 24px;
	top: -8px;
}

.section-wrapper {
	display: block;
	overflow: hidden;
	position: relative;
	width: 1070px;
	height: 100%;
	margin: 0 auto;
}

.header-wrapper {
	width: 100%;
	text-align: center;
	margin-bottom: 48px;
}

.social-icons {
	list-style: none;
	display: table;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.social-icons>a {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	width: 45px;
	height: 45px;
	border: 2px solid #34495e;
	border-radius: 28px;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	font-family: FontAwesome;
	font-size: 21px;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;

	-webkit-transition: -webkit-transform 0s ease;
	-moz-transition: -moz-transform 0s ease;
	-o-transition: -o-transform 0s ease;
	transition: transform 0s ease;
}

.social-icons>a:before {
	color: #34495e;
}

.social-icons>a.facebook:before {
	content: "\f09a";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}

.social-icons>a.twitter:before {
	content: "\f099";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}

.social-icons>a.rss:before {
	content: "\f0ac";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}

.social-icons>a.dribbble:before {
	content: "\f17d";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}

.social-icons>a.flickr:before {
	content: "\f16e";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}

.social-icons>a span {
	display: block;
	position: absolute;

	width: 100%;
	height: 100%;

	left: -2px;
	top: -2px;

	-webkit-transition: opacity 0s ease, -webkit-transform 0s ease, border 0s ease;
	-moz-transition: opacity 0s ease, -moz-transform 0s ease, border 0s ease;
	-o-transition: opacity 0s ease, -o-transform 0s ease, border 0s ease;
	transition: opacity 0s ease, transform 0s ease, border 0s ease;

	border: 2px solid #fff;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	
	opacity: 1;
	visibility: hidden;
}

.social-icons>a .social-icon-hover {
	visibility: visible;
	opacity: 0;

	-webkit-transform: scale(1.5);
	-mox-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);

	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}



/* === Contents and Layout === */



.content-left {
	display: block;
	max-width: 100%;
	padding-right: 20%;
}

.content-right {
	display: block;
	max-width: 100%;
	padding-left: 10%;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}



/* === Blocks === */


.block {
	display: block;
	margin-bottom: 24px;
	float: left;
}

.full-width {
	width: 100%;
	clear: both;
}

.one-half {
	width: 48.75%;
	margin-right: 2.5%;
}

.one-third {
	width: 31.66%;
	margin-right: 2.5%;
}

.one-fourth {
	width: 23.12%;
	margin-right: 2.5%;
}

.two-thirds {
	width: 65.82%;
	margin-right: 2.5%;
}

.last {
	margin-right: 0;
}









/* === Buttons === */


.store-btn {
	display: inline-block;

	padding: 36px 75px 33px 75px;
	margin-right: 20px;

	border: 1px solid #27c1a2;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;

	
	font-size: 23px;
	font-weight: 400;
	color: #fff;

	box-shadow: 0px 1px 0px 0px #21aa8f;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

	background-color: #1abc9c;

	-webkit-transition: -webkit-transform 0.3s ease, background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
	-moz-transition: -moz-transform 0.3s ease, background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
	-o-transition: -o-transform 0.3s ease, background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
	transition: transform 0.3s ease, background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
}

.store-btn:hover {
	background-color: #34495e;
	box-shadow: 0px 1px 0px 0px #2B3B4D;
	border: 1px solid #3A5066;
}









/* === Form Settings === */


textarea, input {
	font-family: 'Open Sans', sans-serif;
	border: 2px solid #fff;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #fff;
}

label {
	float: left;
	clear: both;
	display: none;
}




/* === RISE SLIDER === */

.riseSlider {
	display: block;
	position: relative;
	width: 34.6%;

	float: left;
	margin-left: 15%;
	z-index: 5;
}

.riseSlider .slides {
	position: relative;
	padding-bottom: 175%;
	width: 100%;
}

.riseSlider .slides:after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;


}

.riseSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
}









.riseCaptions {
	display: block;
	list-style: none;
	position: relative;
	width: 33%;
	float: left;
	margin-left: -3%;
	z-index: 0;
	height: 100%;
}

.riseCaptions li {
	display: block;
	position: relative;
	display: none;
}

.riseCaptions li:first-child {
	display: block;
}

.riseCaptions h2 {
	margin-bottom: 24px;
}

.riseCaptions h2 {
	margin-bottom: 24px;
}

.riseCaptions h3 {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0;
	font-weight: 400;
	margin-bottom: 24px;
	color: #949AA3;
}

.riseCaptions .store-btn {
	margin-left: -70px;
	margin-bottom: 24px;
}

.riseCaptions img {
	margin-bottom: 24px;
}



















.slider-wrapper-nav {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -68px;
	z-index: 15;

	pointer-events: none;
}

.slider-wrapper-nav a {
	display: inline-block;
	position: relative;
	width: 55px;
	height: 55px;
	font-size: 48px;
	text-indent: 0;
	text-align: center;
	margin: 0;
	color: #2c3e50;

	pointer-events: auto;
}

.slider-wrapper-nav .prev:before {
	position: absolute;
	text-align: center;
	content: "\f053";
	display: block;
	width: 100%;
	top: 15px;
	left: -1px;
}

.slider-wrapper-nav .next:before {
	position: absolute;
	text-align: center;
	content: "\f054";
	display: block;
	width: 100%;
	top: 15px;
	right: -3px;
}

.slider-wrapper-nav .prev {
	float: left;
	margin-left: 100px;
}

.slider-wrapper-nav .next {
	float: right;
	margin-right: 100px;
}


.softgrey-background {
	background-image:url(../images/bg-2.jpg);
	color: #434345;
	background-position:center top;
	background-color:#f2f2f3;
}

.softgrey-background a {
	color: #008fd4;
}

.server-background {
	background-image:url(../images/bg-3.jpg);
	color: #fff;
	background-position:center top;
	background-color:#000;
}

.server-background a {
	color: #fff;
	border-bottom:#fff solid 1px;
}

.mobile-background {
	background-image:url(../images/bg-4.jpg);
	color: #fff;
	background-position:center top;
	background-color:#000;
}

.mobile-background a {
	color: #fff;
	border-bottom:#fff solid 1px;
}
.grey-background {
	background-color:#f8f8f8;
	color: #434345;
}

.grey-background a {
	color: #008fd4;
}
.putih-background {
	background-color:#fff;
	color: #434345;
}

.putih-background a {
	color: #008fd4;
}
.default-background {
	background-image:url(../images/bg-first.jpg);
	color: #fff;
	background-position:center top;
}

.default-background a {
	color: #fff;
	border-bottom:#fff solid 1px;
}




.dark-background {
	background-color:#00bac6;
	color: #fff;
}

.dark-background a {
	color: #fff;
}



/* === LAPTOP TEMPLATE SECTION === */



section.laptop-template {
	padding-top: 55px;
	padding-bottom: 55px;
}

.laptop-template .section-wrapper {
	width: 940px;
}

.laptop-template .riseSlider {
	width: 100%;
	margin-left: 0;
}

.laptop-template .riseSlider .slides {
	padding-bottom: 53%;
}

.laptop-template .riseSlider .slides img {
	top: 8%;
	left: 17.3%;
	width: 66%;
}

.laptop-template .riseSlider .slides:after {
	background: url(../images/style/laptop.png) left top no-repeat;
	background-size: 100%;
}











.laptop-template .riseCaptions {
	display: block;
	position: absolute;
	width: 71.5%;
	bottom: 18.5%;
	left: 17.3%;
	height: auto;
	z-index: 10;
}

.laptop-template .riseCaptions li {
	display: block;
}

.laptop-template .riseCaptions li {
	display: none;
}

.laptop-template .riseCaptions li:first-child {
	display: block;
}

.laptop-template .riseCaptions li>* {
	display: block;
	float: left;
	clear: both;
	margin-bottom: 10px;
	margin-left: -76px;
}

.laptop-template .riseCaptions li .large-caption {
	background-color: #434345;
	padding: 41px 50px 39px 50px;
	margin-left: -48px;
	letter-spacing: -1px;

	font-size: 36px;
	line-height: 48px;
	color: #fff;
}

.laptop-template .riseCaptions li .small-caption {
	background-color: #008fd4;
	padding: 18px 36px 17px 30px;
	margin-left: -24px;

	font-size: 17px;
	font-style: italic;
	line-height: 24px;
	color: #fff;
}

.riseCaptions li.alternate-colors .large-caption {
	background-color: #008fd4;
}

.riseCaptions li.alternate-colors .small-caption {
	background-color: #434345;
}











.laptop-template .slider-wrapper-nav {
	width: 110%;
	position: absolute;
	top: 50%;
	left: -5%;
	margin-top: -10px;
	z-index: 15;

	transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-webkit-transform: none;
}

.laptop-template .slider-wrapper-nav a.prev {
	margin-left: 50px;
}

.laptop-template .slider-wrapper-nav a.next {
	margin-right: 50px;
}

.laptop-template .content-hold {
	width: 100%;
	text-align: center;
}

.laptop-template h2 {
	width: 550px;
	margin: 0 auto 13px auto;
	text-align: center;
	font-weight:400;
	color:#fff;
	line-height: 24px;
}

.laptop-template h4 {
	width: 650px;
	margin: 0 auto 34px auto;
	text-align: center;
	font-weight:400;
	color:#fff;
}



/* === FIRST TEMPLATE SECTION === */



.first-template {
	border-bottom:#FFFFFF solid 1px;
	padding-top: 144px;
	padding-bottom: 144px;
}

.first-template h2 {
	width: 550px;
	margin: 0 auto 13px auto;
	text-align: center;
	color:#fff;
	font-size: 34px;
}

.first-template h1 {
	width: 650px;
	margin: 0 auto 13px auto;
	text-align: center;
	font-weight:400;
	color:#EBECED;
	line-height: 24px;
	font-size: 28px;
}


.first-template .turun-dikit {
	margin-bottom:89px;
	margin-top:89px;
}



.first-template .content-holder {
	width: 100%;
	text-align: center;
	position: relative;
}

.first-templatee hr {
	width: 90.6%;
	height: 2px;
	background-color: #ecf0f1;
	margin: 0 auto 24px auto;
}

.first-template p {
	width: 79.4%;
	margin: 0 auto;
}




/* === CLEAR TEMPLATE SECTION === */



.clear-template {
	padding-top: 89px;
	padding-bottom: 144px;
}

.clear-template h2 {
	width: 550px;
	margin: 0 auto 13px auto;
	text-align: center;
}

.clear-template h4 {
	width: 650px;
	margin: 0 auto 13px auto;
	text-align: center;
	font-weight:400;
	color:#8a8c8e;
}

.clear-template .gede {
	font-size:280px;
	margin-bottom:55px;
}

.clear-template .content-holder {
	width: 100%;
	text-align: center;
	position: relative;
}

.clear-template hr {
	width: 90.6%;
	height: 2px;
	background-color: #ecf0f1;
	margin: 0 auto 24px auto;
}

.clear-template p {
	width: 79.4%;
	margin: 0 auto;
}



/* === CLEAR 1 TEMPLATE SECTION === */



.clear1-template {
	padding-top: 144px;
	padding-bottom: 89px;
}

.clear1-template h2 {
	margin-top:300px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:13px;
	width: 550px;
	text-align: center;
}

.clear1-template h4 {
	width: 650px;
	margin: 0 auto 13px auto;
	text-align: center;
	font-weight:400;
	color:#8a8c8e;
}

.clear1-template .gede {
	font-size:280px;
	margin-bottom:89px;
}

.clear1-template .content-holder {
	width: 100%;
	text-align: center;
	position: relative;
}

.clear1-template hr {
	width: 90.6%;
	height: 2px;
	background-color: #ecf0f1;
	margin: 0 auto 24px auto;
}

.clear1-template p {
	width: 79.4%;
	margin: 0 auto;
}


/* === CLEAR TEMPLATE SECTION === */



.clear2-template {
	padding-top: 144px;
	padding-bottom: 89px;
}

.clear2-template h2 {
	margin-top:300px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:13px;
	width: 550px;
	text-align: center;
	color:#fff;
}

.clear2-template h4 {
	width: 650px;
	margin: 0 auto 13px auto;
	text-align: center;
	font-weight:400;
	color:#EBECED;
}

.clear2-template .gede {
	font-size:280px;
	margin-bottom:89px;
}

.clear2-template .content-holder {
	width: 100%;
	text-align: center;
	position: relative;
}

.clear2-template hr {
	width: 90.6%;
	height: 2px;
	background-color: #ecf0f1;
	margin: 0 auto 24px auto;
}

.clear2-template p {
	width: 79.4%;
	margin: 0 auto;
}


/* === DEFAULT TEMPLATE SECTION === */



.default-template {
	padding-top: 89px;
	padding-bottom: 144px;
}

.default-template h2 {
	width: 550px;
	margin: 0 auto 13px auto;
	text-align: center;
}
.default-template h4 {
	width: 650px;
	margin: 0 auto 55px auto;
	text-align: center;
	font-weight:400;
	color:#8a8c8e;
}
.default-template .content-holder {
	width: 100%;
	text-align: center;
	position: relative;
}

.default-template hr {
	width: 90.6%;
	height: 2px;
	background-color: #ecf0f1;
	margin: 0 auto 24px auto;
}

.default-template p {
	width: 79.4%;
	font-size:11px;
	margin: 0 auto;
}


.pricing-table {
	list-style: none;
	display: block;
	width: 100%;
	margin-bottom: 96px;
}

.pricing-table .ribu {
	font-size: 13px;
	font-weight:400;
	display: inline-block;
	position: relative;
	top: -42px;
	line-height: 0px;
	letter-spacing: 2px;
}

.pricing-table .ribu2 {
	font-size: 13px;
	font-weight:400;
	display: inline-block;
	position: relative;
	top: -25px;
	line-height: 0px;
	letter-spacing: 2px;
}

.pricing-table li {
	position: relative;
	display: inline-block;
	width: 25.2%;
	margin-right: 1%;
	background-color: #ecf0f1;
	border-collapse: separate;

	top: -36px;

	-webkit-transition: left 0.5s ease, -webkit-transform 0.5s ease;
	-moz-transition: left 0.5s ease, -moz-transform 0.5s ease;
	-o-transition: left 0.5s ease, -o-transform 0.5s ease;
	transition: left 0.5s ease, transform 0.5s ease;
}

.pricing-table li:last-child {
	margin-right: 0;
}

.pricing-table:hover li {
	-webkit-transform: scale(0.9, 0.9);
	-moz-transform: scale(0.9, 0.9);
	-o-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
}

.pricing-table:hover li:hover {

	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.pricing-table li div {
	cursor: default;
}

.pricing-table li .price-plan {
	margin-top: 30px;
	margin-bottom: 42px;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	color: #34495e;
}

.pricing-table li .price {
	margin-bottom: 48px;

	font-size: 48px;
	line-height: 48px;
	letter-spacing: -3px;
	font-weight: bold;
	color: #506071;
}

.pricing-table li .plan-desc {
	padding: 0 24px;
	margin-bottom: 48px;
}


.pricing-table li>a {
	display: block;
	bottom: 0;
	width: 100%;
	height: 48px;
	background-color: #e3e8e9;
	padding-top: 24px;

	font-size: 14px;
	line-height: 24px;
	color: #657281;
}

.pricing-table li.special-plan {
	width: 35%;
	height: 410px;
	background-color: #F68c35;
	top: 0px;
}

.pricing-table li.special-plan a {
	background-color: #F47934;
	color: #fff;
}

.pricing-table li.special-plan .price-plan, .pricing-table li.special-plan .price {
	color: #fff;
}

.pricing-table li.special-plan .price-plan {
	margin-top: 78px;

	font-size: 24px;
	line-height: 36px;
	letter-spacing: 0;
	font-weight: bold;
}

.pricing-table li .line {
	margin: 0 auto 6px auto;

	width: 35px;
	height: 1px;
	background-color: #7b8895;	
}

.pricing-table li.special-plan .line {
	background-color: #fff;
}

.pricing-table li.special-plan .price {
	margin-top: 36px;

	font-size: 72px;
	line-height: 72px;
}

.pricing-table li.special-plan .plan-desc {
	font-size: 17px;
	line-height: 24px;
	word-spacing: 1px;
	color: #fff;

	padding: 0 24px;
}

.default-template ul.square, .default-template ol, .default-template ul.circle {
	width: 25.2%;
	display: inline-block;
	text-align: left;
	margin-right: 4.2%;
}

.default-template ul.circle {
	margin-right: 0;
}










/* === SUBSCRIBE TEMPLATE SECTION === */



.subscribe-template {
	padding: 170px 0 220px 0;
	background-color:#0098d9;
}

.subscribe-template .section-wrapper {
	overflow: visible;
}

.subscribe-template .logo {
	display: block;
	margin: 0 auto 60px auto;
}

.subscribe-template h2 {
	width: 550px;
	margin: 0 auto 34px auto;
	text-align: center;
	color: #fff;
	line-height:34px !important;
}

.subscribe-template h2 a {
	color: #fff;
	border-bottom:#fff solid 1px;
}

.subscribe-template h4 {
	width: 650px;
	margin: 0 auto 13px auto;
	text-align: center;
	font-weight:400;
	color:#fff;
}

#newsletter {
	display: block;
	width: 54.4%;
	height: 80px;
	font-size: 24px;
	line-height: 30px;
	margin: 0 auto 36px auto;
}

#newsletter input {
	color: #fff;
}

#newsletter input#email-newsletter {
	width: 86.3%;
	padding: 23px 30px;
	border-right: none;
	float: left;
}

#newsletter input#subscribe-newsletter {
	text-indent: -9999px;
	height: 83px;
	width: 100%;
	background: #1abc9c;
	padding: 0;
	border: none;
	float: right;
	cursor: pointer;
}

#newsletter span {
	position: relative;
	float: right;
	display: block;
	width: 13.7%;
}

#newsletter span:after {
	content: "\f0e0";
	display: block;
	position: absolute;
	color: #fff;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;

	font-size: 27px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.subscribe-template .slider-controls-holder {
	text-align: center;
	margin-top: 72px;
}

.subscribe-template .slider-controls li a {
	background: #fff;
}

.subscribe-template .tooltip {
	border-color: #1abc9c;
	color: #1abc9c;
}

.subscribe-template .tooltip:before {
	border-color: #1abc9c;
	z-index: 10;
}

.subscribe-template .social-icons>a {
	border: 2px solid #fff;
}

.subscribe-template .social-icons>a:before {
	top: 13px;
	color: #fff;
}

.subscribe-template .social-icons>a.rss:before {
	left: 0px;
}



/* === FOOTER === */



footer {
	width: 100%;
	height: 96px;
	background-color: #48484a;
	float: left;

	font-size: 14px;
	line-height: 24px;
	color: #fff;
}

.footer-wrapper {
	width: 1070px;
	margin: 0 auto;
}

footer p {
	margin-top: 37px;
}

footer a {
	color: #fff;
	border-bottom:#fff solid thin;
}








/* === MEDIA BOX === */

.mediabox-window {
	position: fixed;
	display: table;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	z-index: 999999;
}

.mediabox-window:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.mediabox-background {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.mediabox-media {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.mediabox-background-closer {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.mediabox-media-wrapper {
	position: relative;
}

.mediabox-media img,
.mediabox-media iframe {
	position: relative;
	display: inline-block !important;
	max-width: 98%;
	border: 4px solid rgba(0,0,0,0.3);
}

.mediabox-html-element-wrapper {
	display: block;
	margin: 0 auto;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 40px;

	text-align: left;
}


.mediabox-media img {
	width: auto !important;
	height: auto !important;
}

.mediabox-title {
	position: fixed;
	bottom: 100px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 5;
}

.mediabox-title-wrapper {
	position: relative;
	display: inline-block;
	padding: 12px 18px;
	background-color: #111;
	color: #fff;
	max-width: 80%;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.mediabox-controls {
	position: fixed;
	text-align: center;
	width: 100%;
	bottom: 24px;
	z-index: 10;
}

.mediabox-controls a {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 17px;
	color: #aaa;
	background-color: #111;
	cursor: pointer;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.mediabox-controls a:hover {
	background-color: #000;
}

.mediabox-hidden-control {
	visibility: hidden;
}


.mediabox-controls a.mediabox-prev, .mediabox-controls a.mediabox-close {
	margin-right: 3px;
}



.mediabox-controls a:before {
	display: block;
	position: absolute;

	top: 10px;
	left: 11px;

	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	letter-spacing: 2px;
	font-size: 14px;

	color: #fff;
}


.mediabox-controls a.mediabox-close:before {
	content: '\f00d';
	
}

.mediabox-controls a.mediabox-prev:before {
	content: '\f053';

	top: 11px;
	left: 12px;
}

.mediabox-controls a.mediabox-next:before {
	content: '\f054';

	top: 11px;
	left: 13px;
}


.mediabox-preloader {
	position: absolute;
	left: 50%;
	top: 50%;

	width: 0px;
	height: 0px;

	-webkit-animation: preload 0.5s infinite;
	-moz-animation: preload 0.5s infinite;
	-o-animation: preload 0.5s infinite;
	animation: preload 0.5s infinite;

	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;

	z-index: 9999;
}

.mediabox-preloader:before,
.mediabox-preloader:after {
	content: '';
	display: block;
	position: relative;

	width: 6px;
	height: 6px;

	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;

	background-color: #fff;
}

.mediabox-preloader:before {
	left: -6px;
	top: -6px;
}

.mediabox-preloader:after {
	left: 0px;
	top: -6px;
}



@-webkit-keyframes preload {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes preload {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); }
}
@-o-keyframes preload {
	0% { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); }
}
@keyframes preload {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}



















/* === PRELOADER === */

.preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;

	background-color: #fff;

	z-index: 999999;
}

.preloader span {
	display: block;
	position: absolute;

	width: 0px;
	height: 0px;

	left: 50%;
	top: 50%;

	padding: 5px;

	background-color: #34495e;
	opacity: 0;

	border-radius: 50px;
}

.preloader span:nth-child(1) {
	margin-left: -10px;
	-webkit-animation: preload_one 1s infinite;
	-moz-animation: preload_one 1s infinite;
	-o-animation: preload_one 1s infinite;
	animation: preload_one 1s infinite;
}

.preloader span:nth-child(2) {
	margin-top: -10px;
	-webkit-animation: preload_two 1s infinite;
	-webkit-animation-delay: 0.25s;

	-moz-animation: preload_two 1s infinite;
	-moz-animation-delay: 0.25s;

	-o-animation: preload_two 1s infinite;
	-o-animation-delay: 0.25s;

	animation: preload_two 1s infinite;
	animation-delay: 0.25s;
}

.preloader span:nth-child(3) {
	margin-left: 10px;
	-webkit-animation: preload_three 1s infinite;
	-webkit-animation-delay: 0.5s;

	-moz-animation: preload_three 1s infinite;
	-moz-animation-delay: 0.5s;

	-o-animation: preload_three 1s infinite;
	-o-animation-delay: 0.5s;

	animation: preload_three 1s infinite;
	animation-delay: 0.5s;
}

.preloader span:nth-child(4) {
	margin-top: 10px;
	-webkit-animation: preload_four 1s infinite;
	-webkit-animation-delay: 0.75s;

	-moz-animation: preload_four 1s infinite;
	-moz-animation-delay: 0.75s;

	-o-animation: preload_four 1s infinite;
	-o-animation-delay: 0.75s;

	animation: preload_four 1s infinite;
	animation-delay: 0.75s;
}

/* WEBKIT */
@-webkit-keyframes preload_one {
	0% { opacity: 0; }
	50% { opacity: 1; }
	75% { opacity: 0; }
}

@-webkit-keyframes preload_two {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@-webkit-keyframes preload_three {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@-webkit-keyframes preload_four {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

/* GECKO */
@-moz-keyframes preload_one {
	0% { opacity: 0; }
	50% { opacity: 1; }
	75% { opacity: 0; }
}

@-moz-keyframes preload_two {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@-moz-keyframes preload_three {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@-moz-keyframes preload_four {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

/* OPERA */
@-o-keyframes preload_one {
	0% { opacity: 0; }
	50% { opacity: 1; }
	75% { opacity: 0; }
}

@-o-keyframes preload_two {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@-o-keyframes preload_three {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@-o-keyframes preload_four {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

/* rest */
@keyframes preload_one {
	0% { opacity: 0; }
	50% { opacity: 1; }
	75% { opacity: 0; }
}

@keyframes preload_two {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes preload_three {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}

@keyframes preload_four {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: 0; }
}