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

/* Logo */
#logo {
    position: relative;
    https://www.rubberduck.be/logo/logoevba/whmcslogo.png
    /*height: 96px;
    width: 90px;
    background: url(https://www.openprovider.nl/img/logo-open-provider.png) 0 0 no-repeat; */
}

/* Headers */
.gtlds h3 {
    color: #B30028;
}

/* Horizontal line break */
.gtlds .steptitle,
.gtlds hr {
    border-bottom: 1px solid #B30028;
}

/* TLD font */
.gtlds .checkbox > span{
	color: #222;
}

/* TLDs meaning */
.gtlds small {
    color: #444;
}

/* Textarea for domain labels */
.gtlds #somedomain {
    border: 1px solid #B30028;
    padding: 5px 10px;
    width: 70%;
}

/* Inputbox for customer email */
.gtlds .email {
    padding: 5px 10px;
    margin: 2px;
    border: 1px solid #BBB;
    font-size: 15px;
}

.gtlds .email.invalid {
    border: 1px solid red;
}

/* Button */
.button {
    border: 1px solid #444;
    padding: 5px 10px;
    margin: 2px;
    background-color: white;
    font-size: 15px;
    text-decoration: none;
    color: #444;
    border-radius: 3px;
}

/* Button hover */
.button:hover {
    background-color: #444;
    color: white;
    text-decoration: none;
}

/* Alert with the text message */
.gtlds .alert {
    border: 1px solid white;
    padding: 5px 10px;
    margin: 2px;
}

/* The grouping link */
.gtlds h5{
	color: #222;
}
.gtlds .sort {
    border-radius: 2px;
}
.gtlds .sort.active {
    background-color: #B30028;
    color: white;
}

/* Category heading style */
.gtlds .toggleAll {
    font-weight: bold;
}

.gtlds .accordion > dt {
    background: rgb(221,221,221);
}

/* Messages on the result page*/
.msg {
    padding: 15px 30px;
    margin: 15px;
    overflow: hidden;
}

/* Error message */
.msg.error {
    border: 3px solid #E7B1AE;
    background-color: #FACDCB;
}

/* Success message */
.msg.success {
    border: 3px solid #A0E4A0;
    background-color: #C8FFC8;
}

/* icons before domains */

.iconSuccess{
    margin-right: 10px;
}

.iconError{
    margin-right: 10px;
}