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

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,.commentys-form input[type="text"],.commentys-form input[type="email"],.commentys-form input[type="url"],.commentys-form textarea {
	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: #010101;
	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:#fb5353;color:#fff;text-shadow:none;}
::selection {background-color: #fb5353;color: #fff;text-shadow: none;}
@font-face {font-family: 'Open Sans', sans-serif;}

/*===== Header ===*/
header[role="header"]{ padding-top:50px; padding-bottom:39px}
header[role="header"] h1{ padding:0; margin:0}
header[role="header"] h1 > a{ max-width:135px; display:block; float:left}
header[role="header"] nav{ padding-top:10px;transition-delay: 0s;
transition-duration: 0.6s;transition-property: all;transition-timing-function: ease;}
header[role="header"] nav ul{ display:none; position: fixed; z-index:60; text-align:center; width:100%; height:100%; top:0; left:0; right:0; background-color:rgba(255,255,255,0.85); padding:0; margin:0; padding-top:199px;}
header[role="header"] nav ul > li{ font-weight:800; font-size:42px; display:block}
header[role="header"] nav ul > li > a{ display:block; line-height:72px; color:#404040}
header[role="header"] nav ul > li:hover a,header[role="header"] nav ul > li.nav-active a{ text-decoration:none; color:#fb5353}
header[role="header"] nav #menu-button {width: 31px;font-size: 0;float: right;height: 19px;position: relative; z-index:70;
-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
header[role="header"] nav #menu-button span {display: block;position: absolute;z-index: 60;height: 3px;
width: 100%;background: #111111;opacity: 1;left: 0;
-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);
transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
header[role="header"] nav #menu-button span {background: #010101;}
header[role="header"] nav #menu-button span:nth-child(1) {top:0px;}
header[role="header"] nav #menu-button span:nth-child(2) {top:7px;}
header[role="header"] nav #menu-button span:nth-child(3) {top:14px;}
header[role="header"] nav #menu-button.open span:nth-child(1) {top: 10px;
-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
header[role="header"] nav #menu-button.open span:nth-child(2) {opacity: 0;left: -60px;}
header[role="header"] nav #menu-button.open span:nth-child(3) {top: 10px;
-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}

/*===== main ===*/
main[role="main-home-wrapper"],main[role="main-inner-wrapper"] { padding-bottom:60px}
main[role="main-home-wrapper"] article[role="pge-title-content"],main[role="main-inner-wrapper"] article[role="pge-title-content"]{ padding-left:0px}
main[role="main-home-wrapper"] article[role="pge-title-content"] header,main[role="main-inner-wrapper"] article[role="pge-title-content"] header{ padding-bottom:35px; padding-top:20px}
main[role="main-home-wrapper"] article[role="pge-title-content"] header h2,main[role="main-inner-wrapper"] article[role="pge-title-content"] header h2{ font-size:42px; line-height:53px; color:#404040; font-weight:800}
main[role="main-home-wrapper"] article[role="pge-title-content"] header h2 span,main[role="main-inner-wrapper"] article[role="pge-title-content"] header h2 span{ display:block; font-size:72px; color:#fb5353; padding-bottom:15px}
main[role="main-home-wrapper"] article[role="pge-title-content"] p,main[role="main-inner-wrapper"] article[role="pge-title-content"] p{ font-size:20px; line-height:30px; color:#454545}

/*===== footer ===*/
footer[role="footer"]{ background-color:#FFF; padding-top:30px; padding-bottom:30px}
footer[role="footer"] > h1 a{ margin:0 auto; display:block; max-width:135px;}
footer[role="footer"] nav{ padding-top:37px; padding-bottom:43px}
footer[role="footer"] nav > ul{ text-align:center; padding:0; margin:0}
footer[role="footer"] nav > ul > li{ display: inline-block; text-transform:uppercase; font-size:15px; margin:0 13px}
footer[role="footer"] nav > ul > li > a{ color:#9d9d9d}
footer[role="footer"] nav > ul > li:hover a{ text-decoration:none; color:#fb5353}
footer[role="footer"] ul[role="social-icons"]{ padding:0; margin:0; text-align:center; padding-bottom:40px;}
footer[role="footer"] ul[role="social-icons"] > li{ display: inline-block; margin:0 6.5px}
footer[role="footer"] ul[role="social-icons"] > li > a{ display:block; width:42px; height:42px; background-color:#bbbbbb; color:#FFF; line-height:42px; font-size:20px; border-radius:100%; text-align:center}
footer[role="footer"] ul[role="social-icons"] > li:hover a{ background-color:#fb5353}
footer[role="footer"] .copy-right{ text-align:center; display:block; font-size:12px; line-height:13px; color:#9c9c9c}

/*===== About ===*/
main[role="main-inner-wrapper"] .about-content{ background-color:#fb5353; padding-top:57px; padding-left:70px; padding-right:67px; padding-bottom:32px}
main[role="main-inner-wrapper"] .about-content p{ font-size:17px; line-height:30px; color:#FFF; padding-bottom:20px}
.kimportrait{ margin-bottom:15px; margin-left: 15px; float: right;}

main[role="main-inner-wrapper"] .thumbnails-pan{ padding-top:30px}
main[role="main-inner-wrapper"] .thumbnails-pan section figure{ background-color:#FFF; position:relative; overflow:hidden;}
main[role="main-inner-wrapper"] .thumbnails-pan section figure,main[role="main-inner-wrapper"] .thumbnails-pan section figure, img,main[role="main-inner-wrapper"] .thumbnails-pan section figure figcaption,section.blog-content figure,section.blog-content figure img,section.blog-content  article{transition-delay: 0s;transition-duration: 0.6s;transition-property: all;transition-timing-function: ease;}
main[role="main-inner-wrapper"] .thumbnails-pan section figure figcaption{ position:absolute; bottom:-50%; left:0; right:0; background-color:#fb5353; margin:0 69px; text-align:center; color:#FFF; padding-top:16px; padding-bottom:27px}
main[role="main-inner-wrapper"] .thumbnails-pan section figure figcaption h3{ font-size:21px; line-height:22px; font-weight:300}
main[role="main-inner-wrapper"] .thumbnails-pan section figure figcaption h5{ text-transform:uppercase; font-size:13px; line-height:14px; font-weight:bold}
main[role="main-inner-wrapper"] .thumbnails-pan section figure:hover,section.blog-content:hover article{ background-color:#fb5353; color:#FFF}
main[role="main-inner-wrapper"] .thumbnails-pan section figure:hover img,section.blog-content:hover figure img{-webkit-transform: scale3d(1.08,1.08,2);transform: scale3d(1.08,1.08,2); opacity:0.5}
main[role="main-inner-wrapper"] .thumbnails-pan section figure:hover figcaption{ bottom:0;}

/*===== Contact ===*/
article[role="pge-title-content"].contact-header{ padding-bottom:100px}
article[role="pge-title-content"].contact-header p a{ color:#343434; padding-right:34px}
article[role="pge-title-content"].contact-header p a:hover{color:#fb5353; text-decoration:none}
.error_message{ color:#e84d49}
#success_page h3,#success_page p{color:#60ca6f }
.contat-from-wrapper{ padding:0 69px; margin-top:50px}
.contat-from-wrapper input[type="text"],.contat-from-wrapper input[type="email"],.contat-from-wrapper textarea{ width:100%; display:block; outline:none; border:1px solid #bbbbbb; background-color:inherit; color:#404040; font-size:21px; line-height:23px; margin-bottom:20px; padding: 5px;}
.contat-from-wrapper input[type="text"]:focus,.contat-from-wrapper input[type="email"]:focus,.contat-from-wrapper textarea:focus{ border-color:#e84d49}
.contat-from-wrapper form ::-webkit-input-placeholder { color:#404040; }
.contat-from-wrapper form ::-moz-placeholder { color:#404040; } /* firefox 19+ */
.contat-from-wrapper form :-ms-input-placeholder { color:#404040; } /* ie */
.contat-from-wrapper form input:-moz-placeholder { color:#404040; }
.contat-from-wrapper textarea{ border:1px solid #bbbbbb; height:77px;}
.contat-from-wrapper input[type="submit"]{ display:block; border:none; outline:none; width:200px; line-height:60px; text-transform:uppercase; font-size:21px; color:#FFF; font-weight:800; letter-spacing:2px; background-color:#e84d49; margin:41px auto; margin-bottom:0}
.contat-from-wrapper input[type="submit"]:hover{background-color:#f8524e}

/*===== Blog ===*/
section.blog-content{ margin-top:30px}
section.blog-content figure{ overflow:hidden; position:relative; float: left; margin-right: 20px;}
section.blog-content figure .post-date{ text-align:center; color:#FFF; font-weight:800; font-size:14px; line-height:18px; text-transform:uppercase; display:block; background-color:#fb5353; width:90px; height:90px; padding-top:20px; }
section.blog-content figure .post-date span{ font-size:40px; line-height:35px; display:block}
section.blog-content p{ font-size:14px; }
section.blog-content h2{ font-size:16px; }

/* --------------------------------------------------------	*/
/*	Gallery */
/* --------------------------------------------------------	*/
#GalleryDescription { font-size:16px; line-height:24px; color:#FFF; padding-bottom:20px}

.img-bg-icon {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background: url(../images/zoom-icon.png) center center no-repeat;
  cursor:pointer;
  display:none;
}


.square-1 img {
  -webkit-transition: all .3s ease;
}

.square-1:hover img {
  opacity:0.3;
  filter:alpha(opacity=30); /* For IE8 and earlier */
  -webkit-transition: all .4s ease;
}

.square-1:hover .img-bg-icon {
  display:block;
} 

.button {
  display: inline-block;
  padding: 10px 18px;
  margin-bottom: 10px;
  background: #EEE;
  border: none;
  color: #222;
  font-family: sans-serif;
  font-size: 16px;
  cursor: pointer;
}

.button:hover {
  background-color: #8CF;
  color: #222;
}

.button:active,
.button.is-checked {
  background-color: #28F;
}

.button.is-checked {
  color: white;
}

/* ---- gallery button-group controls ---- */

.button-group { padding: 15px; }

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

.button-group .button.bolder {
  font-weight: bold;
}

.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }


.element-item {
  position: relative;
  float: left;
  height: 200px;
  margin: 5px;
  padding: 10px;
}

.element-item > * {
  margin: 0;
  padding: 0;
}