/*!
 * Crelax - Organization
 * ------------------------------
 *
 * Copyright 2013 Nicolae Florescu
 *
 * http://themeforest.net/user/nicolasflorth
 *
 * ===============================================
 * Table of Contents
 * ===============================================
 *
 * * 1.  Selection Colors
 * * 2.  Font Face
 * * 3.  A small shadow from the top of the page alined with the browser
 * * 4.  Generic setts
 * * 	4.1. Generic setts for grid columns that help with the responsive
 *
 * * 5.  Html & Body
 * * 6.  Full - the bigest wrapper
 * * 	6.1. Slider wrapper & bg - from homepage
 *
 * * 7.  Full Header - the bigest wrapper for header
 * * 	7.1. Header Background - the transparent background from the header
 * * 	7.2. Logo
 * * 	7.3. Menu Top
 * * 	7.4. Custom Select Box & language select
 * * 	7.5. Search form
 * *	7.6. Social buttons
 *
 * * 8. Wrapper
 * * 	8.1. Header Image - the container for the header image
 * * 	8.2. Breadcrumbs
 * * 	8.3. Buttons styled
 *
 * * 9. Homepage widget
 * * 10. Members box from members page
 * * 11. Contact page info data, form and google map styles
 * * 12. Pagination
 * * 13. Footer
 * * 	13.1. Logo footer
 * * 	13.2. Newsletter form
 * * 	13.3. Footer Map
 * * 	13.4. Footer Socials
 *
 * * 14. Information boxes GENERAL SETTINGS
 * * 	14.1. Contact departament box
 * * 	14.2. Box information alert
 * * 	14.3. Box error alert
 *
 * * 15. Table style
 * * 16. Homepage widget link - on 4 colors
 /* * 17. Homepage articles
 * * 18. Setts for images align, links and gallery images
 * * 19. Post item from blog page
 * * 	19.1. Blog page bottom item links
 * *	19.2. Share buttons
 * 		19.3. Comments section
 *
 * * 20. Image effect
 * * 21. Image effects for lightbox
 * * 22. Page Members Add Member form
 * * 23. Checkbox and radio buttons
 * * 24. Custom upload
 * * 25. Overlay for lightboxs
 * * 26. Pages & Sidebars setts
 * * 	26.1. Sidebar widget
 *
 */

/* 1. Selection Colors
 ================================================== */
::-moz-selection {
	color: #ffffff;
	background: #f0a500;
}
::selection {
	color: #ffffff;
	background: #f0a500;
}

/* 2. Font Face
 ================================================== */
