/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* --------------------- BASE STYLES --------------------- */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

@font-face {
    font-family: Relaway-Regular;
    src: url(Raleway-Regular.ttf);
}


@font-face {
font-family: Raleway-Bold;
src: url('Raleway-Bold.ttf');
src: url('Raleway-Bold.ttf');
src: local(Raleway-Bold), url('Raleway-Bold.ttf');
src: url(Raleway-Bold.ttf); /* IE */
    }
	
	@font-face {
font-family: Raleway-BoldItalic;
src: url('Raleway-BoldItalic.ttf');
src: url('Raleway-BoldItalic.ttf');
src: local(Raleway-BoldItalic), url('Raleway-BoldItalic.ttf');
src: url(Raleway-BoldItalic.ttf); /* IE */
    }

	@font-face {
font-family: Raleway-Light;
src: url('Raleway-Light.ttf');
src: url('Raleway-Light.ttf');
src: local(Raleway-Light), url('Raleway-Light');
src: url(Raleway-Light.ttf); /* IE */
    }

@font-face {
font-family: Raleway-Medium;
src: url('Raleway-Medium.ttf');
src: url('Raleway-Medium.ttf');
src: local(Raleway-Medium), url('Raleway-Medium');
src: url(Raleway-Medium.ttf); /* IE */
    }	
	
	@font-face {
font-family: Raleway-Regular;
src: url('Raleway-Regular.ttf');
src: url('Raleway-Regular.ttf');
src: local(Raleway-Regular), url('Raleway-Regular');
src: url(Raleway-Regular.ttf); /* IE */
    }	
	
	@font-face {
font-family: Raleway-Thin;
src: url('Raleway-Thin.ttf');
src: url('Raleway-Thin.ttf');
src: local(Raleway-Thin), url('Raleway-Thin.ttf');
src: url(Raleway-Thin.ttf); /* IE */
    }
	
	
html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
	overflow-x:hidden;
	font-family: Relaway-Regular;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* --------------------- BODY --------------------- */


.parallax-text{
	font-family:  Relaway-Regular;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	line-height: 25px;
	text-align: center;
	padding-top: 175px;
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
	line-height: 30px;
}

.parallax-text span{font-size: 14px;}
   
#ancla1{position: absolute; top: 795px;}
.navegation_resp{display: none;}

#header {
	width: 100%;
	height: 110px;
	padding: 0px 0px 0px;
	margin: 0px;
	background: #FFFFFF;
	background-repeat: repeat-x;
	position: fixed;
	z-index: 100!important;
	webkit-box-shadow: 0px 13px 18px -11px rgba(209,209,209,1);
  -moz-box-shadow: 0px 13px 18px -11px rgba(209,209,209,1);
  box-shadow: 0px 13px 18px -11px rgba(209,209,209,1);
}

.menu-select{width: auto;float: right;margin-top: 33px;}

.header-container{width: 940px; height: auto;overflow: auto;margin: auto;}

li a{text-decoration: none;}
	
.displaymenu{
	width: 940px;
	height: auto;
	margin: auto;
	overflow: auto;
}

.contentMenu{
	margin: auto;
	overflow: auto;
}

.contentMenu li{
	font-family:  Relaway-Regular;
	font-size: 15px;
	font-weight: 800;
	text-transform: uppercase;
    float: left;
    margin-top: 12px;
}

.logo {
	background: url(../img/logo.png) no-repeat;
	width: 228px;
	height: 66px;
	float: left;
	margin: 0 10px;
}

.welcome{
	font-size: 190px;
	font-weight: bold;
	font-family:  Relaway-Regular;
	color: #fff;
	text-transform: uppercase;
	height: 115px;
	text-align: center;
	margin-top: 50px;
}

.company-name{
	font-size: 17px;
	font-weight: 400;
	font-family:  Relaway-Regular;
	color: #fff;
	text-transform: uppercase;
	float: left;
	margin-top: 24px;
}

.content-logo{width: auto; height: auto;overflow: auto;float: left; margin-top: 23px;}

.contentMenu .logo a:hover {background: none;}

li {list-style: none outside none !important;}

.menubtn{
	height: 16px;
	margin: 0px 10px;
	color: #fff;
	overflow:hidden;
}
.works-container.clock-img.risk img {
  width: 40%;
    padding-bottom: 50px;
}

.contentbtn {
	font-size: 14px;
	/* font-weight: 400; */
	font-family:  Relaway-Regular;
	color: #808080;
	width: auto;
	text-decoration: none;
	line-height: 18px;
}

.contentbtn2 {
	font-size: 14px;
	/* font-weight: 400; */
	font-family:  Relaway-Regular;
	width: auto;
	color:#00A5E3;
	text-decoration: none;
	line-height: 18px;
}

.homebtn{margin: 0px 10px 0px 0px;}
.contactbtn{margin: 0px 0px 0px 10px;}

#banner {
	width:100%;
	height:795px;
	/* margin-top: 110px; */
	position: absolute;
/*
	width:2561px;
	left: 50%;
	margin-left: -1280px;*/
	overflow:hidden;
	background:url(../img/banner.jpg);
	background-attachment: initial;
	background-size: cover;
        background-position-x: 10%;
}

#about{
	padding-top: 873px;
	width: 100%;
	height: auto;
	background: #00a5e3;
}

#freebies{
	width: 100%;
	height: auto;
	background: #00A5E3;
}

#team{
	width: 100%;
	height: 100%;
	background: #fff;
}

#portfolio{
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	padding-top: 29px;
	display: block;
	position: relative;
}

#portfolio2{width: 100%; height: 235px; background:url(../img/pattern_portfolio.jpg) repeat;}

#services{
	width: 100%;
	height: 100%;
	background: #fff;
}

#contact{
	width: 100%;
	height: 100%;
	/* background: #1d1c1c; */
}

#maps {
	width:100%;
	height:398px;
	position: absolute;
	overflow:hidden;
}

