/* GOOGLE FONTS */
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700|Montserrat:400,700);

/* 
  font-family: 'Montserrat', sans-serif;
  font-family: 'Oswald', sans-serif; 
*/

/* Global properties ======================================================== */
a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#046db6!important; color:#fff}
::-moz-selection{ background:#046db6!important; color:#fff}

a{ color:#9a8c98; text-decoration: underline; outline:none}
a:hover{ color:#4a4e69; text-decoration: none; outline:none}

body{ 
  background: #0d0d18  url("../images/bg.gif") 0 0 repeat;  
  border:0; 
  font: 13px 'Arial', Arial, Helvetica, sans-serif; 
  color: #f2e9e4; 
  line-height:1.571428571428571; 
  min-width:320px;
  font-family: 'Montserrat', sans-serif;
}
.container { position: relative; min-width: 320px;}
#main{margin: 0 auto; position: relative; overflow: hidden;}

/* Page Animated item Styles */
.animated { visibility: hidden;}
.visible {visibility: visible;}


/* ============================= top ====================== */
#top {
  background: #4a4e69;
}
#top ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}
#top ul li {
  float: left;
  margin-right: 24px;
}
#top ul li a {
  color: #9699b0;
  font-size: 16px;
}
#top ul li a:hover {
  color: #f2e9e4;
}
#top ul li a b {
  display: none;
}

#top .slogan {
  color: #9699b0;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 20px;
  padding-top: 2px;
}
.slogan p {
  margin-bottom: 0;
  padding-bottom: 0;

}


/* ============================= banners ====================== */
#banners {
  padding-top: 60px;
  padding-bottom: 60px;
}
h1 {
  margin: 0;
  padding: 0;
  text-align: center;
  border:0;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 38px;
  padding-bottom: 30px;
  background: url("../images/bg-h1.png") 50% bottom no-repeat;  
  margin-bottom: 30px;
}
h1 span {
  display: block;
  font-size: 20px;
  font-weight: 700;  
  letter-spacing: 3px;
}
.sub-text {
  text-align: center;
  color: #f2e9e4;
  font-size: 16px;
  margin-bottom: 45px;
  padding-left: 10%;
  padding-right: 10%;
}

a.wrap  {
  text-decoration: none;
  display: block; 
  color: #c9c8dc 
}
a.wrap:hover {
  color: #fff
}
a.wrap div {
  background: #22223b;
  padding: 25px 15px;
  border-bottom: 1px #4a4e69 solid;
}
a.wrap:hover div {
  background: #4a4e69;
  border-color:#9a8c98;
}
h3 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  padding-bottom: 15px;
}
#banners img {
  max-width: 100%;
}



.parallax-content {
  position: relative;
  z-index: 100;
}
.numbers {
  width: 25%;
  float: left;
  text-align: center;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  letter-spacing: 2px;
}
.numbers b {
  font-size: 30px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}
.numbers > span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;  
}
.zodiac {
  margin-bottom: 25px;
}
.ast {
  display: block;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.02);
  -webkit-border-radius:  50%;
  -moz-border-radius:  50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  width: 110px;
  height: 110px;
  position: relative;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  margin: 0 auto ;
}
.ast img {
  margin: auto;
  display: block;
  padding-top: 12px;
}
.ast:hover {
  background: rgba(74, 78, 105, 1);
  margin-top: -20px;
}
.ast + p {
  text-align: center;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  line-height: 24px;
  padding-top: 10px;
  height: 0px;
  overflow: hidden;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;

}
.ast:hover + p {
  height: 30px;
}


/* ============================= breadcrumbs ====================== */

.breadcrumbs_wrapper {background: #22223b;}
.breadcrumbs {
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 20px;
  overflow: hidden;
  text-transform: uppercase;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
}
.breadcrumbs a {
  text-decoration: none;
  color: #7c82a3;
}
.breadcrumbs a:hover {
  color: #979fce;
}

/* ============================= content ====================== */
#content{position: relative;  padding-top: 50px; padding-bottom: 50px;}

h2 {
  font-size: 24px;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  text-transform: uppercase;
}
#content p {
  color: #f2e9e4;
}
#content p a {
  color: #9a8c98;
  text-decoration: underline;
  
}
#content p a:hover {
  color: #fff;
  text-decoration: none;
}
.view {
  display: block;
  color: #22223b;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  background: #c9ada7;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-border-radius:  2px;
  -moz-border-radius:  2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  margin-right: 40px;
}

