/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');
/* reset */
*{margin:0; padding:0}
a img{border:0; outline:none;}
img{max-width:100%; vertical-align:top;}
input, textarea, select{ outline:none; }
header, section, footer, aside, nav, main, article, figure, logo {
    display: block; 
}

/* fonts */

/* classes */
.clear{	clear:both;	height:0; }
.wrap{
	width:1260px;
	margin:0 auto;
}
.alignCenter{text-align:center;}
.alignRight{ text-align:right; }
.nomargin{margin:0 !important;}
.nopaddingleft{padding-left:0 !important}

a{	color:#000000; outline:none; }
a:hover{ text-decoration:none; }
p, h1, h2, h3, h4{margin:0 0 15px;}
ul, ol{	margin: 0 0 15px 25px; }

body{
	background:url(../images/pattern-1.jpg) repeat center 0 transparent;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	line-height:24px;
	color:#000000;
}

header{
	background:url(../images/header-bg.jpg) no-repeat center 0 #0c0c0c;
	min-height:255px;
	
	position:relative;
	z-index:1;
}



nav{
	background:#000000;
	position:relative;
	z-index:99;
}
#mainMenu{
	list-style:none;
	margin:0;
	text-align:center;
}
#mainMenu li{
	display:inline-block;
	padding:12px 34px;
	position:relative;
}
#mainMenu li a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#mainMenu li.paren{
	z-index:99;
}
#mainMenu li.parent a{

}
#mainMenu li.active, #mainMenu li:hover{

}
.subMenu{ 
	display:none; 
	
	background:#000;
	list-style:none;
	margin:0;
	position:absolute;
	top: 100%;
	left:0;
	z-index:99;
	padding:0;
	width:250px;
}
#mainMenu li.parent:hover .subMenu{
	display:block;
}
#mainMenu li .subMenu li{
	width:100%;
	background:#363636;
	text-align:left;
	padding:0;
}
#mainMenu li .subMenu li a{
	display:block;
	padding:18px 8%;
	background:none;
	width:84%;
	color:#fff;
}
#mainMenu li .subMenu li a:hover, #mainMenu li .subMenu li.active a{
	
}



.sns{
	padding-top:30px;
	text-align:right;
}
.sns a:first-child{
	margin-right:-20px;
}
#logo{
	font-family:Aparajita, sans-serif;
	font-size:70px;
	line-height:106px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin:0;
}
#slogan{
	font-size:24px;
	line-height:30px;
	color:#fff;
	text-align:center;
	padding:0 0 20px;
}