#footer{
	position: absolute;
	/* margin-top: 370px; */
	z-index: 9998;
	width: 100%;
	height: 170px;
	/* background: #1d1c1c; */
}

.footerContent{
	width: auto;
	height: auto;
	margin: auto;
}

.footerContent .socialtext {
	margin-top: 40px;
	margin-bottom: 28px;
	text-align: center;
	font-family:  Relaway-Regular;
	font-size: 15px;
	font-style: italic;
	text-transform: uppercase;
	color: #6c6a6a;
}

.socialicons {
	margin: auto;
	width: auto;
	height: 46px;
	text-align: center;
	margin-left: 40px;
}

.sociafoot {
	margin: auto;
	width: 50%;
	height: 46px;
	text-align: center;
	padding-top: 20px;
	border-top: 1px solid;
}

.icon {
	float: left;
	width: 47px;
	height: 46px;
	margin: 0px 6px;
	text-align: center;
}

.sc-fb {background:url(../img/social/facebook.png);}
.sc-tw{background: url(../img/social/twitter.png);}
.sc-frr{background: url(../img/social/forest.png);}
.sc-flkr{background: url(../img/social/flickr.png);}
.sc-vim{background: url(../img/social/vimeo.png);}
.sc-glg{background: url(../img/social/google.png);}

.sc-fb:hover, .sc-tw:hover, .sc-frr:hover, .sc-flkr:hover, .sc-vim:hover, .sc-glg:hover{background-position: 0 -46px; cursor: pointer;}

.section{
	width: 960px;
	margin:auto;
	  
	padding-bottom: 73px;
}

.contentsection{margin-top: 54px;}

.data-content{
	font-family:  Relaway-Regular;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	margin: 33px 20px 30px 20px;
	width: auto;
	/* padding-bottom: 20px; */
	line-height: 24px;
}

.data-content2{
	font-family:  Relaway-Regular;
	font-size: 18px;
	font-weight: normal;
	color: #00A5E3;
	text-align: center;
	margin: 50px 30px 30px;
	width: auto;
}

.title-profile{
	font-size: 80px;
	/* font-weight: bold; */
	font-family: Raleway-Thin;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	font-weight: 100;
}

.pofile-item{width: 160px;float: left;margin: 60px 60px 0;}

.profile-element{
	width: 160px;
	height: 160px;
	float: left;
	margin-bottom: 25px;
}

.element-1{background: url(../img/profile_bg_01.png) no-repeat;background-size: 100%;-webkit-transition: -webkit-transform .8s ease-in-out;      -ms-transition: -ms-transform .8s ease-in-out;      transition: transform .8s ease-in-out;}
.element-2{background: url(../img/profile_bg_02.png) no-repeat;background-size: 100%;-webkit-transition: -webkit-transform .8s ease-in-out;      -ms-transition: -ms-transform .8s ease-in-out;      transition: transform .8s ease-in-out;}
.element-3{background: url(../img/profile_bg_03.png) no-repeat;background-size: 100%;-webkit-transition: -webkit-transform .8s ease-in-out;      -ms-transition: -ms-transform .8s ease-in-out;      transition: transform .8s ease-in-out;}

.element-1:hover{/* background-position: 0 -197px; */; cursor: pointer;/* transform: rotate(360deg); */      -ms-transform:rotate(360deg);      /* -webkit-transform:rotate(360deg); *//* -webkit-transform: scale(1.25); */ /* Safari and Chrome */      -moz-transform:scale(1.25); /* Firefox */      -ms-transform:scale(1.25); /* IE 9 */      -o-transform:scale(1.25); /* Opera */       /* transform:scale(1.25); */opacity: 0.6;}
.element-2:hover{/* background-position: 0 -197px; */; cursor: pointer;/* transform: rotate(360deg); */      -ms-transform:rotate(360deg);      /* -webkit-transform:rotate(360deg); *//* -webkit-transform: scale(1.25); */ /* Safari and Chrome */      -moz-transform:scale(1.25); /* Firefox */      -ms-transform:scale(1.25); /* IE 9 */      -o-transform:scale(1.25); /* Opera */       /* transform:scale(1.25); */opacity: 0.6;}
.element-3:hover{/* background-position: 0 -197px; */; cursor: pointer;/* transform: rotate(360deg); */      -ms-transform:rotate(360deg);      /* -webkit-transform:rotate(360deg); *//* -webkit-transform: scale(1.25); */ /* Safari and Chrome */      -moz-transform:scale(1.25); /* Firefox */      -ms-transform:scale(1.25); /* IE 9 */      -o-transform:scale(1.25); /* Opera */       /* transform:scale(1.25); */opacity: 0.6;}

.profile{
	width: 840px;
	margin: auto;
	margin-bottom: 50px;
	overflow: auto;
}

.profile-menu{
	overflow: hidden;
	margin: auto;
}

.king{
	width: 95px;
	height: 75px;
	background: url(../img/profile_king.png) no-repeat;
	margin-top: 70px;
}
.king:hover{background-position: 0 -75px;}

.eye{
	width: 105px;
	height: 66px;
	background: url(../img/profile_eye.png) no-repeat;
	margin-top: 78px;
}
.eye:hover{background-position: 0 -66px;}

.diamond{
	width: 114px;
	height: 83px;
	background: url(../img/profile_diamond.png) no-repeat;
	margin-top: 75px;
}
.diamond:hover{background-position: 0 -84px;}

.profile-title{
	font-family:  Relaway-Regular;
	font-size: 19px;
	font-weight: 600;

	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	width: 160px;
	float: left;
	margin-bottom: 35px;
}

.footer-profile{
	background: url(../img/profile_footer.png) no-repeat;
	width: 201px;
	height: 22px;
	margin: auto;
	padding-bottom: 55px;
}

.contact-title{
	background: url(../img/contact-title.png) no-repeat;
	width: 820px;
	height: 79px;
	margin: auto;
	margin-top: 10px;
}

.topline{
	position: absolute;
	margin-top: 115px;
	width: 100%;
	height: 17px;
	background:url(../img/pattern_top_about.png) repeat-x;
}

