/*
Theme Name: River
Theme URI: http://demo.qodeinteractive.com/river/
Description: River Theme
Tags: creative, portfolio, multi-purpose, clean, retina, responsive, wpml, parallax, background video, mega menu, blog, agency, infographics, art
Author: Qode Interactive
Author URI: http://www.qodeinteractive.com/
Version: 1.0.4
License: GNU General Public License
License URI: licence/GPL.txt

*/

/*
CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.
1.0.4
- Improved "viewport" metatag for non responsive sites
- Fixed anchor logic when ajax loader is not on
- Fixed anchor hash changing on same page
- Fixed logic for getting logo height so it doesn't require allow_url_fopen directive to be enabled
- Fixed a bug with latest blog shortcode regarding localization of the post dates
- Fixed header height when side area is disabled
- Fixed mobile menu active state
- Fixed pagination on home.php file
- Fixed rendering of P tags on "gallery" post format


1.0.3
- Added background color for mobile dropdown menu
- Added functionality for side menu and mobile menu button color changing (takes color from first level menu, on smaller screens from mobile dropdown background color)
- Improved mobile menu logic, now closing on menu item click
- Fixed deliting of custom sidebars
- Fixed steps attributes for line graph shortcode for Visual Composer
- Fixed portfolio list for new version of Chrome
- Fixed background color for Call to Action widget


1.0.2
- Added anchor functionality on parallax sections, custom links (manualy added class needed) and buttons
- Added icon fade animation and delay attributes for icon with text shortcode
- Added style for search widget in top header
- Added entering animation on "centered" title type
- Updated portfolio list shortcode to add one portfolio item per row
- Updated smooth scroll on/off logic to choose between all devices and all without Mac devices (all devices are not including touch devices)
- Fixed minor validation errors
- Fixed category attribute in latest posts shortcode
- Fixed blog responsiveness (social and like links)


1.0.1
- Fixed css animations (from top and bottom)
- Fixed ajax loader color changing(first color)
- Fixed layout for whole post blog type
- Fixed single post layout for video type
*/

.container{

}

.container_inner2{
	position: relative;
	width: 1080px;
	left:-20px;
	margin: 0px auto;
}

.container_about-us{
	position: relative;
	width: 100%;
	background-color: #EBEBEB;
	padding-top:50px;
	padding-left:35px;
	/*margin-bottom:30px;*/
	height:620px;
}

.title-about-us-1{
	display:none;
}
.title-about-us-2{
	display:block;
}

.container_about-us .container_inner2 .column1{
	float:left;
	padding-top:35px;
	heigth:300px;
	width:500px;
}

.container_about-us .container_inner2 .column2{
	float:left;
	width:500px;
	padding-left:30px;
	padding-top:30px;
	
}
.contact-name{
	float:left;
	width:40%;
	padding-top:15px;
	padding-left:40px;
}
.contact-name a{
	color:#929292;
}
.contact-name a:hover{
	color:#929292;
}
#layerslider_4{
	top:-25px;
}
#layerslider_1{
	top:-25px;
}
.our-services {
	height:400px;
	padding-top:30px;
}
.our-services .our-services-branch {
	float:left;
	width:20%;
	padding-left:52px;
}
.our-services-branch ul li{
	list-style: outside;
}
.our-services-branch center{
	color:#000;
	text-transform:uppercase;
	font-size:16px;
	padding-bottom:25px;
}
.our-services-branch center img{
	padding-bottom:20px;
}



.our-clients{
	height:200px;
	padding-top:30px;
}
.our-clients .our-clients-branch {
	float:left;
	width:20%;
	padding-left:52px;
}
.our-clients-branch ul li{
	list-style: outside;
}
.our-clients-branch center{
	color:#000;
	text-transform:uppercase;
	font-size:16px;
	padding-bottom:0px;
}
.our-clients-branch center img{
	padding-bottom:20px;
}
.news {
	position:relative;
	left:-20px;
	height:350px;
}
.news .news-branch {
	float:left;
	width:20%;
	height:auto;
	padding-left:52px;
	padding-top:20px;
}
.news .news-branch a{
	color:#999;
}
.news center{
	color:#000;
	text-transform:uppercase;
	font-size:16px;
}
.news h1 {
	font-size:14px;
	text-transform:uppercase;
	padding-top:10px;
}
.news ul li{
	list-style:square;
	list-style-position:inside;	
	padding-top:8px;
}

