.fa-9x {
  font-size: 9.3em !important;
}


/*
Theme Name: PLANAR Personal trainer site template with calories calculators
Theme URI: http://www.ansonika.com/planar/
Version: 1.0
Author: Ansonika
Author URI: http://themeforest.net/user/Ansonika/

CSS STRUCTURE:

1. SITE STRUCTURE and TYPOGRAPHY
2. PAGES AND CONTENT
3. FORMS
4. COMMON
5. MEDIA QUERIES

/*============================================================================================*/
/* 1.  SITE STRUCTURE and TYPOGRAPHY */
/*============================================================================================*/
body {
	background:#e7e7e7 url(../img/bg.png) repeat-y center top;
	font:13px/22px 'Open Sans', Arial, sans-serif;
	color: #666;
	-webkit-font-smoothing: antialiased !important;
}
/** Typography **/
h1,
h2,
h3,
h3,
h4,
h5,
h6 {
  margin: 0 0 10px 0;
  font-family: inherit;
  font-weight: bold;
  line-height: 20px;
  color: inherit;
  text-rendering: optimizelegibility;
  font-family: 'Open Sans', Arial, sans-serif;
}
h2, h3, h4,h5 {
	text-transform:uppercase;
}
#sub-head h2 {
	font-size:48px;
	font-weight:800;
	line-height:44px;
}
#sub-head p {
	font-size:30px;
	font-weight:300;
	line-height:32px;
}
.result  h2{
	font-size:16px;
	margin-bottom:20px;
}
#indicator {
	font-size:14px; margin-top:20px;
}
h3 {
  font-size: 24px;
  line-height:28px;
}
h3.title {
	font-size:32px; 
	font-weight:800; 
	text-align:center; 
	background:url(../img/divider.png) no-repeat center top; 
	text-align:center; 
	color:#555; 
	padding: 40px 0;
	margin-top:30px;
}
h3.title-no-border {
	font-size:32px; 
	font-weight:800; 
	text-align:center; 
	/*background:url(../img/divider.png) no-repeat center top;*/ 
	text-align:center; 
	color:#555; 
	padding: 40px 0;
	margin-top:30px;
}
.box_calculator h3 {
	font-size:18px;
	margin:15px 0 15px 0;
	line-height:20px;
}
h4 {
  font-size: 18px;
  ine-height:22px;

}
h3.title-2, h4.title-2 { font-size:22px; color:#555; }
h3.title-2 span, h4.title-2 span {color:#8dc63f; }
.title-green {color:#8dc63f;}

h5 {
  font-size: 14px;
  line-height:14px;
}
footer h5 {
	color:#555; 
}
h6 {
  font-size: 12px;
}
p {
  margin: 0 0 20px 0;
}
/** Lists **/
ul,
ol {
  padding: 0;
  margin: 0 0 30px 0;
  list-style:none;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}
li {
  line-height: 20px;
}
label {
	font-weight:600;
}
hr {
  margin: 30px 0;
  border: 0;
  border-top: 1px solid #dfdfdf;
}

/** Links color **/
a {
  color: #00aeef;
  text-decoration: none;
  	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
a:hover,
a:focus {
  color: #444;
  text-decoration: none;
}

a.button_small, .button_small{
	border:none;
	background:none;
	color:#00aeef;
	padding:3px 15px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	font-weight:600;
	font-size:11px;
	text-transform:uppercase;
	border: 1px solid #00aeef;
}

a.button_small:hover, .button_small:hover {background:#00aeef; color:#fff;}

a.button_medium, .button_medium {
	border:none;
	background:none;
	color:#00aeef;
	padding:7px 20px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	font-weight:600;
	text-transform:uppercase;
	border: 1px solid #00aeef;
	margin-bottom:30px;
}

a.button_medium:hover, .button_medium:hover {background:#00aeef; color:#fff;}

.button_newsletter {
	border:none;
	background: #202329;
	color:#fff;
	padding:13px 30px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease; 
	display:inline-block;
	cursor:pointer;
	font-weight:600;
	text-transform:uppercase;
		margin-bottom:20px;
}

.button_newsletter:hover {background:#00aeef; color:#fff;}

a.button_large, .button_large{
	border:none;
	background:none;
	color:#00aeef;
	padding:17px 40px;
	text-decoration:none; 
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease;
	display:inline-block;
	cursor:pointer;
	font-weight:600;
	font-size:24px;
	text-transform:uppercase;
	border: 1px solid #00aeef;
	margin-bottom:30px;
}

a.button_large:hover, .button_large:hover {background:#00aeef; color:#fff;}


/** Header **/
header {
	background-color:#fff;
	border-bottom:1px solid #e6e6e6;
	padding:20px 0 0 0;
	width:1400px;
	margin:auto;
	margin-bottom:30px;
}

/*h1#logo a{
	text-indent:-99999px;
	background: url(../img/logo.png) no-repeat 0 0;
	display:block;
	height:35px;
	width:240px; 
	text-indent:-99999px;
	background: url(../img/logo.png) no-repeat 0 0;
	display:block;
	height:50px;
	margin-top:-10px;
}
*/ 
h1#logo a {
    text-indent: -99999px;
    background: url(../img/logo.png) no-repeat 0 0;
    display: block;
    height: 96px;
    margin-top: -10px;
    width: 450px;
}

/** Footer **/
footer {
	width:1400px;
	margin:auto;
	background:#fff;
	border-top:1px solid #e6e6e6;
	padding: 60px 0 0 0;
	margin-top:45px;
}
footer .form-bg-1, footer .form-bg-2 {
	padding:5px 10px ;
}
#copy {
	padding:15px 0;
	background-color:#f2f2f2;
	font-size:11px;
	text-align:center;
}

/*============================================================================================*/
/* 2.  PAGES AND CONTENT */
/*============================================================================================*/
/** Profile **/
#why-bg-1 {background:url(../img/why-1.png) no-repeat left top; height:395px;}
#why-bg-2 {background:url(../img/why-2.png) no-repeat right top; height:395px;}
#why-bg-3 {background:url(../img/why-3.png) no-repeat left top; height:395px;}
#why-bg-4 {background:url(../img/why-4.png) no-repeat right top; height:395px;}
.why-desc { padding-top:113px;}

/** Calculators **/
.hours {
	float:right;
}
.hours input{
	width:25px;
	background-color:#e9e9e9;
	border:none;
	-webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    margin-left:3px;
	color: #999;
	text-align:center;
	outline: 0;
}
#activies {
	padding-top:30px
}
#activies.clearfix br {
	clear:both;
}
.result {
	background-color:#7accc8;
	color:#fff;
	text-align:center;
	font-size:66px;
	font-weight:800;
	padding:50px 20px 60px 20px;
	margin-bottom:30px;
}
.box_calculator a{
	background-color:#8dc63f ;
	padding:20px 20px 5px 20px;
	margin-bottom:10px;
	text-align:center;
	color:#fff;
	display:block;
	font-size:14px;
	line-height:16px;
	transition: background .8s ease; 
	-webkit-transition: background .8s ease; 
	-moz-transition: background .8s ease;
      height: 200px;
}
.box_calculator a:hover{
	background-color:#00aeef;
	text-decoration:none;
}

#lia_total, #mia_total, #via_total{
	color:#FF9;
   }
   
#activietes_detail{
	font-size:14px;
	margin-top:60px;
	margin-bottom:-40px;
   }
    
   #activietes_detail h4 span, #activietes_detail ul li span{
	   float:right;
	   color:#FF9;
   }

   
/** Blog **/
.border-right {
	padding-right:30px;
	border-right:1px solid #dfdfdf;
}
.tags a {
	display:inline-block;
	margin:5px 14px 10px 0;
	height:33px;
	line-height:33px;
	background: #8abbcc url(../img/tag_bg.png) no-repeat 91% center;
	padding:0 28px 0 11px;
	color:#fff;	
	
	transition: background .5s ease; 
	-moz-transition: background .5s ease; 
	-webkit-transition: background .5s ease; 
	-o-transition: background .5s ease;
}
.tags a:hover {
	background-color:#099ad1;
	color:#fff;
	text-decoration:none;
}

ul.recent_post li {
	padding:0 0 8px 0;
	margin-bottom:15px;
	border-bottom:1px #ccc dotted;
	color:#313131;
	list-style:none;
	line-height:18px;
	padding-bottom:15px;
	color:#888;
	font-style:italic;
}
ul.recent_post li div {
	font-weight:700;
	padding-left:25px;
	font-style:normal
}
ul.recent_post li:last-child {
	border-bottom:0;
	margin-bottom:0;
}
.post {
	margin-bottom:0px;
}
.post img {
	margin-bottom:18px;
}
.post h2 {
	font-size:32px;
	line-height:32px;
	text-transform:none;
}
.post_info {
	padding:10px 0;
	padding-bottom:0;
	border-bottom:1px #dfdfdf solid;
	border-top:1px #dfdfdf solid;
	margin-bottom:12px;
}
.post_info span {
	color:#ff6666;
}
.post img {
	 border: 8px solid #e8e8e8; 
}
.post-left {float:left;
}
.post-left ul li {
	float:left;
	margin-right:10px;
	list-style:none;
}
.post-right {float:right;
}
#comments {
	padding:10px 0 0px 0;
	margin-bottom:15px;	
}
#comments ul {
	padding:0;
	margin:0;
	list-style:none;	
}
#comments ol {
	padding:0;
	margin:0;
	list-style:none;
}
#comments li {
	padding:0 0 23px 0;
	list-style:none;
}
.avatar {
	float:left;
	margin-right:11px;	
}
.avatar img {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
}
.comment_right {display:table;	}
.comment_info {padding-bottom:7px;}
.comment_info span {padding:0 12px;}
#comments ol li ul li {
	padding:23px 0 0 30px;
	margin:0;
}

