/* =================================================================== */
/* Import Section
====================================================================== */

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

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

#wrapper {width:100%; margin:0 auto;}
.inner {width:1280px; margin:0 auto;}

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

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; font-weight:600;}

p {margin-bottom:1em;}

hr, .hr{
	border:0;
	border-bottom:1px solid #e0e0e0;
	height:0;
	padding-top:1em;
	margin-bottom:1em;
}

a.external:after {
	font-family:FontAwesome;
	content:"\f08e";
	font-size:10px;
	position:absolute; top:-8px; right:5px;
}

.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-top:45px;} /* Front. Widgets har margin-bottom:45px;*/
#content {padding-top:30px;} /* Undersider */
#sidebar {margin-bottom:45px;}
.page {margin-bottom:60px; min-height:200px;}

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

header .inner {z-index:2020;}
#main-nav {z-index:2019; zoom:1;}
#mobile-menu {z-index:5000;}
#mobile-menu-trigger {z-index:2029;}
#menu-close {z-index:2031;}
#mainslider {z-index:2000;}
.nav-hor {z-index:2021;}
.nav-hor .buttons {z-index:2021;}
.nav-hor ul {z-index:2022;}
.nav-hor ul ul {z-index:2023;}
#moredown {z-index:2020;}
#back-to-top {z-index:2000;}


/***************************************
				TOPLINE
***************************************/

.topline {font-size:13px;}
.topline div > ul {float:right;}
.topline div > ul > li {float:left; position:relative; margin-left:20px;}
.topline div > ul > li:first-child {margin-left:0;}
.topline div > ul > li a {line-height:27px;}
.topline ul li .fa {padding-right:5px;}
.topline ul ul {display:none; position:absolute; left:0; top:27px; z-index:2031;}
.topline ul ul li {float:none;}
.topline ul ul li a {display:block; width:130px; padding:0 10px;}

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

header {width:100%; position:relative;}
#header > .inner {position:relative; height:90px;}
header .logo {float:left; margin:15px 0; max-width:50%}
header .selections {float:right; width:auto;}
header .selections > li {float:left; margin-right:30px;}
header .selections > li:last-child {margin-right:0;}

/***************************************
				TOOLS
***************************************/

#header > .inner .tools {position:absolute; right:0; width:40%; text-align:right; height:32px; top:50%; transform:translateY(-50%);}
#header > .inner .tools > a {font-size:19px;}

.tools > a {font-weight:300; display:inline-block; text-transform:uppercase; margin-left:10px;}
.tools > a:first-child {margin-left:0;}

.nav-dropper {
	display:none; 
	position:absolute;
	top:90px;
	right:0;
	box-shadow:0px 3px 3px 0px rgba(0,0,0,0.1);
    z-index:2030;
}
.nav-dropper h6 {line-height:42px; padding:0 10px; margin:0;}
.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-contact .contact-details-mini {padding:10px; margin:0;}
.nav-contact .contact-details-mini .widget {padding:0; margin:0;}
.nav-contact .contact-details-mini .headline {display:none;}

#mobile-menu-trigger {display:none; margin-top:-10px;}
#mobile-menu-trigger:before {
	transition:all 0.2s ease;
	font-size:36px;
	font-family:FontAwesome;
	content:'\f0c9';
}

.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:32px;
    width:32px;
    text-align:center;
}

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

