/*
* MYFLAT HTML V1.1
* Copyright 2015, Firas ODEH
* www.pixfort.com
* 19/02/2015
*/



@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600);
@import url(http://fonts.googleapis.com/css?family=Josefin+Slab);



/* #Header
================================================== */
	body{
		font-family: 'Open Sans', sans-serif;
	}
	.para_background{
		background: url(../images/Homepage.jpg) fixed no-repeat;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	}
	.header_container{
		background: #313131;
		background: rgba(0,0,0,0.6);
	}
	.header_left{
		color: #fff;
	}
	.header_left_inner{
		padding: 30px;
	}
	.small_padding{
		padding-top: 20px;
	}
	.margin_bottom{
		margin-bottom: 100px;
	}
	.header_title{
		color: #fff;
		font-size: 46px;
		line-height: 60px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
	}
	.header_text{
		color: #a9a9a9;
		font-size: 18px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 100;
		line-height: 29px;
	}
	.header_bottom_text{
		font-family: 'Open Sans', sans-serif;
		color: #fff;
		font-size: 20px;
		line-height: 32px;
		font-weight: 600;
	}
	.header_right{
		position: relative;
	}
	.header_right_inner{
		right: 0px;
		background: #222;
		background: rgba(0,0,0,0.3);
		padding: 20px;
		height: 100%;
		top: 0;
		bottom: 0;
		
	}
	.connect_text{
		color: #a9a9a9;
		font-size: 16px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 100;
		line-height: 26px;
	}
	.right_title{
		color: #d3d3d3;
		font-size: 22px;
		line-height: 35px;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
	}



	.left_colored_bar{
		width: 70px;
		height: 5px;
		background: #74ff00;
		float: left;
	}
	.colored_bar{
		width: 95px;
		height: 5px;
		background: #74ff00;
		margin-right: auto;
		margin-left: auto;
	}

	.header_tagline{
		padding-left: 30px;	
	}
	.header_tagline2{
		padding-left: 5px;
	}

	.colored{
		color: #74ff00;
	}
	.header_tagline_gray{
		font-style:italic;
		color: #777;
		font-size: 13px;
	}


	#form1{
		color: #aaa;
		font-size: 14px;
		font-family: arial;
		font-weight: bold;
	}
	#form1 input[type=text]{
		width: 96%;
		max-width: 96%;
		font-size: 15px;
		height: 25px;
		border: 1px solid #74ff00;
		border-radius: 3px;
		background: #fff;
		color: #000;
	}
	#form1 textarea{
		width: 96%;
		max-width: 96%;
		border: 1px solid #74ff00;
		border-radius: 3px;
		background: #fff;
		color: #000;
	}
	#form1 input[type=submit]{
		background: #65dd00;
		border-radius: 3px;
		padding: 30px;
		color: #fff;
		margin: 0;
    	padding: 10px;
    	width: 99%;
    	font-family: 'Open Sans', sans-serif;
    	font-weight: 600;
    	font-size: 18px;
    	text-shadow:0px;
	}

	#contact_form{
		font-size: 11px;
		font-weight: bold;
		color: #666666;
		margin-right: auto;
		margin-left: auto;
	}
	#contact_form legend{
		font-size: 15px;
		color: #C9C9C9;
	}
	#contact_form label{
		//display: block;
		margin-bottom:5px;
		color: #aaa;
		font-size: 14px;
		font-family: arial;
		font-weight: bold;
	}
	#contact_form label span{
		float:left;
		color:#666666;
		color: #aaa;
		font-size: 14px;
		font-family: arial;
		font-weight: bold;
	}
	#contact_form input{
		height: 25px;
		border: 1px solid #DBDBDB;
		border-radius: 3px;
		padding-left: 4px;
		color: #666;
		border: 1px solid #74ff00;
		border-radius: 3px;
		background: #fff;
		color: #000;
		width: 96%;
		max-width: 96%;
	}
	#contact_form textarea{
		border: 1px solid #DBDBDB;
		border-radius: 3px;
		padding-left: 4px;
		color: #666;
		height:100px;
		border: 1px solid #74ff00;
		border-radius: 3px;
		background: #fff;
		color: #000;
		width: 96%;
		max-width: 96%;
	}
	.submit_btn, .submit_btn:hover {
		border: 0px solid #D8D8D8;
		padding: 5px 15px 5px 15px;
		text-shadow: 0px 0px 0px #FFF;

		background: #65dd00;
		border-radius: 3px;
		padding: 30px;
		color: #fff;
		margin: 0;
    	padding: 10px;
    	width: 99%;
    	font-family: 'Open Sans', sans-serif;
    	font-weight: 600;
    	font-size: 18px;
    	text-shadow:0px;
	}

	.success{
		background: #CFFFF5;
		padding: 10px;
		margin-bottom: 10px;
		border: 1px solid #B9ECCE;
		border-radius: 5px;
		font-weight: normal;
	}
	.error{
		background: #FFDFDF;
		padding: 10px;
		margin-bottom: 10px;
		border: 1px solid #FFCACA;
		border-radius: 5px;
		font-weight: normal;
	}





	.confirm_page{
		display:none;
		height: auto;
	}
	.confirm_header{
		text-align: center;
		color:#696969;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		font-size: 26px;
	}
	.confirm_text{
		text-align: center;
		font-size:14px;
		color:#808080;
		font-family: 'Open Sans', sans-serif;
		max-width: 500px;
		padding: 30px;
	}
	.confirm_logo{
		text-align: center;
		padding: 20px;
	}
	.confirm_social{
		text-align: center;
	}
	.confirm_gp {
		position: relative;
		top: -12px;
		padding: 0px 20px;
	}



	.features_section{
		background: #ebeaea;
		padding: 30px 0px;
	}
	.feature_item{
		padding: 0px;
	}
	.feature_icon{
		height: 100%;
		position: absolute;
		display: block;
		padding-bottom: 100px;
		color: #808080;
	}
	.feature_text_div{
		padding-left: 85px;
	}

	.header_social_icons{
		float: right;
		text-align: right;
	}

	.feature_iem_title{
		color: #808080;
		font-size: 26px;
		line-height: 28px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
	}
	.feature_item_text{
		color: #a9a9a9;
		font-size: 14px;
		line-height: 22px;
		font-family: 'Open Sans', sans-serif;
	}








	.info_section{
		padding: 30px 0px;
	}
	.info_div{
		text-align: center;
	}
	.info_title{
		color: #696969;
		font-size: 32px;
		line-height: 45px;
		font-family: 'Open Sans', sans-serif;
		text-align: center;
		font-weight: 600;
	}
	.info_tagline{
		color: rgb(169, 169, 169); 
		text-align: center;
		font-size:20px;
		line-height: 32px;
		font-family: 'Open Sans', sans-serif;
		max-width: 660px;
		margin-right: auto;
		margin-left: auto;
	}

	.info_boxes{
		padding-top: 30px;
		
	}
	.info_box_inner{
		margin: 10px;
		background: #eee;
		position: relative;
	}
	.info_img{
		width: 100%;
		height: 245px;
		padding-bottom: 0px;
	}
	.price_div{
		position: absolute;
		top: 15px;
		right: 15px;
		background: rgba(74,255,00,0.7);
		padding: 5px 15px;
		border-radius: 3px;
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-weight: 700;
	}
	.price_div_text{
		color: #fff;
		font-size: 16px;
		font-family: 'Open Sans', sans-serif;
	}
	.info_box_text_div{
		padding: 0px 10px;

	}
	.info_box_title{
		font-family: 'Josefin Slab', serif;
		font-size: 28px;
		line-height: 28px;
		color: #000;
		position: relative;
		top: 0px;
	}
	.info_box_inner_text{
		color: #808080;
		padding-bottom: 10px;
	}





	.points_section{
		background: #f0f0f0;
		padding: 50px 0px;
	}
	.points_title{
		font-size:32px;
		color:#696969;
		line-height: 42px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
	}
	.points_div{
		padding: 20px 0px;
		position: relative;
	}
	.single_point_div{
		padding: 20px 0px;
	}
	.point_circle{
		border: 1px solid #74ff00;
		border-radius: 100%;
		width: 40px;
		height: 40px;
		text-align: center;
		line-height: 40px;
		position: absolute;
	}
	.point_ico{
		margin-left: auto;
		line-height: 40px;
		margin-top: auto;
		margin-bottom: auto;
		margin-right: auto;
		color: #74ff00;
	}
	.single_point_text{
		margin-left: 60px;
		font-size:18px;
		color: rgb(169, 169, 169);
		line-height: 42px;
		font-family: 'Open Sans', sans-serif;
	}



	.proto_div{
		text-align: center;
	}
	#proto_img{
		border: 1px solid #cdcdcd;
		width: 90%;
		height: auto;
	}




	.clients_container{
		padding: 40px 0px;
	}
	.clients_left{
		padding: 10px;
	}
	.clients_title{
		font-size:18px;
		color: #fff;
		line-height: 32px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
	}
	.clients_left_text{
		font-size:16px;
		color: #808080;
		line-height: 26px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
	}
	.note_star{
		color: #d3d3d3;
	}
	.clients_note{
		font-size:13px;
		color: #696969;
		line-height: 22px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-style:italic;
	}
	.client_div{
		text-align: center;
		min-height: 200px;
	}
	.client_img{
		padding-top: 60px;
	}




	.button_section{
		background: #333;
		padding: 40px 0px;
		padding-bottom: 60px;
	}
	.footer_button{
		text-align: center;
	}
	.footer_button_title{
		color: #a9a9a9;
		font-size:24px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		line-height: 38px;
	}
	.footer_button_text{
		font-size:16px;
		color: #696969;
		line-height: 26px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		max-width: 600px;
		margin-right: auto;
		margin-left: auto;
	}
	.colored_button_div{
		margin-top: 40px;
	}
	.colored_button_div a{
		color: #fff;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
	}
	.colored_button{
		margin-top: 30px;
		padding: 20px 30px;
		color: #fff;
		text-decoration: none;
		background: #65dd00;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		font-size: 18px;
		border-radius: 3px;
		animation: mov 2s linear 0s infinite alternate;
    	-webkit-animation: mov 2s linear 0s infinite alternate;
	}

	 @-webkit-keyframes mov {
	    0% { opacity:1; }
	    50% { opacity:0.5;}
	    100% { opacity:1; }
	  }
	  @-moz-keyframes mov {
	    0% { opacity:1; }
	    50% { opacity:0.5;}
	    100% { opacity:1; }
	  }
	 


	  .footer_section{
	  	background: #222;
	  	padding: 20px 0px;
	  }
	  .social_span{
	  	padding: 7px 20px;
	  	padding-top: 15px;
	  	border-radius: 3px;
	  	background: #292929;
	  }
	  .footer_text{
	  	margin-top: 20px;
	  	color: #a9a9a9;
	  	line-height: 22px;
	  	font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 14px;
	  }

	  .heart_icon{
	  	color: #e64b50;
	  	padding: 3px;
	  	font-size: 17px;
	  }



	  








