/* =================================================================== */
/* https://themes.muffingroup.com/be/theme/blog/classic/
====================================================================== */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Indie+Flower:300,300italic,400,400italic,700,700italic);
@import url(/pu-common/css/reset.css);

body,html {font-family:"Lato", Helvetica, Arial, sans-serif; font-size:15px; overflow-x:hidden;}

#wrapper {width:100%; min-width:340px; margin:0 auto;}
.inner-half {width:96%; float:right;}
.widget-full .full-left {float:right;}

.front .entry {padding:50px; text-align:center;}
.front .entry h1 {font-size:3.0vw; color:#555; margin-bottom:30px}
.front .entry h3 {font-size:1.5vw; color:#555;}

.tr-hover {background-color:rgba(0,0,0,0.05); transition:all 0.2s;}

.w1p {width:1%;}
.w10p {width:10%;}
.w15p {width:15%;}
.w20p {width:20%;}
.w30p {width:30%;}
.w40p {width:40%;}
.w50p {width:50%;}
.w60p {width:60%;}
.w70p {width:70%;}
.w80p {width:80%;}
.w90p {width:90%;}
.w100p {width:100%;}
.w1 {width:1px;}
.w5 {width:5px;}
.w20 {width:20px;}
.w25 {width:25px;}
.w30 {width:30px;}
.w50 {width:100%; max-width:50px !important;}
.w80 {width:100%; max-width:80px !important;}
.w100 {width:100%; max-width:100px !important;}
.w150 {width:100%; max-width:150px !important;}
.w200 {width:100%; max-width:200px !important;}
.w300 {width:100%; max-width:300px !important;}
.w400 {width:100%; max-width:400px !important;}
.w500 {width:100%; max-width:500px !important;}
.w600 {width:100%; max-width:600px !important;}

img {max-width:100%; height:auto; -ms-interpolation-mode:bicubic;}

a,a:hover, a:focus,a:visited {text-decoration:none; cursor:pointer; transition:all 0.2s ease; outline:none;}
a.button {padding:10px 20px;}
a.arrow:before {
	font-family:FontAwesome;
	content:"\f105";
	font-size:15px;
	margin-right:10px;
	transition:all 0.1s ease;
}

h1,h2,h3,h4,h5,h6 {font-weight:normal; line-height:1.2em; margin:0 0 1em 0;}
h1 {font-size:28px;}
h2 {font-size:24px;}
h3 {font-size:21px;}
h4 {font-size:18px;}

p {margin-bottom:1em;}

hr {color:#e5e5e5; background-color:#e5e5e5; border-color:#e5e5e5; margin:1.5em 0;}

.edit-content ul {list-style-type:disc; margin:1em 0 1em 1em;}
.edit-content ol {margin:1em 0 1em 1em;}
.edit-content ul li,
.edit-content ol li {padding:0.3em;}
.edit-content ol ol,
.edit-content ol ul {margin:1em;}
.edit-content ol ol li,
.edit-content ol ul li {padding:3px 0;}

#content-front {padding:45px 0;}
#content {padding:45px 0;}

#content .col-md-3 {padding-left:0;}
.sidebar {padding-left:30px; margin-bottom:45px; margin-left:-1px;}
.page {padding-right:30px; margin-bottom:60px;}

/***************************************
			Z-INDEX
***************************************/

header {z-index:2020}
#main-nav,
#mobile-menu {z-index:2030;}
#mobile-menu-trigger {z-index:2029;}
#menu-close {z-index:2031;}
#mainslider {z-index:2000;}
#moredown {z-index:2020;}
#back-to-top {z-index:2000;}

/***************************************
			HEADER
***************************************/

header {width:100%; border-bottom:1px solid #e5e5e5;}
header .logo img {max-height:60px; margin-top:15px;}

#header {position:relative;}

.top-nav {position:absolute; bottom:23px; right:0;}
.top-nav li {float:left; position:relative;}
.top-nav a.top-login {margin:0 20px;}

.tools .nav-dropper {
	display:none; 
	position:absolute;
	top:80px;
	right:0;
	box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);
}
.tools .nav-dropper h6 {line-height:42px; padding:0 10px; margin:0;}
.tools .nav-dropper h6 a.closeit {
	display:block;
	float:right;
	font-weight:600;
	width:28px;
	line-height:27px;
	text-align:center;
	padding-bottom:2px;
	margin-top:7px;
}

.nav-search,
.nav-contact {display:relative; width:380px;}

.nav-search input[type=text] {
	float:left;
	width:100%;
	height:52px;
	line-height:52px;
	border:0;
	padding-right:64px;
}
a.gosearch {
	position:absolute; bottom:0; right:0;
	font-size:23px;
	line-height:52px;
	text-align:center;
	width:52px;
	padding:0;
}

.tools .drop {
	border-radius:3px;
	line-height:36px;
	padding:0 10px;
	margin-top:21px;
}

/***************************************
			MAIN MENU
***************************************/

.sf-menu {z-index:2040;}
.sf-menu > li {float:left; position:relative;}
.sf-menu li.first {display:none;}
.sf-menu > li a {
    display:block;
    line-height:60px;
    padding:0 30px;
    text-transform:uppercase;
 }
.sf-menu ul.sub-menu {display:none; position:absolute; top:61px; right:0; padding:0; z-index:2041;}
.sf-menu ul.sub-menu li {float:none; text-align:left;}
.sf-menu ul.sub-menu li a {display:block; width:280px; line-height:normal; padding:15px; text-transform:none;}

/* Mobile Menu  */

#mobile-menu-trigger {display:none; margin-right:20px;}
#mobile-menu-trigger:before {
    line-height:42px;
	font-size:42px;
	font-family:FontAwesome;
	content:'\f0c9';
}

#mobile-menu {display:none; width:100%; max-width:420px; position:absolute; top:91px; right:0; height:100%; overflow:auto;}
#mobile-menu li {display:block; margin:0;}
#mobile-menu li ul,
#mobile-menu li ul li ul {display:none; margin-left:0;}
#mobile-menu li a {position:relative; display:block; text-transform:uppercase; text-align:left; text-decoration:none; padding:15px 25px;}
#mobile-menu > li.first {display:block; text-align:center;}
#mobile-menu > li.first a {
	display:block;
	color:#fff;
	background-color:#777;
	font-size:13px;
	text-align:center;
	line-height:52px;
	font-weight:bold;
	padding:0;
}
#mobile-menu > li.first a:hover {background-color:#333;}

#mobile-menu ul a {padding-left:45px; text-transform:none;}
#mobile-menu ul a:before {font-family:FontAwesome; content:'\f105 '; padding-right:8px; font-size:10px;}
#mobile-menu .mobile-menu-submenu-arrow {position:absolute; top:0; right:0; height:100%; width:70px; border-left:1px solid #e5e5e5; color:#777; font-size:20px; line-height:50px; text-align:center; cursor:pointer;}

@media (max-width:520px) {
    header .logo {margin-left:0;}
    header .logo img {max-height:50px; margin-top:20px;}
}

/***************************************
			SUBTITLE
***************************************/

#subtitle {height:70px; border-bottom:1px solid #ebebeb;}
#subtitle h1 {line-height:70px; vertical-align:middle;}

/***************************************
			CONTENT
***************************************/

#content img.frame {max-width:97% !important; padding:1.5%; background-color:#fff;
	-webkit-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.1);
	   -moz-box-shadow:0px 0px 1px 1px rgba(0,0,0,0.1);
	        box-shadow:0px 0px 1px 1px rgba(0,0,0,0.1);
}

