/* Owl Carousel Bootstrap Custom CSS */

/* Header Navigation */
#top-nav{
	border-bottom: 1px solid #e1e6dd;
	background: #FFF;
	-webkit-transform: translateZ(0)

}
#top-nav.navbar{
	margin-bottom: 0px;

}
#top-nav.navbar .nav{
	margin: 8px 0px;
}

#top-nav.navbar .nav > li > a {
	padding: 6px 12px;
	margin: 0px;
	text-transform: uppercase;
	font-weight: 400;

	-webkit-transition: background-color 200ms ease;
	-moz-transition: background-color 200ms ease;
	-o-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
}
#top-nav.navbar .nav > li > a.download{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#top-nav.navbar .nav > li > a.download-on{
	background-color: #ff8a3c;
	color: #ffffff;
}
#top-nav.navbar .nav > li > a.download-on:hover{
	color: #ffffff;
	background-color: #ff7920;
}
.btn-navbar span.icon-bar{
	margin-top: 0px;
}

/* Header  */

#header{
	background: #f1f1f1;
	padding: 100px 0 100px;
}
#header h1{
	color: #7fc242;
	margin-bottom: 10px;
	margin-top: 40px;
}
#header h3{
	margin-bottom: 30px;
	width: 400px;
}
#header .btn-success {
	padding: 15px 30px;
	margin-bottom: 5px;
}
#header .logo{
	display: block;
	margin-top:60px;
	float: right
}
img.arrow-down{
	margin: 0 auto;
	display: block;
}
h1{
	margin-top: 80px;
}

pre.pre-show{
	margin: 40px 0px;

}
.tab-content pre.pre-show{
	margin: 0px 0px 0px 0px;
}
.nav-tabs{
	margin-top: 20px;
	margin-bottom: 0px;

}
.tab-content{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;

}
/* Content */
.table th, .table td {
padding: 8px 12px;
}

/* Footer */

#footer{
	padding: 20px 0px;
	background: #f3f3f3;
	text-align: center
}
.twitter-share-button{
	top: 4px;
	position: relative;
}

/* Demo Slides */

#owl-example .item{
	padding: 30px 0px;
	margin: 10px;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
}
#owl-example .item img{
	width: auto;
	margin: 0 auto;
	display: block;
}
#owl-example .item h3{
	font-size: 28px;
	font-weight: 300;
	margin: 25px 0 0;
}
#owl-example .item h4{
	margin: 5px 0 0;
	font-size: 18px;
}
.item h1{
	margin: inherit;
}

.orange{
	background: #ff8a3c;
}
.darkCyan{
	background: #42bdc2;
}
.forestGreen{
	background: #7fc242;
}
.yellow {
	background: #ffd800;
}
.dodgerBlue {
	background: #388bd1;
}
.skyBlue {
	background: #a1def8;
}
.zombieGreen {
	background: #3fbf79;
}
.violet {
	background: #db6ac5;
}
.yellowLight {
	background: #fee664;
}
.steelGray {
	background: #cad3d0;
}

/* More Demo Box */

#example-info h1,
#more h1{
	margin-top: 40px;
}
.demos-row{
	margin-top: 30px;
	margin-bottom: 30px;
}
.demo-page{
	margin-top: 0px;
	margin-bottom: 100px;
}
.demo-box{
	display: block;
	background: #f3f3f3;
	text-align: center;
	font-size: 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.demo-box h3{
	padding-bottom:20px;
	margin: 0px;
	color: #869690;
}
.demo-box:hover{
	text-decoration: none;
}
.demo-wrapper{
	padding: 30px 0px 20px 0px;
	padding-left: 30px;
	padding-right: 30px;
}
.demo-slide {
	float: left;
}
.demo-slide .bg{
	background: #aebab6;
	margin-right: 1px;
	height: 100%;
}
.demo-box:hover .demo-slide .bg{
	background: #7fc242;
}
/* Images */
.demo-images .demo-slide{
	height: 40px;
	width: 33.3333333%;
}

/* Full */
.demo-full {
	padding-left: 0px;
	padding-right: 0px;
}
.demo-full .demo-slide{
	height: 40px;
	width: 25%;
}

/* Custom */
.demo-custom .demo-slide{
	height: 40px;
	width: 10%;
}
/* One */
.demo-one .demo-slide{
	height: 40px;
	width: 100%;
}

/* json */

.demo-Json .demo-slide {
	height: 40px;
	width: 20%;
}
.demo-Json-custom .demo-slide{
	height: 40px;
	width: 33.3333333%;
}
/* loading icon */

.demo-lazy .demo-slide{
	height: 40px;
	width: 33.3333333%;
}
.demo-lazy .demo-slide .bg{
background: url('../img/AjaxLoader.gif') no-repeat center center #aebab6;
}

/* Auto Height */
.demo-height .demo-slide{
	height: 40px;
	width: 100%;
}

/* Changelog  */
#changelog{
	margin-bottom: 40px;
}
#changelog .label{
	margin-bottom:10px;
}
#changelog .log{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #e1e6dd;
}
/* Faq */
#faq dt {
	line-height: 26px;
}
#faq dd{
	line-height: 22px;
	margin-bottom: 20px;
}
.mobile-resume {
	font-size: 16px;
}


/* Responsive Stuff */


@media (max-width: 979px) {
	.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
	padding: 0px;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
	position: fixed;
	}
}
@media (max-width: 768px) {
	.navbar.navbar-fixed-top{
		position: static;
	}
	.btn.btn-navbar{
		margin: 9px 20px 9px 8px;
		padding: 10px 10px;
	}
	.nav-collapse .nav > li{
		border-top: 1px solid #e1e6dd;
		text-align: center
	}
	#header .logo{
		margin-top:40px;
		margin: 20px auto 0px;
		float: none;
		height: 150px;
	}
	#header {
		text-align: center;
		padding: 60px 0px 30px;
	}
	#header h1{
		margin: 10px 0;
	}
	#header h3{
	margin-bottom: 10px;
	width: auto;
	padding: 0px 20px;
	}
	h1 {
		font-size: 38px;
		margin: 20px 0;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 16px;
	}
	h5 {
		font-size: 13px;
	}
	h6 {
		font-size: 12px;
	}

}


@media (max-width: 480px) {
	.navbar-fixed-top, .navbar-fixed-bottom {
	position: static;
	}
	#header {
		text-align: center;
		padding: 20px 0px 20px;
	}
	#header .logo{
		margin-top:0px;
	}

}

