/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.

----------------------------------------------------------- */

body  {
font-size:1em !important;
}


/* HEADER 
----------------------------------------------------------- */

#s5_header_area1,
#s5_header_area2,
#s5_header_area_inner,
#s5_header_wrap,
#s5_menu_wrap,
#s5_menu_inner {
margin: 0 !important;
padding: 0 !important;
background-color: #ffffff !important;
}

#s5_header_wrap {
background-color: #ffffff !important;
}

#s5_responsive_mobile_bar_active span {
color: #ffffff;
font-weight: 600;
}

/* TOP MENU
----------------------------------------------------------- */

#s5_nav a {
	color: #333333 !important;
}

div.switcher {
float: right;
margin-right:10px;
}
ul#s5_nav li:first-of-type {
display:none;
}

/* HOMEPAGE TAB SHOW 
----------------------------------------------------------- */

div.s5_tab_show_outer2 {
	height: 500px !important;
}

div.tscontent {
	min-height: 300px !important;
	margin-top: 200px !important;
}

/* BREADCRUMBS 
----------------------------------------------------------- */

ul.breadcrumb {
margin:0 !important;
padding:0 !important;
background-color:transparent !important;
box-shadow:none !important;
}

/* CENTER AREA
----------------------------------------------------------- */

#s5_center_area1 {
margin-top: 0 !important;
padding-top: 0 !important;
}

div.item-page h3 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}

/* SOCIAL SHARE 
----------------------------------------------------------- */

div.fastsocialshare_container {
margin-top: 5px;
margin-bottom: 5px;
}

/* TAGS DISPLAY
----------------------------------------------------------- */

ul.tags:before {
content: "Tags:";
}
ul.tags li {
margin:0 !important;
padding:0 !important;
}
ul.tags li a {
margin:0 !important;
padding:0 !important;
}
ul.tags li a.button {
border-right: 1px solid #ddd !important;
padding:0 5px 0 0 !important;
font-style:normal !important;
color:#333 !important;
white-space:nowrap !important;
text-transform:capitalize !important;
background-color:transparent !important;
}

/* FRONTPAGE DISPLAY
----------------------------------------------------------- */

.fd_text {
background:url('../../../images/stock/icons/text_bg.png');
position:absolute;
bottom:0px;
width:100%;
}

.fd_text_inner {
padding-left:23px;
padding-right:23px;
padding-top:20px;
padding-bottom:20px;
}

.fd_title {
color:#3B3B3B;
font-size:2em;
display:block;
margin-bottom:8px;
line-height:125%;
}

.fd_left {
width:80%;
float:left;
}

.fd_right {
width:20%;
float:right;
}

.fd_right a.readmore_button_large {
display:block;
float: right;
margin-top:10px;
margin-right:20px;
width:40px;
height:40px;
background:#FB5A02 url('../../../images/stock/icons/readmore_button_large.png') no-repeat center center;
}

.fd_right a.readmore_button_large:hover {
background-color:#541515;
}

.fd_box_img {
margin-left:auto;
margin-right:auto;
margin-bottom:22px;
max-width:40% !important;
}

.fd_box {
text-align:center;
padding:30px;
padding-top:38px;
padding-bottom:34px;
line-height:140%;
}

.s5_fd_active {
color:#FFFFFF;
}

.fd_box_title {
color:#3B3B3B !important;
font-size:2.2em;
margin-bottom:22px;
display:block;
}

.s5_fd_active .fd_box_title {
color:#FFFFFF !important;
}

.fd_box .readon {
margin:0px;
}

.fd_box_text {
margin-bottom:24px;
display:block;
}

/* CLIENT LOGOS
----------------------------------------------------------- */

div.client-logos {
float:left;
width:120px;
height:60px;
margin:5px;
}

/* PORTAFOLIO
----------------------------------------------------------- */

div.portafolio {
float:left;
width:48%;
height:170px;
margin:1%;
}

img.lfloatted {
float:left;
border:6px solid #FFFFFF;
margin-right:15px;
margin-bottom:0px;
-webkit-box-shadow: 0 0px 3px #B2B2B2;
-moz-box-shadow: 0 0px 3px #B2B2B2;
box-shadow: 0 0px 3px #B2B2B2; 
}

/* HORIZONTAL DISTRIBUTION
----------------------------------------------------------- */

div.h_dist {
font-size: 0.1px;
text-align: justify;
}

div.h_dist:after {
content: "";
width: 100%;
display: inline-block;
}

div.h_dist a {
display: inline-block;
}

/* CONTACT FORM
----------------------------------------------------------- */

div.contact-form  {
margin:0;
padding:0;
border:0;
}
form#contact-form {
margin:0;
padding:0;
border:0;
}
form#contact-form fieldset {
margin:0;
padding:0;
border:0;
}
form#contact-form fieldset legend {
font-size: 80%;
margin:0;
padding:0;
border:0;
}
div.control-group {
margin-top:-10px;
padding:0;
border:0;
}
div.control-label {
margin-top:-15px;
padding:0;
border:0;
height: 20px;
}
div.control-label label {
font-size: 80%;
font-weight:bold;
}
div.controls {
margin: 0;
padding: 0;
border: 0;
}
div.controls input {
width: 430px;
height: 20px;
padding:0 0 0 5px;
font-size: 80%;
}
div.controls select {
width: 200px;
height: 20px;
padding:2px 0 0 0;
font-size: 80%;
}
div.controls textarea {
height: 70px;
padding:0 0 0 5px;
font-size: 80%;
}
div.form-actions {
padding:0;
border:0;
background-color:transparent;
}
table.stdlight {
border: 1px solid #ddd;
width:100%;
}
table.stdlight tr {
border-bottom: 1px solid #ddd;
}
table.stdlight td {
padding:5px;
}

