@charset "utf-8";
/* CSS Document */

/*Epsilon Framework Version 3.0 - Fully Responsive*/
/*Framework author: Enabled*/
/*License: This stylesheet cannot be resold by anyone else except Enabled and Cosmin Cotor*/

@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url(https://fonts.googleapis.com/css?family=Satisfy);
/* CSS Document */


/*////////////////*/
/*Stylesheet Reset*/
/*////////////////*/

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

* {
	appearance:normal;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
	font-size-adjust: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
*:focus {
	outline: none;
}

*,*:after,*:before {	
	-webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;	
	box-sizing: border-box;	
	padding: 0;	
	margin: 0;
}

body {
	height:100%;
	margin: 0;
	padding: 0;
}

a:hover{
	text-decoration:none!important;
}

::selection {
	background-color:#CCC;
	color: #000;
}

div, a, p, img, blockquote, form, fieldset, textarea, input, label, code, pre {
	overflow:hidden;
	display: block;
}

p{
	line-height: 24px;
	margin-bottom: 20px;
	font-size:12px;
	letter-spacing:0px;
}

p > a {		  display: inline; text-decoration: none;}
p > a:hover {	text-decoration: underline;}
p > span {	   display: inline;}
span > a {	   display: inline;}
a > span {	   display: inline;}
a {			  color:#e34e47;	text-decoration: none;}
a:hover {		text-decoration: none;}
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {	display: inline;}

table {
	border-collapse: separate;
	border-spacing: 0;
	background-color: #f6f6f6;
	border-left: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
	width: 100%;
	clear: both;
}

th {
	vertical-align: middle;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	font-weight: bold;
	color: #555;
	background-color: #f6f6f6;
}

tr {	line-height: 18px;}

td {
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	text-align: center;
	color: #666;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 18px;
	vertical-align: middle;
	background-color: #fdfdfd;
}

tr:hover > td {background: #fff;}


.regular-list{
	overflow:visible!important;
	margin-left:0px;
}

.number-list li{
	overflow:visible!important;
	margin-left:0px;
	list-style:decimal;
	margin-left:20px;
}

li {
	line-height: 18px;
	margin-bottom:5px;
	list-style:inside;
}

ol > li:last-child, ul > li:last-child {
    margin-bottom:0px;	
}

/*//////////////////////////////////////*/
/*Font Selection and General Font Colors*/
/*//////////////////////////////////////*/


h1, h2, h3, h4, h5, h6{	font-family:'Source Sans Pro', sans-serif;	color:#1f1f1f;	}

.content{
	padding-left:20px;
	padding-right:20px;
}

.no-bottom{
	margin-bottom:0px!important;
}

.no-border{
	border:none!important;
}

.clear{
	clear:both;
}

.last{
	margin-right:0px!important;
}

.decoration{
	display:block;
	width:100%;
	height:1px;
	background-color:rgba(0,0,0,0.1);
}

.item{
	position:relative;
}

.center-text{text-align:center;}
.left-tex{text-align:left;}
.right-text{text-align:right;}

.overlay{
	position:absolute;
	z-index:999;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
}

.width-100{width:100%; margin:0 auto;}
.width-90{width:90%; margin:0 auto;}
.width-80{width:80%; margin:0 auto;}
.width-70{width:70%; margin:0 auto;}
.width-60{width:60%; margin:0 auto;}
.width-50{width:50%; margin:0 auto;}
.width-40{width:40%; margin:0 auto;}
.width-30{width:30%; margin:0 auto;}
.width-20{width:20%; margin:0 auto;}
.width-10{width:10%; margin:0 auto;}

/*Preloader*/
/*If you plan on replacing the pace preloader with another theme*/
/*DO NOT delete the preloader class replace everything except it*/
.preloader{
	background-color:#FFFFFF;
	position:fixed;
	width:100%;
	height:100%;
	z-index:9999999;
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	
	z-index: 9999999;
	position: fixed;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #fff;
	/*border: 1px solid #e34e47;*/
}

.pace .pace-progress {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-transition: width 1s ease-in-out 1s linear;
	-moz-transition: width 1s ease-in-out 1s linear;
	-ms-transition: width 1s ease-in-out 1s linear;
	-o-transition: width 1s ease-in-out 1s linear;
	transition: width 1s ease-in-out 1s linear;
	
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
	max-width: 100%;
	position: fixed;
	z-index: 9999999;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	background: #e34e47;
}

.pace.pace-inactive {
	display: none;
}



/*////////////////////////////////*/
/*Non Responsive or Fluid Classes */
/*////////////////////////////////*/

/*Dropcaps*/

.dropcaps{
	margin-bottom:0px;
}

.dropcaps-1:first-child:first-letter{
	font-size:40px;
	float:left;
	line-height:48px;
	padding-right:10px;
    font-weight:800;
}

.dropcaps-2:first-child:first-letter{
	background-color:#e34e47;
	color:#FFFFFF;
	height:35px;
	border-radius:35px;
	font-size:24px;
	padding-left:11px;
	padding-right:11px;
	margin-right:10px;
	margin-top:8px;
	float:left;
	line-height:33px;
    font-weight:300;
}

.dropcaps-3:first-child:first-letter{
	font-size:40px;
	float:left;
	line-height:48px;
	padding-right:10px;
    font-weight:300;
}


/*Columns with icons*/

.left-icon img{	float:left;	margin-right:20px;}
.right-icon img{   float:right;   margin-left:20px;}

.column-1 img{			   width:120px;	height:120px;}
.column-1 h6{	 			padding-top:5px;	margin-bottom:5px;}
.column-1 p{	  			 display:inline;}
.column-1 .rounded-thumb{	border-radius:120px;}
.column-1 .square-thumb{	 border-radius:0px;}
.column-1 a{				 text-align:right; margin-top:20px; margin-bottom:0px;}
.column-1 .button{		   float:right;}

.column-2 img{			   width:120px;	height:120px;}
.column-2 h6{	 			padding-top:5px;	margin-bottom:5px;}
.column-2 p{	  			 display:inline;}
.column-2 .rounded-thumb{	border-radius:120px;}
.column-2 .square-thumb{	 border-radius:0px;}
.column-2 a{				 text-align:right; margin-top:20px;}
.column-2 em{				display:none;}
.column-2 .button{		   float:right;}

.column-3 img{			   width:100px;	  height:100px; margin:0px auto;}
.column-3 h6{	 			padding-top:20px; margin-bottom:10px; text-align:center;}
.column-3 h5{	 			padding-top:20px; margin-bottom:10px; text-align:center;}
.column-3 h4{	 			padding-top:20px; margin-bottom:10px; text-align:center;}
.column-3 h3{	 			padding-top:20px; margin-bottom:10px; text-align:center;}
.column-3 em{				display:block;	text-align:center; margin: -5px 0px 10px 0px;}
.column-3 .subtitle{		 display:block;	text-align:center; margin: -5px 0px 10px 0px; color:#e34e47;}
.column-3 p{	  			 display:block;    text-align:center; width:100%; margin:0 auto;}
.column-3 .rounded-thumb{	border-radius:100px;}
.column-3 .square-thumb{	 border-radius:0px;}
.column-3 .button{		   margin-bottom:30px;}


/*/////////////////////*/
/*Animated Column Icons*/
/*/////////////////////*/

.animate-center-icon-bg-blue{ transition: all 200ms ease; background-color:#2980b9;}
.animate-center-icon-bg-red{  transition: all 200ms ease; background-color:#c0392b;}
.animate-center-icon-bg-green{transition: all 200ms ease; background-color:#27ae60;}
.animate-center-icon-bg-dark{ transition: all 200ms ease; background-color:#2c3e50;}

.animate-center-icon{		    transition: all 200ms ease; color:rgba(255,255,255,0.99); }
.animate-center-icon-heading{    transition: all 200ms ease; color:rgba(255,255,255,0.99); }
.animate-center-icon-text{ 	   transition: all 200ms ease; color:rgba(255,255,255,0.99); }
.animate-center-icon-href{	   transition: all 200ms ease; color:rgba(255,255,255,0.99);  margin-top:-5px!important; margin-bottom:5px; border:solid 1px #FFFFFF!important;}
.animate-center-icon-decoration{ transition: all 200ms ease; background-color:#FFFFFF!important;}


.center-icon-column{
	padding:20px;
	padding-bottom:20px;
}

.center-icon-column h1{
	position:relative;
	text-align:center;
	height:40px;
	width:100px;
	margin-left:auto;
	margin-right:auto;
	border-radius:100px;
}

.center-icon-column h1 i{
	display:block;
	margin-top:40px;
	text-align:center;
}

.center-icon-column a{
	transition: all 200ms ease;
	margin-top:0px;
	margin-bottom:0px;
	border:none;
}

.center-icon-column h5{
	text-align:center;
}

.center-icon-column h6{
	text-align:center;
}

.center-icon-column p{
	text-align:center;
}

.center-column-icon-decoration{
	margin:20px auto 20px auto;
	width:80px;
	height:2px;
	background-color:#1f1f1f;
}

/*Buttons*/

.center-button{
	width:100px;
	text-align:center;
	margin-left:auto!important;
	margin-right:auto!important;
	display:block!important;
	margin-top:20px;
}

.right-button{
	float:right;
}

.left-button{
	float:left;
}

.fullscreen-button{
	width:100%;
	display:block;
	text-align:center;
}

.button:hover{
	opacity:0.8;
}

.button-big:hover{
	opacity:0.8;
}

.button-icon:hover{
	opacity:0.8;	
}

.button-big-icon:hover{
	opacity:0.8;
}

.button-fullscreen{
	display:block;
	width:100%;
}

.button{
	text-align:center;
	color:#FFFFFF;
	padding:8px 13px;
	display:inline-block;	
	margin-left:2px;
}

.button-icon i{
	margin-right:10px;
	font-size:14px;
}


.button-turqoise{			background-color:#16a085;	}
.button-turqoise:active{	 background-color:#085b4b;	}

.button-green{			   background-color:#27ae60;	}
.button-green:active{		background-color:#177c42;	}

.button-blue{				background-color:#2980b9;	}
.button-blue:active{		 background-color:#195a84;	}

.button-light{			   background-color:#7f8c8d;   }
.button-light:active{	    background-color:#bdc3c7;	}

.button-magenta{			 background-color:#8e44ad;	}
.button-magenta:active{	  background-color:#61267a;	}

.button-dark{				background-color:#2c3e50;	}
.button-dark:active{		 background-color:#0b1621;	}

.button-yellow{			  background-color:#f1c40f;	}
.button-yellow:active{	   background-color:#c3a321;	}

.button-red{				 background-color:#c0392b;	}
.button-red:active{		  background-color:#932d23;	}

.button-orange{			  background-color:#e67e22;	}
.button-orange:active{	   background-color:#b76217;	}


/*///////////////*/
/*Text Highlights*/
/*///////////////*/

.text-highlight{
	color:#FFFFFF;
	padding:5px;
	margin-right:3px;	
}

.highlight-turqoise{	 background-color:#16a085;	}
.highlight-green{  	 	background-color:#27ae60;	}
.highlight-blue{   		 background-color:#2980b9;	}
.highlight-magenta{	  background-color:#8e44ad;	}
.highlight-dark{		 background-color:#2c3e50;	}
.highlight-yellow{	   background-color:#f1c40f;	}
.highlight-red{		  background-color:#c0392b;	}
.highlight-orange{	   background-color:#e67e22;	}


/*///////////*/
/*CSS3 Charts*/
/*///////////*/

/*//////*/
/*Charts*/
/*//////*/

.chart strong{
	font-size:12px;
	text-align:left;
	font-weight:normal;
}

.chart em{
	font-size:12px;
	text-align:right;
	font-style:normal;
	display:block;
	margin-bottom:10px;
	margin-top:-20px;
}

.chart-background{
	background-color:#CCC;
	width:100%;
	display:block;
	height:20px;
}

.red-chart{
	background-color:#c0392b;
	margin:3px;
	height:14px;
	opacity:0.9;
}

.green-chart{
	background-color:#27ae60;
	margin:3px;
	height:14px;
	opacity:0.9;
}

.yellow-chart{
	background-color:#f39c12;
	margin:3px;
	height:14px;
	opacity:0.9;
}

.blue-chart{
	background-color:#2980b9;
	margin:3px;
	height:14px;
	opacity:0.9;
}

.chart-round div{
	border-radius:10px;
}

.p100{width:100%;}
.p90{width:90%;}
.p80{width:80%;}
.p70{width:70%;}
.p60{width:60%;}
.p50{width:50%;}
.p40{width:40%;}
.p30{width:30%;}
.p20{width:20%;}
.p10{width:10%;}
.p0{width:0%;}

/*//////////////*/
/*Speach Bubbles*/
/*//////////////*/

.green-bubble{
	background-color:#33c922!important;
	color:#FFFFFF!important;
	border:none!important;
}

.blue-bubble{
	background-color:#0b84fe!important;
	color:#FFFFFF!important;
	border:none!important;
}

.speach-left{
	background-color:#fafafa!important;
	float:left;
	display:inline;
	text-align:left;
	max-width:75%;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:10px;
	background-color:#FFFFFF;	
	border:solid 1px #cacaca;
}

.speach-left-title{
	display:block;
	width:100%;
	font-size:10px;
	font-style:normal;
	padding-left:5px;
	color:#000000;	
	text-shadow:0px 1px 0px #FFFFFF;
}

.speach-right{
	float:right;
	text-align:right;
	text-align:left;
	max-width:75%;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:10px;
	background-color:#FFFFFF;	
	border:solid 1px #cacaca;
}

.speach-right-title{
	text-align:right;
	display:block;
	font-size:10px;
	font-style:normal;
	padding-right:5px;
	color:#000000;	
	text-shadow:0px 1px 0px #FFFFFF;
}

/*/////////////////*/
/*Blockquote Styles*/
/*/////////////////*/


.quote-one{
	margin-left:20px;
	padding-left:20px;
	border-left:solid 3px #e34e47;
}

.quote-two{
	position:relative;
}

.quote-two i{
	position:absolute;
	top:30px;
	left:10px;
	opacity:0.15;
}

/*////////////////////*/
/*Pricing Table Styles*/
/*////////////////////*/

.pricing-unselected{
	margin-top:30px;
	padding-bottom:20px;
}

.pricing-selected-red{
	padding-bottom:40px;
}

.pricing-selected-green{
	padding-bottom:40px;
}

.pricing-selected-red h1{
	background-color:#e74c3c!important;
}
	
.pricing-selected-red h2{
	background-color:#c0392b!important;
}

.pricing-selected-green h1{
	background-color:#2ecc71!important;
}
	
.pricing-selected-green h2{
	background-color:#27ae60!important;
}

.pricing-table{
	background-color:#E6EBEC;
	border-left:2px solid rgba(255,255,255,0.5);
	border-right:2px solid rgba(255,255,255,0.5);
}

.pricing-table h1{
	font-size:14px;
	text-align:center;
	background-color:#2c3e50;
	color:#FFFFFF;
	font-weight:600;
	padding:10px 0px;
	margin-bottom:0px;
	border-bottom:solid 1px rgba(255,255,255,0.1);
}

.pricing-table h2{
	background-color:#34495e;
	font-size:28px;
	text-align:center;
	color:#FFFFFF;
	padding-top:25px;
	padding-bottom:15px;
	margin-bottom:0px;
}

.pricing-table h2 em{
	font-size:12px;
	font-style:normal;
	font-weight:400;
	color:rgba(255,255,255,0.5);
	display:block;
}

.pricing-table ul li{
	text-shadow:0px 1px 0px #FFFFFF;
	list-style:none;
	text-align:center;
	font-size:13px;
	padding:15px 0px;
	border-bottom:solid 1px rgba(255,255,255,0.5);
	opacity:0.9;
	margin-bottom:0px!important;
}

.pricing-table ul li:hover{
	background-color:#FFFFFF;
	color:#000000;
}


/*/////////////*/
/*Table Styling*/
/*/////////////*/

.table{
	width:100%;
	border:#ccc 1px solid;
}

.table-title{
	font-family:'Lato', sans-serif;
	font-size:14px;
	font-weight:800;
}

.table-sub-title{
	font-family:'Lato', sans-serif;
	font-weight:700;
	font-size:12px;
}

.price{
	font-size:12px;
}

.small-price{
	position:absolute;
	margin-left:0px;
	font-size:10px;
	margin-top:-3px!important;
}

table {
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;

}

table th {
	padding:24px 25px 22px 25px;
	border-bottom:1px solid #e0e0e0;
}

table th:first-child{
	text-align: center;
	padding-left:20px;
}

table tr{
	text-align: center;
	padding-left:20px;
}

table tr td:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
}

table tr td {
	padding:17px 14px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 0px solid #e0e0e0;
}

table tr.even td{
	background: #f1f1f1;
}

table tr:last-child td{
	border-bottom:0;
}

table tr:hover td{
	background: #f8f8f8;
}

.table-heading{
	padding-top:10px;
	padding-bottom:15px;
}

.table-text{
	color:#6f6f6f;
}


/*Contact Form */

.contactField{
	background-color:rgba(255,255,255,0.4);
	font-size:12px;
	color:#666;
	border:solid 1px #cacaca;
}

.contactTextarea{
	background-color:rgba(255,255,255,0.4);
	font-size:12px;
	border:solid 1px #cacaca;
	color: #666;
}

.contactSubmitButton{
	line-height:12px!important;
	display:block!important;
	height:36px!important;
	margin-right:4px;
	float:left;
}

.contactNameField{
	padding-bottom:5px;	
	font-size:12px;
}

.contactNameField span{
	float:right;
	opacity:0.5;
}

.contactEmailField{
	padding-bottom:5px;
	font-size:12px;
}

.contactEmailField span{
	float:right;
	opacity:0.5;
}

.contactMessageTextarea{
	padding-bottom:5px;
	font-size:12px;
}

.contactMessageTextarea span{
	float:right;
	opacity:0.5;
}


/*Field Styles*/
#contactNameField{
	text-transform:capitalize;
}

.contactField{
	min-width:100%;	
	display:block;
	box-sizing:border-box;
}

.contactTextarea{
	min-width:100%;
	display:block;
	box-sizing:border-box;
}

.buttonWrap{
	line-height:20px;
	padding-bottom:24px;
	min-width:43%;
	display:inline-block;
}

.formSubmitButtonErrorsWrap a{
	width:25%;
	text-align:center;
	padding:8px 10px!important;
}

.formSubmitButtonErrorsWrap{
	position:relative;
}

.formValidationError{
	color:#e34e47;
	font-style:normal;
	padding-left:3px;
}


.contactField{
	height:40px;
	padding-left:10px;
	padding-right:10px;
}

.contact-icon i{
	font-size:14px;
	width:25px;
	padding-top:3px;
}

.contact-icon{
	line-height:26px;
	color:#1f1f1f;
    -o-transition:color 200ms ease-out;
    -ms-transition:color 200ms ease-out;
    -moz-transition:color 200ms ease-out;
    -webkit-transition:color 200ms ease-out;
    transition:color 200ms ease-out;
}

.contact-icon:hover{
	color:#e34e47;
}

.field-deco:focus{
	border:solid 2px #27ae60;
	transition: border-color 1s ease;  
}

.fieldHasError:focus{
	border:solid 2px #c0392b;
	transition: border-color 1s ease;  	
}

.contactTextarea{
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 18px;
	height: 90px;
}

.formSubmitButtonErrorsWrap a{
	width:25%;
	text-align:center;
	padding:8px 10px!important;
}


.formValidationError .red-notification p{
	background-image:none!important;
	display:block!important;
	padding-left:40px!important;
}


.contactSubmitButton{
	background-color:rgba(255,255,255,0);
	color:#FFFFFF;
	padding-top:12px;
	display:block;
	width:100%;
	text-align:center;
}

.formSubmitButtonErrorsWrap{
	display:block;
	background-color:#27ae60;
	text-align:center;
	color:#FFFFFF;
	display:block;	
}


.formSubmitButtonErrorsWrap i{
	position:absolute;
	left:28px;
	top:10px;
}

.formSubmitButtonErrorsWrap:hover{
	opacity:0.8;
}

.formSubmitButtonErrorsWrap:active{
	background-color:#177c42;
}

.facebook-box-button{
	height:36px;
	line-height:36px;
	text-align:center;
	color:#FFFFFF;
	background-color:#3B5998;
}

.facebook-box-button:active{
	background-color:#2980b9;
}

.facebook-box-button:hover{
	opacity:0.8;
}

.facebook-box-button i{
	margin-right:15px;
}

.facebook-frame{
	display:block;
	width:100%;
	height:400px;
	border:solid 1px rgba(0,0,0,0.1);
}

.twitter-box-button{
	text-align:center;
	color:#FFFFFF;
	background-color:#4099FF;
	height:36px;
	line-height:36px;
}

.twitter-box-button:active{
	background-color:#3498db;
}

.twitter-box-button:hover{
	opacity:0.8;
}

.twitter-box-button i{
	margin-right:15px;
}

.twitter-frame{
	display:block;
	width:100%;
	height:400px;
	border:solid 1px rgba(0,0,0,0.1);
}
	
/*Big Notifications*/

.red-notification{	background-color:#c0392b;	color:#FFFFFF;	}
.green-notification{  background-color:#27ae60;	color:#FFFFFF;	}
.yellow-notification{ background-color:#f39c12;	color:#FFFFFF;	}
.blue-notification{   background-color:#2980b9;	color:#FFFFFF;	}


.big-notification{
	position:relative;
	padding:8px;
}

.big-notification h5{
	font-family:'Lato', sans-serif;
	font-weight:800;
	font-size:14px;
	text-transform:uppercase;
	color:#FFFFFF;
	margin-bottom:5px;
	margin:10px;
	padding-bottom:10px;
	border-bottom:solid 1px rgba(255,255,255,0.3);
}

.close-big-notification{
	font-family:'Lato', sans-serif;
	font-weight:800;
	font-size:14px;
	color:#FFFFFF;
	float:right;
	margin-top:-46px;
	margin-right:12px;
}

.big-notification p{
	padding:10px;	
	padding-top:0px;
	margin-bottom:0px;
}

.close-small-notification{
	color:#FFFFFF;
	font-size:12px;
	position:absolute;
	right:20px;
	font-weight:800;
}

.close-contact-notification{
	color:#FFFFFF;
	font-size:12px;
	position:absolute;
	right:20px;
	font-weight:800;
}

.small-notification{
	position:relative;
	padding-left:20px;
	padding-right:20px;
	height:50px;
}

.small-notification i{
	font-size:14px;
	position:absolute;
	left:20px;
	top:18px;
}

.small-notification p{
	line-height:51px;
}

.close-small-notification{
	right:20px;
}

.accordion-header{
	background-color:#2c3e50;	
	color:#FFFFFF;
	font-size:12px;
	font-weight:400;
	cursor:pointer;
	padding:13px 20px;
	margin-bottom:0px;
	border-bottom:solid 1px rgba(255,255,255,0.1);
	padding-left:50px;
}

.active-header {
	background-color:#1C2731;
	background-image:url(img/minusw.png);
	background-repeat:no-repeat;
	background-size:12px 12px;
	background-position:16px 19px;
}

.inactive-header {
	background-image:url(img/plusw.png);
	background-repeat:no-repeat;
	background-size:12px 12px;
	background-position:16px 19px;
}

.accordion-content {
	display: none;
	padding:20px;
	padding-bottom:0px;
	border:solid 1px rgba(0,0,0,0.1);
	background-color:rgba(0,0,0,0.01);
}

/*Toggles*/

/*Toggle Stuff*/

.toggle-1{
	border:solid 1px rgba(0,0,0,0.1);
	position:relative;
}

.no-border .toggle-1-title{padding:20px 0px;}
.no-border .toggle-1-text{padding:0px; margin:0px;}

.toggle-1-title{
	line-height:25px;
	padding:20px;
	margin-bottom:0px;
	padding-bottom:20px;
	font-size:14px;
	cursor:pointer;
}

.toggle-1-title strong::selection{background-color:transparent;}
.toggle-1-title a::selection{background-color:transparent;}

.toggle-1-text{
	display:none;
	padding:0px 20px;
}

.toggle-1-title a{
	background-color:rgba(0,0,0,0.1);
	width:50px;
	height:25px;
	position:absolute;
	right:20px;
	border-radius:30px;
}

.toggle-1-title span{
	background-color:#e74c3c;
	opacity:0.8;
	height:19px;
	width:19px;
	border-radius:19px;
	position:absolute;
	margin-top:3px;
	margin-left:3px;
	transition:all 200ms ease;
}

.toggle-1-active{
	margin-left:27px!important;
	background-color:#27ae60!important;
}

/* 2 */
.toggle-2{
	border:solid 1px rgba(0,0,0,0.1);
	position:relative;
}

.no-border .toggle-2-title{padding:20px 0px;}
.no-border .toggle-2-text{padding:0px; margin:0px;}

.toggle-2-title{
	cursor:pointer;
	line-height:25px;
	padding:20px;
	margin-bottom:0px;
	padding-bottom:20px;
	font-size:14px;
}

.toggle-2-title strong::selection{background-color:transparent;}
.toggle-2-title a::selection{background-color:transparent;}

.toggle-2-text{
	display:none;
	padding:0px 20px;
}

.toggle-2-title a{
	width:25px;
	height:25px;
	position:absolute;
	right:10px;
}

.toggle-2-title span i{
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
	color:#666;
	transition:all 200ms ease;
}

.toggle-2-active{
	-ms-transform: rotate(45deg)!important; /* IE 9 */
	-webkit-transform: rotate(45deg)!important; /* Chrome, Safari, Opera */
	transform: rotate(45deg)!important;
	color:#e74c3c!important;
	transition:all 200ms ease;
	
}

/* 3 */
.toggle-3{
	border:solid 1px rgba(0,0,0,0.1);
	position:relative;
}

.no-border .toggle-3-title{padding:20px 0px;}
.no-border .toggle-3-text{padding:0px; margin:0px;}

.toggle-3-title{
	cursor:pointer;
	line-height:25px;
	padding:20px;
	margin-bottom:0px;
	padding-bottom:20px;
	font-size:14px;
}

.toggle-3-title strong::selection{background-color:transparent;}
.toggle-3-title a::selection{background-color:transparent;}

.toggle-3-text{
	display:none;
	padding:0px 20px;
}

.toggle-3-title a{
	width:25px;
	height:25px;
	position:absolute;
	right:10px;
}

.toggle-3-title span i{
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
	transform: rotate(0deg);
	color:#666;
	transition:all 200ms ease;
}

.toggle-3-active{
	-ms-transform: rotate(180deg)!important; /* IE 9 */
	-webkit-transform: rotate(180deg)!important; /* Chrome, Safari, Opera */
	transform: rotate(180deg)!important;
	transition:all 200ms ease;	
}

/*Responsive Tabs*/

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
	margin-top:-8px;
	display: none;
	padding:20px;
	padding-bottom:0px;
	border:solid 1px rgba(0,0,0,0.1);
	background-color:rgba(0,0,0,0.01);
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }

	.r-tabs-anchor{
		padding-left:40px!important;
		width:100%;
		background-image:url(img/ball_unselected.png);
		background-repeat:no-repeat;
		background-size:14px 14px;
		background-position:15px 15px;
	}
	
	.r-tabs-state-active .r-tabs-anchor{
		background-image:url(img/ball_selected.png);
		background-repeat:no-repeat;
		background-size:14px 14px;
		background-position:15px 15px;
	}
	
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
	background: #34495e;
	padding: 13px 25px;
	padding-left:40px;
	color: #fff;
	background-image:url(img/ball_unselected.png);
	background-repeat:no-repeat;
	background-size:14px 14px;
	background-position:15px 15px;
}

.r-tabs .r-tabs-nav .r-tabs-state-active {
	background-color: #FFFFFF;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #FFFFFF;
	background-color: #1C2731;
	background-image:url(img/ball_selected.png);
	background-repeat:no-repeat;
	background-size:14px 14px;
	background-position:15px 15px;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;
	background-color:#34495e;
	color: #fff;
	text-decoration: none;
	border-bottom:solid 1px rgba(255,255,255,0.1);
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #1C2731;
	color: #FFFFFF;
}

/*Radio and Checkboxes*/


.radio{
	background-size:16px 18px;
	color:inherit;
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:30px;
	margin-bottom:5px;		
}
.radio-class-1{	   background-image:url(img/radio1c.png);}
.radio-unselected-1{  background-image:url(img/radio1.png)!important;}
.radio-class-2{	   background-image:url(img/radio2c.png);}
.radio-unselected-2{  background-image:url(img/radio2.png)!important;}
.radio-class-3{	   background-image:url(img/ball_selected.png); background-size:16px 16px;}
.radio-unselected-3{  background-image:url(img/ball_unselected.png); background-size:16px 16px;}



.checkbox{
	background-size:16px 18px;
	color:inherit;
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:30px;
	margin-bottom:5px;		
}
.checkbox-class-1{	   background-image:url(img/checkbox1c.png);}
.checkbox-unselected-1{  background-image:url(img/checkbox1.png)!important;}
.checkbox-class-2{	   background-image:url(img/checkbox2c.png);}
.checkbox-unselected-2{  background-image:url(img/checkbox2.png)!important;}
.checkbox-class-3{	   background-image:url(img/checkbox3.png);}
.checkbox-unselected-3{  background-image:url(img/checkbox3c.png)!important;}
.checkbox-class-4{	   background-image:url(img/checkbox3c.png);}
.checkbox-unselected-4{  background-image:url(img/checkbox4c.png)!important;}


/*////////////*/
/*Colorbox CSS*/
/*////////////*/
/*Colorbox Core Style:*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{outline:0;}
#cboxContent{margin-top:32px; overflow:visible; background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(img/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(img/controls.png) no-repeat 0 0;}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


/*////////*/
/*Swipebox*/
/*////////*/


.swipebox {

}

.swipebox div{

}

#swipebox-slider{
	overflow:visible!important;
}



#swipebox-overlay img {
  border: none!important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999!important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#swipebox-slider {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
}



#swipebox-slider .slide {
  background: url("img/loader.gif") no-repeat center center;
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}

#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#swipebox-slider .slide img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}

#swipebox-action, #swipebox-caption {
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-action {
  bottom: -50px;
}
#swipebox-action.visible-bars {
  bottom: 0;
}

#swipebox-action.force-visible-bars {
  bottom: 0!important;
}

#swipebox-caption {
  top: -50px;
  text-align: center;
}
#swipebox-caption.visible-bars {
  top: 0;
}

#swipebox-caption.force-visible-bars {
  top: 0!important;
}

#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
  background-image: url("img/icon3.png");
  background-repeat: no-repeat;
  border: none!important;
  text-decoration: none!important;
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
}

#swipebox-action #swipebox-close {
  background-position: 15px 12px;
  left: 40px;
}

#swipebox-action #swipebox-prev {
  background-position: -32px 13px;
  right: 100px;
}

#swipebox-action #swipebox-next {
  background-position: -78px 13px;
  right: 40px;
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

#swipebox-slider.rightSpring {
  -moz-animation: rightSpring 0.3s;
  -webkit-animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
  -moz-animation: leftSpring 0.3s;
  -webkit-animation: leftSpring 0.3s;
}

@-moz-keyframes rightSpring {
  0% { margin-left: 0px;}
  50% { margin-left: -30px;}
  100% {margin-left: 0px;}
}

@-moz-keyframes leftSpring {
  0%{margin-left: 0px;}
  50%{margin-left: 30px;}
  100% {margin-left: 0px;}
}

@-webkit-keyframes rightSpring {
  0% {margin-left: 0px;}
  50% {margin-left: -30px;}
  100% {margin-left: 0px;}
}

@-webkit-keyframes leftSpring {
  0% {margin-left: 0px;}
  50% {margin-left: 30px;}
  100% {margin-left: 0px;}
}

/* Skin 
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d;
  opacity:0.99;
}

#swipebox-action, #swipebox-caption {
  text-shadow: 1px 1px 1px black;
  background-color: #0d0d0d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(#0d0d0d, #000000);
  background-image: -moz-linear-gradient(#0d0d0d, #000000);
  background-image: -o-linear-gradient(#0d0d0d, #000000);
  background-image: linear-gradient(#0d0d0d, #000000);
  -webkit-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
  -moz-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
  box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
}

#swipebox-action {
  -webkit-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
  -moz-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
  box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
}

#swipebox-caption {
  color: white!important;
  font-size: 12px;
  line-height: 43px;
  font-family: 'Open Sans', sans-serif;
}

/*///////////////////////////////*/
/*Kitchen Sink / Formatting Tools*/
/*///////////////////////////////*/

.formats{
	width:300px;
}

.formats a{
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */

	width:28px;
	height:28px;
	border:solid 1px rgba(0,0,0,0.2);
	border-radius:5px;
	color:#666;
	line-height:28px;
	text-align:center;
	
	float:left;
	margin-right:2px;
	margin-bottom:7px;
	text-shadow:0px 1px 0px #FFFFFF;
}


.formats a:active{
	background: #ededed; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ededed 0%, #f6f6f6 53%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(53%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ededed 0%,#f6f6f6 53%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */	
}

.formats-space{
	margin-right:14px!important;
}

/*////////////////////////////////////////*/
/*Custom Add To Homescreen for iOS Devices*/
/*////////////////////////////////////////*/



.delete-cookie{
	text-align:center;
	width:120px;
	height:40px;
	line-height:40px;
	background-color:#2c3e50;
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

.delete-cookie:hover{
	background-color:#34495e;
}


/*Add To Homescreen */

.light-webapp{	background-color:rgba(255,255,255,0.9);}
.light-webapp h3{ color:#000000;}
.light-webapp p{  color:rgba(0,0,0,0.8);}
.light-webapp em{ background-image:url(img/corner-deco-mobile-light.png);}
.dark-webapp{ 	 background-color:rgba(0,0,0,0.9);}
.dark-webapp h3{  color:#FFFFFF;}
.dark-webapp p{   color:rgba(255,255,255,0.8);}
.dark-webapp em{  background-image:url(img/corner-deco-mobile-dark.png);}

.webapp{
	width:300px;
	height:69px;
	position:fixed;
	bottom:20px;
	border-radius:12px;
}

.webapp-wrapper{
	z-index:99999;
	position:relative;
	width:300px;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
	display:none;
}

.webapp img{
	width:50px;
	height:50px;
	border-radius:12px;
	position:absolute;
	margin-left:10px;
	margin-top:9px;
}

.webapp h3{
	font-family:'Dosis', sans-serif;
	font-weight:600!important;
	font-size:12px;
	font-weight:800;
	margin-left:80px;
	margin-top:5px;
	margin-bottom:0px;
}

.webapp p{
	width:220px;
	font-size:10px;
	margin-left:80px;
	line-height:15px;
}

.close-webapp{
	background-image:url(img/close-webapp.png);
	background-repeat:no-repeat;
	background-size:8px 8px;
	background-position:6px 6px;
	position:absolute;
	top:9px;
	right:20px;
	z-index:99999;
	width:20px;
	height:20px;
}

.webapp{overflow:visible!important;}

.corner-deco{
	z-index:99;
	display:block;
	position:absolute;
	background-size:20px 10px;
	width:20px;
	height:10px;
	opacity:0.99;
	margin-top:-10px;
	margin-left:140px;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){
	.webapp-wrapper{
		width:335px;
		height:79px;
	}	

	.webapp{
		top:90px!important;
		left:110px;
		width:325px;
		height:79px;
	}

	.light-webapp em{background-image:url(img/corner-deco-tablet-light.png);}
	.dark-webapp em{background-image:url(img/corner-deco-tablet-dark.png);}
	
	.corner-deco{
		z-index:99;
		margin-top:-101px;
		margin-left:30px;
	}
	
	.webapp img{
		width:60px;
		height:60px;
		border-radius:12px;
		position:absolute;
		margin-left:10px;
		margin-top:10px;
	}
	
	.webapp h3{
		font-family:'Dosis', sans-serif;
		font-weight:500!important;
		font-size:16px;
		margin-left:90px;
		margin-top:7px;
		margin-bottom:0px;
	}
	
	.webapp p{
		width:280px;
		font-size:11px;
		margin-left:90px;
		line-height:20px;
	}	
}

/*////////////////////*/
/*Filterable Portfolio*/
/*////////////////////*/

.filterable-item{
	position:relative;
	transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-ms-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-o-transform:scale(1,1);
	transition:all 200ms ease;
}

.filterable-caption{
	opacity:0;
	background-color:rgba(0,0,0,0.6);
	position:absolute;
	z-index:10;
	height:100%;
	bottom:-100%;
	width:100%;
	transition:all 200ms ease;	
}

.filterable-caption strong{
	font-family:'Source Sans Pro', sans-serif;
	display:block;
	width:100%;
	text-align:center;
	color:#FFFFFF;
	font-size:22px;
	font-weight:500;
	position:absolute;
	top:50%;
	margin-top:-25px;
}

.filterable-caption em{
	color:rgba(255,255,255,0.5);
	font-size:14px;
	text-align:center;
	margin-bottom:30px;
	display:block;
	font-style:normal;
	width:100%;
	position:absolute;
	top:50%;
	margin-top:10px;
}

.filterable-overlay-active{
	opacity:1;
	transition:all 200ms ease;
}

.filterable-caption-active{
	opacity:1;
	bottom:0px!important;
	transition:all 200ms ease;	
}

.filterable-item img{
	margin-bottom:0px!important;
}

.filterable-item img{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
	transition:all 200ms ease;
}

.filterable-item-grayscale{
	filter:none!important;
	-webkit-filter:grayscale(0%)!important;
	transition:all 200ms ease;
}

.filterable-item-scale{
	transform:scale(0.8, 0.8);
	-webkit-transform:scale(0.8, 0.8);
	-ms-transform:scale(0.8, 0.8);
	-moz-transform:scale(0.8, 0.8);
	-o-transform:scale(0.8, 0.8);
	transition:all 200ms ease;
}

.filterable-item-scale{
	pointer-events:none;
}

.filterable-item-scale .filterable-caption{
	display:none!important;
}
	
.filterable-scale .filterable-caption{
	display:none;
}
			

@media (min-width:1024px) {
	.filterable-item{
		width:24%;
		margin-left:0.5%;
		margin-right:0.5%;
		margin-bottom:1%;
		float:left;
	}
	
	.filterable-item img{
		display:block;
		width:100%;
	}

	.cat-button{
		font-size:18px;	
	}	

}

@media (min-width:768px) and (max-width:1024px){
	.filterable-item{
		width:47%;
		float:left;
		margin-left:1%;
		margin-right:1%;
		margin-bottom:2%;
	}
	
	.cat-button{
		font-size:16px;	
	}
}

@media (min-width:480px) and (max-width:760px){	
	.filterable-item-scale{
		width:0px!important;
		height:0px!important;
		margin-bottom:0%!important;
		margin-top:0%!important;
		transition:all 200ms ease;
	}
	
	.filterable-item{
		width:47%;
		height:100%;
		float:left;
		margin-left:1%;
		margin-right:1%;
		margin-bottom:2%;
		transition:all 200ms ease;
	}
	
	.filterable-caption strong{
		font-size:18px;
		margin-top:-20px;
	}
	
	.filterable-caption em{
		font-size:12px;	
		margin-top:0px;
	}	
	
	.cat-button{
		font-size:12px;	
	}
	
}

@media (max-width:480px){
	.filterable-item-scale{
		width:0px!important;
		height:0px!important;
		margin-bottom:0%!important;
		margin-top:0%!important;
		transition:all 200ms ease;
	}
	
	.filterable-item{
		width:100%;
		height:100%;
		transition:all 200ms ease;
		margin-bottom:5%;
	}
	
	.filterable-caption strong{
		font-size:18px;
		margin-top:-25px;
	}
	
	.filterable-caption em{
		font-size:12px;	
		margin-top:0px;
	}
	
	.cat-button{
		font-size:12px;	
	}
	
}

/*Filterable Controls*/

.filterable-controls{
	width:100%;
	text-align:center;	
}

.filterable-controls a{
	font-family:'Source Sans Pro', sans-serif;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	font-weight:800;
	text-transform:uppercase;
	height:40px;
	padding-bottom:15px;
	color:#1f1f1f;
	border-bottom:solid 5px rgba(255,255,255,0);
	transition:all 200ms ease;
}

.selected-cat{
	border-bottom:solid 5px #e34e47!important;
	transition:all 200ms ease;
}

.cat-button:hover{
	border-bottom:solid 5px #e34e47!important;
	transition:all 200ms ease;
}