.home-news {
	position: relative;
	margin-bottom: 20px;
	padding-left: 66px;	
	border-bottom: 1px dotted #36383d;
}
.home-news.last {
	margin-bottom:0;
	border-bottom: none;
}

.news-date {
	width: 44px;
	position: absolute;
	top: 2px;		left: 0; 
	margin-bottom: 30px;
	padding: 1px;
	background: #fafafa;
}

.date-day {
	height: 43px;
	text-align: center;
	line-height: 43px;
	font-size: 18px;
	font-weight:800;
}

.date-mounth {
	height: 14px;
	background: #3c3e3f;
	text-align: center;
	line-height: 12px;
	font-size: 11px;
	color: #fff;
}

.news-title {
	margin-bottom: 0;
	padding: 0;	
	font-weight:600;
}

.news-excerpt {
	margin-bottom: 20px;
}
/*============================================================================================*/
/* 3.  FORMS */
/*============================================================================================*/

button {
	border-radius:0px;
}
.form-control::-moz-placeholder {
color: #999;
 opacity:1;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
input[type="checkbox"] {
    display:none;
}
input[type="checkbox"]+label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url(../img/check_radio_sheet.png) -19px top no-repeat;
}
input[type="radio"] {
    display:none;
}
input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../img/check_radio_sheet.png) -38px top no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url(../img/check_radio_sheet.png) -57px top no-repeat;
}

