@charset "utf-8";
/* CSS Document */


/*
Theme Name: FlatHost - Onepage Hosting Template
Version: 1.0
Author: Surjith SM
Author URI: http://themeforest.net/user/surjithctly
*/


/******************  Table of Contents  *****************************
1. GLOBAL STYLES
1. HEADER
2. MAIN FEATURES
3. MORE FEATURES
4. FEATURES LAYOUT
5. TESTIMONIALS
6. PLANS AND PRICING
7. COMPARE PLANS
8. DOMAIN SEARCh
9. CONTACT
10. FOOTER
11. MODAL SIGNIN / SIGNUP
12. BLOG
13. CUSTOM MEDIA QUERIES
14. VERSION 1.1


If you having trouble in editing css. please send a mail to support@surjithctly.in - i will really help you

*/


/*==========0. GLOBAL STYLES==============*/

html {

/*text-rendering: optimizeLegibility !important;*/

/*-webkit-font-smoothing: antialiased !important;*/

}

body {
	/*	font-family:"Montserrat" , Helvetica, sans-serif; */
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	background:#FFF;
}
a {
	color:#2cc76a;
}
a:hover, a:focus {
	color:#1eb45a;
}
/*==========1. HEADER==============*/

.jumbotron {
	position: relative;
	color: #fff;
	/*text-align: center;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 0 30px rgba(0, 0, 0, .075);*/
	background:url(../images/header-bg.jpg) no-repeat #232a31; /* Old browsers */
	height:630px;
	background-size:cover;
	overflow:hidden;
}
.navbar {
	background:	#EEEEEE;
}
.navbar-inner {
	background:none;
	border:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	padding-top: 5px;
	filter:none;
	-ms-filter:none;
}
.navbar .nav > li > a {
	color:#FFF;
	text-transform:uppercase;
	text-shadow: 0 1px 0 #666;
	margin-left: 0px;
}

.navbar .nav .current {
		background: #ffffff;
		-moz-border-radius-topleft: 15px;
		-moz-border-radius-topright: 15px;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		margin-left: 0px;
		border-top: 2px solid #D6D6D6;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
		
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
	color:#CCC;
	background: #ffffff;
		-moz-border-radius-topleft: 15px;
		-moz-border-radius-topright: 15px;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		margin-left: 0px;
		border-top: 2px solid #000;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	background:none;
	color:#2cc76a;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.navbar .nav {
	padding-top:2px;
}
.navbar .btn, .navbar .btn-group {
	margin-top:0;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
	color: #FFF;
	background-color: transparent;
}
.navbar-absolute + div {
	margin-top: 68px;
}
.btn-large {
	font-size:18px;
	padding:20px 50px;
	margin:5px 10px;
}
.btn-success {
	background-color: #2cc76a;
	background-image:none;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
	background-color: #22bb5f!important;
	color:#FFF!important;
}
.btn-primary {
	background-color: #2db6d8;
	background-image:none;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: #209ab8!important;
	color:#FFF!important;
}
.btn-danger {
	background-color: #f45c57;
	background-image:none;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
	background-color: #eb534e!important;
	color:#FFF!important;
}


.navbar .nav > .active > a.btn {
	background-color: #22bb5f!important;
	color:#FFF!important;
}




.hero-unit {
	background:none;
	text-align:center;
	padding-top:60px;
}
.hero-unit h1 {
	padding-bottom:15px;
}
.hero-unit h3 {
	font-weight:normal;
	padding-bottom:15px;
}
.slide2 {
	background:none;
	text-align:center;
	padding-top:90px;
}
.slide2 h1 {
	font-size:50px;
}
.slide3 {
	background:none;
	text-align:left;
	padding-top:80px;
}
.slide3 h1 {
	font-size:50px;
	padding-top:90px;
}
.slide3 h3 {
	font-size:20px;
	padding-right:20px;
}
/*==========2. MAIN FEATURES==============*/


