@charset "UTF-8";
@import url(animate.css);
@import url(font-awesome.min.css);
/*========================================================
                      Main Styles
=========================================================*/

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(/fonts/Raleway-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(/fonts/Raleway-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(/fonts/Raleway-Bold.ttf) format('truetype');
}

body {
  background: #fff;
  color: #4c4c4c;
  font: 400 18px/24px "Raleway", sans-serif;
  -webkit-text-size-adjust: none;
}

img {
  max-width: 100%;
  height: auto;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

h1 {
  font-size: 60px;
  line-height: 80px;
}

h2 {
  font-size: 41px;
  line-height: 46px;
  font-weight: 400;
}

h3 {
  font-size: 24px;
  line-height: 32px;
}

h4 {
  font-size: 22px;
  line-height: 25px;
}

h5 {
  font-size: 20px;
  line-height: 25px;
}

h6 {
  font-size: 19px;
  line-height: 26px;
}

p a:hover, .marked-list a:hover, .list a:hover {
  text-decoration: underline;
}
p .fa, .marked-list .fa, .list .fa {
  text-decoration: none;
}

a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:focus {
  outline: none;
}
a:active {
  background-color: transparent;
}

a[href^="tel:"],
a[href^="callto:"] {
  color: inherit;
  text-decoration: none;
}

.center {
  text-align: center;
}

.fa {
  line-height: inherit;
}

[class*='fa-']:before {
  font-weight: 400;
  font-family: "FontAwesome";
}

.page {
  overflow: hidden;
  min-height: 500px;
}
.lt-ie9 .page {
  min-width: 1200px;
}

/*=======================================================
                       Main Layout
=========================================================*/
* + p {
  margin-top: 30px;
}

* + .row {
  margin-top: 42px;
}

* + h3 {
  margin-top: 17px;
}

* + .offset {
  margin-top: 22px;
}

* + .rd-mailform {
  margin-top: 51px;
}

.container + .container {
  margin-top: 154px;
}

/*=======================================================
                        Components
=========================================================*/
/*==================    Wrapper   ======================*/
.wrapp {
  position: relative;
}
.wrapp img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.wrapp .border {
  position: absolute;
  display: block;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border: 10px solid #8edbff;
  opacity: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: 0.4s ease all;
  -o-transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  transition: 0.4s ease all;
}
.wrapp .border:hover {
  opacity: 1;
}

@media (max-width: 767px) {
  .wrapp {
    display: inline-block;
  }
}
/*==================     Brand     ======================*/
.brand {
  display: block;
  width: 100%;
}
.brand:before, .brand:after {
  display: table;
  content: "";
  line-height: 0;
}
.brand:after {
  clear: both;
}
.brand_name {
  overflow: hidden;
  text-transform: uppercase;
}
.brand_name span {
  text-transform: none;
  font-weight: 400;
}
.brand .link {
  display: inline-block;
  float: right;
  font-size: 16px;
  line-height: 35px;
  font-weight: 700;
}
.brand .link a:hover {
  color: #8edbff;
}
.brand .link a:active {
  color: #006093;
}

@media (max-width: 479px) {
  .brand {
    text-align: center;
  }
  .brand .link, .brand .brand_name {
    float: none;
  }
}
/*==================  Backgrounds  ======================*/
.bg-primary {
  padding-top: 24px;
  padding-bottom: 20px;
  background: url("../images/header-bg1.jpg") #fff no-repeat 50%;
  background-size: cover;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}
.bg-banner {
  background-size: cover;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  background:url(/images/banner501.png) no-repeat 50% 50%;
  height:300px;
}
.bg-secondary {
  background: #6bbda7;
  color: #fff;
}
.bg-secondary img + h3 {
  font-weight: 400;
}
.bg-secondary * + p {
  margin-top: 22px;
}

.bg-secondary2 {
  padding-top: 51px;
  padding-bottom: 14px;
  background: #545054;
  background-size: cover;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}
.bg-secondary3 {
  background: #fff;
}
.bg-secondary .fa {
	font-size: 32px;
	margin-right:4px;
}
/*==================  Inline List  ======================*/
.inline-list li {
  display: inline-block;
}
.inline-list li a {
  font-size: 33px;
  line-height: 35px;
  color: #a5f2de;
}
.inline-list li a:hover {
  color: #a5f2de;
}
.inline-list li a:active {
  color: #a5f2de;
}
.inline-list li + li {
  margin-left: 16px;
}
.inline-list.pay {
    font-size: 22px;
    font-weight: 700;
    color:#fff;
}
.inline-list.pay li {
	vertical-align:middle;
}
/*==================     Info     ======================*/
.info {
  position: relative;
}
.info * + p {
  margin-top: 17px;
}
.info span {
  position: absolute;
  height: 3px;
  width: 1000px;
  background: #949494;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
.info span:before, .info span:after {
  content: '';
  position: absolute;
  height: 10px;
  width: 10px;
  background: #fff;
  border: 3px solid #949494;
  top: -7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.info span:before {
  left: -16px;
}
.info span:after {
  right: -16px;
}
.info .block1, .info .block2, .info .block3 {
  width: 59%;
  font-size:18px;
  text-align:justify;
}
.info .block1 .wrapp, .info .block3 .wrapp, .info .block2 .wrapp, .info .block3 .wrapp {
  width: 350px;
}
.info .block1 .wrapp p, .info .block3 .wrapp p, .info .block2 .wrapp p, .info .block3 .wrapp p {
  font-size: 18px;
}
.info .block1 .wrapp2, .info .block3 .wrapp2, .info .block2 .wrapp2, .info .block3 .wrapp2 {
  position: relative;
}
.info .block1 .wrapp2 .fa, .info .block3 .wrapp2 .fa, .info .block2 .wrapp2 .fa, .info .block3 .wrapp2 .fa {
  display: inline-block;
  font-size: 150px;
  line-height: 210px;
  color: #a5f2de;
}
.info .block1, .info .block3 {
  float: left;
  margin-left: 147px;
}
.info .block1 .wrapp, .info .block3 .wrapp {
  float: left;
}
.info .block1 .wrapp2, .info .block3 .wrapp2 {
  float: right;
}
.info .block1 .wrapp2:before, .info .block3 .wrapp2:before, .info .block1 .wrapp2:after, .info .block3 .wrapp2:after {
  content: '';
  position: absolute;
}
.info .block1 .wrapp2:before, .info .block3 .wrapp2:before {
  height: 3px;
  width: 100px;
  background: #949494;
  left: -100px;
  top: 47%;
}
.info .block1 .wrapp2:after, .info .block3 .wrapp2:after {
  height: 10px;
  width: 10px;
  background: #fff;
  border: 3px solid #949494;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: -110px;
  top: 44%;
}
.info .block2 {
  float: right;
  margin-right: 132px;
  width: 61.2%;
}
.info .block2 .wrapp {
  float: right;
}
.info .block2 .wrapp2 {
  float: left;
  display: inline-block;
}
.info .block2 .wrapp2:before, .info .block2 .wrapp2:after {
  content: '';
  position: absolute;
}
.info .block2 .wrapp2:before {
  height: 3px;
  width: 106px;
  background: #949494;
  right: -100px;
  top: 47%;
}
.info .block2 .wrapp2:after {
  height: 10px;
  width: 10px;
  background: #fff;
  border: 3px solid #949494;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  right: -110px;
  top: 44%;
}
.info .block3 {
  width: 58.1%;
}
.info * + .block1 {
  margin-top: 166px;
}
.info * + .block2 {
  margin-top: 60px;
}
.info * + .block3 {
  margin-top: 20px;
}

@media (max-width: 1199px) {
  .info .block1, .info .block3, .info .block2, .info .block3 {
    margin-left: 0;
    margin-right: 0;
  }
  .info .block1, .info .block3 {
    width: 77%;
  }
  .info .block2 {
    width: 77.9%;
  }
  .info .block3 {
    width: 75.7%;
  }
}
@media (max-width: 979px) {
  .info .block1, .info .block3 {
    width: 83.7%;
  }
  .info .block2 {
    width: 85%;
  }
  .info .block3 {
    width: 82.4%;
  }
}
@media (max-width: 767px) {
  .info * + .block1, .info * + .block3 {
    margin-top: 26px;
  }
  .info * + .block2 {
    margin-top: 0;
  }
  .info * + .block3 {
    margin-top: 200px;
  }
  .info .container + .container {
    margin-top: 20px;
  }
  .info span {
    display: none;
  }
  .info .block1, .info .block3, .info .block2, .info .block3 {
    width: 100%;
    text-align: center;
  }
  .info .block1 .wrapp, .info .block3 .wrapp, .info .block1 .wrapp2, .info .block3 .wrapp2, .info .block2 .wrapp, .info .block2 .wrapp2, .info .block3 .wrapp, .info .block3 .wrapp2 {
    float: none;
  }
  .info .block1 .wrapp, .info .block3 .wrapp, .info .block2 .wrapp, .info .block3 .wrapp {
    width: 100%;
  }
  .info .block1 .wrapp2:before, .info .block3 .wrapp2:before, .info .block1 .wrapp2:after, .info .block3 .wrapp2:after, .info .block2 .wrapp2:before, .info .block2 .wrapp2:after, .info .block3 .wrapp2:before, .info .block3 .wrapp2:after {
    display: none;
  }
  
  .info .block2 .wrapp2 {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 51%;
  }
}
@media (max-width: 479px) {
	.info .block2 .wrapp2 {
		top: 54%;
	}
}
/*==================    Buttons    ======================*/
.btn-signup {
	background:url(/images/btn-signup-bg.png)!important;
	color:#4c4c4c;
	font-weight:bold;
	font-size:24px;
	border-color:#cdcdcd;
	padding-left:28px;
	padding-right:28px;
}
.btn-signup:hover {
	background:url(/images/btn-signup-active-bg.png)!important;
	border-color:#59dcff!important;
}
.bg-primary .btn-signup {
	color:#000;
}
.bg-primary .free {
	position:relative;
	left:-51px;
	font-size:17px;
	font-weight:bold;
	cursor:pointer;
}

.bg-primary .fa-comment {
	font-size:60px;
	color:#d34e59;
	color:#4d4d4d;
	cursor:pointer;
}
.bg-primary .free-label {
	position:relative;
	left:152px;
	top:43px;
}
.bg-primary .free-label a:hover .fa-comment {
	color:#d34e59;
}

/*==================      Box      ======================*/
.box:before, .box:after {
  display: table;
  content: "";
  line-height: 0;
}
.box:after {
  clear: both;
}
.box_aside {
  float: left;
  margin-right: 32px;
  padding-top: 7px;
}
.box_aside img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 9px 5px 2px -5px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: 9px 5px 2px -5px rgba(0, 0, 0, 0.31);
  box-shadow: 9px 5px 2px -5px rgba(0, 0, 0, 0.31);
}
.box_cnt h3 {
  font-size: 16px;
  font-weight: 500;
}
.box_cnt p {
  font-size: 14px;
  line-height: 24px;
}
.box_cnt * + p {
  margin-top: 0;
}
.box_cnt__no-flow {
  overflow: hidden;
}

@media (max-width: 479px) {
  .box_cnt__no-flow {
    overflow: visible;
  }
  .box_aside {
    padding-bottom: 1px;
  }
  .bg-banner {
	height:200px;
	background-size: cover;
  }
}
/*==================     ToTop     ======================*/
.toTop {
  width: 40px;
  height: 40px;
  font-size: 24px;
  line-height: 37px;
  color: #fff;
  background: #a5f2de;
  position: fixed;
  right: 66px;
  bottom: 180px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.toTop:hover {
  color: #fff;
  background: #8edbff;
  text-decoration: none;
}

@media only screen and (max-width: 1200px) {
  .toTop {
    display: none !important;
  }
}


@-webkit-keyframes fout {
  0% {
    -moz-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    -webkit-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
  }
  100% {
    -moz-transform: scale(0) translateX(0);
    -ms-transform: scale(0) translateX(0);
    -o-transform: scale(0) translateX(0);
    -webkit-transform: scale(0) translateX(0);
    transform: scale(0) translateX(0);
  }
}
@keyframes fout {
  0% {
    -moz-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    -o-transform: scale(1) translateX(0);
    -webkit-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0);
  }
  100% {
    -moz-transform: scale(0) translateX(0);
    -ms-transform: scale(0) translateX(0);
    -o-transform: scale(0) translateX(0);
    -webkit-transform: scale(0) translateX(0);
    transform: scale(0) translateX(0);
  }
}

@-webkit-keyframes mfLoader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes mfLoader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


@-webkit-keyframes anim-1 {
  0% {
    left: 50%;
  }
  100% {
    left: 90%;
  }
}
@keyframes anim-1 {
  0% {
    left: 50%;
  }
  100% {
    left: 90%;
  }
}
@-webkit-keyframes anim-2 {
  0% {
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
  25% {
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  50% {
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
  75% {
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  100% {
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
}
@keyframes anim-2 {
  0% {
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
  25% {
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  50% {
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
  75% {
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }
  100% {
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
  }
}
@-webkit-keyframes anim-3 {
  0% {
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    left: 50%;
  }
  50% {
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    left: 90%;
  }
  100% {
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    left: 50%;
  }
}
@keyframes anim-3 {
  0% {
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    left: 50%;
  }
  50% {
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    left: 90%;
  }
  100% {
    -moz-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    -o-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
    left: 50%;
  }
}
@-webkit-keyframes zoom-out {
  0% {
    -moz-transform: scale(1) rotate(-35deg);
    -ms-transform: scale(1) rotate(-35deg);
    -o-transform: scale(1) rotate(-35deg);
    -webkit-transform: scale(1) rotate(-35deg);
    transform: scale(1) rotate(-35deg);
  }
  100% {
    -moz-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    -webkit-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
  }
}
@keyframes zoom-out {
  0% {
    -moz-transform: scale(1) rotate(-35deg);
    -ms-transform: scale(1) rotate(-35deg);
    -o-transform: scale(1) rotate(-35deg);
    -webkit-transform: scale(1) rotate(-35deg);
    transform: scale(1) rotate(-35deg);
  }
  100% {
    -moz-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    -webkit-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
  }
}
@-webkit-keyframes zoom-in-state-1 {
  0% {
    -moz-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    -webkit-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
  }
  100% {
    -moz-transform: scale(1) rotate(-35deg);
    -ms-transform: scale(1) rotate(-35deg);
    -o-transform: scale(1) rotate(-35deg);
    -webkit-transform: scale(1) rotate(-35deg);
    transform: scale(1) rotate(-35deg);
  }
}
@keyframes zoom-in-state-1 {
  0% {
    -moz-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    -webkit-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
  }
  100% {
    -moz-transform: scale(1) rotate(-35deg);
    -ms-transform: scale(1) rotate(-35deg);
    -o-transform: scale(1) rotate(-35deg);
    -webkit-transform: scale(1) rotate(-35deg);
    transform: scale(1) rotate(-35deg);
  }
}
@-webkit-keyframes zoom-in-state-2 {
  0% {
    -moz-transform: scale(0) rotate(-35deg);
    -ms-transform: scale(0) rotate(-35deg);
    -o-transform: scale(0) rotate(-35deg);
    -webkit-transform: scale(0) rotate(-35deg);
    transform: scale(0) rotate(-35deg);
  }
  100% {
    left: 50%;
    -moz-transform: scale(1) rotate(150deg);
    -ms-transform: scale(1) rotate(150deg);
    -o-transform: scale(1) rotate(150deg);
    -webkit-transform: scale(1) rotate(150deg);
    transform: scale(1) rotate(150deg);
  }
}
@keyframes zoom-in-state-2 {
  0% {
    -moz-transform: scale(0) rotate(-35deg);
    -ms-transform: scale(0) rotate(-35deg);
    -o-transform: scale(0) rotate(-35deg);
    -webkit-transform: scale(0) rotate(-35deg);
    transform: scale(0) rotate(-35deg);
  }
  100% {
    left: 50%;
    -moz-transform: scale(1) rotate(150deg);
    -ms-transform: scale(1) rotate(150deg);
    -o-transform: scale(1) rotate(150deg);
    -webkit-transform: scale(1) rotate(150deg);
    transform: scale(1) rotate(150deg);
  }
}
@-webkit-keyframes line {
  0% {
    left: 40%;
  }
  100% {
    left: 40%;
    width: 40%;
  }
}
@keyframes line {
  0% {
    left: 40%;
  }
  100% {
    left: 40%;
    width: 40%;
  }
}

/*========================================================
                     HEADER  Section
=========================================================*/
header {
  color: #fff;
}
header .brand_name {
  float: left;
}

header * + .center {
  margin-top: 20px;
}
header * + .btn {
  margin-top: 31px;
}

@media (max-width: 767px) {
  header * + .center {
    margin-top: 10px;
  }
}
/*========================================================
                     CONTENT  Section
=========================================================*/
main {
  display: block;
  background: #fff;
}

/*==================      Well     ======================*/
.well {
  padding-top: 105px;
  padding-bottom: 40px;
}

.well2 {
  padding-top: 40px;
  padding-bottom: 72px;
}

.well3 {
  padding-bottom: 60px;
  padding-top: 40px;
}

.well__ins1 {
  padding-top: 51px;
}

/*========================================================
                     FOOTER  Styles
=========================================================*/
footer {
  color: #fff;
  padding-bottom: 42px;
  font-size: 18px;
}
footer h3 {
  /*text-transform: uppercase;*/
  font-size:22px;
  font-weight: 700;
}
footer .banner {
  display: block;
  position: relative;
  bottom: -56px;
  padding: 24px 51px 10px 100px;
  background: #635e63;
  color:#aaaaaa;
}
footer .banner:before, footer .banner:after {
  display: table;
  content: "";
  line-height: 0;
}
footer .banner:after {
  clear: both;
}
footer .banner .inline-list {
  float: left;
}
footer .banner .copyright {
  float: right;
  padding-top: 2px;
  font-size: 14px;
  font-weight: 400;
}
footer .banner .copyright em, footer .banner .copyright a {
  text-transform: uppercase;
}
footer a {
	color:#a5f2de;
	text-decoration:underline;
}
footer a:hover, a:hover .fa {
	color:#a5f2de;
}
footer .fa {
	color:#a5f2de;
}
footer a.fa {
	text-decoration:none!important;
}
footer a .fa {
	margin-right:5px;
}
footer dt {
	font-weight:normal;
	line-height:28px;
}
footer dt a {
	color:#fff;
	text-decoration:none;
	border-bottom:dashed 1px;
	margin-bottom:5px;
}
footer dd {
	display:none;
	text-align:justify;
	font-size:16px;
	line-height:20px;
	color:#aaaaaa;
	margin:8px 0 5px 18px;
	padding-left:14px;
	background:url(/img/arrow_forFAQ.png) no-repeat;	
}
@media (max-width: 767px) {
  footer .banner {
    text-align: center;
    padding: 20px;
  }
  footer .banner .inline-list, footer .banner .copyright {
    float: none;
  }
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  font-family:'Raleway';
  font-size:18px;
  overflow:hidden;
  margin-bottom:0;
  color:#000;
  min-height:600px!important;
}

.jumbotron>hr {
    border-top-color: #d5d5d5;
}
.jumbotron .btn.back {
	color:#757575;
	font-size:18px;
	width:105px;
}
.jumbotron .dataTables_paginate {
	margin-top:10px;
}
.jumbotron h4 {
/*	font-size: 24px;
    margin-bottom: 20px;
    font-weight: bold;*/
    color: #4c4c4c;
}
.jumbotron .breadcrumb {
	display:inline-block;
	/*min-width:280px;*/
	color:#6c6c6c;
	font-size:14px;
}
.jumbotron h4 .label {
/*	padding: 0 5px;
	font:24px/12px 'Arial Narrow',Arial!important ;
	margin-right:10px;
	border-radius:4px;*/
}
.jumbotron h4 .idx {
	font-family:Tahoma;
	font-size:22px;
	font-weight:bold;
	line-height:23px;
}
.jumbotron p {
	margin-bottom:0;
}
.jumbotron p.lead {
	margin-bottom:30px;
}
.jumbotron p.bg-primary {
	padding:10px 0;
}


/* Школа */
.jumbotron .school-group {
	padding:0;
}
.jumbotron .school-group .row {
	margin-bottom:17px;
	text-align:center;
}
.jumbotron .school-group .row .btn:last-child {
	margin-left:14px;
}
.jumbotron .school-group .btn {
	width:198px;
	font:18px/22px;
	color:#6c6c6c;
	margin: 0 0 0 0;
	vertical-align:top!important;
	overflow:hidden;
}
.jumbotron .school-group .label {
	font:18px/24px;
	margin: 0 0 8px;
	display:block;
}
/* End Школа */

/* Класс */
.jumbotron .class-group {
	color:#74b3d1;
	font:18px/18px;
}
.jumbotron .class-group .grid_3 {
	height:160px;
	padding:0;
	margin-top:10px;
}
.jumbotron .class-group .grid_3 .disabled {
	color:#6c6c6c;
}
.jumbotron .class-group .grid_3 .disabled img {
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
    opacity:0.4;
}

.jumbotron .class-group .btn {
	width:100px;
	height:100px;
	margin: 0 0 8px 0;
	vertical-align:top!important;
	border-radius:100%;
	padding:0;
}


.jumbotron .class-group .label {
	font:18px/24px Tahoma;
	margin: 0 0 8px;
	display:block;
}

/* End Класс */

/* Викладач */
.jumbotron .coach-group {
	color:#286090;
	font:18px/18px;
	margin-top:10px;
}
.jumbotron .coach-group .btn-group .btn {
	width:130px;
	font-size:18px;
}
.jumbotron .coach-group .btn-group .btn-default {
	color:#333333;
}
.jumbotron .coach-group .grid_3 .btn {
	padding:5px;
	margin: 0 0 8px 0;
}
.jumbotron .coach-group .grid_3 {
	height:160px;
	padding:0;
	margin-top:10px;
}
/* End Викладач */

.jumbotron #myform {
	font-size:14px;
	margin:0 auto;
}
.jumbotron .no-sms {
	font-size:12px;
	color:#337ab7;
	line-height:17px;
}
@media (max-width: 479px) {
  #sendsms {
  	font-size:12px;
  	line-height:20px;
  }
  .breadcrumb > li + li:before {
    content: "";
  }
}
@media (min-width: 769px) {
  .jumbotron #myform {
		width:380px;
		min-width:380px;
  }
}

.color1 {
	background-color:#0195ae;
}
.color2 {
	background-color:#4d7b93;
}
.color3 {
	background-color:#569160;
}
.color4 {
	background-color:#71a04e;
}
.color5 {
	background-color:#7041a0;
	color:#ffffff!important;
	font-size:24px!important;
}
.well2 .label {
	background-color:#fff!important;
	border-radius:50%;
	color:#d34e59;
	margin-right:8px;
	font-family:Tahoma;
	font-size:18px;
}
.well3 .label {
	border:#4c4c4c solid 1px;
	border-radius:50%;
	color:#4c4c4c;
	margin-right:4px;
	font-family:Tahoma;
	font-size:19px;
	font-weight:normal;
	padding:0px 7px 1px 7px;
}
/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}

.glyphicon-refresh-animate {
	-animation: spin .7s infinite linear;
	-webkit-animation: spin2 .7s infinite linear;
}
@-webkit-keyframes spin2 {
	 from { -webkit-transform: rotate(0deg);}
	 to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
	from { transform: scale(1) rotate(0deg);}
	to { transform: scale(1) rotate(360deg);}
}

/* TimeTable */
.agenda {
	text-align:left;
}

/* Dates */
.agenda .agenda-date {
    width: 160px;
}
.agenda .agenda-date .dayofmonth {
	width: 40px;
	font-size: 37px;
	line-height: 36px;
	float: left;
	text-align: right;
	margin-right: 10px;
}
.agenda .agenda-date .shortdate {
	font:14px/14px Tahoma;
	color:#777777;
	white-space:nowrap;
}
.agenda .agenda-date .dayofweek {
	font:15px/15px Tahoma;
	color:#333333;
	text-transform:lowercase;
}
/* Times */
.agenda .agenda-time {
	width: 120px;
}
.agenda .btn {
   	margin-top:5px;
   	font-family:Tahoma!important;
   	font-size:14px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	margin-top:20px;
}
.pagination .paginate_button a {
	font-size:17px;
}
.pagination .paginate_button.disabled a {
	color:#d5d5d5!important;
}
.agenda .grid_7 {
	height:65px;
}
.btn-primary {
    color: #fff;
    background-color: #74b3d1!important;
    border-color: #74b3d1!important;
}
.btn-primary:hover, .btn-primary:active {
    color: #fff;
    background-color: #8edbff!important;
    border-color: #8edbff!important;
}
.modal-link {
	text-decoration:underline;
	color:#d9534f;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}