@import url(https://fonts.googleapis.com/css2?family=Open+Sans: wght@300;400;500;600;700;800&display=swap);
@charset "UTF-8";

html{
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  font-family:sans-serif;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
  display:block;
}

audio,canvas,progress,video{
  display:inline-block;
  vertical-align:baseline;
}

audio:not([controls]){
  display:none;
  height:0;
}

[hidden],template{
  display:none;
}

a{
  background-color:transparent;
}

a:active,a:hover{
  outline:0;
}

abbr[title]{
  border-bottom:1px dotted;
}

dfn{
  font-style:italic;
}

h1{
  font-size:2em;
  margin:.67em 0;
}

mark{
  background:#ff0;
  color:#000;
}

small{
  font-size:80%;
}

img{
  border:0;
}

svg:not(:root){
  overflow:hidden;
}

hr{
  box-sizing:content-box;
  height:0;
}

pre{
  overflow:auto;
}

code,kbd,pre,samp{
  font-family:monospace,monospace;
  font-size:1em;
}

button,input,optgroup,select,textarea{
  color:inherit;
  font:inherit;
  margin:0;
}

button{
  overflow:visible;
}

button,select{
  text-transform:none;
}

button,html input[type=button],input[type=reset],input[type=submit]{
  -webkit-appearance:button;
  cursor:pointer;
}

button[disabled],html input[disabled]{
  cursor:default;
}

button::-moz-focus-inner,input::-moz-focus-inner{
  border:0;
  padding:0;
}

input{
  line-height:normal;
}

input[type=checkbox],input[type=radio]{
  box-sizing:border-box;
  padding:0;
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
  height:auto;
}

input[type=search]{
  -webkit-appearance:textfield;
  box-sizing:content-box;
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
  -webkit-appearance:none;
}

fieldset{
  border:1px solid silver;
  margin:0 2px;
  padding:.35em .625em .75em;
}

legend{
  border:0;
  padding:0;
}

textarea{
  overflow:auto;
}

optgroup{
  font-weight:700;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

td,th{
  padding:0;
}

html{
  box-sizing:border-box;
}

*,*::after,*::before{
  box-sizing:inherit;
}

body{
  background-color:#fff;
  width:100%;
}

section{
  display:block;
  margin:0 auto;
}

section.first{
  padding-top:100px;
}

footer .copy,footer .made{
  font-size:13px;
  padding:10px 0;
  width:auto;
}

footer .copy a,footer .made a{
  font-weight:700;
}

footer .copy{
  float:left;
}

footer .made{
  float:right;
}

@media screen and (max-width: 720px){
  footer .copy,footer .made{
    clear:both;
    display:block;
    float:left;
    text-align:center;
    width:100%;
  }
}

.gridContainer{
  margin:0 auto;
}

.gridContainer:after{
  clear:both;
  content:"";
  display:table;
}

[class*=col-]{
  float:left;
  padding:.6em;
}

[class*=col-].no-pad-h{
  padding-left:0;
  padding-right:0;
}

[class*=col-].no-pad-v{
  padding-bottom:0;
  padding-top:0;
}

[class*=col-].no-pad,[class*=col-].nop{
  padding:0;
}

.col-1{
  width:100%;
}

.col-2{
  width:50%;
}

.col-3{
  width:33.3333333333%;
}

.col-4{
  width:25%;
}

.col-5{
  width:20%;
}

.col-6{
  width:16.6666666667%;
}

.col-7{
  width:14.2857142857%;
}

.col-8{
  width:12.5%;
}

.col-9{
  width:11.1111111111%;
}

.col-10{
  width:10%;
}

.col-11{
  width:9.0909090909%;
}

.col-12{
  width:8.3333333333%;
}

.col-25{
  width:25%;
}

.col-30{
  width:30%;
}

.col-35{
  width:35%;
}

.col-40{
  width:40%;
}

.col-50{
  width:50%;
}

.col-60{
  width:60%;
}

.col-65{
  width:65%;
}

.col-75{
  width:75%;
}

@media (max-width: 30em){
  .col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{
    width:100%;
  }
  .gridContainer{
    max-width:90%;
  }
}

@media (min-width: 30em) and (max-width: 52em){
  .col-10,.col-2,.col-4,.col-6,.col-8{
    width:50%;
  }
  .col-1,.col-11,.col-3,.col-5,.col-7{
    width:100%;
  }
  .col-12,.col-9{
    width:33.3333333333%;
  }
  .gridContainer{
    max-width:91%;
  }
}

@media (min-width: 52em) and (max-width: 68.75em){
  .col-11{
    width:100%;
  }
  .col-10,.col-2,.col-4,.col-8{
    width:50%;
  }
  .col-12,.col-6,.col-9{
    width:33.3333333333%;
  }
  .gridContainer{
    max-width:93%;
  }
}

@media (min-width: 68.75em){
  .gridContainer{
    max-width:1296px;
    width:93%;
  }
}

header{
  background:#fff;
  display:block;
  height:100px;
  position:fixed;
  top:0;
  width:100%;
  z-index:10000000000000000;
}

header.nav-up{
  top:-100px;
}

header.nav-down,header.nav-up{
  transition:all .9s ease;
}

header a.logoContainer{
  align-items:center;
  display:flex;
  float:left;
  height:100px;
  margin-top:0;
  position:relative;
  z-index:3;
}

header a.logoContainer figure{
  margin:0;
  overflow:hidden;
  padding:0;
  position:relative;
}

header a.logoContainer figure .logo-txt{
  position:absolute;
  text-indent:-999999px;
}

header a.logoContainer figure .logo-img{
  vertical-align:middle;
}

nav{
  display:flex;
  height:100px;
  justify-content:flex-end;
  padding-left:30px;
  width:auto;
}

nav a{
  color:#575757;
  text-decoration:none;
}

nav ul{*
  zoom:1;
  display:block;
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
  width:auto;
}

@media only screen and (max-width: 720px){
  nav ul{
    display:none;
  }
  nav ul.active{
    display:block;
  }
}

nav ul:after,nav ul:before{
  content:"";
  display:table;
}

nav ul:after{
  clear:both;
}

nav ul li{
  float:left;
  white-space:nowrap;
}

nav ul li:hover{
  background:#e0e0e0;
}

nav ul li a,nav ul li:hover > ul{
  display:block;
}

nav ul li a{
  color:#575757;
  font-size:16px;
  height:100px;
  line-height:100px;
  text-decoration:none;
}

nav ul ul{
  background:#e0e0e0;
  display:none;
  padding:0;
  position:absolute;
  top:100%;
}

nav ul ul li{
  float:none;
  position:relative;
}

nav ul ul li:hover{
  background:#fff;
}

nav ul ul li a{
  height:50px;
  line-height:50px;
  padding:0 20px;
}

nav ul ul li a:hover{
  background:#fff;
}

@media screen and (max-width: 720px){
  nav ul ul li a{
    height:80px;
    line-height:80px;
  }
}

nav ul ul ul{
  position:absolute;
  right:100%;
  top:0;
}

nav ul ul ul,nav ul ul ul li a:hover{
  background:#fff;
}

.hamburger{
  align-items:center;
  display:flex;
  height:100px;
  justify-content:flex-end;
  padding:0;
  text-align:right;
}

@media only screen and (max-width: 30em){
  header a.logoContainer{
    max-width:80%;
  }
}

@media only screen and (min-width: 30em){
  header a.logoContainer{
    max-width:250px;
  }
}

@media only screen and (max-width: 720px){
  .hamburger{
    display:flex !important;
  }
  #navigation{
    display:none !important;
  }
}

@media only screen and (min-width: 720px){
  .hamburger{
    display:none !important;
  }
  #navigation{
    display:block !important;
  }
  nav ul li a{
    font-size:14px;
    padding:0 5px;
  }
}

