@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:42px;

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

	line-height: 2.2;

}

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

	font-weight: 800;

}

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

}





/*Image fix for IE*/



.img-responsive {

	width:auto \9;	

}


/*Language Switcher on footer*/

.caret {

   content: "";

    margin-left: 2px;

    border-top: 4px solid;

    position: absolute;

    top: 50%;

    right: 12px;

    color: #2CC76A;

    margin-top: -2px;

    vertical-align: middle;

    transform: rotate(180deg);

    transition:0.3s;
}


.change .caret{

	color:#fff;

	transform: rotate(0deg);

	transition:0.3s;

}

.activelanguage{

    background: #fff;

    color: #333;

    padding: 6px 5px;

    cursor: pointer;

}

.activelanguage.active{

	color:#fff;

	transition:0.3s;

	background:#2CC76A;

}

.dropdownlanguage{

	position:relative;

}

div.switcherlanguage#switch{
    
    display:none;

    width: 100%;

    display: block;

    position: absolute;

    bottom: 33px;

    background: #fff;

    border-radius: 6px;

    border: 1px solid #333;

}

.switcherlanguage a {

    display: block;

    width: 100%;

    padding: 7px 10px;

    color: #333;

    text-decoration:none;

    transition:0.3s;

}

.switcherlanguage a:hover{

	background:#2CC76A;

	color:#fff;

	transition:0.3s;

}

.footer{

	overflow:unset;

}