.mainFeatures {
	margin-top:0px;
}
.thumbnail {
	border:0;
	padding:20px 0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.thumbnail h4, .thumbnail p {
	text-align:center;
}
/*==========3. MORE FEATURES==============*/

.PageHead {
	margin-top:50px;
}
.PageHead h1, .PageHead h3 {
	text-align:center;
}
.PageHead h3 {
	color:#666;
	font-weight:normal;
}
.features {
	margin:25px 0;
	float:left;
}
.features img {
	float:left;
	padding:10px 20px 0 0;
}
.features p {
	padding-left: 80px;
}
/*==========4. FEATURES LAYOUT==============*/

.FeatLayout {
	margin-top:50px;
}
.FeatLayout .Featimg {
	text-align:center;
}
.FeatLayout h3 {
	color:#666;
	font-weight:normal;
}
.ticklist {
	margin:0;
	padding:0;
	list-style:none;
}
.ticklist li {
	width:50%;
	float:left;
	padding:5px 5px 5px 30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:url(../images/tick.png) no-repeat left;
}
/*==========5. TESTIMONIALS==============*/


.Testimonials p {
	font-style:italic;
}
.Testimonials .thumbnail img {
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
}
.Testimonials .thumbnail h5 {
	text-align:center;
}
.PartnersList {
	text-align:center;
}
/* Animation */

.Testimonials .span4 {
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.Testimonials .span4:hover {
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	z-index:2;
}
/*==========6. PLANS AND PRICING==============*/

/* Animation */

.PlanPricing {
	margin-top:100px;
	-moz-transition:all 0.6s ease;
	-webkit-transition:all 0.6s ease;
	-ms-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
}
.PlanPricing:hover {
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
	z-index:2;
	-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
}
.PlanPricing .planName {
	background:#202b34;
	padding-top:50px;
	padding-bottom:10px;
	text-align:center;
}
.PlanPricing .price {
	background:#2cc76a;
	padding:5px;
	color:#FFF;
	font-size:50px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	display:block;
	width:100px;
	height:100px;
	line-height:100px;
	margin:0 auto;
	position:relative;
	margin-top:-107px;
	margin-bottom:10px;
}
.PlanPricing.Recommended .price {
	background:#f45c57;
}
.PlanPricing .planName h3 {
	color:#FFF;
	text-align:center;
	padding:0;
	margin:0;
	text-transform:uppercase;
}
.PlanPricing .planName p {
	color:#999;
	text-align:center;
}
.PlanPricing .planFeatures {
	background:	#e8e9ea;
	text-align:center;
	padding:10px;
}
.PlanPricing .planFeatures ul {
	margin:0;
	padding:0;
	list-style:none;
}
.PlanPricing .planFeatures ul li {
	padding:13px 0;
	list-style:none;
}
.PlanPricing p {
	margin:0;
}
.PlanPricing .btn {
	width:100%;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/*==========7. COMPARE PLANS ==============*/

.ComparePlans {
	margin-top:20px;
}
.ComparePlans .planFeatures {
	text-align:center;
	padding:10px;
}
.ComparePlans .CompareList .planFeatures {
	text-align:right;
}
.ComparePlans .planFeatures ul {
	margin:0;
	padding:0;
	list-style:none;
}
.ComparePlans .planFeatures ul li {
	padding:13px 0;
	list-style:none;
}
.ComparePlans .planHead1 {
	height:60px;
	background:#FFF;
}
.ComparePlans .planHead2 {
	height:60px;
	background:#2cc76a;
}
.ComparePlans .planHead3 {
	height:60px;
	background:#f45c57;
}
.ComparePlans .planHead2 h3, .ComparePlans .planHead3 h3 {
	color:#FFF;
	text-align:center;
	padding:0;
	margin:0;
	text-transform:uppercase;
	padding-top:10px;
}
.ComparePlans .pricing1 .planFeatures {
	border-right:solid 1px #2cc76a;
	border-left:solid 1px #2cc76a;
}
.ComparePlans .pricing2 .planFeatures {
	border-right:solid 1px #f45c57;
	border-left:solid 1px #f45c57;
}
.ComparePlans .btn {
	width:100%;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/*==========8. DOMAIN SEARCH ==============*/


.domain {
	position: relative;
	background:#34454e;
	background-size:cover;
	overflow:hidden;
	margin-top:80px;
}
.domain h1, .domain h3 {
	color:#FFF;
}
.input-append, .input-prepend {
	display:inline;
}
.input-append input, .input-prepend input {
	height:50px;
}
.domain p {
	text-align:center;
	padding-top:10px;
	padding-bottom:40px;
}
.input-append .btn-group:last-child > .dropdown-toggle {
	height:50px;
	background:#e2e5e6;
	font-size:18px;
	font-weight:bold;
	padding-left:15px;
}
/*==========9. CONTACT ==============*/

.ContactUs {
	margin-top:25px;
}
.ContactUs input[type=text], .ContactUs input[type=email] {
	height:50px;
}
.ContactUs textarea {
	height:150px;
}
.ContactUs .btn {
	width:100%;
	margin:5px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/*==========10. FOOTER ==============*/


.footer {
	position: relative;
	color: #fff;
	background:url(../images/header-bg.jpg) no-repeat #232a31;
	background-size:cover;
	overflow:hidden;
	margin-top:80px;
}
.footer h1, .footer h3 {
	color:#FFF;
}
.footerlinks {
	margin:20px 0;
}
.footerlinks p {
	color:#68737b;
	text-transform:uppercase;
	padding-top:15px;
}
.footerlinks ul {
	margin:0;
	padding:0;
	list-style:none;
}
.footerlinks ul li {
	color:#FFF;
	padding:2px 0;
}
.footerlinks ul li a {
	color:#FFF;
}
.copyright {
	margin:30px 0;
}
/*==========11. MODAL SIGNIN / SIGHUP ==============*/

.modal {
	width:800px;
}
.modal-header {
	padding:10px 30px;
}
.modal-body {
	padding:10px 30px;
}
.LoginSignup input[type="text"], .LoginSignup input[type="password"] {
	width:94%;
	padding:15px 10px;
}
.LoginSignup .btn {
	width:100%;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:10px;
}
/*==========12. BLOG ==============*/

.blogpost {
	margin-bottom:30px;
}
.blogpost img {
	padding:10px 0;
	max-width:100%;
	min-width:100%;
}
.blog h1.title {
	font-size:30px;
	line-height:32px;
}
.blog h3.subtitle {
	font-size:16px;
	font-weight:normal;
	line-height:20px;
	padding-bottom:5px;
}
.bloglist {
	margin:0;
	padding:0;
	list-style:none;
}
.bloglist li {
	padding:5px 0;
	color:#666;
}
.bloglist li a {
	color:#666;
}
.commentform input {
	height: 40px;
}
.commentform textarea {
	height:150px;
}
.commentform p {
	text-align:right;
}
.commentform .btn {
	margin-right:0;
}
.media-list p {
	margin-bottom:30px;
}
.media-list .timestamp {
	font-size:12px;
	color:#999;
	display:block;
	padding:5px 0;
}



/*==========13. CUSTOM MEDIA QUERIES==============*/


/*MEDIA QUERIES*/

@media (max-width: 979px) {
 .hero-unit {
 padding-top:75px;
}
 .hero-unit h1 {
 font-size:40px;
}
 .hero-unit h3 {
 font-size:18px;
 line-height:25px;
 padding-top:5px;
 padding-bottom:5px;
 font-weight:normal;
}
 .navbar .btn-navbar {
margin-top: 20px;
background: transparent;
text-shadow: none;
border: 0;
box-shadow: none;
}
 .navbar .btn-navbar:hover {
 background: transparent;
}
 .navbar-fixed-top.navbar-absolute {
 position: absolute;
 margin: 0;
}
 .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
 background:transparent;
}
 .slide2, .slide3 {
padding-top: 75px;
}
 .slide3 h1, .slide2 h1 {
 font-size:34px;
}
 .slide3 h3, .slide2 h3 {
 font-size:18px;
 line-height:25px;
 padding-top:5px;
 padding-bottom:5px;
 font-weight:normal;
}
}
 @media (max-width: 767px) {
.jumbotron {
padding: 20px 20px;
margin-top: -20px;
margin-right: -20px;
margin-left: -20px;
height:auto;
}
 .PageHead h3, .FeatLayout h3 {
 font-size:20px;
 line-height:25px;
 padding-top:5px;
 padding-bottom:5px;
}
 .jumbotron .navbar-fixed-top.navbar-absolute {
 top: 20px;
}
 .navbar .btn-navbar {
margin-top: 23px;
}
 .domain {
padding: 0 20px;
margin-bottom: -20px;
margin-right: -20px;
margin-left: -20px;
}
 .domain .input-append input.span11 {
 width:83%;
}
 .footer {
padding: 20px 20px;
margin-bottom: -20px;
margin-right: -20px;
margin-left: -20px;
}
}
 @media (max-width: 480px) {
 .domain .input-append input.span11 {
 width:74%;
}
 .ticklist li {
 width:100%;
}

.modal {
	width:auto;	
}

}




/*==========14. VERSION 1.1==============*/

.navbar li.dropdown:hover ul {
	display:block;	
}

.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
	top:97%;
}

.customers_container {
	margin: 0 auto;
	padding-left:70px;
	width: 820px;
}

.customer_image {
	padding: 10px;
	float: left;
	height: 150px;
	width: 150px;
}

.ash_container {
	margin: 0 auto 30px auto;
	width: 90%;
}

.ash_image {
	padding: 15px 10px 10px 15px;
	float: left;
	height: 205px;
	width: 150px;
	
}

.ash_image img {
	
}