/*
* Mustach
* Copyright 2012, Jorge Martínez
* www.jorgemartinez.me
*/

/* Table of Content
==================================================
    #Import Section
	#Site Styles
	#Menu
	#Slide
	#Porfolio 
	#Widget Service
	#Our Team
	#Contact
	#Media Queries
	*/
	
/* ======================================================= */
/* #IMPORT SECTION */
/* ======================================================= */

@import url("bootstrap.css");/* Default Reset, Typography, Forms, etc. */ 
@import url("bootstrap-responsive.css");
@import url("curtain.css");
@import url("jPages.css");
@import url("animate.css");
@import url("font-awesome.css");
@import url("flexslider.css");
@import url("fancybox/jquery.fancybox-1.3.4.css");   	
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,700italic,400italic|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);




	

/* ======================================================= */
/* Site Styles
/* ======================================================= */

*
{
	font-family: 'Lato', sans-serif;
}

body {
	color: #848D9B;
	/*font: 14px/22px 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;*/
	font-size:13px;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 1px;
	word-spacing: 1px;
	line-height: 21px;
	background-image: url(images/bg.png);
	background-repeat: repeat;
	background-color: #fff;
	color: #000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height:100%;
}

@media (max-width: 767px) {
  body { padding-right: 0px; padding-left: 0px; }
  /*.container {margin-right: 20px; margin-left: 20px;}*/
  #box {
	right: 0%;
	bottom: 50%;
}
 }


/* Links */
.leftquotes, .rightquotes
{
	display:inline;
	font-size:30px;
	vertical-align:bottom;
}
a {
	/*border-bottom: 1px dotted #222;*/
	color: #222;
	padding: 0 1px;
	margin: 0 -1px;
	text-decoration: none;
    -webkit-transition: background-color .2s linear, color .2s linear;
	-moz-transition: background-color .2s linear, color .2s linear;
	-o-transition: background-color .2s linear, color .2s linear;
	-ms-transition: background-color .2s linear, color .2s linear;
	transition: background-color .2s linear, color .2s linear;
	/*font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;*/
	font-family: 'Lato', sans-serif;
}

a:hover {
	border-bottom: 1px dotted transparent;
	/*background-color: #F8E443;*/
	text-decoration:underline;
	color: #fff;
}
/*added by Philip begins here*/
.span6 a:hover {
	border-bottom: 1px dotted transparent;
	/*background-color: #F8E443;*/
	text-decoration:underline;
	color: #b94a48;
}

.top a:hover {
	border-bottom: 1px dotted transparent;
	/*background-color: #F8E443;*/
	color: #05ADD2;
	text-decoration:underline;
}
/*added by Philip ends here*/

a img:hover{
	border: none;
	vertical-align: bottom;
	
}



, h3, h4, h5, h6 {
	color: #222;
	/*font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;*/
	font-family: 'Lato', sans-serif;
	padding: 0;
}

h1 {
	font-size: 24px;
	line-height: 28px;
}

h2 {
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 20px 0;
}

h3 {
	font-size: 16px;
	line-height: 20px;
}

h4 {
	font-size: 14px;
	line-height: 18px;
}

h5 {
	font-size: 12px;
	line-height: 18px;
}

h6 {
	font-size: 10px;
	line-height: 16px;
}
.extlinks{
	font-size: 14px;
	color:#FFF;
	text-align:center;
}

.greenbody
{
	background-color:#A6C985;
}
.selected {
color: white;
}

/* Responsive Images - Combined with Sencha.io on the frontend */
.full-width img {max-width: 100%; height: auto;}


.full-width{
	width: 100%;
	
}

.wrapper-full {
	padding-top: 90px;
	padding-bottom: 3%;
	box-shadow: 0 -2px 2px rgba(0,0,0,0.04);
	-moz-box-shadow: 0 -2px 2px rgba(0,0,0,0.04);
	-webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.04);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D4D7DB;
	width: 100%;
}

.stickem-container {
	position: relative;
}
 
.stickit , .stickem {
	
	position: fixed;
	top: 80%;
	right:10%;
}
 
.stickit-end {
	/*bottom: 10px;
	position: absolute;
	right: 0;*/
}




/* Basic alignment */
.align-left{float: left;}
.align-center{text-align: center;}
.align-right{float: right}

img.align-left{float: left; margin: 0 15px 0px 0;}
img.align-center{text-align: center; clear: both; margin: 15px auto; display: block;}
img.align-right{float: right; margin: 0 0 12px 15px;}
.left-inline{display: inline-block; color: white; width: 60%; font-weight:normal;padding-left: 1%;}

