.pure-form input[type=text],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input:not([type]):focus,.pure-form input[type=text]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:#129FEA auto 1px}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input:not([type])[disabled],.pure-form input[type=text][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form select:focus:invalid,.pure-form textarea:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input:not([type]),.pure-form-stacked input[type=text],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked label,.pure-form-stacked select,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-aligned .pure-help-inline,.pure-form-aligned input,.pure-form-aligned select,.pure-form-aligned textarea,.pure-form-message-inline{display:inline-block;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form .pure-input-rounded,.pure-form input.pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-3-4{width:75%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=text],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=text],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=color],.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message,.pure-form-message-inline{display:block;font-size:.75em;padding:.2em 0 .8em}}
h1, h2, h3, h4, h5, h6 {
	padding: 1em 0;
}

.content article {
	padding: 2em 20px;
	line-height: 1.5em;
	text-align: justify;
}

.content article a {
	color: #666;
}

.content article a:hover {
	color: #333;
}

.content article ol, .content article ul {
	padding-left: 16px;
}

.content article img {
	padding: 2em 0;
}

.content article .date {
	display: inline-block;
	margin-top: 1em;
	padding: 1em 0;
	border-top: 1px solid #999;
}

form input[type='text'], form input[type='password'], form input[type='email'], form textarea {
	background: #F2F2F2;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #999;
	padding: 5px;
	margin: 10px 0 3px;
	max-width: 90%;
	font-family: 'Helvetica', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.5em;
    font-style: italic;
	outline: none;
}

form input[type='text']:focus, form input[type='password']:focus, form input[type='email']:focus, form textarea:focus {
	background: #FFF;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #999;
    font-style: italic;
	outline: none;
}

textarea {
	resize: none;
	overflow: hidden;
}

.comment-form input, .comment-form textarea, .reply-form input, .reply-form textarea {
	max-width: 50%;
	min-width: 500px;
}

.checkboxWrapper input[type="checkbox"] {
    display: none;
}

.checkboxWrapper span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #f2f2f2;
    border-radius: 0px;
    border: 1px solid #999;
    color: #999;
}

.checkboxWrapper input:checked + span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #999;
    border-radius: 0px;
    border: 1px solid #999;
    color: #999;
    box-shadow: inset 0px 0px 0px 2px rgba(242,242,242,1);
}

label {
	display: block;
	line-height: 1.5em;
    color: #777;
    padding-top: 10px;
}

form small {
	display: block;
	line-height: 1.5em;
	color: #999;
}

form small a {
	color: #666;
	text-decoration: none;
}

form small a:hover {
	color: #333;
}


form button {
	display: block;
	background: #F2F2F2;
	border: 1px solid #999;
	color: #777;
	padding: 10px;
	margin: 10px 0;
	width: 220px;
	text-transform: uppercase;
}

.form-tip {
	display: block;
	font-size: smaller;
	color: #995544;
}

.comment {
	display: block;
	width: 100%;
	margin: 15px 0;
}

.comment strong {
	padding: 10px 0 5px;
	display: inline-block;
	font-weight: 600;
	border-bottom: 1px solid #999;
}

.comment strong span {
	font-size: 0.7em;
	font-weight: 300;
}

.comment p {
	padding: 10px 0 5px;
}

.comment a {
	color: #999;
}

.comments a:hover {
	color: #333;
}

.card-link {
	color: #999;
	font-size: 0.7em;
	text-transform: uppercase;
	text-decoration: none;
}

.card-link:hover {
	color: #333;
}

.child-comment {
	padding-left: 50px;
}

.logo-box {
	width: 342px!important;
	max-width: 100%!important;
}

.left-content, .s-info {
	padding-top: 40px;
}

.reply-form {
	width: 100%;
	display: block;
}

.comment-links {
	text-align: right;
}

#comment-list {
	padding: 0 20px;
}

.empty {
	display: block;
	text-align: center;
	margin: 30px auto;
	color: #999;
}

.alert {
    display: block;
    width: 400px;
    max-width: 90%;
    position: absolute;
    top: 10%;
    margin: auto;
    right: 5%;
    padding: 1em;
    background: #fff;
    border: 1px solid #999;
    color: #999;
    -webkit-animation: fadeinout 5s linear forwards;
    animation: fadeinout 5s linear forwards;
    opacity: 0;
}

@-webkit-keyframes fadeinout {
  10%,90% { opacity: 0.8; }
}

@keyframes fadeinout {
  10%,90% { opacity: 0.8; }
}

.sign_fb {
    max-height: 37px;
    max-width: 220px;
}

.lead a {
	color: #666;
	text-decoration: none;
}

.lead a:hover {
	color: #333;
}

.c-info {
	cursor: pointer;
}

.pagination {
	margin: 10px 0 25px;
}

.pagination li {
	display: inline-block;
	border: 1px solid #999;
	margin-right: 5px;
}

