/*

FÄRGER:

Orange: 		d45d47
Ljusorange:		d86e5a
Blå: 			44697d
Ljusblå: 		57788a
Mörkgrå:		262626
Brun:			605e5b
Ljusgul:		f8f5e7



INNEHÅLL:

1:	RESET
2:	GLOBAL
3:	face
4:	EMERGENCY MESSANGE
5:	SUB HEADER
6:	SLIDER & SUB HEADER CONTENT
		6.1: SEARCH
		6.2: CONTACT BTN
		6.3: CUSTOM SELECT
7:	MAIN
		7.1: FRONT
				7.1.1: IMPORTANT LINKS
				7.1.1: YELLOW SECTION
				7.1.1: CURRENT
				7.1.1: NEWS
				7.1.1: FACEBOOK
		7.2: SECONDARY
				7.2.1: BREADCRUMB
				7.2.2: MAIN CONTENT
				7.2.3: SINGLE CONTENT
				7.2.4: RELATED DOCUMENTS
				7.2.5: COMMENTS
				7.2.6: RESPOND
				7.2.7: SHARE
				7.2.8: SIDEBAR
		7.3: CATEGORY
8:	FOOTER
9:	MEDIA QUERIES
		9.1: 1091
		9.2: 991
		9.3: 768 - IPAD
		9.4: 767 - BELLOW IPAD
10: ANIMATION KEYFRAMES
11: PLUGINS

*/

/* ----  1: RESET  ---- */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	max-width: 100%;
}

body {
	overflow-x: hidden;
}

*:focus {
	outline: none;
}

/* ----  2: GLOBAL  ---- */

img {
	max-width: 100%;
	height: auto;
}

hr {
	margin: 0;
	border: none;
	border-top: 1px dotted #999;
}

time {
	font-size: 0.875em;
}

.btn,
a.btn {
	color: #fff;
	text-transform: uppercase;
	font-family: 'ralewaysemibold';
}

.btn .fa {
	margin-left: 8px;
	font-weight: 100;
}

.btn.more,
a.btn.more {
	display: inline-block;
	background: #44697d;
	line-height: 1em;
	padding: 11px 30px 8px;
	text-align: center;
	margin-top: 20px;
}

.btn.more:hover,
a.btn.more:hover {
	background: #57788a;
	color: #fff;
}

.box .btn.more {
	width: 100%;
	display: block;
	padding: 13px 0 10px;
}

.box,
.box:hover {
	display: block;
	width: 100%;
	background-color: #fafafa;
	border: 1px solid #ededed;
	padding: 25px 0;
}

.box.white {
	background: #fff;
	border: none;
	white-space: nowrap;
}

.box.white li{
	width:100% !important;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
}
.global-list{
	overflow:hidden !important;
}

.text {
	padding: 0 30px;
}

.box.text {
	padding: 25px 30px 30px;
}

.orange-top {
	width: 100%;
	height: 4px;
	background: #d45d47;
	margin-bottom: -1px;
	position: relative;
	z-index: 200;
}

.clearfix { clear: both; }

.drag-down {
	position: absolute;
	left: 0;
	bottom: 30px;
	width: 100%;
	padding: 0 30px;
}

/* ----  3: HEADER  ---- */

#masthead {
	width: 100%;
	height: 120px;
	background-color: #fff;
	border-bottom: 4px solid #d45d47;
}

.logo,
.logo:hover {
	display: block;
	float: left;
	border: none;
	padding: 0;
}

.logo img {
	width: 340px;
	height: auto;
}

.search-toggle {
	display: none;
}


/* ---- 4: EMERGENCY MESSANGE  ---- */

.message-wrapper {
	width: 100%;
	z-index: 800;
	background: #fff1f1;
	overflow: hidden;
}

.message {
	width: 100%;
	padding: 15px 0 30px;
}

.message.closed {
	overflow: hidden;
}

.message p {
	color: #222;
}

.close-message,
.open-message,
.close-message:hover,
.open-message:hover {
	cursor: pointer;
	position: absolute;
	top: 22px;
	right: 30px;
	border: none;
	display: none;
}

.close-message .fa,
.open-message .fa {
	margin-left: 5px;
}

.message-title {
	padding-top: 21px;
	text-transform: uppercase;
	font-size: 1.25em;
	color: #44697d;
	font-family: 'ralewaybold', sans-serif;
}

