@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:#1B2D4C;
}
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:	#fff;
	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-color: #123e5b;
  color: #fff;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.navbar .nav {
	padding:10px 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;
	min-width: 241.08px;
}
.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
	color:#FFF
}
.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;
}

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

.PageHead {
	/*color:#FFF;*/
	margin-top:50px;
}
.PageHead h1, .PageHead h3 {
	text-align:center;
}
.PageHead h1{
	font-size: 48px;
}
.PageHead h3 {
	color: #9AA5AA;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: 10px;
}

.PageHead p {
	text-align:center;
	margin: 15px 0 0;
    font-size: 18px;
    line-height: 32px;
}

.ContactoPageHead {
	color:#FFF;
	margin-top:50px;
}
.ContactoPageHead h1, .ContactoPageHead h3 {
	text-align:center;
}
.ContactoPageHead h1{
	font-size: 40px;
}
.ContactoPageHead h3 {
	color: #D5D5D5;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: 10px;
}

.Contacto h4 {
	color:#E85C45;
}

.Contacto address {
	color:#FFF;
}

.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:100%;
	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:#fff;
	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:#000;
	background-size:cover;
	overflow:hidden;
	margin-top:80px;
}
.footer h1, .footer h3 {
	color:#FFF;
}
.footerlinks {
	margin:5px 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 0px;
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;	
}

hr.colored {
  max-width: 50px;
  height: 2px;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  background-color: #E85C45;
  border-color: #E85C45;
}

.center-me {
  margin: 0 auto;
}

.services{
	background-color: #fff;
	padding-top: 35px;
	padding-bottom: 35px;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 5px;
  border-right: 0.5px solid #e8e8e8;
  border-left: 0.5px solid #e8e8e8;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);  
}

.portfolio-container {
	padding-right: 0px; 
	padding-left: 0px;
}

.portfolio-item {
	padding-right: 10px; 
	padding-left: 10px; 
	padding-bottom: 10px;
}

.pricing-package{
	background-color: #fff;
	padding: 30px;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	border-radius: 5px;
    border-right: 0.5px solid #e8e8e8;
    border-left: 0.5px solid #e8e8e8;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);  
}

.mainFeatures {
	margin-top:50px;
}


.btn-openbox{
  background-color: #E85C45;
  border-color: #E85C45;
}

.btn-openbox:hover, .btn-openbox:focus, .btn-openbox:active {
  background-color: #DA503A;
  border-color: #DA503A;
}

.pricing-container{
	padding-bottom: 20px;
}

.no-margin{
	margin-bottom: 0px;
}

.go-left{
	text-align:left!important;
	padding-left: 20px;
	padding-right: 20px;
}

#filters {
  margin-bottom: 1em;
  margin-top: 1em;
}
#filters button {
  background: none;
  border-radius: 4px;
  padding: 0.5em 1.3em;
  border: none;
  /*color: #9c9c9c;*/
  /*text-transform: uppercase;*/
  font-weight: 400;
  margin: 0 1px 6px 1px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  /*padding: 12px 16px;*/
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  margin-bottom: 0px;
}
#filters button:hover{
  color: #4c4c4c;
  /*font-weight: 600;*/
  background-color: #ddd;
}
#filters button.actives {
  border-color: #4c4c4c;
  color: white;
  font-weight: 600;
  background-color: #666;
}

.project{
  display: none; /* Hide all elements by default */
}

.show {
  display: block;
  }

.btn_face{
	display:block;
	background:url(../images/new/btn_face.png) no-repeat;
	width:35px;
	height:37px;
	/*float:left;*/
}

/****************************************************************
						SECCION-PORTAFOLIO
****************************************************************/

.portfolio-overlay{
  background:url(../images/over_imagenes.png) no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
 /* height: 100%;
  width: 100%;*/
  opacity: 0;
  transition: .5s ease;
  /*background-color: #008CBA;*/
}

.portfolio-img-container:hover .portfolio-overlay{
	opacity: 1;
}



.containerblabla { 
	position:relative; 
}

.containerblabla:hover .imgB1{
 opacity: 1;
}

.imgA1 { 
	position:absolute; top: 0px; left: 0px; z-index: 1; 
	
} 
.imgB1 { 
	position:absolute; top: 70px; left: 100px; z-index: 3; 
	opacity: 0;
} 

.nav-whatsapp-btn-emergency:focus {
  background-color: #23717f !important;
}