.logosection{
	position:absolute;left:50%;
	margin-left:-115px;
	margin-top: 30px;
	width: 210px;
	height: 147px;
}

.logosection.about{background:url(../img/about_header.png) no-repeat;}
.logosection.freebies{background:url(../img/freebies_header.png) no-repeat;}
.logosection.team{background:url(../img/team_header.png) no-repeat;}
.logosection.portfolio{background:url(../img/portfolio_header.png) no-repeat;}
.logosection.services{background:url(../img/services_header.png) no-repeat;}
.logosection.contact{background:url(../img/contact_header.png) no-repeat;}

.title {
	text-align: center;
	font-family:  Relaway-Regular;
	font-size: 30px;
	font-weight: 800;
	color: #ffffff;
	text-transform: uppercase;
	padding-top: 76px;
}

.title.portfolio {font-size: 30px;}
.title.services {font-size: 30px;}
.title.contact {font-size: 30px;}

.titlesection {
	font-family:  Relaway-Regular;
	font-size: 48px;
	font-weight: 800;
	color: #ffffff;
	line-height: 40px;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

.title-2{font-size: 26px; width: 100%;}

.twittersection{height: 60px;padding: 0px 30px;}

.symbol{
	float: left;
	width: 45px;
	height: 36px;
	background:url(../img/twitter_symbol.png) no-repeat;
	margin-top: 4px;
}

.tweets{
	font-family:  Relaway-Regular;
	font-size: 15px;
	font-weight: normal;
	color: #ffffff;
	float: left;
	width: 620px;
	padding-left: 20px;
}

.tweets a{
	color: #fbfe0b;
}

.tweets a:hover{
	color: #fbfe0b;
	cursor: pointer;
}

.alltweets {
	float: right;
	width: 90px;
	height: 25px;
	background-color:#ffffff;
	border-radius:6px;
	display:inline-block;
	color:#747065;
	font-family:  Relaway-Regular;
	font-size:16px;
	font-weight:normal;
	padding: 7px 24px 3px 24px;
	text-decoration:none;
	text-align: center;
	margin-right: 30px;
}.alltweets:hover {
	color: #fff;
	background-color:#555252;
}

.last-projects{padding-top: 76px;}

.lastest{font-size: 21px;}

.team-title{
	font-size: 110px;
	font-weight: bold;
	font-family:  Relaway-Regular;
	color: #909090;
	text-transform: uppercase;
	text-align: center;
}

.services-title{
	background: url(../img/services-title.png) no-repeat;
	width: 627px;
	height: 87px;
	margin: auto;
}

.imagefribbies{
	width: 708px;
	height: 416px;
	margin: 0px 0px 0px 0px;
	background:url(../img/macbook-base.png) no-repeat;
	margin: auto;	
}

.brillo{
	z-index: 50;
	width: 562px;
	height: 375px;
	position: absolute;
	background:url(../img/shine.png) no-repeat;
	margin-left: 73px;
}

.last-project-title{
	font-size: 60px;
	font-weight: normal;
	font-family: Raleway-Thin;
  color: #fff;
	text-transform: uppercase;
	text-align: right;
	padding-top: 70px;
}

.works-title {
	font-size: 80px;
	/* font-weight: bold; */
	font-family: Raleway-Thin;
	color: #00A5E3;
	text-transform: uppercase;
	text-align: center;
	padding-top: 100px;
}

.works-header{width: 960px; height: auto; margin: auto;}

.pantallaFondo{
	margin: 22px 0 10px 89px;
	width: 528px;
	height: 334px;
	position: absolute;
	z-index:10;
}

.pantalla{
	margin: 22px 0 10px 89px;
	width: 528px;
	height: 334px;
	position: absolute;
	z-index:20;
}

.wall0{background:url(../img/wall1.jpg) no-repeat;}
.wall1{background:url(../img/wall2.jpg) no-repeat;}
.wall2{background:url(../img/wall3.jpg) no-repeat;}
.wall3{background:url(../img/wall4.jpg) no-repeat;}

#freebies .titlesection {margin-bottom: 35px; font-size: 39px;}

.freebiescontent{
	font-family:  Relaway-Regular;
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	width: 840px;
	height: auto;
	text-align: center;
	margin: 35px auto 20px;
}

.last-project-footer{
	background: url(../img/last-projects-footer.png) no-repeat;
	width: 248px;
	height: 22px;
	margin: auto;
	padding-bottom: 55px;
}

.download {
	float: right;
	width: 90px;
	height: 25px;
	background-color:#ffffff;
	border-radius:6px;
	display:inline-block;
	color:#747065;
	font-family:  Relaway-Regular;
	font-size:16px;
	font-weight:normal;
	padding: 7px 24px 3px 24px;
	text-decoration:none;
	text-align: center;
	margin-right: 25px;
	margin-top: 20px;
}.download:hover {
	color: #fff;
	background-color:#f0c134;
}

.teamhead{
	padding: 110px 35px 0px 20px;
	height: auto;
}

.titlesection.ourteam{
	float: left;
	font-size: 45px;
	text-transform: uppercase;
	padding: 5px 35px 0px 0px;
	width: auto;
}

.teamdescription{
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	float: left;
	height: 35px;
	padding: 15px 0px 0px 20px;
	color: #faef51;
	text-transform: uppercase;
	font-style: italic;
	font-size: 20px;
}

.contactdescription{
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	float: left;
	height: 35px;
	padding: 15px 0px 0px 20px;
	color: #ffffff;
	text-transform: uppercase;
	font-style: italic;
	font-size: 20px;
}

.servicesdescription{
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	float: left;
	height: 35px;
	padding: 15px 0px 0px 20px;
	color: #f7ac00;
	text-transform: uppercase;
	font-style: italic;
	font-size: 20px;
}

.teamcontent{
	font-family:  Relaway-Regular;
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	width: auto;
	height: auto;
	float: left;
	margin: 20px 20px 20px 0px;
}

.membersteamslider{
	width: 960px;
	height: auto;
}

.membersteam{
	width: 320px;
	height: 310px;
	float: left;
	margin: auto;
}

.name{
	float: left;
	height: 100%;
	width: 96px;
	text-align: right;
	border-right: 2px solid rgb(255, 255, 255);
	padding: 0px 8px;
	font-family:  Relaway-Regular;
	font-size: 21px;
	font-weight: normal;
	color: #ffffff;
}

.info{
	height: 100%;
	margin: 0px 8px;
	width: 190px;
	float: right;
	font-family:  Relaway-Regular;
	font-size: 21px;
	font-weight: normal;
	color: #fbdb03;
}

.infomembers{
	height: auto;
	font-family:  Relaway-Regular;
	font-size: 19px;
	font-weight: 600;
	color: #484545;
	width: 300px;
	margin-left: -40px;
	text-align: center;
	padding: 25px 0 20px 0;
}

.membertag {color: #1ddfb3;font-weight: 600;}

.member1{
	text-align: left;
	margin: 0px 0px 30px 25px;
	height: 221px;
	width: 221px;
}

.member2{
	text-align: center;
	margin: 0px 0px 30px 45px;
	height: 221px;
	width: 221px;
}

.member3{
	float: right;
	text-align: right;
	margin: 0px 25px 30px 0px;
	height: 221px;
	width: 221px;
}

.leftmember.centermember{
	margin-left: 15px;
}

.rightmember{
	margin-left: 10px;
}

.banner-background{position: absolute; top: -165px;}
.anchor-position{position: absolute; top: 300px;}
.non-style{text-decoration: none;}
.map-content{width:100%;margin-left:auto;margin-right:auto;}
.inner-map{width:100%;height:398px;margin-left:auto;margin-right:auto;}


/* --------------------- TEAM SECTION --------------------- */

#team .section {
width: 960px;
margin: auto;
padding-bottom: 20px;
}

.oculto {display: none;}

.disable{cursor: default !important; opacity: 0.2 !important;}

.disable-2{cursor: default !important; opacity: 0.2 !important;}

.activo:hover{cursor: default !important; opacity: 1 !important;}

.dots{width: 11px; height: 11px; float: left; margin: 0 4px;}
.dotsmenu{height: 11px; width: 57px; margin: auto; display: none;}

.dotsmenu li.activo{background: url(../img/dotin.png) no-repeat;}
.dotsmenu li{background: url(../img/dotout.png) no-repeat;}
.dotsmenu li:hover{opacity: 0.6; cursor: pointer;}

.teamlist{width: 2820px; height: 400px;}
.teamshow{width: 940px; overflow: hidden; margin: auto;}

.team li{
	list-style: none;
	float: left;
	width: 221px;
	height: 221px;
	text-align: center;
}

.centre{margin: 20px 58px 100px 58px;}
.sides{margin: 20px 40px 100px 40px;}

 .ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	cursor: default;		
	-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;
}