.pagination li:hover {
	border-color: #333;
}

.pagination li a {
	display: block;
	padding: 5px 10px;
	color: #999;
	text-decoration: none;
}
.clear {
    display: block;
    clear: both;
}
.flexbin {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  margin: -2.5px; }
  .flexbin:after {
    content: '';
    flex-grow: 999999999;
    min-width: 320px;
    height: 0; }
  .flexbin > * {
    position: relative;
    display: block;
    height: 320px;
    margin: 2.5px;
    flex-grow: 1; }
    .flexbin > * > img {
      height: 320px;
      object-fit: cover;
      max-width: 100%;
      min-width: 100%;
      vertical-align: bottom; }
  .flexbin.flexbin-margin {
    margin: 2.5px; }
  @media (max-width: 980px) {
    .flexbin {
      display: flex;
      overflow: hidden;
      flex-wrap: wrap;
      margin: -2.5px; }
      .flexbin:after {
        content: '';
        flex-grow: 999999999;
        min-width: 150px;
        height: 0; }
      .flexbin > * {
        position: relative;
        display: block;
        height: 150px;
        margin: 2.5px;
        flex-grow: 1; }
        .flexbin > * > img {
          height: 150px;
          object-fit: cover;
          max-width: 100%;
          min-width: 100%;
          vertical-align: bottom; }
      .flexbin.flexbin-margin {
        margin: 2.5px; } }
  @media (max-width: 400px) {
    .flexbin {
      display: flex;
      overflow: hidden;
      flex-wrap: wrap;
      margin: -2.5px; }
      .flexbin:after {
        content: '';
        flex-grow: 999999999;
        min-width: 100px;
        height: 0; }
      .flexbin > * {
        position: relative;
        display: block;
        height: 100px;
        margin: 2.5px;
        flex-grow: 1; }
        .flexbin > * > img {
          height: 100px;
          object-fit: cover;
          max-width: 100%;
          min-width: 100%;
          vertical-align: bottom; }
      .flexbin.flexbin-margin {
        margin: 2.5px; } }
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	background-color: #f2f2f2; 
	font-size: 1em;
	font-family: 'Helvetica', sans-serif;
	font-weight: 300;
}

.clr { clear: both; }

.container {
	position: relative;
	margin: auto;
	max-width: 1400px;
	min-height: 100%;
	/*padding: 0 50px 115px;*/
	padding-bottom: 115px;
}

.header {
	color: #999;
	text-align: center;
	font-size: 13px;
	padding: 0 100px;
}

.header a {
	color: #999;
	transition: color .2s ease-in-out;
	text-decoration: none;
}

.header a:hover {
	color: #333;
}

.header-box {
	width: 100%;
	min-height: 50px;
	display: inline-block;
	width: auto;
	float: right;
}

.header-box img {
	margin-bottom: -4px;
	display: inline-block;
	margin-right: 6px; 
	width: auto;
	height: 16px;
}

.header .text-email {
	padding: 15px 0 0;
}

.header .text-phone {
	padding: 15px 0 0;
}

.header .text-phone img { height: 12px; margin-bottom: 0px; }

.header .text-email,
.header .text-phone,
.social-links {
	float: left;
	margin-right: 10px;
}

.header .social-links {
	float: left;
	margin-right: 0;
}

.header .social-links ul {
	margin: 0 auto 0;
	padding: 5px 0 0;
	width: 120px;
	height: auto;
	margin: 0 auto 10px;
	list-style: none;
}

.header .social-links ul li {
	padding: 10px 0 0;
	float: left;
	width: 33.3%;
	text-align: center;
}

.header .social-links ul li a {
	color: #666;
	padding: 5px;
}

