@charset "utf-8";

/* CSS Document */

*::-moz-selection {
  background: #f6b20e none repeat scroll 0 0;
  color: #fff;
}
::-moz-selection { background: #64bb67; color:#fff; text-shadow: none; }
::selection { background: rgb(100, 187, 103); color: rgb(255, 255, 255); text-shadow: none; }
body { background: rgb(255, 255, 255); font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 30px; overflow-x: hidden; position: relative; font-weight: 300; }
section { clear: both; padding: 50px 0px; }

h1, h2, h3, h4, h5, h6 { font-family: "Roboto Slab", serif; }
h1 { font-size: 66px; }
h2 { font-size: 46px; }
h3 { font-size: 36px; }
h4 { font-size: 32px; }
h5 { font-size: 26px; }
h6 { font-size: 22px; }
p { font-size: 16px; color: rgb(88, 88, 88); line-height: 27px; }
.secondary-bg { background-color: rgb(1, 10, 28); }
.primary-bg { background-color: rgb(255, 255, 255); }
.third-bg { background-color: rgb(0, 7, 17); }
.fourth-bg { background-color: rgb(0, 2, 5); }
.fifth-bg { background-color: rgb(240, 239, 239); }
a { -moz-transition-duration:0.3s;
	  -o-transition-duration:0.3s;
	   -webkit-transition-duration:0.3s;
	    -ms-transition-duration:0.3s;
		text-decoration:none;
		transition-duration: 0.3s; 
		text-decoration: none; 
}

.tcenter { 
	text-align:center;
}

a:hover { text-decoration: none; }
img { max-width: 100%; }
.section_heading.primary-bg > a { text-decoration: none; }
.container { position: relative; z-index:1; }
header { background: #0097A7; margin: 0px auto; padding: 0px; }
.logo_img { padding: 9px 0px; }
.main-content { margin-top:70px; }
.navbar.navbar-default, #navbar.collapse.navbar-collapse { background-color: transparent; }
.navbar { border: 0px solid rgba(0, 0, 0, 0); margin-bottom: 0px; position: relative; }
.collapse.navbar-collapse { background: none 0px 0px repeat scroll rgb(0, 0, 0); margin: 0px auto; text-align: right; }
.navbar ul.nav.navbar-nav { float: none; text-align: center; }
.navbar ul.nav.navbar-nav { display: inline-block; float: none; vertical-align: middle; }
.navbar ul.nav.navbar-nav li { margin: 0px; padding: 0; }
.navbar ul.nav.navbar-nav li a { margin: 0px; padding: 0; }
.navbar ul.nav.navbar-nav li:first-child { border-left: 0px; }
.navbar ul.nav.navbar-nav li:last-child { border-right: 0px; }
.navbar ul.nav.navbar-nav li a { color: rgb(255, 255, 255); font-family: "Open Sans", sans-serif; font-size: 13px; font-weight: 400; padding: 30px 15px 28px 15px; text-transform: uppercase; }
.navbar ul.nav.navbar-nav li a:hover { background-color: rgb(0, 105, 117); color: rgb(255, 255, 255); }
.navbar ul.nav.navbar-nav li.active a { 	background:rgba(255, 255, 255,0.3); color: rgb(255, 255, 255); }
.navbar-collapse { overflow-x: visible; padding-left: 0px; padding-right: 0px; }
.search_btn-3 .btn-default { background: none 0px 0px repeat scroll rgb(255, 166, 0); border: medium none; border-radius: 10px; color: rgb(255, 255, 255); font-family: "roboto slab"; font-size: 22px; height: 50px; width: 100%; }
.search_btn-2 .btn.btn-default { background: none 0px 0px repeat scroll #43A047; border: medium none; border-radius: 0px 10px 10px 0px; color: rgb(255, 255, 255); font-family: "roboto slab"; font-size: 22px; font-weight: 500; line-height: 29px; margin: 10px 0px 35px; padding: 13px 40px; }
.search_btn .btn.btn-default { background: none 0px 0px repeat scroll #43A047; border: 1px solid rgb(255, 255, 255); border-radius: 10px; color: rgb(255, 255, 255); font-family: "roboto slab"; font-size: 22px; font-weight: 500; line-height: 29px; margin: 10px 0px 35px; padding: 10px 30px; }
.panel-title a.collapsed { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
.font-icon-m i.fa { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-size: 24px; height: 50px; line-height: 39px; padding: 7px; text-align: center; width: 47px; }
.panel-title a.collapsed .fa-plus-circle { display: block; }
.panel-title a.collapsed .fa-minus-circle { display: none; }
section.top_banner_bg { background: url("../_images/handshake2.jpg") 0px 0px / cover no-repeat fixed rgb(1, 10, 29); padding-bottom: 0px; position: relative; padding-top:50px; }
section.top_banner_bg::after { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; width: 100%; content: ""; background: rgba(1, 10, 28, 0.5); }
.present { position: relative; z-index: 2; }
.present_img { position: relative; z-index: 2; }
.present h1 { font-size: 40px; color: rgb(255, 255, 255); line-height: 76px; padding: 80px 0px 60px; font-family: Roboto, sans-serif; font-weight: 200; }
.present h2 { font-size: 26px; font-family: "Open Sans", sans-serif; color: rgb(221, 221, 221); }
.present h2.payoff { padding-top: 0px; margin-top: 0px; font-size: 18px; text-transform: uppercase; letter-spacing: 0.4em; }
.present h3 { padding-top: 60px; font-size: 26px; color: rgb(221, 221, 221); padding-bottom: 80px; font-family: "Open Sans", sans-serif; }
.present h5 { font-weight: 300; color: rgb(255, 255, 255); font-size: 18px; padding-left: 10px; }
.present span { /*color: rgb(224, 138, 1); */ font-weight: 700; }
.present b { color: #FCDA00; font-weight: 700; }
.present .section_btn .btn.btn-default { margin: 0px 10px 20px 0px; }
.section_btn .btn.btn-default { background: #FF9700;  border: none; /*1px solid rgb(204, 204, 204);*/ border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 3px; color: rgb(255, 255, 255); font-size: 20px; font-weight: 600; line-height: 64px; margin: 40px 5px 0px; padding: 0px 60px; text-shadow: rgb(0, 0, 0) 1px 1px 1px; font-family: "roboto slab"; }

.section_btn .btn.btn-last {
    background: #999999;
    border: none;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 3px;
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 600;
    line-height: 64px;
    margin: 40px 5px 0px;
    padding: 0px 20px;
    text-shadow: rgb(0, 0, 0) 1px 1px 1px;
    font-family: "roboto slab";
}

.or-for-buttons { vertical-align: bottom; }

.faq .section_btn { text-align:center; }
.faq .section_btn .btn.btn-default { background: #43A047; border: none; }
.section_btn > span .btn.btn-default { }
.present_img { position: relative; }
.section_btn .btn.btn-default:hover { background: none 0px 0px repeat scroll #fa9a0bdb; }
.section_btn > span .btn.btn-default:hover { background: none 0px 0px repeat scroll #4fbc53; }
.btn.btn-default:hover { background: none 0px 0px repeat scroll #ff5045; }
.section_heading { text-align: center; }
.section_heading h2 { border-bottom: 1px solid rgb(191, 191, 191); display: inline-block; font-weight: 300; line-height: 64px; margin-bottom: 60px; margin-top: 0px; padding: 0px 10px 10px; position: relative; text-transform: uppercase; }
.section_heading h2::after { bottom: -34px; content: ""; font-family: fontawesome; font-size: 30px; left: 0px; margin: 0px auto; position: absolute; right: 0px; color: rgba(0, 0, 0, 0.5); }
.section_heading h4 { font-weight: 300; line-height: 45px; margin: 0px; padding: 0px 0px 50px; color: rgb(85, 84, 84); }
.section_heading.section_heading_2 h2 { border-bottom: 1px solid rgba(255, 255, 255, 0.5); display: inline-block; font-weight: 300; line-height: 64px; margin-bottom: 60px; padding: 0px 10px 10px; position: relative; color: rgb(255, 255, 255); }
.section_heading.section_heading_2 h2::after { bottom: -34px; content: ""; font-family: fontawesome; font-size: 30px; left: 0px; margin: 0px auto; position: absolute; right: 0px; color: rgba(255, 255, 255, 0.5); }
.section_heading.section_heading_2 h4 { font-weight: 300; line-height: 45px; margin: 0px; padding: 0px 0px 50px; color: rgb(255, 255, 255); }
.btn.btn-default.btn-calculate-price {
	background: #FF9701;
}
.btn-default:focus, .btn-default:active:focus {
	color:#EFEFEF;
}
#problem i.fa, #problem i.fas {
    font-size: 70px;
    color: #0097A7;
    margin-top: 30px;
   }

#three-features .section_heading .container { color:white; }
#three-features .section_heading  h2 { color:white; }
#three-features .section_heading  p { color:white; }  

#three-features {
	position:relative;
	background: url(/_images/bg_woman_smile.jpg) 0px 0px / cover no-repeat fixed;
}
#three-features::after {
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    content: "";
    background: rgba(1, 10, 28, 0.90);
}
.how_it_work_m { margin-top: 30px; }
.how_it_work_m h5 { font-size:24px; }
.how_it_work_m i { font-size: 30px; line-height: 50px; color: rgb(246, 178, 14); margin:0 10px; }
.how_it_work_m.text-right h5 { color: rgb(85, 84, 84); line-height: 50px; padding-bottom: 0px; position: relative; }
.how_it_work_m.text-right h5::after { border-bottom: 1px solid #F6B20E; bottom: 0px; color: #F6B20E; content: ""; position: absolute; right: -60px; width: 60%; z-index: 1; }
.how_it_work_m.text-right h5::before { content: ""; font-family: fontawesome; font-size: 16px; position: absolute; right: -65px; top: 25px; z-index: 1; color: #F6B20E; }
.how_it_work_m p { font-size: 14px; font-weight: 300; margin: 0px; padding: 8px 0px; color: rgb(85, 84, 84); line-height:1.3em; }
.workng_img { margin: 0px auto; text-align: center; }
.workng_img .fa { font-size:70px; color:#0097A7; } 
.how_it_work_m.text-left h5 { color: rgb(85, 84, 84); line-height: 50px; padding-bottom: 0px; position: relative; }
.how_it_work_m.text-left h5::after { border-bottom: 1px solid #F6B20E; bottom: 0px; content: ""; position: absolute; left: -60px; width: 60%; z-index: 1; color: #F6B20E; }
.how_it_work_m.text-left h5::before { content: ""; font-family: fontawesome; font-size: 16px; position: absolute; left: -65px; top: 25px; z-index: 1; color: #F6B20E; }
.table-1 { border-radius: 10px; overflow: hidden; position: relative; text-align: center; }
.table-1 h3 { font-size: 38px; font-weight: 300; margin: 0px; padding: 20px 0px; }
.table-1 > ul { margin: 0; padding: 0px; }
.table-1 li { color: white; font-size: 20px; font-weight: 300; list-style: none outside none; margin: 0; padding: 0; }
.btn.btn-default { background: none 0px 0px repeat scroll #F44336; border: 0px none; border-radius: 10px; color: rgb(255, 255, 255); font-family: "roboto slab"; font-size: 20px; font-weight: 600; line-height: 35px; margin: 10px 0px 35px; padding: 10px 25px; text-shadow:rgb(0, 0, 0) 1px 1px 1px; box-shadow:rgba(0, 0, 0, 0.2) 3px 3px 3px }
section.price_table_bg { background: url("../_images/price_table_bg.png") 0px 0px repeat scroll; position: relative; }
section.price_table_bg::after { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; width: 100%; content: ""; background: rgba(1, 10, 28, 0.8); }
label { display: inline-block; font-weight: 700; margin-bottom: 5px; max-width: 100%; font-family: "roboto slab"; }
#vantages .section_btn { text-align:center; }
.faq > h3 { font-weight: 500; line-height: 46px; margin-bottom: 30px; }
.faq h4 { font-size:26px; }
.faq p { font-size:14px; }
#faq i.fa { border-radius: 100px; border:5px solid #BBB; font-size: 40px; color: #BBB; width: 100px; height: 100px; vertical-align: middle; line-height: 90px; text-align: center; }
.strike {
  position: relative;
}
.strike:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 5px solid;
  border-color: #BBB;

  -webkit-transform:rotate(-25deg);
  -moz-transform:rotate(-25deg);
  -ms-transform:rotate(-25deg);
  -o-transform:rotate(-25deg);
  transform:rotate(-25deg);
}
#faq .col-md-2 { text-align: right; }
footer { padding: 0; }
.footer_bottom p { color: #788; font-weight: 400; margin: 0px auto; display: block; font-size: 16px; line-height: 1.5em}
footer .footer_bottom { padding: 40px; text-align: center; }
.footer_bottom.fourth-bg a.backtop { background: none 0px 0px repeat scroll rgb(2, 6, 13); border: 2px solid rgb(246, 178, 14); border-radius: 100%; color: rgb(246, 178, 14); float: right; font-weight: 700; width: 40px; text-decoration: none; font-size: 25px; height: 40px; text-align: center; line-height: 36px; }
.footer_bottom a { color: #788; font-size: 13px; }
.flag { width: 15px; vertical-align: middle; }
.header_top { background: rgb(0, 151, 167); }
.header_top .logo_img { float:left; width:70px; margin-top:7px }
.navbar-default .navbar-toggle { border: none; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background: none; }
.navbar-default .navbar-toggle .icon-bar { background-color: rgb(255, 255, 255); }


section.channels_bg { background: url("../_images/handshake.jpg") 0px 0px / cover no-repeat fixed rgb(1, 10, 29); position: relative; }
section.channels_bg::after { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; width: 100%; content: ""; background: rgba(1, 10, 28, 0.85); }
#channels, #channels h4 { color: white; }
#channels i { font-size: 50px; color: #F6B20E; margin-top: 30px; }
#channels i.fa-globe { font-size: 30px; margin-top: 50px; vertical-align: bottom; }
#channels .vcard-info {	border-top:2px solid #0097A7; text-align:center; padding-top:30px; display:block; width:90%; margin:30px auto 20px auto; font-size:14px } 
#channels .vcard-info .fa { font-size:60px; margin-top:0; float:left; margin-right:10px }

#indetail .section_btn { text-align:center; }
#indetail .num { display:inline-block; border:5px solid #0097A7; border-radius:20px; font-size: 60px; color: #0097A7; width: 80px; vertical-align: bottom; line-height: 80px; margin: 50px 0 20px 0; font-family: monospace; text-align: center;}
#indetail .section_heading .col { font-size: 14px; }
#indetail .section_heading .col a { font-weight: bold; text-decoration: underline; }
#indetail .fa { color: #0097A7; margin: 50px 0 20px 0; font-size:70px }

#counters .section_btn { text-align:center; }
#counters .section_heading .col { font-size: 14px; }
#counters .fa { color: #0097A7; margin: 50px 0 20px 0; font-size:70px }
#counters .counter-value { font-size:50px ; margin-top:20px; }
#counters .section_btn { margin-top: 20px; }

#counters-small {  text-align: center; color: rgb(85, 84, 84); padding: 10px; font-size: 20px; }
#counters-small h4 { font-size:25px; } 

#counters-small2 {  font-family: "Roboto Slab", serif; background: #F0EFEF; text-align: center; color: rgb(85, 84, 84); padding: 30px 20px; font-size: 25px; font-weight: 500; line-height: 1.3; }
#counters-small2 strong { color:#0097A7;  }
#counters-small2 .small {
	font-family: 'Open Sans';
    font-size: 45%;
    color: #888;
	display: block;
	margin-top: 10px;
}

#counters-small2 .small strong { color: #888; }

#security .section_btn { text-align:center; }
#security i { font-size: 70px; color: #0097A7; margin-top:30px; }

.feature h2 { 
	padding: 0; 
    font-size: 45px;
    color: #333;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    line-height:66px;
 }
 
 .feature h2 span {
 	font-size: 16px;
 }
 
.feature .details { color:#4DD0E1; margin: 0 20px 20px 0; font-size: 18px; }
.feature .details span { margin-right: 20px; }
.feature h3 { color:#666; margin-top: 20px; font-family: Roboto, sans-serif; font-weight: 200; font-size:34px; line-height:1.5em; }
.feature .imagecol { text-align:center; }
.feature .col-md-12 { margin: 20px 0 }

#feature1, #feature3, #feature5 { text-align: right; }
#feature2, #feature4, #feature6 { text-align: left; }
#feature5 h1, #feature6 h1 { margin-top:60px; }
#feature4 .tip { font-size:35px; }
.feature .imagecol img { max-height: 400px; }
#feature4 .imagecol img { max-width: 450px; }

#doitnow { padding:50px 20px; }
#cart { padding:50px 20px; }

.trustpilot {
	font-size: 16px;
}

.trustpilot .tp-logo {
	height: 25px;
	vertical-align: sub;
	margin-right: 20px;
}

.trustpilot .tp-stars {
	height: 25px;
}


@media (max-width:990px) {
	.feature { text-align:center !important; }
	.feature .tip { font-size:20px !important; margin-bottom:30px }
	.feature .imagecol img, #feature4 .imagecol img  { max-width: 100%; }
}


.dropdown-menu { background: rgb(0, 131, 146); /* rgba(0, 0, 0, 0.3); */ }
.faq p { margin-bottom:40px; }
.table-1 {
  background: hsl(0, 0%, 100%) none repeat scroll 0 0;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.version-boxes .promo-active {
	background: #CC0001;
	color: white;
	font-size: 80%;
	text-transform: uppercase;
	font-weight: bold;
}

.discount > p {
  color: hsl(0, 0%, 100%);
  font-size: 14px;
  font-weight: 300;
  margin: 0;
}

.discount {
  background: #d7232d none repeat scroll 0 0;
  left: -30px;
  padding: 5px 35px;
  position: absolute;
  top: 10px;
  transform: rotate(-43deg);
}

.table-1 h3 {
  font-size: 44px;
  font-weight: 300;
  margin: 0;
  padding: 20px 0;
}

.price_month {
  background: #bceab7 none repeat scroll 0 0;
  padding:10px 0;
}

	.price_month strong {
		color:white;
	}

.round {
	background: white;
    display: block;
    border: none;
    border-radius: 100%;    
    margin: 0 auto;
    padding-top: 12px;
    width: 100px;
    height: 100px;
    overflow: hidden;}

.round > h3 {
  font-size: 44px;
  font-weight: 700;  
  padding: 0;
}

.price_month.pack_bg3 h3 {
	font-size: 28px;
	margin-top:10px;
}

.round span {
  font-size: 18px;
  font-weight: 300;
  margin: 0;
}

	.round .iva {
	  font-size: 9px;
	}

.table-1 ul {
  margin: 10px 10px 0 10px;
  padding: 0;
}

.table-1 li.first {
	border:none;
}

.table-1 li {
  border-top: 1px dashed #e3e2e2;
  color: hsl(0, 0%, 0%);
  font-size: 16px;
  font-weight: 300;
  list-style: outside none none;
  margin: 0;
  padding: 5px 0px;
  text-align: left;
  font-size: 14px;
  color:#444;  
}


	.table-1 li::before {
    	display: inline-block;
    	font-style: normal;
    	font-variant: normal;
    	text-rendering: auto;
    	-webkit-font-smoothing: antialiased;
  	    /*font-family: "FontAwesome"; 
  	    font-weight: 900;*/ 
  	    content: "\2713";
  	    margin-right: 10px;
  	    color: #AAA;
  	}

	.table-1 li em {
		font-size: 12px;
		font-style: normal;
	}

.btn.btn-default {
  background: #F44336 none repeat scroll 0 0;  
  border: 0 none;
  border-radius: 10px;
  color: hsl(0, 0%, 100%);
  font-family: roboto slab;
  font-size: 20px;
  font-weight: 600;
  line-height: 35px;
  margin: 10px 0 35px;
  padding: 10px 30px;
}

.price_month {
	padding:10px 0;
}

#pricing div.description {
	padding: 20px;
}

#pricing .tree-for-plan {
	padding: 0 25px;
	line-height: 1.5em;
}

#pricing .medium {
	font-size: 80%;    
    line-height: 1.5em;
}

#pricing .tree-for-plan .medium {
	margin-top: 20px;
}

#pricing .tree {
	max-width: 50px;
    margin: 20px;
}

#pricing .small {
	font-size: 75%;
	color: #999;
	line-height: 1.2em;
}

#pricing h4 {
	margin: 60px 0 30px 0;
    text-transform: uppercase;
    font-size: 30px;
    border-bottom: 1px solid white;    
    border-width: 0 0 1px 0;
    padding-bottom: 10px;
    display: inline-block;
}

section.price_table_bg {
  background: url(../_images/price_table_bg.png) repeat scroll 0 0;
  position:relative;
}

#show-pricing-details {
	display:none;
}

@media (max-width: 767px) {
	#show-pricing-details {
		text-align: center;
		display:block;
	}
		/*
		#show-pricing-details span {
			padding: 20px;			
			display:inline-block;			
			border:1px solid white;		
			border-radius:20px;
			font-size: 20px;
			color:white;
			cursor:pointer;
		} */
	
	#pricing-details {
		display:none;
	}
}



section.price_table_bg:after {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:100%;
	width:100%;
	content:"";
	background:rgba(1, 10, 28, 0.8);	
}

.section_sub_btn .btn.disabled, .section_sub_btn .btn.disabled:hover {
	background: #999999;
}


#tree-nation {
	padding: 60px 40px;
	line-height: 1.5em;
	font-size: 90%;
}

#tree-nation #tree-nation-logo {
	width: 150px;
    margin-right: 20px;
}

#tree-nation h3 {
	margin-top:0;
}

#tree-nation #net-zero {
	margin-left: 20px;
}

/*-------- contact -------*/
section.contact_bg {
  background: url(../_images/skycraper.jpg) repeat scroll 0 0;
  position:relative;
  background-size:cover;
}

section.contact_bg:after {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:100%;
	width:100%;
	content:"";
	background:rgba(1, 10, 28, 0.8);	
}

.contact_form {
  background: hsl(0, 0%, 100%) none repeat scroll 0 0;
  padding: 45px 35px 0;
}

.form-group span {
  color: hsl(0, 100%, 50%);
}

.contact_form .form-control {
  border: 1px solid hsl(0, 0%, 80%);
  border-radius: 10px;
  box-shadow: none;
  color: hsl(0, 0%, 0%);
  font-size: 18px;
  font-weight: 300;
  height: 55px;
  margin-bottom: 2px;
}

label {
  display: inline-block;
  font-weight: 700;
  margin-bottom: 5px;
  max-width: 100%;
  font-family: roboto slab;
}

.form-group {
  margin-bottom: 20px;
}


.contact_form .form-textarea {
  border: 1px solid hsl(0, 0%, 80%);
  border-radius: 10px;
  box-shadow: none;
  color: hsl(0, 0%, 0%);
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 2px;
  padding: 5px 15px;
  width: 100%;
}

.contact_text span {
  color: hsl(42, 93%, 51%);
  display: inline-block;
  float: left;
  font-size: 50px;
  padding: 10px;
}
.contact_text h5 {
  color: hsl(0, 0%, 100%);
  display: inline-block;
  float: left;
  line-height: 47px;
  margin: 0;
  padding: 10px 30px 5px;
  width: 384px;
}

.contact_text p {
  color: hsl(0, 0%, 100%);
  float: left;
  font-size: 13px;
  font-weight: 300;
  line-height: 20px;
  padding: 0 0 0 20px;
  width: 74%;
}
.contact_text > ul {
  margin: 0;
  padding: 0;
}
.contact_text {
  margin-left: 45px;
  margin-top: 45px;
}
.contact_text li {
  margin-bottom: 30px;
  overflow: hidden;
}

.contact_text span i {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.contact_text span i:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.centered_btn { text-align:center; }

#bamboo > .container {
	margin: 60px auto 90px auto;
}


/*-------- responsive----------*/

@media (min-width:990px) {.navbar-collapse { display: inline-block;} 	}

@media (max-width:991px) { 
	#faq .col-md-2 {text-align:center}
	.table-1 {  margin: 10px 0 25px;}
}

@media (max-width:991px){
	.present_img {  margin: 0 auto;  text-align: center;}
	.present {  text-align: center;}
	.present h1 {  font-size: 40px;  line-height: 60px;padding-bottom: 50px; padding-top:30px}
}


@media (max-width:767px){

	#why .sample { margin-top: 50px; }
	
	section.top_banner_bg { padding-top:50px; }
	
	.collapse.navbar-collapse {
	  /*overflow: scroll; Creava antiestetiche scroll bar nel menù a discesa */
	}
	.navbar ul.nav.navbar-nav li a { padding:14px 13px 14px 10px; }
	.dropdown-menu {
	  position: relative;
	  width: 100%;
	}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	  max-height: auto; /*365px;*/
	}
	.tags > ul {
	  margin: 0 auto;
	  padding: 0;
	  text-align: center;
	  width: 170px;
	}
	
	.navbar.navbar-default, #navbar.collapse.navbar-collapse {
	  background-color: hsl(0, 0%, 0%);
	  margin:0 -15px;
	}	
		
	.btn.btn-default {
	  padding: 10px 20px;
	}	
		
	.footer_top li {  font-size: 15px;  height: 45px;  line-height: 3;  margin: 7px 5px; text-align: center;  width: 45px;}
	.footer_bottom.fourth-bg a {  font-size: 15px;  height: 30px;  line-height: 28px;  width: 30px;}
	.footer_bottom p { font-size:13px;}
	.navbar ul li {  border-left: none;  border-right:none; }
	.nav_icon {  display: block;  margin: 10px 0;}
	.nav.navbar-nav.navbar-right {  display: none;  margin-top: 15px;}
	.menu_bar ul li {  padding: 10px 20px;  text-align: left;  display:block;  cursor:pointer; }
	.navbar ul li {  line-height: 15px;  list-style: outside none none;  margin: 5px 0;  padding: 0;  vertical-align: middle;  width: 100%;}
	.navbar {  padding: 5px 0; position:relative;}
	.navbar-toggle {
	  /*float: none;*/
	  margin: 10px;
	  padding: 15px;
	}
	.navbar-header {
	  text-align: center;
	}
	.navbar ul.nav.navbar-nav {
	  display: block;
	}
	.navbar ul.nav.navbar-nav li a {  text-align: center;}
	.menu_bar {
	  display: inline;
	  padding: 15px 0;
	}
	.navbar-collapse {
	  border-top: none;
	}
	.dropdown-menu li:hover {
	  background: hsl(39, 100%, 50%) none repeat scroll 0 0;
	  color:#fff;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	  background-color: hsl(39, 100%, 50%);
	  color: hsl(0, 0%, 33%);
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	  background-color: hsla(0, 0%, 0%, 0);
	  color: hsl(0, 0%, 100%);
	}
	
	
	.logo_img {
	  float: left;
	  padding: 3px 0 5px 0;
	  position: relative;
	  z-index: 1;
	}

	.main-content {
		margin-top:60px;
	}
	
	
	.section_btn {  margin: 20px 0 30px;}
	.section_heading h2 {  font-size: 35px; line-height:50px;}
	.section_heading h4 {  font-size: 20px;  line-height: 30px;}
	.how_it_work_m {  margin-top: 15px;  text-align: center;}
	.how_it_work_m.text-right h5::before {  display: none;}
	.how_it_work_m.text-right h5::after {  display: none;}
	.how_it_work_m.text-right h5 {  line-height: 35px;}
	.how_it_work_m p {  margin: 0 0 30px;}
	.workng_img {  margin: 0 auto 40px;}
	.how_it_work_m.text-let h5::before {  display: none;}
	.how_it_work_m.text-left h5::after {  display: none;}
	.how_it_work_m.text-left h5 {  line-height: 35px;}
	.tags li {  background: hsl(0, 0%, 100%) none repeat scroll 0 0;  display: block;  margin: 10px 0;  width: 100%;}
	.port_img1 {  float: none;  padding: 0;margin-bottom: 15px;}
	.faq {  text-align: center;}
	.workng_img {  margin: 30px auto 40px;}
	.section_btn .btn.btn-default {  margin: 20px 5px 0; padding: 5px 30px;}
	.footer_top > h4 {  font-size: 20px;  line-height: 30px;margin: 0 auto 25px;}
	.features_detail li:nth-child(2n) {  text-align: center;}
	.features_detail li:nth-last-child(2) {  border-bottom: 1px solid hsl(0, 0%, 80%);}
	.pull-right {  float: none;  width: 100%;}
	.contact_text span {  font-size: 30px;}
	.contact_text h5 {       line-height: 40px;  margin: 0;  padding: 7px 1px 5px 30px;  width: 200px; font-size:16px;}
	.contact_text span {  padding: 11px 0;}
	.contact_text li {  display: block;  margin: 0 auto;}
	.contact_text { margin-left: auto;  margin-top: 0;}
	.contact_text span {  font-size: 30px;}
}



@media (min-width:500px) and (max-width:991px){
	.tags li {
	  display: inline-block;
	  list-style: outside none none;
	  margin: 10px 10px;
	}
	.contact_form .form-group {
	  margin-bottom: 20px;
	  padding: 0;
	}
	.contact_text h5 {
	  width: auto;
	}
	.tag-detail {  text-align: center;}

}



/*----------992px -1200px -----------*/
@media (max-width:1200px){
	
}

@media (min-width:993px) and (max-width:1200px){
	.app_screenshot {  width: 25%;}
		
	
	.present h1 {  font-size:38px; /* line-height: 45px; */ padding-bottom:30px; }
	.section_btn .btn.btn-default {  margin: 30px 5px 0;}
	.how_it_work_m { margin-top: 20px;}
	.navbar ul.nav.navbar-nav li a {  font-size: 15px;  font-weight: 400;  padding-left: 15px;  padding-right: 15px;  text-transform: uppercase;}
	
	.error_detail h3 {    margin: 0 auto;  padding: 60px 0;}
}

@media (max-width:767px) {
	.navbar.navbar-default, #navbar.collapse.navbar-collapse { background: #0097A7; }
}
.fa.fa-desktop { font-size: 16px }
.platform-icons {
	color: white;
    letter-spacing: 5px;
    font-size: 25px;
    padding: 0 65px;
    display: inline-block;
    text-align: center;
    opacity:0.8;
    margin-top: 15px;
}

	.platform-icons span {
		display:inline-block;
		letter-spacing: normal;
		font-size: 15px;
		font-weight: normal;
	}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height:none;
}