.team .ch-img-1 {background-image: url(../img/team/team_01.png);}
.team .ch-img-2 {background-image: url(../img/team/team_02.png);}
.team .ch-img-3 {background-image: url(../img/team/team_03.png);}

.team .ch-info {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	opacity: 0;
	-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;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-backface-visibility: hidden; /*for a smooth font */
}

.team .ch-info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0px 30px -30px 30px;
	padding: 40px 0 0 0;
	height: 70px;
	font-family:  Relaway-Regular;
}

.team .ch-info p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid #fff;
}

.team .ch-info p a {
	display: block;
	color: #fff;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing:1px;
	margin-top:5px;
	font-family:  Relaway-Regular;
}

.team .ch-info p a:hover {color: #514b4b;}

.team .ch-item:hover {
	box-shadow: 
		inset 0 0 0 140px rgba(29,223,179, 0.8), /* Color Circle and Alpha*/
		inset 0 0 0 5px rgba(255,255,255,0), /* Color Border and Alpha*/
		0 1px 2px rgba(0,0,0,0.1);
}

.team .ch-item:hover .ch-info {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}

.ch-info:hover .ch-info-back {display:block\0/;}

.team .ch-infoie9 {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
/*	opacity: 0;*/
}

.team .ch-infoie9 h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 40px 0 0 0;
	height: 60px;
	font-family:  Relaway-Regular;
	display:none;
}

.team .ch-infoie9 p {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	display:none;
}

.team .ch-infoie9 p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing:1px;
	margin-top:30px;
	font-family:  Relaway-Regular;
}

