/*
Theme Name: Vertigo
Theme URI: http://wordpress.org/
Description: Vertigo web/design's WordPress theme.
Version: 1.0
Author: Tarik Abouziane
Description: This theme was designed and built by Vertigo web/design.

	Tarik Abouziane 
	 http://www.abouziane.com

	This theme was designed and built by Vertigo web/design,
	whose website you will find at http://www.vertigowebdesign.com

*/





/*========== Social Icons ==========*/
ul.icon {
	font-size:64px;
	margin:1em 0 0.5em 0;
}
ul.icon li, ul.icon-footer li {
	display:inline-block;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
ul.icon li:hover, ul.icon-footer li:hover {
	opacity:0.7;
}

ul.icon-footer{
	font-size:40px;
	margin:0.2em 0 0.5em 0;
}

.down a{
	font-size:44px;
	color:#3d3d3d;
}

.down a:hover{
	color:#67686a;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.img-circle {
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}

/* team */

#team h3 {
	font-size: 26px;
	margin-top: 24px;
	margin-bottom: 0px;
	font-weight:bold;
}
#team h3, .job-position {
	text-align: center;
}
#team .featurette {
	text-align: center;
	font-size: 21px;
}
#team h2.featurette-heading {
	margin-bottom: 24px;
}
.teamalign {
	text-align:center
}
.team-thumb {
	margin-top: 26px;
	text-align:center;
}
.job-position {
	font-family: 'Open Sans', sans-serif;
	margin-bottom: .46155em;
	font-style:italic;
}


/* News */
section#news .align {
	font-size: 6em;
	text-align: center;
}
article.post {
	background-color:#fff;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
article .inside {
	margin: 18px 24px 24px;
	padding-top: 1em;
	background-color:#fff;
}
.post-date {
	color: #A5A5A2;
	float: right;
	font-family: 'Open Sans';
	font-size: 14px;
	font-style: normal;
	line-height: 2;
	margin-right: 5px;
}

.post-date-cat {
	color: #A5A5A2;
	float: left;
	font-family: 'Open Sans';
	font-size: 14px;
	font-style: normal;
	line-height: 2;
	margin-right: 5px;
	clear:both;
}

#news h3 {
	font-size: 19px;
	margin-top: 24px;
	margin-bottom: 16px;
	color: #312A1E;
	clear: right;
}

.more-link {
	margin-top: 1.5em;
	font-family: 'Open Sans', sans-serif;
	padding:20px 0px;
	font-size: .875em; /* 14px */

}

.more-link:link, .more-link:visited {
	color: #ea4262;
	text-transform: uppercase;
}

.cat-news {
	background-color:#fff;
	padding:10px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

/* Global */

.cat-news ul{ margin-left: 40px; }

aside { margin-top: 40px; }

header134 { padding: 100px 0; }
header h1 { color: #fff; font-weight: 500; }
header h3 { color: #999b9e; font-weight: 300; }

#about { background-color: #25b9cf; padding: 150px 0; color:#fff; }
#about h2 { color: #fff; }
#about h3 { color: #fff; font-weight: 300; }

header { 
	width: 100%;
	background: url('images/top-bg.jpg') #ededed no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 600px;
	margin-top: -60px;
	padding-top:130px;
	padding-bottom:160px;
	text-align:center;
}

.subheader { 
	width: 100%;
	background: url('images/top-bg.jpg') #ededed no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 200px;
	margin-top: -60px;
	padding-top:70px;
	padding-bottom:0px;
	text-align:center;
}


#services { background-color: #67686a; padding: 150px 0; color:#fff; }
#services h2 { color: #fff; }
#services h3 { color: #fff; font-weight: 300; }

#news { background-image:url('images/binding_light.png'); padding: 150px 0;}
#news h2 { color: #000;padding-left:20px; }
#newsarticle { background-image:url('images/binding_light.png'); padding: 50px 0;}


#clients { background-color: #ea4262; padding: 150px 0; color:#fff; }
#clients h2 { color: #fff; }
#clients h3 { color: #fff; font-weight: 300; }

.clients213 img {  border:8px solid #fff; background: #fff; padding: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.6); }

#contact { background-color: #7ac142; padding: 150px 0; color:#fff; }
#contact h2 { color: #fff; }
#contact h3 { color: #fff; font-weight: 300; }

footer {background-image:url('images/squairy_light.png'); background-color:#3d3d3d;}
footer p { padding: 20px 0px 0px 0px; }
footer h1 { color: #fff; font-weight: 500; }
footer h3 { color: #3d3d3d; font-weight: 300; }

.blue1 { background-color: #25b9cf; }
.grey2 { background-color: #67686a; }
.pink3 { background-color: #ea4262; }
.green4 { background-color: #7ac142; }


.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('images/arrow.png') no-repeat;
}

.panel-service { 
	background-color:#57585a;
	padding:20px;
	min-height:250px;
	margin-bottom:10px;
	border:1px solid #4a4b4d;
  -webkit-border-radius: 5px;
    border-radius: 5px; 
}

.panel-service h4 { 
	color:#fff;
	text-align:center;
}

.panel-service ul { 
	margin-left:20px;
}


.active { 
	display : none;
	visibility:hidden; 
}

iframe {
    top: 0;
    left: 0;
    width: 100% !important; 
}

.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;background:#fff !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;}


.message {
    height:12rem
}

@media screen and (max-width: 420px) {
	.scrollup{
	    visibility:hidden;}

	header { 
	background: url('images/top-bg-small.jpg') #ededed no-repeat fixed;}

	ul.icon {
	font-size:34px;}
}