.message.warning .message-title {
	text-transform: uppercase;
	font-size: 1.25em;
	color: #e83838;
	font-family: 'ralewaybold', sans-serif;
}

/* ----  5: SUB HEADER  ---- */

.sub-header {
	width: 100%;
	height: 100%;
	max-height: 140px;
	position: relative;
	background: url(../images/banner-bg.jpg);
	background-position: bottom center;
	background-repeat: repeat;
}

/* ----  6: SLIDER/SUB HEADER CONTENT  ---- */

/* ----  6.1: SEARCH FIELD  ---- */

#search-container {
	width: 100%;
	height: 60px;
	position: absolute;
	bottom: 40px;
	top: auto;
	z-index: 40000;
}

#search-container.fixed {
	position: fixed;
	top: 60px;
	bottom: auto;
	background: #fff;
	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.1);
			box-shadow: 0px 1px 6px rgba(0,0,0,0.1);
}

body.logged-in #search-container.fixed {
	top: 92px;
}


#search-container .search-box {
	width: 100%;
	height: 60px;
	background: #fff;
	position: relative;
}

#search-container .search-field {
	width: 67%;
	height: 54px;
	border: none;
	padding: 3px 0 0 0;
	float: left;
	position: absolute;
	top: 0;
	left: 30px;
	color: #666;
	font-family: 'ralewayregular', sans-serif;
	font-size: 1.2em;
	background: none;
}

#search-container.fixed .search-field {
	left: 0;
}

#search-container .search-submit {
	height: 60px;
	width: 60px;
	background-color: #44697d;
	color: #fff;
	padding: 0;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 10;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

/* ----  6.2: CONTACT BTN  ---- */

.contact-btn, .contact-small-btn{
	display: block;
	width: 100%;
	height: 60px;
	text-align: center;
	background-color: #44697d;
	padding-top: 20px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

.contact-btn .fa, .contact-small-btn .fa{
	width: 10px;
}
.contact-btn, .contact-small-btn{
	text-decoration:none !important;
}
.contact-btn:hover, .contact-small-btn:hover,
#search-container .search-submit:hover {
	background-color: #57788a;
}

/* ----  6.3: CUSTOM SELECT  ---- */

select#specific-search {
	background-color: #fafafa;
	border: none;
	border-left: 1px solid #ededed;
	width: 210px;
	height: 60px;
	padding: 20px 30px 20px 20px;
	color: #666;
	/*text-transform: uppercase;*/
	position: absolute;
	z-index: 100;
	right: 60px;
	font-size: 0.875em;
	font-family: 'ralewaymedium', sans-serif;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
			border-radius: 0px;
	background-image: url(../images/select.png);
	background-repeat: no-repeat;
	background-position: 169px center;
}
.select-hidden {
	display: none;
	visibility: hidden;
	padding-right: 10px;
}

.select {
	cursor: pointer;
	display: inline-block;
	position: absolute;
	right: 60px;
	width: 202px;
	height: 60px;
	text-transform: uppercase;
}

.select-styled {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fafafa;
	border-left: 1px solid #ededed;
	padding: 21px 20px 0;
	height: 60px;
	color: #666;
	font-size: 0.85em;
	font-family: 'ralewaymedium', sans-serif;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.select-styled:after {
	font-family: 'FontAwesome';
	content: "\f107";
	font-size: 1.3em;
	color: #44697d;
	position: absolute;
	top: 21px;
	right: 30px;
}

.select-styled:active:after, .select-styled.active:after {
	content: "\f106";
}

.select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #fafafa;
	color: #666;

}
.select-options li {
	margin: 0;
	font-family: 'ralewaymedium', sans-serif;
	font-size: 0.875em;
	padding: 22px 0 0;
	height: 60px;
	text-indent: 20px;
	border: 1px solid #ededed;
	margin-bottom: -1px;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
.select-options li:hover {
	color: #666;
	background: #ededed;
}
.select-options li[rel="hide"] {
	display: none;
}

/* ----  6.4: CONTACT BOX  ---- */

.contact-box-wrapper {
	position: absolute;
	width: 100%;
	left: 0;
	top: 80px;
	display: none;
}

.contact-box {
	width: 100%;
	-webkit-box-shadow: 0px 1px 6px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0px 1px 6px rgba(0,0,0,0.1);
			box-shadow: 0px 1px 6px rgba(0,0,0,0.1);
	background-color:#fafafa;
}

@media only screen and (max-width: 767px) {
.contact-buttons {
		margin-top:20px;
}
}
.contact-buttons .more{
	text-align:left !important;
}
.contact-buttons .fa{
	margin-left:20px;
	margin-right:10px;
}

.contact-box h3 {
	margin-bottom: 20px;
}

.contact-box p {
	margin:0; padding:0;
}

#contact-search {
	width: 100%;
	padding-left: 20px;
	padding-right: 80px;
	height: 60px;
	background: #fff;
	border: 1px solid #eee;
	margin-top: 10px;
	padding-top: 6px;
	margin-bottom: 5px;
}