/**/
@font-face {
    font-family: 'signikabold';
    src: url('css/fonts/signika-bold-webfont.eot');
    src: url('css/fonts/signika-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/signika-bold-webfont.woff') format('woff'),
         url('css/fonts/signika-bold-webfont.ttf') format('truetype'),
         url('css/fonts/signika-bold-webfont.svg#signikabold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'SignikaLight';
    src: url('css/fonts/signika-light.eot');
    src: url('css/fonts/signika-light.eot') format('embedded-opentype'),
         url('css/fonts/signika-light.woff') format('woff'),
         url('css/fonts/signika-light.ttf') format('truetype'),
         url('css/fonts/signika-light.svg#SignikaLight') format('svg');
}
@font-face {
    font-family: 'signikaregular';
    src: url('css/fonts/signika-regular-webfont.eot');
    src: url('css/fonts/signika-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/signika-regular-webfont.woff') format('woff'),
         url('css/fonts/signika-regular-webfont.ttf') format('truetype'),
         url('css/fonts/signika-regular-webfont.svg#signikaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'signikasemibold';
    src: url('css/fonts/signika-semibold-webfont.eot');
    src: url('css/fonts/signika-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/signika-semibold-webfont.woff') format('woff'),
         url('css/fonts/signika-semibold-webfont.ttf') format('truetype'),
         url('css/fonts/signika-semibold-webfont.svg#signikasemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'kelson_sansbold';
    src: url('css/fonts/kelson_sans_bold-webfont.eot');
    src: url('css/fonts/kelson_sans_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/kelson_sans_bold-webfont.woff') format('woff'),
         url('css/fonts/kelson_sans_bold-webfont.ttf') format('truetype'),
         url('css/fonts/kelson_sans_bold-webfont.svg#kelson_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'kelson_sanslight';
    src: url('css/fonts/kelson_sans_light-webfont.eot');
    src: url('css/fonts/kelson_sans_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/kelson_sans_light-webfont.woff') format('woff'),
         url('css/fonts/kelson_sans_light-webfont.ttf') format('truetype'),
         url('css/fonts/kelson_sans_light-webfont.svg#kelson_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'kelson_sansregular';
    src: url('css/fonts/kelson_sans_regular-webfont.eot');
    src: url('css/fonts/kelson_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/kelson_sans_regular-webfont.woff') format('woff'),
         url('css/fonts/kelson_sans_regular-webfont.ttf') format('truetype'),
         url('css/fonts/kelson_sans_regular-webfont.svg#kelson_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* 3. A small shadow from the top of the page alined with the browser
 ================================================== */
body:before {
	content: "";
	position: fixed;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 100;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}

/* 4. Generic setts
 ================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
p {
	padding: 10px 0 12px 0;
}
strong {
	font-weight: bold;
}
ul {
	list-style: none;
}
.banner {
	max-width:100%;
	margin-top:20px;
	float:left;
}
.banner:hover {
	border-bottom:0px none;
	text-decoration:none;
}
.banner img{
	width:100%;
}
.page ul li {
	background: url('images/li-bullet.png') left 6px no-repeat;
	padding-left: 20px;
}
.page .resp-tabs-list li {
	background: #585858;
	font-family: 'kelson_sanslight';
	font-weight: normal;
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	padding: 12px 14px 14px 14px !important;
}
h2.resp-tab-active {
	background: #321f1a !important;
	font-family: 'kelson_sanslight';
	color: #fff;
	font-size: 16px;
}
h2.resp-accordion:first-child {
	border-top: 1px solid #585858 !important;
}
h2.resp-accordion {
	font-size: 13px;
	border: 1px solid #393838;
	border-bottom: 1px solid #fff;
	background: #585858;
	color: #fff;
	border-top: 0px solid #585858;
	margin: 0px;
	padding: 10px 15px;
}
.page .resp-tabs-list li.resp-tab-active {
	background: #321f1a;
	border: 1px solid #321f1a;
	border-top: 0px none;
	padding: 12px 14px 14px 14px !important;
}
.resp-tab-content {
	border: 1px solid #321f1a;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'kelson_sansregular';
	color: #393939;
	display: inline-block;
}
/* heading */
h1, h2, h3, h4, h5, h6 {
	margin: 10px 0px 10px 0px;
}
h1 {
	font-size: 48px;
	line-height: 52px;
}
h2 {
	font-size: 34px;
	line-height: 38px;
}
h3 {
	font-size: 26px;
	line-height: 30px;
}
h4 {
	font-size: 20px;
	line-height: 24px;
}
h5 {
	font-size: 14px;
	line-height: 18px;
}
h6 {
	font-size: 10px;
	line-height: 12px;
}
.clear {
	clear: both;
	height: 0px;
}
.styled-clear {
	background: url("images/styled-clear-bg.png") top center no-repeat;
	height: 18px;
	width: 100%;
	display: inline-block;
	margin: 20px 0px 10px 0%;
}
a {
	color: #130907;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: none;
	color: #321f1a;
	border-bottom: 1px dotted #321f1a;
}
.a-img {
	max-width: 100%;
}

.full_title {
	background: #321f1a url("images/noise-bg-title.jpg") top left;
	border-bottom:3px solid #cdcdcd;
	border-top: 1px solid #393939;
}
.full_title .wrapper {
	padding: 10px 0px;
}
h1.title {
	font-family: 'kelson_sanslight';
	color: #ffa503;/*343434*/
	font-size: 32px;
	line-height: 36px;
	float: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	top: 0px;
	left: 2%;
	/*background: url("images/h1-border-bg.png");*/
}
h1.title span {
	position: relative;
	font-size: 32px;
	line-height: 36px;
	color:#363636;
}
.page_home h1.title {
	top: 50px;
}
.show-style {
	float:left;
	height:32px;
	margin:10px 0px 0px 40px; 
}
.show-style a {
	float:left;
	width:32px;
	height:32px; 
	margin-left:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.show-style a:hover {
	text-decoration:none;
	border-bottom:0px none;
}
.show-matrix {
	background:#000 url("images/icons.png") 0px -320px no-repeat;
}
.show-matrix.on, .show-matrix:hover{
	background:#ffa503 url("images/icons.png") 0px -320px no-repeat;
}
.show-column {
	background:#000 url("images/icons.png") -32px -320px no-repeat;
}
.show-column.on, .show-column:hover{
	background:#ffa503 url("images/icons.png") -32px -320px no-repeat;
}
button::-moz-focus-inner {
	border: 0;
}
button::-moz-focus-inner {
	border: 0;
}
:focus {
	outline: none;
}
::-moz-focus-inner {
	border: 0;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #000;
	margin-bottom: 0px;
	background:#ffa503;
	bottom:0px;
	top:10px;
	right: 10px;
	text-align: right;
	padding: 6px;
	width: 30px;
	height: 30px;
	padding:5px;
	line-height: 19px;
	border:2px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.mfp-counter {
	top:7px;
	right:10px;
}
.mfp-title {
	color:#000;
}
.mfp-bottom-bar {
	padding-left:20px;
	background:#fff;
	color:#000;
	padding:5px 10px;
	margin:1px 0px;
}
button.mfp-arrow {
	border:0px none;
	width:40px;
	height:40px;  
}
button.mfp-arrow-left {
	margin-left:30px;
	display: block; 
	width: 40px; 
	height: 40px; 
	background:url("images/icons.png") -96px -325px no-repeat;
}
button.mfp-arrow-right {
	margin-right:30px;
	display: block; 
	width: 40px; 
	height: 40px; 
	background:url("images/icons.png") -150px -325px no-repeat;
}
button.mfp-arrow-left:after {
	display:none;
}
button.mfp-arrow-left:before {
	display:none;
}
button.mfp-arrow-right:after {
	display:none; 
}
button.mfp-arrow-right:before {
	display:none;
}
img.mfp-img {
	padding:0px;
}
li {
	margin: 10px 0px;
}
.listContainer1, .listContainer2 {
	float: left;
}
.listContainer1 ul.ulTwoCols {
	width: 44%;
	margin: 0px 3% 20px 3%;
	float: left;
}
.listContainer2 ul.ulThreeCols {
	width: 27.333%;
	margin: 0px 3% 20px 3%;
	float: left;
}
.plain1col {
	width: 96%;
	margin: 0px 2% 10px 2%;
}
.ahref-img, .ahref-img-link {
	float: left;
	position: relative;
	margin-right: 15px;
	margin-bottom: 10px;
}
.ahref-img img{
	width:100%;
	*width:auto;
	
}
.ahref-img:hover, .ahref-img-link:hover {
	border-bottom: 0px none;
}
.align-left {
	float: left;
	margin: 5px 20px 5px 0px;
}
.align-right {
	float: right;
	margin: 5px 0px 5px 20px;
}
.centered-content {
	text-align: center;
	width: 100%;
	float: left;
}

/* 4.1. Generic setts for grid columns that help with the responsive
 ================================================== */
.onefor1 {
	float: left;
	width: 96%;
	margin: 20px 2%;
}
.onefor1:first-child{
	margin-top:0px;
}
.page_category .list-column .post-item {
    width: 98%;
	margin: 0px 2% 40px 0%;
}
.page_category .list-matrix .post-item {
    width: 48%;
	margin: 0px 2% 40px 0%;
}
.onefor1 .hover-border {
	float: left;
	margin: 10px 20px 10px 0px;
	max-width: 400px;
}
.onefor2 {
	float: left;
	width: 46%;
	margin: 20px 2%;
}
.onefor3 {
	float: left;
	width: 29.33%;
	margin: 20px 2%;
}
.home-widget-links-wrapper .onefor3 {
	margin: 0px 2%;
}
.twofor3 {
	float: left;
	width: 62.66%;
	margin: 20px 2%;
}
.onefor4 {
	float: left;
	width: 21%;
	margin: 20px 2% 20px 2%;
}
b, strong {
	font-weight: normal;
    font-family: 'signikasemibold';
}
/* 5. Html & Body
 ================================================== */
/* CSS Document */
html {
	line-height: 19px;
	margin-top: 0px;
	color: #404c59;
	background-repeat: no-repeat;
	background-position: top center;
}
body {
	margin: 0px;
	font-size: 14px;
	line-height: 20px;
	font-family: 'SignikaLight', Helvetica, sans-serif;
	color: #393939;
	background: #f0f0f0;
}

/* 6. Full - the bigest wrapper
 ================================================== */
.full {
	float: left;
	width: 100%;
	position:relative;
}

/* 6.1. Slider wrapper & bg - from homepage
 ================================================== */
.slider-wrapper {
	width: 100%;
	float: left;
}
.slider-bg {
	position: absolute;
	right: 0px;
	top: 0px;
}

/* 7. Full Header - the bigest wrapper for header
 ================================================== */
.full.header {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1000;
}
.page_home_v_2 .full.header {
	position: relative;
	float:left;
	width:100%;
}
/* 7.1. Header Background - the transparent background from the header
 ================================================== */
.header-bg {
	background: #130907;
	border-bottom: 1px solid #393939;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: .7; /* other browsers  and IE9+ */
	filter: alpha(opacity=70); /* IE6+ */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE6+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; /* this works in IE8 only */
}

/* 7.2. Logo
 ================================================== */
.logo {
	float: left;
	margin: 7px 0px 5px 2%;
	width: 115px;
	position:relative;
}
.logo:hover {
	border-bottom: 0px none;
}
.logo img {
	float: left;
	width: 100%;
}

/* 7.3. Menu Top
 ================================================== */
.menu {
	margin: 0px;
	float: right;
	width: auto;
	margin: 0px 2% 0px 2%;
	text-align: right;
	z-index: 10000;
	position: relative;
}
.menu li {
	padding: 0px 0px;
	margin: 0px;
	float: left;
	display: inline;
}
.menu li a {
	font-family: 'kelson_sanslight';
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	padding: 15px 15px;
	white-space: nowrap;
	position: relative;
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out;
	transition: color 0.5s ease-in-out;
}
.menu > li > a {
	padding-top: 56px;
}
.menu > li > a i {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 37px;
	background: #ffa503;
	-webkit-box-shadow: inset 0 0 30px #8e3127;
	-moz-box-shadow: inset 0 0 30px #8e3127;
	box-shadow: inset 0 0 30px #8e3127;
	opacity: .0; /* other browsers  and IE9+ */
	filter: alpha(opacity=0); /* IE6+ */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE6+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /* this works in IE8 only */
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.menu > li > a i span {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	margin-top: -12px;
}
.menu > li > a#menu-index i span {
	background: url("images/icons.png") -120px 0px no-repeat;
}
.menu > li > a#menu-blog i span {
	background: url("images/icons.png") -120px -48px no-repeat;
}
.menu > li > a#menu-objectives i span {
	background: url("images/icons.png") -120px -24px no-repeat;
}
.menu > li > a#menu-gallery i span {
	background: url("images/icons.png") -120px -120px no-repeat;
}
.menu > li > a#menu-testimonials i span {
	background: url("images/icons.png") -120px -72px no-repeat;
}
.menu > li > a#menu-contact i span {
	background: url("images/icons.png") -120px -96px no-repeat;
}
.menu li a:hover {
	color: #ffa503;
	background: none;
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out;
	transition: color 0.5s ease-in-out;
}
.menu li a.selected {
	color: #fff;
	background: url("images/menu-a-bg-bottom.png") repeat-x left bottom;
}
.menu li a:active {
	color: #ffa503;
	background: url("images/menu-a-bg-bottom.png") repeat-x left bottom;
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out;
	transition: color 0.5s ease-in-out;
}
.menu li a:hover i, .menu li a.selected i, .menu li a:active i, .menu .sf-parent.current > a i {

	opacity: 1; /* other browsers  and IE9+ */
	filter: alpha(opacity=100); /* IE6+ */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE6+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* this works in IE8 only */
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.menu li a:hover i {
	opacity: .5; /* other browsers  and IE9+ */
	filter: alpha(opacity=50); /* IE6+ */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE6+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /* this works in IE8 only */
}

/* 7.4. Custom Select Box & language select
 ================================================== */
.languages {
	position: absolute;
	width: 55px;
	margin: 0px 2px 8px 0px;
	right:165px;
	top:95px;
}
.selectBox-dropdown {
	background: #464646;
	font-family: 'kelson_sanslight';
	padding: 2px 0px 4px 0px;
	font-size: 13px;
	font-weight: normal;
	line-height: 14px;
	color: #fff;
	position: relative;
	text-decoration: none;
	outline: none;
	vertical-align: middle;
	float: left;
	display: inline-block;
	cursor: default;
	width: 100%;
	height: 28px;
	text-transform: uppercase;
	text-decoration: none;
	border: 0px none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.selectBox-dropdown:hover {
	text-decoration: none;
	color: #fff;
	background: #f0a500;
	border: 0px none;
	cursor: pointer;
}
.selectBox-dropdown: focus, .selectBox-dropdown: focus .selectBox-arrow {
	border-color: #666;
	border: 0px none;
}

.selectBox-dropdown.selectBox-menuShowing {
	background: #e8e9e;
}
.selectBox-dropdown .selectBox-label {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	padding: 0px;
	font-size: 12px;
	line-height: 14px;
	margin: 5px 0px 0px 7px;
    font-family: 'signikaregular';
}
.selectBox-dropdown .selectBox-label:hover {
	cursor: pointer;
	color: #fff;
}
.languages .selectBox-dropdown .selectBox-arrow {
	padding: 0px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: 2px;
	width: 24px;
	height: 24px;
	background: url("images/icons.png") -96px -48px no-repeat;
}
.languages .selectBox-dropdown:hover .selectBox-arrow {
	position: absolute;
	/*background:  url("images/languages-arrow.png")  right -7px no-repeat;*/
}
/* Dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 200px;
	background: #fff;
	overflow: auto;
}

/* Inline control */
.selectBox-inline {
	width: 250px;
	outline: none;
	background: #FFF;
	display: inline-block;
	overflow: auto;
}
.selectBox-inline: focus {
	border-color: #666;
}
/* Options */
.selectBox-options, .selectBox-options LI, .selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
	z-index: 1000000;
}
.selectBox-options LI A:hover, .selectBox-options LI A:focus {
	border: 0px none;
}
.selectBox-options LI A {
	padding: 5px 0px 5px 10px;
	white-space: nowrap;
    font-family: 'signikaregular';
	text-transform: uppercase;
	font-size: 12px;
	line-height: 14px;
	overflow: hidden;
	color: #888b88;
}
.selectBox-options LI.selectBox-hover A {
	background-color: #212121;
	color: white;
	text-decoration: none;
	cursor: pointer;
	text-shadow: 0px 0px 0px;
}

.selectBox-options LI.selectBox-disabled A {
	color: #888;
	background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
	background-color: #f5ae05;
	color: #fff;
}
.selectBox-options LI.selectBox-selected A:hover, .selectBox-options LI.selectBox-selected A:focus {
	text-decoration: none;
	border: 0px none;
}
.selectBox-options .selectBox-optgroup {
	color: #666;
	background: #67af90;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 .3em;
	white-space: nowrap;
}
/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888 !important;
}
.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}
.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}
.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent !important;
}
.selectBox-options {
	margin-left: 0px;
	margin-top: 0px;
}

/* 7.5. Search form
 ================================================== */
.search-form {
	position:absolute;
	top:95px;
	right:0px;
	margin: 0px 2% 0px 4px;
	background: #464646;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#searchTextBoxBackground {
	background-repeat: repeat-x;
	float: left;
	width: 140px;
	height: 28px;
}
.input1 {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
    font-family: 'signikaregular';
	text-transform: uppercase;
	font-size: 12px;
	line-height: 14px;
	margin: 6px 0 0 0px;
	padding-left: 7px;
	width: 92px;
	color: #fff;
}
.input1:hover{
	background:#f5ae05;
}
.input2 {
	background: url("images/icons.png") -96px -72px no-repeat;
	border-width: 0;
	cursor: pointer;
	float: right;
	margin: 3px 2px;
	width: 24px;
	height: 24px;
}

/* 7.6. Social buttons
 ================================================== */
.socials {
	position: absolute;
	right: 2%;
	top: -100px;
	height: 47px;
	width:270px; 
	z-index: 100;
}
.socials span {
	font-family: 'kelson_sanslight';
}
.socials > span {
    font-family: 'signikasemibold';
	font-size:32px;
	color:#fff;
	line-height:47px; 
}
.socials a {
	position: relative;
	width: 47px;
	height: 47px;
	margin-left: 10px;
	float:right;
	border:3px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 100;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-backface-visibility: hidden;
}
.socials a:hover{
	background:#fff;
	border:0px #fff;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
}
.socials a span {
	float: left;
	width: 47px;
	height: 47px;
	position:absolute;
	top:50%;
	margin-top:-23px;
	left:50%;
	margin-left:-23px;
}
.socials a:hover span {
	-webkit-transition: background-position 0.3s ease 0s;
	-moz-transition: background-position 0.3s ease 0s;
	-o-transition: background-position 0.3s ease 0s;
}
.socials a.facebook-icon {
	top: 0px;
	left: 0px;
}
.socials a.twitter-icon {
	top: 0px;
	left: 0px;
}
.socials a.p-icon {
	top: 0px;
	left: 0px;
}
.socials a.facebook-icon span {
	background: url("images/icons.png") -224px -120px no-repeat;
}
.socials a.facebook-icon:hover span {
	background: url("images/icons.png") -271px -120px no-repeat;
}

.socials a.twitter-icon span {
	background: url("images/icons.png") -224px -167px no-repeat;
}
.socials a.twitter-icon:hover span {
	background: url("images/icons.png") -271px -167px no-repeat;
}

.socials a.p-icon span {
	background: url("images/icons.png") -224px -214px no-repeat;
}
.socials a.p-icon:hover span {
	background: url("images/icons.png") -271px -214px no-repeat;
}

/* 8. Wrapper
 ================================================== */
.wrapper {
	max-width: 960px;
	min-width: 960px\9;
	width: 100%;
	margin: 0px auto;
}
.simple-height-50{
	float:left;
	width:100%;
	height:50px; 
}
.relative_div {
	position:relative;
	float:left;
	width: 100%;
}
/* 8.1. Header Image - the container for the header image
 ================================================== */
.image-header {
	overflow: hidden;
	height: 270px;
	width: 100%;
	min-width: 960px\9;
	top: 0px;
	position: relative;
}
.page .image-header, .page_category .image-header {
	height: 235px;
}
.image-header img {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	position: absolute;
	width: 100%;
	height: auto;
}
.mask-with-lines {
	background: url("images/mask-with-lines.png");
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: .1; /* other browsers  and IE9+ */
	filter: alpha(opacity=10); /* IE6+ */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); /* IE6+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=10)"; /* this works in IE8 only */
}
#home-carousel2 .mask-with-lines {
	background: none transparent;
	background-color:#000;
	width: 96%;
	height: 98%;
	position: absolute;
	left: 2%;
	top: 1%;
	right: 2%;
	bottom: 1%;
	opacity: .2; /* other browsers  and IE9+ */
	filter: alpha(opacity=20); /* IE6+ */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); /* IE6+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=20)"; /* this works in IE8 only */
}
.shadow {
	background: url("images/shadow.png") repeat-x;
	height: 49px;
	position: absolute;
	bottom: 0px;
	width: 100%;
}