@media only screen and (min-width: 960px){
  nav ul li a{
    font-size:14px;
    padding:0 10px;
  }
}

@media only screen and (min-width: 1200px){
  nav ul li a{
    font-size:16px;
    padding:0 20px;
  }
}

@media only screen and (max-width: 720px){
  header{
    height:auto;
  }
  header.active{
    height:100%;
    overflow-y:scroll;
  }
  nav{
    height:auto;
  }
  nav,nav ul{
    width:100%;
  }
  nav ul{
    background:#fff;
    left:0;
    position:absolute;
    top:100px;
  }
  nav ul li{
    width:100%;
  }
  nav ul li a{
    height:80px;
    line-height:80px;
    padding:0 5%;
  }
  nav li.sub ul,nav li.sub ul li,nav ul li{
    position:relative;
  }
  nav li.sub ul{
    top:0;
  }
  nav li.sub ul li.sub ul{
    left:0;
    position:relative;
  }
  nav ul li.sub ul,nav ul li.sub ul li ul{
    display:none;
  }
  nav ul li.sub ul li ul.active,nav ul li.sub ul.active{
    display:block;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    visibility:visible;
  }
}

.hamburger{
  background-color:transparent;
  border:0;
  color:inherit;
  cursor:pointer;
  display:inline-block;
  font:inherit;
  margin:0;
  overflow:visible;
  text-transform:none;
  transition-duration:.3s;
  transition-property:opacity, filter;
  transition-timing-function:linear;
}

.hamburger:hover{
  opacity:.7;
}

.hamburger-box{
  display:inline-block;
  height:25px;
  margin-top:0 !important;
  position:relative;
  width:30px;
}

.hamburger-inner{
  display:block;
  margin-top:-1.5px;
  top:50%;
}

.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{
  background-color:#2e757a;
  border-radius:2px;
  height:3px;
  position:absolute;
  transition-duration:.15s;
  transition-property:transform;
  transition-timing-function:ease;
  width:30px;
}

.hamburger-inner::after,.hamburger-inner::before{
  content:"";
  display:block;
}

.hamburger-inner::before{
  top:-11px;
}

.hamburger-inner::after{
  bottom:-11px;
}