#content .col-sm-1 .ast + p {
  font-size: 10px;
}

#content p.title {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
}

#content .online p.date {
  text-align: center;
  color: #4a4e69;
  font-size: 14px;
}

#content .online .intro-img {
  max-width: 104%;
}

/*----- Accordion -----*/
.accordion, .accordion * {
  -webkit-box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  box-sizing:border-box;
  background: none;
  }

.accordion {
  overflow:hidden;
  box-shadow:0px 1px 3px rgba(0,0,0,0.25);
  border-radius:3px;
}

/*----- Section Titles -----*/
.accordion-section-title {
  width:100%;
  padding:15px;
  display:inline-block;
  background:#22223b;
  transition:all linear 0.15s;
  /* Type */
  font-size:1.200em;
  text-shadow:0px 1px 0px #1a1a1a;
  color:#fff;
  text-decoration: none;
  
}

.accordion-section-title.active {
  background: #f2e9e4;
  color: #2c3e50;
  text-decoration: none;
  
}
.accordion-section-title:hover {
  /* Type */
  text-decoration:none;
  background: #4a4e69;
  color: #fff;
}

.accordion-section:last-child .accordion-section-title {
  border-bottom:none;
}
.accordion-section {
  margin-bottom: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -khtml-border-radius:2px;
  border-radius:2px;

}
.accordion-section img.pull-left {
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: 5px;
}


/*----- Section Content -----*/
.accordion-section-content {
  padding:15px;
  display:none;
  background: #ffffff;
  text-decoration: none;
  -webkit-border-radius:  0 0 2px 2px;
  -moz-border-radius:  0 0 2px 2px;
  -khtml-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
#content .accordion-section-content p {
  color: #6e767b;  
}


/* ============================= footer ====================== */
footer#footer {
  background: #121123;
  border-top: 1px #22223b solid;
  padding: 40px 0;
}
a.mail {
  color: #9a8c98;
}
span.phone {
  display: block;
  padding-top: 2px;
  padding-bottom: 15px;
  float: left;
}
#footer i {
  display: block;
  min-width: 40px;
  font-size: 25px;
  float: left;
  clear: both;
  margin-right: 10px; 
}

#footer ul {
  padding: 0;
  margin: 0;
  list-style: none;  
}
#footer ul li {
  padding-bottom: 4px; 
}
#footer ul li a {
  padding-left: 28px;
  background: url("../images/list.png") 0 0 no-repeat;
  color: #5c5d6f;
  text-decoration: none;
}
#footer ul li a:hover {
  color: #bfc1d1;
}
#footer h4 + p {
  color: #5c5d6f;
}
h4{
  font-family:'Montserrat'; font-weight:400; font-size:16px; 
  color:#c9ada7; background: none; line-height:1.3; padding:0px 0 10px; margin: 15px 0 20px 0 ; 
  border-bottom: 1px #22223b solid;
  text-transform: uppercase;
}


/* sidebar  sidebar  sidebar  sidebar*/
.sidebar {
  float: right;
  width: 25%;
}
.sidebar ul {
  margin: 0;
  padding: 0;
}
.sidebar ul li {
  margin: 0;
  padding: 0;
  list-style: none; 
}
.sidebar ul li a {
  color: #cbcee0;
  border:1px #484b66 solid;
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  background: #22223b;
  font-weight: 400;
  font-family:'Montserrat';
  font-size: 12px;
  border-bottom: none;
}
.sidebar ul li a:hover {
  color: #fff;
  background: #ff9059;
  border-color:#ff9059;
}

.sidebar-menu {
  float: right;
  padding-left: 25px;
}

h6 {
  color: #f2e9e4;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  background: #4a4e69;
  padding: 20px 15px;
  margin: 0;
}



.page-with-sidebar {
  width: 75%;
  float: left;
}
.page-with-sidebar h1 {
  text-align: left;
  background: url("../images/bg-h1-sub-page.png") left bottom no-repeat;
}