.column_inner ul li{
	list-style:none;
	float:left;
	padding-right:10px;
	padding-top:10px;
}
.logo_wrapper{
	
}

.column3 span{
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	font-size:14px;
}
.column4 span{
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	font-size:14px;
}
.column3 ul li{
	padding-top:5px;
	margin:0px;
	width:100%;
}


.separator2.small {
    background-color: #c2c2c2;
    height: 1px;
    position: relative;
    width: 55px;
    display: block;
    margin: 18px auto 28px auto;

}
.separator3.small {
    background-color: #c2c2c2;
    height: 1px;
    position: relative;
    width: 55px;
    display: block;
    margin: 18px auto 28px auto;
	float:left;
}
.about-us-text{
	float:left;
}

.column1-1{
	float:left;
	width:40%
}
.column1-2{
	float:right;
	width:10%;
	height:120px;
	margin-top:75px;
}
.column1-2 ul li{
	padding-top:5px;
	margin:0px;
	width:100%;
	line-height:40px;
	font-family: 'Oswald', sans-serif;
}
.footer-text{
	font-size:14px;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
}
.single-tab{
	position:relative;
	top:-27px;
	background-color:#e9e9e9;
	height:80px;
}
.nav-single{
	text-transform:uppercase;
	color:#070707;
	font-family:'Oswald', sans-serif;

}
.separator2.single {
    background-color: #c2c2c2;
    height: 1px;
    position: relative;
    width: 155px;
    display: block;
    margin: 78px auto 58px auto;

}
.show_hide {
    float: right;
    cursor: pointer;
	margin-top:20px;
    display: block;
    background-image: url("img/facebook.png");
    width: 37px;
    height: 38px;
}
.slidingDiv {
	width:100%;
	height:200px;
	background-color: #FFF;
	padding-top:20px;
	padding-bottom:20px;
	border:1px; black solid;
	display:none;
}
.slideTogglebox{
	float:right;
	padding:8px;
	margin:16px;
	border:1px solid red;
	width:200px;
	height:50px;
	background-color:#000000;
	color:white;
}
#slideToggle{
	float:right;
}
.video-money{
	position:relative;
	float:left;
	z-index:9999;
	width:100%;
}
#video-money-main{
	display:block;
}
.decription{
	position:relative;
	z-index:9999;
	color:#FFF;
	font-size:34px;
	width:100%;
	top:-380px;
	text-align:center;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
	line-height:54px;
	height:0;
}
@media only screen and (max-width: 1060px){
	
	.our-services {
		width:75%;
		height:500px;
		margin:auto;
		padding-left:0px;
	}

	.our-services .our-services-branch {
		padding-left:30px;
		width:20%;
	}
	
	.our-clients {
		width:75%;
		height:210px;
		margin:auto;
		padding-left:0px;
	}

	.our-clients .our-clients-branch {
		float:left;
		padding-left:20px;
		width:21%;
	}
	.our-clients .our-clients-branch img{
		padding-bottom:0px;
	}
	.our-clients .our-clients-branch center{
		padding-bottom:15px;
	}
	
	.container_about-us{
		padding-top:10px;
	}
	.container_about-us .container_inner2{
		width:75%;
		margin-top:0px;
	}
	.container_about-us .container_inner2 .column1{
		width:43%;
		padding-top:55px;
	}
	
	.container_about-us .container_inner2 .column2{
		width:49%;		
	}
	
	.news {
		width:80%;
		margin:auto;
		padding-left:95px;
	}
	.news .news-branch {
		padding-left:28px;
		width:19%;
	}
	.column1-1{
		width:50%;
	}
	.column1-2{
		width:13%;
	}
	.video-money{
		left:510px;
		
	}
}