#main-nav {position:absolute; left:0; width:100%;}
.main-nav {text-align:center; background-color:#002200;}
.main-nav.inner {background-color:#002200;}

.sf-menu {z-index:1005;}

.sf-menu > li {float:left; position:relative;}
.sf-menu > li.first {display:none;}
.sf-menu > li a {display:block; font-size:15px; line-height:60px; text-transform:uppercase; margin:0; padding:0 15px;}

.sf-menu .sub-menu {display:none; position:absolute; top:60px; left:0; width:240px; padding:0; z-index:1009;}
.sf-menu .sub-menu li {float:none; text-align:left; padding:0 15px;}
.sf-menu .sub-menu li a {display:block; font-size:14px; line-height:normal; text-transform:none; margin:0; padding:12px 0;}
.sf-menu .sub-menu li:last-child a {border:none;}

/* Mobile Menu  */

.mobile-menu-opened {box-shadow: 3px 3px 4px 2px #000;}

#mobile-menu {display:none; width:480px; max-width:100%; position:fixed; top:0; right:0; height:100%; overflow:auto; background-color:#333;}
#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; border-top:1px solid #aaa; color:#fff;font-size:13px; 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:rgba(255,0,0,0.2);
	font-size:13px;
	text-align:center;
	line-height:52px;
	font-weight:bold;
	padding:0;
}
#mobile-menu ul a {padding-left:45px;}
#mobile-menu ul.sub-menu a {padding-left:45px; text-transform:none;}
#mobile-menu ul.sub-menu 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 rgba(255,255,255,0.3); color:#fff; font-size:20px; line-height:50px; text-align:center; cursor:pointer;}
#mobile-menu .mobile-menu-submenu-arrow:hover {background-color:rgba(0,0,0,0.1);}

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

#subtitle {height:60px; margin-top:60px;}
#subtitle h1 {text-transform:uppercase; line-height:60px; margin:0;}
#subtitle h1 span {font-size:21px; font-weight:normal; text-transform:none;}


/***************************************
			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:1em;}

.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;}

.template.img {position:relative;}
figure a {display:block; position:relative; 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 ul {list-style-type:circle; margin-left:15px;}
.colnav ul li a {display:block; padding:5px 0 5px 5px; transition:all 0.1s ease; border-bottom:1px solid rgba(0,0,0,0.1);}

.colnav ul ul {margin-left:25px;}
.colnav ul ul li a {padding:5px 0; border-top:0;}
.colnav ul ul li:first-child a {padding-top:0;}
.colnav ul ul li:last-child a {padding-bottom:15px;}

.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 {
	padding-top:45px;
	background-repeat:no-repeat;
	background-position:center center;
}

.footer .widget .headline,
.footer .widget .headline h3 {font-family:"Open Sans"; margin-bottom:2em; font-size:15px; letter-spacing:0.1em; font-weight:bold; border-bottom:none !important;}

.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:bold; color:#000; border-bottom:1px solid #e0e0e0; padding-bottom:0.5em;}

#sidebar .widget:first-child {padding-top:30px; margin:0;}
#sidebar .widget {padding:0 30px 30px 30px; margin:0;}
#sidebar .widget:last-child {margin-bottom:0;}

/* Newsticker */

.newsticker ul {list-style-type:circle; margin-left:15px;}
.newsticker 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;}

textarea#postcomment {}

.blog-section {padding:45px 0;}
.blog-box {position:relative;}
.blog-box .img {position:relative; max-height:280px; overflow:hidden; text-align:center;}
.blog-box h3 {
	margin:0;
	width:100%;
	position:absolute; bottom:0; left:0;
	color:#fff;
	font-size:17px;
	line-height:23px;
	text-align:left;
	background-color:rgba(0,0,0,0.7);
	padding:10px;
}
.blog-box h3 span {
	display:block;
	font-size:13px;
	font-style:italic;
	color:rgba(255,255,255,0.7);
}
.blog-box h3:hover {background-color:rgba(0,0,0,0.8);}

.blog-single .seemore {
	display:block;
	line-height:42px;
	text-align:right;
	margin-bottom:-27px;
}
.blog-section .seemore {
	display:block;
	line-height:42px;
	text-align:right;
	margin-bottom:-27px;
}
@media (max-width:1440px) {
	.sf-menu li.first {display:none;}
}
@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) {
	#main-nav,
    .main-nav {display:none;}
	#menu {display:none;}
	#mobile-menu-trigger {display:inline-block; vertical-align:top;}
    #subtitle {margin-top:0;}

	.box.profile {width:100%; max-width:300px;}
	.col-md-8 .set_height .box .img,
	.col-md-9 .set_height .box .img,
	.col-md-12 .set_height .box .img {height:300px;}

	.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) {
    header .logo {width:110px; margin:15px auto;}
	.nav-dropper {position:absolute; top:90px; width:100%;}

    #header > .inner .tools {width:60%;}
    header .tools > a {font-size:15px;}

	.box.profile p.descr {height:auto;}
	.box.profile {margin:0 auto;}

	.blog-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: 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;}

	#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);}

/**************** 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;}
.social a.gp {background-color: #DB4437;}
.social a.fb:before {content: "\f082";}
.social a.in:before {content: "\f16d";}
.social a.tw:before {content: "\f099";}
.social a.yt:before {content: "\f16a";}

a.social {line-height: 32px; width: 32px; text-align: center; border-radius: 3px;}
a.social + a.social {margin-left: 5px;}
a.social:before {font-size: 21px; color: #fff;}
a.social:hover {background-color: #000;}

.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;}