#reviews { text-align:center; }
#reviews iframe { display:inline-block; margin:0 20px 20px 20px; vertical-align:top; }


.more_info {
	display:block;
	max-width:200px;
	background: #0097A7;
    border-radius: 10px;
    font-size: 11px;
    padding: 5px 10px;
    color: white;
    font-family: "Open sans";
	cursor:pointer;
}

.mobile-icon a i {	color:white; }
.mobile-icon {    
	color: white;
    padding: 17px 0 0 25px;
    margin: 0; 
}
/*
#mobile_lang {
	position: absolute;    
    vertical-align: top;
    padding-top: 0;
    color: white;
    font-size: 15px;
    top: 6px;
    left: -80px;
    margin-right: 20px;
    width: 100px;
}*/

.dropdown-menu {
	padding:0;
	border:none;
	border-radius:0;
	right:0;
	left:auto;
}

.dropdown-menu>li>a:focus { background:rgb(0, 105, 117) }

.navbar ul.nav.navbar-nav .dropdown-menu li a {
	font-size: 0.9em;
}

.navbar-nav { margin: 0 -15px 0 -15px; }

#feedbacks img { max-width:100%; }
#feedbacks .items { padding-top:10px; }
#feedbacks .item { float:left; text-align: center; }

#feedbacks .fb-post, #feedbacks .fb-post > span, #feedbacks .fb-post iframe {
	max-width: 100%;
} 