@media only screen and (max-width: 1000px){
<!-- iPad mini-->
	.main_menu{
		display: block;
		border:1px solid yellow;
		
	}
	.header_inner_left{
		float:left;
		padding-top:1%;
		padding-left:5%;
		width:100%;
	}
	.logo_wrapper img{
		position:relative;
		float:left;
		left:-320px;
		width:100%;	
	}
	.container_about-us .container_inner2 .column2{
		width:40%;
		
	}
	.our-services {
		height:500px;
		padding-left:20px;
		width:79%;
	}
	.our-clients {
		width:79%;
		height:210px;
		margin:auto;
		padding-left:20px;
	}

	.our-clients .our-clients-branch {
		padding-left:20px;
		width:20%;
		
	}
	.container_about-us {
		height:750px;
	}
	.container_about-us .container_inner2{
		width:79%;
		padding-left:0px;
	}
	.container_about-us .container_inner2 .column1{
		width:45%;		
	}
	.container_about-us .container_inner2 .column2{
		width:48%;		
	}
	.news {
		width:75%;
		margin:auto;
		left:0px;
		padding-left:0px;
		height:320px;
	}
	.news .news-branch {
		width:21%;
		padding-left:0px;
		padding-right:20px;
	}
	.video-money{
		left:490px;
		padding-top:30px;
	}
}
@media only screen and (max-width: 768px){
	
	.our-services {
		height:580px;
		width:100%;
		
	}
	.our-services .our-services-branch {
		width:19%;
	}
	.our-clients {
		height:210px;
		width:100%;
	}
	.our-clients .our-clients-branch {
		width:21%;
	}
	.news{
		height:330px;
	}
	.news .news-branch {
		width:14%;
	}
	.column1-2{
		width:17%
	}
	
	.container_about-us {
		padding-top:10px;
		height:910px;
	}
	.contact-name{
		width:80%;
		padding-left:5px;
	}
	.container_about-us .container_inner2{
		width:100%;
	}
	.container_about-us .container_inner2 .column1{
		width:43%;
		padding-top:60px;
	}
	
	.container_about-us .container_inner2 .column2{
		width:45%;		
	}
	
	.container_inner2{
		width:100%;
		left:-10px;
		
	}

	.header_inner_left{
		float:left;
		padding-top:1%;
	}
	
	.header_inner_left img{ 
		width:250px;	
	}
	.news {
		width:95%;
		padding-left:33px;
	}
	.news .news-branch {
		width:21%;
	}
	.column1-1{
		width:60%;
	}
	.column1-2{
		width:13%;
	}
	.video-money{
		width:300px;
		left:410px;
		top:-355px;
	}
	
}

@media only screen and (max-width: 600px){
	.container_inner2{
		width:100%
	}

	.logo_wrapper img{
		left:-180px;
	}
	.our-services {
		height:1170px;
	}
	.our-services ul{
		padding-bottom:30px;
	}
	.our-services .our-services-branch {
		padding-left:0px;
		width:100%;
	}
	.our-services .our-services-branch ul li{
		margin-left:40px;
		width:85%;
	}
	.our-clients .our-clients-branch {
		padding-left:0px;
		width:85%;
		margin:auto;
		padding-left:30px;
		padding-bottom:40px;
	}
	.our-clients-branch center img{
		padding-bottom:0px;
	}
	.our-clients .our-clients-branch ul li{
		margin-left:60px;
		width:85%;
	}
	.container_about-us {
		height:1280px;
		padding-left:50px;
	}
	
	.title-about-us-1{
		display:block;
	}
	.title-about-us-2{
		display:none;
	}
	#layerslider_1{
		top:-5px;
	}
	.container_about-us .container_inner2 .column1{
		padding-top:30px;
		width:85%;
	}
	
	.container_about-us .container_inner2 .column2{
		width:83%;
		padding-left:5px;
	}

	.news {
		width:100%;
	}
	
	.news .news-branch {
		width:100%;
		padding-bottom:30px;
		padding-left:10px;
	}
	.news .news-branch img{
		float:left;
		width:40%;
		padding-right:20px;
	}
	.news .news-branch .news-content{
		margin:auto;
		width:80%;
		padding-left:20px;
	}
	.column1-1{
		width:70%
	}
	.column1-1 .footer-text{
		font-size:13px;
	}
	.column1-1 img{
		width:220px;
	}
	.column1-2{
		width:20%;
		margin-top:61px;
		font-size:13px;
	}
	.video-money{
		width:210px;
		left:310px;
		top:-310px;
	}
}


@media only screen and (max-width: 480px){
	.our-services {
		height:1300px;
	}
	.video-money{
		display:none;
	}
}