@charset "utf-8";
/*reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p,a, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr,iframe {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
	text-decoration:none;
	list-style:none;
	
}

a,a:active,a:hover {outline: none;}
img{max-width:100%;}

iframe {
    border: 0 none;
    width: 100%;
}






/*html5 display rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}


body{
	padding:0;
	margin:0;
	font-family:'robotoregular', Arial,sans-serif;
	color:#333;
	font-size:1rem;
}


/*Shared css rules*/

a, .contactForm input.submit, .respondForm input#submit, #toTop i{
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}




.teaserTitle h2, .captions p , .secTitle p , .innerTitle p, .process p, .feature p, .tDesc h3 span, .tDesc p, .bDesc p,
.percentage span, .textWidget p, .servDesc p, .testimoniaContainer blockquote, .testimoniaContainer h3, #pricingHolder, 
.pricingtbl ul small, ul#category li, .singleDesc p, .nDesc h3 span, .nDesc p, .metaInner span:last-child, .commentContent span.date a, 
.tweet p, .tweets .tweet_list, .bottom p , .bottom ul, .respondForm textarea, .contactForm [type="text"], .contactForm textarea ,
 .contactForm textarea {
	font-family: 'robotoregular', Arial,sans-serif;;
}




.logo h1, .moreBtn, .pricingtbl ul li.signupBtn ,.fcInfo b,.workDesc h3,.singleDesc a.launch,.nMore ,
.metaInner span, .quoteIco, .address p, .info ,.respondForm input#submit, .postQuote blockquote{
  font-family: 'robotomedium', Arial,sans-serif;
}



nav#mainNav li,.teaserTitle h1, .secTitle h1, .innerTitle h1, .subTitle h1, .process h3, .feature h3, 
.tDesc h3, .bDesc h3, .servDesc h3, .skillbarTitle, .textWidget h1, .pricingtbl ul.border li span, .pricingtbl ul li:first-child ,
.singleDesc h1, .nDesc h3, .inputBox label, .contactForm input.submit, .tweet h3, .tweets .tweet_list a,
.bottom p span, .respondForm label, .comments a, .postTitle h1 , .postTitle h1 a, .commentscountTitle h1, .respondTitle h1,
.widget .titleInner h1, .comments h3, .respond h3, #loaderInner h1  {
  font-family: 'robotobold', Arial,sans-serif;
}


*::-moz-selection {
    background: #92C14D;
    color: #ffffff;
}



/*Preloader*/

#loader {
    background: #ffffff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999;
	
}


#loaderInner {
    left: 0;
    margin: -50px 0 0 -0;
    position: absolute;
    top: 50%;
	color:#1fb4da;
	font-size:25px;
	width: 100%;
	text-align: center;
}


#loaderInner h1 {
    color: #2d2d2d;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
}

#loaderInner i{
	display:block;
	margin-left:10px;
}


#loaderInner p{
	color:#2d2d2d;
	font-size:12px;
	text-align:center;
	margin-top:2px;
	font-family: 'robotolight' , Arial,sans-serif;
}


/*Wrapper*/
#wrapper{
	position:relative;
	width:100%;
	overflow-x:hidden;
}

/*End wrapper*/




.holder1140{
	max-width:960px;
	padding-left:15px;
	padding-right:15px;
	margin:0 auto;
	position:relative;
	
}



/*Header*/

header{
	padding-top:20px;
	background:rgba(255, 255, 255, 1);
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:1000;
	color:#ffffff;	

}
/* メインスライダーの画像とか考慮して。透過するならスライダーの高さもっと必要
.home header{
	background:rgba(35, 24, 21, .8);	
	}
*/

.logo{
	float:left;
	text-align:center;
	
}


.logo h1 {
    display: inline-block;
    font-size: 18px;
    padding-bottom: 2px;
 	padding-top: 2px;
    text-transform: uppercase;
	position:relative;
	margin-top: -15px;
	margin-left:40px;
	color:#ffffff;
}
.logo h1 img{
	}


nav#mainNav {
    float: right;
    margin-top: -20px;
    padding-right: 15px;
}

.headerSocials{
	float:right;
	margin-right:40px;
	margin-top:3px;
}

.headerSocials li{
	display: inline-block;
}

.headerSocials li a{
	color:#ffffff;
	font-size:14px;
}


.headerSocials a:hover{
	color:#666666;
}

nav#mainNav li {
	display: inline-block;
	float: left;
	font-size: 12px;
	text-transform:uppercase;
	
}


nav#mainNav li a{
    color: #000;
    display: block;
    padding: 25px 20px;
    position: relative;

}


nav#mainNav li a:hover{
	color: #92C14D;
}



nav#mainNav li a.buy i{
    font-size: 10px;
    left: 8px;
    position: absolute;
    top: 13px;
}


nav#mainNav .active{
	color: #92C14D;
}


nav#mainNav .activeSub{
	color: #ffffff;
}




nav#mainNav  ul ul{
	width:200px;
	opacity:1;
	filter:alpha(opacity=0);
	position: absolute;
	top: 25px
	left:0;
	z-index:9999;
	background:#2d2d2d;
	display:none;
}

nav#mainNav ul ul li{
	
	width:200px;
	float: none;
	display:block;
	margin-right:0;
	background:#2d2d2d;
	padding-bottom:0px;
	position:relative;
	border-bottom:1px dashed #444444;
	
}


nav#mainNav ul ul li:last-child{
	border:none;
}


 
									  
nav#mainNav ul ul li a{
	
	display:block;
	color:#666666;
	padding:12px 0 12px 24px;
} 

nav#mainNav ul ul li a:hover{
	color:#ffffff;
}


nav#mainNav ul ul ul{
	left: 100%;
	top: -3px;
}

.subActive{color:#666666 !important;}






.mobileBtn {
	background:#ffffff;
	padding:5px;
	text-align:center;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	z-index:1000;
	display:none;
	box-shadow:0 0 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.2);
	-ms-box-shadow: 0 0 2px rgba(0,0,0,.2);
	-o-box-shadow: 0 0 2px rgba(0,0,0,.2);
}


.mobileBtn i{
	font-size:16px;
	color:#2d2d2d;
}

/*End header*/



/*Teaser*/

#teaser{
	color:#ffffff;
	background:url(../images/sliderImages/parallax.jpg) ;
	height:717px;
	text-align:center;	
	background-position: center top;
	background-repeat: repeat-y;
	background-size: cover;
}

#teaser .overlay {
	height:717px;
	padding-bottom:0;
}


.teaserTitle {
    margin-top: 340px;
	
}

.teaserTitle h1 {
    color: #ffffff;
    display: inline-block;
    font-size: 45px;
    position: relative;
    text-transform: uppercase;
}


.teaserTitle h1:before {
    border-top: 3px solid #FFFFFF;
    content: "";
    display: block;
    left: 50%;
    margin-left: -320px;
    position: absolute;
    top: 31px;
    width: 68px;
    z-index: 0;
}


.teaserTitle h1:after {
    border-top: 3px solid #FFFFFF;
    content: "";
    display: block;
    right: 50%;
    margin-right: -320px;
    position: absolute;
    top: 31px;
    width: 68px;
    z-index: 0;
}

.teaserTitle h2{
	font-size:22px;
	text-transform:uppercase;
	letter-spacing:2px;
	
}


.captions p {
    font-size: 13px;
}


.moreBtn{
	text-align:center;
	margin-top:35px;
	text-transform:uppercase;
	font-size: 14px;
}

.moreBtn a i {
    font-size: 13px;
    left: 8px;
    position: absolute;
    top: 13px;
}


/*End teaser*/



.section{
	padding-bottom:40px;
}

.secSingle{
	margin-top:66px;
}

.secTitle {
	color:#ffffff;
	background:url(../img/bg-title-compressor.jpg) center center no-repeat;
	text-align:center;
	background-size: cover;
	margin-top: -2px;
	margin-bottom: 5rem;
}
.page-about .secTitle{
	background-image: url(../img/bg-title-about.jpg);
}
.page-recruit .secTitle{
	background-image: url(../img/bg-title-recruit.jpg);
}
.page-description .secTitle{
	background-image: url(../img/bg-title-description.jpg);
	margin-bottom: 0;
}

.secTitle .overlay{
	height:auto;
	padding-bottom:0;
}

.secInner{
	text-align: center;
	padding-top:60px;
	padding-bottom:60px;
	width:100%;
}

.secTitle h1 {
    display: inline-block;
    font-size: 2.5rem;
    position: relative;
    text-transform: uppercase;
}


.secTitle [class^="icon-"]:before, [class*=" icon-"]:before{
	margin-left:0 !important;
}


.secTitle.singleWork h1{
	margin-top:30px;
	font-size: 33px;
	color: #ffffff;
}


.secTitle p {
    color: #ffffff;
    font-size: 15px;
    line-height: 22px;
    position: relative;
}


.innerTitle{
	text-align: center;
	margin-top:50px;
}

.innerTitle h1{
    font-size: 30px;
	text-transform: uppercase;
	color:#2d2d2d;
}

.innerTitle p{
    font-size: 14px;
}
@media only screen and (max-width:767px) {
	.secTitle{
		margin-bottom: 2rem;
		}
	.secInner{
		padding: 30px 0;
	}
	.secTitle h1{
		font-size: 2rem;
	}
}

.column{
	float:left;	
}

.top{
	margin-top:70px;
	margin-bottom:70px;
}


.subTitle h1{
	font-size:20px;
	margin-bottom:50px;
	color:#2d2d2d;
	text-transform:uppercase;
	border-top:1px dashed #d7d7d7;
	border-bottom:1px dashed #d7d7d7;
	display:inline-block;
	padding:10px 10px;

}


.overlay {
	height:300px;
	padding-bottom:65px;
	background:#2d2d2d;
	filter:alpha(opacity = 85);
	background:rgba(45, 45, 45, 0.45);
}


.divider {
    margin: 50px auto 0;
    position: relative;
    text-align: center;
    width: 600px;
}
.divider span i {
    background:#FFFFFF;
    color: #2d2d2d;
    font-size: 15px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    z-index: 1;
}
.divider span:before {
    border-bottom: 1px dashed #EFEFEF;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 10px;
    width: 100%;
    z-index: 0;
}




/*About section*/

#about{
	position:relative;
}