#feedbacks .col { text-align: center;}

#introduction .section_heading h4 { padding-bottom: 30px; }
#introduction ul {
	text-align: left;
    font-size: 14px;
    color: #666;
    line-height: 1.6em;
    margin-top: 20px;
}
#introduction h6 { padding-bottom: 50px; }

#introduction .section_btn { text-align:center; }
#introduction i.circular { text-align:center; background: rgb(0, 151, 167); border-radius: 100px; font-size: 40px; color: white; width: 100px; height: 100px; vertical-align: bottom; line-height: 100px; margin-top: 50px; }
#introduction p {  text-align:center; }
#introduction .features p { font-size: 14px; color: #777; }
#introduction .features { text-align:center; }


#hero .section_btn .btn.btn-default { padding:0 30px; }
#hero h1 { font-size:40px; padding:20px 0; line-height:1.5em; }
#hero img { max-height: 600px; }
#hero i.fa-android { vertical-align: middle; }
#hero i.fa-desktop { font-size:20px; }

@media (max-width: 1200px) {
	#hero h1 { font-size:35px; }
}
@media (min-width: 991px) {
	.hidden-lg-up { display:none; }
	#hero img { max-height: 387px; }
}

@media (min-width: 992px) { #feedbacks .item { width: 50%; padding:0 10px; } }
@media (max-width: 991px) { #feedbacks .item { width: 100%; } }


@media (max-width: 767px) {
	.navbar {
	    padding: 0;
	}	
}

#eco-friendly .col { padding-top:30px; padding-bottom:30px; }
#eco-friendly i { color:#0097A7;  font-size:60px; }
#eco-friendly  h3 { font-size:26px; }

#multiplatform .col { padding-top:30px; padding-bottom:30px; }
#multiplatform .fa-mobile { font-size:26px; color:#0097A7; vertical-align: text-bottom;}
#multiplatform .fa-desktop { font-size:40px; margin: 0 3px; color:#0097A7; vertical-align: text-bottom;}
#multiplatform .fa-tablet { font-size:32px; color:#0097A7; vertical-align: text-bottom;}
#multiplatform  h3 { font-size:26px; }

.center {
	text-align: center;
}

.modal-content {
	background: #032c30;
    color: white;
}

.modal-title {
	margin-bottom: 10px;
}

.modal-content .title { font-weight: bold; }
.modal-content .title i { margin-right: 7px; }

.modal-content .btn-primary {
	background-color: #FDA101;
    border: none;
    font-size: 16px;
    margin: 10px;
    padding: 10px 50px;
}


.languages .item, .currencies .item {
	background: #054248;
    border-radius: 10px;
    padding: 3px;
    margin: 10px;
    width: 40%;
    max-width: 300px;
    cursor: pointer;
    display: inline-block;
}

.languages .item.selected, .currencies .item.selected {
	background-color: #0097A7;
}

.currencies .item .desc {
	font-size:10px;
	display:block;
	line-height: 1.3em;
    margin-bottom: 3px;
}

span.chf {
	font-size:40%;
	vertical-align: middle;
}



.currencies .fa-euro-sign {
	border: 1px solid #fff;
    padding: 3px 2px 0 0px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-right: 3px;
}

.currencies .fa-dollar-sign {
	border: 1px solid #fff;
    padding: 5px 0 0 0px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.logo_img img {	
	width: 70px;
}

#choose-locale { 
	position: fixed;
    background: #3AA1DC;
    padding: 30px 20px 30px 20px;
    bottom: 0;
    left: 0;
    color: white;
    z-index: 1000;
    color: #FFF;
    text-align: center;
	width: 100%;
}

#choose-locale a {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 3px 10px;
	border-radius: 12px;
	color: white;
	margin:20px 10px 10px 0;
	font-size:13px;
	cursor:pointer;
}

#choose-locale a.ok-button {
	border-color:#333;
	background:#333;
}

