/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/



.txt-apropos{
	font-size: 12px !important;
	line-height: 18px !important;
	color:#333 !important;
}

.center_video .wpb_wrapper{
	margin:0 auto;
}


.add_padding{
	padding-left:100px;
}


#sub-footer .mk-grid{
	text-align: center;
}



.mk-footer-copyright{
	float:none;
}






ul.footer_liens{
	overflow:hidden;
}	
	
	
ul.footer_liens	li {
	display: inline-block;
	/*float: left;*/
	text-align: center;
	width: 33%;
}
	
ul.footer_liens	li a{
	font-size:12px;
	font-weight:700;
	letter-spacing:1.5px;
	text-transform:uppercase;
	/*@include transition(all .3s ease-in-out);*/
}
	
ul.footer_liens	li a:hover {
	color:#2A5D6D;
}
				
				
ul.footer_liens	li .goto-top{
	display:block !important;
	margin:50px auto 0 auto;
}
		
.copyright {
	text-align:center;
	padding-top:40px;
	color:#414141;
}

.copyright	p{
	padding-bottom: 4px;
	font-size:12px;
}
.copyright	span {
	text-transform:uppercase;
	font-size:11px;
}
	
		.arrow-up {
			border-bottom: 6px solid black;
			border-left: 4px solid transparent;
			border-right: 4px solid transparent;
			display: block;
			height: 0;
			margin: 0 auto;
			width: 0;
		}
		.arrow-up-line {
			background: #000 none repeat scroll 0 0;
			top: 6px;
			height: 15px;
			left: 0;
			margin: 0 auto;
			position: absolute;
			right: 0;
			width: 2px;
		}
		.arrow-animation {
			display: inline-block;
			height: 50px;
			position: relative;
			width: 40px;
		}

		.left-line {
			background: #e2e2e2 none repeat scroll 0 0;
			height: 1px;
			left: 20px;
			position: absolute;
			top: 21px;
			width: 20px;
		}
		
		.right-line {
			background: #e2e2e2 none repeat scroll 0 0;
			height: 1px;
			right: 20px;
			position: absolute;
			top: 21px;
			width: 20px;

		}

		
		.arrow-animation:hover .right-line,
		.arrow-animation:hover .left-line {
			-webkit-animation: mymove .6s linear ;
			animation: mymove .6s linear;
		}
		
ul.footer_liens li.goto-top{
	
	display: block !important;
	margin:50px auto 0 auto;
}


#sub-footer{
	padding-bottom:30px;
}



@media screen and (max-width: 1600px) {

	.page-id-326 .mk-grid{
		width:100%;
	}

}


@media screen and (max-width: 767px) {
	
	ul.footer_liens li{
		width:100%;
		margin: 10px 0;
	}
	
	.slogan, .slogan p{
		font-size:26px !important;
		line-height: 30px !important;
	}

	.add_padding{
		padding-left:0px;
	}

	
	.theme-page-wrapper:not(.full-width-layout){
		padding: 0px !important;
	}
		
	.text-wrap .head-detail{
		width:98% !important;
	}
	
	
}