.process, .feature{
	width:310px;
	text-align:center;
	border-left:1px solid #efefef;
	border-top:1px solid #efefef;
	border-right:1px solid #efefef;
	border-bottom:3px solid #efefef;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	padding-top:40px;
	padding-bottom:20px;
	padding:40px 10px 20px 10px;
	position:relative;
	margin-right:25px;
	margin-left:23px;
}


.process i, .feature i {
    background:#2D2D2D;
    border: 15px solid #FFFFFF;
    border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	/* Prevent background color leak outs */
	 -webkit-background-clip: padding-box; 
	 -moz-background-clip:padding; 
	 background-clip:padding-box;
    color: #FFFFFF;
    display: inline-block;
    height: 48px;
    left: 50%;
    line-height: 48px;
    margin-left: -40px;
    position: absolute;
    top: -42px;
    width: 48px;
	font-size:18px;

}


.process h3, .feature h3{
	color:#2d2d2d;
	font-size:16px;
	margin-bottom:10px;
}


.process p, .feature p{
	font-size:14px;
}

.innerTeam{
	margin-bottom:30px;
}

.innerTeam:last-child{
	margin-bottom:0;
}


.team, .news, .bio{
	width:500px;
	border-left:1px solid #efefef;
	border-top:1px solid #efefef;
	border-right:1px solid #efefef;
	border-bottom:3px solid #efefef;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	padding:20px;
	position:relative;
	margin-right:10px;
	margin-left:15px;
}


.tImg, .tDesc,.nImg, .nDesc, .bDesc, .bImg{
	float:left;
}

.tImg img, .bImg img{
	border-radius:100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
}

.nImg img{
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.tDesc, .bDesc{
	width:380px;
	margin-left:20px;
}

.tDesc h3, .bDesc h3{
	font-size:18px;
	color:#2d2d2d;
	margin-bottom:10px;
}

.tDesc h3 span{
	color:#666666;
	font-size:12px;
	display:block;
	margin-top:1px;
	
}

.tDesc p, .bDesc p{
	font-size:13px;
	line-height:20px;
}


.tSocial, .bSocial {
    background:#FFFFFF;
    font-size: 20px;
    padding: 0 2px;
    position: absolute;
    right: 20px;
    top: -13px;
}

.tSocial a, .bSocial a {
    color: #2D2D2D;
}

.tSocial a:hover, .bSocial a:hover {
    color: #92C14D;
}
.tSocial li, .bSocial li{
	display:table-cell;
}




/*End about section*/



/*Services section*/



#services{
	position:relative;
}

#services.section{
	padding-bottom:0;
}


.service{
	width:300px;
	border-left:1px solid #efefef;
	padding-left:30px;
	position:relative;
	margin-right:9px;
	margin-left:40px;
}

.innerService{
	margin-bottom:50px;
}

.innerService:last-child{
	margin-bottom:0;
}

.servDesc h3{
	font-size:16px;
	color:#2d2d2d;
	margin-bottom:3px;
}


.servDesc p{
	font-size:13px;
}

.servIco {
    background:#2D2D2D;
    border: 5px solid #FFFFFF;
    border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	/* Prevent background color leak outs */
	 -webkit-background-clip: padding-box; 
	 -moz-background-clip:padding; 
	 background-clip:padding-box;
    color: #FFFFFF;
    display: inline-block;
    height: 34px;
    left: -7%;
    line-height: 34px;
    margin-top: -22px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 34px;
}




.cta{
	text-align:center;
	background:#fafafa;
	border-top:1px solid #efefef;
	padding:30px 0;
	
}

.cta p{
	font-family:'robotolight' , Arial,sans-serif;
	font-size:28px;
	color:#2d2d2d;
}

.cta a{
	
	color:#92C14D;
}

/*End services section*/



/*Features section*/


#features.section {
    padding-bottom: 0;
}

.featuresHolder.top{
	margin-bottom:20px;
}

/*End features section*/


/*Skills section*/

.skills {
    margin-top: 30px;
	width:600px;
}


.skillBar {
    margin-bottom: 40px;
}

.skillbarHolder {
    background-color: #EFEFEF;
    border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
	-ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
	-o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 15px;
    position: relative;
}


.percentage {
    background:#92C14D;
    border-radius: 30px ;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
}


.skillbarTitle {
    color: #2D2D2D;
    font-size: 14px;
    left: 15px;
    position: absolute;
    top: -24px;
    z-index: 10;
}


.percentage span {
    background: none repeat scroll 0 0 #2D2D2D;
    color: #FFFFFF;
    font-size: 11px;
    padding: 4px;
    position: absolute;
    right: -14px;
    top: -32px;
}


.percentage span:after {
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid #2D2D2D;
    bottom: -4px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    width: 0;
    z-index: 10;
}


.percent90 {width: 90%;}
.percent50 {width: 70%;}
.percent60 {width: 60%;}
.percent80 {width: 80%;}
.percent95 {width: 95%;}


.textWidget{
	width:445px;
	margin-left:95px;
	margin-top: 18px;

}

.textWidget h1{
	
   color: #2D2D2D;
   font-size: 20px;
   margin-bottom:10px;

}

.textWidget p{
	
   font-size: 14px;
   line-height:22px;

}

/*End skills section*/


/*Testimonials*/


.testimoniaContainer{
	min-height: 300px;
	background-color:#000;
}

.testimonialContent {
    text-align: center;
	color:#ffffff;
}


.testimoniaContainer {
    color: #0F2B37;
    
}


.testimoniaContainer blockquote {
    font-size: 20px;
    line-height: 30px;
	text-transform:uppercase;
}


.testimoniaContainer {
    text-align: center;
}


.testimoniaContainer h3 {
    font-size: 18px;
	display: inline-block;
	padding: 10px;
	position:relative;
}

.testimoniaContainer h3:before {
    border-top: 1px solid #FFFFFF;
    content: "";
    display: block;
    left: 50%;
    margin-left: -85px;
    position: absolute;
    top: 25px;
    width: 30px;
    z-index: 0;
}

.testimoniaContainer h3:after {
    border-top: 1px solid #FFFFFF;
    content: "";
    display: block;
    margin-right: -85px;
    position: absolute;
    right: 50%;
    top: 25px;
    width: 30px;
    z-index: 0;
}


.testimoniaContainer .testimonialContent {
    display: none;
    height: 700px;
    z-index: 1;
}


.testimoniaContainer .testimonialContent div {
    display: block;
	width: 100%;
}


.testiProfile {
    margin-top: 40px;
}


.testimoniaContainer .testimonialContent .icoQuote {
    margin: 0 auto;
	font-size:50px;
	color:#ffffff;
}

.nameProfile {
    position: relative;
}

.pagination {
    display: none;
}



/*End testimonials*/






/*Pricing*/



#pricing .secTitle{
	background:#01b2dc;
}

#pricingHolder {
    margin-left: 70px;
    margin-right: 20px;
    margin-top: 80px;
}

.pricingtbl ul {
    background: #FFFFFF;
    float: left;
    margin-right:44px;
    text-align: center;
    width: 300px;
	border-left:1px solid #efefef;
	border-top:3px solid #efefef;
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;

}



.pricingtbl ul li{
	position:relative;
	color: #2D2D2D;
	font-family: 'robotolight' , Arial,sans-serif;
	border-bottom: 1px solid #EFEFEF;
    margin: 0 20px;
    padding: 15px;
	font-size:14px;
}

.pricingtbl ul.border li span.price{
	display: block;
	margin-top:15px;
	position:relative;
}


.pricingtbl ul.border li:first-child {
    border: medium none;
}


.pricingHolder ul:last-child {
    margin-right: 0;
}

.pricingtbl ul .bst {
    background:#2D2D2D;
    border: 10px solid #FFFFFF;
    border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	/* Prevent background color leak outs */
	 -webkit-background-clip: padding-box; 
	 -moz-background-clip:padding; 
	 background-clip:padding-box;
    color: #FFFFFF;
    display: inline-block;
    font-size: 20px;
    height: 45px;
    left: 50%;
    line-height: 43px;
    margin-left: 43px;
    position: absolute;
    top: 20px;
    width: 45px;
}


.pricingtbl li.pricing {
    border: 1px solid #EFEFEF;
    border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	
    height: 149px;
    margin-bottom: 25px;
    margin-left: 60px;
    margin-top: 15px;
    text-align: center;
    width: 149px;
}

.pricingtbl li.pricing .innerPr {
    border: 1px double #EFEFEF;
    border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
    height: 165px;
    margin-left: -9px;
    margin-top: -9px;
    width: 165px;
}


.pricingtbl ul li:first-child {
    color: #2d2d2d;
    font-size: 24px;
    padding:20px;
    position: relative;
    text-transform: uppercase;
}


#pricingHolder .pricing-big li:first-child {
    font-size: 24px;
    padding: 50px 20px;
}


.pricingtbl ul li.signupBtn {
    border:none;
    padding: 45px;
}


.pricingtbl ul li.signupBtn a {
    background:#2d2d2d;
	border-radius: 3px;
	-webkit-border-radius:  3px;
	-moz-border-radius:  3px;
	-ms-border-radius:  3px;
	-o-border-radius:  3px;
	color: #FFFFFF;
	margin-top: 12px;
	padding: 12px 20px 12px 30px;
	position: relative;
	font-size:15px;

}

.pricingtbl ul li.signupBtn i{
	font-size: 10px;
	left: 8px;
	position: absolute;
	top: 16px;
}


.pricingtbl ul li.signupBtn a:hover {
	background:#92C14D;
}


.pricingtbl ul small {
    color: #999999;
    font-size: 12px;
    margin-left: 8px;
    position: relative;
    top: -25px;
	display:block;
}


span.price {
    font-size: 45px;
}

span.price span.dollar {
    font-size: 20px;
    left: -48px;
    position: relative;
    top: 50px;
	display:block;
}

.factsContainer{
	margin-bottom:20px;
}

.factsHolder.top{
	margin-bottom:40px;
}

.facts{
	display:inline-block;
	margin-left: 40px;
    margin-right: 20px;
}


.facts li{
	display:inline-block;
	position:relative;
}

li.fc {
    border: 1px solid #EFEFEF;
    border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	/* Prevent background color leak outs */
	 -webkit-background-clip: padding-box; 
	 -moz-background-clip:padding; 
	 background-clip:padding-box;
    height: 184px;
    margin-bottom: 25px;
    margin-left: 60px;
    margin-top: 15px;
    text-align: center;
    width: 184px;
}