label {
   color: #888;
   font-weight:600;
}
/* radio style ie8*/
.ie8 input[type="checkbox"] {
     display:inline-block;
}
.ie8 input[type="checkbox"]+label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background: none;
    cursor:pointer;
}
.ie8 input[type="checkbox"]:checked + label span {
    background: none;
}
.ie8 input[type="radio"] {
     display:inline-block;
}
.ie8 input[type="radio"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background: none;
    cursor:pointer;
}
.ie8 input[type="radio"]:checked + label span {
    background: none;
}

input.form-control, select.form-control, textarea.form-control {
	background:none;
	background-color:none;
	border:none;
	-webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    margin-bottom:0;
  	color: #999;
	font-size:13px;
	font-weight:600;
}
input.form-control:focus, select.form-control:focus, textarea.form-control:focus  {
  border-color:none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color:#555;
}
.form-bg-1, .form-bg-2 {
	display:block;
	margin-bottom:1px;
	padding:10px;
	font-weight:600;
	color: #999;
}
.form-bg-1 {
	background-color:#e9e9e9;
}
.form-bg-2 {
	background-color:#f2f2f2;
}
.styled-select select {
   background: transparent;
   width: 100%;
   padding: 5px;
   padding-left:12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
  font-weight:600;
	-moz-appearance: window;
    -webkit-appearance: none;
    cursor: pointer;	
   }