/* 8.2. Breadcrumbs
 ================================================== */
.breadcrumbs {
	float: left;
	width: 100%;
	font-size: 13px;
	font-family: 'kelson_sanslight';
	margin: 20px 0px 0px 2%;
	white-space: nowrap;
}
.breadcrumbs a {
	color: #fff;
	float: left;
	font-size: 13px;
	line-height: 24px;
	font-family: 'kelson_sanslight';
	margin-right: 5px;
}
.breadcrumbs a:hover, .breadcrumbs a:focus {
	text-decoration: none;
	border: 0px none;
	color: #f0a500;
}
.breadcrumbs span {
	color: #dddddd;
	line-height: 24px;
	margin-right: 8px;
	float: none;
}
.breadcrumbs span.separator {
	background: url("images/icons.png") -72px -96px no-repeat;
	height: 24px;
	width: 24px;
	float: left;
}

/* 8.3. Buttons styled
 ================================================== */
.btn-item, button, .button, .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
	font-family: 'kelson_sanslight';
	line-height: 18px;
	position: relative;
	float: left;
	margin: 10px 10px 10px 0px;
	z-index: 100;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btn {
	-moz-user-select: none;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	padding: 6px 12px;
	position: relative;
	display: inline-block;
    margin: 10px;
    padding: 8px 15px;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.5), 
        0 2px 2px rgba(0,0,0,0.3), 
        0 0 4px 1px rgba(0,0,0,0.2); 

    /* Font styles */
    text-decoration: none;
}
.btn:after {
    content: "";
    z-index: -1;
    position: absolute;
    border-radius: 6px;
    box-shadow: 
        inset 0 1px 0 rgba(0,0,0,0.1),
        inset 0 -1px 0 rgba(255,255,255,0.7);
    top: -6px;
    bottom: -6px;
    right: -6px;
    left: -6px;
    background: -webkit-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
    background: -moz-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
    background: -o-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
    background: -ms-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
}
.btn-lg {
	font-size: 18px;
	line-height: 1.33;
	padding: 10px 16px;
}
.btn-sm, .btn-xs {
	border-radius: 3px 3px 3px 3px;
	font-size: 13px;
	line-height: 1.5;
	padding: 5px 10px;
}
.btn-xs {
	padding: 1px 5px;
}
body .button {
	margin: 10px 10px;
	padding: 5px 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    box-shadow: 
        inset 0 1px 0 rgba(255,255,255,0.5), 
        0 2px 2px rgba(0,0,0,0.3), 
        0 0 4px 1px rgba(0,0,0,0.2); 

    /* Font styles */
    text-decoration: none;
}
.button:after {
    content: "";
    z-index: -1;
    position: absolute;
    border-radius: 6px;
    box-shadow: 
        inset 0 1px 0 rgba(0,0,0,0.1),
        inset 0 -1px 0 rgba(255,255,255,0.7);
    top: -6px;
    bottom: -6px;
    right: -6px;
    left: -6px;
    background: -webkit-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
    background: -moz-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
    background: -o-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
    background: -ms-linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
    background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
}
.btn-item:hover, button:hover, .btn-default:hover, .btn-primary:hover, .btn-success:hover, .btn-info:hover, .btn-warning:hover, .btn-danger:hover {
	border-bottom: 0px none;
	text-decoration: none;
}
body button.btn-link {
	text-shadow: 0px 0px 0px;
}
.btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	color: #000;
}

/* btn red*/
.btn-item-color1, .btn-primary {
	color: #eae9e9;
	background-color: #321f1a;
	border: solid 1px #3d3d3d;
	font-family: 'kelson_sanslight';
}
.btn-item-color1:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #000;
	border: solid 1px #000;
	text-decoration: none;
}
.btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	color: #fff;
	text-shadow: 0 0 1px #000;
}

/* btn grey*/
.btn-item-grey, .btn-default {
	color: #eae9e9;
	background-color: #636262;
	border: solid 1px #4b4b4b;
}
.btn-item-grey:hover, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	color: #fff;
	background-color: #4d4d4d;
	border: solid 1px #4b4b4b;
	text-decoration: none;
}
.btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	color: #fff;
}

/* btn blue*/
.btn-item-blue, .btn-info {
	color: #eae9e9;
	background-color: #626ba8;
	border: solid 1px #4f5997;
}
.btn-item-blue:hover, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
	color: #fff;
	background-color: #465194;
	border: solid 1px #4f5997;
	text-decoration: none;
}
.btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
	color: #fff;
}

/* btn success*/
.btn-success {
	color: #eae9e9;
	background-color: #55bd52;
	border: solid 1px #509e54;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
	color: #fff;
	background-color: #46ab43;
	border: solid 1px #509a54;
	text-decoration: none;
}
.btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
	color: #fff;
}

/* btn warning*/
.btn-warning, a.btn-warning {
	color: #45453d;
	text-shadow: 0 0 1px #fff;
	background-color: #ffa503;
	border: solid 1px #d3d272;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
	color: #000;
	text-shadow: 0 0 1px #fff;
	background-color: #ebd200;
	border: solid 1px #bebd5d;
	text-decoration: none;
}
.btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
	color: #000;
}