li.fc .innerFc {
    border: 1px double #EFEFEF;
    border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
    height: 200px;
    margin-left: -9px;
    margin-top: -9px;
    width: 200px;
}

.fcInfo{
	margin-top:80px;
	display:inline-block;
	font-size:25px;
	font-family: 'robotolight' , Arial,sans-serif;
	color:#2d2d2d;

}





.facts span.fcIco {
    background:#2D2D2D;
    border: 10px solid #FFFFFF;
    border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	/* Prevent background color leak outs */
	 -webkit-background-clip: padding-box; 
	 -moz-background-clip:padding; 
	 background-clip:padding-box;
    color: #FFFFFF;
    display: inline-block;
    font-size: 20px;
    height: 45px;
    left: 50%;
    line-height: 46px;
    margin-left: 43px;
    position: absolute;
    top: 5px;
    width: 45px;
}

.facts span.fcIco i{
	margin-left:5px;
}


/*End pricing*/



/*Clients*/


.clientContainer{
	background: url(../images/sliderImages/parallax.jpg);
	background-attachment: fixed;
	background-position: center top;
	background-repeat: repeat-y;
	background-size: cover;
	min-height: 300px;
	background-color:#fafafa;
}


#client .innerTitle h1{
	color:#ffffff;
}


.clientContent {

    text-align: center;
}



ul.clientList {
    display: block;
    font-size: 70px;
    margin-top: 70px;
    
}

ul.clientList li{
	display:inline-block;
	margin-right:20px;
	position: relative;
}

ul.clientList a{
	color:#ffffff;
	display: inline-block;
	
}

/*End clients*/





/*Portfolio*/


.recent{
	margin-top:60px;
}

#recentWork.section{
	padding-bottom:0;
}

.filterNav {
    margin-bottom: 50px;
    margin-top: 50px;
    text-align: center;
}


ul#category {
    background:#FFFFFF;
    display: inline-block;
    position: relative;
}


ul#category li {
    display: inline-block;
    font-size: 13px;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;

	
	
}


ul#category li a {
    color: #2d2d2d;
    display: inline-block;
    margin-right: 3px;
    padding: 10px 18px;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	background:#ffffff;
	border:1px solid #2d2d2d;
	
}



.portfolioContainer{
	margin-bottom:60px;
}

.works .portfolio {
	margin-left:28px;
    
}



.works .item {

    float: left;
    margin-bottom: 40px;
    margin-right: 21px;
    position: relative;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	padding:5px;

}

.browserBar {
    background: #efefef;
    border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-ms-border-radius:3px 3px 0 0;
	-o-border-radius:3px 3px 0 0;
    font-size: 1px;
    height: 21px;
    line-height: 23px;
}

.browserDot {
    display: inline-block;
    height: 20px;
    margin-left: 9px;
}
.browserDot:before {
    color: #999999;
    content: "●";
    font-size: 9px;
    line-height: 20px;
	position:absolute;
}



.workDesc{
	text-align:center;
	padding:20px 10px;
	color:#2d2d2d;
	position:relative;
	border:1px solid #efefef;
	border-radius:0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-ms-border-radius: 0 0 3px 3px;
	-o-border-radius: 0 0 3px 3px;
}


.workDesc h3{
	font-size:14px;
	padding-bottom:5px;
}

.workDesc h3 span{
	font-family: 'robotolight' , Arial,sans-serif;
	font-size:12px;
}




.workDesc a {
    background: #2D2D2D;
    border: 10px solid #FFFFFF;
    border-radius: 100px;
	-webkit-border-radius:100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	/* Prevent background color leak outs */
	 -webkit-background-clip: padding-box; 
	 -moz-background-clip:padding; 
	 background-clip:padding-box;
    color: #FFFFFF;
    display: inline-block;
    font-size: 13px;
    height: 35px;
    left: 50%;
    line-height: 37px;
    margin-left: -29px;
    position: absolute;
    top: 58px;
    width: 35px;
}

.workDesc a:hover{
	background:#92C14D;
}


.folioImg img {
    display: inline-block;
	display: block;
    height: auto;
    width: 335px;
	height:230px;
}



#category .current a {
    color: #ffffff;
	background:#2d2d2d;
}


ul#category li a:hover{
	color:#ffffff;
	background:#2d2d2d;
}


.singleDesc{
	width:300px;
	margin-right:45px;
}

.singleDesc a.launch{
	background:#efefef;
	color:#2d2d2d;
	border-radius:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	display:inline-block;
	margin-bottom:20px;
	padding:10px 20px;
	font-size:13px;
}

.singleDesc a.launch:hover{
	color:#666666;
}

.singleDesc h1{
	color:#2d2d2d;
	font-size:16px;
	margin-bottom:10px;
}


.singleDesc p{
	font-size:13px;
	line-height:20px;
}

.projectShare {
	margin-top:20px;
}

.projectShare li ,.projectShare li a {
	display:inline-block;

}


.projectShare li a {
	font-size:13px;
	display:inline-block;
	padding:10px;
	border:1px solid #efefef;
}

