/*
Theme Name: River Child (Fenix Metals)
Theme URI: http://fenixmetals.com/
Description: A child theme of River Theme, created for Fenix Metals
Author: Kontrapunkt
Author URI: http://www.kontrapunkt.com/
Version: 1.0.0
Template: river
*/

/* Webkit */
::selection {
    background: #e80024;
}
/* Gecko/Mozilla */
::-moz-selection {
    background: #e80024;
}

table {
    border-collapse: collapse;
}

table th{
	background-color: transparent;
	border-top:1px solid #666;
	padding:10px 10px;
	text-align: left;
	color:#666;
}

table tr:nth-child(odd) td{
    background-color: transparent;
    color: #666;
}

table td {
	text-align: left;
	border-top:1px solid #eee;
	padding:10px 10px;
}

#pdtin,
table.services {
	margin-top: 30px;
	margin-bottom: 30px;
}

#pdtin th {
	border-bottom:1px solid #666;
	vertical-align: middle;
}

/* The .services table is used on the Dan-Engineering site */
table.services td:first-child {
	padding-left: 0;
	padding-right: 25px;
	white-space: nowrap;
	font-weight: bold;
}
table.services td {
	color: #666;
	font-size: 15px;
}
@media only screen and (max-width: 500px){
	table.services td:first-child {
		padding-right: 10px;
	}
	table.services td {
		display: block;
		width: 100%;
	}
	table.services td:not(:first-child) {
		border: none;
		padding-left: 0;
		padding-bottom: 15px;
	}
	table.services td:first-child {
		padding-top: 15px;
		padding-bottom: 0;
	}
}

h2.portfolio_title{
	font-size: 16px;
	line-height: 20px;
}

a:hover,
p a:hover,
a.red,
.red-links a {
	color: #e80024;
}

.ajax_loader_html {
    border: 8px solid #e80024;
}

.header_bottom{
	padding: 10px 16px !important;
}

nav.main_menu > ul > li >  a {
	font-size: 15px !important;
}
nav.main_menu > ul > li > a > span{
	padding:29px 14px !important;
	text-transform: none;
}

nav.main_menu > ul > li.active > a > span{
	background-color:#e80024;
}

/* DROP DOWN MENU - START */

.drop_down .second .inner ul{
	background-color: #f2f2f2;
}

.drop_down .second .inner ul li{
    border-bottom: none;
}

.drop_down .second .inner ul li a,
.drop_down .second .inner ul li h5{
	color: #5b5b5b;
}

.drop_down .second .inner ul li:hover{
	background-color: #e80024;
}

/* DROP DOWN MENU - END */


/* DROP DOWN MENU WIDE - START */

.drop_down .wide .second ul li a{
	color: #e80024;
}

/* DROP DOWN MENU WIDE - END */


nav.mobile_menu{
	background-color: #f2f2f2;
}

nav.mobile_menu ul li a,
nav.mobile_menu ul li h3,
nav.mobile_menu ul li ul li a,
nav.mobile_menu ul li.open_sub > a:first-child{
	border-bottom: 1px solid #dddddd;
}

nav.mobile_menu ul li:hover a span.mobile_arrow i,
nav.mobile_menu ul li:hover h3 span.mobile_arrow i,
nav.mobile_menu ul li.active a span.mobile_arrow i,
nav.mobile_menu ul li.active h3 span.mobile_arrow i
{
	color: #ffffff;
}

nav.mobile_menu ul li a,
nav.mobile_menu ul li h3{
	font-family: 'Roboto',sans-serif;
}

nav.mobile_menu ul li a:hover,
nav.mobile_menu ul li.active > a{
	background-color:#e80024;
}

.container_inner.full_map{
	width: 100%;
}

.title{
	text-align: left;
}