.header .social-links ul li a:hover { color: #333; }

.header .social-links img {
	height: 13px;
	margin-bottom: 0;
}

.navigation {
	color: #666;
	width: 100%;
	padding: 0 100px;
}

.navigation .logo-box {
	width: 300px;
	height: 60px;
	padding: 0 10px;
	margin-left: 20px;
	float: left;
}

.navigation .logo-box .logo-link { display: block; }

.navigation .logo-box .logo {
	width: 100%;
	height: 60px;
	background-image: url(../themes/armene/assets/img/logo.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.navigation .menu-box {
	min-height: 10px;
	padding: 0 10px;
	text-align: center;
	width: auto;
	float: right;
}

.navigation .m-menu {
	display: block;
	list-style: none;
	line-height: 60px;
}

.navigation .m-menu li {
	float: left;
}

.navigation ul li a {
	font-family: 'Montserrat', sans-serif;
    padding: 10px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    color: #999;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    word-wrap: break-word;
    font-size: 13px;
}

.navigation ul li a.active { color: #000; }

.navigation ul li a:hover { color: #000; }

.navigation .submenu {
	display: inline-block;
	width: 100%;
}

.navigation .submenu ul {
	list-style: none;
	text-align: center;
}

.navigation .submenu ul li {
	display: inline-block;
	line-height: 1.25em;
}

.navigation .m-btn {
	display: none;
	padding: 10px 0;
}

.navigation .m-btn img {
	width: 14px;
	margin-bottom: -1px;
	margin-right: 3px;
}

.content {
	margin-top: 20px;
	width: 100%;
	min-height: 100px;
	padding: 0 100px;
}

/*.content .left-content,
.content .right-content {

}*/

.content .left-content {
	width: 85px;
	min-height: 100px;
	float: left;
	margin-left: -80px;
	/*padding-left: 30px;*/
	/*background-color: red;*/
}

.content .left-content ul {
	list-style: none;
	/*margin-top: 5px;*/
}

.content .left-content ul li {
	padding: 10px 0;
	text-decoration: none;
	color: #333;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
}

.content .left-content ul li a {
	text-decoration: none;
	color: #999;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	/*font-size: 16px;*/
}

.content .left-content ul li a:hover {
	color: #333;
}

.content .center-content {
	width: 100%;
	/*background-color: blue;*/
}

.content .right-content {	
	width: 150px;
	float: right;
}

.gallery {
	/*margin: 2.5em auto 0;*/
	margin: 0 auto 0;
	padding: 0 15px;
	width: 100%;
	min-height: 100px;
}

.gallery .flexbin { margin: 0; }

.gallery a { position: relative; overflow: hidden; }
.gallery a img {
	max-height: 320px;
}

.gallery .photo-text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -60px;
	height: 60px;
	background-color: rgba(43, 43, 43, .2);
	font-size: 15px;
	text-transform: uppercase;
	color: #fff;
	transition: bottom .2s ease-in-out;
}

.gallery .photo-text span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	font-family: 'Helvetica', sans-serif;
	font-weight: 300;
}

.gallery a:hover .photo-text {
	bottom: 0;
}

.gallery-box a {
	display: block;
	margin: 5px 0;
}

.gallery-box a img {
	display: block;
    margin: auto;
	width: 100%;
	height: auto;
	max-height: 100%;
}

.slider-box {
	position: relative;
	width: 100%;
	height: auto;
}

.slider-box .slide {
	position: relative;
	width: auto;
	padding-right: 200px;
	padding-left: 100px;
}

.slider-box .slide img {
	display: block;
	margin: auto;
	max-width: 100%;
    height: auto;
    width: auto; /* ie8 */
}

.slider-box .s-info {
	width: 240px;
	position: absolute;
	right: -80px;
	top: 0;
}

.slider-box .s-info h5 {
	padding: 0px 25px 0px;
	font-weight: 600;
}

.slider-box .s-info p {
	padding: 10px 25px 10px;
	font-size: 14px;
	font-family: 'Helvetica', sans-serif;
	color: #353535;
}

.slider-box .arrow {
	display: block;
	width: 100px;
	height: 200px;
	/*background-color: #333;*/
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.slider-box .arrow-prev {
	left: 0px;
	background-image: url(../themes/armene/assets/img/left-arrow.png);
}

.slider-box .arrow-next {
	right: 100px;
	background-image: url(../themes/armene/assets/img/right-arrow.png);
}

.content .card {
	width: 50%;
	height: auto;
	float: left;
	padding: 10px 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.content .card .c-photo {
	display: table-cell;
	width: 150px;
	height: 150px;
	overflow: hidden;
	border-radius: 50%;
	float: left;
}

.content .card .c-photo img {
	width: 100%;
}

.content .card .c-info {
	display: table-cell;
}

.content .card .c-info h4 {
	padding: 30px 20px 5px 20px;

}

.content .card .c-info p {
	font-size: 14px;
	padding: 10px 20px 5px 20px;
}

footer {
	position: absolute;
	height: 5em;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 1em;
	margin: 0 100px;
	border-top: 1px solid #ccc;
	text-align: center;
}

footer span {
	font-size: 0.85em;
	color: #999;
}

.menu-overlay {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: #f7f7f7;
	z-index: 1001;
}

.menu-overlay .nav-ul {
	margin-top: 200px;
	text-align: center;
}

.menu-overlay .nav-ul li {
	padding: 5px 0;
}

.menu-overlay .nav-ul li a {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #666;
}

.menu-overlay .nav-ul li:hover a {
	color: #333;
}

.menu-overlay .btn-close {
	float: right;
	cursor: pointer;
    position: relative;
}

.menu-overlay .btn-close img {
	margin: 20px 20px 20px;
	width: 16px;
}

.pageUp {
	display: none;
	z-index: 100;
	background: #f2f2f2;
	position: fixed;
	width: 40px;
	height: 40px;
	line-height: 52px;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	bottom: 40px;
	right: 20px;
	transition: all .2s ease-in-out;
}

.pageUp:hover {
	background-color: #f0f0f0;
}

.pageUp img { width: 25px; }