#contact-search-submit {
	float: right;
	margin-top: -65px;
	position: relative !important;
	z-index: 10;
}

/* ----  7: MAIN  ---- */

#main.fixed {
	padding-top: 60px;
	position: relative;
	z-index: 1;
}

/* ----  7.1: FRONT  ---- */

/* ----  7.1.1: IMPORTANT LINKS  ---- */



#important-links .box * {
	-webkit-transition: all 0.24s ease-in-out;
	   -moz-transition: all 0.24s ease-in-out;
			transition: all 0.24s ease-in-out;
}

#important-links {
	padding: 60px 0 30px;
	text-align: center;
}

#important-links .box {
	height: 150px;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	-webkit-animation: fadeAndSlideBottom 2.2s ease;
	   -moz-animation: fadeAndSlideBottom 2.2s ease;
		 -o-animation: fadeAndSlideBottom 2.2s ease;
			animation: fadeAndSlideBottom 2.2s ease;
}

#important-links .link-content {
	height: 150px;
}

#important-links a {
	color: #605e5b;
	font-family: 'ralewayregular', sans-serif;
}

#important-links .link-content .text {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 40px;
	height: 150px;
	background: #fafafa;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  	filter: alpha(opacity=0);
}

#important-links .fa {
	font-size: 4.2em;
	margin-bottom: 15px;
	color: #d45d47;
	margin-top: -5px;
}

#important-links p.link-title {
	margin-bottom: 5px;
}

#important-links .text p.link-title {
	color: #d45d47;
}

/* Links hover effect */

#important-links .link-content:hover .text {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

/* ----  7.1.2: YELLOW SECTION  ---- */

#yellow-section {
	padding: 60px 0;
	background: #f9f6e9;
}

#yellow-section .box {
	height: 400px;
}

#yellow-section .box.text {
	position: relative;
}

/* ----  7.1.3: CURRENT  ---- */

#current {
	padding: 60px 0;
	display: none;
}

/* ----  7.1.4: NEWS  ---- */

#news {
	padding: 60px 0;
}
.news-post {
	padding-bottom: 60px;
}

.news-post:last-of-type {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.news-post-thumbnail {
	width: 100%;
	height: 180px;
	background-position:center center;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}

.read-more {
	color: #d45d47;
	font-family: 'ralewaysemibold', sans-serif;
	letter-spacing: 1px;
}

.news-meta {
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.875em;
	margin-top: -6px;
}

.news-meta .fa {
	color: #d45d47;
	margin-right: 5px;
}

.news-meta .author {
	margin-right: 25px;
}
.news-meta .category{
	margin-right: 25px;
}


/* ----  7.1.5: FACEBOOK och BLOGG  ---- */

#nybro-facebook, #nybro-blogg {
	margin-top:60px;
	overflow:hidden;
}
#nybro-facebook h1, #nybro-blogg h1{
	text-indent:30px;
}
#nybro-facebook a.btn, #nybro-blogg a.btn{
	width:100%;
	border:0;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
}
#nybro-facebook-inside, #nybro-blogg-inside{
	padding:30px;
	background-color:#ecf0f2;
}
#nybro-blogg-inside{
	background-color:#fbeeec;
}
#nybro-blogg a.btn{
	background-color:#d45d47;
	border:none;
}
#nybro-blogg a.btn:hover{
	background-color:#d86d59;
	border:none;
}


/* ----  7.2: SECONDARY ---- */

/* ----  7.2.1: BREADCRUMS  ---- */

.breadcrumb {
	background-color: #fafafa;
	border: 1px solid #ededed;
	min-height: 40px;
	margin-top: 40px;
	padding: 5px 10px 5px 10px;
	font-size: 0.875em;
	line-height:2em;
}