/* ============================= Copyright ====================== */
#copyright {
  background: #090912;
}
#copyright p {
  color: #4a4e69;
  font-size: 13px;
  padding: 15px 0 10px;  
  line-height: 20px;
  font-family: 'Montserrat', sans-serif;
}


/* ============================= parallax ====================== */
.parallax {width: 100%; position: relative; overflow: hidden; background: none;}
.parallax, .parallax .parallax-content, .parallax .overlay { height: 100%;}

.parallax-bg { width: 100%; height: 100%; left: 0; top: 0; margin: 0 auto; position: absolute; background-size: cover; background-attachment: scroll; background-repeat: repeat-y; background-position: center center; }
.parallax-bg.bg-fixed{background-attachment: fixed;}
.parallax .overlay { background: none; width: 100%; position: absolute; overflow: hidden; background: none;}
.parallax-content { padding-top: 0px; padding-bottom: 0px;}

.bg1 { background-image: url(../images/parallax1.jpg); }
.bg2 { background-image: url(../images/parallax2.jpg); }
.bg3 { background-image: url(../images/parallax3.jpg); }

#parallax1{padding-top: 70px; padding-bottom: 70px; text-align: center; color: #fff;}

#parallax1 .txt1{font-family: 'Arial'; font-size: 100px; font-weight: 900; line-height: 1.1; text-transform: uppercase; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);}



