@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;
	}
	.text-center {
		text-align: center;
	}
	.formOverlay:before 
	{
	  font-family: "Font Awesome 5 Free";
      font-style: normal;
      font-variant-caps: normal;
      font-variant-ligatures: normal;
      font-weight: 900;      
      line-height: 16px;
      text-rendering: auto;      
      -webkit-font-smoothing: antialiased;
      content: "\f110";
	  -webkit-animation: fa-spin 2s infinite linear;
      animation: fa-spin 2s infinite linear;
	  color:#0c65ed;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  margin-left: -10%;
	  font-size: 56px;
	  margin-top: -34px;
	}
	@-webkit-keyframes fa-spin {
	  0% {
	    -webkit-transform: rotate(0deg);
	            transform: rotate(0deg); }
	  100% {
	    -webkit-transform: rotate(360deg);
	            transform: rotate(360deg); } }

	@keyframes fa-spin {
	  0% {
	    -webkit-transform: rotate(0deg);
	            transform: rotate(0deg); }
	  100% {
	    -webkit-transform: rotate(360deg);
	            transform: rotate(360deg); } }
	.formOverlay 
	{
	  background: rgba(0,0,0,0.3);
	  display: block;
	  height: 100%;
	  left: 0;
	  position: absolute;
	  top: 0;
	  width: 100%;
	  z-index: 9999;
	}
	.alert {
		padding: 15px 0px;
		margin-bottom: 15px;
		border-radius: 5px;
	}
	.alert-danger {
	    color: #721c24;
	    background-color: #f8d7da;
	    border-color: #f5c6cb;
	}
	.alert-success {
	    color: #155724;
	    background-color: #d4edda;
	    border-color: #c3e6cb;
	}
	.alert strong {
		display: inline-block;
		width: 100%;
	}
	.alert .message-icon 
	{
	  margin-right: 0px;
	  width: 30px;
	  height: 30px;
	  margin-left:  15px;
	  text-align: center;
	  border:1px solid #9F9F9F;
	  border-radius: 50%;
	  line-height: 30px;
	}
	.alert span {
	  display: inline-block;
	  font-size: 14px;
	  font-weight: 400;
	  /* float: left; */
	  width: 75%;
	  margin-left: 15px;
	  margin-top: 5px;
	}
	.form-control.error {
		border-color: rgb(255, 26, 26) !important;
	    box-shadow: 0 1px 1px rgba(56, 165, 74, 0.1) inset, 0 0 4px rgba(166, 0, 0, 0.4) !important;
	    -webkit-box-shadow: 0 1px 1px rgba(255, 52, 52, 0.53) inset, 0 0 4px rgb(255, 36, 36) !important;
	    -moz-box-shadow: 0 1px 1px rgba(56, 165, 74, 0.1) inset, 0 0 4px rgba(166, 0, 0, 0.4) !important;
	}
	.g-recaptcha{
	padding-top: 10px;
}


/*Thank you page*/

.ty {
	padding: 150px 0px; 
}
.ty i
{
	height: 80px;
	width:80px;
	border-radius: 50%;
	
	border: 1px solid #ccc;
	line-height: 80px;
	color: #0e8b05;
	font-size: 32px;
}
.ty h3
{
	font-size: 40px;
	font-weight: 600;
	margin-top: 35px;
	font-family:  'Open Sans', sans-serif;
}
.ty p
{
	font-size: 16px;
	margin: 10px 0px;
}
label.error {
    /*margin-bottom: 0px !important;*/
    position: relative;
     top: -12px; 
    /* margin-top: -10px !important; */
    color: red !important;
    width: 100%;
    background:  transparent;
    padding:  0px;
    margin-bottom:  0px;
    display: inline-block;
    font-weight: 300 !important;
    border: none;
}
.thankyou-topbar {
	padding: 25px 0px;
	background: #565656;
}