.projectShare a.fb:hover{color:#3B5998;}
.projectShare a.vm:hover{color:#44BBFF;}
.projectShare a.tw:hover{color:#019AD2;}
.projectShare a.pi:hover{color:#E3262E;}
.projectShare a.gp:hover{color:#D73D32;}


.projectShare a{
	color:#2d2d2d;
}


.singleSlider{
	width:790px;
}


.options{
	text-align:center;
	border:1px solid #efefef;
	padding:12px;
	margin-top:-4px;
	font-size:20px;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.options a{
	color:#999999;
}

.options a:hover{
	color:#2d2d2d;
}


/*End portfolio*/




/*Blog*/




.nDesc{
	width:380px;
	margin-left:20px;
}

.nImg{
	margin-top:8px;
}

.nDesc h3{
	font-size:18px;
	color:#2d2d2d;
	margin-bottom:10px;
}

.nDesc h3 span{
	color:#666666;
	font-size:12px;
	display:block;
	margin-top:1px;
}

.nDesc p{
	font-size:13px;
	line-height:20px;
}

.nMore {
    background:#2D2D2D;
    border: 10px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 14px;
    padding: 5px 15px;
    position: absolute;
    right: 20px;
    top: -24px;
	border-radius:12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	/* Prevent background color leak outs */
	 -webkit-background-clip: padding-box; 
	 -moz-background-clip:padding; 
	 background-clip:padding-box;
}

.nMore:hover{
	background:#92C14D;
}

.blogHolder.blogPosts, .widgetAside{
    float: left;
    margin-right: 20px;
	margin-left: 20px;
}


.blogHolder.blogPosts{
	width:720px;

}


.widgetAside{
	width:320px;

}


.post{

	padding-left:90px;
	position:relative;
}


.postInner{
	width:630px;
	border-bottom: 1px solid #efefef;
	margin-bottom:50px;
	padding-bottom:50px;
}


.postInner.last{
	margin-bottom:0;
}


.postImage{
	width:630px;
}


.postMeta {
    border-left: 1px solid #EFEFEF;
    left: 0;
    margin-bottom: 50px;
    margin-right: 15px;
    margin-top: -4px;
    padding: 15px 10px;
    position: absolute;
    text-align: center;
    width: 50px;
	left:0;
	top:0;
}

.metaInner {
	margin-left:15px;
	margin-top:-8px;
}

.metaIco {

	background:#2D2D2D;
	border: 5px solid #FFFFFF;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	/* Prevent background color leak outs */
	 -webkit-background-clip: padding-box; 
	 -moz-background-clip:padding; 
	 background-clip:padding-box;
	color: #FFFFFF;
	display: inline-block;
	height: 34px;
	line-height: 34px;
	text-align: center;
	width: 34px;
	margin-left:11px;
}

.metaInner span{
	margin-top:10px;
	display:block;
	text-transform:uppercase;
	font-size:20px;
}

.metaInner span:last-child{
	margin-top:0;
	text-transform:normal;
	font-size:13px;
}


.postMeta li:hover{
	background:  #0f2b37;
	
}


.postContent{
	margin-top:30px;
}


.postTitle, .commentscountTitle, .respondTitle{
	margin-bottom:10px;
}


.postTitle h1 , .postTitle h1 a, .commentscountTitle h1, .respondTitle h1{
	color:#92C14D;
	font-size:22px;
	text-transform:uppercase;
}

.postTitle h1 a:hover{
	color:#2d2d2d;
}

.postTitle span, .postTitle span a{
	font-size:11px;
	color:#666666;
}

.postTitle span a:hover{
	color:#2d2d2d;
}


.postContent p{
    color: #999999;
	font-size:13px;
	line-height:22px;
	text-align:left;
}


.postContent p > b{
	color:#555555;
}


.postContent a.more {
	background:#2d2d2d;
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
    color: #ffffff;
    padding: 8px 12px;
	margin-top:30px;
	display:inline-block;
	font-size:12px;
	
}

.postContent a.more:hover {
	background:#92C14D;
}


.postQuote{
	position:relative;
}

.postQuote.single{
	margin-top:50px;
}

.postQuote blockquote{
	border-top:1px solid #efefef;
	border-right:1px solid #efefef;
	border-left:1px solid #efefef;
	border-bottom:3px solid #efefef;
	padding:30px 20px 20px;
	font-size:20px;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	color:#666666;
}


.quoteIco {
    background:#2D2D2D;
    border: 10px solid #FFFFFF;
    border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	/* Prevent background color leak outs */
	 -webkit-background-clip: padding-box; 
	 -moz-background-clip:padding; 
	 background-clip:padding-box;
    color: #FFFFFF;
    font-size: 14px;
    height: 30px;
    line-height: 31px;
    padding: 5px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -30px;
    width: 30px;
}



.postPagination {
    margin-top: 30px;
	padding-left:78px;
}


.postPagination .prev, .postPagination .next {
    float: left;
}

.postPagination .prev a, .postPagination .next a{
    color: #2d2d2d;
	display:inline-block;
	margin-right: 5px;
	padding: 10px;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	font-size:25px;
}
.postPagination .prev a:hover, .postPagination .next a:hover {
    color:#92C14D;
}



.widget{
	background:#ffffff;
	margin-bottom:30px;
}

.widget.first{
	margin-top:-5px;
}


.widget .titleInner h1{
	color:#2d2d2d;
	font-size:15px;
	margin-bottom:15px;
	text-transform:uppercase;
}


.catList li {
    border-bottom: 1px dashed #EFEFEF;
    line-height: 40px;
	
}


.widget .catList li:last-child {
    border-bottom: none;

}

.catList li a{
	
	color:#999999;
}

.catList li a:hover{
	
	color:#92C14D;
}

.tagsList li {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 1px;
}


.tagsList li a {
	background:#fafafa;
	padding:10px;
	display:inline-block;
	color:#999999;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}


.tagsList li a:hover {
	background:#92C14D;
	color:#ffffff;
}

.widget p{
	color:#999999;
	line-height: 23px;
	font-size:13px;
}

.widget p b{
	color:#666666;
}




/*Single post*/


.authorBio{
	margin-bottom:50px;
	padding-left:90px;
}
.bio{
	margin-left:0;
	margin-right:0;
	width:auto;
}


.bDesc h3{
	margin-bottom:5px;
}


.comments h3, .respond h3{
	font-size:18px;
	margin-bottom:50px;
	text-transform:uppercase;
	color:#2d2d2d;
	border-bottom:1px solid #efefef;
	padding-bottom:30px;
}


.entriesContainer{
	margin-top:40px;

}


.commentsEntry{
    padding: 50px 20px;
	color:#999999;
	font-size:13px;
	background:#ffffff;
}


.commentContent{
	margin-bottom:15px;
	margin-left:35px;
}


.commentContent p.expert{
	margin-top:10px;
	line-height:23px;
	font-size:13px;
}




.comments .img {
    background: #2D2D2D;
    border: 10px solid #FFFFFF;
    border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	/* Prevent background color leak outs */
	 -webkit-background-clip: padding-box; 
	 -moz-background-clip:padding; 
	 background-clip:padding-box;
    display: block;
    float: left;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    margin-left: -53px;
    margin-top: -35px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 45px;
}


.comment {
	
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
    padding: 5px 20px 32px;
	border-left:1px solid #efefef;
	position:relative;
}



.comment.children{
	margin-top:30px;
}

.comments a {
    color: #0F2B37;
}

.comments a:hover{
	color:#92C14D;
}

.comments .replys {
    margin-left: 40px;
}

.comments .replys.children {
    margin-left: 80px;
}

.comments .reply-btn{
	float:right;
}

.comments .reply-btn a {

    background: #2D2D2D;
    border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    padding: 8px 12px;
}


.comments .reply-btn a:hover {
    background:#92C14D;
}
.commentContent span.date a {
    color: #666666;
    font-size: 11px;
}

.commentContent span.date a:hover{
	color:#2d2d2d;
}


.respond{
	margin-top:50px;
}

.respond h3{
	margin-bottom:30px;
}


.respondForm label{
	display:block;
	margin-bottom:10px;
	font-size:15px;
	color:#666666;
}


form.respondF{
	width:640px;
}


.respondForm input[type="text"],.respondForm input[type="email"],input[type="number"], .respondForm textarea{
	
	margin-bottom:10px;
	padding-left:10px;
	background: #ffffff;
	border: 1px solid #efefef;
	color: #666666;
	outline-width: 0;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}


.respondForm input[type="text"],.respondForm input[type="email"] {
	
	width: 450px;
	height: 40px;
	font-size:13px;
	margin-bottom:20px;
}

.respondForm textarea {
	
	width: 630px;
	height: 170px;
	padding-top:10px;
	margin-bottom:-5px;
	font-size:13px;
	
}

.respondForm input#submit {
	
	background:#2d2d2d;
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
	text-transform:uppercase;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;

}


.respondForm input#submit:hover{
	background:#92C14D;
}



/*End single post*/

/*End blog*/



/*Contact*/


#map {
    color: #444444;
    height: 420px;
	margin-bottom: 30px;
    text-align: left;
    width: 100%;
}

.contactForm {
    margin-left:31px;
}

.form{
	position:relative;
}

.inputBox, .contactForm {
    margin-bottom: 20px;
}



.inputBox label {
    display: block;
    margin-bottom: 8px;
    padding: 5px 0;
	color:#666666;
	font-size:15px;
}

.contactForm [type="text"], .contactForm textarea {
    border: 1px solid #EFEFEF;
    display: block;
    height: 45px;
    width: 340px;
	padding-left:10px;
	font-size:13px;
	color:#666666;
}

.contactForm textarea {
    line-height: 25px;
    min-height: 200px;
    width: 1070px;
}


.inputBox {
    margin: 0 20px 15px 0;
    width: 346px;
	float:left;
}


.inputBox.last {
    margin-right: 0 !important;
}

 .inputBox.msg {
    width: 100%;
}


.contactForm input.submit {
    background: #2D2D2D;
    border: 15px solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 70px;
    left: 76.5%;
    position: absolute;
    text-transform: uppercase;
    top: 310px;
    width: 16.6%;
	/* Prevent background color leak outs */
	 -webkit-background-clip: padding-box; 
	 -moz-background-clip:padding; 
	 background-clip:padding-box;
}

.contactForm input.submit:hover{
	background:#92C14D;
}

#success, #error{
    display: none;
	position:relative;
}


#success h2, #error h2 {
    color: #1FB4DA;
    font-size: 11px;
    left: 0;
    position: absolute;
    top: 0;
}


#error h2 {
	color:#ce3d3d;
}



.errorForm {
    border: 1px solid #ed1c24 !important;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}


.infoHolder{
	text-align:center;
	border:1px solid #efefef;
	padding:20px;	
}

.address {
	position:relative;
}

.address p{
	font-size:24px;
	color: #2d2d2d;
	padding-top: 40px;
	padding-bottom: 60px;
	
}


.address i {
    background: none repeat scroll 0 0 #2D2D2D;
    border: 10px solid #FFFFFF;
    border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	/* Prevent background color leak outs */
	 -webkit-background-clip: padding-box; 
	 -moz-background-clip:padding; 
	 background-clip:padding-box;
    color: #FFFFFF;
    display: inline-block;
    font-size: 20px;
    height: 55px;
    left: 50%;
    line-height: 58px;
    margin-left: -33px;
    position: absolute;
    top: -57px;
    width: 55px;
}



.info{
	text-align:center;
	font-size:14px;

}


.info li{
	display:inline-block;
	width:200px;
	position:relative;
	
}

.info ul{
	padding-bottom:25px;
}

.info li .ico {
    background:#2D2D2D;
    border: 10px solid #FFFFFF;
    border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	/* Prevent background color leak outs */
	 -webkit-background-clip: padding-box; 
	 -moz-background-clip:padding; 
	 background-clip:padding-box;
    color: #FFFFFF;
    display: inline-block;
    font-size: 20px;
    height: 45px;
    left: 50%;
    line-height: 46px;
    margin-left: -33px;
    position: absolute;
    top: 30px;
    width: 45px;
}


/*End contact*/


#footer{
	color: #fff;
	background:#4D4342;
	
}
.logo-footer{
	font-size: 1rem;
	margin-top: 40px;
	margin-bottom: 1rem;
	}
.logo-footer img{
	display: inline-block;
	vertical-align: middle;
	margin-right: .5rem;
	}
.footer-info{
	font-size: .875rem;
	margin-bottom: 40px;
	}
.phone-number span{
	padding-right: .5rem;
	}
.phone-number a{
	display: none;
	}
@media only screen and (max-width:767px) {
	.logo-footer{
		margin: 2rem 0 .5rem;
		}
	.logo-footer img{
		display: block;
		max-width: 290px;
		margin: 0 auto;
		}
	.footer-info{
		line-height: 1.8;
		text-align: center;
		}
	.phone-number span{
		display: none;
		}
	.phone-number a{
		display: block;
		color: #fff;
    	text-align: center;
		background-color: #999;
		border-radius: 2px;
		padding: .5rem;
    	margin-top: .5rem;
		}
	}



.bottom{
	background:#231815;
	padding:20px 0;
}


.bottom p {
    float: left;
    font-size: 13px;
    
}

.bottom ul {
    float: right;
    font-size: 13px;
}


.bottom ul li {
    display: inline;
    margin-right: 10px;
}

.bottom li a { 
    color: #ccc;
}


.bottom li a:hover { 
    color: #ffffff;
}


/*footer*/



/*End footer*/

/* Clear float style*/
.clearfix:before,
.clearfix:after{
	content:"";
	display:table;
}

.clearfix:after{
	clear:both;
}
/*End clear float style */

.nomarginRight{margin-right:0;}



#toTop {
    bottom: 100px;
    display: none;
    position: fixed;
    right: 20px;
    text-decoration: none;
    z-index: 10000;
}
#toTop i {
    background:#efefef;
    color: #999999;
    font-size: 16px;
    padding: 10px;
    z-index: 10000;
	border-radius:100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
}


#toTop i:hover {
    color: #2d2d2d;
}
#toTop:active, #toTop:focus {
    outline: medium none;
}

/* =======================================
    index-news
======================================= */
.main-slider li{
	display: none;
}
.main-slider li:first-child{
	display: block;
}
.main-slider li{
	z-index: 10;
}
.slider-text{
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	z-index: 11;
}
li:first-child .slider-text{
	margin-top: -20px;
	margin-left: -353px;
}
li:nth-of-type(2) .slider-text{
	margin-top: -20px;
	margin-left: -308px;
}
li:nth-of-type(3) .slider-text{
	margin-top: -43px;
	margin-left: -387px;
}
@media only screen and (max-width:840px) {
	li:first-child .slider-text{
		width: 381px;
		margin-top: -10px;
		margin-left: -190px;
	}
	li:nth-of-type(2) .slider-text{
		width: 335px;
		margin-top: -10px;
		margin-left: -167px;
	}
	li:nth-of-type(3) .slider-text{
		width: 418px;/*元画像×.54*/
		margin-top: -23px;
		margin-left: -209px;
	}
}
@media only screen and (max-width:480px) {
	li:first-child .slider-text{
		width: 247px;
		margin-top: -7px;
		margin-left: -123px;
	}
	li:nth-of-type(2) .slider-text{
		width: 215px;
		margin-top: -7px;
		margin-left: -107px;
	}
	li:nth-of-type(3) .slider-text{
		width: 270px;/*元画像×.35*/
		margin-top: -15px;
		margin-left: -135px;
	}
}
.wrap-title{
	text-align: center;
	}