/* btn danger*/
.btn-danger {
	color: #eae9e9;
	background: #bf2b04;
	border: solid 1px #490f00;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
	color: #fff;
	background: #321f1a;
	background-color: #321f1a;
	border: solid 1px #000;
}
.btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
	color: #fff;
}
#member-btn {
	margin-right: 2%;
	float: right;
	margin-top: 20px;
}
.opened-m {
	color: #fff;
	background-color: #ffa503;
	border: solid 1px #3d3d3d;
	text-decoration: none;
	color:#130907;
}

/* 9. Homepage widget
 ================================================== */
.homepage-widget {
	color: #393939;
}
.benefit {
	float:left;
	position:relative;
	width:100%;
}
.benefit p{
	padding-left:60px;
}
.benefit i{
	position:absolute;
	left:-10px;
	top:0px;
	width:64px;
	height:64px;  
}
.benefit.quality i{
	background:url("images/icons.png") -472px 0px no-repeat;
}
.benefit.support i{
	background:url("images/icons.png") -472px -64px no-repeat;
}
.benefit.documentation i{
	background:url("images/icons.png") -472px -128px no-repeat;
}
.facebook-widget img {
	width:100%;
	max-width:282px; 
}
.homepage-widget .title {
	font-size: 22px;
	line-height: 22px;
	color: #321f1a;
    font-family: 'kelson_sansregular';
	text-transform: uppercase;
	padding-bottom: 10px;
	padding: 10px 0px;
	border-bottom: 1px solid #321f1a;
}
.homepage-widget .a-small-title {
	margin-bottom: 10px;
	padding-top: 15px;
}
.homepage-widget p {
	padding: 0px 0px 20px 0px;
}
.homepage-widget ul li {
	margin-bottom: 10px;
	background: url('images/li-bullet.png') left 6px no-repeat;
	padding-left: 20px;
}

/* 10. Members widget
 ================================================== */
.top-members {
	border-bottom: 1px solid #321f1a;
}
.top-members .see-more-members {
	color: #321f1a;
    font-family: 'signikaregular';
	font-size: 12px;
	float: right;
	padding: 7px 0px;
	width: auto;
	text-transform: uppercase;
}
.top-members .see-more-members:hover {
	color: #393939;
}
.top-members .title {
	color: #fff;
	padding: 10px 0%;
	width: 100%;
	border-bottom: 0px none;
	color: #321f1a;
	margin-bottom: 10px;
	border-bottom: 1px solid #321f1a;
}
.top-members a {
	width: 99%;
	float: left;
	margin-right: 1%;
}
.top-members a:hover {
	border-bottom: 0px none;
}
.top-members a img {
	width: 100%;
	float: left;
	margin-right: 1%;
}

/* 10. Members box from members page
 ================================================== */
.members-top {
	float: left;
	width: 100%;
}
.members-top.owl-theme .owl-controls .owl-buttons .owl-prev, .members-top.owl-theme .owl-controls .owl-buttons .owl-next {
	display: none;
}
.member-item .title {
	font-size: 30px;
	line-height: 34px;
	color: #130907;
	font-family: 'kelson_sansregular';
	text-transform: uppercase;
	padding-bottom: 0px;
	float:left;
	width:65%;
}
.member-item .title span {
	float:left;
	width:100%;
	padding-bottom:5px;
}
.member-item .title em {
	padding: 0px;
	margin-right: 15px;
	color: #321f1a;
	font-family: 'kelson_sansregular';
	font-style: normal;
	text-transform: uppercase;
	font-size:12px;
	line-height:16px; 
	float:left;
}
.member-item {
	position:relative;
	margin-top:40px;
}
.member-item .title span.show-option-chosen{
	font-size:12px;
	line-height:16px; 
	font-family: 'kelson_sanslight';
	float:left;
	width:auto;
}
.show-option-chosen span, .member-email span {
	float: left;
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background: url("images/icons.png") 0px 0px no-repeat;
}
.member-email span {
	background: url("images/icons.png") 0px -24px no-repeat;
}
blockquote {
	font-family: 'SignikaLight';
	padding: 15px 15px 15px 55px;
	margin-top: 10px;
	font-style: italic;
	position:relative;
}
blockquote p {
	font-weight:normal;
}
blockquote .title{
	float:right;
	font-size:15px;
	font-family: 'signikaregular';
}
.comma{
	width:43px;
	height:43px;
	position:absolute;
	top:25px;
	left:0px;
	background:url("images/icons.png") -146px 0px no-repeat;
}
.member-img {
	float: left;
	margin: 0px 2% 0px 0%;
	position:relative;
	width:30%; 
	z-index:100;
	overflow:hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-right-radius: 0px;
	/*
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-left-radius: 0px;*/ 
}
.member-img img {
	width:100%;
}
.parent-message {
	width: 68%;
	*width: 58%;/* IE7 and below */
	margin: 0px 0% 0px 0%;
	float: right;
	padding: 20px 5% 20px 5%;
	position: relative;
	background: #130907 url("images/circle-bottom.png") top left no-repeat;
	margin-top:0px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
}
.member-message {
	width: 100%;
	padding-right: 4%;
	float: left;
	font-size: 13px;
	line-height: 16px;
	color: #fff;
	position: relative;
	height: 90px;
	overflow: hidden;
}
.member-message p {
	padding: 0px 0px 20px 0px;
}
body .jspTrack {
	background: #fff;
	background:url("images/jsp-track.png") repeat-y;
}
body .jspVerticalBar {
	width: 26px;
	background:none transparent;
}
body .jspDrag {
	background:url("images/jspdrag.png") no-repeat center center;
}
.post-item ul {
	margin-top: 10px;
}
.azoom1_img {
	float:left;
	margin:0px 15px 15px 0px;
	max-width:100%;
}
/* 11. Contact page info data, form and google map styles
 ================================================== */
.contact-form {
	float: left;
	width: 35%;
	margin: 0px 0%;
	padding:30px 2%;
	background: #fff;
	position:relative;
}
.contact-form form {
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
	float: left;
	width: 100%;
	*width: 92%;/* IE7 and below */
	margin: 0px 0px 18px 0px;
	background: #321f1a;
	padding: 4%;
	color: #fff;
}
.contact-form  div.office {
	background: url("images/location.png") no-repeat center left;
	color: #000;
	float: left;
	padding: 5px 0px;
	padding-left: 30px;
	font-size: 14px;
}
.contact-form  div.e-mail {
	display: inline-block;
	margin-bottom: 25px;
}
.boxInfo {
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	margin-bottom:10px;
	color: #393939;
	clear: both;
}
.boxInfo i {
	width: 24px;
	height: 24px;
	float: left;
	margin: 0px 10px 0px 0px;
}
.boxInfo span {
	width: 60px;
	float: left;
	margin: 0px 10px 0px 0px;
}
.addressInfo i {
	background: url("images/icons.png") -48px 0px no-repeat;
}
.phoneInfo i {
	background: url("images/icons.png") -48px -24px no-repeat;
}
.emailInfo i {
	background: url("images/icons.png") -48px -48px no-repeat;
}
.websiteInfo i {
	background: url("images/icons.png") -72px -0px no-repeat;
}
.google-map {
	width: 100%;
	height: 100%;
	margin: 0%;
	padding: 0px;
	left:0px;
	top:0px;
	position:absolute;
}
.contactInfo {
	width: 100%;
	float: left;
	margin: 0px 0px;
	margin-bottom: 30px;
}

/* 12. Pagination
 ================================================== */
.pagination {
	float: right;
	list-style: none;
	margin: 10px 2% 10px 0px;
}
ul.pagination li {
	float: left;
	float: left;
	padding-left: 0px;
	margin: 0px;
	background: none;
}
.pagination li a, .pagination li span {
	padding: 5px 10px;
	margin: 0px 3px;
	font-family: 'kelson_sansregular';
	font-size: 13px;
	line-height: 15px;
}
.pagination li a {
	background: #321f1a;
	color: #fff;
}
.pagination li a:hover, .pagination li span {
	background: #ffa503;
	color: #fff;
}
.pagination>li>a, .pagination>li>span {
	border: 0px none;
}

/* 13. Footer
 ================================================== */
.footer {
	background: #321f1a;
	width: 100%;
}
.footer-top-line {
	width:100%;
	background:#eeeeee;
	height:32px; 
	margin-top:1px;
}
.top-btn {
	position:absolute;
	right:2%;
	top:-32px;
	width:32px;
	height:32px;
	text-indent:-1000px;
	border-left:1px solid #dad7d7;
	border-right:1px solid #dad7d7;
	overflow:hidden;
	background: url("images/icons.png") -64px -320px no-repeat;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-backface-visibility: hidden;
}
.top-btn:hover {
	border-bottom:0px none;
	background: url("images/icons.png") -64px -352px no-repeat;
}
.footer .copyright {
	float: left;
    font-family: 'Signikaregular';
	font-size: 13px;
	margin: 0px 0px 20px 2%;
	color: #fff;
}
.footer .copyright a {
	color: #fff;
    font-family: 'SignikaLight';
	font-size: 13px;
	padding: 5px 12px;
}
.footer .copyright a:hover {
	color: #f5ae05;
	border-bottom: 0px none;
}
.footer .onefor3 {
	margin-bottom: 25px;
	margin-top:0px;
    font-family: 'SignikaLight';
	color:#fff;
}
.footer .onefor3 h6 {
	font-size: 22px;
	line-height: 24px;
	font-family: 'kelson_sansregular';
	color: #fff;
	position: relative;
	margin-top:20px;
}
.footer p {
	padding: 0px 0 0px 0;
}

/* 13.1. Logo footer
 ================================================== */