h1.title-section{
	margin-bottom: 80px;
	text-align: left;
	margin-top: 0px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	font-weight: normal;
	font-size: 36px;
	letter-spacing: 5px;
	text-transform: uppercase;
}


#options {
float: left;
margin-left: 1.5%;
width: 100%;
}

/* ======================================================= */
/* Sections
/* ======================================================= */

a.logo:hover {background: none;}

.top {
	/*margin-top: 70px;*/
	/*background-image: url(img/header.jpg);*/
	/*background-color: #E8AD71;
	background-color:#f19854;*/
	background-color:#e8ad69;
	background-repeat: no-repeat;
	/*height: 100%;*/
	width: 100%;
	background-position: center bottom;
	text-align: left;
	overflow: hidden;
	position: relative;
	background-attachment:fixed;
}

.extlinks a{
	border-bottom: 1px dotted transparent;
	/*background-color: #F8E443;*/
	color: #FFF;
	text-decoration: none;
	text-align:center;
}


.top h1{
	/*text-shadow: 1px 1px 1px black;*/
	color: white;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 50px;
	/*margin-top: 7.5%;*/
	margin-top: 100px;
	font-weight: 300;
	margin-left: 2.5%;
}

.top h3 {
	/*text-shadow: 1px 1px 1px black;*/
	color: white;
	font-size: 14px;
	margin-bottom: 3%;
	line-height: 1.5em;
	font-weight: normal;
	text-transform:none;
	margin-left: 2.5%;
}

.ctc-hilight {
	width: 150px;
	padding: 5px 5px;
	background-color: #CF267C;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.ctc-hilight a{
	color: #fff;
	
}
.ctc-hilight a:hover{
	/*color: #EFC53B;*/
	color: #FF0;
}
.bottom-spacer
{
	padding-bottom:30%;
}
#section-1{
	/*background-color: #e8ad71;
	background-color:#f19854;*/
	background-color:#e8ad69;
	height: 100%;
	text-transform:capitalize;
}
@media only screen and (max-width: 767px) {

}
#section-1 .span4
{
	width:360px;
}
#section-2 .title-section{
	color:white;
	margin-left: 2%;
}
#section-2 .span4 h1{
	color:white;
	font-size:20px;
	font-weight:400;
	padding-left: 10%;
}
#section-2
{
	height: 100%;
}
#section-2, #section-2 .wrapper-full{
	/*background-color: #F0A15E;*/
	background-color: #05ADD2;
	/*background-image: url(img/pat.png);*/
	background-repeat: repeat;
}

#section-3{
	background-color: #A6C985;
}
#section-3 .wrapper-full{
	background-color: #A6C985;
}
#section-4, #section-4 .wrapper-full{   
	/*background-image: url(img/pats.png);*/
}
#section-5
{
	height: 100%;
}
#section-5, #section-5 .wrapper-full{
    background-color: #E8E8E8;
	
}
.infomail
{
	display: inline-block;
	width: 201px;
	height: 16px;
	background: url(../img/Others/info.jpg) no-repeat left top;
}   
.infomail:hover
{
	background: url(../img/Others/info_on_hover.jpg) no-repeat left top;
}   
.lower
{
	text-transform:lowercase;
}
.span6
{
	font-size:12px;
}
.span6 label
{
	font-size:12px;
}	
#itemContainer {
	padding-left: 10%;
}
	
/* ======================================================= */
/* Menu
/* ======================================================= */

#menu{
	position:fixed;
	z-index:20;
	width: 100%;
	margin: 0;
	background-color: #252525;
	-webkit-box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 0px 4px rgba(0,0,0,0.5);
	-o-box-shadow: 2px 0px 4px rgba(0,0,0,0.5);
	box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.5);
	/*padding-top: 14px;
	padding-bottom: 14px;*/
	padding-top: 0;
	padding-bottom: 0;
	text-transform: uppercase;
	font-weight: 400;
}
.curtain-links.hide
{
	display:none;
}
.navbar-inner {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background-color: #252525;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}


.navbar-inverse .navbar-inner { background-color: #252525!important; background-image: none!important;}



/* ======================================================= */
/* Hover /  Slide TOP
/* ======================================================= */
.view {
	margin: 0px;
	padding: 0px;	
	max-width: 100%; height: auto;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
  /* margin: 5px 0;*/
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: #F8E443;
   background-color: rgba(255, 214, 44, 0.8);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}




.view-first h2 {
   -webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	margin-top: 5%;
}

.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}


.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background: transparent;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}