h2{
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 700;
	color: #2A4902;
	border-bottom: solid 1px #231815;
	padding: 1rem 1rem .5rem 1rem;
	margin-bottom: 1rem;
	}
.index-news ul{
	margin-bottom: 5rem;
	}
.index-news li{
	border-bottom: solid 1px #ccc;
	}
.index-news li{
	display: block;
	text-align: center;
	color: #333;
	padding: .5rem;
	}
.index-news a{
	color: #333;
}
.index-news li span{
	display: inline-block;
	vertical-align: top;
	font-size: 1rem;
	text-align: left;
	}
.index-news li span:first-child{
	width: 20%;
	max-width: 10rem;
	}
.index-news li span:last-child{
	width: 75%;
	}
@media only screen and (max-width:767px) {
	h2{
		font-size: 1.25rem;
		padding: .5rem;
		}
	.index-news ul{
		margin-bottom: 3rem;
		}
	.index-news li span{
		display: block;
		}
	.index-news li span:first-child{
		width: 100%;
		max-width: inherit;
		max-width: initial;
		font-size: .75rem;
		font-weight: 700;
		}
	.index-news li span:last-child{
		width: 100%;
		}
	.index-news li{
		padding: .5rem 0;
		}
	}
/* =======================================
    index-service
======================================= */
.index-service{
	text-align: center;
	background-color: #F7F6F4;
	padding: 3rem 0 5rem;
}
.wrap-ind-ser-box{
	margin-bottom: 2rem;
	}
.ind-ser-box{
	display: inline-block;
	vertical-align: top;
	width: 30%;
	}
.ind-ser-box span{
	display: block;
	font-size: 2rem;
	text-align: center;
	color: #2A4902; 
	margin-bottom: 1rem;
	}
.ind-ser-box img{
	display: inline-block;
	width: 188px;
	border-radius: 80px;
	}
.index-service p{
	display: inline-block;
	text-align: left;
}
.index-service p span{
	display: block;
}
@media only screen and (max-width:767px) {
	.index-service{
		padding: 1.5rem 0 3rem;
		}
	.wrap-ind-ser-box{
		margin-bottom: 1rem;
	}
	.ind-ser-box{
		display: block;
		width: 100%;
		margin-bottom: 2rem;
		}
	.ind-ser-box:last-child{
		margin-bottom: 0;
	}
	.ind-ser-box span{
		font-size: 1.5rem;
		margin-bottom: .5rem;
		}
	}
/* =======================================
    member　組合員紹介
======================================= */
.member01{
	text-align: center;
}
.member01 h2{
	font-size: 2rem;
	color: #9B0000;
	border-bottom: solid 1px #4C0E00;
	margin-bottom: 2rem;
}
.member01 p{
	font-size: 1.375rem;
	line-height: 1.8;
	font-weight: 700;
	color: #40220F;
	margin-bottom: 2rem;
}
.member-list ul{
	border-top: solid 1px #ccc;
	margin-bottom: 5rem;
	}
.member-list li{
	position: relative;
	border-bottom: solid 1px #ccc;
	padding: 1rem;
	}
.member-info{
	padding-right: 270px;
	}
.member-info dl{
	display: table;
	width: 100%;
	font-size: 1rem;
	color: #222;
	margin: .75rem 0;
	}
.member-info dt,
.member-info dd{
	display: table-cell;
	vertical-align: top;
	}
.member-info dt{
	width: 9rem;
	padding-right: 1rem;
	}
.member-list a{
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	display: block;
	width: 250px;
	font-size: 1rem;
	text-align: center;
	color: #fff;
	background-color: #B7A088;
	padding: .875rem;
	box-sizing: border-box;
	}
.member-list a:hover{
	background-color: #9C7D5F;
	}
@media only screen and (max-width:767px) {
	.member01 h2{
		font-size: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.member01 p{
		font-size: 1.125rem;
	}
	.member-info{
		padding-right: 0;
		}
	.member-list ul{
		border-top: solid 1px #999;
		}
	.member-list li{
		border-bottom: solid 1px #999;
		padding: .5rem .5rem .875rem .5rem;
		}
	.member-info dl,
	.member-info dt,
	.member-info dd{
		display: block;
		font-size: .875rem;
		}
	.member-info dl{
		margin: 0;
    	border-bottom: dotted 1px #ccc;
    	padding: .5rem 0;
		}
	.member-info dl:last-child{
		border-bottom: none;
		}
	.member-info dt{
		width: 100%;
		font-weight: 700;
		padding-right: 0;
		}
	.member-info dd{
		margin: 0;
		}
	.member-list a{
		position: inherit;
		width: 100%;
		right: auto;
    	bottom: auto;
		padding: .65rem;
		margin-top: .5rem;
		}
	}
/* =======================================
    about 組合案内
======================================= */
.about-us{
	padding-bottom: 3rem;
	}
.about-us .wrap-title{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 150px;
	text-align: center;
	background: url(../img/logo-circle.png) center center no-repeat;
	margin-bottom: 1rem;
}
.about-us h2{
	width: 100%;
	font-size: 1.75rem;
	line-height: 1.2;
	text-align: center;
	border-bottom: none;
	padding: 0;
	margin: 0;
}
.text-shadow{
	text-shadow: 
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}
.about-text{
	line-height: 1.8;
	text-align: center;
	margin: 1rem auto 3rem;
	}
.about-text span{
	display: block;
	}
.about-box{
	font-size: 0;
	text-align: center;
	}
.about-box section{
	display: inline-block;
	vertical-align: top;
	width: 33%;
	margin-right: .5%;
	}
.about-box section:nth-of-type(3n){
	margin-right: 0;
	}
.about-img{
	position: relative;
	max-width: 250px;
	margin: 0 auto .65rem;
	}
.img-label{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 50px;
	height: 50px;
	font-size: .75rem;
	line-height: 1;
	text-align: center;
	color: #fff;
	background-color: #8DC11F;
	padding-top: 8px; 
	box-sizing: border-box;
	}
.img-label span{
	display: block;
	font-size: 1.125rem;
	font-weight: 700;
	text-align: center;
	padding-top: 3px;
}
.about-box h3{
	font-size: 1rem;
	font-weight: 700;
	color: #604C3F;
	margin-bottom: 1rem;
	}
.about-box p{
	max-width: 250px;
	font-size: .875rem;
	text-align: left;
    margin: 0 auto 1rem;
	}
/*	理事長あいさつ	*/
.greeting{
	background-color: #F8F7F6;
	padding: 2rem 0 4rem;
	}
.greeting-text{
	line-height: 1.8;
	}
.greeting-text .riji-name{
	font-size: 1.125rem;
	text-align: right;
	margin-top: 2rem;
	}
.riji-name span:first-child{
	padding-right: 1rem;
}
/*	組合案内	*/
.guide{
	padding: 2rem 0 4rem;
	}
.guide dl{
	display: table;
	width: 100%;
	margin: 0 0 .75rem 0;
	}
.guide dt,
.guide dd{
	display: table-cell;
	vertical-align: middle;
	padding: .875rem;
	box-sizing: border-box;
	}
.guide dt{
	width: 7rem;
	text-align: center;
	color: #000;
	background-color: #C8BB9B;
	border-right: solid .5rem #fff;
	}
.guide dd{
	font-size: .875rem;
	line-height: 1.8;
	background-color: #F8F7F6;
	padding-left: 2rem;
	}
.guide ol{
	counter-reset: number 0;
	}
.guide li{
	position: relative;
	padding-left: 1.25rem;
	}
.guide li::before{
	position: absolute;
	top: auto;
	left: 0;
	counter-increment: number 1;      /* number カウンタを増加 */
	content: counter(number)".";	/* 表示形式を指定 */
	padding-right: .5rem;
	}
@media only screen and (max-width:767px) {
	.about-us{
		padding-bottom: 0;
		}
	.about-us .wrap-title{
		height: 100px;
		background-size: 100px;
	}
	.about-us h2{
		font-size: 1.5rem;
	}
	.about-text{
		margin: 0 auto 2rem;
		}
	.about-text p{
		margin-bottom: .875rem;
		}
	.about-text span{
		display: inline;
		}
	.about-box section{
		width: 100%;
		margin: 0 0 2rem 0;
		}
	.greeting-img{
		margin: 0 1rme 0 0;
		}
	.greeting-text .riji-name{
		font-size: 1rem;
		margin-top: .5rem;
		}
	.guide dl{
		display: block;
		}
	.guide dt,
	.guide dd{
		display: block;
		}
	.guide dt{
		width: 100%;
		font-size: .875rem;
		font-weight: 700;
		border-right: none;
		padding: .5rem;
		}
	.guide dd{
		padding: .5rem .5rem .875rem;
		margin: 0;
		}
	}
/*	組合概要	*/
.union{
	background-color: #F8F7F6;
	padding: 2rem 0 4rem;
	}
.union dl{
	display: table;
	width: 100%;
	border-top: solid 1px #ccc;
	margin: 0;
	}
.union dl:last-child{
	border-bottom: solid 1px #ccc;
	}
.union dt,
.union dd{
	display: table-cell;
	vertical-align: middle;
	padding: 1.5rem;
	}
.union dt{
	width: 10rem;
	text-align: center;
	}
.union dd{
	position: relative;
	padding-left: 2rem;
	}
.union dd a{
	position: absolute;
	top: .75rem;
	right: 1rem;
	display: block;
	width: 14rem;
	font-size: .875rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background-color: #015627;
	border-radius: .5rem;
	padding: .875rem;
	box-sizing: border-box;
	}
.union dd a:hover{
	background-color: #2E7D32;
}
/*	アクセス	*/
#access{
	padding-top: 100px;
	margin-top: -70px;
	}
#access address{
	font-size: 1.125rem;
	text-align: center;
	padding: 1rem 0 3rem;
	}
.googlemap iframe{
	display: block;
	}
@media only screen and (max-width:767px) {
	.union dl{
		display: block;
		}
	.union dt{
		display: block;
		width: 100%;
		font-size: .875rem;
		font-weight: 700;
		text-align: left;
		padding: .65rem 0 .3125rem;
		}
	.union dd{
		display: block;
		font-size: .875rem;
		padding: 0 0 .65rem;
		margin: 0;
		}
	.union dd a{
		position: inherit;
		top: auto;
		right: auto;
		width: 90%;
		margin: .5rem auto 0;
		}
	#access{
		padding-top: 80px;
		}
	#access address{
		font-size: 1rem;
		padding: 0 0 1.5rem;
		}
	#access iframe{
		height: 400px;
		}
	}