.team .ch-infoie9:hover {background-image: url(../img/rollie9_team.png);}
.team .ch-infoie9:hover h3{display:block;}
.team .ch-infoie9:hover p{display:block;}
.team .ch-infoie9:hover p a{display:block;}
.team .ch-infoie9 p a:hover {color: #111;}

.team .ch-itemie9{
	width: 100%;
	height: 221px;
	border-radius: 50%;
	position: relative;
	cursor: default;
}

.navigation{
	margin: auto;
	height: 35px;
	width: 940px;
}

.direction-bar{position: relative;}

.dir-left{
	width: 53px;
	height: 101px;
	background: url(../img/direction_nav_prev.png);
	cursor: pointer;
	position: absolute;
	bottom: 240px;
	left: -40px;
}
.dir-right{
	width: 53px;
	height: 101px;
	background: url(../img/direction_nav_next.png);
	cursor: pointer;
	position: absolute;
	bottom: 240px;
	right: -40px;
}

.dir-left:hover{opacity: 0.7;}
.dir-right:hover{opacity: 0.7;}

/* --------------------- END TEAM SECTION ---------------------*/

/* --------------------- PROJECT --------------------- */

.close {
	width: 29px;
	height: 29px;
	background: url(../img/close.png) no-repeat;
	margin-right: 60px;
	position: absolute;
	right: 0px;
	top: 45px;
}
.close:hover{/* background-position: 0 -29px; */ cursor: pointer;}
.dots2{width: 11px; height: 11px; float: left; margin: 1px 5px 0;}
.dotsmenu2{height: 14px; width: 85px; margin: auto;}
.dotsmenu2 li.activo2{background: url(../img/dotin2.png) no-repeat;}
.dotsmenu2 li{background: url(../img/dotout2.png) no-repeat;}
.dotsmenu2 li:hover{cursor: pointer;}

.project-window{
	width: 100%;
	height: auto;
	background: #343333;
	border-top: 1px solid #494848;
	border-bottom: 1px solid #494848;
	display: none;
	position: fixed;
	z-index: 9;
	top: 25%;
}

.view-btn{width: 794px;text-align: center;}

.nav-project{width: 85px;height: 14px;position: absolute;margin-top: 6px;margin-left: 401px;}
.project-content{width: 900px; height: auto !important; color: #fff; margin: auto; padding-top: 15px; position: relative;margin-bottom: 15px;}
.img-project {margin: auto;width: 674px; height: 421px;clear: right;overflow: hidden;padding-bottom: 46px;margin-top: 25px;}

.info-project {width: 674px;height: auto;margin: auto;padding-top: 30px;}
.thumb-project{margin: 20px 0px 10px 0px; width: 2600px; height: 411px;}
.title-project{font-family:  Relaway-Regular; color: #fff; font-size: 24px; font-weight: 600; line-height:15px;}

/* PROJECTS */

.works-container{background: #FFFFFF;}

.project-one{float: left; background: url(../img/pf/ABSummit2014_CL_Day-2_22nd_May199.jpg) no-repeat;  background-size: cover; width: 674px; height: 421px; margin-right: 20px;}

.project-video{float: left; width: 674px; height: 421px; margin-right: 20px;}
.project-two{float: left;  background: url(../img/pf/Satish_at_desk.jpg) no-repeat;    background-size: cover; width: 674px; height: 421px;margin-right: 20px;}
.project-three{float: left; background: url(../img/pf/Satish_Port.jpg) no-repeat; background-size: cover; width: 674px; height: 421px;margin-right: 20px;}
.project-four{float: left; background: url(../img/projects/project_01.jpg) no-repeat; width: 674px; height: 421px;margin-right: 20px;}
.project-five{float: left; background: url(../img/projects/project_01.jpg) no-repeat; width: 674px; height: 421px;margin-right: 20px;}

.project-nav{float: right; width: auto; height: 31px; margin-right: 10px;}

.btn-prev{
	width: 11px;
	height: 14px;
	background: url(../img/btn-prev.png);
	cursor: pointer;
	float: left;
	margin: 0 5px;
}
.btn-next{
	width: 11px;
	height: 14px;
	background: url(../img/btn-next.png);
	cursor: pointer;
	float: left;
	margin: 0 5px;
}

.btn-next:hover{opacity: 0.7;}
.btn-prev:hover{opacity: 0.7;}

.disable2{cursor: default !important; opacity: 0.6 !important;}
.disable2:hover{background: url(../img/btn-prev.png) no-repeat !important;}
.disable-22{cursor: default !important; opacity: 0.6 !important;}
.disable-22:hover{background: url(../img/btn-next.png) no-repeat !important;}

/* ------ end PROJECT  ------ */

/* --------------------- PORTFOLIO ISOTOPE ---------------------*/

.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;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

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

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-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;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/* Isotope content styles */

#container2 {width: 100%; margin: auto;padding-bottom: 40px;}

.element {
  width: 221px;
  height: 221px;
  margin: 50px 40px 0px 40px;
  float: left;
  overflow: hidden;
  position: relative;
}

.element.all{}
.element.design{}
.element.motion {}
.element.websites{}
.element.branding{}


.element * {
  /* position: absolute; */
  margin: 0;
}

/* Horizontal */

.horizontal #container2 {
  height: 80%;
}

#copy {
  max-width: 640px;
}

/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.port-folio li{
	list-style: none;
	float: left;
	width: 221px;
	height: 221px;
	text-align: center;
}

.info-pf{top: 245px; margin: auto; width: 225px;}

.portfoliolist{width: 1880px; height: auto;}

/* --------------------- end ISOTOPE --------------------- */

.date{
	font-family:  Relaway-Regular;
	font-size: 16px;
	font-weight: normal;
	color: #00A5E3;
	text-align: center;
	margin-top: 8px;
	position: relative;
}

.date-inside{font-weight: bold;margin-left: 10px;}

.infoproject{
	height: auto;
	font-family:  Relaway-Regular;
	font-size: 23px;
	font-weight: normal;
	color: #00A5E3;
	text-align: center;
	position: relative;
}

.folio-btn{
	color: #00A5E3;
	height: auto;
	line-height: 50px;
	text-decoration: none;
}

.last-btn{margin-right: 40px;}

.portfolio-btn{
	float: left;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
	margin: 0 29px;
	font-family: Relaway-Regular;
}

.portfolio2-btn{
	float: left;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 600;
	margin: 0 29px;
	font-family:  Relaway-Regular;	
}

#options{padding-bottom: 20px;}

.portfolio-btn:hover{color: #ffffff; cursor: pointer;}
.portfolio2-btn:hover{color: #ffffff; cursor: pointer;}

.foliomenu{width: 940px; height: 49px; margin: auto; /* margin-left: 40px; */}

.all-btn{width: 49px; height: 49px; float: left; background: url(../img/portfolio_all_btn.png) no-repeat; margin-right: 10px;}
.websites-btn{width: 49px; height: 49px; float: left; background: url(../img/portfolio_websites_btn.png) no-repeat; margin-right: 10px;}
.design-btn{width: 49px; height: 49px; float: left; background: url(../img/portfolio_design_btn.png) no-repeat; margin-right: 10px;}
.motion-btn{width: 49px; height: 49px; float: left; background: url(../img/portfolio_motion_btn.png) no-repeat; margin-right: 10px;}
.branding-btn{width: 49px; height: 49px; float: left; background: url(../img/portfolio_branding_btn.png) no-repeat; margin-right: 10px;}

.all-btn:hover, .websites-btn:hover, design-btn:hover, .motion-btn:hover, .branding-btn:hover, .portfolio-btn:hover .all-btn, .portfolio-btn:hover .websites-btn, .portfolio-btn:hover .design-btn, .portfolio-btn:hover .motion-btn, .portfolio2-btn:hover .branding-btn{/* background-position: 0 -48px; */ cursor: pointer;}

.foliomenu .all-btn:hover{color: #ffffff;}

.t-twitter {float: left;background: url(../img/t-twitter.png) no-repeat;width: 28px;height: 27px;margin: 0px 4px;}
.t-fb {float: left; background: url(../img/t-fb.png) no-repeat; width: 28px; height: 27px; margin: 0px 4px;}
.t-flickr {float: left;background: url(../img/t-flickr.png) no-repeat;width: 28px;height: 27px;margin: 0px 4px;}
.t-mail {float: left;background: url(../img/t-mail.png) no-repeat;width: 28px;height: 27px;margin: 0px 4px;}
.t-fb:hover, .t-twitter:hover, .t-flickr:hover, .t-mail:hover{background-position: 0 -27px; cursor: pointer;}

.social{width: 150px;padding-top: 20px;margin: auto;text-align: center;}
.social.member1{margin-left: 55px;}
.social.member3{margin-right: 55px;}
	
.buttonsteam{padding-top: 52px;width: 100%;float: left;}

#container.cf{padding: 300px 0px 100px 0px;}

#main{margin-top: -120px;}

.contactinfo{
	width: 285px;
	height: auto;
	float: left;
	/* margin-bottom: 150px; */
	margin-top: 17px;
}

#formulario{
	float: right;
	width: 620px;
	margin-top: 33px;
}

.titlecontact{
	font-family:  Relaway-Regular;
	font-size: 22px;
	/* font-weight: 900; */
	color: #ffffff;
	text-align: center;
	border-bottom: 1px solid #fff;
	width: 50%;
	margin: 20px auto 10px;
}

.email{
	background: url(../img/email.png) no-repeat;
	width: 64px;
	height: 62px;
	margin: 15px 0px 0px 35px;
}

.phone{
	background: url(../img/phone.png) no-repeat;
	width: 64px;
	height: 62px;
	margin: 15px 0px 0px 35px;
}

.skype{
	background: url(../img/skype.png) no-repeat;
	width: 64px;
	height: 62px;
	margin: 15px 0px 0px 35px;
}

.infocontact{
	font-family:  Relaway-Regular;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	margin: 22px 0px 0px 70px;
	float: left;
	width: 200px;
}

#messageform {
	border: none;
	background: #FFFFFF;
	width: 60%;
	font-family:  Relaway-Regular;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	padding: 10px 20px;
	outline: none;
	border-radius: 10px;
	margin: 0 20%;
}

#nameform{
	border: none;
	background: #FFFFFF;
	width: 60%;
	height: 15px;
	float: none;
	margin-bottom: 10px;
	font-family:  Relaway-Regular;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	padding: 5px 20px;
	outline: none;
	border-radius: 10px;
	margin-left: 15%;
	text-align: center;
	/* margin: 0 auto; */
}

#emailform{
	border: none;
	background: #FFFFFF;
	width: 50%;
	height: 15px;
	/* float: right; */
	font-family:  Relaway-Regular;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	padding: 5px 20px;
	outline: none;
	border-radius: 10px;
	text-align: center;
}

.infobanner{
	height: auto;
	width: 960px;
	margin: auto;
	padding-top: 200px;
}

.titlebanner{
	width: 295px;
	height: 106px;
	margin: auto;
	background: url(../img/jellythemes.png) no-repeat;
}

.textbanner{
	width: 675px;
	height: auto;
	text-align: center;
	margin: auto;
	/* border-top: 3px solid #1d9686; */
	font-family:  Relaway-Regular;
	font-size: 18px;
	font-weight: 600;
	/* font-style: italic; */
	color: #ffffff;
	padding-top: 25px;
}

.bannerfoot{
	width: 54px;
	height: 27px;
	background: url(../img/bannerfooter.png) no-repeat;
	margin: auto;
	margin-top: 12px;
}

.home:hover{
	width: 121px;
	height: 30px;
}

.disciplines{
	width: 932px;
	height: auto;
	margin: auto;
	margin-left: 20px;
	overflow: auto;
	margin-top: 60px;
}

.works{
	width: 270px;
	height: 160px;
	margin: auto;
	float: left;
	margin-bottom: 40px;
	margin-right: 40px;
	font-family:  Relaway-Regular;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
}

.titleworks{
	font-family:  Relaway-Regular;
	font-size: 17px;
	font-weight: bold;
	color: #7e7f7f;
	text-transform: uppercase;
}

.infoworks{font-size: 14px; color: #676b6a; font-family:  Relaway-Regular;}

.iconworks{padding: 7px 15px 15px 0;}

.software{
	width: 100%;
	float: left;
	margin-bottom: 80px;
}

.skills{
	width: 240px;
	height: 235px;
	float: left;
}
/* ------------------------ PROGRESS BAR ---------------------------*/

.skill-1 .skill-in{width: 100%;}  /* Change your percent Skills here!*/
.skill-2 .skill-in{width: 90%;}	/* Change your percent Skills here!*/
.skill-3 .skill-in{width: 65%;}	/* Change your percent Skills here!*/
.skill-4 .skill-in{width: 80%;}	/* Change your percent Skills here!*/

.info-skills{
	color:#9a9795;
	font-family:  Relaway-Regular;
	font-size:20px;
	font-weight:normal;
	text-transform: uppercase;
	float: left;
	margin: 38px 20px;
}

.skill-content{clear: left;}

.progress-bar {
	height: 25px;
	padding: 1px 3px;
	width: 520px;
	margin: 35px 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0 11px 45px #dddddd inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 11px 45px #dddddd inset, 0 1px 0 #fff;
	box-shadow: 0 11px 45px #dddddd inset, 0 1px 0 #fff;
	float: left;
}

.progress-bar .skill-in {
  display: inline-block;
  height: 100%;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-transition: width 0.4s ease-in-out;
  -moz-transition: width 0.4s ease-in-out;
  -ms-transition: width 0.4s ease-in-out;
  -o-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

.stripes1 .skill-in {
	background: url(../img/progress_01.png) repeat;
	height: 25px;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	font-weight: bold;
}

.stripes2 .skill-in {
	background: url(../img/progress_02.png) repeat;
	height: 25px;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
	font-weight: bold;
}

.percent{
	color: #fff;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	font-family: Arial, Helvetica, sans-serif;
	line-height: 25px;
	font-size: 19px;
	text-align: right;
	padding: 0 100px 0 0;
}

.psd{background: url(../img/stats_photoshop.png) no-repeat;}
.ae{background: url(../img/stats_after.png) no-repeat;}
.ai{background: url(../img/stats_illustrator.png) no-repeat;}
.dream{background: url(../img/stats_dreamweaver.png) no-repeat;}

.bgsepara{
	height:380px;
	width:100%;
    box-shadow: inset 0px 5px 50px rgba(0,0,0,.5);
	position: relative;
}

.bg-about{background: url(../img/parallax_photos/p1.jpg);   /* background-attachment: fixed; */background-size: cover;/* background-repeat: no-repeat; */background-position: 100%;}
.bg-freebies{background:url(../img/parallax_photos/p2.jpg) repeat;}
.bg-team{background:url(../img/parallax_photos/p3.jpg) repeat;}
.bg-portfolio{background:url(../img/parallax_photos/p4.jpg) repeat;}
.bg-contact{background: url(../img/parallax_photos/p4.jpg); /* background-attachment: fixed; */
background-size: cover;        /* background-repeat: no-repeat; */    /* background-position: 100%; */}

.img-about{}
.img-freebies{}
.img-team{}
.img-portfolio{}
.img-contact{}

.submit {
	/* float: right; */
	width: 75px;
	/* height: 23px; */
	background-color: #FFFFFF;
	border-radius:6px;
	display:inline-block;
	color: #00A5E3;
	font-family:  Relaway-Regular;
	font-size: 14px;
	font-weight:normal;
	padding: 5px 10px;
	text-decoration:none;
	text-align: center;
	margin-right: 0px;
	/* margin-top: 10px; */
}

.submit:hover {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
}

.description{
	color:#fff;
	font-family:  Relaway-Regular;
	font-size:13px;
	font-weight:600;
	margin-bottom: 20px;
	line-height: 16px;
}

.view-project2 {
	/* float: right; */
	width: 75px;
	/* height: 21px; */
	background-color: #00a5e3;
	border-radius: 4px;
	display: inline-block;
	color: #fff;
	font-family:  Relaway-Regular;
	font-size: 12px;
	font-weight: 500;
	padding: 10px 16px 10px 16px;
	text-decoration: none;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 30px;
}

.view-project2:hover {
	color: #fff;
	background-color:#1d1c1c;
}

/* --------------------- HELPER CLASSES --------------------- */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
.blue {
    color: #00a5e3;
}
video#bgVideo {
    position: absolute; // Play the video in full screen mode    top: 0px;     
    /* left: 0px; */     
    /* min-width: 100%; */     
    /* min-height: 100%; */    
    /* z-index: -1; */ // Put the video behind all other elements;
    z-index: -1;
    width: 100%;
    /* transform: translateY(-25%); */
}
img.play-btn:hover {
    opacity: 0.4;    -webkit-transform: scale(0.8);    -ms-transform: scale(0.8);    transform: scale(0.8);   cursor: pointer;
}

/* Reset max-height when in full screen mode */
video:-webkit-full-screen	{ max-height: 100%; }
video:-moz-full-screen		{ max-height: 100%; }

.center {
    text-align: center;
}
form#formulario {
    font-weight: 100;    background: rgba(9,76,106,.6);    color: #fff;    
    max-width: 440px;    
    height: 440px;    margin: 0 auto;    
    margin-top: 50px;    border-radius: 50%;    font-size: 15px;    z-index: 112;    
    /* padding-top: 30px; */
}
fieldset {
    width: 100%;
}

.first {
    width: 80%;
    margin: 0 10%;
}

.col-100 {
    width: 100%;
    display: inline-block;
}

.col-50 {
    width: 50%;
    float: left;
}
div#ancla4 {
    padding-top: 40px;
}
div#contact {
    padding-top: 110px;
   /*  background: url(../img/contact-us.gif); */
    height: 700px;
    background-size: cover;
    background-repeat: no-repeat;
}
.contact-name {
    width: 96%;
    margin: 0 2%;
    border-radius: 5px;
    border: none;
    text-align: center;
    margin-bottom: 10px;
}
.contact-fields {
    width: 96%;    
    margin: 0 1%;    
    border-radius: 5px;    border: none;    text-align: center;
    margin-bottom: 10px;
}
.mail-id {
    margin-top: 10px;
}
.social-icon {
    width: 50%;
    margin: 0 auto;
    display: block;
    /* height: 41px; */
    border-top: 1px solid;
    padding-top: 5px;
}
.social-icon i {
    width: 25%;
    text-align: center;
    font-size: 35px;
    display: block;
    float: left;
    padding: 7px 0;
    color: #ffffff;
}
#innovation {
    width: 100%;    
    height: auto;    
    background: #00a5e3;
	
    padding-top: 110px;
}
.title-innovation {
    font-size: 55px;    
    /* font-weight: bold; */    font-family: Raleway-Thin;    color: #FFFFFF;    text-transform: uppercase;    text-align: center;    font-weight: 100;
    width: 100%;
    /* float: left; */
    vertical-align: middle;
    padding: 25px 20px;
    /* border-right: 1px solid; */
}
.data-innovation {
    /* padding: 30px; */
    width: 100%;
    /* float: left; */
    text-align: center;
}
.no-padding{
padding:0;
}
.innovation-content {
    font-family: Relaway-Regular;    font-size: 18px;    font-weight: normal;    color: #FFFFFF;    text-align: center;    
    /* padding: 50px 20px 30px 20px; */    width: auto;
    line-height: 24px;
}
.clock-img{
  width: 60%;
  margin: 0 20%;
  float: left;
}
  .clock-img img{
  display: block;
  margin: 0 auto;
  float: none;
  width: 100%;
}
.title-innovation-inner {
    font-size: 40px;    padding: 40px 0 0;    font-family: Raleway-Bold;    color: #FFFFFF;    text-transform: uppercase;    text-align: center;    font-weight: 100;
}
img.block-img {
    /* float: left; */
    width: 20%;
    /* padding-right: 80px; */
    margin: 0 40%;
}
.investments-blocks .inner-bloc1 {
    margin-bottom: 20px;
}
table.block-table {
    color: #ffffff;
    margin: 30px;
    display: inline-table;

    height: 159px;
    width: 100%;
    margin: 0;
}

