/*
Cronos - Responsive Coming Soon Template
Version: 1.0.0
Author: MatchThemes
Author URI: http://www.matchthemes.com
*/

/*************************************
 
 	1. MAIN STYLES
	
	2. INTRO
	
	3. ABOUT
	
	4. WORK
	
	5. CONTACT
	
	6. FOOTER
 
 
 ************************************/




/*************************************

1. MAIN STYLES

************************************/

/* RESET STYLES */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none;}
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
q:before, q:after { content:'';}
strong { font-weight: bold; }
em { font-style: italic; }
.italic { font-style: italic;}
.aligncenter { display:block; margin:0 auto; }
.alignleft { float:left; margin:20px;}
.alignright { float:right;margin:20px; }
.no-margin{margin:0px !important;}
.no-bottom{margin-bottom:0px;}
.no-padding{padding:0px;}
.margin-t34{margin-top:34px;}
.margin-t22{margin-top:22px;}
.column-clear{clear:both;}
div { position:relative } 
a:active,a:focus{outline: none;
text-decoration:none;}


html{height:100%;}
body{font-family: "Lato", sans-serif;
font-size: 14px;
line-height:1.7em;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
color:#656565;

height: 100%;
overflow-x: hidden;
overflow-y: scroll;
position: relative;
}