/* =======================================
    description	事業案内
======================================= */
.precut{
	background: url(../img/bg-tenryu-zai.jpg) center bottom no-repeat;
	}
.precut-text{
	padding: 2rem 0;
	}
.precut-text p{
	text-align: center;
	margin-bottom: 1rem;
	}
.precut-text span{
	display: block;
	}
/*-世界に誇る浜松の宝-国産無垢材「天竜材」*/
.tenryu-zai{
	text-align: center;
	padding: 4rem 1rem;
}
.tenryu-zai h2{
	font-weight: normal;
	color: #fff;
	border-bottom: none;
	background-color: rgba(0, 0, 0, .7);
	padding: 3.25rem 1.25rem 2.75rem 1.25rem;
	margin-bottom: 2rem;
}
.tenryu-zai h2 span{
	display: block;
}
.tenryu-zai-text p{
	margin-bottom: 1.5rem;
}
.tenryu-zai-text{
	font-weight: 700;
	color: #000;
}
.tenryu-zai-text span{
	display: block;
}
/*天竜プレカットとは*/
.pre-cut-inner{
	background-color: rgba(255,255,255,.75);
	padding-top: 2rem;
}
.tenryu{
	background-color: #fff;
	padding: 2rem 2rem 1.5rem;
	margin-bottom: 2rem;
	}
.precut h3{
	font-size: 1.5rem;
	text-align: center;
	color: #2A4902;
	margin-bottom: 1rem;
	}
.tenryu p{
	margin-bottom: .5rem;
	}
.tenryu p::before{
	content: "●";
	}
.precut02{
	font-size: 0;
	padding: 0 0 3rem;
	}
.precut02 section{
	display: inline-block;
	vertical-align: top;
	width: 49%;
	text-align: center;
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 1rem;
	margin-right: 2%;
	box-sizing: border-box;
	}
.precut02 section:last-child{
	margin-right: 0;
	}
.precut .precut02 h3{
	margin: 1rem 0 0 0;
	}
/*	service　ご用命は…	*/
.order{
	padding: 2rem 0 4rem;
	}
.order h2{
	font-size: 2rem;
	font-weight: 700;
	color: #C20D23;
	border-bottom: solid 1px #4C0E00;
	margin-bottom: 2rem;
	}
.order h3{
	font-size: 1.5rem;
	font-weight: 700;
	color: #40220F;
	margin-bottom: 2rem;
}
.order h3 span{
	display: block;
	}
.wrap-order{
	margin-bottom: 3rem;
}
.wrap-order img{
	display: block;
	float: right;
	width: 33.25%;
	margin-left: 3rem;
	}
.order-text{
	padding-top: 1rem;
}
.order-text p{
	position: relative;
	color: #666;
	padding-left: 1.5rem;
	margin-bottom: 2rem;
	}
.order-text p::before{
	content: "";
	position: absolute;
	top: .3125rem;
	left: 0;
	display: block;
	width: .75rem;
	height: .75rem;
	border: solid 1px #666;
	border-radius: 50%;
}
.btn-order{
	display: block;
	width: 100%;
	max-width: 500px;
	font-size: 1.625rem;
	font-weight: 700;
	text-align: center;
	color: #004626;
	border: solid 1px #004626;
	padding: 1.5rem 1rem;
	margin: 0 auto;
	box-sizing: border-box;
}
.btn-order:hover{
	    background-color: #DCEDC8;
}
@media only screen and (max-width:767px) {
	.tenryu-zai{
		padding: 2rem .875rem;
	}
	.tenryu-zai h2{
		padding: 2rem 1.25rem 1.75rem 1.25rem;
	}
	.tenryu-zai h2 span{
		margin-bottom: .5rem;
	}
	.tenryu-zai-text span{
		margin-bottom: 1rem;
	}
	.precut-text{
		padding: 0 0 .5rem;
		}
	.precut-text p{
		text-align: left;		
		}
	.precut-text span{
		display: inline;
		}
	.tenryu{
		padding: 1.25rem;
		}
	.tenryu p{
		margin-bottom: 1rem;
	}
	.precut h3{
		font-size: 1rem;
		font-weight: 700;
		margin-bottom: .5rem;
		}
	.precut02{
		display: -webkit-flex;
		display: flex;
		padding: 0 0 2rem 0;
		}
	.precut02 section{
		padding: .5rem;
		}
	.precut .precut02 h3{
		font-size: .875rem;
		margin-top: .5rem;
	}
	.order{
		padding: 1rem 0 2rem;
		}
	.order h2{
		font-size: 1.5rem;
		text-align: left;
		margin-bottom: .5rem;
		}
	.order h3{
		font-size: 1rem;
		margin-bottom: 1rem;
	}
	.order h3 span{
		display: inline;
		}
	.wrap-order{
		margin-bottom: 0;
	}
	.wrap-order img{
		float: none;
		width: 100%;
		margin: 0;
		}
	.order-text p{
		padding-left: 1.25rem;
		margin-bottom: 1rem;
		}
	.btn-order{
		font-size: 1rem;
		padding: 1rem;
	}
}
	
/* =======================================
    recruit　リクルート
======================================= */
.recruit{
	margin-bottom: 4rem;
	}
.recruit-text{
	text-align: center;
	padding-bottom: 2rem;
}
.recruit-text p{
	margin-bottom: 1rem;
}
.recruit h2{
	margin-bottom: 2rem;
	}
