@charset "utf-8";
/* CSS Document */
/*THIS IS A TEST*/


/*
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==============*/


body {
	font-family:Arial, Helvetica, sans-serif;
	background:#FFF;
}
a {
	color:#006ba4;
}
a:hover, a:focus {
	color:#63666a;
}
.content a {
	color:#006ba4;
	text-decoration: underline;
}
/*==========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 #fff; /* Old browsers */
	height:777px;
	background-size:cover;
	overflow:hidden;
	margin-top:111px;
}
.second {
	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/second-bg.jpg) no-repeat #fff; /* Old browsers */
	height:214px;
	background-size:cover;
	overflow:hidden;
}
 dl { 
 border: 1px dotted #ccc; 
 padding: 0.5em; 
 } 
 dt { 
 float: left; 
 clear: left; 
 width: 210px; 
 text-align: right; 
 font-weight: bold; 
 } 
 dt:after { 
 content: ":"; 
 } 
 dd { 
 margin: 0 0 0 220px; 
 padding: 0 0 1.5em 0; 
 }
.navbar {
	background:	#fff;
}
.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:#006ba4;
	font-size:14px;
	}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
	color:#63666a;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	background:none;
	color:#006ba4;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.navbar .nav {
	padding-top:50px;
}
.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: #000;
	background-color: transparent;
}
.navbar-absolute + div {
	margin-top: 68px;
	float: right;
	border-bottom: #006ba4;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}
.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:left;
	padding-top:400px;
}
.hero-unit h1 {
	zoom: 1;
	padding-bottom:0px;
	text-shadow: 1px 6px 6px rgba(0, 0, 0, 0.75);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45);
}
.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:100px;
}
.slide3 h1 {
	font-size:50px;
	padding-top:90px;
}
.slide3 h3 {
	font-size:20px;
	padding-right:20px;
}
/*==========2. MAIN FEATURES==============*/


.mainFeatures {
	margin-top:50px;
}
.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:left;
	font-size:16px;
	line-height:0;
	margin:0;
	font-weight:normal
}
.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;
}

/*==========A New Addition==============*/
.dropdown-menu li {
	/*background-image:url(../images/dash.gif);*/
	background-repeat:no-repeat;
	background-position:left;
	cursor:pointer;
	margin-bottom:13px;
	margin-left:-10px;
	padding:0 5px 0 20px;
}

/*==========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-size:cover;

	
}
.footer h1, .footer h3 {
	color:#FFF;
}

.footerlinks {
	margin:0 0;
	border-top:solid;
	border-top-color:#006ba4;
	border-top-width:5px;
	
}
.footerlinks p {
	color:#006ba4;
	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:#000;
}
.copyright {
	margin:30px 0;
}
/*==========11. MODAL SIGNIN / SIGHUP ==============*/

.modal {
	width:460px;
}
.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 ==============*/

.content {
	margin-bottom:30px;
}

.content img {
	padding:10px 0;
	/*max-width:100%;
	min-width:100%;*/
}
.contentbody h1.title {
	font-size:18px;
	line-height:16px;
	font-weight:normal;
	padding-top: 15px
}

.contentbody h2.title {
	font-size: 24.5px;
    padding-top: 5px;
    padding-bottom: 10px;
}

.contentbody h3.subtitle {
	font-size:14px;
	font-weight:bold;
	line-height:0;
	padding-bottom:0;
}
.navlist {
	margin:0;
	padding:0;
	list-style:none;
}
.navlist li {
	padding:26px 0 10px 0;
	color:#006ba4;
	border-bottom:solid;
	border-bottom-color:#006ba4;
	border-bottom-width:2px;
	font-size:16px;
}
.navlist li a {
	color:#006ba4;
}
.navlist li a:hover {
	color:#000000;
	text-decoration:none;
}
li.active-left {
	color:#63666a;
}
.navbar .nav > li > a.active-top {
	color:#63666a;
}
.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;
}

/*This is new*/
.row-fluid .footerright {
	float:right;
}

.footerright a {
	color: #000;
}

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


/*MEDIA QUERIES*/

@media (max-width: 979px) {
 .hero-unit {
 padding-top:250px;
}
 .hero-unit h1 {
 font-size:40px;
 padding-right:100px;
}
.jumbotron {
	margin:86px -20px 0 -20px;
	position:inherit;
}
.second {
	position: inherit;
}
 .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;
}
.sidebar {
	display:none;
}
}
 @media (max-width: 767px) {
/*This is used to ensure the left-hand navigation disappears. This was getting overruled by other defined displays for the left hand nav at full width. */
.sidebar {
	display:none !important;
}
	  .hero-unit {
 padding-top:0px;
 margin-top:-60px;
}
 .hero-unit h1 {
 font-size:20px;
 padding-right:100px;
}
.jumbotron {
padding: 20px 20px;
margin-top: 86px;
margin-right: -20px;
margin-left: -20px;
height:214px;

}
 .PageHead h3, .FeatLayout h3 {
 font-size:20px;
 line-height:25px;
 padding-top:5px;
 padding-bottom:5px;
}
 .jumbotron .navbar-fixed-top.navbar-absolute {
 top: 0px;
}
 .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: 0 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;
	margin-right:25px;	
}

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


/*==========15. Announcements ==============*/
.news {
	padding-left: 67px;
}
.swen {
	margin-left: -80px;
}
span.scfCaptchaLabel {
    display: none;
}