*{ 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

a{color:#8DBDF1;text-decoration:none;}
a:hover{text-decoration:underline;
color:#8DBDF1;
}

	h1,h2,h3,h4,h5,h6{font-family: "Lato", sans-serif;
	font-weight:400;
	color:#151515;}

h1{font-size:56px;
line-height:1.5em;
}
h2{font-size:42px;
line-height:1.5em;
}
h3{font-size:35px;
line-height:1.4em;
}
h4{font-size:28px;
line-height:1.4em;
}
h5{font-size:21px;
line-height:1.4em;
}
h6{font-size:14px;
line-height:1.4em;
}
	
p {font-size:14px;
		line-height:1.5;
		margin: 0 0 21px 0;}

.alignc{text-align:center;}
.none{display:none;}


.work-item .overlay, .work-item .work-more, .search-social li a, #submit{

-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
   -ms-transition: all 0.3s ease-in-out 0s;
   transition: all 0.3s ease-in-out 0s;
   
}

/*************************************

2. INTRO

************************************/

#slides{margin:0 auto !important;}

.bkg-overlay{background:#000000;
opacity: 0.5;
width: 100%;
    height: 100%;
	position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
	}

#intro{position:relative; height:100%;}
	
.intro-text{
    left: 0;
    padding: 24px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 5%;
    z-index: 11;
	margin-left:auto;
	margin-right:auto;
	color:#ffffff;
}	

.logo-title img{width:130px;}

.top-title, .section-title{color:#ffffff;
margin-top:70px;
text-transform:uppercase;
font-size:56px;
font-weight:900;
letter-spacing:1px;
line-height:1;}

.top-subtitle, .section-subtitle{color:#ffffff;
font-family: "Playfair Display", sans-serif;
margin-top:35px;
text-transform: lowercase;
font-size:21px;
line-height:1;
font-style:italic;
letter-spacing:1px;
position:relative;}

.top-subtitle:before {
    background-color: #ffffff;
    top: -17px;
    left: 50%;
    content: "";
    height: 3px;
	  width: 50px;
    position: absolute;
    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
}

#countdown{margin-top:70px;}

.dash ul li{display:inline-block;}

.digit{display:block;
overflow:hidden;
font-size:35px;
height:35px;
line-height:1;
font-weight:700;}

.dash_title{display:block;
overflow:hidden;
font-weight:400;
font-size:12px;
margin-top:10px;
letter-spacing:1px;
text-transform:uppercase;
}

.count-circle{width:120px;
height:120px;
border:3px solid #ffffff;
border-radius:50%;
padding:35px 0;
margin-left:auto;
margin-right:auto;
}

.count-circle:before {
  border:1px solid #ffffff;
  border-radius:50%;
    top: 50%;
    left: 50%;
    content: "";
    height: 110px;
	  width: 110px;
    position: absolute;
   margin: -55px 0px 0px -55px;
}

.menu{  left: 0;
    padding: 24px 0;
    position: absolute;
    right: 0;
    text-align: center;
    bottom: 2%;
    z-index: 11;
	margin-left:auto;
	margin-right:auto;
}

.menu li{display:inline-block;
position: relative;
margin-left:35px;
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:2px;
}
.menu li a, .menu li a:focus{color:#ffffff;}
.menu li:first-child{margin-left:0;}
.menu li:after{ background:#ffffff;
  border-radius:50%;
    top: 9px;
    right: -20px;
    content: "";
    height: 5px;
	  width: 5px;
    position: absolute;}
.menu li:last-child:after{display:none;}

/*************************************

3. ABOUT

************************************/

#about{background:#ffffff;
padding:70px 0;
position:relative;
z-index:100;}

.section-title{margin-top:0;
color:#151515;
text-align:center;
margin-bottom:70px;}
.section-subtitle{color:#959595;
font-size:18px;
position:relative;
text-align:center;
margin-top:0;
margin-bottom:28px;}
.section-subtitle:after {
    background-color: #8DBDF1;
    bottom: -18px;
    left: 50%;
    content: "";
    height: 3px;
	  width: 25px;
    position: absolute;
    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
}

.about-items .col-md-4{margin-bottom:56px;}
.about-items:last-child .col-md-4{margin-bottom:0px;}

.about-feature{text-align:center;}
.about-icon{font-size:56px;
color: #8DBDF1;}
.about-feature h5{margin:14px 0;}


/*************************************

4. WORK

************************************/

#work{background:#f5f5f5;
padding:70px 0;
position:relative;
z-index:100;}

.work-container{margin:0;}
.work-item{height:350px;
float:left;
background:#999;
width:33.0%;
display:inline-block;
overflow:hidden;
position:relative;
margin-bottom:0.5%;
cursor:pointer;
}
.work-item:nth-of-type(8n+1){margin-right:0.25%;
width:66.5%;
height:704px;}
.work-item:nth-of-type(8n+2), .work-item:nth-of-type(8n+3){margin-left:0.25%;}

.work-item:nth-of-type(8n+4) {margin-right:0.25%; }
.work-item:nth-of-type(8n+5){width:66.5%; margin-left:0.25%;}
.work-item:nth-of-type(8n+6), .work-item:nth-of-type(8n+7), .work-item:nth-of-type(8n+8){margin-left:0.25%; margin-right:0.25%;}
.work-item:nth-of-type(8n+6){margin-left:0;}
.work-item:nth-of-type(8n+8){margin-right:0;}


.work-item .post-bkg-img{background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    position: relative;
	width:100%;
}

.work-item .overlay{display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
	background: rgba(0,0,0,0.3);
}
.work-item:hover .overlay{	background: rgba(0,0,0,0.6); }

.work-item .content{left: 0px;
	right:0px;
	top: 50%;
	position: absolute;
    z-index: 2;
	text-align:center;
	
	-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.work-item .content h2{color:#ffffff;
font-size:35px;
font-weight:600;
letter-spacing:1px;}

.work-categ{color:#f5f5f5;
font-size:11px;
text-transform:uppercase;
letter-spacing:1px;
margin-top:14px;
}

.work-categ:before {
    background-color: #ffffff;
    top: -10px;
    left: 50%;
    content: "";
    height: 2px;
	  width: 20px;
    position: absolute;
    margin-left:-10px;
}

.work-more{color:#ffffff;
font-size:21px;
margin-top:7px;

opacity:0;

	-ms-transform: translateY(180px);
-webkit-transform: translateY(180px);
-moz-transform: translateY(180px);
-o-transform: translateY(180px);
    transform: translateY(180px);
	

}

.work-item:hover .work-more{opacity:1;

-ms-transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
    transform: translateY(0px);

}

.project-content, .project-close{display:none;}

#project-loader{text-align:center;
margin-bottom:21px;
}

.project-title{font-size: 35px;
    font-weight: 700;
    margin:21px 0 7px 0;
}
.project-sub{color:#151515;
letter-spacing:1px;}
.project-sub .project-client, .project-sub .project-categ{color:#656565;}

.project-content img{width:100%;}

.project-close{margin:35px 0;
color:#151515;
font-size:12px;
font-weight:900;
text-transform:uppercase;
text-align:center;
cursor:pointer;
width:70px;
margin-left:auto;
margin-right:auto;}

/* work variation */

.proj-title-2{margin-top:0;}
.proj-desc-2{margin-top:21px;}

/*************************************

5. CONTACT

************************************/

#contact{background:#ffffff;
padding:70px 0;
position:relative;
z-index:100;}

.contact-item{text-align:center;
margin-bottom:35px;}
.contact-icon{color:#8DBDF1;
font-size: 56px;}
.contact-item h5{margin: 14px 0;
font-size:21px;
font-weight:700;}

#contact-container, .g-map{margin-top:35px;}

.comm-field{margin-bottom:14px;
height:35px;
padding:7px 14px;
width:100%;
-webkit-border-radius:0;
border-radius:0; 
border:none;
background:#f5f5f5;
}
#message2{ width: 100%;
background:#f5f5f5;
padding:7px 14px;
-webkit-border-radius:0;
border:none;
border-radius:0; 
}
.comm-field, #message2{font-size:14px;}

input.comm-field:focus, #message2:focus{outline: 0;
 -webkit-box-shadow:none;
     -moz-box-shadow:none;
          box-shadow:none;
}

