/*
Theme Name: Aitasi
Theme URI: http://shapedtheme.com/demo/aitasi
Author: ShapedTheme
Author URI: http://shapedtheme.com
Description: Aitasi is a Responsive WordPress Coming Soon Theme.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shaped_theme
*/



/*
====================================
------------------------------------
	1. General
	2. Home
	3. Social Icons
	4. Service
	5. About
	6. Contact
	7. Footer
-------------------------------------
=====================================
*/

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

body {
	font-family: 'Open Sans', sans-serif;
	position: relative;
	font-weight:400;
	background: #fff;
	color:#43484E
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

a:hover {
	outline: none;
	text-decoration:none;
}

a:focus {
	outline:none;
	outline-offset: 0;
}

textarea:focus, input:focus{
	outline:none;
	outline-offset: 0;
}

a {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif;
}
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors {
  float: left;
  width: 100%;
}

#st-preloader {
	background: #FFF;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 9999;
}

#pre-status,
.preload-placeholder {
	background-image: url(images/preloader.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 50px;
	left: 50%;
	margin: -25px 0 0 -25px;
	position: absolute;
	top: 50%;
	width: 50px;
}

.preload-placeholder {
	background: none;
	left: 0;
	margin: 0;
	text-align: center;
	top: 65%;
}


/* === Home === */

	.yt-controls {
		text-align: right;
	}

	.yt-controls a {
		display: inline-block;
		width: 20px;
		text-decoration: none;
	}

	#home-page{
		position: relative;
		background-position: 50% 0;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.home-bg{
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.main-logo {
		margin-bottom: 50px;
	}

	.main-logo img{
		max-width: 100%;
		height: auto;
	}

	.home-page h1{
		font-size: 30px;
	}

	.home-page h2{
		font-size: 40px;
		color: #ffffff;
		font-weight: 700;
		text-transform: uppercase;
	}

	.home-page p{
		font-size: 14px;
		color: #fefefe;
		margin-bottom: 20px;
	}

	.tk-countdown {
		color: #fff;
		margin-top: 35px;
		text-align: center;
		margin-bottom: 65px;
	}

	.tk-countdown > * {
		text-align: center;
	}

	.tk-countdown div.days{
		border: 2px solid ;
		border-radius: 20px 0px;
		width: 120px;
		height: 120px;
		padding-top: 15px;
		margin: 15px;
	}

	.tk-countdown div.hours{
		border: 2px solid ;
		border-radius: 20px 0px;
		width: 120px;
		height: 120px;
		padding-top: 15px;
		margin: 15px;
	}

	.tk-countdown div.minutes{
		border: 2px solid ;
		border-radius: 20px 0px;
		width: 120px;
		height: 120px;
		padding-top: 15px;
		margin: 15px;
	}

	.tk-countdown div.seconds{
		border: 2px solid ;
		border-radius: 20px 0px;
		width: 120px;
		height: 120px;
		padding-top: 15px;
		margin: 15px;
	}

	.tk-countdown div {
		display: inline-block;
	}

	.tk-countdown div span {
		display: block; 
	}

	.tk-countdown div span:first-child {
		height: 64px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 60px;
		line-height: 64px;
		color: #f7f7f7;
	}

	.tk-countdown div span:last-child {
		height: 20px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 18px;
		line-height: 20px;
	}

	.subscribe-area .form-control{
		background: transparent;
		border: 1px solid ;
		width: 270px;
		border-radius: 8px 0px 0px 0px;
		color: #808b8d;
		margin-right: -4px;
		display: inline-block;
		line-height: 18px;
		font-size: 14px;
		height: 40px;
	}

	.submit-bt{
		color: #fff;
		border: 1px solid;
		font-size: 19px;
		padding: 6px 20px 8px 20px;
		border-radius: 0px 0px 8px 0px;
		line-height: 25px;
		height: 40px;
		margin-top: -3px;
	}

	.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
		color: #fff;
	}

	.st-subscribe-message{
		color: #fff;
		font-weight: 400;
		margin-top: 8px;
	}

	.st-subscribe-message .fa-warning{
		color: #FA1818;
	}

	.st-subscribe-message .fa-check{
		color: #00C227;
	}


/* === Social Icons === */
	.social-shear{
		margin-top: 20px;
	}

	.social-shear a i{
		border: 1px solid;
		font-size: 20px;
		width: 35px;
		height: 35px;
		line-height: 35px;
		border-radius: 8px 0px;
		margin: 4px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.social-shear a:hover i{
		color: #ffffff;
	}


/* === Service === */
	.service-aro-icon{
		width: 380px;
		margin: 0 auto;
	}

	.service-aro-icon i{
		font-size: 16px;
		border: 1px solid ;
		width: 33px;
		height: 33px;
		line-height: 32px;
		border-radius: 6px 0 6px 0;
	}

	.service-aro-left{
		width: 150px;
		height: 1px;
		float: left;
		margin-top: 16px;
	}

	.service-aro-right{
		width: 150px;
		height: 1px;
		float: right;
		margin-top: 16px;
	}

	#service-page{
		padding: 100px 0px;
	}

	#service-page .service-title{
		color: #000000;
		font-size: 30px;
		text-transform: uppercase;
		padding-bottom: 18px;
	}

	#service-page h2{
		color: #808b8d;
		font-size: 24px;
		text-transform: uppercase;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	#service-page p{
		color: #808b8d;
		font-size: 14px;
		margin-bottom: 40px;
	}

	.service{
		margin-top: 20px;
	}

	.service i{
		border: 2px solid ;
		font-size: 30px;
		padding: 18px;
		border-radius: 12px 0px;
		width: 72px;
		height: 70px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.service:hover i{
		color: #ffffff;
	}

	.service h3{
		color: #000000;
		font-size: 18px;
		text-transform: uppercase;
	}

	#service-page .service p{
		color: #808b8d;
		font-size: 14px;
		margin-bottom: 0;
	}