#doitnow i.main-icon { color:#0097A7; font-size: 40px;}

@media (max-width: 768px) {
	.over-xs {
	  display: none;
	}
  }

/* ------------------------------------------ OLD ----------------------------------------- */ 
section#why { padding-bottom: 110px; }

#why .section_heading h4 { padding-bottom: 30px; }
#why ul {
	text-align: left;
    font-size: 14px;
    color: #666;
    line-height: 1.6em;
    margin-top: 20px;
}
#why h6 { padding-bottom: 50px; }

#why .section_btn { text-align:center; }
#why i.fa, #why i.fas { background: rgb(0, 151, 167); border-radius: 100px; font-size: 40px; color: white; width: 100px; height: 100px; vertical-align: bottom; line-height: 100px; margin-top: 50px; }
#why i.fa-mobile { font-size: 50px; }
/*#why i.fa.fa-leaf { font-size: 20px; width: 50px; height: 50px; vertical-align: bottom; line-height: 50px; }*/


#presentation .section_btn .btn.btn-default { padding:0 30px; }
#presentation h1 { font-size:40px; padding:20px 0; line-height:1.5em; }
#presentation img { max-height: 600px; }

@media (max-width: 1200px) {
	#presentation h1 { font-size:35px; }
}
@media (min-width: 991px) {
	.hidden-lg-up { display:none; }
	#presentation img { max-height: 387px; }
}

#other-features .col { padding-top:30px; padding-bottom:30px; }
#other-features .fa { color:#0097A7; }
#other-features .fa-mobile, #other-features .fa-tablet { font-size:30px; }
#other-features .fa-desktop { font-size:40px; margin: 0 3px; }
#other-features .fa-leaf { font-size:40px; }
#other-features h3 { font-size:26px; }