#submit{float:right;
padding:10px 16px;
display: block;
cursor:pointer;
margin-top:22px;
border:none;
background:none;
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
border:1px solid #151515;
color:#151515;
}

#submit:hover{color:#ffffff;
background:#151515;}

.output2{padding:10px;
margin-top:22px;
color:#ff0000;
border:1px solid #ff0000;}

.antispam{display:none;}

#search-string::-webkit-input-placeholder { /* WebKit browsers */
    color:    #656565;
}
#search-string:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #656565;
   opacity:  1;
}
#search-string::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #656565;
   opacity:  1;
}
#search-string:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #656565;
}



/*flexible embeds*/
.g-map, .video-widget{
	position: relative;
	padding: 0;
	padding-bottom: 56.25%; /* 16:9 ratio*/
	height: 100%;
	overflow: hidden;
}

.g-map{height:400px;}

.g-map iframe, .video-widget iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0;
}
.g-map iframe{height:400px;}

/*************************************

6. FOOTER

************************************/

footer{background:#151515;
padding:42px 0px;
position:relative;
z-index:100;}

.copyright{text-align:center;
font-size:11px;
letter-spacing:1px;}

.search-social{list-style:none;
margin:0 0 14px 0;
font-size:0;
text-align:center;
}
.search-social li{display:inline-block;
font-size:21px;
margin-left:5px;
text-align:center;}
.search-social a{color:#ffffff;
display:block;
width:35px;
height:35px;
}

a.social-twitter:hover{color:#29C5F6;}
a.social-facebook:hover{color:#6788CE;}
a.social-gplus:hover{color:#E75C3C;}
a.social-linkedin:hover{color:#3A9BDC;}
a.social-pinterest:hover{color:#FE4445;}
a.social-youtube:hover{color:#E34040;}
a.social-vimeo:hover{color:#44BBFF;}
a.social-instagram:hover{color:#AA8062;}
a.social-dribbble:hover{color:#ED4F8C;}
a.social-skype:hover{color:#24B4F0;}

/*************************************

MEDIA QUERIES

************************************/


@media (min-width: 1200px) {

.work-item:nth-of-type(8n+1){height:705px;}

}

@media (min-width: 768px) and (max-width: 979px) {

.work-item:nth-of-type(8n+1){height:703px;}

}


@media (max-width: 767px) {

.top-title{font-size:48px;}

.work-item{height:300px;
float:none;
width:100% !important;
margin:0 !important;
}

.work-item:nth-of-type(8n+1){height:300px;}

.about-items:last-child .col-md-4{ margin-bottom:56px; }
.about-items:last-child .col-md-4:last-child { margin-bottom: 0; }


}

@media (max-width: 480px) {

}

@media (max-width: 320px) {

}

@media (max-height: 767px) {

.intro-text, .menu{position:relative;}

}