.title.standard h1{
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.title.standard h6{
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-o-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.single-portfolio_page .title.standard h1,
.single-portfolio_page .title.standard h6{
	margin-left: 0;
}

.single-portfolio_page .title.standard .separator.small{
	text-align: left;
	margin-left: 0;
	background-color:#666666;
}

.title  h6{
	margin:0;
}

.title .breadcrumb .current,
.title .breadcrumb a:hover{
	color: #e80024;
}

.box_image_with_border:hover{
	border-color: #e80024;
}

.box_image_holder .box_icon .icon-stack i.icon-stack-base {
    color: #e80024;
}

.separator.small {
    margin: 18px 0 28px 0;
}

.separator.small.center {
    margin: 18px auto 28px auto;
}

/* Reduce the space inbetween section - the class is manually inserted on the relevant rows in Visual Composer */
.reduce-space .section  {
	padding-top: 0;
}

/* ==========================================================================
   Icon list shortcode styles
   ========================================================================== */

.icon_list i{
	background-color: #e80024;
}

/* ==========================================================================
   Progress bar shortcode styles
   ========================================================================== */

.progress_bar .progress_content {
	background-color: #e80024;
}

/* ==========================================================================
   Vertical progress bar shortcode styles
   ========================================================================== */

.progress_bars_vertical .progress_content_outer .progress_content {
    background-color: #e80024;
}

.counter_holder span.counter{
	color: #e80024;
}

.box_holder_icon i,
.box_holder_icon .icon-stack i.icon-circle{
	color: #e80024;
}

.box_holder_icon_inner.square .icon-stack{
	background-color: #e80024;
}

.qbutton,
.load_more a,
#submit_comment,
.drop_down .wide .second ul li .qbutton,
.drop_down .wide .second ul li ul li .qbutton{
	padding: 0px 30px;
	color: #e80024;
	background-color: transparent;
	border:2px solid #e80024;
	-o-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

.qbutton:hover,
.load_more a:hover,
#submit_comment:hover,
.drop_down .wide .second ul li .qbutton:hover,
.drop_down .wide .second ul li ul li .qbutton:hover{
	color: black;
	background-color: #e80024;
	-webkit-transform:scale(1.075);
	-moz-transform:scale(1.075);
	-o-transform:scale(1.075);
}

/* ==========================================================================
   Button styles
   ========================================================================== */
.qbutton.no_fill {
	color: #e80024;
    border: 2px solid #e80024;
}

.qbutton.full_width,
.qbutton.large,
.qbutton.medium,
.qbutton.small,
.qbutton.tiny {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.qbutton.medium {
	line-height: 46px;
	font-size: 18px;
	padding: 0px 20px 5px;
}
.qbutton.medium:hover {
	padding: 0px 20px 5px;
}

.qbutton.small:hover {
    padding: 0 14px;
}

.qbutton.tiny:hover {
	padding: 0px 11px;
}

.qbutton.no_fill:hover{
	color: #e80024;
}

.call_to_action.elegant .cta_button {
    background-color: #e80024;
}

.portfolio_gallery a .gallery_text_holder{
	background-color: #e80024;
	background-color: rgba(245, 67, 37, 0.9);
}

.portfolio_like a.liked i,
.portfolio_like a:hover i,
.portfolio_single .portfolio_like a.liked i,
.portfolio_single .portfolio_like a:hover i{
	color: #e80024;
}

.projects_holder article span.text_holder{
	background-color: #e80024;
	background-color: rgba(245,67,37,0.90);
}

.filter_holder ul li.active span{
	background-color:#e80024;
}

.tabs .tabs-nav li.active a {
	background-color: #e80024;
	border-color: #e80024;
}

.accordion_holder.accordion.with_icon .ui-accordion-header i{
	color: #e80024;
}

.highlight{
	background-color: #e80024;
}

.testimonials .testimonial_nav li.active a {
	background-color: #e80024;
}

.testimonial_text_inner .testimonial_name .author_desc {
    color: #e80024;
}

blockquote i.pull-left {
	color: #e80024;
}

.gallery_holder ul li .gallery_hover{
	background-color: #e80024;
	background-color: rgba(245,67,37,0.90);
}

/* ==========================================================================
   Dropcaps shortcodes styles
   ========================================================================== */
.dropcap {
	color: #e80024;
}

/* ==========================================================================
   Message box shortcode styles
   ========================================================================== */

.message.with_icon > i{
	color: #e80024;
}

/* ==========================================================================
   Pricing table shorcode styles
   ========================================================================== */

.active_best_price {
    background-color: #e80024;
}

.price_in_table .value {
    color: #e80024;
}

/* ==========================================================================
   Icon with text shortcode styles
   ========================================================================== */

.icon_with_title .icon_holder i,
.font_awsome_icon_square i,
.font_awsome_icon_stack i {
    color: #e80024;
}

.icon_with_title.circle .icon_holder .icon-stack:hover i.icon-circle,
.font_awsome_icon_stack:hover .icon-circle {
    color: #e80024 !important;
}

.icon_with_title.boxed .icon_holder .icon-stack:hover {
    background-color: #e80024 !important;
}

/* ==========================================================================
   Icon shortcode
   ========================================================================== */

.font_awsome_icon i {
	color: #e80024;
}


.progress_bars_icons_inner.square .bar.active .bar_noactive,
.progress_bars_icons_inner.square .bar.active .bar_active{
	background-color: #e80024;
}

.progress_bars_icons_inner.normal .bar.active i,
.progress_bars_icons_inner .bar.active i.icon-circle{
	color: #e80024;
}

.list.number.circle_number ul>li:before {
    background-color: #e80024;
}

.list.number ul>li:before{
	color: #e80024;
}

/* ==========================================================================
   Social icon shortcode styles
   ========================================================================== */

.social_icon_holder .icon-stack i{
    color: #e80024;
}

footer .social_icon_holder .icon-stack:hover,
.side_menu .social_icon_holder .icon-stack:hover {
    background-color: #e80024 !important;
}

/* ==========================================================================
   Latest posts styles
   ========================================================================== */

.blog_holder article .post_text  h2 .date{
	color:#e80024;
}

.blog_holder article .post_infos a:hover,
.blog_holder article .post_infos .post_author:hover,
.blog_holder article .post_infos .post_comments:hover{
	color: #e80024;
}

.blog_holder article  .post_icons_holder  a.post_comments:hover i ,
.blog_holder article  .post_icons_holder  a.post_comments:hover {
	color:#e80024;
}

.blog_like a:hover i,
.blog_like a.liked i,
.blog_like a:hover span
{
	color: #e80024;
}

.social_share_dropdown ul li.share_title {
	background-color:#e80024;
}

.social_share_dropdown ul li:hover .share_text,
.social_share_dropdown ul li :hover i
{
	color: #e80024;
}

.blog_holder article.format-link .post_text .post_text_holder,
.blog_holder article.format-quote .post_text .post_text_holder{
	background-color: #e80024;
}

.blog_holder article.format-quote .post_text i.qoute_mark,
.blog_holder article.format-link .post_text i.link_mark{
	color: #e80024;
}

.single_links_pages a:hover span{
	background-color:#e80024;
}

.single_tags  a{
	background-color:#e80024;
}

#respond textarea:focus,
#respond input[type='text']:focus,
.contact_form input[type='text']:focus,
.contact_form  textarea:focus{
	border-color: #e80024;

}

.pagination ul li span {
	background-color:#e80024;
}

aside .widget li a:hover{
	color:#e80024;
}

.widget.widget_search form input[type="submit"]{
	background-color: #e80024;
}

.widget.widget_search form input[type="text"]:focus{
	border-color:#e80024;
}

.widget .tagcloud a {
	background-color:#e80024;
}

.footer_top h4{
	margin: 0 0 10px;
}

.footer_bottom{
	text-align: left;
	height: auto;
}
.footer_bottom p{
	line-height: 25px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.footer_bottom a{
	color:#ffffff;
}

#back_to_top:hover{
	color: #e80024;
}

/* ==========================================================================
   Steps shortcode styles
   ========================================================================== */

.steps_holder .circle_small {
    background-color: #e80024;
}

/* ==========================================================================
   Separator shortcode styles
   ========================================================================== */

.vc_text_separator.full div{
	color: #e80024;
	border: 1px solid #e80024;
}

/* Start: Progress Bar */
.mejs-controls .mejs-time-rail .mejs-time-current {
	background-color: #e80024;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
	background-color: #e80024;
}
/* End: Progress Bar */

/* Start: Mute/Volume */
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background-color: #e80024;
}
/* End: Mute/Volume */

/* ==========================================================================
   Pie full styles
   ========================================================================== */

.pie_graf_legend ul li .color_holder,
.line_graf_legend ul li .color_holder{
    background-color: #e80024;
}


aside .widget #lang_sel_list.lang_sel_list_vertical a.lang_sel_sel,
aside .widget #lang_sel_list.lang_sel_list_horizontal a.lang_sel_sel {
    color: #e80024;
}

/* ==========================================================================
   Service shortcode styles
   ========================================================================== */

   .circle_item .circle {
	background-color: #e80024;
}

/* ==========================================================================
   Front page
   ========================================================================== */

.home >.wrapper >.wrapper_inner >.content {
	min-height: auto !important;
}

/*more added css*/

/*more added css*/
.wpb_row * p:first-child{
	margin-top:12px;
}
.vc_span3 .wpb_text_column p:last-child{
	margin-top:0;
}

.company-info p{
	margin-bottom:5px;
	margin-top:0;
}
.company-info h6{
	margin-bottom:10px;
}
.ls-wrapper.ls-in-out {
	min-width: 320px;
}
.ls-wrapper.ls-in-out .ls-layer{
	width:100% !important;
}
.frontpage-slide{
	width: 1060px;
	margin:0px auto;
	position: relative;
}

.frontpage-slide .text{
	/*background-color:rgba(0,0,0,0.5);*/
	padding:20px;
	width:50%;
	white-space:normal !important;
	flaot:left;
}

.frontpage-slide .text h1{
	font-weight: 100;
	color:white;

}

.frontpage-slide .text p{
	color:white;
	margin-top:10px;
	margin-bottom:0;
}
.frontpage-slide .text .separator{
	background-color:white;

}

.frontpage-slide .btn-group{
	/*background-color:rgba(0,0,0,0.5);*/
	padding:0 20px 40px;
	width:50%;
	white-space:normal !important;
	line-height: normal;
	float:left;
	display:block;
}
.frontpage-slide .btn-group a{
	color:#e80024;
	margin:0 40px 0 0;
	font-size:17px;
	float:left;
	display: block;
	position: relative;
	width: auto;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;
}
.frontpage-slide .btn-group a:hover{
	-webkit-transition: all .2s ease 0s;
	-moz-transition: all .2s ease 0s;
	-o-transition: all .2s ease 0s;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}
.frontpage-slide .btn-group a span{
	display: block;
	position: relative;
	float: left;
}
.frontpage-slide .btn-group a span.btn-text{
	color:#e80024;
	padding:12px 20px;
	background-color:transparent;
}
.frontpage-slide .btn-group a span.btn-icon{
	width:48px;
	height:48px;
	background:center center no-repeat url(img/icon-arrow-right.png);
	background-color:#e80024;
}
.frontpage-slide .btn-group a.btn-main{
	border:2px solid #e80024;
}
.frontpage-slide .btn-group a.btn-main:hover span.btn-text{
	background-color:#e80024;
	color:black;
}
.frontpage-slide .btn-group a.btn-sec{
	background-color:transparent;
	color:white;
	border:2px solid white;
}
.frontpage-slide .btn-group a.btn-sec span.btn-text{
	color:white;
	background-color:transparent;
}
.frontpage-slide .btn-group a.btn-sec span.btn-icon{
	background-color:white;
	color:white;
}
.frontpage-slide .btn-group a.btn-sec:hover span.btn-text{
	background-color:white;
	color:black;
}


/*
**************************
	MAPS CSS
**************************
*/

.acf-map {
	width: 100%;
	height: 450px;
}

.acf-map img {
	max-width: none;
}

.acf-map .address {
	margin-bottom: 0;
}

.acf-map .marker {
	display: none;
}

.acf-map .gm-style-iw p:last-of-type {
	margin-bottom: 6px;
}

.gm-style-iw img {
	width: 85px;
	height: auto;
}


/*
**************************
	TIMELINE CSS
**************************
*/
#timeline_container{
	/*width: 900px!important;*/
	margin: 0 auto!important;
	padding: 60px 0;
}
.full_width_inner .storyjs-embed.full-embed{
	margin-bottom: 60px !important;
}
.timeline_data {
	display: none;
}

.vco-timeline.vco-storyjs .vco-container.vco-main {
	width: 100%;
}

.vco-feature {
	display: none;
}

.vco-timeline .vco-navigation .timenav .content {
	margin-top: 0;
}

.vco-navigation .timenav-background .timenav-indicator {
	display: none;
}

.vco-timeline .vco-navigation .timenav-background .timenav-line {
	display: none;
	width: 1px !important;
	margin-left: 1px;
	background-color: black !important;
}

#timeline_container .vco-timeline .vco-navigation .timenav .content .marker {
	left: 0;
}
.vco-timeline .vco-navigation .timenav .content .marker .flag,
.vco-timeline .vco-navigation .timenav .content .marker.active .flag {
	height: auto !important;
	background-image: none !important;
	background: white !important;
}
.vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h3,
.vco-notouch .vco-navigation .timenav .content .marker .flag:hover .flag-content h3, 
.vco-timeline .vco-navigation .timenav .content .marker.active .flag .flag-content h3{
	color:#e80024 !important;
}
.vco-timeline .vco-navigation .timenav .content .marker.active .line{
	background-color:rgba(204,204,204,0.5) !important;
}
.vco-timeline .vco-navigation .timenav .content .marker .dot,
.vco-timeline .vco-navigation .timenav .content .marker.active .dot{
	background-color:#e80024 !important;
}
.vco-timeline .vco-navigation .timenav .content .marker .line .event-line{
	display: none;
}