main{
	position:relative;
	z-index:99;
	
	margin-top:-50px;
}
main .wrap{
	background:#fff;
}
#content{
	padding:30px 2%;
}
.contentWrap{
	background:#f8f8f8;
	padding:30px 2%;
	margin: 30px 0;
}
.box{
	background:#f8f8f8;
	float:left;
	width:48%;
	margin:0 1% 20px;
}
.box figure{
	border:1px solid #f8f8f8;
	text-align:center;
}
.boxText{
	padding:20px 3%;
}
.boxText p{
	display:none;
}
.boxText p:first-of-type{ 
	display:block; 
}
.subTitle{
	font-size:28px;
	line-height:34px;
	color:#000000;
}
.subTitle2{
	font-size:22px;
	line-height:28px;
	color:#000000;
}
.box button{
	font-size:14px;
	line-height:20px;
	color:#000000;
	background:#ebebeb;
	text-align:center;
	width:100%;
	border:0;
	padding:10px 0;
	cursor:pointer;
	outline:none;
}
.box button:hover{ background:#000; color:#fff; }

.leftColSmall{
	width:20%;
	float: left;
	margin: 0 2% 20px 0; 
}
.dvdr{
	border: 1px solid #f8f8f8;
	margin:20px 0;
}
.btn-readmore{
	font-size:14px;
	line-height: 20px;
}


footer{
	background:url(../images/pattern-2.jpg) repeat center 0 transparent;
	position:relative;
	z-index:1;
	
	padding:75px 0 25px;
	margin-top:-50px;
	
	font-size:14px;
	line-height:20px;
	color:#fff;
	text-align:center;
}
footer a{ color:#fff; }

.location{
	margin:0 0 20px;
}
.location article{
	display:none;
}
.location article.locActive{
	display:block;
}
h2.locationTitle {
	margin:0;
}
h2.locationTitle a{
	background:url(../images/icon-pin2.png) no-repeat 98% center #4C4C4C;
	display:block;
	padding:10px 2%;
    width:96%;
	color:#fff;
    font-size:18px;
    line-height:24px;
    font-weight:normal;
	text-decoration:none;
}
h2.locationTitle.hideContent a{
	background:url(../images/icon-hide.png) no-repeat 98% center #4C4C4C;
}
h2.locationTitle.showContent a{
	background:url(../images/icon-show.png) no-repeat 98% center #4C4C4C;
}

.location article{
    background:#e2e2e2;
    padding:20px 2%;
    width:96%;
}

#profilePic{ float:right; width:35%; margin:0 0 20px 20px; } 
.leftCol{
	float:left;
	width:60%;
}
.rightCol{
	float:right;
	width:35%;
}
.cForm{
	float: left;
	width: 100%;
}
.cForm input[type="text"],
.cForm textarea{
	font-size:18px;
	line-height:24px;
	color:#b7b7b7;
	font-family: 'Open Sans', sans-serif;
	
	padding:10px 5%;
	width:90%;
	margin-bottom:15px;
	
	border:1px solid #e1e1e1;
}
.cForm textarea{
	height:140px;
	resize:none;
}
.cForm input[type="submit"]{
	font-size:18px;
	line-height:24px;
	color:#fff;
	background:#000;
	padding:13px 0;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	border:0;
	cursor:pointer;
}
.cForm input[type="submit"]:hover{ background:#333; }
.inputFormField, .InputFormField{ display:none; }
.gmaps{ width:100%; margin:20px 0; }


.flexslider{
	position:relative;
	z-index:1;
}
.slides{
	list-style:none;
	margin:0;
}
.flex-direction-nav{
	display:none;
	list-style:none;
	
	position:absolute;
	z-index:99;
	top:50%;
	width:100%;
	margin:-24px 0 0;
}
.flexslider:hover .flex-direction-nav{ display:block; }
.flex-prev{
	position:absolute;
	z-index:99;
	left:2%;
}
.flex-next{
	position:absolute;
	z-index:99;
	right:2%;
}



/* responsive */
.mobileMenu{
	background:url(../images/menu-mobile.png) no-repeat 10px center #202020;
	color:#fff;
	text-align:center;
	padding:15px 0;
	cursor:pointer;
	outline:none;
	
	display:none;
}
@media only screen and (max-width:1280px){
	.wrap{ margin:0 2%; width:96%; }
	nav .wrap, main .wrap{ width:100%; margin:0; }
}
@media only screen and (max-width:680px){
	.hide{ display:none; }
	.mobileMenu{ display:block; }
	#mainMenu li{
		padding:0;
		width:100%;
		text-align:left;
	}
	#mainMenu li a{ padding:15px 5%; width:90%; display:block; }
	.subMenu{ display:block; position:relative; width:100%; }
	main{ margin-top:0; }
	.sns{ padding:10px 0 20px; }
	.box{ width:100%; margin:0 0 30px; }
	.leftCol, .rightCol{ width:100%; margin:0 0 30px; }
	#profilePic{ float:none; width:auto; margin:0 0 20px; }
	.leftColSmall{width:auto; float: none;}
}
@media only screen and (max-width:480px){
	#slogan{ font-size: 20px; line-height: 26px; }
	#logo{ font-size: 21vw; line-height: 22vw; }
}