.styled-select select::-ms-expand, .styled-select-2 select::-ms-expand {
    display: none;
}
   .styled-select {
   width: 98%;
   height: 34px;
   overflow: hidden;
   background: url(../img/down_arrow_select.png) no-repeat right ;
   } 
   .styled-select-2 select {
   background: transparent;
   width: 100%;
     font-weight:600;
   padding: 5px;
   padding-left:12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
	-moz-appearance: window;
    -webkit-appearance: none;
    cursor: pointer;
   }
   .styled-select-2 {
   width: 98%;
   height: 34px;
   overflow: hidden;
   background: url(../img/down_arrow_select_2.png) no-repeat right ;
   }
/*============================================================================================*/
/* 4.  COMMON */
/*============================================================================================*/

/* Mobile menu*/
select#mobileMenu_main-nav  { float:right; margin-top:4px;}

/* Page head*/
#sub-head { text-align:center; height:340px; background: #8dc63f url(../img/bg-sub-head.png) no-repeat center top; color:#fff; display: table;  position: relative; overflow: hidden; width:100%; padding: 20px; margin-bottom:30px; }
#sub-head div {display: table-cell; vertical-align:middle; }
#sub-head div p { margin-bottom:0; padding-bottom:0;}
.break { display:block; background:url(../img/break-content.png) no-repeat center left; height:20px; margin-bottom:30px;}
.lead strong {color:#444; font-weight:normal;}

.img-circle.style { background-color:#fff;
-moz-box-shadow: 0px 0px 0px 10px #e8e8e8; 
-webkit-box-shadow: 0px 0px 0px 10px #e8e8e8; 
box-shadow: 0px 0px 0px 10px #e8e8e8;
margin:auto;
}

iframe{
	border: 8px solid #e8e8e8; 
 }

#toTop {width:100px;background:#111;text-align:center;padding:5px;position:fixed; bottom:10px;right:10px;cursor:pointer; display:none;color:#fff;font-size:11px; z-index:999;}

.add_top_30{
	margin-top:30px;
   }
    .add_top_15{
	margin-top:15px;
 }
 .add_bottom_30{
	margin-bottom:30px;
 }
  .add_bottom_15{
	margin-bottom:15px;
 }
   
.quote img {
	position:absolute;
	left:0; 
	topt:0;
	margin: 0 15px 40px 0 ;
	-moz-box-shadow: 0px 0px 0px 5px #e8e8e8; 
	-webkit-box-shadow: 0px 0px 0px 5px #e8e8e8; 
	box-shadow: 0px 0px 0px 5px #e8e8e8;
	background-color:#e8e8e8;
 }
 .quote {
	 font-style:italic;
	 font-weight:600;
	 position:relative;
	 padding-left:80px;
 }
  .quote em {
	 font-style: normal;
	 font-weight:normal;
	 margin-bottom:30px;
	 margin-top:-10px;
	 display:block;
 }

#newsletter_container {
	background: #7accc8 url(../img/bg-sub-head.png) no-repeat;
	padding: 20px 20px 10px 20px;
 }
 #newsletter_container  input.form-control,  #newsletter_container  input:focus.form-control{
	background-color:#fff; 
	color:#555;
	border-radius:0px;
	font-size:16px;
	padding:25px;
 }