.logo-footer {
	float: left;
	position: relative;
	top: 0px;
	background: #eeeeee;
	width: 80px;
	height: 160px;
	margin: 0px 10px 5px 0px;
}
.logo-footer img {
	float: left;
	margin-left: 5px;
	margin-top: 90px;
}
.logo-footer:hover {
	border-bottom: 0px none;
}

/* 13.2. Newsletter form
 ================================================== */
.newsletter-form {
	margin: 0px 0px 20px 0px;
	background: #fff;
	color: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
	position: relative;
	float: left;
}
#newsletterTextBoxBackground {
	background-repeat: repeat-x;
	float: left;
	width: 100%;
	height: auto;
}
#newsletterTextBoxBackground .input-email {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-family: 'kelson_sanslight';
	font-size: 13px;
	line-height: 18px;
	height: 29px;
	margin: 0px 0 0 0px;
	padding: 6px 0px 6px 7px;
	float: left;
	position: relative;
	width: 100%;
	color: #000;
}
.input-submit-newsletter {
	margin: 0px;
	padding: 6px 15px 6px 15px;
	background: #c4c4c4;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: 'kelson_sansregular';
	text-transform: uppercase;
	font-size: 14px;
	line-height: 18px;
	border: 0px none;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}
.input-submit-newsletter:hover {
	background: #dfdddd;
	cursor: pointer;
}

/* 13.3. Footer Map
 ================================================== */
.footer-map {
	width: 100%;
	height: 100px;
	float: left;
}
.footer-map a {
	background: url("images/footer-map.jpg") center center no-repeat;
	width: 100%;
	height: 100%;
	float: left;
	text-indent: -2000px;
}
.footer-map a:hover, .footer-map a:focus {
	text-decoration: none;
	border: 0px none;
	cursor: pointer;
}

/* 13.4. Footer Socials
 ================================================== */
.footer .social {
	float: none;
	width:100%;
	text-align:center;
	margin: 0px;
}
.footer .social a {
	display:inline-block;
	margin: 0px 0px 0px 10px;
	width: 32px;
	height: 32px;
}
.footer .social a:hover {
	border-bottom: 0px none;
}
.footer .social a:hover span{
	border-bottom: 0px none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-backface-visibility: hidden;
}
.footer .social a span {
	float: left;
	width: 32px;
	height: 32px;
}
.footer .social a.twitter span {
	background: url("images/icons-social.png") 0px 0px no-repeat;
}
.footer .social a.twitter:hover span {
	background: url("images/icons-social.png") 0px -32px no-repeat;
}

.footer .social a.facebook span {
	background: url("images/icons-social.png") -32px 0px no-repeat;
}
.footer .social a.facebook:hover span {
	background: url("images/icons-social.png") -32px -32px no-repeat;
}

.footer .social a.linkedin span {
	background: url("images/icons-social.png") -64px 0px no-repeat;
}
.footer .social a.linkedin:hover span {
	background: url("images/icons-social.png") -64px -32px no-repeat;
}

.footer .social a.google_plus span {
	background: url("images/icons-social.png") -96px 0px no-repeat;
}
.footer .social a.google_plus:hover span {
	background: url("images/icons-social.png") -96px -32px no-repeat;
}

.footer .social a.dribbble span {
	background: url("images/icons-social.png") -128px 0px no-repeat;
}
.footer .social a.dribbble:hover span {
	background: url("images/icons-social.png") -128px -32px no-repeat;
}

.footer .social a.instagram span {
	background: url("images/icons-social.png") -160px 0px no-repeat;
}
.footer .social a.instagram:hover span {
	background: url("images/icons-social.png") -160px -32px no-repeat;
}

.footer .social a.pinterest span {
	background: url("images/icons-social.png") -192px 0px no-repeat;
}
.footer .social a.pinterest:hover span {
	background: url("images/icons-social.png") -192px -32px no-repeat;
}
.show-on-mobile {
	display: none;
}

/* 14. Information boxes GENERAL SETTINGS
 ================================================== */

/* 14.1. Contact departament box
 ================================================== */
.contact-departament {
	background: #073836;
	width: auto;
	padding-right: 20px;
}
.contact-departament:hover {
	border-bottom: 0px none;
}
.contact-departament .icon span {
	background: url("images/icons.png") -24px 0px no-repeat;
}
.contact-departament:hover .icon span {
	background: url("images/icons.png") -24px -24px no-repeat;
}
.contact-departament .call-title, .contact-departament .call-number {
	font-size: 10px;
	line-height: 12px;
	color: #fff;
	float: left;
	margin-top: 5px;
}
.contact-departament:hover .call-title, .contact-departament:hover .call-number {
	color: #ffa503;
}
.contact-departament .call-title {
	width: 100%;
	margin-bottom: 5px;
}
.contact-departament .call-number {
	font-size: 21px;
	line-height: 23px;
	white-space: nowrap;
}

/* 14.2. Box information alert
 ================================================== */
.infoBox {
	float: left;
	margin-left: 2%;
	font-family: 'kelson_sansregular';
	font-size: 13px;
	line-height: 15px;
	min-height: 62px;
	margin-top: 30px;
	padding-left: 60px;
	position: relative;
	cursor: pointer;
}
.infoBox .icon {
	background: url("images/pattern-bg.png");
	width: 50px;
	height: 50px;
	position: absolute;
	left: -4px;
	top: 6px;
	margin-right: 10px;
}
.infoBox .icon span {
	width: 24px;
	height: 24px;
	float: left;
	margin: 13px;
}
.infoBox .title {
	padding: 23px 16px 25px 0px;
	float: left;
}
/*information boxes*/
.information {
	background: #ffa503;
}
.information .icon span {
	background: url("images/icons.png") -24px -48px no-repeat;
}

/* 14.3. Box error alert
 ================================================== */
.error {
	background: #321f1a;
	color:#fff;
}
.error .icon span {
	background: url("images/icons.png") 0px -48px no-repeat;
}

/* 15. Table style
 ================================================== */
table {
	float: left;
	position: relative;
	display: inline-block;
	border-collapse: separate;
	border-spacing: 0;
	width: auto;
	max-width: 98%;
	margin: 18px 10px 20px 0%;
	border: 1px solid #f6f6f6;
	border-bottom: 0;
	border-right: 0px;
}
thead th {
	border-right: 1px solid #f6f6f6;
}
tr th, thead th {
	font-size: 13px;
	line-height: 15px;
	padding: 9px 24px;
}
th {
	background: #321f1a;
	color: #fff;
	border-bottom: 1px solid #f6f6f6;
	border-right: 1px solid #f6f6f6;
}
tr td {
	border-bottom: 1px solid #f6f6f6;
	border-right: 1px solid #f6f6f6;
	background: #fff;
}
tr td {
	padding: 6px 24px;
}

/* 16. Homepage widget link - on 4 colors
 ================================================== */
.home-widget-link {
	float: left;
	width: 100%;
	position: relative;
	height: 90px;
	margin-top: 0px;
	right:0px;
	left:0px;
}
.home-widget-link:hover, .home-widget-link:focus {
	border: 0px none;
}
.home-widget-link .icon-circle {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 100;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -30px;
	background: #cdcdcd;
	z-index: 100;
}
.home-widget-link:hover .icon-circle, .home-widget-link:focus .icon-circle {
	border: 0px none;
}
.home-widget-link .title-widget-z {
	font-size: 22px;
	line-height: 34px;
	font-family: 'kelson_sanslight';
	position: absolute;
	left: 90px;
	top: 10px;
}
.home-widget-link .line {
	height: 1px;
	position: absolute;
	left: 0px;
	top: 50%;
	width: 100%;
	background: #cdcdcd;
	z-index: 10;
}

#home-widget-link-call {
	background: url("images/pencil-blue.png") center left no-repeat;
	color:#4f85cc;
}
#home-widget-link-call .icon-circle {
	background:#4f85cc url("images/icons.png") -224px 0px no-repeat;
}
#home-widget-link-call .line {
	background: #4f85cc;
}

#home-widget-link-be {
	background: url("images/pencil-green.png") center left no-repeat;
	color:#0fc453;
}
#home-widget-link-be .icon-circle {
	background:#0fc453 url("images/icons.png") -224px -60px no-repeat;
}
#home-widget-link-be .line {
	background: #0fc453;
}

#home-widget-link-see {
	background: url("images/pencil-orange.png") center left no-repeat;
	color:#f5ae05;
}
#home-widget-link-see .icon-circle {
	background:#f5ae05 url("images/icons.png") -284px -60px no-repeat;
}
#home-widget-link-see .line {
	background: #f5ae05;
}
.homepage-widget .a-small-title {
	margin-left: 0px;
	padding-bottom: 0px;
}
/* 17. Homepage articles
 ================================================== */