.view-first a.info:hover  {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}




.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.view {
   float: left;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   padding-right: 3px;
}
.view .mask,.view .content {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0px;
	bottom: 0px;
}
.view img {
   display: block;
   position: relative;
   border: 1px solid white;
}
.mask
{
   border: 1px solid white;
}
.view h2 {
	color: #FFF;
	text-align: center;
	position: absolute;
	padding: 10px;
	bottom: 0;
	left: 0px;
	right: 0px;
	margin: 0px;
	font-size: 12px;
	background-color: #000;
	text-transform: uppercase;
	font-weight:400;
}

.view a.info {
	display: inline-block;
	font-size: 40px;
	color: #FFF;
	text-decoration: none;
	height: 100%;
	width: 100%;
	text-align: center;
	/*line-height: 110px;*/
	/*For plain masking effect*/
	/*background-color: #000;*/
	/*margin-top: 16%;*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.view a.info: hover {
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	text-decoration: none!important;
}




.holder {
	position: absolute;
	top: 0px;
	text-indent: -9999px;
}


	   
.customBtns {
	position:relative;
}



@media only screen and (max-width: 959px) { 
.arrowPrev,.arrowNext {margin-top: 40px!important;}
.arrowPrev {left: 20px!important;}
}

@media only screen and (max-width: 767px) { 
.arrowPrev,.arrowNext {margin-top: 80px!important;}
.arrowPrev {left: 21.5%!important;}
.arrowNext {right: 21.7%!important;}
#itemContainer { margin: auto!important; width: 400px;padding-left:10%;}
}


.arrowPrev,.arrowNext {
	width: 40px;
	height: 50px;
	position:absolute;
	top:0px;
	cursor:pointer;
	text-align: center;
	z-index: 900000;
	display: block;
	color: #FFF;
	font-size: 36px;
	background-color: #f8e443;
	background-image: url(img/pat.png);
	margin-top: 80px;
	line-height: 80px;
}



.arrowPrev {
	left: 30px;
	
}

.arrowNext {
	right: 0px;
}


.arrowPrev:hover {
		-moz-opacity:1 !important;	    		  
      filter: alpha(opacity=100) !important;
     			    opacity:1 !important;
	
	}
	
	
	
.arrowNext:hover {-moz-opacity:1 !important;	    		  
      filter: alpha(opacity=100) !important;
     			    opacity:1 !important;}	

/* ======================================================= */
/* Services / Team
/* ======================================================= */


.circle{
	background-color: #000;
	color: #FFF;
	text-align: center;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200x;
	border-radius: 200px;
	font-size: 36px;
	padding-top: 40px;
	padding-right: 25px;
	padding-bottom: 40px;
	padding-left: 25px;
	margin-right: auto;
	margin-left: auto;
}


.widget-services { text-align: left;}
.widget-services p{ padding: 0 10% 0 10%;}


.tab-custom {
	/*margin-right: auto;
	margin-left: auto;*/
	height: 50px;
	width: 190px;
	width: auto\0/;
	margin-top: -50px;
	margin-bottom: 50px;
	padding-left:2%
	
}


.tab-custom > li > a {
	padding: 20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	color: #000;
	background-color: #FFF;
	font-weight: 700;
	border: none;
	
}

.tab-custom > li > a:hover {color: white;
	background-color: #000;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 20px;
	
	}
	

.tab-custom > .active > a, .nav-pills > .active > a:hover {
	color: white;
	background-color: #000;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 20px;
	border: none;
	
	
}

.box { margin-bottom: 20px;}


/* ======================================================= */
/*  Testimonials
/* ======================================================= */


.testimonial {
	background-color:#FFF;
	font-size: 20px;
	text-align: left;
	/*font-family: 'Droid Serif', Georgia,  Times, serif;*/
	line-height: 31px;
	padding-top: 2%;
	padding-right: 5%;
	padding-bottom: 5%;
	padding-left: 90px;
}

.news{
	background-color: #FFF;
	font-size: 16px;
	text-align: left;
	line-height: 31px;
	padding: 1% 3% 1% 3%;
	margin: 0 2% 0 2%;
	border:1px solid #000000;
}
.news p{
	margin:0 0 10px;
}
.notepad {
	box-shadow: 0 1px 4px hsla(0,0%,0%,.25);
	position: relative;
	background-image: -webkit-radial-gradient(#e6e6e6 21%, transparent 21%),
                      -webkit-radial-gradient(hsla(0,0%,0%,.25) 21%, transparent 26%),
                      -webkit-linear-gradient(top, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0) 95%,
                                                   hsla(180,25%,50%,.1) 95%, hsla(180,25%,50%,.1) 100%);
	background-image: -moz-radial-gradient(#e6e6e6 21%, transparent 21%),
                      -moz-radial-gradient(#e6e6e6 10%, transparent 12%),
                      -moz-linear-gradient(top, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0) 95%,
                                                   hsla(180,25%,50%,.1) 95%, hsla(180,25%,50%,.1) 100%);
	background-image: radial-gradient(#e6e6e6 21%, transparent 21%),
                      radial-gradient(#e6e6e6 10%, transparent 12%), 
                      linear-gradient(top, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,0) 95%,
                                                   hsla(180,25%,50%,.1) 95%, hsla(180,25%,50%,.1) 100%);
	background-position: 6px 6px, 6px 5px, 50% 18px;
	background-repeat: repeat-y, repeat-y, repeat;
	background-size: 48px 48px, 48px 48px, 24px 24px;
	
}
.notepad:after {
    border-left: 1px solid hsla(0,75%,50%,.2);
    border-right: 1px solid hsla(0,75%,50%,.2);
    bottom: 0;
    content: '';
    left: 58px;
    position: absolute;
    top: 0;
    width: 2px;
}
.notepad:before {
    bottom: 8px;
    border-radius: 4px;
    box-shadow: 0 10px 10px hsla(0,0%,0%,.25);
    content: '';
    height: 100px;
    max-width: 300px;
    position: absolute;
    right: 5px;
    width: 300px;
    z-index: -10; 
    -webkit-transform: rotate(2deg);    
       -moz-transform: rotate(2deg);   
        -ms-transform: rotate(2deg);   
         -o-transform: rotate(2deg);
            transform: rotate(2deg);
}


.name-cliente {
	/*font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;*/
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #7E7E7E;
	font-weight: 800;
	text-transform: uppercase;
	padding-top: 40px;
	/*background-image: url(img/lc.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
}
.location{/*text-transform: uppercase;*/font-size: 14px;line-height: 22px; color: #7E7E7E; /*font-weight: 800;*/}
	
/* ======================================================= */
/* Fancybox Custom
/* ======================================================= */	
	
#fancybox-close {
	background: url(img/cross.gif) no-repeat !important;
	width: 21px !important;
	height: 21px !important;
	top: 10px !important;
	right: 7px !important;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}	



/* ======================================================= */
/* Portfolio
/* ======================================================= */


ul.portfolio-filter , .option-set{
	padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
}
.portfolio-filter li {
	margin:0;
	padding:0;
	display:inline;
}
.portfolio-filter li a {
	margin:0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}




/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}



/* ======================================================= */
/* Contact
/* ======================================================= */

.element .textarea {
	height:120px; 
	width:70%;
	padding-left:20px;
}
.element .hightlight {
	border:2px solid #ffa5a5;
	background:url(images/iconCaution.gif) no-repeat 2px
}
.element #submit {
}
.loading {
	float:left;
	background:url(images/ajax-loader.gif) no-repeat 1px;
	height:28px;
	width:28px;
	display:none;
}
.done {
	background:url(images/iconIdea.gif) no-repeat 2px; 
	padding-left:20px;
	font-family:arial;
	font-size:12px; 
	width:100%; 
	margin:20px auto; 
	display:none
}

	
#map_canvas {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: -2;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}	






/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.portfolio-filter li {
			margin: 0;
			padding: 0;
			display: block;
			}
	}
	
.more .view-first:hover .mask
{
	opacity: 0;
	background-color: transparent;
}
::selection {background: #000;color: white;text-shadow: none;}
.ComPara{color:white;text-align:left;}
.morelink {color: #E8AD71;}
.morelink.less {color: #05ADD2;}
.morelink.less:hover{color: #E8AD71;}
.morelink:hover {color: #05ADD2;}
.slider {margin-top: -40px;}
.flex-play {background: url("../img/logos/play.png") no-repeat;color: transparent; height: 40px;}
.flex-pause {background: url("../img/logos/pause.png") no-repeat;color: transparent; height: 40px;}
.flex-play:hover{color: transparent;}
.flex-pause:hover{color: transparent;}
.flex-pauseplay {height: 40px;margin-top: -20px;text-align: center;}
.testtext {display: inline;}
.white {color:white!important;}