.breadcrumb li {
	display: inline-block;
	color: #888;
}

.breadcrumb li:before {
	content: '/';
	margin-right: 8px;
	margin-left: 8px;
}

.breadcrumb li.first:before {
	content: '';
	margin: 0;
}

/* ----  7.2.2: MAIN CONTENT  ---- */

#main-content {
	padding: 30px 0 30px;
}

#page-info {
	padding-bottom: 60px;
	text-align: center;
}

#page-info p {
	font-size: 1em;
	margin-top: 10px;
}

.page-icon {
	width: 70px;
	margin-bottom: 30px;
}


.grid .box {
	margin-bottom: 30px;
	height: 385px;
}
@media (max-width: 767px), (max-device-width: 767px) {
	.grid .box {
		height: auto;
	}
}

.grid ol, .grid ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.grid ol li {
	font-size: 0.875em;
	margin-bottom: 6px;
}

.grid .box {
	padding-top: 0;
}

.grid .box img {
	width: 100%;
	margin-bottom: 25px;
}


.grid .box .category-image{
	width: 100%;
	min-width:100%;
	height:140px;
	max-height:140px;
	margin-bottom: 25px;
	display:block;
	background-repeat:no-repeat;
	background-position:top center;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}
@media only screen and (max-width: 1200px) {
	.grid .box .category-image{
		height:160px;
		max-height:160px;
	}
}
@media only screen and (max-width: 991px) {
	.grid .box .category-image{
		height:180px;
		max-height:180px;
	}
}
@media only screen and (max-width: 767px) {
	.grid .box .category-image{
		height:220px;
		max-height:220px;
	}
}



/* ----  7.2.3 SINGLE CONTENT  ---- */

#single-content {
	padding: 40px 0;
}


.post_stickyimage{
	width: 100%;
	height:110px;
	max-height:110px;
	display:block;
	background-repeat:no-repeat;
	background-position:top center;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}
@media only screen and (max-width: 767px) {
	.post_stickyimage{
		height:220px;
		max-height:220px;
	}
}

/* ----  7.2.4 RELATED DOCUMENTS  ---- */

.related-documents {
	margin-top: 60px;
}


.related-documents .global-list li:before {
	color: #d45d47;
}

/* ----  7.2.5 COMMENTS  ---- */

.comments-list,
.children {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.comment {
	position: relative;
	margin-bottom: 25px;
}

.author-image {
	width: 54px;
	height: 54px;
	border: 5px solid #d45d47;
	float: left;
	margin-right: 15px;
	-webkit-border-radius: 80px;
	   -moz-border-radius: 80px;
			border-radius: 80px;
}

.author-info {
	float: left;
}

.comment .date-meta {
	font-size: 0.875em;
	margin-top: -6px;
}

.comment-content {
	margin-left: 69px;
}

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

.comment-reply {
	display: inline-block;
	font-size: 0.875em;
	margin-top: 10px;
}

.children {
	padding: 15px 0 0 30px;
}

.children .comment {
	margin-bottom: 15px;
}

.children .children .children {
	padding-left: 0;
}

/* ----  7.2.6 RESPOND  ---- */

#respond {
	margin-top: 50px;
}

#respond label {
	display: block;
	color: #666;
	font-family: 'ralewaymedium', sans-serif;
	text-transform: uppercase;
	font-size: 0.875em;
	margin-bottom: 3px;
}

.required {
	color: #d45d47;
}

#respond input,
#respond textarea {
	border: 1px solid #ededed;
	width: 100%;
	padding: 8px 15px 7px;
	color: #999;
	margin-bottom: 25px;
}

#respond textarea {
	min-height: 150px;
	max-width: 100%;
	min-width: 100%;
}

#respond button {
	border: none;
	margin: 0;
}

/* ----  7.2.7 SHARE  ---- */

.share {
	width: 100%;
	height: 40px;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	margin-bottom: 30px;
	padding-top: 9px;
}

.share.bottom {
	margin-top: 60px;
}

.share-twitter {
	font-size: 1px;
}
.share-facebook {
	font-size: 1px;
	margin-right: 20px;
}

.share iframe {
	vertical-align: bottom;
}

.share div.span {
	display: block;
	float: left;
	height: 20px;
}

.share .fa {
	color: #d45d47;
}