/* Images rollover effect */
.img-item .thumbnail{
padding: 0;
display: block;
max-width: 100%;
height: auto;
overflow: hidden;
 border: 8px solid #e8e8e8; 
 -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background:#e8e8e8;
border-bottom:3px solid #e8e8e8;
margin-bottom:30px;
}
.thumbnail img{
	min-width:100%;
	height:auto;
}
.img-wrapp{
position:relative;
display:inline-block;
width:100%;
height:auto;
overflow:hidden;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.img-wrapp .img-links {
position: absolute;
z-index: 1;
top: -50%;
margin-top: -19px;
line-height: 0;
padding: 0px;
text-align: center;
left: 3%;
width: 100%;
display: block;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.img-wrapp .img-links a {
	color:#fff;
}
.img-wrapp .img-links a:hover {
	text-decoration:none;
}

.img-wrapp .img-effect {
background-color: rgba(0, 0, 0, 0.7);
height: 100%;
width: 100%;
position: absolute;
z-index: 1;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
filter: alpha(opacity=0);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity:0;
opacity: 0;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;		
}

#map {
	height:380px;
	width:100%;
	 border: 8px solid #e8e8e8; 
}

/* forms error messages */
#message-newsletter, #message-visit, #message-contact { margin: 10px 0; padding: 0;}
.error_message { display: inline-block; background: #ed1c24; padding: 5px 8px; color:#fff;}
.loader { padding: 0 10px; }
#success_page { background: #66cc00; padding: 5px 10px;  color:#fff; display: inline-block; }

/* javascripts  toggle accrodian */
.panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 0;
}
.panel {
  margin-bottom: 20px;
  background-color: #f2f2f2;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 0;
  border-top-left-radius: 0;

}

.panel-default > .panel-heading {
    color:#fff;
  background-color: #00aeef;
  border-color: transparent;
}

/* modal */
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
   box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
}
.modal-header {
  min-height: 16.428571429px;
  padding: 15px;
  border-bottom: 1px solid #ddd;
}
.modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #ddd;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #555;
  text-shadow: 0 1px 0 #000;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #333;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.7;
  filter: alpha(opacity=70);
}