.recruit table{
	width: 100%;
	border-collapse: collapse;
	border-top: solid 1px #ccc;
	margin-bottom: 2rem;
}
.recruit thead{
	background-color: #EDEDED;
}
.recruit th,
.recruit td{
	border-bottom: solid 1px #ccc;
	padding: 1rem 1rem 1rem 3rem;
}
.recruit th{
	text-align: left;
}
.recruit thead th{
	text-align: center;
	padding: 1rem;
}
.recruit tbody th{
	font-weight: 700;
}
.recruit tbody th::before{
	content: "・";
}
.recruit td{
	font-size: .875rem;
}
.recruit-contact{
	width: 100%;
	max-width: 585px;
	text-align: center;
	border: solid 2px #C7BA9A;
	border-radius: .625rem;
	padding: 1rem;
	margin: 0 auto;
	box-sizing: border-box;
}
.rec-con-inner img,
.rec-con-inner span{
	display: inline-block;
	vertical-align: middle;
}
.rec-con-inner img{
	margin-right: .5rem;
}
.rec-con-inner span{
	font-size: 3.125rem;
	color: #006934;
}
.recruit-contact a{
	display: none;
}
@media only screen and (max-width:767px) {
	.recruit thead{
		display: none;
	}
	.recruit tbody th,
	.recruit td{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.recruit tbody th{
		border-bottom: none;
		padding: .875rem .5rem 0 .5rem;
	}
	.recruit tbody th::before{
		content: "募集職種";
		display: inline-block;
		vertical-align: top;
		font-size: .75rem;
		font-weight: normal;
		line-height: 1;
		background-color: #ededed;
		border-radius: 4px;
		padding: .3125rem .5rem;
		margin-right: .5rem;
	}
	.recruit td{
		padding: .5rem .5rem .875rem .5rem;
	}
	.recruit-contact{
		border: none;
		padding: 0;
	}
	.recruit-contact > p,
	.recruit-contact > .rec-con-inner{
		display: none;
	}
	.recruit-contact a{
		display: block;
		color: #333;
		border: solid 2px #C7BA9A;
		border-radius: .625rem;
		padding: 1rem 0;
	}
	a .rec-con-inner img{
		width: 1.875rem;
		margin-right: .3125rem;
	}
	a .rec-con-inner span{
		font-size: 2rem;
	}
}
	
/* =======================================
    sitemap　サイトマップ
======================================= */
.sitemap ul{
	border-top: dotted 1px #ccc;
	margin-bottom: 4rem;
	}
.sitemap li{
	border-bottom: dotted 1px #ccc;
	}
.sitemap li a{
	position: relative;
	display: block;
	padding: 1rem 1rem 1rem 1.5rem;
	}
.sitemap li a::before,
.sitemap li a::after{
	content: "";
	position: absolute;
	top:50%;
	left: 0;
	display: inline-block;
	vertical-align: middle;
	}
.sitemap li a::before{
	width: 12px;
	height: 12px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #92C14D;
	margin-top: -6px;
	}
.sitemap li a::after{
	left: 3px;
	width: 3px;
	height: 3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -2px;	
	}
@media only screen and (max-width:767px) {
	.sitemap li a{
		font-size: .875rem;
		padding: .75rem .75rem .75rem 1.25rem;
		}
	}
/*-------------------------------------------------------------------------*/

/* Media queries */

/*Landscape 1024 X 600 */

@media only screen and (min-width: 1000px) and (max-width: 1030px){
	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	.holder1140{width:960px;}
	.clientContainer,.testimoniaContainer, #teaser {background-attachment: scroll;background-position:top center !important;background-size: cover;}
	.teaserTitle{margin-top:360px;}
	.captions p {font-family: 'robotomedium', Arial,sans-serif;font-size: 14px;}
	.process,.feature {margin-left: 13px;margin-right: 15px;padding: 40px 10px 20px;width: 270px;}
	.team {margin-left: 14px;width: 412px;}
	
	
	
	
	/*From the multiple page*/
	.skillsHolder{margin-left:15px;}
	.textWidget {margin-left: 40px;width: 400px;}
	.skills {width: 490px;}
	.news{width:410px;}
	.nDesc{width:289px;}
	
	
	
	
	.tDesc {width: 295px;}
	.service{width:240px;}
	.servIco{left:-8%;}
	#pricingHolder {margin-left:55px;margin-right: -21px;}
	.pricingtbl ul{width:250px;}
	.pricingtbl li.pricing{margin-left:35px;}
	.facts{margin-left:20px;}
	.fcInfo {font-size: 23px;}
	li.fc {height: 164px;width: 164px;margin-left:45px;}
	li.fc .innerFc {height: 180px;width: 180px;}
	
	
	
	#works .portfolio {margin-left: 28px;}
	.folioImg img {width: 275px;height:190px;}
	
	
	
	
	
	
	
	/*From the multiple page*/
	.blogHolder.blogPosts{width:640px;}
	.postInner{width:550px;}
	.postImage{width:550px;}
	.widgetAside{width:240px;}
	.respondForm input[type="text"], .respondForm input[type="email"]{width:400px;}
	.respondForm textarea{width:500px;}
	
	
	/*From the multiple page*/
	.singleSlider{width:710px;}
	.singleDesc{width:200px;}
	
	
	
	
	.contactForm{margin-left:18px;}
	.inputBox{margin:0 30px 15px 0;}
	.inputBox,.contactForm [type="text"]{width:284px;}
	.contactForm textarea{width:915px;}
	.contactForm input.submit {top: 315px;width: 19.6%;}
	.feed{margin-left:15px;}

	

}




@media only screen and (min-width: 1140px){
	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	.holder1140{width:960px;}
	.clientContainer,.testimoniaContainer,#teaser {}
	.teaserTitle{margin-top:360px;}
	.captions p {font-family: 'robotomedium', Arial,sans-serif;font-size: 14px;}
	.process,.feature {margin-left: 13px;margin-right: 15px;padding: 40px 10px 20px;width: 270px;}
	.team {margin-left: 14px;width: 412px;}
	
	
	
	
	/*From the multiple page*/
	.skillsHolder{margin-left:15px;}
	.textWidget {margin-left: 40px;width: 400px;}
	.skills {width: 490px;}
	
	
	
	
	
	.tDesc {width: 295px;}
	.service{width:240px;}
	.servIco{left:-8%;}
	#pricingHolder {margin-left:55px;margin-right: -21px;}
	.pricingtbl ul{width:250px;}
	.pricingtbl li.pricing{margin-left:35px;}
	.facts{margin-left:20px;}
	.fcInfo {font-size: 23px;}
	li.fc {height: 164px;width: 164px;margin-left:45px;}
	li.fc .innerFc {height: 180px;width: 180px;}
	
	
	
	#works .portfolio {margin-left: 28px;}
	.folioImg img {width: 275px;height:190px;}
	
	
	
	
	
	
	
	/*From the multiple page*/
	.blogHolder.blogPosts{width:640px;}
	.postInner{width:550px;}
	.postImage{width:550px;}
	.widgetAside{width:240px;}
	.respondForm input[type="text"], .respondForm input[type="email"]{width:400px;}
	.respondForm textarea{width:500px;}
	
	
	/*From the multiple page*/
	.singleSlider{width:710px;}
	.singleDesc{width:200px;}
	
	
	
	
	.contactForm{margin-left:18px;}
	.inputBox{margin:0 30px 15px 0;}
	.inputBox,.contactForm [type="text"]{width:284px;}
	.contactForm textarea{width:915px;}
	.contactForm input.submit {top: 315px;width: 19.6%;}
	.feed{margin-left:15px;}
}





/*iPad lanscape*/
@media screen and (max-device-width: 960px) and (min-width: 1000px) and (max-width: 1030px){
	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	
	.holder1140{width:960px;}
	.clientContainer,.testimoniaContainer, #teaser {background-attachment: scroll;background-position:top center !important;background-size: cover;}
	.teaserTitle{margin-top:360px;}
	.captions p {font-family: 'robotomedium', Arial,sans-serif;font-size: 14px;}
	.process,.feature {margin-left: 13px;margin-right: 15px;padding: 40px 10px 20px;width: 270px;}
	.team {margin-left: 14px;width: 412px;}
	
	
	
	
	/*From the multiple page*/
	.skillsHolder{margin-left:15px;}
	.textWidget {margin-left: 40px;width: 400px;}
	.skills {width: 490px;}
	.news{width:410px;}
	.nDesc{width:289px;}
	
	
	
	
	.tDesc {width: 295px;}
	.service{width:240px;}
	.servIco{left:-8%;}
	#pricingHolder {margin-left:55px;margin-right: -21px;}
	.pricingtbl ul{width:250px;}
	.pricingtbl li.pricing{margin-left:35px;}
	.facts{margin-left:20px;}
	.fcInfo {font-size: 23px;}
	li.fc {height: 164px;width: 164px;margin-left:45px;}
	li.fc .innerFc {height: 180px;width: 180px;}
	
	
	
	#works .portfolio {margin-left: 28px;}
	.folioImg img {width: 275px;height:190px;}
	
	
	
	
	
	
	
	/*From the multiple page*/
	.blogHolder.blogPosts{width:640px;}
	.postInner{width:550px;}
	.postImage{width:550px;}
	.widgetAside{width:240px;}
	.respondForm input[type="text"], .respondForm input[type="email"]{width:400px;}
	.respondForm textarea{width:500px;}
	
	
	/*From the multiple page*/
	.singleSlider{width:710px;}
	.singleDesc{width:200px;}
	
	
	
	
	.contactForm{margin-left:18px;}
	.inputBox{margin:0 30px 15px 0;}
	.inputBox,.contactForm [type="text"]{width:284px;}
	.contactForm textarea{width:915px;}
	.contactForm input.submit {top: 315px;width: 19.6%;}
	.feed{margin-left:15px;}

}





/* Tablet Portrait size -> standard 960 */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	.holder1140{width:700px;}
	.clientContainer,.testimoniaContainer, #teaser {background-attachment: scroll;background-position:top center !important;background-size: cover;}
	.teaserTitle{margin-top:380px;}
	.secSingle{margin-top:84px;}
	nav#mainNav{float:none;margin-right:0;}
	.logo h1 {margin-left: 20px;margin-top: -10px;}
	.headerSocials {margin-right:300px;margin-top: 12px;}

	nav#mainNav{margin-right:0;margin-top:55px;border-right:none;border-top:1px dashed #444444;padding-top:8px;}
	nav#mainNav ul{display:none;padding-left: 5px;padding-bottom:10px;}
	nav#mainNav li{float:none; display:block;}
	nav#mainNav li a{padding:10px 15px;display:block;}
	nav#mainNav ul ul{position:static;background: none ;}
	nav#mainNav ul ul li {background: none ;border-bottom: none;}
	nav#mainNav ul ul li a{color:#ffffff;padding:8px 0 8px 26px;}
	.mobileBtn {display: inline-block;float: right;margin-bottom: 0;margin-right: 15px;margin-top: 5px;}
	
	.captions p{font-family: 'robotomedium', Arial,sans-serif;}
	
	
	.process, .feature, .news{width:650px;margin-bottom:60px;margin-left:13px;}
	.process:last-child, .team:last-child, .feature:last-child, .news:last-child{margin-bottom:0;}
	.team{width:627px;}
	.news{width:633px;}
	.tDesc, .nDesc{width:500px;}
	.team{margin-bottom:30px;}
	
	/*From the multiple page*/
	.skills, .textWidget, #pricingHolder{width:700px;}
	.textWidget{margin-left:0;}
	.skills.column, .textWidget.column{float:none;}
	
	
	.service{width:153px;margin-left:35px;}
	.servIco{left:-12%;}
	.testimoniaContainer .testimonialContent{height:270px;}
	.testimoniaContainer .testimonialContent div{width:700px;}
	
	#pricingHolder{margin-right:0;margin-left:8px;}
	.pricingtbl ul{margin-right:15px;width:216px;}
	.pricingtbl li.pricing{margin-left:17px;}
	.pricingtbl ul.border li:first-child,.pricingtbl ul li.signupBtn a{margin:0 !important;}
	.pricingtbl ul small{top: -20px;}
	ul.clientList li{margin-right:0px;}
	.innerFact{text-align:center;}
	.facts{margin:0;}
	.facts li{display:block;margin-bottom:60px;}
	.facts li:last-child{margin-bottom:0px;}
	li.fc{margin-left:0;}
	
	.works .portfolio{margin-left:38px;}
	.folioImg img{width:290px;height:200px;}
	
	
	
	/*From the multiple page*/
	.singleSlider{width:484px;}
	.singleDesc{width:171px;}
	
	
	
	
	/*From the multiple page*/
	.blogHolder.blogPosts{width:405px;}
	.postInner{width:315px;}
	.postImage{width:315px;}
	.bDesc{width:auto;margin-left:0; margin-top:20px;}
	form.respondF{width:312px;}
	.flex-direction-nav a{padding:10px 3px !important;}
	.respondForm input[type="text"], .respondForm input[type="email"]{width:300px;}
	.respondForm textarea{width:301px;}
	.widgetAside{width:215px;}
	
	
	
	.contactForm{margin-left:15px;}
	.inputBox,.contactForm [type="text"]{width:200px;}
	.inputBox{margin:0 25px 15px 0;}
	.contactForm textarea{width:655px;}
	.contactForm input.submit {top: 315px;width: 25.6%;left:66%;}
	
	
}