/* --------------------- end ISOTOPE --------------------- */
/* thumb image */
.thumb { position: relative; margin-bottom: 20px; overflow: hidden; }
.thumb a, .thumb a img { display: block; border-radius:0px; border-top-left-radius: 3px;border-top-right-radius: 3px;}
.thumb a img { width: 100%; }
.thumb .info { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -ms-transition: all .25s linear; transition: all .25s linear; }
.thumb:hover .info { opacity: 1; filter: none; }
.thumb .pattern { 
/*background: url(img/pattern.png);*/
 background-color: rgba(0,0,0,0.4); pointer-events: none; }
.thumb .text { display: none; position: absolute; left: 0; bottom: 0; width: 100%; background: #222; background: rgba(0,0,0,0.75); color: #fff; padding: 10px 0; }
.thumb:hover .text { display: block; }
.thumb .text strong, .thumb .text em { display: block; line-height: 15px; padding: 0 10px; }
.thumb .text strong { font-size: 12px; padding-bottom: 5px; text-transform: uppercase; }
.thumb .text em { font-size: 11px; line-height: 17px; }
.thumb .text span { display: inline-block; background: url(img/sprite.png) no-repeat; }
.thumb .text em.date span { width: 14px; height: 17px; background-position: -51px -19px; margin-right: 5px; position: relative; top: 3px; }
.thumb .text a.link, .thumb .text a.fullsize { position: absolute; bottom: 10px; width: 17px; height: 17px; background: url(img/sprite.png) no-repeat -999px 0; }
.thumb .text a.link { right: 35px; background-position: -55px 0; }
.thumb .text a.fullsize { right: 10px; background-position: 0 -15px; pointer-events: auto; }
.thumb .button-fullsize, .thumb .button-link { position: absolute; top: 50%; left: 50%; display: block; width: 63px; height: 63px; background: url(img/sprite.png) no-repeat -64px -81px; opacity: .75; filter: alpha(opacity=75); pointer-events: auto; margin: -32px 0 0 -32px; pointer-events: none; }
.thumb .button-fullsize { background-position: 0 -81px; }

.thumb2 .pattern,.thumb2  {
	border-radius: 4px;
}
.thumb2{
	margin-bottom: 10px;
}
/* fancybox */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { border: 0; outline: none; vertical-align: top; margin: 0; padding: 0; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); -moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); box-shadow: 0 5px 15px rgba(0,0,0,.25); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; white-space: nowrap; margin: 0; padding: 15px; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-prev span, .fancybox-next span { background-image: url(img/sprite.png); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -23px; margin-left: -23px; background-position: -130px -109px; opacity: .8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 46px; height: 46px; background: url(img/loading.gif) center center no-repeat; }
.fancybox-close { background-image: url(img/X.png); position: absolute; top: -18px; right: -18px; width: 34px; height: 34px; cursor: pointer; z-index: 8040; background-position: 0px 0; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(data:;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 36px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-prev span { left: 10px; background-position: -140px -36px; }
.fancybox-next span { right: 10px; background-position: -140px -72px; }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(data:;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVR42mIU4OHZwEAEYGIgEowqpI5CgAADAGiRAOzkX/wUAAAAAElFTkSuQmCC); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; background: rgba(0,0,0,0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; padding: 2px 20px; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; background: rgba(0,0,0,.8); padding: 10px; }
.fancybox-lock{
    margin-right:0 !important;
}