.onefor1.articles {
	margin-top:20px;
}
.articles-title-wrapper {
	width: 100%;
	float: left;
	border-bottom: 1px solid #321f1a;
}
.articles-title {
	float: left;
	background: #321f1a;
	padding: 10px 15px;
	color: #fff;
	font-size: 14px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	font-family: 'kelson_sansregular';
	text-transform:uppercase;
}
.articles-wrapper {
	width: 100%;
}
.article-item {
	margin: 20px 20px 20px 0px;
	position: relative;
	float: left;
	overflow: hidden;
}
.article-item .img {
	float: left;
	display: inline-block;
	margin: 0px 10px 10px 0px;
	width: 140px;
}
.article-item .img img {
	width: 100%;
}
.article-item a:hover {
	border-bottom: 0px none;
}
.article-item .title {
	font-family: 'kelson_sansregular';
	font-size: 24px;
	line-height: 28px;
	color: #393939;
	float: none;
	padding-bottom: 10px;
	display: block;
}
.article-item .title:hover {
	color: #321f1a;
}
.article-item .more {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	right: 100%;
	opacity: .3; /* other browsers  and IE9+ */
	filter: alpha(opacity=30); /* IE6+ */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE6+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)"; /* this works in IE8 only */
}
.article-item p {
	padding: 0px;
	float: none;
}
.article-item .more .bg {
	background: #321f1a;
	position: absolute;
	width: 210px;
	height: 60px;
	top: 50%;
	margin-top: -30px;
	left: 0px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.more-text {
	font-family: 'kelson_sanslight';
	font-size: 24px;
	line-height: 34px;
	color: #fff;
	position: absolute;
	left: 80px;
	top: 50%;
	margin-top: -17px;
}
.more-icon {
	background: #f5ae05;
	position: absolute;
	left: 150px;
	top: 50%;
	margin-top: -24px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 48px;
	height: 48px;
}
.more-icon .icon-img {
	position: absolute;
	background: url("images/icons.png") -96px -120px no-repeat;
	height: 24px;
	width: 24px;
	top: 50%;
	margin-top: -12px;
	left: 50%;
	margin-left: -12px;
}
.articles-wrapper .owl-controls {
	right: 0%;
	height: 24px;
	position: absolute;
	top: -28px;
	width:55px;
}
.articles-wrapper .owl-controls  .owl-buttons {
	width:55px;
	height: 24px;
	float:left;
}
.articles-wrapper.owl-theme .owl-controls  .owl-buttons div {
	width: 24px;
	height: 24px;
	float:left;
	position:relative;
	left:0px;
	right:0px;
	margin:0px;
}
.articles-wrapper.owl-theme .owl-controls  .owl-buttons .owl-prev {
	background: url("images/icons.png") 0px -120px no-repeat;
	margin-right:7px;
}
.articles-wrapper.owl-theme .owl-controls  .owl-buttons .owl-next {
	background: url("images/icons.png") -24px -120px no-repeat;
}
.articles-wrapper.owl-theme .owl-controls  .owl-buttons .owl-prev:hover {
	background: url("images/icons.png") -48px -120px no-repeat;
}
.articles-wrapper.owl-theme .owl-controls  .owl-buttons .owl-next:hover {
	background: url("images/icons.png") -72px -120px no-repeat;
}

/* 18. Setts for images align, links and gallery images
 ================================================== */
.align-center {
	margin: 5px auto;
	float: none;
	width: auto;
	max-width: 100%;
}
.align-center img {
	width: 100%;
}
.img-max-width, body .align-center.img-max-width img {
	max-width: 100%;
}
.onefor2 .img-max-width {
	max-width: 100%;
}
.onefor3 .img-max-width {
	max-width: 100%;
}
.highlight {
	padding: 2px 4px;
	font-size:11px;
	padding:0px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform:uppercase;
}
.bg-gray {
	background: #e2e2e2;
	color: #000;
}
.bg-brown {
	background: #321f1a;
	color:#fff;
}
.bg-yellow {
	background: #ffa503;
}
.image-gallery {
	width: 100%;
	margin: 30px 0% 20px 0%;
	float:left;
}
.image-gallery a {
	width: 19%;
	margin: 3px 1% 3px 0%;
	float: left;
	position: relative;
}
.image-gallery a:hover {
	border-bottom: 0px none;
}
.image-gallery a img {
	width: 100%;
}
.complex-gallery {
	float:left;
	width:80%;
	margin:30px 10%;
}
.complex-gallery .owl-item img {
	width:100%;
}
a.ahref-img span.loup {
	position: absolute;
	width: 26px;
	height: 26px;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	background: url("images/icons.png") -52px -72px no-repeat;
	display: none;
}
.img-border {
	margin: 5px auto;
}
em {
	font-style: italic;
	color: #6c6c62;
}
.plain2cols, .plain3cols {
	padding-bottom: 20px;
}
.plain2cols .column p {
	width: 92%;
	margin: 0px 4%;
}
.plain3cols .column p {
	width: 88%;
	margin: 0px 6%;
}

/* 19. Post item from blog page
 ================================================== */
.post-item {
	float: left;
	color: #393939;
	padding-bottom: 0px;
	position:relative;
}
.post-item .a-small-title {
	margin-left: 0px;
}
.post-item-body {
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 0px;
}
.post-item-body .hover-border {
	float:left;
}
.list-column .post-item-body .hover-border {
	margin-right:15px;
	margin-bottom:15px;
	width:35%;
}
.list-matrix .post-item-body .hover-border {
	margin-bottom:15px;
	width:100%;
	display:inline-block;
}
.post-item-body p{
	width: auto;
	overflow:hidden; 
	display:inline-block;
}
.list-matrix .post-item-body p{
	height:72px;
}
.list-column .post-item-body p {
	display:inline;
}
.post-item-body .ahref-img-link {
	float: left;
	width: 100%;
}
.post-item-body .ahref-img-link img {
	float: left;
}

/* 19.1. Blog page bottom item links
 ================================================== */
a.read-more {
	margin-top: 20px;
}
.post-item em.read-more {
    font-family: 'signikaregular';
	font-style:normal;
	background:#130907;
	color: #fff;
	border:3px solid #130907;
	height: 80px;
	width: 80px;
	font-size:16px;
	text-transform: uppercase;
	line-height: 80px;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left: 50%;
	margin-left: -40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 100;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-backface-visibility: hidden;
	opacity: 0; /* other browsers  and IE9+ */
	filter: alpha(opacity=0); /* IE6+ */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* IE6+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /* this works in IE8 only */
}
.list-column .post-item em.read-more {
	height: 60px;
	width: 60px;
	font-size:14px;
	line-height: 60px;
	top: 50%;
	margin-top: -30px;
	left: 50%;
	margin-left: -30px;
}
.post-item .hover-border:hover .read-more{
	background: #ffa503;
	color: #130907;
	border:3px solid #fff;
}
.post-in {
	font-family: 'signikaregular';
	color: #1c1c1c;
	font-size: 10px;
	line-height: 18px;
	margin: 10px 0px 5px 0px;
}
.post-in a {
	margin-right:5px;
}
.page .post-in {
	float: left;
}
.category-link {
	color: #000;
}
.category-link:hover {
	text-decoration: none;
	color: #ffa503;
	border-color:#ffa503;
}
.data-in-article-page{
	margin: 40px 0px;
}
.data {
	position:absolute;
	left:50%;
	height: 24px;
	bottom: -15px;
	width:130px;
	margin-left:-65px;
	background: #130907;
	padding: 0px 0px 0px 0px;
	font-family: 'SignikaLight';
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 1px;
	border:2px solid #fff;
	z-index:1000;
	
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-backface-visibility: hidden;
	
	-ms-transform:rotateX(0deg); /* IE 9 */
	-moz-transform:rotateX(0deg); /* Firefox */
	-webkit-transform:rotateX(0deg); /* Safari and Chrome */
	-o-transform:rotateX(0deg); /* Opera */
}
.post-item:hover .data{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-backface-visibility: hidden;
	
	-ms-transform:rotateX(90deg); /* IE 9 */
	-moz-transform:rotateX(90deg); /* Firefox */
	-webkit-transform:rotateX(90deg); /* Safari and Chrome */
	-o-transform:rotateX(90deg); /* Opera */
}
.line-bottom-of-image {
	position:absolute;
	bottom:-3px;
	height:1px;
	width:100%;
	left:0px;
	background:#000;
	z-index:100;
	-webkit-transition: all 0.8s ease-out;
	-moz-transition: all 0.8s ease-out;
	-o-transition: all 0.8s ease-out;
	-ms-transition: all 0.8s ease-out;
	transition: all 0.8s ease-out;
	-moz-backface-visibility: hidden;
	opacity: 1; /* other browsers  and IE9+ */
	filter: alpha(opacity=100); /* IE6+ */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE6+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /* this works in IE8 only */
}
.post-item:hover .line-bottom-of-image {
	opacity: 0.2; /* other browsers  and IE9+ */
	filter: alpha(opacity=20); /* IE6+ */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); /* IE6+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=20)"; /* this works in IE8 only */
}
.page .data-wrapper {
	display: inline-block;
	width: auto;
	margin: 5px 0px;
	float: none;
}

.data .icon {
	background: url("images/icons.png") -100px -100px  no-repeat;
	height: 16px;
	width: 16px;
	float: left;
	margin: 2px 2px 1px 5px;
}
.author:hover {
	text-decoration: none;
	border: 0px;
	color: #ffa503;
	border-bottom: 1px dotted #ffa503;
}
.data .white-text {
	color: #fff;
}
.page .a-small-title {
	margin-bottom: 5px;
	padding-top: 10px;
	display: block;
}
h2.a-small-title {
	margin-top: 0px;
}
.page h2.a-small-title {
	padding-top: 0px;
	margin-left: 0px;
}
.post-content .page h2.a-small-title {
	margin-top: 0px;
	padding-top: 0px;
}

/* 19.2. Share buttons
 ================================================== */
.share-btns a.btn-share {
	height:32px;
	width:32px; 
	background-image: url("images/icons-social.png");
	background-repeat: no-repeat;
}
.share-btns a.btn-share.the_facebook {
	background-position: -32px 0px;
}
.share-btns a.btn-share.the_twitter {
	background-position: 0px 0px;
}
.share-btns a.btn-share.the_google {
	background-position: -96px 0px;
}
.share-btns a.btn-share.the_linkedin {
	background-position: -64px 0px;
}
.share-btns a.btn-share.the_pinterest {
	background-position: -192px 0px;
}

.share-btns a.btn-share.the_facebook:hover {
	background-position: -32px -32px;
}
.share-btns a.btn-share.the_twitter:hover {
	background-position: 0px -32px;
}
.share-btns a.btn-share.the_google:hover {
	background-position: -96px -32px;
}
.share-btns a.btn-share.the_linkedin:hover {
	background-position: -64px -32px;
}
.share-btns a.btn-share.the_pinterest:hover {
	background-position: -192px -32px;
}

