/* fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Questrial);
@import url(http://fonts.googleapis.com/css?family=Abel);
@import url(http://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic);

	.opensans{
		font-family: 'Open Sans', sans-serif;
	}

	.oswald{
		font-family: 'Oswald', sans-serif;
	}

	.questrial{
		font-family: 'Questrial', sans-serif;
	}

	.abel{
		font-family: 'Abel', sans-serif;
	}
	.muli{
		font-family: 'Muli', sans-serif;
	}

/* defaults */

h1,h2,h3,h4,h5,h6{

}



::selection {
	background: rgba(1,192,244,0.5); /* Safari */
	}
::-moz-selection {
	background: #01C0F4; /* Firefox */
}


/* object oriented styles */
	.btn_hl:hover{
		box-shadow: 0 0 10px rgba(255,255,255,.4);
		-webkit-transition: .08s ease;
		-moz-transition: .08s ease;
		-o-transition: .08s ease;
		transition: .08s ease;
	}

	p{
		text-shadow: 0 1px 0px white;
	}

	/* button gradient blue */
	.blue_gradient{
		background: #01c0f4; /* Old browsers */
		background: -moz-linear-gradient(top, #01c0f4 0%, #04a2e5 97%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01c0f4), color-stop(97%,#04a2e5)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #01c0f4 0%,#04a2e5 97%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #01c0f4 0%,#04a2e5 97%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #01c0f4 0%,#04a2e5 97%); /* IE10+ */
		background: linear-gradient(to bottom, #01c0f4 0%,#04a2e5 97%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01c0f4', endColorstr='#04a2e5',GradientType=0 ); /* IE6-9 */
	}

	/* gradients */
	.gr_grey{
		background: #65707f; /* Old browsers */
		background: -moz-linear-gradient(top, #65707f 0%, #4b5565 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65707f), color-stop(100%,#4b5565)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #65707f 0%,#4b5565 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #65707f 0%,#4b5565 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #65707f 0%,#4b5565 100%); /* IE10+ */
		background: linear-gradient(to bottom, #65707f 0%,#4b5565 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65707f', endColorstr='#4b5565',GradientType=0 ); /* IE6-9 */
	}

body{
	background-color: #f6f6f6;
}

	/* ajax loader styling */
	#load{
		position: relative;
		_top: -50px;
		color: black;
		display: block;
	}

/* scroll to top button */
.scroll_me{
	width:50px;
	height: 50px;
	_background-color: black;
	background: url(../img/to_top.png);
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 999;
	cursor: pointer;
	display: none;
	opacity: 0.7;

}
.scroll_me:hover{
	opacity:1;
}


/* header stylings */
.header_bg{
	background-color: #eaeaea;
	height: 95px;
}

.logo{
	font-family: Helvetica,sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #2d373d;

	padding-top: 10px;
	padding-bottom: 0px;

	position: relative;
	top:11px;

	text-shadow: 0 1px 1px white;
}
.logo span{
	font-size: 14px;
	float: right;
}
.logo img{
	position: relative;
	top: -3px;
}


/* slider */

.flexslider2 .flex-control-nav{
	position: relative;
	top:20px;
}
.flexslider2 .flex-direction-nav{
	display: none;
}
.flexslider2{
	height: 520px;
}
.slider_bg_tile{
	background: url(../img/danturf.grass.jpg) 0 -550px no-repeat;
	/* this one for tiling slider texture for 1200px+ displays*/
}

.slider_bg{
	
	/*background:url(../img/slider_bg.jpg) center top no-repeat;*/

}

.slider{
	color: #efefef;
	

	_background:url(../img/footer_bg.jpg) center top ;
}


/*.ipad img{
	display: block;
	margin-left: auto;
	margin-right: auto;

	position:relative;
	_top: 40px;

	margin-top: 47px;
	margin-bottom: 15px;
}

/* second slider */
.firrrst{
	height: 500px;
}
/*
.ipad_center{
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	border:0;
}

.ipad_center td{
	vertical-align: middle;
	text-align: center;
}
*/
.slogan p{

	letter-spacing: 2px;
	text-align: center;
	font-weight: 100;
	font-size: 43px;
	line-height: 48px;
	text-shadow: 0px 2px 1px rgba(0,0,0,0.75);

	margin-top: 40px;
}

.feature_description{
	font-weight: lighter;
	text-shadow: 0px 1px 1px rgba(0,0,0,1);
	line-height: 30px;
	padding: 50px;
	background: rgba(255,255,255,0.79);
}
.feature_description p{
	line-height: 30px;
		text-shadow: 0px 1px 1px rgba(0,0,0,1);

}
.feature_description li{
	list-style: none;
	line-height: 30px;
	margin-left: -25px;
	letter-spacing: 2px;
	font-size: 23px;
}
.buttons_store span{
	border-radius: 4px;
	width:165px;
	display: block;
	margin-left: auto;
	margin-right: auto;

	


	margin-top: 20px;
	margin-bottom: 40px;

	box-shadow: 0px 3px 25px rgba(0,0,0,0.3);


	-webkit-transition: .2s ease;
	-moz-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
}

.app_store{
	background: url(../img/btn_app_store_sprite.png);
	display: block;
	height: 57px;
	width:165px;
}
	.app_store:hover{
		background: url(../img/btn_app_store_sprite.png);
		background-position: 165px;
	}

/* rotating browsers roundabout */
.roundD{
	height: 500px;
}
.roundD ul{
	_position: relative;
	_top:50px;
}
/* quote */
.quote{
	margin-top: 40px;
	margin-bottom: 40px;

	font-size:14px;
	line-height: 24px;

	background-color: #e9e9e9;
}

.quote p{
	padding-top: 8px;
}


/* features */
.features_title{
	text-align: center;

	margin-bottom: 20px;
}

.features1 .span4{
	margin-top: 20px;
	margin-bottom: 20px;
}

.features1 h4{
	padding-top: 11px;
	padding-bottom: 10px;
	margin-bottom: 10px;

	border-bottom: 1px solid;
	overflow: hidden;
}
.features1 img{
	float: left;
	margin-right: 10px;
}

.features1 p{
	_border-top: 1px dashed rgba(0,0,0,0.2);

	_padding-top:18px;

	_padding-left: 50px;
	_margin-left: 50px;
	overflow: hidden;
}

.features2 h2{
	_border-bottom: 3px dashed;

	padding-bottom: 20px;
	margin-top: 20px;
	text-align: center;
}
.features2 img{
	display: block;
	margin: auto;
	padding-top: 40px;
	padding-bottom: 40px;
}

.features2 p{
	padding-top: 14px;
}

.tab-content ul li{
	font-style: italic;
}

/* pricing tables */
.pricing_tbls{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.pricing_tbls .span3{
	background-color: white;
	margin-bottom: 20px;
	margin-top: 20px;
	border-radius: 4px;

}
.for_border{
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-radius: 4px;
}

.pricing_tbls h3,
.pricing_tbls h4
{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top: #858D99 solid 1px;

	color: white;
	padding-top: 5px;
	padding-bottom: 5px;

	text-shadow: 0 1px 1px rgba(0,0,0,0.6);
}

.pricing_body p{
	border-bottom: #EFEFF0 1px solid;
	padding-bottom: 10px;
	padding-top: 10px;
	margin: 0;
	-webkit-transition: .5s ease;
	-moz-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}
.pricing_body p:hover{
	background-color: #F0F3F4;

	-webkit-transition: .2s ease;
	-moz-transition: .2s ease;
	-o-transition: .2s ease;
	transition: .2s ease;
}
.pricing_body p:last-child{
	border: none;
}

.featured_col h4{
	margin-top: -20px;
	padding-bottom: 15px;
	padding-top: 15px;
}
.featured_col .pricing_body p{
	padding-top: 11px;
	padding-bottom: 11px;
}

.for_price{
	_border: 1px solid black;
	float:left;
	position: relative;
	top:3px;

	padding-left: 30px;
	padding-right: 30px;
}
	.for_price p:first-child{
		font-size: 20px;
		padding-top: 10px;
		padding-bottom: 0;
	}
	.for_price p:last-child{
		font-size: 10px;
		position: relative;
		top:-10px;
	}
.for_button{
	height:54px;
	background-color: #F0F3F4;

	border-top: 1px solid white;
	border-bottom: 1px solid #E0E0E0;
}

	.for_button button{
		border-radius: 4px;
		border-bottom: 1px solid #035FB3;
		border: 1px solid #045FB4;
		_border-top: 1px solid #62D8F8;

		color: white;
		padding: 5px 10px;

		position: relative;
		top: 10px;

		text-shadow:0px 1px 1px rgba(0,0,0,0.3);
	}
/* lightbox styling */
.single{
	float:left;
}

.jThumbnailScroller#tS2{
	margin: 0;
	width: 100%;
	height: 170px;

	background-color: #F6F6F6;
	border:none;
	padding-top: 20px;
	padding-bottom: 20px;
}
/*.jTscrollerNextButton,.jTscrollerPrevButton{
	_-webkit-transition: all .3s ease;
}
.jTscrollerNextButton:hover,.jThumbnailScroller .jTscrollerPrevButton:hover{
	_-webkit-transition: all .3s ease;
}*/
/* slider bottom styling */
.flex-viewport {
	_max-height: 500px;
}

.flex-control-paging li a.flex-active {
	background: #01BDF2; cursor: default;

}

.flexslider {
	-webkit-box-shadow: none;
	border-radius: 0px;
	margin: 0px;
	border:none;

}
.flexslider .flex-prev {
	background: url(../css/prevArrow.png);
}

.flexslider .flex-next{
	 background: url(../css/nextArrow.png);
}
.flex-next:hover,.flex-prev:hover{
	background-color: #01BDF2 !important;
}

.flex-direction-nav a {
	height: 40px;
	width: 40px;
 	background-color: rgba(0,0,0,0.5) !important;
 	border-radius: 30px;
	_background-position: -2px 0px !important;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* partners img styling */
.partners img{
	margin-bottom: 40px;
	margin-top: 40px;
}
.partners h2{
	text-align: center;
	margin-top: 40px;
	margin-bottom: 0px;
}

/* footer */
.footer_bg{
	background: url(../img/slider_bg_tile.png);

	color: #efefef;
}
footer h4{
	margin-top: 20px;
	margin-bottom: 20px;
}
footer p{

	line-height: 24px;
	font-weight: lighter;
	color: #ccc;
		text-shadow: 0px 1px 1px rgba(0,0,0,1);
		margin: 0;

}
footer li{
	list-style: none;
	margin-left: -24px;
	line-height: 24px;
}
footer a{
	font-weight: 200;
	color: #01BEF3;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
}

footer a:hover{
	margin-left: 3px;
	text-decoration: none;
	color: white;
	-webkit-transition: .1s ease;
	-moz-transition: .1s ease;
	-o-transition: .1s ease;
	transition: .1s ease;
}

/* lower footer */
.lower_footer{
	background-color: rgba(0,0,0,0.2);
	padding-top: 14px;
	padding-bottom: 7px;
	border-top: 1px solid rgba(255,255,255,0.15);
	margin-top: 20px;
}
.lower_footer p{
	line-height: 24px;
	font-weight: lighter;
	color: #ccc;
	text-shadow: 0px 1px 1px rgba(0,0,0,1);
	margin: 0;
	float: left;
}
/* social icons */
.social{
	text-align: center;
	float: right;
}
.social span{
	margin-left: 5px;
	margin-right: 5px;
	_margin-bottom: 40px;
}

.cloud_ico{background: url(../img/social/cloud_21.png);}
.facebook_ico{background: url(../img/social/fb_21.png);}
.twitter_ico{background: url(../img/social/tw_21.png);}
.linkedin_ico{background: url(../img/social/in_21.png);}
.dribbble_ico{background: url(../img/social/dribble_21.png);}

	.icon_defaults{
		height: 30px;
		width: 30px;
		display: inline-block;
		opacity: 0.8;
		background-position: 0px 0px;
	}

	.hover_trans{
		opacity: .5;
		-webkit-transition: .15s ease;
		-moz-transition: .15s ease;
		-o-transition: .15s ease;
		transition: .15s ease;
	}

	.hover_trans:hover{
		opacity: 1;
		background-position: 0px 60px;
		-webkit-transition: .15s ease;
		-moz-transition: .15s ease;
		-o-transition: .15s ease;
		transition: .15s ease;
	}


/*#searchField{
	height: 17px;

	background-color: #34373D;
	border:1px solid #272D34;
	border-top: 1px solid #222;
	border-bottom: 1px solid #484F5A;
	border-radius: 3px;
}
#searchSubmit{
	position: relative;
	left:-73px;
	top:-5px;

	//height: 22px;

	border-radius: 3px;
	//background-color: #3575F1;
	border:1px solid #292F37;
	border-top: 1px solid #6DA4F7;
	border-bottom: 1px solid #21252C;

	color: #025296;
	padding-top: -20px;
	font-size: 12px;

	text-shadow:0 1px 1px rgba(255,255,255,1);
}
*//*
@media (min-width: 768px) and (max-width: 979px) {
	.ipad img {
		margin-top:150px;
	}

	.for_price{
		_border: 1px solid black;
		padding-left: 15px;
		padding-right: 15px;
	}
	.for_button button{
		left:-2px;
	}
}
@media (min-width: 481px) and (max-width: 767px){
	.for_price{
		width: 50%;
		padding: 0;
	}
		.for_price p{
			position: relative;
			right: -35%;
		}
	.for_button button{
		float: left;
		left: 10px;
	}

	.featured_col h4 {
		margin-top: 0px;
	}
}
@media (max-width: 480px) {
	.for_price{
		_border: 1px solid black;
		width: 50%;
		padding: 0;
	}
		.for_price p{
			position: relative;
			right: -30%;
		}

	.for_button button{
		float: left;
		left: 15px;
	}

	.featured_col h4 {
		margin-top: 0px;
	}
}