.hamburger--collapse .hamburger-inner{
  bottom:0;
  top:auto;
  transition-delay:.13s;
  transition-duration:.13s;
  transition-timing-function:cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse .hamburger-inner::after{
  top:-22px;
  transition:top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s,opacity .1s linear;
}

.hamburger--collapse .hamburger-inner::before{
  transition:top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s,transform .13s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--collapse.is-active .hamburger-inner{
  transform:translate3d(0, -11px, 0) rotate(-45deg);
  transition-delay:.22s;
  transition-timing-function:cubic-bezier(.215, .61, .355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after{
  opacity:0;
  top:0;
  transition:top .2s cubic-bezier(.33333, 0, .66667, .33333),opacity .1s linear .22s;
}

.hamburger--collapse.is-active .hamburger-inner::before{
  top:0;
  transform:rotate(-90deg);
  transition:top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s,transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
}

*,body,html{
  font-size:100%;
}

body{
  color:#575757;
  font-family:Montserrat,sans-serif;
}

h1,h2,h3,h4,h5,h6{
  font-family:Rajdhani,sans-serif;
}

h1.nm,h2.nm,h3.nm,h4.nm,h5.nm,h6.nm{
  margin-bottom:0;
  margin-top:0;
}

p{
  color:#575757;
  font-family:Montserrat,sans-serif;
}

p.nm{
  margin-bottom:0;
  margin-top:0;
}

ul{
  margin:0;
  padding:0 0 0 20px;
}

ul li{
  color:#575757;
  font-family:Montserrat,sans-serif;
}

footer ul li,header ul li{
  margin-bottom:0;
}

a{
  color:#575757;
}

a:active,a:hover,a:link,a:visited{
  text-decoration:none;
}

br{
  margin-bottom:0;
}

b,strong{
  font-weight:700;
}

sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sup{
  top:-.5em;
}

sub{
  bottom:-.25em;
}

.tal{
  text-align:left;
}

.tac{
  text-align:center;
}

.tar{
  text-align:right;
}

.und{
  text-decoration:underline;
}

.upp{
  text-transform:uppercase;
}

.low{
  text-transform:lowercase;
}

.h1,h1{
  font-size:calc(.90323px + 5.64516vw);
  margin-bottom:15px;
  margin-top:31px;
}

@media screen and (max-width: 480px){
  .h1,h1{
    font-size:28px;
  }
}

@media screen and (min-width: 1100px){
  .h1,h1{
    font-size:63px;
  }
}

.h2,h2{
  font-size:calc(4.64516px + 4.03226vw);
  margin-bottom:12px;
  margin-top:25px;
}

@media screen and (max-width: 480px){
  .h2,h2{
    font-size:24px;
  }
}

@media screen and (min-width: 1100px){
  .h2,h2{
    font-size:49px;
  }
}

.h3,h3{
  font-size:calc(8.83871px + 2.74194vw);
  margin-bottom:10px;
  margin-top:20px;
}

@media screen and (max-width: 480px){
  .h3,h3{
    font-size:22px;
  }
}

@media screen and (min-width: 1100px){
  .h3,h3{
    font-size:39px;
  }
}

.h4,h4{
  font-size:calc(11.48387px + 1.77419vw);
  margin-bottom:8px;
  margin-top:16px;
}

@media screen and (max-width: 480px){
  .h4,h4{
    font-size:20px;
  }
}

@media screen and (min-width: 1100px){
  .h4,h4{
    font-size:31px;
  }
}

.h5,h5{
  font-size:calc(13.35484px + .96774vw);
  margin-bottom:8px;
  margin-top:12px;
}

@media screen and (max-width: 480px){
  .h5,h5{
    font-size:18px;
  }
}

@media screen and (min-width: 1100px){
  .h5,h5{
    font-size:24px;
  }
}

.h6,h6{
  font-size:calc(13.67742px + .48387vw);
  margin-bottom:6px;
  margin-top:10px;
}

@media screen and (max-width: 480px){
  .h6,h6{
    font-size:16px;
  }
}

@media screen and (min-width: 1100px){
  .h6,h6{
    font-size:19px;
  }
}

p{
  font-size:calc(13.67742px + .48387vw);
  font-weight:400;
  line-height:1.4;
}

@media screen and (max-width: 480px){
  p{
    font-size:16px;
  }
}

@media screen and (min-width: 1100px){
  p{
    font-size:19px;
  }
}

.btn,.button,button,input[type=button],input[type=submit]{
  -webkit-appearance:none;
  border:0;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -ms-border-radius:8px;
  cursor:pointer;
  display:inline-block;
  font-family:Montserrat,sans-serif;
  font-size:14px;
  font-weight:700;
  height:auto;
  line-height:auto;
  margin:0 0 20px;
  outline:none;
  padding:.65em 1.5em;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  transition:all .6s ease-in;
  width:auto;
}

.btn:hover,.button:hover,button:hover,input[type=button]:hover,input[type=submit]:hover{
  background:#e6e6e6;
  transition:all .3s ease-out;
}

.btn.small,.button.small,button.small,input[type=button].small,input[type=submit].small{
  font-size:11.9px;
  padding:.3em 1em;
}

.btn.normal,.button.normal,button.normal,input[type=button].normal,input[type=submit].normal{
  font-size:14px;
  padding:.65em 1.5em;
}

.btn.large,.button.large,button.large,input[type=button].large,input[type=submit].large{
  font-size:16.8px;
  padding:.85em 1.75em;
}

.btn.huge,.button.huge,button.huge,input[type=button].huge,input[type=submit].huge{
  font-size:25.2px;
  padding:.65em 1.2em;
}

.btn.primary,.button.primary,button.primary,input[type=button].primary,input[type=submit].primary{
  background:#2e757a;
  color:#fff;
}

.btn.primary:hover,.button.primary:hover,button.primary:hover,input[type=button].primary:hover,input[type=submit].primary:hover{
  background:#3fa0a6;
  border-color:#3fa0a6;
}

.btn.primary.inv,.button.primary.inv,button.primary.inv,input[type=button].primary.inv,input[type=submit].primary.inv{
  background:none;
  border:1px solid #2e757a;
  color:#2e757a;
}

.btn.primary.inv:hover,.button.primary.inv:hover,button.primary.inv:hover,input[type=button].primary.inv:hover,input[type=submit].primary.inv:hover{
  background:#2e757a;
  color:#fff;
}

button,input,input[type=button],input[type=email],input[type=password],input[type=submit],input[type=text],textarea{
  background-color:#f9f9f9;
  border:1px solid #dcdcdc;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  color:#6d6d6d;
  display:block;
  float:left;
  font-family:Montserrat,sans-serif;
  font-size:14px;
  font-weight:400;
  height:60px;
  line-height:60px;
  margin:0 0 20px;
  outline:none;
  padding:0 15px;
  transition:all .8s ease;
  width:100%;
}

button:active,button:focus,input:active,input:focus,input[type=button]:active,input[type=button]:focus,input[type=email]:active,input[type=email]:focus,input[type=password]:active,input[type=password]:focus,input[type=submit]:active,input[type=submit]:focus,input[type=text]:active,input[type=text]:focus,textarea:active,textarea:focus{
  background-color:#fff;
  transition:all .8s ease;
}

textarea{
  line-height:25.2px;
  min-height:80px;
  padding:15px;
}

@media only screen and (max-width: 52em){
  button,input,input[type=button],input[type=email],input[type=password],input[type=submit],input[type=text],textarea{
    margin:0 0 20px;
    width:100%;
  }
}

input.placeholder,textarea.placeholder{
  color:#6d6d6d;
}

input:-moz-placeholder,input::-moz-placeholder,textarea:-moz-placeholder,textarea::-moz-placeholder{
  color:#6d6d6d;
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder{
  color:#6d6d6d;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
  color:#6d6d6d;
}

input:active.placeholder,input:focus.placeholder,textarea:active.placeholder,textarea:focus.placeholder{
  color:#eaeaea;
}

input:active:-moz-placeholder,input:active::-moz-placeholder,input:focus:-moz-placeholder,input:focus::-moz-placeholder,textarea:active:-moz-placeholder,textarea:active::-moz-placeholder,textarea:focus:-moz-placeholder,textarea:focus::-moz-placeholder{
  color:#eaeaea;
}

input:active:-ms-input-placeholder,input:focus:-ms-input-placeholder,textarea:active:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{
  color:#eaeaea;
}

input:active::-webkit-input-placeholder,input:focus::-webkit-input-placeholder,textarea:active::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{
  color:#eaeaea;
}

input.hidden,input:hidden,input[type=hidden]{
  display:none;
  visibility:hidden;
}

button,input[type=button],input[type=submit]{
  background-color:#2e757a;
  color:#fff;
}

button:hover,input[type=button]:hover,input[type=submit]:hover{
  background-color:#205155;
}

.custom-form{
  cursor:pointer;
  display:block;
  font-size:16px;
  line-height:25px;
  margin-bottom:12px;
  margin-right:20px;
  padding-left:30px;
  position:relative;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
}

.custom-form label{
  padding-left:35px;
}

.custom-form input[type=checkbox],.custom-form input[type=radio]{
  opacity:0;
  position:absolute;
}

.custom-form input[type=checkbox]:checked ~ .check,.custom-form input[type=checkbox]:checked ~ .check:hover,.custom-form input[type=radio]:checked ~ .check,.custom-form input[type=radio]:checked ~ .check:hover{
  background-color:#2e757a;
  border:1px solid #2e757a;
}

.custom-form input[type=checkbox] ~ .check:hover:after,.custom-form input[type=checkbox]:checked ~ .check:after,.custom-form input[type=radio]:checked ~ .check:after,.custom-form input[type=radio]:checked ~ .check:hover:after{
  opacity:1;
}

.custom-form input[type=checkbox] ~ .check,.custom-form input[type=radio] ~ .check{
  background-color:#eee;
  background-color:#fff;
  border:1px solid #e1e1e1;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  height:25px;
  left:0;
  position:absolute;
  top:0;
  transition:all .3s ease-in;
  width:25px;
}

.custom-form input[type=checkbox] ~ .check:hover,.custom-form input[type=radio] ~ .check:hover{
  background-color:#ccc;
  border:1px solid #ccc;
  transition:all .6s ease-out;
}

.custom-form input[type=radio] ~ .check{
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  -moz-align-items:center;
  align-items:center;
  border-radius:50%;
  display:-moz-flex;
  display:flex;
  height:22px;
  -moz-justify-content:center;
  justify-content:center;
  width:22px;
}

.custom-form input[type=radio] ~ .check:hover:after{
  background:#fff;
  opacity:1;
  transition:all .3s ease-out;
}

.custom-form input[type=checkbox] ~ .check{
  height:25px;
  width:25px;
}

.custom-form input[type=checkbox] ~ .check:after{
  border:solid #fff;
  border-width:0 3px 3px 0;
  content:"";
  height:12px;
  left:9px;
  opacity:0;
  position:absolute;
  top:4px;
  transform:rotate(45deg);
  width:7px;
}

.custom-form input[type=radio] ~ .check:after{
  background:#fff;
  border-radius:50%;
  content:"";
  height:10px;
  left:5px;
  opacity:0;
  top:5px;
  width:10px;
}

select.custom{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background:url(../image/base/icon-ddown.png) no-repeat 98%;
  background-color:#f9f9f9;
  background-size:20px;
  border:1px solid #dcdcdc;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  color:#6d6d6d;
  float:left;
  font-family:Open Sans,sans-serif;
  font-size:14px;
  font-weight:400;
  height:60px;
  line-height:60px;
  margin:0 0 20px;
  outline:0;
  outline:none;
  padding:0 15px;
  position:relative;
  transition:all .6s ease;
}

.notify,select.custom{
  display:block;
  width:100%;
}

.notify{
  height:auto;
  margin-bottom:20px;
  padding:16px 10px;
}

.notify.success{
  background-color:#41cc6c;
  color:#fff;
}

.notify.error{
  background-color:#ec5564;
  color:#fff;
}

.notify.info{
  background-color:#4ec2e7;
  color:#fff;
}

.notify.warning{
  background-color:#f2b52f;
  color:#fff;
}

label{
  float:left;
  font-size:1.333rem;
  font-style:italic;
  text-align:left;
}

form label:not(.custom-form){
  display:block;
  width:100%;
}

form .error{
  color:#ec5564;
}

form .okay{
  color:#41cc6c;
}

body{
  margin:0;
  overflow-x:hidden !important;
  padding:0;
}

@supports not (-moz-appearance: none){
  img,object{
    height:auto;
    max-width:100%;
    width:100%;
  }
}

@-moz-document url-prefix(){
  img,object{
    display:table-cell !important;
    height:auto;
    max-width:100%;
  }
}

.fl_r{
  float:right !important;
  margin-right:0 !important;
}

.fl_l{
  float:left !important;
  margin-left:0 !important;
}

.pos_rel{
  position:relative !important;
}

.pos_abs{
  position:absolute !important;
}

.disp_n{
  display:none;
}

.disp_b{
  display:block;
}

.cleaner{
  clear:both;
  width:100%;
}

.cleaner.h5{
  height:5px;
}

.cleaner.h10{
  height:10px;
}

.cleaner.h15{
  height:15px;
}

.cleaner.h30{
  height:30px;
}

.cleaner.h40{
  height:40px;
}

.cleaner.h50{
  height:50px;
}

.embedContainer{
  height:0;
  height:auto;
  max-width:100%;
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
}

.embedContainer embed,.embedContainer iframe,.embedContainer object{
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

button,input[type=button],input[type=submit]{
  position:relative;
  z-index:99;
}

nav ul li.navBtn a{
  height:auto;
  line-height:auto;
}

*{
  font-family:Open Sans,sans-serif;
}

.cleaner.h20{
  height:20px;
}

.cleaner.h60{
  height:60px;
}

@keyframes jump{
  0%{
    box-shadow:0 5px 15px 0 rgba(0,0,0,.6);
    transform:translatey(0);
  }
  50%{
    box-shadow:0 25px 15px 0 rgba(0,0,0,.2);
    transform:translatey(-15px);
  }
  100%{
    box-shadow:0 5px 15px 0 rgba(0,0,0,.6);
    transform:translatey(0);
  }
}

body{
  background-color:#ededed;
}

main{
  margin:0 auto;
  max-width:1460px;
  min-height:95vh;
}

section{
  background-color:#fff;
  overflow:hidden;
  padding-bottom:30px;
  position:relative;
}

section .gridContainer{
  position:relative;
  text-align:center;
}

section .gridContainer label{
  font-style:normal;
  font-weight:400;
}

section .gridContainer label.error{
  display:block;
  font-size:12px;
  padding:10px 0;
}

section .gridContainer .badge{
  background-color:#d8d8d8;
  border-radius:50%;
  color:#fff;
  display:inline-block;
  font-size:24px;
  font-weight:700;
  height:60px;
  line-height:60px;
  margin-bottom:20px;
  width:60px;
}

section .gridContainer .badge.active{
  animation:jump 3.5s ease-in-out forwards;
  animation-iteration-count:2;
  background-color:#2e757a;
  transform:translateY(0);
}

section .gridContainer h5{
  color:#738e90;
  margin:0;
  padding:30px 0 45px;
}

section .gridContainer h5::after{
  background-color:#2e757a;
  content:" ";
  height:2px;
  left:50%;
  margin-left:-150px;
  position:absolute;
  top:70px;
  width:300px;
}

@media only screen and (max-width: 362px){
  section .gridContainer h5::after{
    margin-left:-32%;
    top:90px;
    width:200px;
  }
}

section .gridContainer h5::before{
  background-color:#2e757a;
  content:" ";
  height:40px;
  left:50%;
  position:absolute;
  top:70px;
  width:2px;
}

@media only screen and (max-width: 799px){
  section .gridContainer h5::before{
    display:none;
  }
}

section .gridContainer .not-good{
  background-color:#ecf2f3;
  border:3px dashed #2e757a;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  -ms-border-radius:6px;
  line-height:1.6em;
  padding:15px;
  text-align:left;
}

section .gridContainer .not-good a{
  border:1px solid #2e757a;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  color:#2e757a;
  margin-left:-80px;
  padding:5px;
}

section .gridContainer .not-good span{
  color:#2e757a;
  font-size:2rem;
  font-weight:700;
  margin-top:20px;
}

section .gridContainer .col-1{
  background-color:#fff;
}

section.hidden{
  height:1px;
  overflow:hidden;
}

section.visible{
  height:auto;
}

section.step:before{
  background-color:#d8d8d8;
  content:" ";
  height:100%;
  left:50%;
  position:absolute;
  top:70px;
  width:2px;
}

@media only screen and (max-width: 799px){
  section.step:before{
    display:none;
  }
}

section.active .badge{
  background-color:#2e757a;
}

section.ready .badge{
  background:url(../image/icon-tick.png) 50% no-repeat #2e757a;
  text-indent:-99999px;
}

section.ready::before{
  background-color:#2e757a;
}

section.title{
  background-color:transparent;
  padding-bottom:0;
}

section.title a{
  align-items:center;
  display:flex;
  justify-content:center;
}

section.title a figure{
  height:auto;
  margin:0;
  max-width:60px;
  padding:30px 0;
}

section.title a h6{
  color:#738e90;
  padding-left:15px;
}

section.title h2{
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  background:linear-gradient(90deg, #2e757a 1%, #aec9cb);
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  color:#fff;
  font-size:1.6em;
  margin:0;
  overflow:hidden;
  padding:15px 0;
  text-align:center;
}

section.title .notification{
  background-color:#41cc6c;
  text-align:center;
}

section.title .notification p{
  color:#fff;
}

section.service .col-1{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

section.service .col-1 label{
  font-size:1em;
  margin-bottom:10px;
  text-align:center;
}

section.service .col-1 .custom-form{
  display:flex;
  justify-content:center;
  margin:0 auto;
  padding-left:0;
  width:100%;
}

section.service .col-1 .custom-form select.custom{
  display:flex;
  max-width:600px;
  width:100%;
}

section.service .col-1 .custom-form select.custom::after{
  border:solid #000;
  border-width:0 3px 3px 0;
  content:" ";
  display:block;
  display:inline-block;
  padding:3px;
  position:absolute;
  right:20px;
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
}

section.booking{
  height:1px;
  overflow:hidden;
  position:relative;
}

section.booking.active,section.booking.ready{
  height:auto;
}

section.booking .col-2 label{
  font-size:1em;
}

section.booking .col-2 label.calendar{
  width:100%;
}

section.booking .col-2 label.calendar .datepicker{
  font-size:22px;
  margin:10px 0 20px;
}

section.booking .col-2 label.calendar .hasDatepicker{
  width:100%;
}

section.booking .col-2 label.calendar .hasDatepicker .ui-datepicker{
  width:90%;
}

@media only screen and (max-width: 680px){
  section.booking .col-2 label.calendar .hasDatepicker .ui-datepicker{
    width:100%;
  }
}

section.booking .col-2 label.time{
  float:right;
  width:90%;
}

section.booking .col-2 label.time .available-hours{
  margin:10px 0 20px;
}

section.booking .col-2 label.time .available-hours .available-hour{
  background-color:#2e757a;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  color:#fff;
  font-size:16px;
  height:40px;
  line-height:40px;
  padding:10px 12px;
}

section.booking .col-2 label.time .available-hours .available-hour:hover{
  background:linear-gradient(90deg, #2e757a 1%, #aec9cb);
}

section.booking .col-2 label.time .available-hours .available-hour.selected{
  background-color:#122e30;
  position:relative;
}

@media only screen and (min-width: 470px){
  section.booking .col-2 label.time .available-hours .available-hour.selected::after{
    bottom:-30px;
    color:#2e757a;
    content:"(választott időpont)";
    display:block;
    float:left;
    font-size:12px;
    font-weight:500;
    left:0;
    line-height:14px;
    margin-left:0;
    min-width:80px;
    position:absolute;
    width:auto;
  }
}

section.booking .col-2 label.time .available-hours .mobile-only{
  margin-top:40px;
}

@media only screen and (max-width: 680px){
  section.booking .col-2 label.time{
    margin-top:20px;
    width:100%;
  }
}

section.booking .col-2 .desktop-only{
  width:90%;
}

@media only screen and (max-width: 680px){
  section.booking .col-2,section.booking .col-2 .desktop-only{
    width:100%;
  }
}

section.booking .badge{
  margin-left:0;
  top:100px;
}

@media screen and (min-width: 681px){
  section.booking .badge{
    margin-left:-30px;
    position:absolute;
  }
}

section.booking .gridContainer .col-1{
  display:flex;
  justify-content:center;
}

section.booking .gridContainer .col-1 .container{
  background-color:#ff7376;
  max-width:280px;
  min-width:220px;
  padding:15px;
}

section.booking .gridContainer .col-1 .container h5{
  color:#fff;
  padding:0;
}

section.booking .gridContainer .col-1 .container h5.start{
  margin-bottom:0;
  padding-bottom:10px;
}

section.booking .gridContainer .col-1 .container h5.end{
  margin-top:0;
  padding-top:0;
}

section.contact{
  height:1px;
  overflow:hidden;
}

section.contact.active,section.contact.ready{
  height:auto;
}

section.contact .gridContainer form .col-1{
  display:flex;
  flex-direction:column;
}

section.contact .gridContainer form .col-1 label{
  font-size:12px;
}

section.contact .gridContainer form .col-1 label.description .checkContainer .chkForm label{
  margin-right:0;
}

section.contact .gridContainer form .col-1 label.description .checkContainer .chkText{
  display:inline-block;
  line-height:25px;
}

@media only screen and (max-width: 446px){
  section.contact .gridContainer form .col-1 label.description .checkContainer .chkText{
    padding-top:20px;
  }
}

@media screen and (min-width: 833px) and (max-width: 1037px){
  section.contact .gridContainer form .col-1 label.description .checkContainer .chkText{
    padding-top:20px;
  }
}

section.contact .gridContainer form .col-1 label.description input{
  border:1px solid #738e90;
  margin:0 10px 0 0;
  max-width:20px;
  min-width:20px;
}

section.contact .gridContainer form .col-1 label.description-big{
  font-size:16px;
  margin:20px auto;
}

@media only screen and (min-width: 693px){
  section.contact .gridContainer form .col-1 label.terms{
    line-height:5;
  }
}

section.contact .gridContainer form .col-1 button{
  align-self:center;
  background-color:#2e757a;
  font-size:1.2em;
  font-weight:700;
  justify-self:center;
  margin-top:20px;
  min-width:200px;
  width:50%;
}

section.title a h6{
  font-weight:400;
}

section.title h2{
  font-weight:300;
  padding:15px;
}

@media only screen and (max-width: 680px){
  section.title h2{
    font-size:1.3em;
  }
}

section.appointment .steps .gridContainer h5{
  font-size:20px;
  font-weight:400 !important;
}

@media only screen and (max-width: 362px){
  section.appointment .steps .gridContainer h5:after{
    margin-left:-32%;
    top:90px;
    width:200px;
  }
}

section.appointment .steps .gridContainer label strong{
  color:#738e90;
  font-size:13px;
}

section.appointment .steps .gridContainer .col-1{
  margin-top:60px;
}

section.appointment .steps.service .first h5{
  font-size:20px;
}

section.appointment .steps.service .badge{
  margin-left:-30px;
  position:absolute;
}

section.appointment .steps.service .col-2.doctor .custom-form,section.appointment .steps.service .col-2.doctor label{
  padding-right:10%;
}

section.appointment .steps.service .col-2.doctor .custom-form select,section.appointment .steps.service .col-2.doctor label select{
  margin-top:10px;
}

section.appointment .steps.service .col-2.doctor .custom-form{
  padding-left:0;
}

section.appointment .steps.service .col-2.service .custom-form,section.appointment .steps.service .col-2.service label{
  padding-left:10%;
}

section.appointment .steps.service .col-2.service .custom-form select,section.appointment .steps.service .col-2.service label select{
  margin-top:10px;
}

@media only screen and (max-width: 680px){
  section.appointment .steps.service .badge{
    margin-left:0;
    position:static;
  }
  section.appointment .steps.service .col-2{
    width:100%;
  }
  section.appointment .steps.service .col-2.doctor .custom-form,section.appointment .steps.service .col-2.doctor label{
    padding-right:0;
  }
  section.appointment .steps.service .col-2.service .custom-form,section.appointment .steps.service .col-2.service label{
    padding-left:0;
  }
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker{
  color:#fff;
  padding:0;
  width:100%;
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years{
  width:100%;
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table{
  background-color:#2e757a;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -ms-border-radius:8px;
  width:90%;
}

@media only screen and (max-width: 680px){
  section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table{
    width:100%;
  }
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table thead tr .prev,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table thead tr .prev,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table thead tr .prev{
  visibility:visible !important;
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table thead tr .datepicker-switch,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table thead tr .datepicker-switch,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table thead tr .datepicker-switch{
  font-size:20px;
  padding:20px 0;
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table thead tr:first-child th:hover,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table thead tr:first-child th:hover,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table thead tr:first-child th:hover{
  background:#399198;
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table thead tr .dow,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table thead tr .dow,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table thead tr .dow{
  background-color:#fafafa;
  border:1px solid transparent;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
  color:#2e757a;
  font-size:16px;
  font-weight:700;
  padding-top:20px;
}

@media only screen and (max-width: 680px){
  section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table thead,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table thead,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table thead{
    width:100%;
  }
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table tbody,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table tbody,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table tbody{
  background-color:#fafafa;
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table tbody tr td,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table tbody tr td,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table tbody tr td{
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
  font-size:16px;
  padding:10px 0;
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table .day,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table .day,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table .day{
  background:none;
  border:1px solid transparent;
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table .day:hover,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table .day:hover,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table .day:hover{
  background-color:#aec9cb;
  outline:1px solid #2e757a;
  outline-offset:-1px;
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table .day.disabled,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table .day.disabled,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table .day.disabled{
  border:1px solid transparent;
  color:#ccc;
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table .day.disabled:hover,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table .day.disabled:hover,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table .day.disabled:hover{
  background-color:#fafafa;
  border:1px solid #ccc;
  outline:1px solid #ccc;
  outline-offset:-1px;
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table .day.new,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table .day.old,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table .day.new,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table .day.old,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table .day.new,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table .day.old{
  border:1px solid transparent;
  color:transparent;
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table .day.new:hover,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table .day.old:hover,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table .day.new:hover,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table .day.old:hover,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table .day.new:hover,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table .day.old:hover{
  background:none;
  border:1px solid transparent;
  outline:0;
  outline-offset:0;
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table .day.active,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table .day.active,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table .day.active{
  background-color:#2e757a;
  background-image:none;
  border:1px solid transparent;
  color:#fff;
  font-weight:700;
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table .today,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table .today,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table .today{
  background-color:#aec9cb;
  background-image:none;
  border:1px solid transparent;
  color:#fff !important;
  font-weight:700;
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table .today:hover,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table .today:hover,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table .today:hover{
  background-color:#2e757a;
  border:1px solid transparent;
  color:#2e757a !important;
  font-weight:700;
}

section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-days table .today.active,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-months table .today.active,section.appointment .steps.booking .gridContainer .col-2 label .datepicker .datepicker-inline .datepicker-years table .today.active{
  background-color:#2e757a;
  background-image:none;
  border:1px solid transparent;
  color:#fff;
  font-weight:700;
}

section.appointment .steps.booking .gridContainer .col-2 label .available-hours button.availableTime{
  font-size:16px;
  margin-bottom:27px;
  margin-right:10px;
  padding:0 12px;
}

section.appointment .steps.booking .gridContainer .col-2 label .available-hours button:hover{
  background:linear-gradient(90deg, #2e757a 0, #43aab2);
}

section.appointment .steps.booking .gridContainer .col-2 label .available-hours button.selected{
  background:#43aab2;
}

section.appointment .steps.contact .gridContainer .col-1{
  display:flex;
  flex-direction:column;
}

section.appointment .steps.contact .gridContainer .col-1 .checkContainer{
  margin-bottom:0;
}

section.appointment .steps.contact .gridContainer .col-1 .checkContainer .chkForm .custom-form{
  cursor:pointer;
  display:block;
  font-size:16px;
  line-height:25px;
  margin-bottom:12px;
  margin-right:5px !important;
  margin-top:-5px;
  padding-left:33px;
  position:relative;
  -webkit-user-select:none;
}

section.appointment .steps.contact .gridContainer .col-1 .checkContainer .chkForm .custom-form #agree{
  height:auto;
}

section.appointment .steps.contact .gridContainer .col-1 .checkContainer .chkForm .custom-form .custom-form input[type=checkbox]{
  position:absolute;
}

section.appointment .steps.contact .gridContainer .col-1 .checkContainer .chkForm .custom-form .custom-form input[type=checkbox]:checked ~ .check,section.appointment .steps.contact .gridContainer .col-1 .checkContainer .chkForm .custom-form .custom-form input[type=checkbox]:checked ~ .check:hover,section.appointment .steps.contact .gridContainer .col-1 .checkContainer .chkForm .custom-form .custom-form input[type=radio]:checked ~ .check,section.appointment .steps.contact .gridContainer .col-1 .checkContainer .chkForm .custom-form .custom-form input[type=radio]:checked ~ .check:hover{
  background-color:#aec9cb;
  border:1px solid #aec9cb;
}

section.appointment .steps.contact .gridContainer .col-1 .checkContainer .chkForm .custom-form span{
  margin-top:20px;
}

section.appointment .steps.contact .gridContainer .col-1 .checkContainer .chkText{
  color:#2e757a;
  display:flex;
  font-size:12px;
  padding-left:40px;
  padding-top:0;
  text-align:left;
}

section.appointment .steps.contact .gridContainer .col-1 .checkContainer .chkText a{
  color:#2e757a;
  font-weight:700;
  text-decoration:underline;
}

section.appointment .steps.contact .gridContainer .col-1 .checkContainer .chkText.terms{
  display:block;
}

section.appointment .steps.contact .gridContainer .col-1 .cleaner{
  height:40px;
}

section.appointment .steps.contact .gridContainer .col-1 label{
  display:flex;
  padding-bottom:8px;
  width:100%;
}

section.appointment .steps.contact .gridContainer .col-1 label input{
  display:inline;
  height:20px;
  margin-bottom:0;
  vertical-align:middle;
  width:30px;
}

section.appointment .steps.contact .gridContainer .col-1 label.description-big{
  color:#2e757a;
  display:block;
  font-size:17px;
}

section.appointment .steps.contact .gridContainer .col-1 .btn-primary{
  align-self:center;
  font-size:16px;
  font-weight:700;
  margin-top:40px;
  max-width:500px;
  min-width:300px;
  width:50%;
}

section.appointment.resign .gridContainer .col-1{
  display:flex;
  justify-content:center;
}

section.appointment.resign .gridContainer .col-1 form h4{
  color:#2e757a;
  font-family:Montserrat,sans-serif;
  margin-bottom:40px;
  text-align:center;
}

section.appointment.resign .gridContainer .col-1 form textarea{
  margin-bottom:40px;
}

section.appointment.resign .gridContainer .col-1 form .send{
  text-align:center;
}

section.appointment.resign .gridContainer .col-1 form .send .btn{
  background-color:#2e757a;
  color:#fff;
  font-weight:700;
  min-width:300px;
}

section.appointment.resign .gridContainer .col-1 form .send .btn:hover{
  background-color:#3c999f;
}

section.appointment.resign .gridContainer .col-1 form p span{
  color:#aec9cb;
}

section.success .gridContainer .col-1{
  text-align:center;
}

section.success .gridContainer .col-1 h3{
  color:#2e757a;
}

footer{
  background-color:#ededed;
  padding:20px 0;
}

footer .gridContainer .col-1{
  text-align:center;
}

footer .gridContainer .col-1 p.small{
  color:#2e757a;
  font-size:13px;
  margin:0 auto;
}

footer .gridContainer .col-1 p.small a{
  color:#2e757a;
  font-weight:700 !important;
  text-decoration:none !important;
}

footer .gridContainer .col-1 p.small a:hover{
  color:#aec9cb;
}

footer .gridContainer .col-1 .copy{
  color:#2e757a;
  float:none;
}

footer .gridContainer .col-1 .copy a{
  color:#2e757a;
  font-weight:700 !important;
  text-decoration:none !important;
}

footer .gridContainer .col-1 .copy a:hover{
  color:#aec9cb;
}

footer .gridContainer .col-1 .bf-logo{
  display:block;
  margin:20px auto 0;
  max-width:120px;
  width:120px !important;
}

.alert.resign{
  font-weight:700;
  text-align:center;
}

/*# sourceMappingURL=bookcessful-front.css.map*/