/* 19.3. Comments section
 ================================================== */
.comments-holder{
	float:left;
	width:100%;
}
.comment-title{
	width:100%;
	overflow:hidden;
	padding:0 0 24px;
}
.comment-box{
	width:100%;
	overflow:hidden;
	position:relative;
	padding-bottom:42px;
	margin-bottom:29px;
}
.comment-box > .wrap {
	float:left;
	width:100%;
	padding-top:10px;
	border-top:1px dashed #321f1a;
}
.comment-box a:hover{
	border-bottom:0px none;
	color:#321f1a;
}
.comment-box .name{
	display:block;
	font-size:19px;
	color:#2e3536;
}
.comment-box .site{
	display:block;
	color:#373f42;
	font-size:11px;
	line-height:13px;
	margin-bottom:5px;
	float:left;
}
.comment-box .image{
	float:left;
	width: 100px;
	height: 100px;
	padding:0px 0 0 0px;
	margin:10px 20px 0 0px;
	position:relative;
	overflow:hidden;
}
.new-comment-btn {
	float:right;
}
.comment-box .image img{
	float:left;
	width: 100%;
}
.comment-box .image .hotspot{
	position:absolute;
	top:9px;
	right:23px;
	width: 101px;
	height: 91px;
}
.comment-box .text-box{
	height:1%;
	overflow:hidden;
	min-height:90px;
	padding-bottom:20px;
	position:relative;
}
.comment-box .text-box .wrap{
	position:absolute;
	bottom:0;
	width:100%;
}
.comment-box .reply{
	float:left;
	color:#727d81;
}
.comment-box .report{
	float:right;
	color:#ec2b3c;
}
.comment-box .added{
	position:relative;
	float:right;
	margin-bottom:5px;
	color:#727d81;
	font-size:11px;
}

.comments-wrapper {
	float:left;
	width:100%;
}
.comments-wrapper form {
	margin: 20px 0px;
}
.comments-wrapper form, .comments-wrapper fieldset{
	float: left;
	width: 100%;
}
.comments-wrapper form div.left_com{
	float:left;
	width:50%;
}
.comments-wrapper form div.left_com label{
	width:20%;
	margin-right:2%;
	float:left;
}
.comment_submit {
	float:right;
	margin-right:0px;
}
.comments-wrapper form div.left_com div input[type='text']{
	border:1px solid #321F1A;
	line-height:18px;
	height:28px;
	padding:8px 10px;  
	margin:1px 0px;
	width:78%;
	float:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.comments-wrapper form textarea{
	border:1px solid #321F1A;
	line-height:18px;
	padding:3px 10px;  
	float:left;
	height:90px; 
	width:46%;
	margin-left:4%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* 20. Image effect
 ================================================== */
.hover-border img {
	width: auto\9;
	height: auto;
	width:100%;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.hover-border {
	position: relative;
	display: inline-block;
}
.hover-border:hover {
	border-bottom: 0px none;
}
.onefor2 .hover-border {
	width: 100%;
}
.onefor2 .hover-border img {
	width: 100%;
}
.hover-border-wrapper {
	position: relative;
	display: block;
}
.thehover-border, .hover-border h6, .hover-border:hover img, .hover-box {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-moz-backface-visibility: hidden;
}
.hover-border:hover img {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.hover-border h3 {
	position: absolute;
	left: 15px;
	top: 5px;
	color: #130907;
	padding: 15px 10px;
	font-family: 'kelson_sansregular';
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0;
}
.hover-border h3 span {
	background: #ffa503;
	padding: 0px 2px;
}
.hover-border span.text {
	position: absolute;
	right: 10px;
	left: 10px;
	bottom: 10px;
	color: #130907;
	padding: 25px 15px 15px 15px;
	font-family: 'kelson_sansregular';
	font-size: 13px;
	line-height: 16px;
	margin: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.hover-border span.text .content {
	z-index:100;
	position:relative;
}
.text-bg-white {
	position:absolute;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index:1;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	width:100%;
	height:100%; 
	background:#fff;
	opacity: .7; /* other browsers  and IE9+ */
	filter: alpha(opacity=70); /* IE6+ */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE6+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; /* this works in IE8 only */
}
.thehover-border {
	display:none;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 5px;
	background: #ffa503;
	opacity: 1;
	filter: alpha(opacity=100);
}/*
.thehover-border:hover, .post-item:hover .thehover-border {
	background: #fff;
	width: 100%;
	right: 0px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}*/

/* 21. Image effects for lightbox
 ================================================== */
.hover-image-parent img {
	width: 100%;
	float: left;
}
.hoverit-image, .hover-image:hover img, .hover-box {
	-webkit-transition: all 0.6s ease-out;
	-moz-transition: all 0.6s ease-out;
	-o-transition: all 0.6s ease-out;
	-ms-transition: all 0.6s ease-out;
	transition: all 0.6s ease-out;
	-moz-backface-visibility: hidden;
}
.hover-image img {
	float: left;
}
.hover-image:hover img {
	opacity: 1;
	filter: alpha(opacity=1);
}
.hoverit-image {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.3) inset;
	-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.3) inset;
	box-shadow: 0 0 0 5px rgba(255,255,255,0.3) inset;
}
.hoverit-image:hover {
	-webkit-box-shadow: 0 0 0 5px rgba(96,96,96,0.3) inset;
	-moz-box-shadow: 0 0 0 5px rgba(96,96,96,0.3) inset;
	box-shadow: 0 0 0 5px rgba(96,96,96,0.3) inset;
}

.a-img {
	float: left;
	margin: 0px 25px 15px 0px;
	width: 100px;
	height: 93px;
}
.a-big-title {
	color: #321f1a;
    font-family: 'kelson_sansregular';
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 2px;
}
.a-big-title:hover {
	border: 0px none;
	text-decoration: none;
}
h3.a-big-title {
	width:100%;
}
h3.a-big-title a {
	height:48px; 
	margin-bottom:0px;
	overflow:hidden;
	float:left;
}
h3.a-big-title a:hover {
	border-bottom:0px none;
}
.page_category .list-column h3.a-big-title a{
	height:auto; 
}
.a-small-title {
    font-family: 'kelson_sansregular';
	font-size: 16px;
	line-height:20px; 
	color: #393939;
	padding-bottom: 10px;
	text-transform: uppercase;
	padding-top: 21px;
	margin-left: 0%;
}

/* 22. Page Members Add Member form
 ================================================== */
.page_members #member-btn {
	left: auto;
	position: absolute;
	margin-top:0px;
	top: -65px;
	right: 0%;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-moz-backface-visibility: hidden;
}
.page_members #member-btn:hover {
	border:1px solid #584f4d;
	background: #3c2925;
}
.add-member {
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
	float: left;
	width: 96%;
	margin: 20px 2% 10px 2%;
	background: #130907;
	padding: 15px 2%;
	padding-bottom: 0px\9;
	color: #fff;
	display: none;
	opacity: 0;
	position: relative;
}
.formError {
	position: absolute;
	top: 5px;
	right: 12px;
	font-weight: normal;
	font-family: 'kelson_sansregular';
	text-transform: uppercase;
	font-size: 13px;
	color: #c54949;
	opacity: 0.5;
}
#errorChosenOption, #errorDescription {
	color: #fff;
}
.add-member .submit {
	position: relative;
	float: right;
	bottom: 15px;
	width: auto;
}
.add-member .submit, .contact-form .submit {
	padding: 7px 10px 7px 35px;
	background: #c4c4c4 url("images/plane.png") no-repeat 7px 7px;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
	font-family: 'kelson_sansregular';
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	border: 0px none;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.add-member .submit:hover, .contact-form .submit:hover {
	background: #ffa503 url("images/plane.png") no-repeat 7px 7px;
	cursor: pointer;
}
.fieldset {
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	font-family: 'kelson_sansregular';
	float: left;
}
.fieldset .legend {
	text-transform: uppercase;
	padding: 5px 0px 3px 0px;
	position: relative;
	padding-right: 0px;
	float: left;
}
.fieldset.options .legend {
	float: left;
}
.options .legend .formError {
	color: #fff;
	top: 5px;
	right: -100px;
}
.options {
	width: 18%;
	float: left;
	margin-left: 3%;
	margin-top:7px;
}
.options label, .asteptari label {
	line-height: 23px;
	float: left;
}
.about-you {
	width: 38%;
	margin-right: 3%;
	margin-top: 31px;
	position: relative;
	float: left;
}
.contact-form form .about-you {
	width: 100%;
	margin-right: 0%;
	position: relative;
	float: left;
}
.about-textarea {
	width: 38%;
	margin-right: 0px;
	position: relative;
	float: left;
	margin-top: 8px;
}
.about-you input[type='text'], .fieldset textarea {
	color: #000;
	font-size: 13px;
	line-height: 15px;
	font-family: 'kelson_sansregular';
	border: 0px none;
	padding: 5px 4%;
}
.about-you .c-asteptari {
	color: #000;
	font-size: 13px;
	line-height: 15px;
	font-family: 'kelson_sansregular';
	border: 0px none;
	padding: 0px;
	float: left;
	margin-bottom: 10px;
}
.about-you .c-input {
	width: 100%;
	height: 28px;
	float: left;
	position: relative;
	margin-bottom: 3px;
}
.about-you-contact .c-input {
	width: 100%;
	height: 28px;
	float: left;
	position: relative;
	margin-bottom: 12px;
}
textarea {
	overflow: hidden;
}
.about-you-contact .c-textarea {
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 12px;
}
.about-you-contact #formProgress {
	float: left;
	margin: 10px 0px 0px 20px;
	line-height: 26px;
}
.add-member .formProgress {
	display: inline;
	position: absolute;
	bottom: 36px;
	right: 130px;
}
.about-you-contact #formProgress img {
	float: left;
	margin-right: 10px;
}
#formProgress img {
	position: relative;
	top: 9px;
	margin-right: 6px;
}
.about-you-contact #formProgress img {
	position: relative;
	top: 0px;
	margin-right: 6px;
}
.about-you input[type='text'] {
	width: 100%;
	*width: 92%;/* IE7 and below */
	height: 28px;
	*height: 18px;/* IE7 and below */
	float: left;
	background: #fff;
	position: relative;
}
.about-you-contact  input.firstName {
	margin-top: 0px;
}
.about-you-contact .legend {
	float: left;
}
.about-you-contact input {
	width: 320px;
}
.about-you-contact {
	width: 320px;
}
.about-textarea textarea {
	width: 100%;
	height: 177px;
	float: left;
	overflow: auto;
}
.about-you-contact textarea {
	width: 100%;
	*width: 92%;/* IE7 and below */
}
.about-you .legend#somethingElse {
	width: 100%;
	padding: 5px 0px;
	float: left;
}
.about-you .short-description {
	margin-bottom: 9px;
	width: 100%;
}
.about-you-contact .submit {
	margin: 10px 0px 10px 0px;
	width: auto;
	float: left;
}
.about-you-contact .about-you textarea {
	height: 85px;
}
.check-p {
	display: block;
	width: 100%;
}
label span input {
	z-index: 999;
	line-height: 0;
	font-size: 25px;
	position: absolute;
	width: 126px;
	top: 0px;
	right: 0px;
	*right: -20px;
	opacity: 0;
	filter: alpha(opacity = 0);
	-ms-filter: "alpha(opacity=0)";
	cursor: pointer;
	_cursor: hand;
	margin: 0;
	padding: 0;
	height: 30px;
}
label span input:hover {
	cursor: pointer;
}
.error-sending {
	bottom: 30px;
	right: 2%;
	position: absolute;
	padding: 7px 10px;
	font-family: 'OpenSans-Bold';
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	color: #c54949;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 4px #a86058, inset 0 0 5px rgba(255,255,190,.31);
	-moz-box-shadow: 0 0 4px #a86058, inset 0 0 5px rgba(255,255,190,.31);
	box-shadow: 0 0 4px #a86058, inset 0 0 5px rgba(255,255,190,.31);
	cursor: pointer;
}