/**/
.vc_custom_1411732525198 p{
	margin-bottom: 0;
}

/*
**************************
	RESPONSIVE STYLES
**************************
*/
@media (min-width: 768px) {
	.product-grid-image .vc_single_image-wrapper {
		min-height: 200px;
		line-height: 200px;
	}
	.product-grid-image .vc_single_image-wrapper img {
		vertical-align: middle;
	}
	.product-grid-block h4 {
		margin-top: 15px;
	}
}
@media only screen and (max-width: 600px){
	/*edit frontpage slide*/
	.ls-l{
		top:auto !important;
		bottom:0 !important;
	}
	.frontpage-slide{
		width:100%;
	}
	.frontpage-slide .text,
	.frontpage-slide .btn-group{
		width:100%;
	}
	.frontpage-slide .text h1{
		font-size: 24px;
	}
}    
@media only screen and (max-width: 500px){
	.title h1 {
		font-size: 38px;
	}
}
@media only screen and (max-width: 420px){
	.title h1 {
		font-size: 30px;
	}
}

.wpml-ls-item {
	/* adjust the width of the WPML drop down (when only showing languages) */
	width: auto !important;
}
.wpml-ls-current-language {
	/* This trick ensures (together with the next two rules) that we can add a margin to the first wpml menu item, even if it's the current language and therefore hidden) */
	display: block;
	height: 29px;
}
.wpml-ls-current-language > * {
	display: none !important;
}
.wpml-ls-first-item {
	margin-left: 25px !important;
}
nav.main_menu > ul > li.wpml-ls-menu-item > a > span {
	padding-left: 10px !important;
	padding-right: 10px !important;
}


/* Print styles */
@media print {
	.hide-on-print {
		display: none;
	}
	#menu-top-menu {
		display: none;
	}
	.header_bottom {
		padding-left: 0 !important;
	}
	.container_inner, .boxed section.section .section_inner, section.grid_section .section_inner {
		width: auto;
	}
	.full_width_inner > .vc_row {
		margin-left: 0;
		margin-right: 0;
	}
	section.section {
	  padding-top: 10px;
	}
	/* Override the width of the blocks with images of the directors on the "About" page */
	.page-template-full_width_about .vc_custom_1522219356365 .wpb_column {
		width: 25%;
	}
	.qbutton {
		display: none;
	}
	#timeline_container {
		display: none;
	}
	.footer_bottom_holder {
	  background: transparent;
	}
	.footer_bottom a {
	  color: black;
	}
	.list.circle ul, .list.number ul {
		list-style-type: disc;
	}
	.list.circle ul>li {
		background-image: none;
	}
}