.block-table tr td {
    padding: 30px;
    text-align: left;
    font-size: 18px;
    font-family: Raleway-Light;
    line-height: 25px;
}

.block-table tr {
    border: 1px solid;
}
.inner-bloc2 {
    width: 33.33%;
    float: left;
    margin: 40px 0 80px 0;
}
.block-table2 {
    color: #fff;
    padding: 2%;
    text-align: center;
    display: inline-block;
    width: 96%;
    border: 1px solid;
    min-height: 117px;
}

.inner-bloc1 {
    display: inline-block;
    vertical-align: middle;
}

.block-table2 span {
    display: inline-block;
    float: left;
    padding: 10px 5%;
    width: 40%;
    font-family: Raleway-Light;
}
.investments-blocks {
    margin: 40px 10px 60px 10px;
}

.innovation-blocks .inner-bloc {
    margin-bottom: 22px;
}

.innovation-blocks {
    margin-top: 19px;
}
option.option-blue {
    color: #00A5E3;
}

.white-bg {
    background-color: #ffffff !important;
}

.grey {
    color: #747474;
}

section.middle-sec {
    width: 100%;
    display: inline-block;
}

.data-innovation strong.grey {
    padding: 50px 0 0 0;
    display: inline-block;
    font-size: 18px;
}