/*
NO MORE TABLES!! ;)
*/
@media (max-width: 767px) {

	.hp-table table, .hp-table thead, .hp-table .hp-table tbody, .hp-table th, .hp-table td, .hp-table tr {
		display: block;
	}
	.hp-table thead tr {
		display: none;
	}
	.hp-table tr { border: 0px solid #ccc; margin-bottom: 10px; }

	.hp-table td:before {
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	.hp-table td:nth-of-type(2):before {
		content: "Default:";
		font-weight: bold;
	}
	.hp-table td:nth-of-type(3):before {
		content: "Type:";
		font-weight: bold;
	}
	.hp-table td:nth-of-type(4):before {
		content: "Description:";
		font-weight: bold;
	}
}

/*!
 * Bootstrap Responsive v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;
  }
  .span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 470px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }
  .offset12 {
    margin-left: 1230px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset1 {
    margin-left: 130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.564102564102564%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
  .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
  .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  .row-fluid .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
  }
  .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
  .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }
  .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }
  .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }
  .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
  .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
  .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }
  .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
  .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  }
  .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }
  .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
  .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }
  .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 30px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 1156px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 1056px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 956px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 856px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 756px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 656px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 556px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 456px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 356px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 256px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 156px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 56px;
  }
  .thumbnails {
    margin-left: -30px;
  }
  .thumbnails > li {
    margin-left: 30px;
  }
  .row-fluid .thumbnails {
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.7624309392265194%;
    *margin-left: 2.709239449864817%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.7624309392265194%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.43646408839778%;
    *width: 91.38327259903608%;
  }
  .row-fluid .span10 {
    width: 82.87292817679558%;
    *width: 82.81973668743387%;
  }
  .row-fluid .span9 {
    width: 74.30939226519337%;
    *width: 74.25620077583166%;
  }
  .row-fluid .span8 {
    width: 65.74585635359117%;
    *width: 65.69266486422946%;
  }
  .row-fluid .span7 {
    width: 57.18232044198895%;
    *width: 57.12912895262725%;
  }
  .row-fluid .span6 {
    width: 48.61878453038674%;
    *width: 48.56559304102504%;
  }
  .row-fluid .span5 {
    width: 40.05524861878453%;
    *width: 40.00205712942283%;
  }
  .row-fluid .span4 {
    width: 31.491712707182323%;
    *width: 31.43852121782062%;
  }
  .row-fluid .span3 {
    width: 22.92817679558011%;
    *width: 22.87498530621841%;
  }
  .row-fluid .span2 {
    width: 14.3646408839779%;
    *width: 14.311449394616199%;
  }
  .row-fluid .span1 {
    width: 5.801104972375691%;
    *width: 5.747913483013988%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486187845304%;
    *margin-left: 105.41847889972962%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243093922652%;
    *margin-left: 102.6560479605031%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132596685082%;
    *margin-left: 96.8549429881274%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.1988950276243%;
    *margin-left: 94.09251204890089%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779005524862%;
    *margin-left: 88.2914070765252%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.6353591160221%;
    *margin-left: 85.52897613729868%;
  }
  .row-fluid .offset9 {
    margin-left: 79.8342541436464%;
    *margin-left: 79.72787116492299%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.07182320441989%;
    *margin-left: 76.96544022569647%;
  }
  .row-fluid .offset8 {
    margin-left: 71.2707182320442%;
    *margin-left: 71.16433525332079%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729281768%;
    *margin-left: 68.40190431409427%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232044199%;
    *margin-left: 62.600799341718584%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138121547%;
    *margin-left: 59.838368402492065%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364640883978%;
    *margin-left: 54.037263430116376%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121546961326%;
    *margin-left: 51.27483249088986%;
  }
  .row-fluid .offset5 {
    margin-left: 45.58011049723757%;
    *margin-left: 45.47372751851417%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767955801105%;
    *margin-left: 42.71129657928765%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657458563536%;
    *margin-left: 36.91019160691196%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414364640884%;
    *margin-left: 34.14776066768544%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867403315%;
    *margin-left: 28.346655695309746%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773480663%;
    *margin-left: 25.584224756083227%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276243094%;
    *margin-left: 19.783119783707537%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182320442%;
    *margin-left: 17.02068884448102%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685082873%;
    *margin-left: 11.219583872105325%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591160221%;
    *margin-left: 8.457152932878806%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 648px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 586px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 152px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  }
}
@media (max-width: 767px) {
  body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-left: -20px;
    margin-right: -20px;
  }
  .container-fluid {
    padding: 0;
  }
  .dl-horizontal dt {
    float: none;
    clear: none;
    width: auto;
    text-align: left;
  }
  .dl-horizontal dd {
    margin-left: 0;
  }
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }
  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0;
  }
  .modal {
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    margin: 0;
  }
  .modal.fade {
    top: -100px;
  }
  .modal.fade.in {
    top: 20px;
  }
}
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 20px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
  .media .pull-left,
  .media .pull-right {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
  .media-object {
    margin-right: 0;
    margin-left: 0;
  }
  .modal {
    top: 10px;
    left: 10px;
    right: 10px;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
}
@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .nav > li > a:focus,
  .nav-collapse .dropdown-menu a:hover,
  .nav-collapse .dropdown-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    margin-top: 5px;
    padding: 0;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: none;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}

/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

/*spinkit for menu and others*/
h1{font-style:normal;font-size:45px;font-weight:normal;vertical-align:baseline;margin:0;padding:0}a{color:#c44736}a:hover{color:#b84336}.clear{color:inherit;text-decoration:inherit}.clear:hover{color:inherit}p{margin-bottom:2em}.site-name{font-size:13px;text-transform:uppercase;letter-spacing:0.26em;font-weight:700;padding-top:20px;text-align:center;font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif}@media all and (max-width: 5500px){.site-name{font-size:12px}}.site-name-blog{padding-top:30px}.site-name-link{text-decoration:none;transition:color 0.2s ease-in-out;transform:translateZ(0);position:relative}.site-name-link::before{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:#b84336;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition:all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s}.site-name-link:hover::before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}.site-name-link-white{color:#fff}.site-name-link-white:hover{color:#fff}.site-name-link-white::before{background-color:#fff}.site-name-link-parent{color:#333}.site-name-link-parent:hover{color:#000}.site-name-link-parent::before{background-color:#000}.site-name-link-parent-inverted{color:#ccc}.site-name-link-parent-inverted:hover{color:#fff}.site-name-link-parent-inverted::before{background-color:#fff}.ampersand{font-family:Baskerville, "EB Garamond", serif;font-style:italic}.button-image-overlay{position:absolute;top:0;right:20px;padding:17px 20px;background-color:#000;color:#fff;font-size:13px;transform-origin:0 0;will-change:transform, opacity;transform:scaleY(0) translateZ(0);transition:transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif}.footer{font-size:14px;line-height:1.9em;max-width:550px;padding:130px 20px 40px;margin:0 auto;background:url(/images/profile@2x.jpg) center 0/110px 110px no-repeat;text-align:center}@media all and (max-width: 600px){.footer{font-size:13px}}@media all and (max-width: 500px){.footer{font-size:12px}}.footer-wrapper{overflow:hidden}.menu{position:absolute;top:23px;left:23px;z-index:1003;outline:none;-webkit-tap-highlight-color:transparent;width:23px;padding:10px 10px}.menu-icon-line{display:block;height:2px;width:100%;background-color:#a5acbc;margin-bottom:4px;border-radius:2px;-webkit-transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s,opacity 0.1s ease-in-out 0.1s;transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s,opacity 0.1s ease-in-out 0.1s;transform:translateZ(0)}.menu:hover>.menu-icon-line{background-color:#8591ac;-webkit-transform:scaleX(1.1);transform:scaleX(1.1)}.menu-active>.menu-icon-line-1,.menu-active:hover>.menu-icon-line-1{-webkit-transform:translateY(6px) rotateZ(-135deg);transform:translateY(6px) rotateZ(-135deg);background-color:#fff}.menu-active>.menu-icon-line-2,.menu-active:hover>.menu-icon-line-2{opacity:0;background-color:#fff}.menu-active>.menu-icon-line-3,.menu-active:hover>.menu-icon-line-3{-webkit-transform:translateY(-6px) rotateZ(135deg);transform:translateY(-6px) rotateZ(135deg);background-color:#fff}.blog-header>.menu{top:27px}.menu-animated-background{position:absolute;top:-358px;left:-358px;width:800px;height:800px;background-color:#000000;border-radius:50%;pointer-events:none;-webkit-transform:scale(0, 0);transform:scale(0, 0);z-index:1001}.menu-animation-wrapper{overflow:hidden;position:fixed;width:100%;height:100%;z-index:1000;top:0;pointer-events:none}.nav{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1002;text-align:center;font-size:42px;font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-weight:bold;opacity:0;color:#000000;pointer-events:none;background-color:#FFFFFF;overflow:hidden}.nav-active{pointer-events:initial}.nav-content{width:620px;max-width:100%;margin:40px auto;margin-top:18vh;padding:0 60px;box-sizing:border-box}@media all and (max-width: 600px){.nav-content{padding-right:20px;padding-left:20px;font-size:32px}}@media all and (max-height: 720px){.nav-content{margin-top:15vh;font-size:32px}}@media all and (max-height: 600px){.nav-content{margin-top:10vh}}@media all and (max-height: 500px){.nav-content{margin-top:6vh}}.nav-header{width:100%;margin:0 auto;font-size:11px;text-transform:uppercase;letter-spacing:0.4em;font-weight:bold;position:relative}.nav-header-line{display:block;height:2px;width:100%;z-index:-1;background-color:#fff;position:absolute;top:12px;-webkit-transform:scaleX(.3);transform:scaleX(.3)}.nav-header-text{padding:0 10px;background-color:inherit;z-index:1;position:relative;background-color:#000000}.nav-categories{padding:20px 0 30px;list-style-type:none;overflow:hidden;margin:0 auto;-webkit-transform:translateZ(0);transform:translateZ(0)}.nav-category{padding:0;position:relative;display:block}.nav-link{display:inline-block;color:inherit;padding:27px 20px 30px;letter-spacing:1px;text-decoration:none;-webkit-transition:color 0.25s ease-in-out;transition:color 0.25s ease-in-out;-webkit-transform:translateZ(0);transform:translateZ(0)}.nav-link:hover{color:#566871}.nav-link:hover::after{-webkit-transform:scaleY(1);transform:scaleY(1)}.nav-link::after{content:"";background-color:#fff;width:100%;height:100%;position:absolute;bottom:0;left:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;z-index:-1}@media all and (max-height: 720px){.nav-link{padding-top:20px;padding-bottom:20px}}@media all and (max-height: 550px){.nav-link{padding-top:15px;padding-bottom:15px}}@media all and (max-height: 450px){.nav-link{padding-top:10px;padding-bottom:10px}}.nav-sublinks{font-size:0.45em;color:#80bece;padding-top:30px;padding-bottom:30px;border-top:2px solid #3e6c78;border-bottom:2px solid #3e6c78;width:100%;text-align:center}@media all and (max-height: 550px){.nav-sublinks{padding-top:20px;padding-bottom:20px}}@media all and (max-height: 450px){.nav-sublinks{padding-top:10px;padding-bottom:10px}}.nav-sublink{color:inherit;text-decoration:none;display:inline-block;padding:10px 0;width:32%}.nav-sublink:hover{color:#3e6c78}.nav-sublink::after{background-color:#80bece}.rss-icon{width:0.7em;height:0.7em;fill:currentColor;margin-right:0.25em}.no-scroll{overflow:hidden;position:fixed;height:100%;width:100%}.menu-white .menu-icon-line,.menu-white:hover .menu-icon-line{background-color:#fff}.carbon-img{display:block}.carbon-text{display:block;width:130px;padding:2px 0 8px;font-size:12px}.carbon-poweredby{font-size:75%}#carbonads{max-width:400px;padding:10px;background-color:rgba(255,255,255,0.2);border-radius:4px;position:fixed;bottom:5px;right:5px;line-height:1.4em;z-index:20}html{height:100%;}body{line-height:1.5em;text-align:center;height:100%;position:relative;-webkit-transition:background-color 0.6s ease-in-out 0s;transition:background-color 0.6s ease-in-out 0s}.menu{transform:translateZ(100px);top:10px;left:10px}.nav{transform:translateZ(100px)}.active2,.active10{background-color:#2c3e50}.active3,.active11{background-color:#1abc9c}.active4{background-color:#2980b9}.active5{background-color:#7f8c8d}.active6{background-color:#ffcb65}.active7{background-color:#d35400}.active8{background-color:#27ae60}a{color:inherit;text-decoration:none}a:hover{color:inherit}#preview-area{width:60px;height:60px;position:absolute;top:0;left:0;bottom:60px;right:0;margin:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#spinners{width:1400px;height:60px;padding:0;margin:0;list-style:none;text-align:left;font-size:0;-webkit-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}.active2 #spinners{-webkit-transform:translateX(-100px);transform:translateX(-100px)}.active3 #spinners{-webkit-transform:translateX(-200px);transform:translateX(-200px)}.active4 #spinners{-webkit-transform:translateX(-300px);transform:translateX(-300px)}.active5 #spinners{-webkit-transform:translateX(-400px);transform:translateX(-400px)}.active6 #spinners{-webkit-transform:translateX(-500px);transform:translateX(-500px)}.active7 #spinners{-webkit-transform:translateX(-600px);transform:translateX(-600px)}.active8 #spinners{-webkit-transform:translateX(-700px);transform:translateX(-700px)}.active9 #spinners{-webkit-transform:translateX(-800px);transform:translateX(-800px)}.active10 #spinners{-webkit-transform:translateX(-900px);transform:translateX(-900px)}.active11 #spinners{-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}#spinners li{height:60px;width:60px;right:0;left:0;z-index:10;opacity:0;margin-right:40px;display:inline-block;position:relative;-webkit-transition:all 0.3s ease-in-out 0;transition:all 0.3s ease-in-out 0}#spinners .selected{opacity:1}.navigation-arrow{position:absolute;top:0;bottom:70px;width:28px;height:42px;margin:auto 0;z-index:1000;cursor:pointer;padding:20px 10px;-webkit-transition:all 0.25s ease-in-out 0s;transition:all 0.25s ease-in-out 0s}#prev{left:10px;-webkit-transform:rotateZ(180deg) scale(0.8);transform:rotateZ(180deg) scale(0.8)}.active1 #prev,.active11 #next{opacity:0;pointer-events:none}#next{right:10px;-webkit-transform:scale(0.8);transform:scale(0.8)}#next:hover{-webkit-transform:scale(1);transform:scale(1)}#prev:hover{-webkit-transform:scale(1) rotateZ(180deg);transform:scale(1) rotateZ(180deg)}.sk-source-link{font-weight:300;font-size:16px;padding:5px 7px;display:inline-block;margin:15px 0 0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s}.code{position:absolute;top:5px;left:-18px}.code img{border:0}.code img:first-child{margin-right:2px;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}footer{position:absolute;bottom:0;left:0;right:0;line-height:60px}.profile-link{position:absolute;left:15px;bottom:14px;height:60px;padding-left:55px;background:url(/images/spinners/profile@2x.png) 0 center no-repeat;background-size:50px 50px;z-index:100}.view-on-github{position:absolute;line-height:60px;right:25px;top:0;height:60px;z-index:100;padding-left:27px;background:url(/images/spinners/github@2x.png) 0 center no-repeat;background-size:20px 20px}.underline{display:block;position:relative;padding:0;width:100%;height:2px;bottom:35%;right:0;background-color:#fff;-webkit-transition:all 0.25s ease-in-out 0s;transition:all 0.25s ease-in-out 0s;-webkit-transform:scaleX(0);transform:scaleX(0)}a:hover .underline{-webkit-transform:scaleX(1);transform:scaleX(1)}.pagination{width:100%;bottom:7px;left:0;right:0;padding:0;margin:0;position:absolute;font-size:0;height:60px;z-index:10}.pagination li{display:inline-block;margin:0;padding:0}.pagination a{display:block;padding:15px 4px}.pagination span{display:block;width:15px;height:15px;background-color:#fff;border-radius:100%;opacity:0.6;-webkit-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s;-webkit-transform:scale(0.6);transform:scale(0.6)}.pagination a:hover span{opacity:1;-webkit-transform:scale(0.8);transform:scale(0.8)}.pagination a.selected span{opacity:1;-webkit-transform:scale(1);transform:scale(1)}#source-frame>ul{position:absolute;top:0;left:0;bottom:0;right:0;margin:0;padding:0;list-style:none;background-color:rgba(0,0,0,0.3);z-index:1100;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s ease-in-out 0s;transition:opacity 0.4s ease-in-out 0s}#source-frame.visible>ul{opacity:1;visibility:visible}#source-frame li{position:absolute;height:80%;width:94%;max-width:980px;top:0;bottom:0;left:0;right:0;margin:auto;z-index:1200;opacity:0;visibility:hidden;-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;-webkit-transform:scale(0.2);transform:scale(0.2)}#source-frame.visible .visible{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1)}#source-frame li::after{z-index:1300;content:"HTML";position:absolute;top:10px;right:10px;font-size:16px;font-weight:300;background-color:#ddd;padding:2px 4px;border-radius:3px}#source-frame li::before{z-index:1300;content:"CSS";position:absolute;top:110px;right:10px;font-size:16px;font-weight:300;background-color:#ddd;padding:2px 4px;border-radius:3px}#source-frame textarea{width:100%;height:74%;margin:0;border:0;display:block;padding:20px 0 20px 20px;box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;cursor:text;font:14px Consolas, "Courier New", Courier, monospace;outline:0;resize:none;border-radius:0}#source-frame .html-code{height:100px;border-bottom:1px solid #eee;border-top-left-radius:5px;border-top-right-radius:5px}#source-frame .css-code{border-bottom-left-radius:5px;border-bottom-right-radius:5px}#source-frame textarea:hover{background-color:#fcfcfc}@media (max-width: 650px){.pagination{display:none}.additional-info{display:none}.sk-source-link{margin-top:7px}.view-on-github{height:44px;line-height:44px;right:10px}}@media (max-width: 400px){#carbonads{display:none}#source-frame textarea{font-size:13px}}.rotating-plane{display:block;width:100%;height:100%;background-color:#fff;margin:0 auto;-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes rotateplane{0%{-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:0.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2.0s infinite ease-in-out;animation:bounce 2.0s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}@-webkit-keyframes bounce{0%, 100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes bounce{0%, 100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.rectangle-bounce{text-align:center}.rectangle-bounce div{height:100%;width:7px;margin:0 3px 0 0;background-color:#fff;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}.rectangle-bounce .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.rectangle-bounce .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.rectangle-bounce .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.rectangle-bounce .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}@-webkit-keyframes stretchdelay{0%, 40%, 100%{-webkit-transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%, 40%, 100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}.cube1,.cube2{width:16px;height:16px;background-color:#fff;position:absolute;top:0;left:0;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}.cube2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes cubemove{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)}100%{-webkit-transform:rotate(-360deg)}}@keyframes cubemove{25%{transform:translateX(42px) rotate(-90deg) scale(0.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)}50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}#spinners .chasing-dots{position:relative;text-align:center;margin-right:30px;-webkit-animation:rotate 2.0s infinite linear;animation:rotate 2.0s infinite linear}.chasing-dots .dot1,.chasing-dots .dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#fff;border-radius:100%;-webkit-animation:bounce 2.0s infinite ease-in-out;animation:bounce 2.0s infinite ease-in-out}.chasing-dots .dot2{top:auto;bottom:0;-webkit-animation-delay:-1.0s;animation-delay:-1.0s}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}.pulse{width:100%;height:100%;border-radius:40px;background-color:#fff;-webkit-animation:scaleout 1.0s infinite ease-in-out;animation:scaleout 1.0s infinite ease-in-out}@-webkit-keyframes scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}#spinners .three-bounce{text-align:center;font-size:26px;position:relative;top:-26px;width:80px;margin-right:30px}.three-bounce>div{display:inline-block;width:18px;height:18px;border-radius:100%;background-color:#fff;-webkit-animation:bouncedelay 1.4s infinite ease-in-out both;animation:bouncedelay 1.4s infinite ease-in-out both}.three-bounce .one{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.three-bounce .two{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes bouncedelay{0%, 80%, 100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%, 80%, 100%{-webkit-transform:scale(0);transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes sk-circleBounceDelay{0%, 80%, 100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%, 80%, 100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:#fff;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:0.2s;animation-delay:0.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:0.3s;animation-delay:0.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:0.4s;animation-delay:0.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:0.1s;animation-delay:0.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:0.2s;animation-delay:0.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:0.3s;animation-delay:0.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s}.sk-cube-grid .sk-cube8{-webkit-animation-delay:0.1s;animation-delay:0.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:0.2s;animation-delay:0.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%, 70%, 100%{-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}35%{-webkit-transform:scale3D(0, 0, 1);transform:scale3D(0, 0, 1)}}@keyframes sk-cubeGridScaleDelay{0%, 70%, 100%{-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}35%{-webkit-transform:scale3D(0, 0, 1);transform:scale3D(0, 0, 1)}}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes sk-circleFadeDelay{0%, 39%, 100%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%, 39%, 100%{opacity:0}40%{opacity:1}}.sk-folding-cube{position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:0.3s;animation-delay:0.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:0.6s;animation-delay:0.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:0.9s;animation-delay:0.9s}@-webkit-keyframes sk-foldCubeAngle{0%, 10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%, 75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}90%, 100%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%, 10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%, 75%{-webkit-transform:perspective(140px) rotateX(0deg);transform:perspective(140px) rotateX(0deg);opacity:1}90%, 100%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}
/*end spinkit for menu and others*/

/*Styles css*/
body { background : #fff; font-family : arial; font-size : 12px; padding : 4px; margin : 0; }
.wrapper { padding : 5px; margin-top: -15px;}

.header { height : 60px; margin : 0 0 5px 0; }
.header .left { background : url(../images/left.png) no-repeat 0 0; height : 76px; width : 5px; }
.header .right { background : url(../images/right.png) no-repeat 0 0; height : 76px; width : 5px; }
.header .content { background : #fff; }
.header .content .logo { display : block; width : 164px; margin : 0 auto; }

.cautare { height : 44px; margin : 0 0 5px 0; }
.cautare .left { background : url(../images/left_m.png) no-repeat 0 0; height : 44px; width : 5px; }
.cautare .right { background : url(../images/right_m.png) no-repeat 0 0; height : 44px; width : 5px; }
.cautare .content { background : #fff; }
.cautare .content .btncauta { width : 80px; cursor : pointer; background : #81a63b url(../images/cauta.jpg) no-repeat 0 0;; color : #fff; border : none; height : 31px; }
.cautare .content .query { font-size : medium; width : 68%; height : 29px; border : 1px solid #b6b7b5; padding : 0 5px; margin : 0 auto; border-radius: 5px;}

.slot { height : 76px; margin : 0 0 5px 0; }
.slot .left { background : url(../images/left_s.png) no-repeat 0 0; height : 129px; width : 10px; }
.slot .right { background : url(../images/right_s.png) no-repeat 0 0; height : 129px; width : 10px; }
.slot .content { border : 1px solid #c53d2b; background : #fff; padding : 8px; }
.slot .content h2 { color : #c02f1a; margin : 0 0 5px 0; }
.slot .content h1 { color : #81a63b; margin : 0 0 5px 0; line-height : 22px; }
.slot .content h1 a { font-size : 18px; color : #81a63b; text-decoration : none; }
.slot .content h1 a:hover { text-decoration : underline; }
.slot .content a.citeste { display : block; color : #d34108; margin : 0; height : 22px; line-height : 22px; width : 120px; text-align : left; }
.slot .content img.mainimage { border : 3px solid #d3d3d3; margin : 10px auto; display : block;     height: auto; width: 100%;}

.slot .contentDetalii { color : #595959; font-size: 16px;}
.slot .contentDetalii h1 { line-height : 22px; }
.slot .contentDetalii h3 { color : #c02e19; margin : 0 0 10px 0; }
.slot .contentDetalii p.info { color : #474747; font-size : 12px; margin : 0; }
.slot .contentDetalii p { margin : 0 0 10px 0; }
.slot .contentDetalii ul li a { color : #c02e19; }
.slot .contentDetalii ul li a:hover { color : #6b180c; }

.rowtab { height : 39px; margin : 0 0 5px 0; }
.rowtab .leftT { height : 39px; padding : 0 10px 0 0; }
.rowtab .tab .left { background : url(/templates/mobile/images/left_t.png) no-repeat 0 0; height : 39px; width : 5px; }
.rowtab .tab .right { background : url(/templates/mobile/images/right_t.png) no-repeat 0 0; height : 39px; width : 5px; }
.rowtab .tab .content { background : url(/templates/mobile/images/tab.jpg) repeat-x 0 0; height : 39px; }
.rowtab .tab .content a { display : block; color : #ffffff; text-align : center; text-decoration : none; }

.retete ul { margin : 0; padding : 0; }
.retete ul li { list-style : none; margin : 0; padding : 0; }
.retete ul li a { color : #c02f1a; }

.paginator { width : 120px; text-align : center; padding : 0; margin : 0 auto; display : block; height : 22px; line-height : 22px; }
.paginator li { display : inline; }
.paginator li a { display : block; float : left; width : 20px; text-align : center; text-decoration : none; color : #c02f1a; font-weight : bold; }
.paginator li a:hover { color : #550d02; }

.copyright { color : #6e9d16; text-transform : uppercase; }
.hr { height : 1px; position : relative; overflow : hidden; background : #a2b194; margin : 10px 0; }
h2 { color : #c02f1a; margin : 0 0 5px 0; }

h1.categorie { background : #c1301b; color : #fff; padding : 5px 10px; margin : 0; }

.clearfloat {
	clear		: both;
    height		: 0;
    font-size	: 1px;
    line-height : 0px;
}

div.reteta{
	background:none repeat scroll 0 0 #81A63B;
	margin-bottom:1px;
}
div.reteta img{
	float:left;
	padding:5px 5px 5px 5px;
}

div.reteta h2 { color : #000; margin : 0 0 5px 0; line-height : 16px; padding-bottom:2px; padding-top:2px;}
div.reteta h2 a { font-size : 14px; color : #000; text-decoration : none; }
div.reteta h2 a:hover { text-decoration : underline; }
div.reteta span {color:#C02F1A;}

div.comentariu {border-bottom:1px dashed;padding:5px 20px 10px 5px;}
div.comentariu span.head {color : #7FC216;}
div.comentariu span.content {color : #606060;}

/*cele main noi*/
.cele_mai_noi{max-width: 100%;background-color:#fff;}
.cele_header{background-color:#cc3c26;height:40px;font-size:18px;font-family: 'Open Sans';padding-left: 15px;line-height:40px;color:#fff;}
.cele_box{border:1px solid #eee;padding:10px;border-top:0px;}
.cele_titlu{font-family: 'Open Sans';padding-bottom:10px;font-size:24px;font-weight: 700;color:#222}
.cele_titlu a{text-decoration:none;color:#222}
.cele_titlu a:hover{text-decoration:none;color:#749C16}
.suta{width:100%;height:auto}
.cele_foto{margin-bottom:10px;}
.cele_text{font-size:14px;color:#222;line-height:1.3em;font-family: 'Open Sans'}
.cele_text p{margin:0;padding:0;}
.cele_text a{text-decoration:none;color:#cc3c26}
.clear{clear:both}
.slot .social-ranks {
    padding-top: 12px;
    padding-bottom: 10px;
    border-top: 1px solid #ebe7e0;
    margin-top: 12px;
    border-bottom: 1px solid #ebe7e0;
    margin-bottom: 10px;
}
.slot .social-ranks a {
    padding-left: 17px;
    background: url(/templates/mobile/images/icons/social-ranks_Bucataras.png) 0 1px no-repeat;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #b1afaa;
    text-decoration: none;
    margin-right: 20px;
}
.slot .social-ranks a.stars {
    background-position: -71px 1px;
}
.slot .social-ranks a.comms {
    background-position: -144px 1px;
}
.slot .more-end {
    width: 300px;
}
div.casetaDetaliiReteta div.header {
    position    : relative;
    height: 50px;
}

div.caseta {
    margin: 0 0 10px 0;
}

div.caseta h1 {
    color: #d34108;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    height: 45px;
    line-height: 45px;
    margin: 0 0 7px 0;
}

div.caseta h1 b {
    border-bottom: 1px solid #d34108;
    display: block;
    height: 35px;
}

div.caseta div.header img {
    float: left;
    background: #fff;
}

.facebook-login {
    margin-left: 10px;
    width: 100%;
}

.facebook-login .facebook {
    margin-right: 4%;
    background-color: #3b5998;
    font-family: 'Raleway', sans-serif;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    line-height: 1.1;
    font-weight: bold;
    padding: 12px 10px 11px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
    vertical-align: baseline;
}

.facebook-login .google{
    font-family: 'Raleway', sans-serif;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    line-height: 1.1;
    font-weight: bold;
    padding: 12px 10px 11px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 2%;
    vertical-align: baseline;
    background-color: #e04a31;
    margin-top: 10px;
}

div.casetaForm form h3, div.casetaForm form div label {
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 5px 0;
}

div.casetaFormAddReteta form {
    margin-left: 10px;
    width: 100%;
}

div.casetaFormAddReteta form div {
    margin-bottom: 10px;
}

div.casetaFormAddReteta form input[type="text"], input[type="password"] {
    width: 80%;
}

.boxCheck {
    width: 80%;
}

a.buttonr span.left {
    background: url(/templates/default/images/btnr_corner_l.png) no-repeat left top;
    width: 4px;
    height: 21px;
    display: block;
    float: left;
}

a.buttonr:link span.content, a.buttonr span.content {
    background: url(/templates/default/images/btnr_content.png) repeat-x center top;
    float: left;
    padding: 0 6px 0 6px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    font-size: 9px;
    color: #FFFFFF;
}

a.buttonr span.right {
    background: url(/templates/default/images/btnr_corner_r.png) no-repeat right top;
    width: 4px;
    height: 21px;
    display: block;
    float: left;
}

div.error {
    display: block;
    padding: 10px 10px;
    margin: 15px 0px 15px 10px;
    color: #fff;
    border: 1px solid #f5f5f5;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    background: #d34108;
    height: 100%;
    width: 80%;
}

div.info {
    display: block;
    padding: 5px;
    color: #fff;
    border: 1px solid #f5f5f5;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    background: #d34108;
    height: 100%;
    width: 97%;
    background: #ebb934;
}

.username {
    color: #81ae18;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    float: left;
    display: inline-block;
}

.username span {
    font-weight: 400;
}

.login-logout a {
    color: #81ae18 !important;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    float: right;
    display: inline-block;
    text-decoration: none;
}

.float-left {
    float: left !important;
}
/*End styles css*/
/*extend css*/
.main-avt {
    width: 40%;
    display: inline-block;
    float: left;
}

.avt-character {
    width: 60%;
    display: inline;
    float: left;
}

.icon-rank {
    background:url('/templates/mobile/images/vcomm/v2/pro-rank.svg') 0 0 no-repeat;
    width:60px;
    height:44px;
    font-size:26px;
    color:#6a9b00;
    text-align:center;
    font-weight:600;
    margin-top:3px;
    margin-right: auto;
    margin-left: auto;
}

.icon-rank p {
    padding-top: 6px;
}

.w700 {
    font-weight: 700;
}

.f16 {
    font-size: 13px;
}

.pro-rank p {
    margin-top: 7px !important;
}

.pro-personale .pro-localitate {
    display: block;
    margin-top: 4px;
    background: url(/templates/mobile/images/vcomm/v2/pro-localitate.svg) 0px 0px no-repeat;
    text-align: left;
}

.pro-localitate strong {
    margin-left: 25px;
}

.pro-personale .pro-since  {
    display: block;
    margin-top: 4px;
    background: url(/templates/mobile/images/vcomm/v2/pro-membru.svg) 0px 0px no-repeat;
    text-align: left;
}

.pro-since span {
    margin-left: 25px;
}

.pro-since strong {
    margin-left: 25px;
}

#file_uploadUploader {
    background: url('/templates/default/images/vcomm/select_btn.png') no-repeat;
    margin:0px;
    float:left;
    height: 24px;
    width: 86px;
}

.uploadifyQueueItem {
    background-color: #F5F5F5;
    border: 2px solid #E5E5E5;
    font: 11px Verdana, Geneva, sans-serif;
    margin-top: 5px;
    padding: 10px;
    width: 300px;
}

.uploadifyError {
    background-color: #FDE5DD !important;
    border: 2px solid #FBCBBC !important;
}
.uploadifyQueueItem .cancel {
    float: right;
}
.uploadifyQueue .completed {
    background-color: #E5E5E5;
}
.uploadifyProgress {
    background-color: #E5E5E5;
    margin-top: 10px;
    width: 100%;
}
.uploadifyProgressBar {
    background-color: #0099FF;
    height: 3px;
    width: 1px;
}

.profile-dashboard h2 {
    color: #81af17;
}

.data-user .number {
    font-size: 20px;
    line-height: 28px;
}

.width-33 {
    width: 33.3333333%;
    float: left;
    display: block;
    text-align: center;
}

.img-width-90 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.post-form-avatar {
    width: 100%;
    min-height: 80px;
}

.post-form-avatar form textarea {
    height: 45px !important;
    overflow: hidden;
    color: rgb(123, 123, 123);
    float: left;
    margin-left: 10px;
    width: 75%;
    border: none;
    resize: none;
}

.post-form-avatar .button-submit-post {
    width: 100%;
}

.post-form-avatar .picture-textarea {
    width: 100%;
    min-height: 45px;
    background-color: #FFFFFF;
}

.vcomm-links {
    width: 98%;
    min-height: 15px;
    text-align: left;
    margin-left: 2%;
}

.width-25 {
    width: 25%;
    float: left;
}

.emotepage {
    width: 95% !important;
}

#wall {
    background-color: #FFFFFF;
    width: 100%;
}

.small-avatar-image {
    float: left;
    margin-left: 10px;
}

.avatar-image {
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 3px 3px rgba(212,212,212,0.48);
    -moz-box-shadow: 0px 0px 3px 3px rgba(212,212,212,0.48);
    box-shadow: 0px 0px 3px 3px rgba(212,212,212,0.48);
}

.element-full {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 10px solid #DDDFE2;
    position: relative;
}

.element-full ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comm-first-part {
    width: 100%;
    min-height: 45px;
}

.vcomm-title-author {
    float: left;
    margin-left: 10px;
    font-size: 16px;
    color: #0054a6;
    text-align: left;
}

.comm-description {
    float: left;
    width: 97%;
    text-align: left;
    margin-left: 10px;
    font-size: 14px;
    padding-bottom: 10px;
    word-wrap: break-word;
    word-break: break-all;
}

.vcomm-links .vcomm-link {
    background: url(/templates/mobile/images/vcomm/links_delimit.png) left center no-repeat transparent;
    padding-left: 10px;
    margin-left: 5px;
    color: #6899CE;
    font-weight: bold;
}

.color-grey {
    color: #8B8B8B !important;
}

.vcomm-options {
    width: 23px;
    height: 23px;
    position: absolute;
    right: 6px;
    top: 10px;
    z-index: 10;
}

.vcomm-options:hover > li > a {
    background-color: #fff;
    border: 1px solid #dbd1ca;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 1px solid #fff;
}

.vcomm-comment-el .vcomm-close {
    position: absolute;
    background: url(/templates/mobile/images/vcomm/close_btn3.svg) center center no-repeat transparent;
    width: 23px;
    height: 23px;
    top: 0px;
    right: 0px;
    color: #0054A6;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial;
}

.element-full .vcomm-options ul {
    z-index: 100;
    width: 100px;
    position: absolute;
    padding: 5px 10px;
    top: 27px;
    right: 0px;
    background: url(../images/vcomm/options_bg.png) left bottom repeat-x #fff;
    border: 1px solid #dbd1ca;
    display: none;
}

.element-full .vcomm-options li:hover ul {
    display: block;
}

.vcomm-comment-right p {
    margin-bottom: 1em;
}

.first-child {
    background: none !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.title-article {
    width: 96%;
    text-align: left;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 18px;
}

.comm-description-article {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    text-align: left;
    font-size: 14px;
}

.space10 {
    height: 10px;
}

.suta object {
    width: 100% !important;
}

.suta embed {
    width: 100% !important;
}

.vcomm-share iframe {
    width: 100% !important;
    height: 250px;
}

.vcomm-share-img {
    max-width: 100px;
    margin-right: 10px;
}

.space5 {
    height: 5px !important;
}

.vcomm-title-author .date {
    font-size: 12px;
}

#wy-share-action {
    border-bottom: 2px solid #DDDFE2;
    min-height: 85px;
    height: auto;
}

.vcomm-link-attach {
    margin-top: 2px;
    width: 100%;
    border-left: none;
    border-right: none;
    border-top: 1px solid #DDDFE2;
    border-bottom: 1px solid #DDDFE2;
    padding: 5px;
}

.vcomm-submit {
    margin-top: 10px;
    margin-right: 10px;
    color: #FFFFFF;
    background-color: #81af17;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    border: none;
    margin-bottom: 10px;
}

.float-right {
    float: right;
}

.vcomm-single-comment {
    width: 100%;
}

.text-align-left {
    text-align: left;
}

.avatar-image-comm {
    float: left;
    margin-right: 10px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 3px 3px rgba(212,212,212,0.48);
    -moz-box-shadow: 0px 0px 3px 3px rgba(212,212,212,0.48);
    box-shadow: 0px 0px 3px 3px rgba(212,212,212,0.48);
}

.whithout-margin {
    margin: 0px !important;
}

.vcomm-single-comment .vcomm-single-right {
    padding-right: 10px;
}

.vcomm-single-comment {
    position: relative;
    margin: 5px 0;
    padding: 6px;
    background-color: #f9f7f4;
    width: 95%;
}

.vcomm-comment-delete {
    position: absolute;
    top: 5px;
    right: 5px;
}

.vcomm-comment-edit {
    position: absolute;
    top: 5px;
    right: 25px;
}

.vcomm-single-left {
    text-align: left;
}

.wy-popup {
    display: none;
    width: 92%;
}

.sharepopup {
    position: absolute;
    z-index: 9999;
    background: #ccc;
    background: rgba(106,155,0,0.8);
    -moz-border-radius: 8px 8px 8px 8px;
    left: 3%;
    /* margin-left: -390px; */
    padding: 1%;
}

.sharemain {
    background: #fff;
    padding: 15px;
    margin: 0 auto;
}

.sharetitle {
    color: #492E13;
    font-family: Arial;
    font-size: 12px;
}

.popspacer {
    background: none repeat scroll 0 0 #CCCCCC;
    height: 1px;
    margin: 10px 0 13px;
}

.popup-button-orange {
    background: #6a9b00;
    border: 1px solid #618e00;
    color: #fff;
    font-size: 11px;
    text-shadow: 0 1px #618e00;
    padding: 3px 10px 3px 8px;
    border-radius: 4px 4px 4px 4px;
    position: relative;
}

.popup-button-white {
    background: url(/templates/default/images/vcomm/button_white_bg.png) repeat-x scroll left bottom #FAA63F;
    border: 1px solid #DBD1CA;
    color: #0054A6;
    font-size: 11px;
    padding: 3px 10px 3px 8px;
    text-shadow: none;
    border-radius: 4px 4px 4px 4px;
    position: relative;
}

.show-comments {
    color: #6899CE;
}

.show-who-liked-post {
    height: 252px;
    overflow-y: scroll;
    font-size: 14px;
    text-align: left;
    color: #0054AA;
}

.vcomm-prieteni {
    width: 100%;
}

.prieteni-search {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
}

#wy-friends {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
}

#wy-friends-search {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
}

.v2-left {
    float: left;
}

.vcomm-picture-user {
    width: 70%;
    float: left;
    min-width: 178px;
}

.vcomm-button-white {
    color: #0054a6;
    font-size: 11px;
    text-shadow: none;
    background: url(/templates/mobile/images/vcomm/button_white_bg.png) left bottom repeat-x;
    border: 1px solid #dbd1ca;
    padding: 3px 10px 6px 8px;
    border-radius: 4px;
    margin-left: 5px;
}

.friends-buttons {
    width: 30%;
    float: left;
}

.space20 {
    height: 20px !important;
}

.vcomm-title-inbox {
    width: 50%;
    float: left;
    font-size: 14px;
    max-width: 130px;
    font-weight: bold;
}

.vcomm-actions-inbox {
    width: 50%;
    float: right;
    text-align: right;
    min-width: 160px;
}

.vcomm-delimit  {
    border-top: 1px solid #e4e3e0;
    width: 100%;
}

.input-sent-mail {
    border: 1px solid #AAAAAA;
    width: 98%;
    background-color: #FFFFFF;
    padding: 1%;
}

.input-sent-mail-disabled {
    background-color: #F8F8F8 !important;
}

.whitout-resize {
    resize: none !important;
}

.width20 {
    width: 19.7%;
    float: left;
    background-color: #80ad41;
    text-align: center;
    position: relative;
}

.border-right-profile {
    border-right: 1px solid #80ad41;
}

.image-width-65 {
    width: auto;
    height: 50px;
}

.pro-events {
    display: block;
    position: absolute;
    top: 0px;
    right: 10%;
    font-size: 11px;
    padding: 1px 7px;
    color: #fff;
    font-weight: 600;
    background-color: #ff1d00;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
}

.container-image-top-bar {
    width: 100%;
}

.vcomm-inside-message {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    text-align: left;
}

.vertical-align-middle {
    vertical-align: middle;
}

.vcomm-on {
    background: none repeat scroll 0 0 #EEEEEE !important;
}

.mail-pagination {
    width: 100%;
}

.width-50 {
    width: 50%;
    float: left;
}

.vcomm-comment-el table td {
    border-bottom: 1px solid #e4e3e0;
    padding-top: 5px;
}

.vcomm-unread {
    font-weight: bold;
}

.mail-pagination  span.vcomm-pag.vcomm-bk {
    background: url(/templates/mobile/images/vcomm/pag_bk.png) 0 0 no-repeat transparent;
    padding: 1px 8px;
}

.mail-pagination  a.vcomm-pag.vcomm-bk {
    background: url(/templates/mobile/images/vcomm/pag_bk_on.png) 0 0 no-repeat transparent;
    padding: 1px 8px;
}

.mail-pagination  span.vcomm-pag.vcomm-fw {
    background: url(/templates/mobile/images/vcomm/pag_fw.png) 0 0 no-repeat transparent;
    padding: 1px 8px;
}

.mail-pagination  a.vcomm-pag.vcomm-fw {
    background: url(/templates/mobile/images/vcomm/pag_fw_on.png) 0 0 no-repeat transparent;
    padding: 1px 8px;
}

.header .content {
    text-align: center;
}

.header .content .menu {
    position: relative;
    transform: translateZ(100px);
    z-index: 1003;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    width: 23px;
    padding: 5px 10px;
    text-decoration: none;
    line-height: 1.5em;
    text-align: center;
    float: left;

}

.header .content .avatar {
    display : inline-block;
    height: 45px;
    margin :  auto;
    float: right;
}

.header .content .logo {
    display: inline-block !important;
    margin-left: auto;
    margin-right: auto;
}

.menu-white .menu-icon-line, .menu-white:hover .menu-icon-line {
    background-color: #81af17;
}

.menu-icon-line {
    display: block;
    height: 2px;
    width: 100%;
    background-color: #a5acbc;
    margin-bottom: 4px;
    border-radius: 2px;
    -webkit-transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s,opacity 0.1s ease-in-out 0.1s;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s,opacity 0.1s ease-in-out 0.1s;
    transform: translateZ(0);
    line-height: 1.5em;
    text-align: center;
}

.nav .logo {
    margin-top: 10px !important;
}

.nav-content {
    margin-top: 0px !important;
    height: 100%;
    font-size: 20px !important;
}

.nav-link {
    padding: 6px 0px 6px

}

.login-popup-holder {
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    z-index:5;
    width:100%;
    height:100%;
    z-index: 999999;
    display: none;
}

.login-menu-holder {
    width: 100%;
    background-color: #FFFFFF;
    min-height: 265px;
    color: #000000;

}

.login-menu .login-inputs {
    height: 70px;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    -webkit-box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.1);
}

.login-popup {
    width: 90% !important;
    height: 30px;
    border: none;
    border-bottom: 1px solid #eeeeee;
    text-align: center;

}

.without-berder-bottom {
    border-bottom: none;
}

.button-form-login {
    width: 100%;
    height: 30px;
    border-radius: 8px;
    text-align: center;
    background-color: #81af17;
    color: #FFFFFF;
    vertical-align: middle;
    padding-top: 12px;
}

.half-box {
    width: 50%;
    float: left;
    color: #81af17;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.social-login-buttons {
    width: 100%;
}

.facebook-login-popup-button {
    height: 30px;
    background-color: #32599d;
    border-radius: 8px;
    color: #FFFFFF;
    text-align: center;
    padding: 12px 5px 0px 5px;
}

.google-login-popup-button {
    height: 35px;
    background-color: #f3391f;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #FFFFFF;
    text-align: center;
    padding: 5px;
}

.slot {
    text-align: left !important;
}

.slot .content h1 a {
    font-weight: 700;
}

.vcomm-wall {
    width: 100%;
}

.nav-categories {
    text-align: left;
    line-height: 22px;
    min-height: 100%;
    padding-top: 0px !important;
    padding-bottom: 140px;
    height: auto;
}

.search-friends-mobile {
    height:20px;
    color: rgb(123, 123, 123);
    width: 94%;
    border: 1px solid #000000;
}

.width100 {
    width: 100% !important;
}

.holder-header-mobile {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    opacity: 1;
    z-index: 97;
    background-color: #FFFFFF;
}

.back-color-f8f8f8 {
    background-color: #F8F8F8 !important;
}

.vcomm-subject-inbox {
    width: 100%;
}

.email-description {
    width: 100%;
}

.width-33 {
    width: 33%;
    float: left;
    text-align: center;
}

div.casetaFormAddReteta form {
    margin: 0px !important;
}

.rowtab-comunity {
    height: 39px;
    margin: 0 auto 5px auto;
}

.font-size-11 {
    font-size: 11px;
}

.width-90 {
    width: 90% !important;
    padding: 4px;
}

.vcomm-menu-profile {
    width: 100%;
    background-color: #FFFFFF;
}

.padding-vertical-10 {
    padding: 10px 0px;
}

.vcomm-menu-profile .tab-on {
    background-color: #80ad41;
    color: #FFFFFF;
}

.font-size-14 {
    font-size: 14 !important;
}

#vcomm2-page-profile .succes {
    background-color: #80ad41 !important;
    padding: 0px;
    margin: 10px auto 10px auto;
}

.avatar-menu {
    position: absolute;
    right: 20px;
    top: 10px;
}

.category-menu {
    width: 21%;
    float: left;
    padding: 10px 2% 10px 2%;

}

.width-100 {
    width: 100%;
}

.text-menu-category {
    width: 98%;
    padding: 1%;
    font-size: 11px;
    text-align: center;
    line-height: 12px;
    height: 24px;
    overflow: hidden;
}

.background-white {
    background-color: #FFFFFF;
}

.album-description {
    width: 96%;
    padding: 0px 2% 0px 2%;
    text-align: left;
}

.button-create-album {
    margin-top: 0px;
    margin-bottom: 0px;
    float: right;
    padding: 6px 10px 6px 10px;
}

.wfloating {
    float: none !important;
}

.margin-auto-center-15 {
    margin: 15px auto 15px auto !important;
}

.margin-auto-center-5 {
    margin: 5px auto 5px auto !important;
}

.padding-top-bottom {
    padding: 5px 10px !important;
}

.vcomm-link-actions-album {
    color: #0054a6;
    font-size: 11px;
    font-family: Arial;
    border-left: 1px solid #c2c2c2;
    padding-left: 5px;
    margin-left: 2px;
}

.without-padding-margin-left {
    padding-left: 0px !important;
    margin-left: 0px !important;
}

.border-none {
    border: none !important;
}

.vcomm-actions-buttons-album {
    position: absolute;
    top: 7px;
    width: 90%;
    opacity: 0.7;
    height: 22px;
    background-color: #FFFFFF;
}

.space4 {
    height: 4px !important;
}

.space6 {
    height: 6px !important;
}

.sugestion-friend {
    width: 33%;
    float: left;
    text-align: center;
}

.sugestion-friend-picture {
    min-width: 100%;
}

.small-sugestion-user-picture {
    float: none;
    margin: 0px auto 0px auto;
    text-align: center;
}

.sugestion-avatar-image {
    float: none;
    margin: 0px auto 0px auto;
}

.title-sugestion-autor {
    float: none;
    margin: 0px auto 0px auto;
    text-align: center;
    font-size: 14px;
}

.sugestion-user-action {
    float: none;
    margin: 0px auto 0px auto;
    text-align: center;
}

.sugestion-user-button {
    font-size: 10px;
    padding: 3px 12px 3px 12px;
    float: none;
    margin: 0px auto 0px auto;
    text-align: center;
}

.width-100 {
    width: 100% !important;
}

.width-comunity-25 {
    width: 24.6% !important;
    padding-top: 3px;
}

.width-comunity-32 {
    width: 32.6% !important;
    padding-top: 3px;
}

.content-comments-mobile {
    border: 1px solid #A2B194 !important;
    background-color: #f5f5f5 !important;
}

@media (min-width:541px) {
    .img-width-90 {
        width: 50%;
    }
}
.ads_space {
	margin: 10px 0;
}