/* 23. Checkbox and radio buttons
 ================================================== */
/*	wrapper divs */
.custom-checkbox, .custom-radio {
	position: relative;
	width: 100%;
	float: left;
	margin-top: 5px;
}

/* input, label positioning */
.custom-checkbox input, .custom-radio input {
	position: absolute;
	left: 2px;
	top: 5px;
	margin: 0;
	z-index: 0;
}

.custom-checkbox label, .custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	padding-right: 1em;
	line-height: 1;
	padding: 5px 0 5px 30px;
	margin: 0 0 0;
	cursor: pointer;
}

/* states */
.custom-checkbox label {
	background: url(images/checkbox.png) no-repeat;
}

.custom-radio label {
	background: url(images/radio.png) no-repeat;
}

.custom-checkbox label, .custom-radio label {
	background-position: -15px -15px;
}

.custom-checkbox label.hover, .custom-checkbox label.focus, .custom-radio label.hover, .custom-radio label.focus {
	background-position: -15px -115px;
}

.custom-checkbox label.checked, .custom-radio label.checked {
	background-position: -15px -215px;
}

.custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus {
	background-position: -15px -315px;
}

.custom-checkbox label.focus, .custom-radio label.focus {
	outline: 1px dotted #ccc;
}

/* 24. Custom upload
 ================================================== */
.input-container {
	padding: 0px;
	margin: 0px;
	height: 30px;
	width: 100%;
	line-height: 25px;
	position: relative;
	/*overflow: hidden;*/
	cursor: pointer;
	background: #fff;
	float: left;
}
.file-name {
	font-family: 'kelson_sansregular';
	font-size: 13px;
	line-height: 30px;
	height: 30px;
	width: 96%;
	padding-left: 4%;
	color: #000;
	overflow: hidden;
	float: left;
}
.input-button {
	border: 0;
	padding: 0 10px;
	height: 30px;
	width: 94px;
	text-align: center;
	position: absolute;
	text-transform: uppercase;
	right: 0;
	top: 0;
	color: #000;
	background: #c4c4c4;
	margin: 0px;
	font-family: 'kelson_sansregular';
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
}
.input-container:hover .input-button {
	color: #000;
	background: #ffa503;
	cursor: pointer;
}
.customFile {
	border: 0px none;
	font-family: 'kelson_sansregular';
	cursor: pointer;
	height: 30px;
	width: 100%;
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0)
}

/* 25. Overlay for lightboxs
 ================================================== */
.overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	z-index: 101;
	opacity: 0;
	filter: alpha(opacity=0);
	display: none;
}

/* 26. Pages & Sidebars setts
 ================================================== */
.page_post_no_sidebar .post-content {
	width: 96%;
	margin: 30px 2% 10px 2%;
	position:relative;
	padding-bottom:30px;
}

.page_post_left_sidebar .post-content {
	width: 64%;
	margin: 30px 2% 10px 2%;
	float: left;
	position:relative;
	padding-bottom:30px;
}
.page_post_left_sidebar .sidebar {
	width: 30%;
	margin: 30px 0% 10px 2%;
	float: left;
}

.page_post_right_sidebar .post-content {
	width: 64%;
	margin: 30px 2% 10px 2%;
	float: left;
	position:relative;
	padding-bottom:30px;
}
.page_post_right_sidebar .sidebar {
	width: 30%;
	margin: 30px 2% 10px 0%;
	float: right;
}

/* 26.1. Sidebar widget
 ================================================== */
.widget {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.widget img{
	max-width:100%;
}
.widget h5 {
	float: left;
	width: 100%;
	margin: 0px;
	font-family: 'kelson_sansregular';
	color: #321f1a;
	font-size: 22px;
	text-transform: uppercase;
	line-height: 22px;
	padding: 5px 0px 15px 0px;
}
.widget #member-btn {
	float: left;
}
.widget em {
	font-family: 'kelson_sansregular';
	color: #000;
	font-size: 14px;
	line-height: 18px;
	width: 100%;
	font-style: normal;
	margin: 0px 0px 10px 0px;
	float: left;
}
.widget a.categ-title {
	float: left;
	width: 94%;
	font-family: 'kelson_sansregular';
	color: #3c3939;
	font-size: 14px;
	line-height: 25px;
	padding: 0px 0px 0px 6%;
	margin: 2px 0px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-moz-backface-visibility: hidden;
	position: relative;
}
.widget a.categ-title:hover {
	border: 0px none;
	color: #321f1a;
	padding: 0px 0px 0px 8%;
	width: 92%;
}
.widget a.categ-title span {
	background: url("images/icons.png") -168px -60px no-repeat;
	height: 25px;
	width: 6px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.widget a.post-title {
	float: left;
	border: 1px dashed #fff;
	border-left:0px none;
	border-right:0px none;
	text-align: left;
	width: 100%;
	font-family: 'kelson_sansregular';
	color: #4a4443;
	font-size: 14px;
	line-height: 18px;
	padding:3px 0px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-moz-backface-visibility: hidden;
}
.widget a.post-title:hover {
	border: 0px none;
	border: 1px dashed #adadad;
	border-left:0px none;
	color: #000;
	border-right:0px none;
}
.widget a.post-title em {
	float: left;
	width: auto;
	margin-right: 5px;
	margin-top: 1px;
	margin-bottom: 0px;
	font-style: normal;
	font-size: 11px;
	color: #8a8a8a;
	font-family: 'kelson_sansregular';
}
.widget a.post-title > span {
	float: left;
	font-size: 10px;
	background: #fff;
	padding: 2px 4px;
	color: #000;
	text-transform: uppercase;
	font-family: 'kelson_sansregular';
}
.widget a.tag {
	float: left;
	font-size: 11px;
	line-height: 18px;
	background: #c2c2c2;
	padding: 3px 6px;
	color: #000;
	text-transform: uppercase;
	font-family: 'kelson_sansregular';
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
	margin: 2px 4px 2px 0px;
}
.widget a.tag:hover {
	border-bottom: 0px none;
	text-decoration: none;
	background: #321f1a;
	color: #fff;
}
/*good to delete after developing*/
.range_test {
	/* Default */
	display: none !important;
	position: fixed;
	right: 0px;
	bottom: 90px;
	background: aqua;
	font-size: 13px;
	color: #000;
	padding: 10px 20px;
	z-index: 10000;
}

html.range_0 #p_0 {
	/* Style overrides for: 0px    to 320px */
	display: block;
}

html.range_1 #p_1 {
	/* Style overrides for: 320px  to 480px */
	display: block;
}

html.range_2 #p_2 {
	/* Style overrides for: 480px  to 550px */
	display: block;
}

html.range_3 #p_3 {
	/* Style overrides for: 550px  to 760px */
	display: block;
}

html.range_4 #p_4 {
	/* Style overrides for: 760px  to 980px */
	display: block;
}

html.range_5 #p_5 {
	/* Style overrides for: 980px  to 1280px */
	display: block;
}

html.range_6 #p_6 {
	/* Style overrides for: 1280px to 1600px */
	display: block;
}

html.range_7 #p_7 {
	/* Style overrides for: 1600px to 1920px */
	display: block;
}

html.range_8 #p_8 {
	/* Style overrides for: 1940px to 2540px */
	display: block;
}
/* // good to delete after developing*/