.block-img2 {
    width: 100%;
}

/* --------------------- end BODY --------------------- */



.collapse_dropdown_btn{

  height: 20px;

  border-radius: 6px;

  background: #fff;

  width: 96%;

  line-height: 16px;;

  margin: 0 1%;

}

.spot{

  width: 10px;

  height: 10px;

  border-radius: 5px;

  background: #0096de;

  /*float: right;*/

  position: absolute;

  right: 5px;

  top: 10px;

  display: none;

}

.panel-heading.actives .spot{

  display: block;

}

#polina .collapse_dropdown_btn small{
  padding: 0;
  display: inline-block;
  margin: 0 10px;
  color: #000;
  line-height: normal;

}

.collapse_dropdown_btn div{

  width: 10px;

  height: 10px;

  border-radius: 5px;

  background: #0096de;

  float: right;

  margin-right: 5px;

  margin-top: 4px;

  display: block;

}



.collapse_dropdown{

  position: absolute;
  

  display: block;
  

  /* width: 87%; */
  

  /* top: 89px; */
  

  background: #fff;
  

  border-radius: 7px;
  

  z-index: 1;
  

}

.collapse_dropdown h4 a{

  font-family: "Raleway-Regular";

  text-decoration: none;

  color: #0096de;

}

.collapse_dropdown .panel-title{

  text-align: left;

  padding: 0 10px;

}