.share-comment,
.share-listen,
.share-pdf,
.share-print {
	font-size: 0.8em;
	font-family: 'ralewaysemibold', sans-serif;
	color: #605e5b;
	margin-right: 20px;
	padding-top: 2px;
}

.share-comment a,
.share-print a,
.share-listen a,
.share-pdf a,
.share-comment a:hover,
.share-listen a:hover,
.share-pdf a:hover,
.share-print a:hover {
	color: #605e5b;
	border: none;
}

/* ----  7.2.8 SIDEBAR  ---- */

.sidebar .box {
	margin-bottom: 40px;
}

.sidebar .date-meta {
	font-size: 0.8em;
	margin-bottom: 4px;
	margin-top: 0;
}

.sidebar-news p {
	font-size: 0.8em;
}

.sidebar article {
	padding-bottom: 15px;
	border-bottom: 1px dotted #999;
	margin-bottom: 20px;
}

.sidebar article:last-of-type {
	margin: 0;
	padding: 0;
	border: none;
}


/* ----  7.2.9 FORMS  ---- */

.form-item {
	display: block;
	margin-bottom: 25px;
}

.form-item label {
	font-family: 'ralewaymedium', sans-serif;
	margin: 0 15px 8px 0;
	color: #605e5b;
	display: inline-block;
}

.form-item input,
.form-item textarea,
.form-item select {
	width: 100%;
	display: block;
	background: #fafafa;
	border: 1px solid #ededed;
	padding: 10px 15px 8px;
	color: #605e5b;
	border-radius: 5px
}

.form-item select {
	height: 40px;
}

.form-item select option {
	color: #605e5b;
}

.form-item textarea {
	min-height: 150px;
	max-width: 100%;
	min-width: 100%;
}

.form-item input[type="radio"],
.form-item input[type="checkbox"] {
	width: auto;
	display: inline;
	margin: 0 10px 0 0;
}

.form-item input[type="submit"],
.form-item input[type="reset"] {
	width: 180px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-family: 'ralewaysemibold', sans-serif;
	font-size: 0.9em;
	color: #fff;
	border: none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

.form-item input[type="submit"] {
	background: #d45d47;
}

.form-item input[type="submit"]:hover {
	background: #d86e5a;
}

.form-item input[type="reset"] {
	background: #44697d;
}

.form-item input[type="reset"]:hover {
	background-color: #57788a;
}

/* ---- 7.3: CATEGORY  ---- */

.category-page {
	margin-bottom: 40px;
}


/* ----  8: FOOTER  ---- */

#footer {
	width: 100%;
	padding: 60px 0 100px;
	background: #fafafa;
	border-top: 1px solid #ededed;
}

.footer-icon {
	width: 100px;
	height: 100px;
	margin-bottom: 30px;
}





/* ----  9: MEDIA QUERIES  ---- */


/* ----  9.1: 1199 ---- */
@media (max-width: 1199px) {
	#yellow-section {
		padding: 60px 0 35px;
	}

	#yellow-section .box {
		margin-bottom: 25px;
	}

	.grid .box {
		min-height: 445px;
	}

	#footer .col-md-6 {
		margin-bottom: 40px;
	}

	.logo {
		margin-top: 17px;
	}

	.logo img {
		width: 250px;
		height: auto;
	}
}

/* ----  9.2: 991 ---- */
@media (max-width: 991px) {
	.search-workers {
		padding-top: 30px;
	}

	.sidebar {
		margin-top: 60px;
	}

	.grid .box {
		min-height: 480px;
	}

	.logo {
		margin-top: 38px;
		overflow: hidden;
	}

	.logo img {
		width: 160px;
		height: auto;
		max-width: none;
	}

}

/* ----  9.3: 768 - iPad  ---- */
@media (max-width: 768px) {
	.sidebar {
		margin-top: 60px;
	}

	#main.fixed {
		padding-top: 60px;
	}

	.contact-btn i , .contact-small-btn i{
		display: none;
	}

	#important-links .box:hover .link-content {
		margin-top: 0px;
	}
}