/* Mobile Landscape Size -> Tablet Portrait size*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	html{-webkit-text-size-adjust: none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
	.clientContainer,.testimoniaContainer, #teaser {background-attachment: scroll;background-position:top center !important;background-size: cover;}
	.holder1140,.testimonialContent{width:450px;}
	header{padding-top:15px;padding-bottom:0;}
	.secSingle{margin-top:79px;}
	.secTitle{margin-top: -2px;}
	#teaser, #teaser .overlay{height:530px;}
	.teaserTitle{margin-top:300px;}
	.teaserTitle h1:before{margin-left:-265px;width:50px;top:27px;}
	.teaserTitle h1:after{margin-right:-265px;width:50px;top:27px;}
	.captions p{font-family: 'robotomedium', Arial,sans-serif;}
	.teaserTitle h1{font-size:38px;}
	.innerTitle h1{font-size:25px;}
	nav#mainNav{float:none;margin-right:0;}
	.logo h1 {margin-left: 20px;margin-top: 1px;width:300px;background-image:url(../img/logo-sp.png);background-position:left center;background-repeat:no-repeat;background-size:300px;height: 40px;}
	.logo h1 img{display: none;}
	.headerSocials {margin-right: 210px;margin-top: 12px;}

	nav#mainNav{margin-right:0;margin-top:55px;border-right:none;padding-top:8px;}
	nav#mainNav ul{display:none;padding-left: 5px;padding-bottom:10px;}
	nav#mainNav li{float:none; display:inline-block;}
	nav#mainNav li a{padding:10px 15px;display:block;}
	nav#mainNav ul ul li a{padding:8px 0 8px 26px;}
	.dropDown{padding-bottom:5px !important;}
	.mobileBtn {display: inline-block;float: right;margin-bottom: 0;margin-right: 15px;margin-top: 5px;}

	
	
	.arrowHolder {margin-left: -42px;top: -37px;width: 20%;}
	
	.divider{width:400px;}
	.team.colum, .process.column, .service.column,.textWidget.column,.skills.column, .pricingtbl ul, .inputBox,.share,.feed, .bottom p, .bottom ul, .blogHolder.blogPosts, .widgetAside, .singleSlider,.singleDesc{float:none;}
	
	.process,.feature, .news{width:350px;margin-bottom:60px;margin-left:12px;}
	.process:last-child,.feature:last-child,.news:last-child, .team:last-child, .service:last-child, .pricingtbl ul:last-child{margin-bottom:0;}
	
	.team,.news{width:327px;}
	.tDesc,.nDesc{width:200px;}
	.team{margin-bottom:30px;}
	.nImg{margin-top:20px;}
	.nDesc{margin-top:16px;}
	
	
	
	
	
	
	/*From the multiple page*/
	.skillsHolder{margin-left:0;}
	.textWidget {margin-left:0px;width: 400px;}
	.skills {width: 400px;}
	
	
	
	
	.service{width:400px;margin:0 0 30px 0;}
	.servIco{left:-5%;}
	.cta p{padding:0 65px;line-height:35px;}
	
	
	
	#pricingHolder{margin-left:20px;}
	.pricingtbl ul{margin-bottom:30px;width:350px;}
	.pricingtbl li.pricing{margin-left:80px;}
	.pricingtbl ul small{top: -20px;}
	
	
	.innerFact{text-align:center;}
	.facts{margin:0 !important;}
	.facts li{display:block;margin-bottom:60px;}
	.facts li:last-child{margin-bottom:0px;}
	li.fc{margin-left:0;}
	
	
	
	#testimonials .overlay{height:380px;}
	
	.testimoniaContainer .testimonialContent{height:370px;}
	.testimoniaContainer .testimonialContent div{width:400px;}
	
	

	ul.clientList{margin-top:40px}
	.clientContent h1{font-size:21px;}
	.clientContent p{padding-right:40px;padding-left:40px;}
	#client .overlay{height:340px;}
	ul.clientList{font-size:60px;}
	ul.clientList li{padding-bottom:20px;}
	
	
	
	ul#category li{display:block;}
	ul#category li a{margin-right:0;margin-bottom:12px;padding:10px 30px;}
	.works .portfolio{margin-left:25px;}
	
	
	/*From the multiple page*/
	.singleSlider{width:400px;}
	.singleDesc{width:400px;margin-bottom:30px;}
	
	
	/*From the multiple page*/
	.blogHolder.top{margin-bottom:0px;}
	.blogHolder.blogPosts{width:400px;}
	.blogHolder.blogPosts, .widgetAside{margin-left:0px;margin-right:0px;}
	.bDesc{width:auto;margin-left:0; margin-top:20px;}
	.postInner{width:310px;}
	.postImage{width:310px;}
	form.respondF{width:308px;}
	.respondForm input[type="text"], .respondForm input[type="email"]{width:296px;}
	.respondForm textarea{width:297px;}
	.widgetAside{width:400px;margin-top:50px;}
	
	
	
	
	.contactForm {margin-left:14px}
	.contactForm input.submit {left: 22.7%;top: 523px;width: 50.6%;}
	.contactForm textarea{width:352px;}
	.contactForm [type="text"]{width:349px;}
	
	.info li{height:100px;}
	.info li:last-child{height:50px;}
	.info li .ico{top:-70px;}
	.info ul{margin-top:50px;padding:0;}
	.share, .bottom ul, .bottom p{text-align:center;}
	.bottom ul{margin-top:5px;}
	
	
	
}


/* Mobile Portrait Size -> Mobile Landscape Size */
@media only screen and (max-width:479px) {
	.holder1140,.testimonialContent{width: 100%;box-sizing: border-box;}
	input, textarea{-webkit-appearance: none;-webkit-border-radius:0;}
	html{-webkit-text-size-adjust: none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
	.clientContainer,.testimoniaContainer, #teaser {background-attachment: scroll;background-position:top center !important;background-size: cover;}
	
	
	
	header{padding-top:10px;}
	.secSingle{margin-top:64px;}
	.logo h1 {margin-left: 10px;margin-top: -2px;width:220px;background-image:url(../img/logo-sp.png);background-position:left center;background-repeat:no-repeat;background-size:220px;height: 40px;}
	.logo h1 img{display: none;}
	nav#mainNav{float:none;}
	
	nav#mainNav{margin-right:0;margin-top:45px;border-right:none;padding-top:8px;}
	nav#mainNav ul{display:none;padding-bottom: 8px;padding-left: 5px;}
	nav#mainNav li{float:none; display:block;}
	nav#mainNav li a{padding:10px 15px;display:block;}
	.headerSocials {margin-right: 80px;margin-top: 10px;}
	nav#mainNav ul ul{position:static;background: none ;}
	nav#mainNav ul ul li {background: none ;border-bottom: none;}
	nav#mainNav ul ul li a{color:#ffffff;padding:8px 0 8px 26px;}
	.mobileBtn {display: inline-block;float: right;margin-bottom: 16px;margin-right: 15px;margin-top: 3px;position: relative;}
	.teaserTitle h1{font-size:35px;}
	.teaserTitle {margin-top: 260px;}
	
	#teaser, #teaser .overlay{height:500px;}
	.teaserTitle h1:before{margin-left:-160px;width:35px;top:52px;}
	.teaserTitle h1:after{margin-right:-160px;width:35px;top:52px;}
	.captions p{font-family: 'robotomedium', Arial,sans-serif;}
	
	
	.secTitle p{padding:0 30px;}
	
	.divider{width:230px;}
	.team.column, .process.column, .news.column, .service.column, .pricingtbl ul, .inputBox,.share,.feed, .bottom p, .bottom ul,
	.tImg, .tDesc, .nDesc,.works .item, .skills.column, .nImg,.textWidget.column, .blogHolder.blogPosts, .widgetAside, .singleSlider,.singleDesc {float:none !important;}
	
	.process, .feature, .news{width:180px;margin-bottom:60px;margin-left:14px;}
	.process:last-child,.feature:last-child,.news:last-child .team:last-child, .service:last-child, .pricingtbl ul:last-child, .innerTeam{margin-bottom:0;}
	
	.team,.news{width:190px;margin:0 0 30px 0;}
	.nImg,.tImg{margin-top:30px;}
	.tDesc,.nDesc{width:auto;margin-left:0;margin-top:20px;}
	.tImg img{margin-bottom:10px;}
	.news{margin-bottom:70px;}

	
	
	
	
	/*From the multiple page*/
	.skillsHolder{margin-left:0;}
	.textWidget {margin-left:0px;width: 230px;}
	.skills {width: 230px;}
	
	
	
	
	.service{width:230px;margin:0 0 30px 0;}
	.servIco{left:-8%;}
	.cta p{padding:0 65px;line-height:35px;}
	
	
	
	#pricingHolder{margin-left:0px;}
	.pricingtbl ul{margin-bottom:30px;width:230px;}
	.pricingtbl li.pricing{margin-left:25px;}
	.pricingtbl ul small{top:-20px;}
	.pricingtbl ul li.signupBtn a {padding: 12px 18px 12px 30px;}
	
	
	.innerFact{text-align:center;}
	.facts{margin:0 !important;}
	.facts li{display:block;margin-bottom:60px;}
	.facts li:last-child{margin-bottom:0px;}
	li.fc{margin-left:0;}
	
	
	#testimonials .overlay{height:500px;}
	#client .overlay{height:400px;}
	
	.testimoniaContainer .testimonialContent{height:430px;}
	.testimoniaContainer .testimonialContent div{width:230px;}
	
	

	.clientContent p{padding:0;}
	ul.clientList{font-size:48px;}
	ul.clientList{margin-top:40px}
	ul.clientList li {display: inline-block;padding-bottom: 10px;margin-right:0;}
	
	
	ul#category li{display:block;}
	ul#category li a{margin-right:0;margin-bottom:12px;padding:10px 30px;}
	.works .portfolio{margin-left:-5px;}
	.works .item {width:230px;margin-right:0;}
	.folioImg img{height:170px;}
	
	

	/*From the multiple page*/
	.singleSlider{width:230px;}
	.singleDesc{width:230px;margin-bottom:30px;}
	
	
	
	/*From the multiple page*/
	.blogHolder.top{margin-bottom:0px;margin-top:90px;}
	.blogHolder.blogPosts{width:230px;}
	#blog.secSingle .postInnerSingle{margin-bottom:60px;}
	.blogHolder.blogPosts, .widgetAside{margin-left:0px;margin-right:0px;}
	.post, .postPagination, .authorBio{padding-left:0;}
	.postTitle h1, .postTitle h1 a{font-size:18px;}
	.postInner{width:230px;margin-bottom:90px;}
	.postImage{width:230px;}
	.postMeta{width:auto;top:-65px;left:-30px;border:none;}
	.flex-direction-nav a{padding:10px 3px !important;}
	.metaInner {left: 60px;top: -45px;position:relative;margin:0;}
	.metaInner span{display:inline-block;}
	.comments .replys{margin-left:10px;}
	.comments .replys.children{margin-left:20px;}
	.bDesc{width:auto;margin-left:0; margin-top:20px;}
	form.respondF{width:213px;}
	.respondForm input[type="text"], .respondForm input[type="email"]{width:216px;}
	.respondForm textarea{width:218px;}
	.widgetAside{width:230px;margin-top:50px;}
	
	
	
	
	
	.contactForm{margin-left:19px;}
	.contactForm input.submit {left: 7%;top: 524px;width: 78.6%;}
	.contactForm textarea{width:181px;}
	.contactForm [type="text"]{width:180px;}
	
	.infoHolder.top{margin-bottom:20px;}
	.info li{height:100px;width:185px;}
	.info li:last-child{height:50px;}
	.info li .ico{top:-70px;}
	.info ul{margin-top:50px;padding:0;}
	.feed{width:220px;}
	.feedIco{left:-8%;}
	.share, .bottom ul, .bottom p{text-align:center;}
	.bottom ul{margin-top:5px;}
	.bottom p{font-size:12px;}
	
	
}


/*End media queries*/
/*-------------------------------------------------------------------------*/