/*
* FlatBox HTML V1
* Copyright 2014 PixFort
* www.pixfort.com
* 7/10/2014
*/


/* Table of Content
==================================================
	#Misc
	#Header
	#Features
	#Check out
	#Download
	#Social Icons
	#Footer

==================================================
*/





/*	#Misc 	*/
	@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600);
	iframe.c1 {border:none; overflow:hidden; height:20px;width:50px; }

/* #Header Section  */
	.social_style{
	        	position: relative;
	        	font-family: 'lato', sans-serif;
	        	background-color:#363f48;
	        	padding: 12px 15px;
	        	padding-right: 0px;
	        	border-radius: 3px;
	    	}
	.social_span{ 
		position: relative;
	    top: 15px;
	    right: -5px;
	    border-radius: 3px;
	}
	.twitter-share-button{
		margin-right: 5px;
	}
	.confirm_gp {
		margin: 0px;
		padding: 0px;
		display: inline-block;
		margin-right: -6px;
	}
	.bottom_border {
		padding-top: 30px;
		padding-bottom: 20px;
		margin-bottom:20px;
		}
	.main_bg{
		background: url('../home/body_icons.png') center fixed no-repeat;

		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.logo_align{
		text-align: left;
		float: left;
	}
	.social_align{
		text-align: right;
		float: right;
	}
	.blockquote a{
		text-decoration: none;}

	.welcome_font{
		font-size:48px;
		color:#ffffff;
		font-family: 'Open Sans', sans-serif;
		font-weight: 900;
		padding-top: 25px;
		padding-bottom: 10px;
		line-height: 100%;
		text-align: center;}

	.Under_title{
		font-size:20px;
		color:#9aa1a9;
		font-family: 'Open Sans', sans-serif;
		font-weight: normal;
		padding-top: 25px;
		padding-bottom:25px;
		text-align: center;
		margin-left:12%; 
		width: 75%;
		line-height: 30px;
	}
	.submit_btn1 a{
		color: #fff;
		text-decoration: none;
		display: inline-block;
		padding: 10px 35px;
		font-family:'Open Sans', sans-serif;
		font-weight: bold;
		font-size: 16px;
		border-radius: 3px;
		text-align: center;
		background-color:#20c7d9; 
		opacity: 1.0;
		margin-bottom: 10px;
		margin-right: 5px;
	    filter: alpha(opacity=100); /* For IE8 and earlier */ }	

	.submit_btn1:hover a{
	 	background-color:#20c7d9;
	 	opacity:0.8;
	    filter: alpha(opacity=0.8); /* For IE8 and earlier */
	 }

	.submit_btn2 a{
		color: #fff;
		text-decoration: none;
		display: inline-block;
		padding: 10px 20px;
		font-family:'Open Sans', sans-serif;
		font-weight: bold;
		font-size: 16px;
		border-radius: 3px;
		text-align: center;
		background-color:#7cc576; 
		opacity: 1.0;
		margin-bottom: 10px;
	    filter: alpha(opacity=100); /* For IE8 and earlier */ }	

	.submit_btn2:hover a{
	 	background-color:#7cc576;
	 	opacity: 0.8;
	    filter: alpha(opacity=80); /* For IE8 and earlier */}


/*   Welcome to FlatBox "Features" (2)*/

	.top_4{
		padding-top: 45px;
		padding-bottom: 60px;}

	.align_r{
		text-align: right;}
	.align_l{
		text-align: left;}
	.align_c{
		text-align: center;}

	.box_img img{
		max-width: 100% !important;	
		margin-bottom: -6px;
		text-align: right;
	}

	.box_img_s img{
		max-width: 62% !important;	
		margin-bottom: -6px;
		text-align: right;
	}
	.marge_{
		margin-top: 0px;
	}
	.titre_{
		color:#20c7d9;
		font-size: 22px;
		font-family: 'Open Sans', sans-serif;
		text-align: center;
		font-weight: 600;
		padding-top: 40;
		line-height: normal;
		margin-top: 15px;
		margin-bottom:15px;
	}
	.text_{
		color:#a9a9a9;
		font-size: 14px;
		line-height: normal;
		font-family: 'Open Sans', sans-serif;
		text-align: center;
		display: inline-block;}



/* Check out Section   */

	.titre_1{
		color:#20c7d9;
		font-size: 20px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		line-height: normal;
		text-align: left;
		margin-top: 15px;
		margin-bottom:15px;}

	.text_1{
		color:rgb(128, 128, 128);
		font-size: 13px;
		line-height: normal;
		font-family: 'Open Sans', sans-serif;
		margin-bottom: 10px;
		text-align: left;
		}

	.bg_color1{
		background-color:#efefef;
		padding-bottom: 0px;
	}

	.bg_color2{
		background-color:#1b1d31;
		padding-bottom: 0px;
	}
	.circular_img {
		overflow: hidden;
		width: 75px;
		height: 75px;
		margin-right: auto;
		margin-left: auto;
		border-radius: 50%;
		border: 3px solid #fff;
		margin-top: 15px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;	
	}
	.circular_img img{
		display: inline-block;
		width: 100%;
	}

	.check_font{
		color: #696969;
		font-size: 30px;
		line-height: normal;
		font-family: 'Open Sans', sans-serif;
		text-align: center;
		margin-top: 40px;
		margin-bottom: 40px;
	}	



/*-- Download Section "More About Our Software"  */
	.top_2{
		padding-top: 25px;
		padding-bottom:40px;
		text-align: center;}

	.bg_color3{
		background-color:#2e3740;
		text-align: left;
		padding-top: 30px;
		padding-bottom: 20px;
		padding-left: 30px;
		position: relative;
		display: inline-block;
		border-radius: 5px;
	}
	.titre_3{
		color:#fff;
		font-size: 28px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 900;
		line-height: normal;
		text-align: left;
	}
	.text_3{
		color:#808080;
		font-size: 18px;
		line-height: 26px;
		font-family: 'Open Sans', sans-serif;
		padding-top: 10px;
		padding-bottom: 40px;
		margin-right: 30px;
		text-align: left;
		max-width: 438px;
		}

	.create_font{
		color:#696969;
		text-align: left;
		float: left;
		font-size: 14px;
		line-height: 45px;
		display: inline-block;
	}
	.box_img1 img{
		max-width: 100% ;
		margin-bottom: 0px;
		padding-bottom: 0px;
		margin-left: 10px;
	}
	.avail_font{
		color:#696969;
		font-size:12px;
		line-height: 32px;
		text-align: center;
		margin-top: 20px;
		width: 100%; 
	}
	.titre_2{
		color: #fff;
		font-size: 26px;
		font-family: 'Open Sans', sans-serif;
		text-align: center;
		font-weight: 900;
		padding-top: 40px;
		line-height: 100%;
		text-align: center;}

	.text_2{
		color:#808080;
		font-size: 16px;
		line-height: normal;
		font-family: 'Open Sans', sans-serif;
		text-align: center;
		}
	.submit_btn3 {display: inline-block;float: right;}
	.submit_btn3 a{
		color: #fff;
		text-decoration: none;
		display: inline-block;
		padding: 10px 40px;
		margin-right:30px;
		border: 1px solid #20c7d9;
		font-family:'Open Sans', sans-serif;
		font-weight: bold;
		font-size: 16px;
		border-radius: 3px;
		text-align: right;
		background-color:#20c7d9; 
		opacity: 1.0;
		float:right;
	    filter: alpha(opacity=100); /* For IE8 and earlier */ }


	.submit_btn3:hover a{
	 	background-color:#20c7d9;
	 	opacity: 0.8;
	    filter: alpha(opacity=0.8); /* For IE8 and earlier */}



/* Social Icons Section  "Follow us on social networks" */
	.titre_4{
		color:#696969;
		font-size:28px;
		line-height: 36px;
		text-align: center;
		padding-top: 40px;
		width: 100%; 
	}
	.text_4{
		color:#a9a9a9;
		font-size: 14px;
		line-height: normal;
		font-family: 'Open Sans', sans-serif;
		padding-top: 20px;
		padding-bottom: 25px;
		text-align: center;
		}

	.box_bottom_padding { padding-bottom: 15px;display: inline-block; }

	.facebook_f {
			border-radius: 4px;
			position:relative; 
			margin-bottom: 15px !important;
	}
	.google_f {
			border-radius: 4px;
			position:relative; 
			margin-bottom: 15px !important;
	}
	.twitter_f {
			border-radius: 4px;
			position:relative; 
			margin-bottom: 15px !important;;
	}
	.subscribe_f {
			border-radius: 4px;
			position:relative; 
			margin-bottom: 15px !important;;
	}
	.subscribe_f a, .google_f a, .facebook_f a, .twitter_f a{
		text-decoration: none;
	}
	.box1{
		top:20px;
		position: absolute;
		left:25px;
	}
	.box2{
		top:20px;
		position: absolute;
		left:12px;
	}
	.box3{
		top:25px;
		position: absolute;
		left:12px;
	}
	.box4{
		top:25px;
		position: absolute;
		left:10px;
	}
	.face_font{
		color:#ffffff;
		font-size: 22px;
		line-height: 30px;
		font-family: 'Open Sans', sans-serif;
		padding-top: 20px;
		text-align: left;
		padding-left: 80px;
		}	
	.social_pos{
		width: 100%;
		position: relative;
		border-radius: 4px;
		display: inline-block;
	}

/* Footer Section */
	.like_font{
		font-size: 14px;
		line-height: normal;
		font-family: 'Open Sans', sans-serif;
		text-align: left;
		padding-left: 80px;		
	}
	.like_font a{
		text-decoration: none;
		}
	.bg_color4{
		margin-bottom: 155px;
		margin-top: 20px;
		width: 100%;

	}

	.test_border {
		border:5px solid red;
	}
	.img_pos{
		margin-right: 40px;
	}
	.love_font{
		font-size:14px;
		font-family: 'Open Sans', sans-serif;
		text-align: center;
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.foto-zoom
{
    position: relative;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
}

.foto-zoom:hover
{
    z-index:2;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);  
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.footer1
{
 width: 23.3%;
 height: auto;
 float: left;
 padding-left: 10%;



}

.footer2
{
 width: 22.3%;
 height: auto;
 float: left;
 padding-left: 10%;


}

.footersag
{
 width: 23.3%;
 height: auto;
 float: left;
 padding-left: 10%;
 width: 28%;

}
.footersol
{
 width: 23.3%;
 height: auto;
 float: left;
 padding-left: 10%;
width: 28%;

}

.footer3
{
 width: 23.3%;
 height: auto;
 float: left;
padding-right: 10%;


}