.collapse_dropdown .panel-body{

  padding: 0;

}

.collapse_dropdown .panel-body ul{

  padding: 0 10px;

  text-align: left;

  list-style-type: none;

}
.collapse_dropdown .panel-body ul li{
  padding: 0;
}

.collapse_dropdown .panel-body ul li a{

  font-family: "Raleway-Regular";

  color: #7E7E7E;

  text-decoration: none;

  font-size: 12px;

}

.collapse_dropdown .panel-group .panel{

  margin-bottom: 0;

  border-radius: 4px;

}

.collapse_dropdown .panel-default{

  border:none;

}

.collapse_dropdown .panel-default>.panel-heading {

  color: #0096de;

  background-color: transparent;

  border: none;

  padding: 0;

  position: relative;

}

.collapse_dropdown>div{

  border-radius: 0;

}

.hideContent{

  display: none;

}




/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	
}
.col-50 select {
    width: 96% !important;    margin: 0 1%;    border-radius: 5px;    border: none;    text-align: center;    margin-bottom: 10px;
}
strong.grey.bottom-padding {
    padding-bottom: 50px;
}
img.bullet {
    width: 8px;
    padding-right: 5px;
    padding-bottom: 5px;
}
.block-table2 tr td {
    padding: 30px;    
    text-align: left;    font-size: 18px;    font-family: Raleway-Light;    line-height: 25px;
}
.block-table2 p {
    padding: 30px;    text-align: center;    font-size: 18px;    font-family: Raleway-Light;    line-height: 25px;
}
.white {
    color: #ffffff;
}
.mb-vd {
    display: none;
}
ol.dropdown-menu {
    position: absolute;
    margin-top: 10px;
    background: #ffffff;
    margin-left: -25px;
    border: 1px solid #00A5E3;
    display: none;
}

.dropdown-menu li {
    float: none;
}
.dropdown:hover ol.dropdown-menu {
    display: block;
}
li.dropdown {
    padding-bottom: 10px;
}
p button.submit {
    margin-bottom: 10px;
}
.welcome .element {
    width: 100%;
    margin: 0 auto;
}

.welcome .element .ch-grid {
    width: 100%;
    height: auto;
}