/* ============================= main menu ====================== */
.logo img {
  margin-top: 15px;
}
nav#nav {
  background: #121123;
}
.menu_wrapper{position: relative; float: right}
.navbar_ { margin: 0; padding: 0; background: none; border:none; position: relative;z-index: 30; min-height: 0; float: none; display: block; background: none; line-height: 1px;}
.navbar_ .navbar-toggle {float: right; background: #222932; border: none;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 16px; margin-bottom: 2px; margin-left: 15px;}
.navbar_ .navbar-toggle:hover, .navbar_ .navbar-toggle:focus{background: #046ab1;}
.navbar_ .navbar-toggle .icon-bar{background: #fff;}
.navbar-collapse_{padding-left: 0; padding-right: 0; border: none;}
.navbar_ .nav{position: relative; margin: 0; padding: 0; display: block; float: none; padding-right: 0px; background: none;}
.navbar_ .nav > li{position: relative; display: block; float: left; white-space: nowrap; padding-left: 0px; background: none; }
.navbar_ .nav > li:first-child{margin-left: 0;}
.navbar_ .nav > li > a{
    display: block;
    text-decoration: none;
    background: none;
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #f2e9e4;
    text-shadow:none;
    padding: 35px 15px 30px;
    border: none;
    margin: 0;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    text-align: left;
    text-transform: uppercase; vertical-align: middle;
    transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out;
    border-top: 2px #4a4e69 solid;
    margin-top: -2px;
}

.navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{
  color: #fff; text-decoration: none; background: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; 
  border-color:#c9ada7;
  background-color: #22223b;
}
.navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus{
  color: #9a8c98; text-decoration: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; background: none;
}
.navbar_ .nav > li.parent > a  {
  background-image: url("../images/arrow-dd-menu.png");
  background-position: 92% 54%;
  background-repeat: no-repeat;
  padding-right: 25px;
}
.navbar_ .nav > li.parent > a:hover  {
  background-color: #22223b;
  background-image: url("../images/arrow-dd-menu.png");
  background-position: 92% 54%;
  background-repeat: no-repeat;
}


.parent ul{ position: absolute; display: none; left: 0px; top: 100%;  list-style: none; zoom: 1; z-index: 10; margin: 0; padding:0; text-align: left; min-width: 140px; background: #22223b; border:none;}
.parent li{ margin: 0; position: relative; zoom: 1; display: block;}
.parent li:first-child{}
.parent li a{
    display: block;
    text-decoration: none;
    background: none;
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: #f2e9e4;
    text-shadow:none;
    padding: 4px 15px 4px;
    border: none;
    margin: 0;
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    text-align: left;
    text-transform: uppercase; vertical-align: middle;
    transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out;
}
.parent li a:hover{ text-decoration: none; color: #fff; background: #121123;}
.parent-2 > ul{left: 100%; top: 0; margin-left: 0px; background: #002745;}


.intro-img {
  max-width: 262px;
  max-height: 219px;
}

/* ============================= main layout ====================== */

.img-responsive{width: auto \9;}
.img-responsive-old{display: block; max-width: 100%; height: auto;}
.border-box{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.color1{color: #002e51;}




.google_map{ position: relative; overflow: hidden; margin: 0 0 0px 0; padding: 0px; background: #fff; border: none; line-height: 1px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;overflow: hidden;}
.google_map iframe{width: 100%; height: 400px; border: none; background: #fff; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}



/* ============================= thumbnail ====================== */
.img-polaroid{position: relative; padding: 0; background: none; border: none;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.img-polaroid img{border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}

.img-circle{position: relative; padding: 0px; background: none; border: none;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.img-circle img{border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}

.thumbnail .caption{padding: 0; color: inherit;}

.thumb-isotope .thumbnail a:hover .caption {
  color: #fff!important;
}

/*================= Contacts =========================*/
#note{ }
.notification_error{ color:#f00; padding-bottom:10px; }
.notification_ok{ text-align: left; padding-bottom:10px; }

#ajax-contact-form .form-group{margin-left: 0; margin-right: 0;}
#ajax-contact-form .form-group label{color: #d4d5d6; display: none;}
#ajax-contact-form .form-control{height: 38px; padding: 8px 12px; font-size: 14px; line-height: 20px; color: #ababab; background: #fff;border: 1px solid #e2e2e2;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#ajax-contact-form .form-control:focus{border-color: #1eb2ff; background: #fff; color: #343642;}
#ajax-contact-form textarea.form-control {height: auto;}
#ajax-contact-form .form-group.capthca{float: left; margin-right: 30px;}
#ajax-contact-form .form-group.capthca input{width: 170px;}
#ajax-contact-form .form-group.img{float: left;}
#ajax-contact-form .form-group.img img{width:170px; height:38px;}

.btn-default.btn-cf-submit{display: inline-block; color: #fff; border: none; box-shadow: 0 6px #004e85; moz-box-shadow: 0 6px #004e85; -webkit-box-shadow: 0 6px #004e85; font-size: 14px; line-height: 20px; font-weight: 700; padding: 12px 40px; text-decoration: none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin-top: 10px; margin-bottom: 10px; text-transform: uppercase; background: #046ab1; position: relative;
}
.btn-default.btn-cf-submit:hover{color: #fff; background: #0886dd; box-shadow: 0 4px #075890; moz-box-shadow: 0 4px #075890; -webkit-box-shadow: 0 4px #075890; top: 2px;}



ul.breadcrumb > li:first-child {
  display: none!important;
}

.breadcrumb > li {
  float: left;
  display: block!important;  
}

.breadcrumb > li .divider{
  padding-left: 10px;
}

.breadcrumb > li + li + li {
  background: url(../images/breadcrumbs1.png) left center no-repeat;
  padding-left: 5px;
  margin-left: 5px;
}

.breadcrumb > li +  li:before  {
  content: "";
  display: none;
}
.breadcrumb > li + li + li:before {}

.breadcrumb {
  padding: 0px;
  margin-bottom: 0px;
  list-style: none;
  background:none;
  border-radius: 0;
}

#k2Container {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

input, button, select, textarea {
  color: #000;
  text-indent: 5px;
}
.alert {
  background: #121123;
  color: #f00;
}
#content .alert.alert-error p {
  color: #f00;
}
.breadcrumbs_wrapper .breadcrumb > .active {
    color: #7f85ac;
}


.inner {
  background: #22223b;
  border-bottom: 1px #4a4e69 solid;
  overflow: hidden;  
  margin-bottom: 25px;
}

.inner .text {
  padding: 16px 12px;
  overflow: hidden;    
}
.text2 {
  padding: 0px 25px;
  overflow: hidden;    
}
.inner a {
  text-decoration: none;
  display: block;
}
h5 {
  margin: 0;
  padding: 0;
  color: #fff;
  text-transform: uppercase;
  padding-bottom: 5px;
  font-size: 16px;
  font-family: 'Montserrat', sans-serif;  
}
#content p.date {
  color: #4a4e69;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;  
}

#content p {
  color: #c9c8dc;
  line-height: 20px;
  font-size: 13px;

}
.more {
  display: block;
  float: left;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  text-decoration: none;
  background: #565b77;
  padding: 10px 15px;
  margin-top: 5px;
}

.inner:hover {
  background: #4a4e69;
  border-color: #9a8c98; 
}
#content .inner:hover p.date {
  color: #0d0d18;
}
.inner:hover .more {
  color: #0d0d18;
  background: #f2e9e4;
}

.pagination-list {
  text-align: center;  
}
.pagination-list li {
  display: inline;
  margin: 0 5px;
}
.pagination-list a {
  background: #22223b;
  color: #565b77; 
  display: inline-block;
  text-decoration: none;
  padding: 5px 10px;
  font-weight: bold;  
}
.pagination-list a:hover[href*="/"]  {
  background: #f2e9e4;
  color: #0d0d18;
}
.pagination-list a[href*="/"] span.icon-first::after {
  content: '<';
}
.pagination-list a[href*="/"] span.icon-previous::after {
  content: '<<';
}
.pagination-list a[href*="/"] span.icon-next::after {
  content: '>';
}
.pagination-list a[href*="/"] span.icon-last::after {
  content: '>>';
}
div.k2Pagination ul li.disabled {
  display: none;  
}
.itemBody  {
  background: none; 
}

ul.list {
  margin-bottom: 35px;
  margin-left: 0;
  padding: 0;
  list-style: none;
}
ul.list li {
  padding-left: 20px;
  background: url(../images/bg-list.png) left center no-repeat;  
  color: #cbcee0;
}

.col-sm-1 .ast {
  width: 60px;
  height: 60px;
}
.col-sm-1 .ast img {
  max-width: 90%;
  padding-top: 5px
}
  .parent ul ul {
    left: 100%;
    top: 0;
    border-left: 1px #4a4e69 dashed;
  }


.star {
  color: #f00;
}
a.join {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
}
a.join:hover {
  background: #f2e9e4;
  color: #0d0d18;
}


/*----- media queries ------*/
/* ========================================================== M I N    1 2 0 0  ========================================================================== */
@media (min-width: 1200px) {





}
/* Default landscape and desktop to large desktop */
/* ========================================================== M A X    1 1 9 9  ========================================================================== */
@media (max-width: 1199px) {

  .navbar_ .nav > li > a {
    padding-top: 25px;
    padding-bottom: 20px;
  }
  .logo img {
    margin-top: 10px;
  }
  img {
    max-width: 100%;
  }
  h3 {
    padding-bottom: 10px;
    font-size: 18px;
  }
  a.wrap p, #footer h4 + p {
    font-size: 13px;
    line-height: 18px;
  }
  .view {
    margin-right: 20px;
  }
  .flex-caption .txt1 {
    font-size: 48px;
  }



}


/* ========================================================== M A X    9 9 1  ========================================================================== */

/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {
  .navbar_ .nav > li > a {
      padding-top: 20px;
      padding-bottom: 15px;
      font-size: 13px;
      padding-left: 10px;
      padding-right: 10px;
  }
  .logo img {
    margin-top: 4px;
  }
  .parent li a {
    font-size: 12px;
  }
  .flex-caption .txt1 {
      font-size: 32px;
  }
  .flex-caption .txt2 {
      font-size: 20px;
      margin-bottom: 20px;
  }
  a.join {
    font-size: 14px;
    line-height: 42px;
    width: 200px;
  }
  h3 {
    font-size: 13px;
  }
  a.wrap p, #footer h4 + p {
      font-size: 12px;
      line-height: 16px;
  }
  .sub-text {
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
  }
  h1 {
    font-size: 24px;
  }
  #banners {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .view {
      margin-bottom: 10px;
      padding: 0 10px;
      font-size: 13px;
  }
  body {
    font-size: 12px;
  }
  #footer i {
    display: none;    
  }
  #footer ul li a {
    padding-left: 0;
    background: none;    
  }



}


/* ========================================================== M A X    7 6 7   ========================================================================== */

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	.navbar_ {float: none; margin-bottom: 0; margin-left: -15px; margin-right: -15px; display: block; height: auto; padding-right: 0; background: none;}
  .navbar-collapse_{
    clear: both;
  }
  .menu_wrapper {
    float: none;
    width: 100%;
    right: 0;    
  }
  .navbar_ .nav{display: block; padding-right: 0;}
  .navbar_ .nav > li{float: none;background: none; padding-left: 0; border-top: none; margin-left: 0;}
  .navbar_ .nav > li a {border-top: none;}
  .navbar_ .nav > li > a{margin-bottom: 0; margin-top: 0; padding:5px 0; text-align: center; font-size: 14px;}
  .navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus, .navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{
  }

  .parent ul{position: relative; left: 0; top: 0; text-align: center; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;  margin-top: 0;}
  .parent li a{padding-left: inherit; padding-right: inherit; text-align: center;
  }

  .navbar_ .nav > li.parent > a {
    padding: 4px 15px 4px;
    background: none;
    
  }
  #top .slogan {
    text-align: center;
    
  }
  #top ul {
    float: none;
    text-align: center;    
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #top ul li {
    float: none;
    display: inline;
  }
  .flex-caption .txt1 {
    font-size: 20px;
  } 
  .flex-caption .txt2 {
    font-size: 14px;
  } 
  a.join {
    width: 180px;
  }
  .numbers > span {
    font-size: 11px;
  }
  .numbers {
    width: 50%;
  }
  .sub-text {
    font-size: 13px;
    line-height: 18px;
  }
  #banners div.col-sm-3 {
    width: 50%;
    float: left;
    margin-bottom: 15px;
  }
 #banners div.col-sm-3 img {
  width: 100%;
 }
 .zodiac {
  margin-bottom: 0;
 }
 .zodiac div.col-sm-2 {
    width: 33%;
    float: left;
 }
 #content h2 , #footer h4{
  clear: both;
  padding-top: 20px;
 }
 .accordion-section img.pull-left {
  margin-bottom: 0;
  margin-top: 0;
 }
 .intro-img {
  max-width: 36%;
 }

  .sidebar {
    width: 40%;
  }
  .page-with-sidebar {
    width: 60%;
  }
  .parent ul ul {
    left: 0;
    top: 0;
    border-left: 0px #4a4e69 dashed;
  }



}
/* ========================================================== M A X    6 2 5   ========================================================================== */
@media  (max-width: 625px) {


  .sidebar {
    width: 100%;
    float: none;
    clear: both;
  }
  .page-with-sidebar {
    width: 100%;
    float: none;
    clear: both;
  }
  .sidebar-menu {
    padding-left: 0;
    float: none;
    margin-bottom: 25px;
  }
  #content .online .intro-img {
    max-width: 34%;
  }



}


