@charset "utf-8";

/* CSS Document */





/*

Theme Name: FlatHost - Responsive Hosting Template

Version: 2.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:"Montserrat", Arial, Helvetica, sans-serif;

	background:#FFF;

	position:relative;

}

a {

	color:#2cc76a;

}

a:hover, a:focus {

	color:#1eb45a;

}

h1, h2, h3, h4 {

	font-weight:bold;

}

p {

	color: #70747A;

}

/*==========1. HEADER==============*/



.navbar-header {

	min-height:80px;

}

.navbar-default .navbar-toggle {

	border-color: #808080;

}

.navbar-toggle {

	margin-top: 20px;

}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {

	max-height: 370px;

}

.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:	#232a31;

	border-bottom: 0;

}

.navbar-collapse {

	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;

}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {

	color:#CCC;

}

.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:12px;

}

.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-default + div {

	margin-top: 68px;

}

.btn-lg {

	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: 60px;

	padding-top:130px;

	margin-bottom: 30px;

	font-size: 18px;

	font-weight: 200;

	line-height: 30px;

	color: inherit;

}

.hero-unit h1 {

	padding-bottom:15px;

	font-weight:bold;

}

.hero-unit h3 {

	font-weight:normal;

	padding-bottom:15px;

	line-height: 1.5;

	color: #D5D5D5;

}

.slide2 {

	background:none;

	text-align:center;

	padding-top:90px;

}

.slide2 h1 {

	font-size:50px;

	font-weight:bold;

}

.slide3 {

	background:none;

	text-align:left;

	padding-top:100px;

}

.slide3 h1 {

	font-size:50px;

	padding-top:90px;

	font-weight:bold;

}

.slide3 h3 {

	font-size:20px;

	padding-right:20px;

	color: #D5D5D5;

	line-height: 1.5;

}

/*==========2. MAIN FEATURES==============*/



.mainFeatures {

	margin-top:50px;

}

.img-thumbnail {

	border:0;

	padding:20px 0;

	-webkit-box-shadow:none;

	-moz-box-shadow:none;

	box-shadow:none;

	text-align: center;

}

.img-thumbnail h4, .img-thumbnail p {

	text-align:center;

}

/*==========3. MORE FEATURES==============*/



.PageHead {

	margin-top:50px;

}

.PageHead h1, .PageHead h3 {

	text-align:center;

}

.PageHead h3 {

	color: #9AA5AA;

	font-weight: normal;

	margin-bottom: 20px;

	margin-top: 10px;

}

.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;

}

.lead {

	color:#666;

}

.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 {

	margin-top:10px;

}

.Testimonials .img-thumbnail img {

	-webkit-border-radius:100%;

	-moz-border-radius:100%;

	border-radius:100%;

}

.Testimonials .img-thumbnail h5 {

	text-align: center;

	color: #646464;

	font-weight: bold;

	margin: 18px 0;

}

.PartnersList {

	text-align:center;

	margin-top: 30px;

}

/* Animation */



.Testimonials .tm-data {

	-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;

}

@media (min-width:767px) {

.Testimonials .tm-data: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;

}

@media (min-width:767px) {

.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;

}

}

.PlanPricing .planName {

	background:#202b34;

	padding-top:50px;

	padding-bottom:10px;

	text-align:center;

}

.PlanPricing .price {

	background:#2cc76a;

	padding:5px;

	color:#FFF;

	font-size:20px;

	-webkit-border-radius:100%;

	-moz-border-radius:100%;

	border-radius:100%;

	display:block;

	width:125px;

	height:125px;

	line-height:111px !important;

	margin:0 auto;

	position:relative;

	margin-top:-107px;

	margin-bottom:10px;

	line-height: 4;

}

.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;

	line-height: 1.8;

}

.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 {

	color:#FFF;

	margin-top:0;

}

.domain h3 {

	color:#D5D5D5;

	margin-bottom: 40px;

}

.input-append, .input-prepend {

	display:inline;

}

.input-append input, .input-prepend input {

	height:50px;

}

.domain .submitbtn {

	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;

}

.domain select, .domain input[type=text] {

	padding: 10px;

	height:50px;

}

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

}

address {

	color:#70747A;

}

.mapwrap iframe {

	margin-bottom:20px;

}

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

	padding:10px 30px;

	padding-right:15px;

}

.modal-body {

	padding:30px;

	padding-bottom:15px;

}

.LoginSignup input[type="text"], .LoginSignup input[type="password"] {

	font-size: 14px;

	border-radius: 3px;

	font-weight:normal;

}

.LoginSignup .btn {

	width:100%;

	margin:0;

}

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

	margin-top: 0;

	color: #5F5F5F;

}

.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: 190px 0;

padding-bottom:0;

}

 .hero-unit h1 {

 font-size:50px;

}

 .hero-unit h3 {

 font-size:18px;

 line-height:25px;

 padding-top:5px;

 padding-bottom:5px;

 font-weight:normal;

}

 .navbar .navbar-btn {

margin-top: 20px;

background: transparent;

text-shadow: none;

border: 0;

box-shadow: none;

}

 .navbar .navbar-btn:hover {

 background: transparent;

}

 .navbar-fixed-top.navbar-absolute {

 position: absolute;

 margin: 0;

}

 .navbar-collapse .nav > li > a:hover, .navbar-collapse .nav > li > a:focus, .navbar-collapse .dropdown-menu a:hover, .navbar-collapse .dropdown-menu a:focus {

 background:transparent;

}

 .slide2, .slide3 {

padding-top: 150px;

}

 .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;

height:auto;

}

.hero-unit {

padding: 100px 0;

padding-bottom:0;

}

 .hero-unit h1 {

 font-size:36px;

}

.flex-direction-nav {

display: none;

}

 .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 .navbar-btn {

margin-top: 23px;

}

 .domain {

padding: 0 20px;

margin-bottom: -20px;

}

 .domain .input-append input.span11 {

 width:83%;

}

 .footer {

padding: 20px 20px;

margin-bottom: -20px;

}

}

 @media (max-width: 480px) {

 .domain .input-append input.span11 {

 width:74%;

}

 .ticklist li {

 width:100%;

}

 .modal {

 width:auto;

}

}

 @media (min-width: 768px) {

.navbar li.dropdown:hover ul {

 display:block;

}

}

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





.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {

	top:97%;

}

/*==========15. VERSION 1.2==============*/



.scrollup {

	width:40px;

	height:40px;

	opacity:0.4;

	position:fixed;

	bottom:30px;

	right:30px;

	display:none;

	text-indent:-9999px;

	background: url('../images/icon_top.png') no-repeat;

}

/*==========16. VERSION 2==============*/



.navbar li.dropdown ul {

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}