@media (min-width: 1900px) {
	.ty {
	    padding: 170px 0px;
	}
}
	.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: #d0d0d0;
		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: #c00eec;
		float: left;
	}
	.colored_bar{
		width: 95px;
		height: 5px;
		background: #c00eec;
		margin-right: auto;
		margin-left: auto;
	}

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

	.colored{
		color: #c00eec;
	}
	.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 #c00eec;
		border-radius: 3px;
		background: #fff;
		color: #000;
	}
	#form1 textarea{
		width: 96%;
		max-width: 96%;
		border: 1px solid #c00eec;
		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;
	}
	.cal-now {
		margin-bottom: 20px;
		text-align: center;
	}
	.cal-now a {
		display: inline-block;
		width: auto;
		padding: 10px 50px;
		border: 1px solid #fff;
		background: #1c293c;
		color: #fff;
		font-weight: 600;
		font-size: 18px;
		border-radius: 5px;
		text-decoration: none;
		transition: all 0.4s ease;
	}
	.cal-now a img {
		margin-right: 25px;
		float: left;
	}
	.cal-now a span {
		margin-top: 3px;
		display: inline-block;
	}
	.cal-now a:hover {
		border-color: #1c293c;
		background: #183156;
	}
	#contact_form legend{
		font-size: 15px;
		color: #C9C9C9;
	}
	#contact_form label{
		display: block;
		margin-bottom:0px;
		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: 31px;
		border: 1px solid #DBDBDB;
		border-radius: 3px;
		padding-left: 4px;
		color: #666;
		border: 1px solid #c00eec;
		border-radius: 3px;
		background: #fff;
		color: #000;
		width: 96%;
		max-width: 96%;
		margin-bottom: 15px;
	}
	#contact_form textarea{
		border: 1px solid #DBDBDB;
		border-radius: 3px;
		padding-left: 4px;
		color: #666;
		height:100px;
		border: 1px solid #c00eec;
		border-radius: 3px;
		background: #fff;
		color: #000;
		width: 96%;
		max-width: 96%;
	}
	.submit_btn, .submit_btn:hover {
		border: 0px solid #c00eec;		
		text-shadow: 0px 0px 0px #FFF;
		background: #c00eec;
		border-radius: 3px;
		padding: 30px;
		color: #fff;
		margin: 0;
    	padding: 16px 0px;
    	width: 99%;
    	font-family: 'Open Sans', sans-serif;
    	font-weight: 600;
    	font-size: 18px;
    	text-shadow:none;
    	margin-top: 20px;
	}

	.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: #6f6f6f;
		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: #808080; 
		text-align: center;
		font-size:18px;
		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: 'Open Sans', sans-serif;
		font-weight: 600;
		font-size: 24px;
		line-height: 28px;
		color: #666666;
		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 #c00eec;
		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: #c00eec;
	}
	.single_point_text{
		margin-left: 60px;
		font-size:18px;
		color: #808080;
		line-height: 36px;
		font-family: 'Open Sans', sans-serif;
	}



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




	.clients_container{
		padding: 20px 0px 5px;
	}
	.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: #bdbdbd;
		line-height: 26px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
	}
	.note_star{
		color: #d3d3d3;
	}
	.clients_note{
		font-size:12px;
		color: #bdbdbd;
		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 {
		    background: url(../images/footer-bg.jpg) fixed no-repeat;
		    background-size: cover;
	}
	.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;
	  }

	  .copyright {
	  	padding: 20px 0px;
	  	background: #c00eec; 
	  }
	  .copyright-text {
	  	color: #fff;
	  	margin-bottom: 0px;	  	
	  }
	  .list-social {
	  	text-align: right;
	  	margin: 0px;
	  	padding: 0px;
	  }
	  .list-social li {
	  	display: inline-block;
	  	margin-bottom: 0px;
	  }
	  .list-social li i {
	  	color: #fff;
	  	font-size: 18px;
	  	margin-left: 8px;
	  }



	  








/* --------------------- end ISOTOPE --------------------- */
/* thumb image */
.thumb { position: relative; margin-bottom: 20px; overflow: hidden; }
.thumb a, .thumb a img { display: block; border-radius:0px;}
.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;
}

@media (max-width: 800px) {
	.cal-now a {
		padding: 10px 15px;
	}
}

@media (max-width: 767px) {
	.copyright {
		text-align: center;
	}
	.copyright-text {
		margin-bottom: 15px;
	}
	.list-social {
		text-align: center;
	}
}