/* ========================================================== M A X    4 8 0   ========================================================================== */

/* Landscape phones and down */
@media (max-width: 480px) {

  .google_map iframe{height: 200px;}
  h1 {
      font-size: 16px;
  }
 .zodiac div.col-sm-2, #banners div.col-sm-3, .numbers {
    width: 100%;
    float: none;
 }
 .intro-img {
  max-width: 100%;
  float: none!important;  
 }
 .text2 {
  padding-left: 0;
  padding-top: 20px;
 }




}


/* ============================= toTop ====================== */
#toTop { display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; z-index: 1000; overflow:hidden; width:50px; height:50px; border:none; text-indent:100%; background:url(../images/totop.gif) no-repeat left top; }
#toTopHover { background:url(../images/totop.gif) no-repeat left bottom; width:50px; height:50px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }


#contact-form legend {
    display: none;
}
div.itemBackToTop {
  position: absolute;
  display: none;
}
div.itemView {
  margin-bottom: 0;
  border:none;
}
.form-horizontal .control-label {
  float: left;
  width: 200px;
  padding-right: 15px;
  padding-top: 2px;
}
.control-group {
  overflow: hidden;
  margin-bottom: 10px;
}

.form-actions {
  padding-left: 200px;
  padding-bottom: 25px;
  padding-top: 0;
}