/* ----  9.4: 767 - Below iPad ---- */
@media (max-width: 767px), (max-device-width: 767px) {

	#masthead {
		height: auto;
	}

	#main.fixed {
		padding-top: 40px;
	}

	.logo,
	.logo:hover  {
		margin-top: 0;
		width: auto;
	}

	.logo img {
		width: auto;
		height: 90px;
		max-width: 100%;
	}

	.search-toggle,
	.search-toggle:hover {
		z-index: 30000;
		display: block;
		cursor: pointer;
		color: #fff;
		font-family: 'ralewaysemibold';
		font-size: 0.95em;
		text-transform: uppercase;
		position: absolute;
		top: 0;
		right: 0;
		height: 40px;
		padding: 12px 15px;
		border: none;
	}

	.search-toggle i {
		margin-right: 4px;
	}


	.sub-header {
		max-height: 280px;
	}

	.grid .box {
		min-height: 1px;
	}

	.news-post-thumbnail {
		margin-bottom: 20px;
	}

	#respond {
		margin-bottom: 40px;
	}

	.footer-icon {
		width: 50px;
		height: 50px;
		margin-bottom: 15px;
	}

	.share {
		margin-top: 40px;
	}

	.share div.share-print {
		display: none;
	}

	.author-image {
		display: none;
	}

	.author-image,
	.author-info {
		float: none;
	}

	.comment-content {
		margin: 0;
	}

	.comment .box.text,
	#respond .box.text {
		padding: 20px 20px;
	}

	#search-container {
		width: 100%;
		height: auto;
		position: absolute;
		bottom: 40px;
		top: auto;
		z-index: 10000;
	}

	#search-container .search-field {
		width: 72%;
		padding: 6px 0 0 20px;
		float: none;
		position: static;
	}

	#search-container .search-box {
		height: 120px;
	}

	.select,
	#specific-search {
		position: absolute;
		width: 100% !important;
		top: 60px;
		left: 0;
	}

	#search-container .search-submit {
		top: auto;
		bottom: 0;
		z-index: 1000;
	}

	.contact-btn, .contact-small-btn{
		margin-top: 20px;
	}

	.contact-box-wrapper {
		top: 210px;
	}

	.contact-box .btn.more {
		margin-top: 5px;
	}

	.contact-box .col-sm-6 {
		margin-bottom: 25px;
	}

	.search-workers {
		padding: 0;
	}

	.footer-icon {
		margin-top: 40px;
	}

	.breadcrumb {
		display: none;
	}


	.category-page h2 {
		margin-top: 20px;
	}

	#important-links,
	#yellow-section,
	#current {
		padding: 35px 0;
	}

	#important-links .box {
		height: 50px;
		padding: 14px 0 0 0;
		margin-bottom: 8px;
		text-align: left;
	}

	#important-links p.link-title {
		text-align: left;
		padding-left: 8px;
		display: inline-block;
	}

	#important-links .fa {
		display: inline-block;
		font-size: 1em;
		margin-left: 20px;
	}

	#important-links .box .text {
		display: none;
	}

}
@media only screen and (max-width: 767px) {
	#important-links .link-content{
		text-overflow: ellipsis;
		overflow:hidden;
		white-space: nowrap;
	}
}


/*  ----  10 ANIMATION KEYFRAMES  ---- */

@-webkit-keyframes fadeAndSlideBottom {
	0% { opacity: 0; -webkit-transform: translatey(200px); }
	40% { opacity: 0; -webkit-transform: translatey(100px); }
	100% { opacity: 1; -webkit-transform: translateY(0px); }
}

@-moz-keyframes fadeAndSlideBottom {
	from { opacity: 0; -moz-transform: translatey(200px); }
	to { opacity: 1; -moz-transform: translateY(0px); }
}

@-o-keyframes fadeAndSlideBottom {
	0% { opacity: 0; -o-transform: translatey(200px); }
	40% { opacity: 0; -o-transform: translatey(100px); }
	100% { opacity: 1; -o-transform: translateY(0px); }
}

@keyframes fadeAndSlideBottom {
	from { opacity: 0; transform: translatey(200px); }
	to { opacity: 1; transform: translateY(0px); }
}



@-webkit-keyframes fade {
	from { opacity: 0; }
	to { opacity: 0.9;}
}
@-moz-keyframes fade {
	from { opacity: 0; }
	to { opacity: 0.9; }
}
@-ms-keyframes fade {
	from { opacity: 0; }
	to { opacity: 0.9; }
}
@-o-keyframes fade {
	from { opacity: 0; }
	to { opacity: 0.9; }
}
@keyframes fade {
	from { opacity: 0; }
	to { opacity: 0.9; }
}