/* ARTICLE BOX
----------------------------------------------------------- */

div.product-box {
float:left; 
width:28%; 
height:260px; 
margin-right:2%;
margin-bottom:30px;
padding:1%;
-webkit-box-shadow: 0 0px 3px #B2B2B2;
-moz-box-shadow: 0 0px 3px #B2B2B2;
box-shadow: 0 0px 3px #B2B2B2; 
}

div.product-box span.box-title {
text-transform:uppercase;
font-weight:bold;
}

div.simple-box {
float:left; 
width:30%; 
height:300px;
margin-right:3%;
margin-bottom:30px;
}

div.product-image {
float:left;
width:100px;
}
div.product-description {
float:left;
width:300px;
padding:5px;
}

img.mbott20 {
margin-bottom:20px;
}

/* AJAX QUESTION BOX
----------------------------------------------------------- */


div.ajax-qbox {

	position:relative;
	
	min-height: 300px;

	padding:12px;

	color:#313131;

	-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* FF3.5+ */

	-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Saf3.0+, Chrome */

	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3) inset; /* Opera 10.5, IE9, Chrome 10+ */

	background:#e6e6e6;}

div.ajax-qbox a {color:#313131;}


/* TAGS MAIN PAGE
----------------------------------------------------------- */


div.tag-category-index {
margin-top:20px;
width:100%;
}
div.tag-category-index form {
margin-top:20px;
width:100%;
}
div.tag-category-index ul.thumbnails {
border-top: 1px solid #ddd;
padding-top: 15px;
margin-bottom: -15px;
}
div.tag-category-index ul.thumbnails li {
width:200px;
}

/* TYPOGRAPHY
----------------------------------------------------------- */

span.large-font {
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
}
blockquote p.medium-font {
font-size: 14px;
line-height: 22px;
}
blockquote p.small-font {
font-size: 12px;
line-height: 20px;
}

/* PRODUCT BOX
----------------------------------------------------------- */

div.item-box {
	float: left;
	width: 300px;
	margin-right: 5px;
	border: 1px solid #ddd;
	text-align: center;
}
div.item-name {
	padding: 5px;
}
div.item-name h3 {
	color: #fff !important;
}
div.bg-light {
	background-color: #fafafa;
}
div.bg-gray {
	background-color: #aaaaaa;
}
div.bg-orange {
	background-color: #ea7054;
}
div.bg-gold {
	background-color: #b18904
}
div.bg-blue {
	background-color: #01a9db;
}
div.bg-blue:hover {
	background-color: #0489b1;
}
div.item-price {
	padding: 40px;
}
div.item-price p span.lfont {
	font-size: 3.0em;
}
div.item-price p span.sfont {
	font-size: 1.2em;
}
div.item-description {
	padding: 5px;
}
div.item-target {
	padding: 5px;
	font-weight: bold;
}
div.item-features {
	padding: 5px;
}
div.item-features ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
}
div.item-button {
	padding: 5px;
}
div.item-button a {
	color: #fff;
}
div.no-border {
	border:none !important;
}

/* Joomla Style */

.relateditems li, .tagssimilar li {
padding:12px;
padding-bottom:7px;
padding-top:7px;
font-size:1.3em;
display:block;
color:#848485 !important;
border-bottom:solid 1px #F0F0F0;
}

.relateditems li a, .tagssimilar li a {
color:#848485 !important;
}

#s5_bottom_row3_wrap .relateditems li, #s5_bottom_row3_wrap .tagssimilar li {
background:none;
border:none;
font-size:0.9em;
padding:0px;
padding-bottom:5px;
}

p.article-description {
color:#387496;
font-weight:bold;
}

span.strong-emphasis {
color:#387496;
font-weight:bold;
}

img.product {
float:right;
padding:10px;
margin:10px 0 0 10px;
border-left:solid 2px #ddd;
}

/* JMicrodata */

dd.createdby span {
display:inline;
}
dd.category-name span {
display:inline;
}
dd.published span {
display:inline;
}

/* Contact form */

div.control-label span.optional {
	display: none;
}
form#contact-form {
	padding: 5px;
}
form#contact-form fieldset legend {
	font-size: 0.80rem;
}

/* Creative Contact Form */

div.ccf_copyright_wrapper div.powered_by,
div.ccf_copyright_wrapper div.powered_by a {
	color: #fff !important;
}

span.ccf_none  {
	color: #fff !important;
}
.powered_by a {
	color: #fff !important;
}
input.creative_name, input.creative_email, input.creative_text-input {
	margin: -10px 0 0 0 !important;
	padding: 0 !important;
}

/* Tags links */

div.tag-box {
	float: left;
	width: 300px;
}
div.rspacing20 {
	margin-right: 20px;
}
div.clear-both {
	clear:both;
}
div.vspacing20 {
	height: 20px;
}
div.vspacing5 {
	height: 5px;
}