@import url(https://fonts.googleapis.com/css?family=Oranienbaum);
@import url('https://fonts.googleapis.com/css?family=Megrim');
@font-face {
	font-family: 'Roboto', sans-serif;
	font-family: 'Oranienbaum', serif;
	font-family: 'Megrim', sans-serif;
}
@font-face {
font-family: 'futura';
src: url('../fonts/Futura.eot') format("embedded-opentype"),
url('../fonts/Futura.woff2') format('woff2'),
url('../fonts/Futura.woff') format('woff');
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input, textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

button, html input[type="button"],/* 1 */ input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
 	*overflow:visible;
}

body, img {
	transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-webkit-transition: all .2s linear;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, main {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	outline: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img, main {
	display: block
}

audio, canvas, video {
	display: inline-block;
 	*display:inline;
 	*zoom:1
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

.clear {
	clear: both;
	line-height: 0;
	height: 0;
}

a {
	text-decoration: none;
	outline: none;
	color:#fff;
	transition-delay: 0s;
	transition-duration: 0.6s;
	transition-property: all;
	transition-timing-function: ease;
}

a:focus, img:focus, button:focus, .btn:focus {
	outline: none;
}

::-moz-selection {
 background-color:#4D8D78;
 color:#fff;
 text-shadow:none;
}

::selection {
	background-color: #4D8D78;
	color: #fff;
	text-shadow: none;
}
body{
	color:#fff;
}
/*===== Main ===*/

body{color:#fff;}

/*===== Header ===*/

header[role="header"]{
	position: fixed;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	padding:0 5%;
	z-index:6}

header[role="header"] > hgroup{
	background-color:rgba(255,255,255,0.7);
	overflow:hidden; position:relative
}

header[role="header"] > hgroup > h1{
	padding:0;
	margin:0;
	display:inline-block;
	position:relative;
	z-index:5;
}

header[role="header"] > hgroup > h1 > a{
	background-color:#353535;
	text-transform:uppercase;
	font-family: 'Oranienbaum', serif;
	text-align:center; font-size:24px;
	line-height:52px;color:#FFF ;
	display:inline-block;
	width:157px;
	font-weight:500;
	letter-spacing:3px;
}

header[role="header"] > hgroup > h1 > a:hover{
	text-decoration:none
}

/*===== Nav ===*/

#menu-button{ display:none}

header[role="header"] > hgroup nav{ float:none; clear:both; text-align:center; display:inline-block; position:absolute; left:0; right:0}

header[role="header"] > hgroup nav ul{ padding:0; margin:0; list-style:none; text-align:center; border:none}

header[role="header"] > hgroup nav ul > li{ float:none; display:inline-block; font-size:12px; text-transform:uppercase; letter-spacing:2px; font-weight:400; margin:0 24px}

header[role="header"] > hgroup nav ul > li > a{border-radius:0;border:none; padding:0; line-height:52px; display:block;color:#353535}

header[role="header"] > hgroup nav ul > li.active a,header[role="header"] > hgroup nav ul > li a:hover{ background-color: inherit; border:none; color:#4D8D78}

header[role="header"] > hgroup nav .nav-tabs>li.active>a, header[role="header"] > hgroup nav .nav-tabs>li.active>a:focus, header[role="header"] > hgroup nav .nav-tabs>li.active>a:hover{ background-color: inherit; border:none;color:#4D8D78}

/*===== Footer ===*/

header[role="header"] footer{ text-align:right}

header[role="header"] footer > p,footer.mobile p{ font-size:12px; line-height:50px; color:#353535; font-weight:400}

header[role="header"] footer > p > i,footer.mobile p i{ color:#4D8D78; display:inline-block; padding:0 5px}

footer.mobile{ display:none}

/*===== article ===*/

article{position:absolute; top:50vh; transform:translateY(-70%); left:0; right:0;}

/*===== home ===*/

/* article[role="home"].home-pan{padding-top:21.5%} */

article[role="home"].home-pan h2{font-family: 'Futura', sans-serif; padding:0; margin:0; font-size:24px; line-height:26px;  font-weight:400; letter-spacing:3px}

article[role="home"].home-pan h2 > span{ font-size:72px; line-height:72px; position:relative; letter-spacing:inherit; display:inline-block}

article[role="home"].home-pan h2 > span:before,article[role="home"].home-pan h2 > span:after{ content:""; display:block; width:60px; height:3px; position:absolute; bottom:-5px; margin:0 auto;left:0;right:0;}
article[role="home"].home-pan h2 > span:before{background-color:tomato;transform: translateX(-50%);}
article[role="home"].home-pan h2 > span:after{background-color:#4D8D78;transform:translateX(50%);}

article[role="home"].home-pan > p{ font-family:'Megrim';text-transform:uppercase; font-weight:700; letter-spacing:3px; margin:0; padding:0; padding-top:29px}

/*===== Page-title ===*/

article header.page-title h2{
	text-align:center;
	font-family: 'Megrim', serif;
	text-transform:uppercase;
	font-size:28px;
	line-height:32px;
	font-weight:400;
	letter-spacing:3px;
	position:relative;
	margin-bottom:36px;
	padding:0;
}

article header.page-title span{
	display: block;
	position: relative;
	text-align: center;
	font-family: ;
	font-size:16px;
	letter-spacing: 10px;
	line-height: 35px;
	vertical-align: top;
	font-weight: 400;
}

article header.page-title h2:before,article header.page-title h2:after{ content:""; display:block; width:49px; height:3px; position:absolute; bottom:-12px; margin:0 auto;left:0;right:0;}
article header.page-title h2:before{background-color:tomato;transform: translateX(-50%);}
article header.page-title h2:after{background-color:#4D8D78;transform: translateX(50%);}

/*===== Introduction ===*/

/* article[role="introduction"].introduction-pan{ padding-top:17.6%} */

article[role="introduction"].introduction-pan p{ letter-spacing:1px; line-height:18px; font-weight:300; padding-top: 40px;}

/*===== Subscribe ===*/

/* article[role="service"].service-pan{ padding-top:22.6%} */

article[role="service"].service-pan .row{ margin:0 auto; padding:0; text-align:center; padding-top:30px;max-width: 800px;}

article[role="service"].service-pan .row > .col-sm-6{ padding:0 40px}

article[role="service"].service-pan .row > .col-sm-6,article[role="service"].service-pan .row > .col-sm-6 > i,article[role="service"].service-pan .row > .col-sm-6 > h6,article[role="service"].service-pan form label,article[role="service"].service-pan form label i{transition-delay: 0s;transition-duration: 0.6s;transition-property: all;transition-timing-function: ease;}

article[role="service"].service-pan .row > .col-sm-6 > i{ font-size:26px; padding-bottom:18px}

article[role="service"].service-pan .row > .col-sm-6 > h6{ font-weight:700; font-size:12px; line-height:13px; text-transform:uppercase; letter-spacing:2px}

article[role="service"].service-pan .row > .col-sm-6 > p{ font-size:12px; line-height:18px; letter-spacing:inherit; padding-top:5px}

article[role="service"].service-pan .row > .col-sm-6:hover i{ color:#4D8D78}

article[role="service"].service-pan > p{ font-size:13px; letter-spacing:1px; font-weight:300}

/*===== Profile ===*/

/* article[role="profile"].profile-pan{ padding-top:22.6%} */

article[role="profile"].profile-pan .row{ margin:0 auto; padding:0; text-align:center; padding-top:10px;max-width: 700px;}

article[role="profile"].profile-pan .row > div[class^='col-sm']{ line-height: 25px;}

article[role="profile"].profile-pan .row > .col-sm-7{ text-align: left;}


/*===== Contact ===*/

/* article[role="contact"].contact-pan{ position:absolute; top:50vh; transform:translateY(-50%); left:auto; right:auto;} */

article[role="contact"].contact-pan h3{ font-size:30px;vertical-align: bottom;font-weight:700}

article[role="contact"].contact-pan h3 > a{  text-decoration:none}

article[role="contact"].contact-pan ul{ text-align:center; list-style:none; padding:0; margin:60px 0 40px; padding-top:8px}

article[role="contact"].contact-pan ul > li{ font-size:19px; line-height:40px; margin:0 4px}

article[role="contact"].contact-pan ul > li i{ padding-right:3px}

article[role="contact"].contact-pan ul > li > a{ text-decoration:none}

article[role="contact"].contact-pan a:hover{ color:#4D8D78}