/* === About === */
	#about-page{
		padding: 100px 0px;
	}

	#about-page .about-title{
		color: #f4f4f4;
		font-size: 30px;
		text-transform: uppercase;
		padding-bottom: 18px;
	}

	#about-page h2{
		color: #808b8d;
		font-size: 24px;
		text-transform: uppercase;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	#about-page p{
		color: #808b8d;
		font-size: 14px;
		margin-bottom: 40px;
	}

	.member{
		margin-top: 25px;
	}

	.member .member-img{
		position: relative;
		width: 300px;
		margin: auto;
	}

	.member .member-img:before{
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		z-index: 200;
		content: "";
		width: 100%;
		height: 100%;
		background-color: #000;
		position: absolute;
		top: 0;
		opacity: 0;
		border-radius: 40px 0px;
	}

	.member .member-img:hover:before{
		opacity: 0.6;
	}

	.member .member-img img{
		border-width: 3px;
		border-style: solid;
		border-radius: 40px 0px;
		width: 100%;
		height: auto;
	}

	.member-social{
		position: absolute;
		width: 303px;
		height: 303px;
		top: 0;
		left: 0;
	}

	.member-social .facebook-icon i{
		color: #ffffff;
		font-size: 20px;
		width: 35px;
		height: 35px;
		line-height: 35px;
		border-radius: 8px 0px;
		margin: 1px;
		position: absolute;
		top: -0px;
		left: 114px;
		z-index: -999;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.member .member-img:hover .facebook-icon i{
		top: 114px;
		z-index: 300;
	}

	.member-social .twitter-icon i{
		color: #ffffff;
		font-size: 20px;
		width: 35px;
		height: 35px;
		line-height: 35px;
		border-radius: 0px 8px;
		margin: 1px;
		position: absolute;
		top: 114px;
		right: -0px;
		z-index: -999;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.member .member-img:hover .twitter-icon i{
		right: 114px;
		z-index: 300;
	}

	.member-social .linkedin-icon i{
		color: #ffffff;
		font-size: 20px;
		width: 35px;
		height: 35px;
		line-height: 35px;
		border-radius: 0px 8px;
		margin: 1px;
		position: absolute;
		bottom: 114px;
		left: -0px;
		z-index: -999;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.member .member-img:hover .linkedin-icon i{
		left: 114px;
		z-index: 300;
	}

	.member-social .google-plus-icon i{
		color: #ffffff;
		font-size: 20px;
		width: 35px;
		height: 35px;
		line-height: 35px;
		border-radius: 8px 0px;
		margin: 1px;
		position: absolute;
		bottom: -0px;
		right: 114px;
		z-index: -999;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.member .member-img:hover .google-plus-icon i{
		bottom: 114px;
		z-index: 300;
	}

	.member h3{
		color: #f7f7f7;
		font-size: 24px;
		text-transform: uppercase;
		font-weight: bold;
	}

	.member span{
		font-size: 18px;
	}



/* === Contact === */
	#contact-page{
		padding: 100px 0px;
	}

	.contact-form-area h1.contact-title{
		color: #000000;
		font-size: 30px;
		text-transform: uppercase;
		padding-bottom: 18px;
	}

	.contact-form-area h2{
		color: #808b8d;
		font-size: 24px;
		text-transform: uppercase;
		margin-top: 30px;
		margin-bottom: 20px;
	}

	.contact-form-area p{
		color: #808b8d;
		font-size: 14px;
		margin-bottom: 40px;
	}

	.contact-form .form-control{
		border-radius: 10px 0;
		background-color: transparent;
		margin-top: 28px;
	}

	.contact-form textarea{
		resize: none;
	}

	.contact-form .submit-button{
		border-radius: 10px 0px;
		padding: 8px 30px;
		font-size: 20px;
		font-weight: 400;
		margin-top: 28px;
		text-transform: uppercase;
	}

	.form-control:focus{
		outline: none;
		border-color: transparent;
		box-shadow: none;
	}


/* === Footer === */
	.footer{
		padding-top: 40px;
		padding-bottom: 40px;
		color: rgba(255, 255, 255, 0.4)
	}

	.footer p{
		margin: 0;
	}


/* === Responsive === */

/* Small devices (mobiles, 320px and up) */
@media (min-width: 320px) and (max-width: 479px){
	.subscribe-area .form-control {
		padding: 18px 12px 20px 14px;
		width: 270px;
		border-radius: 0px 0px 0px 0px;
		margin-right: 0px;
	}
	.submit-bt {
		padding: 7px 20px 8px;
		border-radius: 0px 0px 0px 0px;
		width: 270px;
		margin-top: -1px;
  		margin-left: 4px;
	}
	.member .member-img {
		width: 270px;
	}
	.member-social {
		width: 270px;
		height: 270px;
	}
	.member .member-img:hover .facebook-icon i {
		top: 98px;
	}
	.member-social .facebook-icon i {
		left: 98px;
	}
	.member .member-img:hover .twitter-icon i {
		right: 98px;
	}
	.member-social .twitter-icon i {
		top: 98px;
	}
	.member .member-img:hover .linkedin-icon i {
		left: 98px;
	}
	.member-social .linkedin-icon i {
		bottom: 98px;
	}
	.member .member-img:hover .google-plus-icon i {
		bottom: 98px;
	}
	.member-social .google-plus-icon i {
		right: 98px;
	}
	.service-aro-icon{
		width: 280px;
	}
	.service-aro-left{
		width: 100px;
	}

	.service-aro-right{
		width: 100px;
	}
	
}








/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}