/* messages */
.errormsg, .alertmsg, .successmsg, .infomsg, .infomsg2 { display: block; margin: 20px 0; padding: 15px 8px 15px 15px; position: relative; color:#666666!Important; border-radius:0px; }
.alert i { float:left; line-height:22px;}
.errormsg { background-color: #FCCAC1;  border: 1px solid #E18B7C; }
.errormsg i {color:#E18B7C; }
.alertmsg { background-color: #FFE9AD; border: 1px solid #EAC572;}
.alertmsg i{color:#EAC572;}
.successmsg { background-color: #EFFEB9;  border: 1px solid #C1D779; }
.successmsg i{ color:#C1D779}
.infomsg { background-color: #DEEEFA;border: 1px solid #AFD3F2; }
.infomsg i { color: #AFD3F2; }
.infomsg2 { background-color: #FFFFFF; border: 1px solid #AFD3F2; }
a.clostalert { background: url("../img/messages.png") no-repeat scroll 0 -310px transparent; cursor: pointer; height: 15px; overflow: hidden; position: absolute; right: 5px; text-indent: 9999px; top: 5px; width: 15px; }

/* tabs */
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #00aeef;
}
.tab-content {
  overflow: auto;
  padding:20px 0;
}

.nav-tabs {
  border-bottom: 1px solid #dfdfdf;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 4px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 0px;
  background-color: #dfdfdf;
  color:#555;
}

.nav-tabs > li > a:hover {
  border-color: #00aeef;
  color:#fff;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: #00aeef;
  border: 1px solid #00aeef;
  border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

/* Progress bars*/
.progress {
  height: 45px;
  margin-bottom: 0;
  overflow: hidden;
  background-color: #e8e8e8;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 14px;
  text-transform:uppercase;
  font-weight:600;
  color: #ffffff;
  text-align: right;
  padding-right:10px;
  line-height:47px;
  -webkit-box-shadow: none;
   box-shadow:none;
  -webkit-transition: none;
  transition: width 0.6s ease;
}

/* Plans price style */
.plans {
  margin: 0px auto 50px ;
  zoom: 1;
}
.plans:before, .plans:after {
  content: '';
  display: table;
}
.plans:after {
  clear: both;
}

.plan {
  margin: 10px 0;
  padding: 20px;
  text-align: center;
  background: #f2f2f2;
  background-clip: padding-box;
  border: solid #dddddd;
  border-width: 1px 0 1px 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.col-md-4.plan:first-child {
  margin-right:-30px;
  margin-left:30px;
}
.plan:last-child {
  border-width: 1px;
}
.plan-title {
  position: relative;
  margin: -20px -10px 20px;
  padding: 20px;
  line-height: 1;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px dotted #ccc;
}
.plan-title:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1px;
}
.plan-price {
 margin: 0 auto 20px;
width: 110px;
height: 110px;
line-height: 110px;
font-size: 30px;
font-weight: bold;
color: white;
background: #595f6b;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
display: inline-block;
text-align:center;
}
.plan-price > span {
  font-size: 12px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.9);
}
.plan-features {
  margin-bottom: 20px;
  line-height: 2;
  font-size: 12px;
  color: #999;
  text-align: center;
}
.plan-features li{
	list-style:none;
}
.plan-features > li > strong {
  font-weight: bold;
  color: #888;
}
.plan-tall {
  margin: 0;
  background: #fff;
  border-width: 1px;
  border-radius: 10px;
  margin-right:-30px;
  position:relative;
  z-index:100;
   border: solid #8dc63f;
  padding-bottom:40px;
}
.plan-tall > .plan-title {
  font-size: 18px;
}
.plan-tall > .plan-price {
 margin: 0 auto 20px;
height: 110px;
widht: 110px;
line-height: 110px;
font-size: 30px;
font-weight: bold;
color: white;
background: #8dc63f;
border-radius: 100px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
display: inline-block;
text-align:center;
}
.plan-tall > .plan-features {
  font-size: 13px;
}
.plan-tall > .plan-button {
  padding: 0 16px;
  line-height: 32px;
}
.plan-tall + .plan {
  border-left: 0;
}

/* Table price style 2 */
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pricing-table {
text-align:center;
font-weight:400;
border:6px solid #1ABC9C;
margin-bottom:30px;
background:#fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.pricing-table:hover{
-moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
}
.pricing-table.green {
text-align:center;
font-weight:400;
border:6px solid #2ECC71;
}
.pricing-table.blue {
text-align:center;
font-weight:400;
border:6px solid #00aeef;
}
.pricing-table-sign-up {
	border-top:1px solid #BDC3C7;
	padding:10px 20px;
	text-align:center;
	background:#ECF0F1;
}
.pricing-table-features p {
	padding:5px 20px;
	text-align:center;
}
.pricing-table-features p:nth-child(2n){
	background:#ECF0F1;
}
.pricing-table-features, .pricing-table-space{
	background:#fff;
}
.pricing-table p{
		padding:5px;
		margin-top:5px;
		font-size:110%;
		font-weight:400;
		background:#fff;
	}
.pricing-table p strong{
		font-weight:600;
	}
	
.pricing-table .pricing-table-header {
	color:#fff;
	background: #1ABC9C;
	padding:0px;
}
.pricing-table-header .heading{
	display:inline-block;
	width:100%;
	padding:15px 0px;
	text-transform:uppercase;
}
.pricing-table.green .heading{
		background: #2ECC71;
}
.pricing-table.red .heading{
	background: #E74C3C;
}
.pricing-table.blue .heading{
	background: #00aeef;
}
.pricing-table .pricing-table-header .price-value{
	background: #16A085;
}
.pricing-table.green .pricing-table-header .price-value{
	background: #27AE60;
}
.pricing-table.blue .pricing-table-header .price-value{
	background: #2980B9;
}
.pricing-table-header .price-value {
	display:inline-block;
	width:100%;
	padding:20px 0px;
	background: #1ABC9C;
}

.pricing-table-header .price-value span{
	font-weight:800;
	font-size:36px;
}
.pricing-table-header .price-value span.mo{
	font-size:22px;
	font-weight:600;
}

/* Table style */
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dcdcdc;
}   
   .table thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dcdcdc;
}
.table-bordered {
  border: 1px solid #dcdcdc;
}

/* Pagination */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0;
  border-radius: 4px;
}
.pagination > li > a,
.pagination > li > span {
  line-height: 1.428571429;
  background-color: transparent;
  border: 1px solid #ededed;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #00aeef;
  color:#fff;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #00aeef;
  border-color: #00aeef;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
   background-color: #00aeef;
  border-color: #00aeef;
}

/*============================================================================================*/
/* 5.  MEDIA QUERIES */
/*============================================================================================*/

@media (min-width: 1201px) and (max-width: 1400px) {

header, footer {max-width:100%;}

}

@media (min-width: 768px) and (max-width: 1200px) {

header, footer {max-width:100%;}

  .table-responsive > .table {
    margin-bottom: 0;
    background-color: transparent;
  }
  .table-responsive {
    border:none;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
.border-right {
	padding-right:0;
	border-right:0;
}
.table-responsive > .table {
    margin-bottom: 0;
    background-color: transparent;
  }
  .table-responsive {
    border:none;
  }

.col-md-4.plan:first-child, 
	.col-md-4.plan:last-child {
		margin-right: 0px;
		margin-left: 0px;
		border-width: 1px 1px 1px 1px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.plan-tall + .plan {
		border-left: 1px;
		border: solid #555;
	}
	.plan-tall {margin-right:0;}
	
.why-desc { padding-top:0;}

.box_calculator a{
	margin-bottom:30px;
}
	
}
	
/* From tablet portrait to mobile */
@media (max-width: 767px) {

.table-responsive > .table {
    margin-bottom: 0;
    background-color: transparent;
  }
  .table-responsive {
    border:none;
  }
.text-right.why-desc { text-align:left}
.why-desc { padding-top:0;}
.border-right {
	padding-right:0;
	border-right:0;
}
header, footer {max-width:100%;}

.col-md-4.plan:first-child, 
	.col-md-4.plan:last-child {
		margin-right: 0px;
		margin-left: 0px;
		border-width: 1px 1px 1px 1px;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		
	}
	.plan-tall + .plan {
		border-left: 1px;
		border: solid #555;
	}
	.plan-tall {margin-right:0;}
	
#sub-head { height:190px;}
#sub-head h2 { font-size:38px;line-height:38px}
#sub-head p { font-size:20px; line-height:20px;}

#map {
	height:260px;
}

}	

/* Mobile portrait */
@media (max-width: 480px) {
	
.table-responsive > .table {
    margin-bottom: 0;
    background-color: transparent;
  }
  .table-responsive {
    border:none;
  }
	.border-right {
	padding-right:0;
	border-right:0;
}
.why-desc { padding-top:0;}
h1#logo a{
	background: url(../img/logo-mobile.png) no-repeat 0 0;
	width:auto;
}
#map {
	height:260px;
}
.quote img {
	margin: 0 15px 10px 0 ;
 }


}


.error-message {
   

  font-size: 11px; 
  font-weight: 400;
  color: #ff3345;
 
}