h1.pageheading {margin-bottom:15px;}

.article-line {border-bottom:1px solid #e0e0e0; margin-bottom:2em;}

.edit-content img.left {float:left; margin:0 20px 20px 0;}
.edit-content img.right {float:right; margin:0 0 20px 20px;}
.edit-content img.top {display:block; margin:0 0 30px 0;}
.edit-content img.bottom {display:block; margin:30px 0 0 0;}

.page .plugin {margin-top:30px;}

figure {position:relative;}
figure.top {width:100%; margin-bottom:20px;}
figure.left {max-width:50%; float:left; margin:0 20px 20px 0;}
figure.right {max-width:50%; float:right; margin:0 0 20px 20px;}
figure.bottom {width:100%; margin-top:20px;}
figcaption {font-size:13px; text-align:left; color:#666; padding:5px; background-color:#f0f0f0;}

.template.img {position:relative;}
figure a {display:block; position:relative; background-color:#ccc; padding:0;}
figure a i {position:absolute; bottom:13px; left:12px;}
figure a i:before {color:#fff; background-color:rgba(0,0,0,0.2); line-height:1em; padding:5px 6px 3px 6px;}

#content .search {
	width:100%;
	max-width:300px;
	margin-bottom:30px;
}
#content .search input[type=text] {
	width:78%;
	height:42px;
	line-height:42px;
	float:left;
}
#content .search a.button {
	width:20%;
	height:42px;
	line-height:42px;
	display:inline-block;
	color:#fff;
	text-align:center;
	padding:0;
}
#content .search i:before {line-height:42px;}

.search-result ul li {margin-bottom:15px; line-height:24px;}
.search-result ul li .img {width:150px; height:100px; float:left; margin-right:15px;}
.search-result ul li img {max-height:100px;}
.search-result ul li a {font-size:17px; margin-right:15px;}
.search-result ul li em {color:#999;}

.sharebuttons {text-align:right; height:28px; overflow:hidden; border-top:1px solid #e0e0e0; padding-top:5px; margin-top:30px;}
.sharebuttons ul {float:right;}
.sharebuttons li {float:left;}
.sharebuttons div.facebook {}
/*.sharebuttons div.gplus {width:56px; margin-left:10px; margin-top:2px;}*/
.sharebuttons div.twitter {padding-top:1px; padding-left:10px;}

.markblock {background-color:rgba(100,100,100,0.05); border:1px solid #e0e0e0; padding:10px; border-radius:5px;}

h4.sectionheading {margin-bottom:15px; padding:10px; border-radius:5px;}

/***************************************
			BOX
***************************************/

.box {margin-bottom:30px;}
.box[class*="bg-"] {padding:10px; }
.box.rounded {border-radius:10px;}

.box a {text-decoration:underline;}
.box a.icon {
	display:block;
	margin-bottom:30px;
	width:250px;
	border-radius:50%;
	text-decoration:none;
}
.box.profile p {height:19px; line-height:19px; margin-bottom:10px;}
.box.profile p.descr {height:76px; text-align:left; overflow:hidden;}
.box.profile h4 {margin-bottom:10px;}
.box.profile .img {
	width:100%;
	border-radius:10px;
	margin:0 auto 20px auto;
	background-repeat:no-repeat;
	background-position:50% 40%;
	background-size:cover;
}
.box.profile .icons a {width:14.2857%; float:left; text-align:center; text-decoration:none; color:#999;}
.box.profile .icons a:hover {color:#000;}
.box.profile .icons a:before {font-family:FontAwesome; font-size:23px;}
.box.profile .icons a.mail:before {content:"\f0e0";}
.box.profile .icons a.fb:before {content:"\f082";}
.box.profile .icons a.in:before {content:"\f16d";}
.box.profile .icons a.li:before {content:"\f08c";}
.box.profile .icons a.tw:before {content:"\f099";}
.box.profile .icons a.yt:before {content:"\f16a";}

.box .list {border-radius:10px;}
.box .list a {text-decoration:none;}
.box .list a:before {
	font-family:FontAwesome;
	content: "\f105";
	padding-right:8px;
	transition:all 0.2s ease;
}
.box .list a:hover:before {
	padding-right:4px;
	padding-left:4px;
}
.col-md-8 .set_height .box .img,
.col-md-9 .set_height .box .img {height:280px;}
.col-md-12 .set_height .box .img {height:310px;}

@media only screen and (max-width: 1199px) {
	.col-md-8 .set_height .box .img,
	.col-md-9 .set_height .box .img {height:240px;}
	.col-md-12 .set_height .box .img {height:240px;}
}
@media only screen and (max-width: 991px) {
	.box.profile {width:100%; max-width:340px;}
	.col-md-8 .set_height .box .img,
	.col-md-9 .set_height .box .img,
	.col-md-12 .set_height .box .img {height:390px;}
}
@media (max-width:767px) {
    .box.profile p.descr {height:auto;}
	.box.profile {margin:0 auto;}
}
@media (max-width:479px) {
	.edit-content img.left,
	.edit-content img.right,
	.template.img.left,
	.template.img.right {width:100%; max-width:100%; float:none; margin:0 0 20px 0;}

	.fancybox i {display:none;}

	.search-result ul li a {margin:0;}
	.search-result ul li em {display:block; width:100%;}

	.sharebuttons {height:50px; padding-bottom:15px; overflow:visible;}
}

/***************************************
			COLNAV
***************************************/

.colnav {padding-bottom:30px;}
.colnav:last-child {padding-bottom:0;}

.colnav li {margin-bottom:1px;}
.colnav li a {display:block; transition:all 0.1s ease; padding:2px 0;}
.colnav li a:hover {transition:all 0.1s ease;}
.colnav li a:before {
	font-family:'fontawesome';
	content:"\f105";
	font-size:15px;
	margin-right:10px;
	transition:all 0.1s ease;
}
.colnav li a:hover:before {
	margin-right:5px;
	margin-left:5px;
	transition:all 0.1s ease;
}

.widget a.goto {display:block; padding-top:15px;}
.widget a.goto:before {
	font-family:'fontawesome';
	content:"\f105";
	margin-right:15px;
}

/***************************************
			BLOGNAV
***************************************/

.blogposts {padding-bottom:30px;}
.blogposts:last-child {padding-bottom:0;}

.blogposts li {margin-bottom:1px;}
.blogposts li a {display:block; padding:3px 0;}
.blogposts li a:hover {}
.blogposts li a:before {
	font-family:FontAwesome;
	content:"\f0f6";
	font-size:15px;
	margin-right:10px;
	transition:all 0.1s ease;
}

/***************************************
            BREADCRUMB 
***************************************/

#crumb {border-top:1px solid #e5e5e5; padding:10px 0;}
.crumb a {text-decoration:none;}
.crumb a + a {background:url(img/colnav-arrow.png) no-repeat center left; padding-left:13px; margin-left:10px;}

/***************************************
			FOOTER
***************************************/

footer {position:relative;}
.footer {
	padding-top:45px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-attachment:fixed;
}

.footer .widget .headline,
.footer .widget .headline h3 {font-family:"Open Sans"; margin-bottom:1em; font-size:19px;}

.footer textarea,
.footer input[type=text],
.footer textarea:focus,
.footer input[type=text]:focus {color:#000; padding:5px; border:0; font-size:14px;}

.footer textarea {height:160px;}

/***************************************
			BOTTOM LINE
***************************************/

#copyright {padding:20px 0;}

#back-to-top {display:none; position:fixed; right:0; bottom:30%; text-align:center;}
#back-to-top a {color:#fff; width:30px; display:block; line-height:30px; background-color:#999;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}
#back-to-top a:hover {background-color:#555;}

/***************************************
			WIDGETS
***************************************/

section .widget-full {margin-top:-1px;}
section:first-child .widget-full {margin-top:0px;}




.widget-full.body {padding:45px 0;}

.widget {margin-bottom:45px; padding:0;}

.widget .headline {margin-bottom:1em;}
.widget .headline i {margin-right:10px;}
.widget .headline h3 {font-size:17px; font-weight:600; color:#555; text-transform:uppercase; border-bottom:1px solid #e0e0e0; padding-bottom:0.5em;}
.widget.no-background {padding:0;}

.sidebar .widget {margin-bottom:30px;}
.sidebar .widget:last-child {margin-bottom:0;}

/* Ticker */

.ticker ul {list-style-type:circle; margin-left:15px;}
.ticker ul li a {display:block; padding:5px 0 5px 5px;}

.widget a.goto {display:block; padding-top:15px;}
.widget a.goto:before {
	font-family:'fontawesome';
	content:"\f105";
	margin-right:15px;
}

/*************************************
	         BLOG
*************************************/

.blog-index {}
.blog-index .wrap {margin-bottom:30px;}

.blog-index .img {float:left; width:30%; padding:10px; border:1px solid #e0e0e0; background-color:#fff;}
.blog-index .img.for-desktop {display:block;}
.blog-index .img.for-pad {display:none; margin-bottom:15px;}
.blog-index .index-right {float:right; width:65%}
.blog-index h2 {margin-bottom:15px;}
.blog-index .ingress {margin-bottom:15px;}

#blog-comments {margin-bottom:30px;}
#blog-comments .wrap {padding:15px 0;}
#blog-comments .avatar {float:left; width:9%;}
#blog-comments .author {font-weight:600;}
#blog-comments .meta {font-size:13px; margin-bottom:15px;}
#blog-comments .comment-wrap {float:left; width:91%; padding-left:1%;}
#blog-comments .wrap:last-child {border-bottom: 1px solid #e3e3e3;}
#blog-comments .reply-wrap {padding-top:25px; padding-left:10%;}
#blog-comments .reply-wrap .avatar {float:left; width:10%;}
#blog-comments .reply-wrap .comment-wrap  {float:left; width:90%; padding-left:1%;}

.post-author {font-size:13px; margin-bottom:10px; padding:10px 0;}

.article-box {
    position:relative;
    background-color:#fff;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); 
    margin-bottom:30px;
 }
.article-box a {color:#333;}
.article-box .art-box-img {position:relative; width:100%; height:0; padding-bottom:66%; overflow:hidden;}
.article-box .img-helper {position:absolute; top:0; left:0; width:100%; height:100%;}
.article-box .img {max-width:100%; text-align:center;}
.article-box h3 {
	width:100%;
    font-family:"Open Sans", Helvetica, Arial, sans-serif;
    text-align:center;
    text-transform:uppercase;
    font-weight:600;
	font-size:14px;
	padding:30px 10px;
}

.articles-other h3 {text-transform:uppercase; font-size:15px;}

@media only screen and (max-width: 991px) {
	.blog-index .img.for-desktop {display:none;}
	.blog-index .img.for-pad {display:block;}
	.blog-index div.img {float:none; width:100%;}
	.blog-index .index-right {float:none; width:100%;}
}
@media only screen and (max-width: 767px) {
    .front .entry h1 {font-size:32px;}
    .front .entry h3 {font-size:18px;}

	.article-box .img {max-height:360px;}
	.blog-section .col-sm-6 {padding-bottom:30px;}
	.blog-section .col-sm-6:last-child {padding-bottom:0;}
	.blog-section .seemore-multi {margin-bottom:0;}

	#blog-comments .avatar {width:15%;}
	#blog-comments .comment-wrap {width:85%;}
	#blog-comments .reply-wrap .avatar {width:15%;}
	#blog-comments .reply-wrap .comment-wrap  {width:85%;}
}
@media only screen and (max-width: 480px) {
	#blog-comments .avatar {width:18%;}
	#blog-comments .comment-wrap {width:82%;}
	#blog-comments .reply-wrap {padding-left:0;}
	#blog-comments .reply-wrap .avatar {width:18%;}
	#blog-comments .reply-wrap .comment-wrap  {width:82%;}
}

/*************************************
	        PARALLAX
*************************************/

#para-1 {
	background: 50% 0 no-repeat fixed;
	color: #fff;
	max-height: 400px;
	margin: 0 auto;
	padding: 0;
}

.story {
	height:400px;
	padding: 45px 30px;
	position: relative;
	width:33%;
	background-color: rgba(0,0,0,0.5);
	/*background-color: rgba(255,255,255,0.3);*/
}
@media only screen and (max-width: 991px) {
	#para-1 .story {width:50%;}
}
@media only screen and (max-width: 479px) {
	#para-1 .story {width:100%;}
	.para-1 {background-size:cover;}
}
/*************************************
	         EVENTS
*************************************/

.event-list-item {padding:0; margin-bottom:8px; border-bottom:1px solid #e0e0e0;}
.event-list-item:last-child {border-bottom:0; margin-bottom:0; padding-bottom:0;}
.event-list-item h4 {font-size:16px; margin-top:5px; margin-bottom:10px;}
.event-date {display:block; margin-bottom:5px; float:left; margin-right:10px; padding:5px; color:#fff; width:42px; text-align:center;}
.event-time {margin-top:5px;}
.event-date .date {font-size:15px; line-height:15px; display:block; border-bottom:1px solid rgba(255,255,255,.5); padding-bottom:3px; margin-bottom:3px;}
.event-date .day {font-size:14px; line-height:14px; display:block; position:relative;}
.event-date .month, .event-date .year {text-transform:uppercase; display:block; line-height:15px;}

footer .event-list-item {border-bottom:1px solid rgba(255,255,255,0.1);}

/***************************************
			TABLES
***************************************/

.list-top {margin-bottom:15px;}

table {border-spacing:0; border-collapse:separate; margin-bottom:20px;}
table th,
table td {display:table-cell; vertical-align:top; padding:0;}
table th.icon,
table td.icon {width:1%; white-space:nowrap; text-align:center;}
table th.narrow,
table td.narrow {width:1%; white-space:nowrap;}

table th {font-weight:normal; padding:6px;}
table td {border-spacing:0; padding:4px 6px;}
table td.heading,
table tr.heading td {font-weight:bold; text-transform:uppercase; padding:18px 6px 3px 6px;}

table.no-margin {margin-bottom:0;}

table.tList {width:100%;}
table.tList th {font-weight:600; padding:5px; border-bottom:1px solid #e0e0e0;}
table.tList td {border-spacing:0; border-bottom:1px solid #e0e0e0; padding:5px;}
table.tList tbody tr:hover {background-color:rgba(100,100,100,0.1); transition:all 0.2s;}
table.tList tr.heading:hover {background-color:transparent;}

.divider-heading {font-weight:600; text-transform:uppercase; background-color:#f0f0f0; padding:5px 10px;}

table.normal {width:100%; margin-bottom:20px;}
table.normal th {font-weight:600; padding:6px; border-bottom:1px solid #000;}
table.normal td {border-spacing:0; padding:4px 6px;}
table.normal td a {font-weight:500;}

table#cart td {padding:8px 6px;}

table.value-pair td {padding:3px;}
table.value-pair td:first-child {font-weight:500;}

table.form td {border-spacing:0; padding:5px;}

table.full {width:100%;}

table.minor {margin-bottom:20px;}
table.minor th {font-weight:500; padding:9px 5px;}
table.minor td {font-size:13px; line-height:17px; vertical-align:middle; padding:5px;}
table.minor td.date {padding-right:10px;text-align:right; white-space:nowrap;}

table.small {width:100%; margin-bottom:20px;}
table.small th {cfont-weight:500; padding:3px;}
table.small td {font-size:13px; line-height:15px; padding-bottom:3px;}
table.small td div,
table.small td div a {font-size:12px; line-height:15px; font-weight:normal; padding-top:2px;}
table.small td.date {padding-right:10px;text-align:right; white-space:nowrap;}
table.small td.nowrap {white-space:nowrap;}

table.contact {margin-bottom:0;}
table.contact td {border-bottom:1px solid #e0e0e0; padding:6px 0;}
table.contact td:first-child {width:1%; white-space:nowrap; padding-right:10px;}

table.full {width:100%;}
table.border {
	border-top:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	margin:25px 0;
}
table.border th,
table.border td {vertical-align:top; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:5px 11px;}
table.alternate tr:nth-child(even) {background-color:#f5f5f5;}

@media only screen and (max-width: 991px) {
	table {width:100%;}
}

/**************** CONTACTBOX ****************/

.contact-details-mini p {
  margin-bottom: 1em;
}

/***************************************
			PHOTOALBUM
***************************************/

.photoalbum-wrapper .album {
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
  cursor: pointer;
	box-shadow: 0px 0px 1px 1px rgba(100, 100, 100, 0.1);
}
.photoalbum-wrapper p {margin:0; padding:10px 0;}
.photoalbum-wrapper span {color: #777;}
.photoalbum-images .image {
	height:164px;
	text-align:center;
	background-color: #fff;
	padding:10px;
	margin-bottom:15px;
}
.photoalbum-images a {display:inline-block; margin:5px;}
.photoalbum-images img {max-height:114px;}
.photoalbum-images figure {display:none;}

@media only screen and (max-width: 767px) {
	.photoalbum-images img {width:100%; margin:0; height:auto; max-height:auto;}
}

/**************** SOCIAL ****************/

/*
social a.fb {background-color: #3B5998;}
social a.tw {background-color: #1DA1F2;}
social a.in {background-color: #A53692;}
social a.yt {background-color: #CC181E;}
*/
li.social a {background-color:rgba(114,178,32,0.6);}

li.social a.fb:before {content: "\f082";}
li.social a.in:before {content: "\f16d";}
li.social a.tw:before {content: "\f099";}
li.social a.yt:before {content: "\f16a";}

li.social a:hover {background-color:rgba(114,178,32,1);}

li.social a {
    display:inline-block;
	line-height:42px;
	width:42px;
	text-align: center;
	border-radius:21px;
    padding:0;
}
li.social a + li.social a {margin-left:10px;}
li.social a:before {
	font-family: 'fontawesome';
	font-size:21px;
	color: #fff;
    padding:0;    
}

.footer .social {margin-top: 15px;}
.footer .social a {width: 30px; background-color: rgba(255, 255, 255, 0.6); border-radius: 3px;}
.footer .social a:before {font-size: 21px; line-height: 30px; color: rgba(0, 0, 0, 0.7);}
.footer .social a:hover {background-color: #fff;}
.footer .social a:hover:before {color: #000;}

/***************************************
			MESSAGES
***************************************/

input.input-err,
textarea.input-err,
select.input-err {
	border:1px solid #ffaaaa !important;
	box-shadow:0 0 5px 0 rgba(255,20,20,0.4);
}

.nNote {margin-bottom:30px;}

.success,
.failure,
.warning,
.information {font-size:15px; border:1px solid; padding:15px;}

.warning {background:#ffd67e; border-color:#deba6e;}
.confirm {background:#def2d2; color:#3d5e2a; border-color:#abcd96;}
.information {background:#d3f2f2; border-color:#acc5c5;}
.success,
.success-tiny {background:#def2d2; color:#3d5e2a; border:1px solid #abc797;}

.failure,
.error-tec,
.error-tiny {color:#aa0000; background:#fef1f1; border:1px solid #aa0000;}
.error-field {color:#aa0000;}

.error-tec,
.success-tiny,
.error-tiny,
.success-tiny {font-size:15px; margin-bottom:10px; padding:5px;}

#frm_error, #frm_error_contact {display:none;}

/***************************************
			MODAL
***************************************/

.modal-overlay {position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100%;border:5px solid #000;margin:0;padding:0;background:#000;z-index:5000;}
.modal-overlay-trans {position:fixed;top:0;right:0;bottom:0;left:0;height:100%;width:100%;border:5px solid #000;margin:0;padding:0;background:#000;opacity:.60;filter: alpha(opacity=60);-moz-opacity: 0.60;}
* html .modal-overlay {position:absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
.modal-window {position:fixed;top:50%;left:50%;margin:0;padding:0;z-index:102;}
* html .modal-window {position:absolute;}
.close-window {position:absolute;width:32px;height:32px;right:8px;top:8px;background:transparent url('/assets/css/img/close.gif') no-repeat scroll right top;text-indent:-99999px;overflow:hidden;cursor:pointer;opacity:.99;filter: alpha(opacity=99);-moz-opacity: 0.99;}

/***************************************
			EXTRAS
***************************************/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-img {position:relative; width:100%;}
.video-img img.play {position:absolute; left:0; top:50%; margin-top:-25px;}

.el-white {background-color:#fff; border:1px solid #e5e5e5; padding:20px;}

.soft {color:#999;}
.positive {color:#007700;}
.negative {color:#bb0000;}
.mark {color:#ffba00;}

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.border-bottom {border-bottom:1px solid #d4d4d4;}
.border-top {border-top:1px solid #d4d4d4;}
.no-border {border:none;}

.high {background-color:#66ffff;}

.hide-desktop {display:none;}
.hidelement {display:none;}
.no-display {display:none;}
.padding5 {padding:5px;}
.padding10 {padding:10px;}
.pad-t {padding-top:20px;}
.pad-t10 {padding-top:10px;}
.pad-t-b {padding:10px 0;}
.pad-l,
table tr th.pad-l,
table tr td.pad-l {padding-left:20px;}
.pad-r,
table tr th.pad-r,
table tr td.pad-r {padding-right:20px;}
.no-padding {padding:0 !important;}

.margin-bottom {margin-bottom:30px !important;}
.margin-bottom-half {margin-bottom:15px !important;}
.margin-bottom-double {margin-bottom:60px !important;}
.margin-left {margin-left:20px !important;}
.margin-right {margin-right:20px !important;}
.no-margin {margin:0 !important;}

.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}

img.left {float:left; margin:20px 20px 20px 0;}
img.right {float:right; margin:20px 0 20px 20px;}

.no-border {border:none;}
.separator {padding-bottom:5px; margin-bottom:20px;}

.float-left {float:left;}
.float-right {float:right;}
.block {display:block;}

.strong {font-weight:bold;}
.capitalize {text-transform:capitalize;}
.uppercase {text-transform:uppercase;}
.small {font-size:13px;}
.medium {font-size:24px;}
.big {font-size:36px;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.nowrap {white-space: nowrap;}

.pointer {cursor: pointer;}
.loader {padding: 0 10px;}

.spacer {clear:both; height:20px;}
.clear {clear:both; height:0px;}
.fixed {position:fixed;}