@charset "UTF-8";
@import url("https://use.typekit.net/bsx7ofg.css");
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');

*{margin: 0;
  padding: 0;
  box-sizing: border-box;}
body{font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #6d6e75;
  line-height: 26px;}
a{text-decoration: none;}
.w-img img{width: 100%;}
.m-img img{max-width: 100%;}
a,.btn,button,span,p,i,input,select,textarea,li,svg path,*::after,*::before,.transition-3,h1,h2,h3,h4,h5,h6{-webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;}
.transition-img{  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;}
a:focus,.button:focus{text-decoration: none;
  outline: none;}
a:focus,a:hover{color: inherit;
  text-decoration: none;}
a,button{color: inherit;
  outline: none;
  border: none;}
button:hover{cursor: pointer;}
button:focus{outline: 0; border: 0;}
.uppercase{text-transform: uppercase;}
.capitalize{text-transform: capitalize;}
h1,h2,h3,h4,h5,h6{font-family: "aesthet-nova", sans-serif;
  color: #0e1133;
  margin-top: 0px;
  font-weight: 700;
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;}
h1{font-size: 40px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 20px;}
h5{font-size: 16px;}
h6{font-size: 14px;}
ul{margin: 0px; padding: 0px;}
li{list-style: none;}
p{font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #6d6e75;
  margin-bottom: 15px;
  line-height: 22px;}

*::-moz-selection{background: #2b4eff;
  color: #ffffff;
  text-shadow: none;}

::-moz-selection{background: #2b4eff;
  color: #ffffff;
  text-shadow: none;}

::selection{background: #2b4eff;
  color: #ffffff;
  text-shadow: none;}

*::-moz-placeholder{color: #0e1133;
  font-size: 14px;
  opacity: 1;}

*::placeholder{color: #0e1133;
  font-size: 14px;
  opacity: 1;}

.fix{overflow: hidden;}
.clear{clear: both;}
.f-left{float: left;}
.f-right{float: right;}
.z-index-1{z-index: 1;}
.overflow-y-visible{overflow-x: hidden;
  overflow-y: visible;}
.p-relative{position: relative;}
.p-absolute{position: absolute;}
.grey-bg{background: #f3f4f8;}
.grey-bg-2{background: #edeef3;}
.grey-bg-5{background: #f3f3f3;}
.blue-bg{background: #2b4eff;}
.blue-bg-3{background: #b8dde3;}
.blue-bg-4{background: #2d69f0;}
.pink-bg{background: #dd246e;}
.purple-bg{background: #8007e6;}
.purple-bg2{background: #ff7bac;}
.green-bg{background: #0cae74;}
.white-bg{background: #ffffff;}
.black-bg{background: #0e1133;}
.opacity-hover:hover{opacity: 0.7;}
.main-hero{height: 100%; position: relative;}
.vimeo-wrapper{position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  pointer-events: none;
  overflow: hidden;}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a{color: #ffffff !important;}
.white-color{color: #ffffff;}
.theme-color{color: #2b4eff !important;}
.black-color{color: #0e1133;}
.pl-245{padding-left: 245px;}
.pr-245{padding-right: 245px;}
.mb-22{margin-bottom: 22px;}
.ml-270{margin-left: 270px;}
.mb--120{margin-bottom: -120px;}
.mb--100{margin-bottom: -100px;}
.mt--210{margin-top: -210px;}
.mt--80{margin-top: -80px;}
.mb-130{margin-bottom: -130px;}
.section-padding{padding-left: 50px;
  padding-right: 50px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.section-padding{padding-left: 30px; padding-right: 30px;}
}
@media (max-width: 575px){
	.section-padding{padding-left: 0px; padding-right: 0px;}
}

.e-btn{display: inline-block;
  height: 55px;
  line-height: 52px;
  text-align: center;
  padding: 0 35px;
  color: #ffffff;
  background: #00cac7;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 50px;
  font-weight: 600;
  font-size: 19px;
  text-transform: lowercase;
  border: 2px solid #00cac7;
  transition: all 0.3s ease-out 0s;}
  .e-btn-completa{display: inline-block;
    height: 55px;
    line-height: 52px;
    text-align: center;
    padding: 0 35px;
    color: #ffffff;
    background: #4ce699;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 19px;
    text-transform: lowercase;
    border: 2px solid #4ce699;
    transition: all 0.3s ease-out 0s;}
.e-btn:first-letter{text-transform: uppercase;}
.e-btn-completa:hover{color: #4ce699;
  -webkit-box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
  -moz-box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
  box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
  background-color: #ffffff;
  border-color: #4ce699;
  transition: all 0.3s ease-out 0s;}
.e-btn:hover{color: #00cac7;
  -webkit-box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
  -moz-box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
  box-shadow: 0px 10px 24px 0px rgba(4, 23, 118, 0.3);
  background-color: #ffffff;
  border-color: #00cac7;
  transition: all 0.3s ease-out 0s;}
.e-btn-2{height: 34px;
  line-height: 36px;
  padding: 0 20px;
  font-size: 14px;
  text-transform: capitalize;}
.e-btn-3{padding: 0 28px;}
.e-btn-4{height: 46px;
  line-height: 44px;
  border: 2px solid #2b4eff;
  background: #2b4eff;
  color: #ffffff;}
.e-btn-5 {padding-left: 22px; padding-right: 22px;}
.e-btn-6 {padding-left: 60px; padding-right: 60px;}
.e-btn-7 {height: 46px; line-height: 42px;}
.e-btn-border{height: 46px;
  line-height: 44px;
  border: 2px solid #d7d9e3;
  color: #0e1133;
  background: transparent;}
.e-btn-border:hover{background: #2b4eff;
  border-color: #2b4eff;
  color: #ffffff;}
.e-btn-border-2{height: 46px;
  line-height: 44px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  background: transparent;
  padding: 0 20px;}
.e-btn-border-2:hover{background: #ffffff;
  border-color: #ffffff;
  color: #0e1133;}
.e-btn-white{height: 54px;
  line-height: 58px;
  background: #ffffff;
  color: #0e1133;
  padding: 0 45px;}
.e-btn-white:hover{color: #0e1133;}

/* link btn */
.link-btn{position: relative;
  font-size: 16px;
  color: #6d6e75;
  font-weight: 500;
  padding-right: 30px;
  display: inline-block;}
.link-btn i{font-size: 14px;
  position: absolute;
  top: 12px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;}


.link-btn i:first-child{right: 10%;
  visibility: hidden;
  opacity: 0;}
.link-btn i:last-child{right: 0;}
.link-btn:hover{color: #2b4eff;}
.link-btn:hover i:first-child{right: 0;
  visibility: visible;
  opacity: 1;}
.link-btn:hover i:last-child{right: -10%;
  visibility: hidden;
  opacity: 0;}

.link-btn img{position: absolute;
  top: -4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;}
.link-btn img:first-child{right: 40%;
  visibility: hidden;
  opacity: 0;}
.link-btn i:last-child{right: 0;}
.link-btn:hover{color: #2b4eff;}
.link-btn:hover img:first-child{right: 0;
  visibility: visible;
  opacity: 1;}
.link-btn:hover img:last-child{right: -40%;
  visibility: hidden;
  opacity: 0;}
.link-btn.link-prev{padding-right: 0;
  padding-left: 21px;}
.link-btn.link-prev i:first-child{left: 10%;
  right: auto;}
.link-btn.link-prev i:last-child{left: 0;
  right: auto;}
.link-btn.link-prev:hover i:first-child{left: 0%;
  right: auto;}
.link-btn.link-prev:hover i:last-child{left: -10%;
  right: auto;}

.link-btn-2{position: relative;
  font-size: 12px;
  font-weight: 500;
  color: #0e1133;
  text-transform: uppercase;
  padding-right: 25px;
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;}
.link-btn-2 i{position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;}
.link-btn-2 i:first-child{left: -100%;
  visibility: hidden;
  opacity: 0;}
.link-btn-2 i:last-child{right: 35%;}
.link-btn-2:hover{color: #ffffff;}
.link-btn-2:hover i:first-child{left: 35%;
  visibility: visible;
  opacity: 1;}
.link-btn-2:hover i:last-child{right: -100%;
  visibility: hidden;
  opacity: 0;}

.play-btn{display: inline-block;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 47px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff;
  color: #2b4eff;
  -webkit-animation: pulse 2s infinite;
  -moz-animation: pulse 2s infinite;
  -o-animation: pulse 2s infinite;
  animation: pulse 2s infinite;
  font-size: 12px;}

@-webkit-keyframes pulse{0%{  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);}
  70%{  -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}
  100%{  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
@keyframes pulse{0%{  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);}
  70%{  -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);}
  100%{  -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);}
}
.section__sub-title{font-size: 18px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 5px;}
.section__title{font-size: 56px;
  color: #0e1133;
  z-index: 1;
  margin-bottom: 3px;}
@media (max-width: 575px){.section__title{  font-size: 33px;}
}
.section__title span{position: relative;}
.section__title span img{position: absolute;
  left: -14px;
  bottom: 12px;
  z-index: -1;
  -webkit-animation: section-animation 3s infinite;
  animation: section-animation 3s infinite;}
.section__title span.yellow-bg-big img{bottom: 15px;
  width: 120%;
  -webkit-animation: section-animation-2 3s infinite;
  animation: section-animation-2 3s infinite;}
.section__title span.yellow-bg-sm img{bottom: 10px;
  width: 120%;
  -webkit-animation: section-animation-2 3s infinite;
  animation: section-animation-2 3s infinite;}
.section__title-wrapper{position: relative;
  z-index: 1;}
.section__title-wrapper p{font-size: 16px;
  color: #53545b;}

@keyframes section-animation{0%{  width: 0;}
  15%{  width: 100%;}
  85%{  opacity: 1;}
  90%{  width: 100%;
    opacity: 0;}
  to{  width: 0;
    opacity: 0;}
}
@keyframes section-animation-2{0%{  width: 0;}
  15%{width: 125%;}
  85%{opacity: 1;}
  90%{width: 125%;
    opacity: 0;}
  to{width: 0;
    opacity: 0;}
}
/* basic pagination */
.basic-pagination ul li{display: inline-block;
  margin-right: 20px;}
@media (max-width: 575px){.basic-pagination ul li{  margin-right: 5px;}
}
.basic-pagination ul li.prev a, .basic-pagination ul li.next a{width: inherit;
  height: inherit;
  line-height: inherit;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;}
.basic-pagination ul li.prev a:hover, .basic-pagination ul li.next a:hover{color: #2b4eff;
  background: inherit;}
.basic-pagination ul li.active a{color: #ffffff;
  background: #2b4eff;
  border-color: #2b4eff;}
.basic-pagination ul li a{position: relative;
  overflow: hidden;
  background: transparent;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  border: 2px solid #eef0f6;
  color: #0e1133;}
.basic-pagination ul li a:hover{background: #2b4eff;
  color: #ffffff;
  border-color: #2b4eff;}

.body-overlay{background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;}
.body-overlay:hover{cursor: pointer;}

.body-overlay.opened{opacity: 1;
  visibility: visible;}

.header__padding{padding-left: 245px;
  padding-right: 245px;}
@media only screen and (min-width: 1601px) and (max-width: 1800px){
	.header__padding{padding-left: 70px; padding-right: 70px;}
}
@media only screen and (min-width: 1400px) and (max-width: 1600px){
	.header__padding{padding-left: 70px; padding-right: 70px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.header__padding{padding-left: 20px; padding-right: 20px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.header__padding{padding: 20px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.header__padding{padding: 20px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.header__padding{padding: 20px;}
}
@media (max-width: 575px){.header__padding{  padding: 20px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	.header__padding-2{padding: 20px 0;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.header__padding-2{padding: 15px 0;}
}
@media (max-width: 575px){
	.header__padding-2{padding: 10px 0;}
}
.header__shadow{-webkit-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
  -moz-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
  box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);}
.shadow-block{-webkit-box-shadow: 0px 30px 40px 0px rgba(3, 24, 128, 0.2);
  -moz-box-shadow: 0px 30px 40px 0px rgba(3, 24, 128, 0.2);
  box-shadow: 0px 30px 40px 0px rgba(3, 24, 128, 0.2);}
.shadow-block2{-webkit-box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 1);
  box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 1);}
.header__area.sticky, .interna .header__area{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 99;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  display: block;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);}
.header__area.sticky .header__search input, .interna .header__area .header__search input{background: #edeef3;}
.header__area.sticky .logo .logo-white, .interna .header__area .logo .logo-white{display: none;}
.header__area.sticky .logo .logo-black, .interna .header__area .logo .logo-black{display: block;}
.header__area.sticky .main-menu-3 ul li a, .interna .header__area .main-menu-3 ul li a{color: #0e1133;}
.header__area.sticky .main-menu-3 ul li a::after, .interna .header__area .main-menu-3 ul li a::after{color: #0e1133;}
.header__area.sticky .main-menu-3 ul li a::before, .interna .header__area .main-menu-3 ul li a::before{background: #0e1133;}
.header__area.sticky .main-menu-3 ul li .submenu li a::before, .interna .header__area .main-menu-3 ul li .submenu li a::before{background: #2b4eff;}
.header__area.sticky .header__search-2 i .st0, .interna .header__area .header__search-2 i .st0{color: #0e1133;}
.header__area.sticky .header__search-2 i .st1, .interna .header__area .header__search-2 i .st1{color: #121317;}
.header__area.sticky .cat-menu, .interna .header__area .cat-menu{color: #0e1133;}
.header__area.sticky .cat-menu:hover, .interna .header__area .cat-menu:hover{color: #2b4eff;}
.header__area.sticky .cat-menu:hover svg .cat-dot, .interna .header__area .cat-menu:hover svg .cat-dot{fill: #2b4eff;}
.header__area.sticky .cat-menu svg .cat-dot, .interna .header__area .cat-menu svg .cat-dot{fill: #0e1133;}
.header__area.sticky .header__category::after, .interna .header__area .header__category::after{background: rgba(14, 17, 51, 0.2);}
.header__area.sticky .sidebar-toggle-btn .line, .interna .header__area .sidebar-toggle-btn .line{background-color: #2b4eff;}
.header__transparent{position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 11;}
.header__white .cat-menu{color: #ffffff;}
.header__white .cat-menu svg .cat-dot{fill: #ffffff;}
.header__white .cat-menu:hover{color: #ffffff;}
.header__white .cat-menu:hover svg .cat-dot{fill: #ffffff;}
.header__white .header__category::after{background: rgba(255, 255, 255, 0.2);}
.header__white .main-menu ul li a{color: #ffffff;}
.header__white .sidebar-toggle-btn .line{background-color: #ffffff;}
.header__category{position: relative;
  padding-left: 30px;
  margin-left: 30px;
  padding-top: 3px;}
.header__category::after{position: absolute;
  content: "";
  left: 0;
  top: 60%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 40px;
  background: #c9ccd4;}
.header__category ul li{position: relative;}
.header__category ul li .cat-submenu{position: absolute;
  top: calc(100% + 30px);
  left: 0;
  width: 200px;
  padding: 17px 0;
  padding-bottom: 15px;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;}
.header__category ul li .cat-submenu li{display: block;
  margin-right: 0;}
.header__category ul li .cat-submenu li > a{width: 100%;
  display: block;
  padding: 3px 30px;
  text-transform: capitalize;
  color: #6d6e75;
  font-weight: 500;
  position: relative;}
.header__category ul li .cat-submenu li > a::after{right: 30px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);}
.header__category ul li .cat-submenu li:hover > a{color: #2b4eff;}
.header__category ul li:hover .cat-submenu{visibility: visible;
  opacity: 1;
  top: calc(100% + 10px);}
.header__search input{width: 280px;
  height: 50px;
  line-height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #ffffff;
  outline: none;
  border: 1px solid #ffffff;
  font-size: 16px;
  padding: 25px 65px 20px 55px;}
.header__search input::placeholder{color: #8c8faa;}
.header__search input:focus{border-color: #2b4eff;}
.header__search button{background: transparent;
  position: absolute;
  top: 15px;
  left: 24px;}
.header__search button i::after{color: #0e1133; opacity: 1;}
.header__search button i::before{color: #8c8faa;}
.header__search-2 i{width: 18px; height: 18px;}
.header__search-2 i .st0{color: #ffffff;}
.header__search-2 i .st1{color: #FFFFFF;}
.header__search-2 i:hover{cursor: pointer;}
.header__area.sticky .main-menu-3 ul li i {color: #000000!important;}

.header__cart{position: absolute;
  top: 15px;
  right: 20px;
  padding-left: 18px;}
.header__cart::after{position: absolute;
  content: "";
  top: -5px;
  left: 0;
  width: 2px;
  height: 30px;
  background: #dbdfe9;}
.header__cart-icon{display: inline-block;}
.header__cart-icon svg{width: 20px;
  height: 19px;}
.header__cart-icon svg .st0{fill: none;
  stroke: #0e1133;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;}
.header__cart a{position: relative;
  font-size: 17px;
  color: #0e1133;}
.header__cart a .cart-item{position: absolute;
  top: -10px;
  right: -10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  background: #2b4eff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-weight: 500;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);
  -moz-box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);
  box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);}
.header__cart a:hover .cart-item{background: #0e1133;}
.header__btn-2 a{height: 44px;
  line-height: 44px;
  padding: 0 38px;}
.header__search-3{position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  min-height: 280px;
  padding: 40px 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  z-index: 9999;}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.header__search-3{min-height: 300px;}
}
@media (max-width: 575px){
	.header__search-3{padding-top: 30px; min-height: 300px;}
}
.header__search-3.search-opened{top: 0;
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);}
.header__search-3-btn{margin-bottom: 30px;}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.header__search-3-btn{margin-bottom: 20px;}
}
@media (max-width: 575px){
	.header__search-3-btn{margin-bottom: 20px;}
}
.header__search-3-btn-close{font-size: 18px;
  color: #2b4eff;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);}
.header__search-3-header{margin-bottom: 35px;}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.header__search-3-header{margin-bottom: 20px;}
}
@media (max-width: 575px){
	.header__search-3-header{margin-bottom: 20px;}
}
.header__search-3-header h3{color: #0e1133;
  font-size: 30px;}
.header__search-3-categories{margin-bottom: 35px;}
.header__search-3-categories ul li{display: inline-block;}
.header__search-3-categories ul li a{font-size: 18px;
  color: #121317;
  padding: 0 30px;}
.header__search-3-categories ul li a:hover{color: #2b4eff;}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.header__search-3-categories ul li a{padding: 0 15px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.header__search-3-categories ul li a{font-size: 16px; padding: 0 5px;}
}
@media (max-width: 575px){
	.header__search-3-categories ul li a{padding: 0 5px; font-size: 14px;}
}
.header__search-3-input input{height: 50px;
  width: 100%;
  border: none;
  padding: 0 15px;
  padding-right: 30px;
  border-bottom: 1px solid #eef0f6;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: none;}
.header__search-3-input input::placeholder{color: #53545b;}
.header__search-3-input input:focus{border-color: #2b4eff;}
.header__search-3-input button{position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  text-align: center;
  font-size: 14px;
  background: transparent;
  color: #0e1133;}

.logo-black{display: none;}

.cat-menu{font-size: 16px;
  font-weight: 500;
  color: #0e1133;
  position: relative;}
.cat-menu:hover{color: #2b4eff;}
.cat-menu:hover svg .cat-dot{fill: #2b4eff;}
.cat-menu svg{width: 16px;
  height: 16px;}
.cat-menu svg .cat-dot{fill: #0e1133;}
.cat-menu span{padding-left: 14px;
  line-height: 1;
  display: inline-block;
  padding-top: 3px;}

.main-menu ul li{display: inline-block;
  position: relative;}
.main-menu ul li:not(:first-child){margin-left: 40px;}
@media only screen and (min-width: 1400px) and (max-width: 1600px){
	.main-menu ul li:not(:first-child){  margin-left: 30px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.main-menu ul li:not(:first-child){  margin-left: 10px;}
}
.main-menu ul li a{display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #0e1133;
  padding: 30px 0;
  text-transform: capitalize;}
.main-menu ul li.has-dropdown > a{position: relative;}
.main-menu ul li.has-dropdown > a::after{content: "\f107";
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 14px;
  color: #0e1133;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  margin-left: 5px;
  display: inline-block;}
.main-menu ul li:hover > a{color: #2b4eff;}
.main-menu ul li:hover > a::after{color: #2b4eff;}
.main-menu ul li:hover .submenu{top: 100%;
  visibility: visible;
  opacity: 1;}
.main-menu ul li .submenu{position: absolute;
  top: 120%;
  left: 0;
  width: 200px;
  background: #ffffff;
  z-index: 99;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  visibility: hidden;
  opacity: 0;
  -webkit-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
  text-align: left;}
.main-menu ul li .submenu li{display: block;
  width: 100%;
  margin: 0;}
.main-menu ul li .submenu li:not(:last-child){border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.main-menu ul li .submenu li.has-dropdown > a::after{position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);}
.main-menu ul li .submenu li a{padding: 10px 25px;
  font-size: 13px;
  position: relative;
  z-index: 1;
  color: #0e1133;
  width: 100%;}
.main-menu ul li .submenu li .submenu{left: 120%;
  top: 0;
  visibility: hidden;
  opacity: 0;}
.main-menu ul li .submenu li:hover > a{color: #ffffff;}
.main-menu ul li .submenu li:hover > a::after{color: #ffffff;}
.main-menu ul li .submenu li:hover .submenu{left: 100%; visibility: visible; opacity: 1;}
.main-menu-2 ul li:not(:first-child){margin-left: 35px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.main-menu-2 ul li:not(:first-child){  margin-left: 20px;}
}
.main-menu-2 ul li .menu-tag{position: absolute;
  top: 13px;
  right: -4px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 7px;
  background: #2b4eff;
  color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 12px;
  text-transform: capitalize;
  -webkit-box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
  -moz-box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);
  box-shadow: 0px 8px 20px 0px rgba(1, 23, 133, 0.3);}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.main-menu-2 ul li .menu-tag{  display: none;}
}
.main-menu-2 ul li .menu-tag::after{position: absolute;
  content: "";
  bottom: -5px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 5px solid #2b4eff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;}

.main-menu-3 ul li a{color: #ffffff;
  position: relative;}

.main-menu-3 ul li.has-dropdown a::after{color: #ffffff;}
.main-menu-3 ul li .submenu li a::after{color: #0e1133;}
.main-menu-3 ul li:hover a{color: #ffffff;}
.main-menu-3 ul li:hover a::before{width: 100%;
  left: 0;
  right: auto;}

.sidebar-toggle-btn .line{width: 30px;
  height: 3px;
  background-color: #2b4eff;
  display: block;
  margin: 6px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}
.sidebar-toggle-btn-white .line{background: #ffffff;}
.sidebar-toggle-btn:hover{cursor: pointer;}
.sidebar-toggle-btn:hover .line{-webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  transform: rotate(-30deg);}
.sidebar-toggle-btn:hover .line:nth-child(1){width: 10px;}
.sidebar-toggle-btn:hover .line:nth-child(2){width: 20px;}

.sidebar__area{position: fixed;
  right: -340px;
  top: 0;
  width: 320px;
  height: 100%;
  background: #ffffff none repeat scroll 0 0;
  overflow-y: scroll;
  -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  z-index: 9999;}
.sidebar__area.sidebar-opened{right: 0px;}
.sidebar__wrapper{position: relative;
  padding: 30px;}
.sidebar__close{position: absolute;
  top: 25px;
  right: 80px;}
.sidebar__close-btn{transition: all 450ms cubic-bezier(0.4, 0.25, 0.3, 1.3);
  width: 40px;
  height: 40px;
  position: absolute;
  text-align: center;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #0e1133;
  border: 1px solid #2a3a57;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  background: transparent;
  z-index: 99;}
.sidebar__close-btn:focus{border: 1px solid #0e1133;}
.sidebar__close-btn span{transition: all 400ms cubic-bezier(0.4, 0.25, 0.3, 1.3) 100ms;
  position: absolute;
  top: 54%;
  left: 50%;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  vertical-align: middle;}
.sidebar__close-btn span:first-of-type{transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);}
.sidebar__close-btn span:last-of-type{text-transform: uppercase;
  transform: translate(-50%, 50%);
  -webkit-transform: translate(-50%, 50%);
  -moz-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  -o-transform: translate(-50%, 50%);}
.sidebar__close-btn:hover{width: 100px;
  border-radius: 0;}
.sidebar__close-btn:hover span:first-of-type{transform: translate(-50%, -150%);
  -webkit-transform: translate(-50%, -150%);
  -moz-transform: translate(-50%, -150%);
  -ms-transform: translate(-50%, -150%);
  -o-transform: translate(-50%, -150%);}
.sidebar__close-btn:hover span:last-of-type{transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);}
.sidebar__search input{width: 100%;
  height: 50px;
  line-height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #edeef3;
  outline: none;
  border: 1px solid #ffffff;
  font-size: 16px;
  padding: 25px 65px 20px 55px;}
.sidebar__search input::placeholder{color: #8c8faa;}
.sidebar__search input:focus{border-color: #2b4eff;}
.sidebar__search button{background: transparent;
  position: absolute;
  top: 15px;
  left: 24px;}
.sidebar__search button i::after{color: #0e1133;
  opacity: 1;}
.sidebar__search button i::before{color: #8c8faa;}
.sidebar__cart-icon{display: inline-block;}
.sidebar__cart-icon svg{width: 20px;
  height: 19px;}
.sidebar__cart-icon svg .st0{fill: none;
  stroke: #0e1133;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;}
.sidebar__cart a{position: relative;
  font-size: 17px;
  color: #0e1133;}
.sidebar__cart a .cart-item{position: absolute;
  top: -10px;
  right: -10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  background: #2b4eff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-weight: 500;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);
  -moz-box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);
  box-shadow: 0px 10px 20px 0px rgba(4, 23, 118, 0.3);}
.sidebar__cart a:hover .cart-item{background: #0e1133;}

.mean-container a.meanmenu-reveal{display: none;}
.mean-container .mean-nav{background: none; margin-top: 0;}
.mean-container .mean-bar{padding: 0;
  min-height: auto;
  background: none;}
.mean-container .mean-nav > ul{padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;}
.mean-container a.meanmenu-reveal{display: none !important;}
.mean-container .mean-nav ul li a{width: 100%;
  padding: 10px 0;
  color: #0e1133;
  border-top: 1px solid #bbbcbf;
  font-size: 13px;
  font-weight: 600;}

.mean-container .mean-nav ul li a.mean-expand{margin-top: 0px;
  height: 15px;
  line-height: 14px;
  border-bottom: none;
  padding: 0;
  display: inline-block;
  width: 40px;
  height: 44px;
  line-height: 44px;}

.mean-container .mean-nav ul li a.mean-expand:hover{color: #0e1133;}

.mean-container .mean-nav > ul > li:first-child > a{border-top: 0;}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked{color: #0e1133;}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i{transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  color: #0e1133;}

/*----------------------------------------*/
/*  03. HERO CSS START
/*----------------------------------------*/
.hero__height{min-height: 950px;}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.hero__height{  min-height: 850px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.hero__height{  min-height: 750px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.hero__height{  min-height: 1100px;}
}
@media (max-width: 575px){
	.hero__height{min-height: 850px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.hero__height-2{  min-height: 1350px;}
}
@media (max-width: 575px){
	.hero__height-2{min-height: 850px;}
}
.hero__title{font-size: 60px; line-height: 1;}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.hero__title{font-size: 55px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.hero__title{font-size: 45px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.hero__title{font-size: 35px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.hero__title{font-size: 50px;}
}
@media (max-width: 575px){
	.hero__title{font-size: 30px;}
}
.hero__title span:first-child{font-weight: 300;
  display: block;}
.hero__title span.yellow-shape{position: relative;
  z-index: 1;}
.hero__title span.yellow-shape img{position: absolute;
  bottom: 22px;
  left: -8px;
  z-index: -1;
  -webkit-animation: section-animation 3s infinite;
  animation: section-animation 3s infinite;}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.hero__title span.yellow-shape img{  bottom: 12px; height: 40% !important;}
}
.hero__title-2{margin-bottom: 20px;}
.hero__content p{font-size: 22px;
  color: #0e1133;
  padding-right: 130px;
  line-height: 30px;
  margin-bottom: 28px;}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.hero__content p{padding-right: 30px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.hero__content p{padding-right: 0px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.hero__content p{padding-right: 0px;}
}
@media (max-width: 575px){
	.hero__content p{padding-right: 0px;}
}
.hero__content-2 h4{font-size: 22px;
  margin-bottom: 0;}
.hero__content-2 p{color: #53545b;
  font-size: 16px;
  margin-bottom: 37px;}
.hero__thumb{z-index: 1;}
.hero__thumb-big{position: relative;}
.hero__thumb-big img{max-width: 400px;
  max-height: 460px;
  -webkit-border-radius: 40px 4px 40px 4px;
  -moz-border-radius: 40px 4px 40px 4px;
  border-radius: 40px 4px 40px 4px;
  -webkit-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  -moz-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.hero__thumb-big img{  width: 100%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.hero__thumb-big img{  margin-top: 50px;
    width: 100%;}
}
@media (max-width: 575px){
	.hero__thumb-big img{margin-top: 50px; width: 100%;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.hero__thumb-sm{  margin-left: -50px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.hero__thumb-sm{  margin-left: -160px; margin-top: -95px;}
}
.hero__thumb-sm img{max-width: 200px;
  max-height: 240px;
  -webkit-border-radius: 4px 40px 4px 40px;
  -moz-border-radius: 4px 40px 4px 40px;
  border-radius: 4px 40px 4px 40px;
  -webkit-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  -moz-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);}
.hero__thumb-shape img{position: absolute; z-index: -1;}
.hero__thumb-shape img.hero-1-dot{bottom: -25px;
  left: -30px;
  -webkit-animation: hero-dot-1 5s linear 0s infinite alternate;
  -moz-animation: hero-dot-1 5s linear 0s infinite alternate;
  -o-animation: hero-dot-1 5s linear 0s infinite alternate;
  animation: hero-dot-1 5s linear 0s infinite alternate;}
.hero__thumb-shape img.hero-1-circle-3{bottom: -47px; right: 1%;}
.hero__thumb-shape img.hero-1-circle-4{top: -50px; right: 10%;}
.hero__thumb-2{position: relative; z-index: 1;}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.hero__thumb-2 img.hero-big{width: 100%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.hero__thumb-2 img.hero-big{width: 100%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.hero__thumb-2 img.hero-big{width: 100%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.hero__thumb-2 img.hero-big{width: 100%;}
}
@media (max-width: 575px){
	.hero__thumb-2 img.hero-big{width: 100%;}
}
.hero__thumb-2 img.hero-shape-purple{position: absolute;
  left: 0;
  bottom: 19%;
  z-index: -1;}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.hero__thumb-2 img.hero-shape-purple{width: 100%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.hero__thumb-2 img.hero-shape-purple{width: 100%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.hero__thumb-2 img.hero-shape-purple{width: 100%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.hero__thumb-2 img.hero-shape-purple{width: 100%;}
}
@media (max-width: 575px){
	.hero__thumb-2 img.hero-shape-purple{width: 100%;}
}
.hero__quote{position: absolute;
  bottom: 60px;
  right: -200px;
  padding: 15px 25px;
  padding-bottom: 20px;
  background: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  -moz-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.hero__quote{right: -145px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.hero__quote{  right: 60px; bottom: -50px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.hero__quote{right: 30px; bottom: -50px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.hero__quote{right: 30px; bottom: -50px;}
}
@media (max-width: 575px){
	.hero__quote{  right: 15px; bottom: -50px;}
}
.hero__quote span{font-size: 14px;
  color: #474956;}
.hero__quote h4{font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1;}
.hero__quote-animation{animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: hero-bounce;}
.hero__shape img{position: absolute;}
.hero__shape img.hero-1-circle{top: 25%;
  left: 5%;
  -webkit-animation: hero-circle-1 6s linear 0s infinite alternate;
  -moz-animation: hero-circle-1 6s linear 0s infinite alternate;
  -o-animation: hero-circle-1 6s linear 0s infinite alternate;
  animation: hero-circle-1 6s linear 0s infinite alternate;}
.hero__shape img.hero-1-circle-2{bottom: 29%;
  left: 0;}
.hero__shape img.hero-1-dot-2{right: 0;
  bottom: 38%;}
.hero__search-input{position: relative;
  width: 370px;}
@media (max-width: 575px){
	.hero__search-input{width: 100%;}
}
.hero__search-input input{width: 100%;
  height: 54px;
  line-height: 54px;
  padding: 0 24px;
  padding-right: 35px;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none;
  border: none;}
.hero__search-input input::placeholder{color: #8d8e9a;}
.hero__search-input button{position: absolute;
  top: 50%;
  right: 24px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  background: transparent;}
.hero__search-input button i::after{color: #0e1133;
  opacity: 1;}
.hero__search-input button i::before{color: #8c8faa;}
.hero__search p{font-size: 16px;
  color: #6d6e75;}
.hero__promotion{position: absolute !important;
  left: -7% !important;
  top: 44% !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  -moz-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  padding: 15px 20px;
  padding-bottom: 10px;}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.hero__promotion{left: 20% !important; top: 71% !important;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.hero__promotion{left: 9% !important; top: 71% !important;}
}
@media (max-width: 575px){
	.hero__promotion{left: 9% !important; top: 52% !important;}
}
.hero__promotion.education{bottom: 28% !important;
  top: auto !important;
  left: -11% !important;}
.hero__promotion-icon span{display: inline-block;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ff7921;}
.hero__promotion-icon span svg{height: 24px;
  fill: #ffffff;}
.hero__promotion-icon span.cap{background: #5773ff;}
.hero__promotion-text h5{font-size: 16px;
  margin-bottom: 0;}
.hero__promotion-text p{font-size: 14px;
  color: #474956;
  margin-bottom: 0;}
.hero__class{position: absolute;
  left: auto !important;
  top: auto !important;
  bottom: 33%;
  right: -12%;
  -webkit-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  -moz-box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  box-shadow: 0px 30px 60px 0px rgba(1, 11, 60, 0.14);
  background: rgba(255, 255, 255, 0.9);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.hero__class{right: -5%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.hero__class{right: 1%; bottom: 15%;}
}
.hero__class-thumb img{width: 34px;
  height: 34px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;}
.hero__class-text h5{font-size: 16px;
  margin-bottom: 0;}
.hero__class-text p{font-size: 14px;
  color: #474956;
  margin-bottom: 0;}
.hero__class-text a{display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  font-weight: 500;
  padding: 0 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #e233fb;}
.hero__mic{position: absolute;
  top: 30%;
  right: 10%;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: hero-bounce;}
.hero__mic span{display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #ff3c4e;
  -webkit-box-shadow: 0px 14px 30px 0px rgba(131, 2, 14, 0.2);
  -moz-box-shadow: 0px 14px 30px 0px rgba(131, 2, 14, 0.2);
  box-shadow: 0px 14px 30px 0px rgba(131, 2, 14, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;}
.hero__mic span svg{height: 28px;
  fill: #ffffff;}

@keyframes hero-dot-1{0%{transform: translateY(-100px);}
  100%{  transform: translateY(0px);}
}
@keyframes hero-bounce{0%, 20%, 50%, 80%, 100%{  transform: translateY(0);}
  40%{  transform: translateY(-30px);}
  60%{  transform: translateY(-15px);}
}
@keyframes hero-circle-1{0%{  -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
  100%{  -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);}
}

.cta__inner{padding: 50px 100px 53px 70px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 20px 40px 0px rgba(0, 4, 48, 0.7);
  -moz-box-shadow: 0px 20px 40px 0px rgba(0, 4, 48, 0.7);
  box-shadow: 0px 20px 40px 0px rgba(0, 4, 48, 0.7);
  position: relative;
  z-index: 1;}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.cta__inner{  padding-left: 40px; padding-right: 40px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.cta__inner{  padding-left: 40px; padding-right: 40px;}
}
@media (max-width: 575px){
	.cta__inner{padding-right: 30px;
    padding-left: 30px;
    padding-top: 25px;
    padding-bottom: 25px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.cta__inner-2{  padding-right: 50px;padding-left: 50px;}
}
.cta__inner-3{padding-left: 100px;
  padding-right: 100px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.cta__inner-3{  padding-left: 80px; padding-right: 80px;}
}
@media (max-width: 575px){
	.cta__inner-3{padding-left: 25px; padding-right: 25px;}
}
.cta__shape img{position: absolute;
  bottom: -48px;
  right: -148px;}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.cta__shape img{right: -80%;}
}
@media (max-width: 575px){
	.cta__shape img{right: -170%;}
}
.cta__shape-3 img{position: absolute;}
.cta__shape-3 img.cta-2{left: -117px;
  top: -77px;}
.cta__shape-3 img.cta-3{right: -16px;
  top: 100px;}
.cta__title{position: relative;
  z-index: 1;
  font-size: 46px;
  color: #ffffff;
  margin-bottom: 0;}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.cta__title{font-size: 45px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.cta__title{font-size: 40px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.cta__title{font-size: 31px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.cta__title{font-size: 35px;}
}
@media (max-width: 575px){
	.cta__title{font-size: 25px;}
}
.cta__title-2{font-size: 40px;
  margin-bottom: 33px;}
.cta__content span{font-size: 16px;
  color: #ffffff;
  font-weight: 500;
  display: inline-block;
  padding: 0 10px;
  height: 22px;
  line-height: 22px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #f2277e;
  margin-bottom: 14px;}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.cta__more{margin-top: 30px;}
}
@media (max-width: 575px){
	.cta__more{margin-top: 30px;}
}
.cta__apps a{display: inline-block;
  height: 54px;
  line-height: 52px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  padding: 0 20px;
  padding-right: 26px;}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.cta__apps a{margin-bottom: 10px;}
}
.cta__apps a i{margin-right: 2px;}
.cta__apps a:hover, .cta__apps a.active{color: #0e1133;
  border-color: #ffffff;
  background: #ffffff;
  -webkit-box-shadow: 0px 16px 24px 0px rgba(107, 25, 0, 0.3);
  -moz-box-shadow: 0px 16px 24px 0px rgba(107, 25, 0, 0.3);
  box-shadow: 0px 16px 24px 0px rgba(107, 25, 0, 0.3);}
.cta__form-inner{margin-bottom: 13px;}
.cta__form-inner input{width: 325px;
  height: 56px;
  line-height: 56px;
  font-size: 15px;
  padding: 0 22px;
  padding-top: 2px;
  font-size: 15px;
  outline: none;
  background: #ffffff;
  border: 2px solid #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: 20px;}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.cta__form-inner input{width: 290px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.cta__form-inner input{margin-bottom: 20px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.cta__form-inner input{margin-bottom: 20px; width: 100%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.cta__form-inner input{margin-bottom: 20px; width: 100%;}
}
@media (max-width: 575px){
	.cta__form-inner input{margin-bottom: 20px; width: 100%;}
}
.cta__form-inner input::placeholder{color: #6d6e75;}
.cta__form-inner input:focus{border-color: #2b4eff;}
.cta__form-inner button{height: 56px;
  line-height: 56px;}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.cta__form-inner button{width: 100%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.cta__form-inner button{width: 100%;}
}
@media (max-width: 575px){
	.cta__form-inner button{width: 100%;}
}
.cta__agree{padding-left: 5px;}
.cta__agree input{margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 16px;
  height: 16px;
  background: #ffffff;
  border: 1px solid #b9bac1;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}
.cta__agree input:checked{position: relative;
  background-color: #2b4eff;
  border-color: transparent;}
.cta__agree input:checked::after{box-sizing: border-box;
  content: "\f00c";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  color: #ffffff;
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}
.cta__agree input:hover{cursor: pointer;}
.cta__agree label{padding-left: 8px;
  color: #53545b;}
.cta__agree label a{color: #0e1133;
  font-weight: 600;}
.cta__agree label a:hover{color: #2b4eff;}
.cta__agree label:hover{cursor: pointer;}

.services__item{position: relative;
  padding: 20px 20px;
  padding-bottom: 35px;
  -webkit-box-shadow: 0px 30px 40px 0px rgba(3, 24, 128, 0.2);
  -moz-box-shadow: 0px 30px 40px 0px rgba(3, 24, 128, 0.2);
  box-shadow: 0px 30px 40px 0px rgba(3, 24, 128, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.services__item{padding-left: 25px; padding-right: 25px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.services__item{padding-left: 15px; padding-right: 15px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.services__item{padding-left: 25px; padding-right: 25px;}
}
.services__item:hover{-webkit-transform: translateY(-5px) translate3d(0, -5px, 0);
  -moz-transform: translateY(-5px) translate3d(0, -5px, 0);
  -ms-transform: translateY(-5px) translate3d(0, -5px, 0);
  transform: translateY(-5px) translate3d(0, -5px, 0);}
.services__item:hover .link-btn-2{bottom: 10px;
  visibility: visible;
  opacity: 1;}
.services__title{font-size: 22px;
  color: #ffffff;
  margin-bottom: 15px;
  padding-top: 15px;}
.services__icon{margin-bottom: 43px;}
.services__icon svg{width: 50px;
  height: 50px;}
.services__icon svg path{fill: #ffffff;}
.services__content{position: relative;}
.services__content p{color: #ffffff;
  opacity: 0.8;
  line-height: 22px;
  margin-bottom: 5px;}
.services__content .link-btn-2{position: absolute;
  right: 15px;
  bottom: 20px;
  visibility: hidden;
  opacity: 0;
  color: #ffffff;}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.services__content .link-btn-2{left: 15px;}
}
.services__content .link-btn-2:hover{border-color: #ffffff;}

.about__thumb img{width: 370px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;}
@media (max-width: 575px){.about__thumb img{  width: 100%;}
}
.about__thumb-wrapper{position: relative;}
@media (max-width: 575px){
	.about__banner{margin-top: -25px;}
}
.about__banner img{-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  max-width: 240px;}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.about__content{padding-left: 55px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.about__content{  margin-top: 50px; padding-left: 0px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.about__content{margin-top: 50px; padding-left: 0px;}
}
@media (max-width: 575px){
	.about__content{  margin-top: 50px;
    padding-left: 0px;
    padding-right: 0;}
}
@media (max-width: 575px){
	.about__student{  margin-top: 20px; margin-left: 0;}
}
.about__student img{height: 36px;
  width: 36px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #ffffff;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);}
.about__student img + img{margin-left: -12px;}
.about__student p{margin-top: 4px;
  margin-bottom: 0;}
.about__student p span{font-weight: 600;
  color: #0e1133;}
.about__review{position: absolute;
  left: -25px;
  top: 100px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);}
.about__review h5{font-size: 16px;
  font-weight: 400;
  color: #6d6e75;
  margin-bottom: 0;}
.about__review h5 span{font-weight: 600;
  color: #0e1133;}
.about__list ul li{font-size: 16px;
  font-weight: 500;
  color: #0e1133;
  margin-bottom: 5px;}
.about__list ul li i{font-size: 16px;
  color: #30a820;
  padding-right: 9px;}


.blog__item{-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.1);}
.blog__item:hover .blog__thumb img{-webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);}
.priority-card{-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(1, 11, 60, 0.2);
  -moz-box-shadow: 0px 5px 15px 0px rgba(1, 11, 60, 0.2);
  box-shadow: 0px 5px 15px 0px rgba(1, 11, 60, 0.2);
  transition: .2s all;}
.priority-card:hover{box-shadow: 0px 5px 15px 0px rgba(1, 11, 60, 0.35);}
.priority-card:hover .blog__thumb img{-webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);}
.box-shw{box-shadow: 0px 5px 15px 0px rgba(1, 11, 60, 0.38);}
.box-shw:hover{box-shadow: 0px 5px 17px 0px rgba(1, 11, 60, 0.48);}
.blog__title{font-size: 20px;
  margin-bottom: 15px;}
.blog__thumb img{
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.blog__title{font-size: 18px;}
}
.blog__title a:hover{color: #2b4eff;}
.blog__content{padding: 25px;
  padding-bottom: 30px;}
.blog__tag {margin-bottom: 13px; display: flex;}
.blog__tag a, .blog__tag span{display: inline-block;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #0fa0dd;
  background: rgba(15, 160, 221, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  padding: 0 6px;}
.blog__tag a:hover{background: #0fa0dd;
  color: #ffffff;}
.blog__tag a.purple, .blog__tag span.purple{background: rgba(131, 48, 254, 0.1);
  color: #8330fe;}
.blog__tag a.purple:hover, .blog__tag span.purple:hover{background: #8330fe;
  color: #ffffff;}
.blog__tag a.pink, .blog__tag span.pink{background: rgba(242, 39, 126, 0.1);
  color: #f2277e;}
.blog__tag a.pink:hover, .blog__tag span.pink:hover{background: #f2277e;
  color: #ffffff;}
.blog__tag a.green, .blog__tag span.green{background: rgba(48, 168, 32, 0.1);
  color: #30a820;}
.blog__tag a.green:hover, .blog__tag span.green:hover{background: #30a820;
  color: #ffffff;}
.blog__tag a.orange, .blog__tag span.orange{background: rgba(250, 121, 25, 0.1);
  color: #fa7919;}
.blog__tag a.orange:hover, .blog__tag span.orange:hover{background: #fa7919;
  color: #ffffff;}
.blog__tag a.blue, .blog__tag span.blue{background: rgba(43, 78, 255, 0.1);
  color: #2b4eff;}
.blog__tag a.blue:hover, .blog__tag span.blue:hover{background: #2b4eff;
  color: #ffffff;}
.blog__tag-2 a{display: inline-block;
  height: 30px;
  line-height: 32px;
  color: #53545b;
  font-weight: 500;
  background: #f3f4f8;
  padding: 0 12px;
  font-size: 15px;
  margin-right: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}
.blog__tag-2 a:hover{background: #2b4eff;
  color: #ffffff;}
.blog__author-thumb img{width: 35px;
  height: 35px;
  border: 2px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);}
.blog__author-thumb-3 img{width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;}
.blog__author-info h5{font-size: 15px;
  font-weight: 500;
  color: #53545b;
  margin-bottom: 0;}
.blog__author-info-2 h5{color: #ffffff;}
.blog__author-3{padding: 30px;
  padding-bottom: 35px;
  padding-right: 60px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}
@media (max-width: 575px){
	.blog__author-content{margin-top: 25px;}
}
.blog__author-content h4{font-size: 16px;
  margin-bottom: 0;}
.blog__author-content span{color: #53545b;
  display: inline-block;
  margin-bottom: 10px;}
.blog__author-content p{font-size: 20px;
  line-height: 1.2;
  color: #0e1133;
  margin-bottom: 0;}
.blog__date i{color: #53545b;
  margin-right: 10px;}
.blog__date span{font-size: 14px;
  color: #53545b;
  font-weight: 500;}
.blog__date-2 i{color: #ffffff;}
.blog__date-2 span{color: #ffffff;}
.blog__text h3{font-size: 30px;
  margin-bottom: 12px;}
.blog__text p{font-size: 18px;
  line-height: 28px;
  color: #53545b;
  margin-bottom: 27px;}
.blog__quote{padding: 40px 50px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}
@media (max-width: 575px){
	.blog__quote{padding: 20px 30px;}
}
.blog__quote blockquote{margin-bottom: 0;}
.blog__quote p{font-size: 24px;
  color: #0e1133;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 25px;}
.blog__quote h4{font-size: 20px;
  padding-left: 30px;
  position: relative;
  margin-bottom: 0;}
.blog__quote h4::after{position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 19px;
  height: 2px;
  background: #0e1133;}
.blog__quote img.quote{position: absolute;
  bottom: -34px;
  right: 50px;}
.blog__link p{font-size: 26px;
  line-height: 1.4;
  font-weight: 500;
  color: #0e1133;}
@media (max-width: 575px){
	.blog__link p{font-size: 24px;}
}
.blog__link p a{color: #2b4eff;}
.blog__img img{-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;}
@media (max-width: 575px){
	.blog__social{margin-top: 30px;}
}
.blog__social h4{font-size: 20px;
  font-weight: 600;
  margin-bottom: 0px;
  margin-right: 10px;}
.blog__social ul li{display: inline-block;
  margin-left: 5px;}
.blog__social ul li a{display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 44px;
  text-align: center;
  font-size: 13px;
  color: #0e1133;
  background: #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}
.blog__social ul li a.fb{color: #285da1;
  background: rgba(40, 93, 161, 0.1);}
.blog__social ul li a.fb:hover{color: #ffffff;
  background: #285da1;}
.blog__social ul li a.tw{color: #03a9f4;
  background: rgba(3, 169, 244, 0.1);}
.blog__social ul li a.tw:hover{color: #ffffff;
  background: #03a9f4;}
.blog__social ul li a.pin{color: #d8163f;
  background: rgba(216, 22, 63, 0.1);}
.blog__social ul li a.pin:hover{color: #ffffff;
  background: #d8163f;}
.blog__line{margin-bottom: 28px;
  width: 100%;
  height: 1px;
  background: #f0f0f5;}
.blog__comment h3{font-size: 26px;
  font-weight: 600;
  margin-bottom: 40px;}
.blog__comment-input input, .blog__comment-input textarea{width: 100%;
  height: 56px;
  line-height: 56px;
  border: 2px solid #f3f4f8;
  background: #f3f4f8;
  color: #0e1133;
  font-size: 15px;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 0 24px;}
.blog__comment-input input::placeholder, .blog__comment-input textarea::placeholder{font-size: 15px;
  color: #6d6e75;}
.blog__comment-input input:focus, .blog__comment-input textarea:focus{background: #ffffff;
  border-color: #2b4eff;}
.blog__comment-input textarea{height: 180px;
  resize: none;
  line-height: 1.2;
  padding: 23px;
  padding-top: 19px;
  margin-bottom: 13px;}
.blog__comment-agree{padding-left: 5px;}
.blog__comment-agree input{margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 14px;
  height: 14px;
  background: #ffffff;
  border: 1px solid #b9bac1;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}
.blog__comment-agree input:checked{position: relative;
  background-color: #2b4eff;
  border-color: transparent;}
.blog__comment-agree input:checked::after{box-sizing: border-box;
  content: "\f00c";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  color: #ffffff;
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}
.blog__comment-agree input:hover{cursor: pointer;}
.blog__comment-agree label{padding-left: 8px;
  color: #53545b;}
.blog__comment-agree label a{color: #0e1133;
  font-weight: 600;
  padding-left: 4px;}
.blog__comment-agree label a:hover{color: #2b4eff;}
.blog__comment-agree label:hover{cursor: pointer;}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.blog__sidebar{padding-left: 0;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.blog__sidebar{padding-left: 0; margin-top: 50px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.blog__sidebar{padding-left: 0; margin-top: 50px;}
}
@media (max-width: 575px){
	.blog__sidebar{padding-left: 0; margin-top: 0px;}
}

.sidebar__widget-title{font-size: 20px;
  padding-bottom: 7px;
  border-bottom: 1px solid #f0f0f5;}
.sidebar__search input{width: 100%;
  height: 60px;
  line-height: 56px;
  background: #f3f4f8;
  border: 2px solid #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-left: 30px;
  padding-right: 45px;}
.sidebar__search input::placeholder{color: #8d8e9a;
  font-weight: 500;}
.sidebar__search button{position: absolute;
  top: 50%;
  right: 20px;
  left: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
.sidebar__search button svg{width: 18px;
  height: 18px;}
.sidebar__search button svg .st0{fill: #8c8faa;}
.sidebar__search button svg .st1{fill: #0e1133;}
.sidebar__category ul li:not(:last-child){margin-bottom: 15px;}
.sidebar__category ul li a{font-size: 16px;
  font-weight: 500;
  color: #53545b;
  padding-left: 20px;
  position: relative;}
.sidebar__category ul li a::after{position: absolute;
  content: "";
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  background: #adaeba;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;}
.sidebar__category ul li a:hover{color: #2b4eff;}
.sidebar__category ul li a:hover::after{background: #2b4eff;}
.sidebar__tag a{display: inline-block;
  height: 36px;
  line-height: 38px;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 500;
  color: #53545b;
  background: #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-right: 8px;
  margin-bottom: 10px;}
.sidebar__tag a:hover{color: #ffffff;
  background: #2b4eff;}

.rc__post:not(:last-child){margin-bottom: 30px;}
.rc__meta span{color: #53545b;
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  margin-bottom: 10px;}
.rc__thumb img{width: 75px;
  height: auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;}
.rc__title{font-size: 18px;
  color: #0e1133;
  margin-bottom: 0px;
  font-weight: 600;
  line-height: 1.1;}
.rc__title a:hover{color: #2b4eff;}

.latest-comments h3{font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;}
.latest-comments ul li{margin-bottom: 10px;}
.latest-comments ul li.children{margin-left: 100px;}
@media (max-width: 575px){
	.latest-comments ul li.children{margin-left: 15px;}
}

.latest-comments ul li ul li.children-2{margin-left: 100px; margin-top: 10px;}
@media (max-width: 575px){
	.latest-comments ul li ul li.children-2{margin-left: 15px;}
}

.comments-box{-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 30px;
  padding-right: 40px;
  padding-top: 25px;}

.comments-avatar img{width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;}
.avatar-name{margin-bottom: 5px;}
.avatar-name h5{font-size: 16px;
  line-height: 1;
  margin-bottom: 0;}
.avatar-name span{font-size: 14px; color: #53545b;}
@media (max-width: 575px){
	.comments-text{  margin-left: 0; margin-top: 15px;}
}

.comments-text p{font-size: 16px;
  color: #53545b;
  margin-bottom: 15px;}

.comments-replay{margin-top: 10px;}
.comments-replay a{display: inline-block;
  color: #2b4eff;
  background: rgba(43, 78, 255, 0.1);
  height: 20px;
  line-height: 22px;
  padding: 0 8px;
  font-weight: 500;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}
.comments-replay a:hover{color: #ffffff;
  background: #2b4eff;}

.slider__wrapper .swiper-slide-active span, .slider__wrapper .swiper-slide-active p, .slider__wrapper .swiper-slide-active a, .slider__wrapper .swiper-slide-active .slider__title{opacity: 1;
  transform: translateY(0);}
.slider__height{min-height: 950px;}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.slider__height{min-height: 700px;}
}
@media (max-width: 575px){
	.slider__height{min-height: 600px;}
}
.slider__overlay{position: relative;}
.slider__overlay::after{position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 3, 32, 0.66);}
.slider__content{position: relative;
  z-index: 1;}
.slider__content span{font-size: 18px;
  color: #ffb352;
  margin-bottom: 12px;
  display: inline-block;}
.slider__content p{font-size: 22px;
  line-height: 30px;
  padding-right: 160px;
  margin-bottom: 28px;
  opacity: 0.7;
  color: #ffffff;}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.slider__content p{  padding-right: 0;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.slider__content p{  padding-right: 0;}
}
@media (max-width: 575px){
	.slider__content p{padding-right: 0;}
}
.slider__content > span, .slider__content p, .slider__content a{position: relative;
  z-index: 1;
  transform: translateY(70px);
  transition: 1s;
  opacity: 0;}
.slider__title{font-size: 70px;
  color: #ffffff;
  line-height: 1.05;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  transform: translateY(70px);
  transition: 1s;
  opacity: 0;}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.slider__title{font-size: 50px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.slider__title{font-size: 40px;}
}
@media (max-width: 575px){
	.slider__title {font-size: 36px;}
  .slider__content p{font-size: 18px!important;}
}
.slider__title span{font-size: 70px;
  color: #ffffff;
  position: relative;
  margin-bottom: 0;}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.slider__title span{font-size: 50px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.slider__title span{font-size: 40px;}
}
@media (max-width: 575px){
	.slider__title span{font-size: 30px;}
}
.slider__title span img{position: absolute;
  left: -14px;
  bottom: 11px;
  z-index: -1;
  -webkit-animation: section-animation 3s infinite;
  animation: section-animation 3s infinite;}
@media (max-width: 575px){
	.slider__title span img{height: 15px; bottom: 0;}
}
.slider__btn{height: 50px;
  line-height: 48px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  padding: 0 22px;
  background: transparent;}
.slider__btn:hover{background: #ffffff;
  color: #000320;
  border-color: #ffffff;}
.slider__nav{position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;}
.slider__nav-item{background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100px;
  transition: height 0.3s ease-in-out;
  position: relative;}
.slider__nav-item:hover{cursor: pointer;}
.slider__nav-item::after{position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(247, 100, 30, 0.8);}
.slider__nav-item.blue-bg::after{background: rgba(45, 105, 240, 0.8);}
.slider__nav-item.pink-bg::after{background: rgba(221, 36, 110, 0.8);}
.slider__nav-item.green-bg::after{background: rgba(12, 174, 116, 0.8);}
.slider__nav-content{position: relative;
  z-index: 1;
  padding: 80px 50px;}
.nav-content{z-index: 1;
  padding: 80px 50px;}
.nav-content h4{
  font-size: 42px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0;}

@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.slider__nav-content{padding-left: 25px; padding-right: 25px;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.slider__nav-content{padding: 15px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.slider__nav-content{padding: 15px;}
}
.slider__nav-content span{display: inline-block;
  font-size: 15px;
  color: #ffffff;
  opacity: 0.8;}
.slider__nav-content h4{font-size: 42px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0;}

.noticia__item{-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;}
.noticia__item:hover{background: #ffffff;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 10px 20px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 10px 20px 0px rgba(1, 11, 60, 0.15);}
.noticia__item-2{-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ffffff;
  -webkit-box-shadow: 0px 7px 14px 0px rgba(1, 11, 60, 0.15);
  -moz-box-shadow: 0px 7px 14px 0px rgba(1, 11, 60, 0.15);
  box-shadow: 0px 7px 14px 0px rgba(1, 11, 60, 0.15);}
.noticia__item-2:hover{background: #ffffff;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(1, 11, 60, 0.3);
  -moz-box-shadow: 0px 10px 20px 0px rgba(1, 11, 60, 0.3);
  box-shadow: 0px 10px 20px 0px rgba(1, 11, 60, 0.3);}
.noticia__content span{font-size: 16px;
  color: #53545b;}
.noticia__title{display: inline-block;
  font-size: 20px;
  margin-bottom: 10px;}
.noticia__social ul li{display: inline-block;
  margin: 0 5px;}
.noticia__social ul li a{display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  text-align: center;
  border: 2px solid #d7d9e3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #0e1133;}
.noticia__social ul li a:hover{background: #2b4eff;
  color: #ffffff;
  border-color: #2b4eff;}
.noticia__content{  padding: 25px 30px; background-color: #FFF;}
.noticia__tag, .course__tag{  position: absolute;
    top: 20px;
    left: 20px;}
.noticia__tag a.violeta, .noticia__tag span.violeta{  background: #93278f;}
.course__tag a.virtual, .course__tag span.virtual{  background: #00cac7;}
.course__tag a.presencial, .course__tag span.presencial{  background: #ff7bac;}
.noticia__tag a, .course__tag a, .noticia__tag span, .course__tag span{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background: #b128ff;
    padding: 0 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.noticia__social-2{margin-bottom: 30px;}
}
@media (max-width: 575px){
	.noticia__social-2{margin-bottom: 30px;}
}
.noticia__social-2 h4{font-size: 16px;
  font-weight: 500;
  color: #53545b;
  margin-bottom: 0;}
.noticia__social-2 ul li{display: inline-block;}
.noticia__social-2 ul li a{font-size: 14px;
  color: #898a93;}
.noticia__social-2 ul li a:hover{color: #2b4eff;}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.noticia__rating{  margin-bottom: 30px;}
}
@media (max-width: 575px){
	.noticia__rating{margin-bottom: 30px;}
}
.noticia__rating span{font-size: 16px;}
.noticia__rating span i{padding-right: 5px;
  color: #ff9415;}
.noticia__rating h5{font-size: 14px;
  color: #53545b;
  font-weight: 600;
  margin-bottom: 0;}
.noticia__rating ul li{display: inline-block;}
.noticia__rating ul li a{font-size: 14px;
  color: #ff9415;}
.noticia__rating-inner p{font-size: 16px;
  color: #0e1133;
  font-weight: 600;
  margin-bottom: 0;
  padding-left: 3px;}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.noticia__info{  margin-bottom: 30px;}
}
@media (max-width: 575px){
	.noticia__info{margin-bottom: 30px;}
}
.noticia__info h4{font-size: 40px;
  margin-bottom: 0;}
.noticia__info span{font-size: 16px;
  color: #53545b;}
.noticia__follow-btn{display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0 25px;
  border: 2px solid #eef0f6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #0e1133;
  font-weight: 16px;
  font-weight: 500;
  text-transform: capitalize;
  background: #ffffff;}
.noticia__follow-btn:hover{background: #2b4eff;
  color: #ffffff;
  border-color: #2b4eff;}
.noticia__top{padding-bottom: 20px;
  border-bottom: 1px solid #e8eaf0;}
.noticia__bio{padding-bottom: 50px;
  padding-top: 35px;
  border-bottom: 1px solid #e8eaf0;}
.noticia__bio h3{font-size: 20px;
  margin-bottom: 15px;}
.noticia__bio p{font-size: 16px;
  line-height: 26px;
  color: #53545b;
  margin-bottom: 0;}
.noticia__courses .section__title{font-size: 30px;}
.noticia__details-thumb img{-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.noticia__details-thumb{margin-bottom: 50px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.noticia__details-thumb{margin-bottom: 50px;}
}
@media (max-width: 575px){
	.noticia__details-thumb{  margin-bottom: 50px; padding-right: 0;}
.course__sidebar{margin-top: 0px; padding-left: 0;}
}
.noticia__details-shape img{position: absolute;
  z-index: -1;
  width: auto;}
.noticia__details-shape img.noticia-details-shape-1{right: 0px;
  bottom: 70px;}
.noticia__details-shape img.noticia-details-shape-2{left: -27px;
  top: 55px;}
.course__sidebar-widget{-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 27px 30px;
  padding-bottom: 24px;
  margin-bottom: 3px;}
.grey-bg{background: #f3f4f8;}
.course__sidebar-check label{font-size: 15px;
  font-weight: 500;
  color: #53545b;
  padding-left: 14px;}
.course__sidebar-search input{width: 100%;
  height: 60px;
  line-height: 58px;
  padding: 0 30px;
  padding-right: 45px;
  background: #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #f3f4f8;
  outline: none;}

.page__title{font-size: 70px;
  color: #ffffff;
  line-height: 73px;
  margin-bottom: 0;}
.font60{font-size: 60px; line-height: 63px;}
@media (max-width: 575px){
	.page__title{  font-size: 36px; line-height: 40px;}
  .font60{font-size: 32px; line-height: 36px;}
}
.page__title-2{font-size: 60px;
  line-height: 1.17;
  color: #ffffff;
  margin-bottom: 20px;}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.page__title-2{  font-size: 50px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.page__title-2{  font-size: 45px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.page__title-2{  font-size: 33px;}
}
@media (max-width: 575px){
	.page__title-2{font-size: 35px;}
}
.page__title-3{font-size: 50px;
  line-height: 1.1;
  margin-top: 12px;}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.page__title-3{font-size: 40px;}
}
@media (max-width: 575px){
	.page__title-3{font-size: 26px;}
}
.page__title-pre, .blog__tag .page__title-pre{display: inline-block;
  height: 24px;
  line-height: 26px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  background: #93278f;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0 7px;
  margin-bottom: 12px;}
.page__title-pre.purple-bg{background: #b128ff;}
.page__title-wrapper{position: relative;
  z-index: 1;}
.page__title-wrapper .breadcrumb{margin-bottom: 0;}
.page__title-wrapper .breadcrumb .breadcrumb-item.active{font-size: 15px;
  color: #ffffff;}
.page__title-wrapper .breadcrumb .breadcrumb-item.active::before{content: ".";
  font-family: "aesthet-nova", sans-serif;
  font-size: 30px;
  color: #ffffff;
  line-height: 18px;
  padding-right: 13px;}
.page__title-wrapper .breadcrumb .breadcrumb-item a{font-size: 15px;
  font-weight: 400;
  color: #ffffff;}
.page__title-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item{padding-left: 13px;}
.page__title-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item::before{content: ".";
  font-family: "aesthet-nova", sans-serif;
  font-size: 30px;
  color: #ffffff;
  line-height: 18px;
  padding-right: 13px;}
.page__title-height{min-height: 250px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}
.page__title-height-2{min-height: 550px;}
.page__title-overlay{position: relative;}
.page__title-overlay::after{position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 3, 32, 0.6);}
.page__title-shape img{position: absolute;
  z-index: 1;}
.page__title-shape img.page-title-shape-1{left: 0;
  bottom: 105px;}
.page__title-shape img.page-title-shape-2{left: 105px;
  top: 35%;}
@media only screen and (min-width: 1400px) and (max-width: 1600px){
	.page__title-shape img.page-title-shape-2{left: 40px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.page__title-shape img.page-title-shape-2{top: 28%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.page__title-shape img.page-title-shape-2{top: 24%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.page__title-shape img.page-title-shape-2{top: 29%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.page__title-shape img.page-title-shape-2{left: 50px; top: 28%;}
}
@media (max-width: 575px){
	.page__title-shape img.page-title-shape-2{left: 30px; top: 28%;}
}
.page__title-shape img.page-title-shape-3{bottom: 35%; right: 0;}
.page__title-shape img.page-title-shape-4{bottom: 41%; right: 0;}
.page__title-shape img.page-title-shape-5{top: 61%; left: 0; z-index: -1;}
.page__title-shape img.page-title-shape-6{top: 43%; left: 5%; z-index: -1;}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.page__title-shape img.page-title-shape-6{top: 20%; left: 3%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.page__title-shape img.page-title-shape-6{top: 20%; left: 3%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.page__title-shape img.page-title-shape-6{top: 20%; left: 3%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.page__title-shape img.page-title-shape-6{top: 20%; left: 3%;}
}
@media (max-width: 575px){
	.page__title-shape img.page-title-shape-6{  top: 20%; left: 3%;}
}
.page__title-shape img.page-title-shape-7{top: 27%; right: 0; z-index: -1;}
.page__title-shape img.page-title-shape-8{top: 38%; right: 25%; z-index: -1;}
.page__title-breadcrumb .breadcrumb{margin-bottom: 30px;}
.page__title-breadcrumb .breadcrumb .breadcrumb-item{font-size: 14px;
  font-weight: 400;
  color: #53545b;}
.page__title-breadcrumb .breadcrumb .breadcrumb-item.active::before{content: ".";
  font-family: "aesthet-nova", sans-serif;
  font-size: 30px;
  color: #53545b;
  line-height: 18px;
  padding-right: 13px;}
.page__title-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before{content: ".";
  font-family: "aesthet-nova", sans-serif;
  font-size: 30px;
  color: #53545b;
  line-height: 18px;
  padding-right: 13px;}

.contact__form-input input, .contact__form-input textarea{width: 100%;
  height: 56px;
  line-height: 54px;
  padding: 0 23px;
  background: #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #f3f4f8;
  color: #0e1133;
  font-size: 15px;
  margin-bottom: 20px;}
.contact__form-input input::placeholder, .contact__form-input textarea::placeholder{font-size: 15px;
  color: #6d6e75;}
.contact__form-input input:focus, .contact__form-input textarea:focus{border-color: #2b4eff;
  outline: none;
  background: #ffffff;}
.contact__form-input textarea{height: 180px;
  padding: 23px 25px;
  line-height: 1.1;
  resize: none;
  margin-bottom: 13px;}
.contact__form-agree{padding-left: 5px;}
.contact__form-agree input{margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 14px;
  height: 14px;
  background: #ffffff;
  border: 1px solid #b9bac1;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}
.contact__form-agree input:checked{position: relative;
  background-color: #2b4eff;
  border-color: transparent;}
.contact__form-agree input:checked::after{box-sizing: border-box;
  content: "\f00c";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  color: #ffffff;
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}
.contact__form-agree input:hover{cursor: pointer;}
.contact__form-agree label{padding-left: 8px;
  color: #53545b;}
.contact__form-agree label a{color: #0e1133;
  font-weight: 600;
  padding-left: 4px;}
.contact__form-agree label a:hover{color: #2b4eff;}
.contact__form-agree label:hover{cursor: pointer;}
.contact__info-inner{padding: 45px 40px;
  padding-right: 70px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  position: relative;
  z-index: 1;}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.contact__info-inner{  margin-top: 50px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.contact__info-inner{  margin-top: 50px;}
}
@media (max-width: 575px){
	.contact__info-inner{margin-top: 50px; padding-right: 35px;}
}
.contact__info-icon svg{fill: none;
  stroke: #2b4eff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;}
.contact__info-icon svg.map{width: 16px;
  height: 20px;}
.contact__info-icon svg.mail{width: 18px;
  height: 18px;}
.contact__info-icon svg.call{width: 18px;
  height: 18px;}
.contact__info-text h4{font-size: 20px;
  font-weight: 600;
  margin-bottom: 6px;}
.contact__info-text p{margin-bottom: 0;
  color: #53545b;}
.contact__info-text p a:hover{color: #2b4eff;}
.contact__social h4{font-size: 20px;
  font-weight: 600;
  margin-bottom: 13px;}
.contact__social ul li{display: inline-block;
  margin-right: 10px;}
.contact__social ul li a{display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 44px;
  text-align: center;
  font-size: 13px;
  color: #0e1133;
  background: #f3f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}
.contact__social ul li a.fb{color: #285da1;
  background: rgba(40, 93, 161, 0.1);}
.contact__social ul li a.fb:hover{color: #ffffff;
  background: #285da1;}
.contact__social ul li a.tw{color: #03a9f4;
  background: rgba(3, 169, 244, 0.1);}
.contact__social ul li a.tw:hover{color: #ffffff;
  background: #03a9f4;}
.contact__social ul li a.pin{color: #d8163f;
  background: rgba(216, 22, 63, 0.1);}
.contact__social ul li a.pin:hover{color: #ffffff;
  background: #d8163f;}
.contact__icon{margin-bottom: 28px;}
.contact__icon svg{width: 70px;
  height: 70px;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -moz-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -ms-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  -o-transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);
  transition: transform 0.3s cubic-bezier(0.21, 0.6, 0.44, 2.18);}
.contact__icon svg .st0{fill: none;
  stroke: #2B4EFF;
  stroke-width: 0.5;
  stroke-linecap: round;
  stroke-linejoin: round;}
.contact__item{padding: 50px 80px;
  padding-bottom: 62px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 40px 50px 0px rgba(1, 11, 60, 0.08);
  -moz-box-shadow: 0px 40px 50px 0px rgba(1, 11, 60, 0.08);
  box-shadow: 0px 40px 50px 0px rgba(1, 11, 60, 0.08);
  position: relative;
  z-index: 1;}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.contact__item{  padding-left: 30px; padding-right: 30px;}
}
@media (max-width: 575px){
	.contact__item{padding-left: 20px; padding-right: 20px;}
}
.contact__item:hover .contact__icon svg{-webkit-transform: translate3d(0, -10px, 0);
  -moz-transform: translate3d(0, -10px, 0);
  -ms-transform: translate3d(0, -10px, 0);
  -o-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);}
.contact__title{font-size: 26px;
  margin-bottom: 8px;}
.contact__content p{font-size: 16px;
  color: #53545b;
  margin-bottom: 30px;}
.contact__shape img{position: absolute;}
.contact__shape img.contact-shape-1{bottom: 75px;
  left: -30px;
  z-index: -1;}
.contact__shape img.contact-shape-2{top: 30px;
  right: -30px;}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.contact__shape img.contact-shape-2{right: -20px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.contact__shape img.contact-shape-2{right: -20px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.contact__shape img.contact-shape-2{right: -20px;}
}
@media (max-width: 575px){
	.contact__shape img.contact-shape-2{right: 0px;}
}
.contact__shape img.contact-shape-3{right: -45%;
  top: 50%;}
@media only screen and (min-width: 1400px) and (max-width: 1600px){
	.contact__shape img.contact-shape-3{right: -20%;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.contact__shape img.contact-shape-3{right: -10%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.contact__shape img.contact-shape-3{right: -5%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.contact__shape img.contact-shape-3{right: -5%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.contact__shape img.contact-shape-3{right: -5%;}
}
@media (max-width: 575px){
	.contact__shape img.contact-shape-3{right: 0%;}
}
.contact__shape img.contact-shape-4{right: 180px; bottom: -21%;}
.contact__shape img.contact-shape-5{left: 0; bottom: 142px;}

.error__title{font-size: 70px;
  line-height: 0.9;
  margin-bottom: 10px;}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.error__title{font-size: 60px;}
}
@media (max-width: 575px){
	.error__title{  font-size: 37px;}
}
.error__content p{font-size: 20px;
  color: #53545b;
  margin-bottom: 45px;}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.error__thumb img{width: 100%;}
}
@media (max-width: 575px){
	.error__thumb img{width: 100%;}
}

.sign__wrapper{padding: 50px 70px;
  padding-bottom: 45px;
  margin: 0 30px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
  -moz-box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
  box-shadow: 0px 40px 80px 0px rgba(2, 2, 26, 0.14);
  z-index: 11;}
#bg-login{
  background-image: url('img/bg-login.jpg');
  height: 100vh;
  background-position: center;}
@media (max-width: 575px){
	.sign__wrapper{margin: 0; padding: 30px 20px; padding-bottom: 25px;}
}
.sign__shape img{position: absolute; z-index: -1;}
.sign__shape img.man-1{left: 28%; top: 60%; z-index: 1;}
@media only screen and (min-width: 1400px) and (max-width: 1600px){
	.sign__shape img.man-1{left: 19%;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.sign__shape img.man-1{left: 16%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.sign__shape img.man-1{left: 7%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.sign__shape img.man-1{left: 2%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.sign__shape img.man-1{left: 1%;}
}
@media (max-width: 575px){
	.sign__shape img.man-1{display: none;}
}
.sign__shape img.man-2{right: 24%; top: 65%;}
@media only screen and (min-width: 1400px) and (max-width: 1600px){
	.sign__shape img.man-2{top: 55%; right: 20%;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.sign__shape img.man-2{top: 60%; right: 15%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.sign__shape img.man-2{top: 60%; right: 7%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.sign__shape img.man-2{top: 60%; right: 0%;
    z-index: 1;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.sign__shape img.man-2{top: 60%; right: 0%; z-index: 1;}
}
@media (max-width: 575px){
	.sign__shape img.man-2{display: none;}
}
.sign__shape img.man-2.man-22{top: 50%;}
@media only screen and (min-width: 1400px) and (max-width: 1600px){
	.sign__shape img.man-2.man-22{top: 55%; right: 20%;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.sign__shape img.man-2.man-22{top: 60%; right: 15%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.sign__shape img.man-2.man-22{top: 60%; right: 7%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.sign__shape img.man-2.man-22{top: 60%; right: 0%; z-index: 1;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.sign__shape img.man-2.man-22{  top: 60%; right: 0%; z-index: 1;}
}
.sign__shape img.circle{right: 32%;
  top: 38%;
  animation: signCircle 5s linear 0s infinite alternate;
  -webkit-animation: signCircle 5s linear 0s infinite alternate;}
@media only screen and (min-width: 1400px) and (max-width: 1600px){
	.sign__shape img.circle{right: 25%;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.sign__shape img.circle{right: 22%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.sign__shape img.circle{right: 11%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.sign__shape img.circle{right: 4%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.sign__shape img.circle{right: 2%;}
}
@media (max-width: 575px){
	.sign__shape img.circle{display: none;}
}
.sign__shape img.dot{right: 34%;
  top: 43%;
  animation: signDot 5s linear 0s infinite alternate;
  -webkit-animation: signDot 5s linear 0s infinite alternate;}

@media only screen and (min-width: 1400px) and (max-width: 1600px){
	.sign__shape img.dot{right: 29%;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.sign__shape img.dot{right: 26%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.sign__shape img.dot{right: 18%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.sign__shape img.dot{right: 5%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.sign__shape img.dot{right: 3%;}
}
@media (max-width: 575px){
	.sign__shape img.dot{display: none;}
}
.sign__shape img.bg{left: 33%;
  top: 26%;
  opacity: 0.06;
  max-width: 100%;
  animation: signBg 5s linear 0s infinite alternate;
  -webkit-animation: signBg 5s linear 0s infinite alternate;}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.sign__shape img.bg{left: 10%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.sign__shape img.bg{left: 0%;}
}
@media (max-width: 575px){
	.sign__shape img.bg{display: none;}
}
.sign__shape img.zigzag{left: 32%;
  top: 43%;
  animation: signZigzag 5s linear 0s infinite alternate;
  -webkit-animation: signZigzag 5s linear 0s infinite alternate;}
@media only screen and (min-width: 1400px) and (max-width: 1600px){
	.sign__shape img.zigzag{left: 24%;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.sign__shape img.zigzag{left: 23%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.sign__shape img.zigzag{left: 11%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.sign__shape img.zigzag{left: 3%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.sign__shape img.zigzag{left: 2%;}
}
@media (max-width: 575px){.sign__shape img.zigzag{  display: none;}
}
.sign__shape img.flower{bottom: 13%;
  right: 30%;}
@media only screen and (min-width: 1400px) and (max-width: 1600px){
	.sign__shape img.flower{right: 24%;}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
	.sign__shape img.flower{right: 24%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.sign__shape img.flower{right: 12%;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.sign__shape img.flower{right: 3%;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.sign__shape img.flower{right: 1%;}
}
@media (max-width: 575px){
	.sign__shape img.flower{right: 1%; bottom: 3%;}
}
.sign__header{padding: 0 35px;}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.sign__header{padding: 0 10px;}
}
@media (max-width: 575px){
	.sign__header{padding: 0px;}
}
.sign__header p{margin-bottom: 0;
  color: #7a797f;
  position: relative;
  padding: 0 40px;
  display: inline-block;}
.sign__header p span{position: absolute;
  top: 40%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
.sign__header p span:last-child{left: auto;
  right: 0;}
.sign__header p a:hover{color: #2b4eff;}
.sign__social{display: block;
  height: 50px;
  background: #eeedf2;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  line-height: 52px;
  padding-left: 23px;
  z-index: 1;
  overflow: hidden;
  font-size: 16px;}
.sign__social::after{position: absolute;
  content: "";
  left: -55%;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 220px;
  width: 220px;
  background: #3360bd;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: -1;}
@media (max-width: 575px){
	.sign__social::after{left: -62%;}
}
.sign__social i{color: #ffffff;
  font-size: 16px;
  margin-right: 50px;}
@media (max-width: 575px){
	.sign__social i{margin-right: 35px;}
}
.sign__social:hover{color: #ffffff;}
.sign__social:hover::after{width: 100%;
  height: 150%;
  left: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;}
.sign__social.g-plus::after{background: #e93e30;}
.sign__form h5{font-size: 16px;
  font-weight: 500;
  color: #0e1133;
  margin-bottom: 11px;}
.sign__input{position: relative;}
.sign__input input{width: 100%;
  height: 60px;
  line-height: 52px;
  padding: 0 50px;
  font-size: 14px;
  border: 2px solid transparent;
  background: #f6f6f7;
  color: #0e1133;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;}
.sign__input input::placeholder{color: #8e8c94;}
.sign__input input:focus{outline: none;
  background: #ffffff;
  border-color: #2b4eff;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(8, 0, 42, 0.2);
  -moz-box-shadow: 0px 1px 4px 0px rgba(8, 0, 42, 0.2);
  box-shadow: 0px 1px 4px 0px rgba(8, 0, 42, 0.2);}
.sign__input i{position: absolute;
  top: 51%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 25px;
  font-size: 14px;
  color: #8e8c94;}
.sign__agree input{margin: 0;
  appearance: none;
  -moz-appearance: none;
  display: block;
  width: 14px;
  height: 14px;
  background: transparent;
  border: 1px solid #7a797f;
  outline: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}
.sign__agree input:checked{position: relative;
  background-color: #2b4eff;
  border-color: transparent;}
.sign__agree input:checked::after{box-sizing: border-box;
  content: "\f00c";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
  color: #ffffff;
  top: 46%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}
.sign__agree input:hover{cursor: pointer;}
.sign__agree label{padding-left: 10px;
  font-size: 14px;}
.sign__agree label:hover{cursor: pointer;}
.sign__agree label a{color: #0e1133;
  font-weight: 500;}
.sign__agree label a:hover{color: #2b4eff;}
.sign__forgot a{color: #7a797f;}
.sign__forgot a:hover{color: #2b4eff;}
.sign__new p{color: #7a797f;
  margin-bottom: 0;}
.sign__new p a{color: #2b4eff;}

@keyframes signDot{0%{  transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);}
  100%{  transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);}
}
@keyframes signZigzag{0%{  transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);}
  100%{  transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);}
}
@keyframes signCircle{0%{  -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);}
  100%{  -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);}
}

.footer__widget-title{padding-top: 5px;
  font-size: 20px;
  color: #ffffff;}
.footer__widget-title-2{color: #0e1133;}
.footer__widget-body p{font-size: 16px;
  line-height: 24px;
  color: #a1a2ab;
  margin-bottom: 30px;}
.footer__widget-body-2 p{color: #53545b;}
.footer__social ul li{display: inline-block;}
.footer__social ul li:not(:last-child){margin-right: 10px;}
.footer__social ul li a{display: inline-block;
  font-size: 15px;
  width: 44px;
  height: 44px;
  line-height: 46px;
  text-align: center;
  border: 2px solid #285da1;
  background: #285da1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #ffffff;}
.footer__social ul li a:hover{background: transparent;
  color: #285da1;}
.footer__social ul li a.tw{background: #03a9f4;
  border-color: #03a9f4;}
.footer__social ul li a.tw:hover{background: transparent;
  color: #03a9f4;}
.footer__social ul li a.pin{background: #d2173f;
  border-color: #d2173f;}
.footer__social ul li a.pin:hover{background: transparent;
  color: #d2173f;}
.footer__link ul li:not(:last-child){margin-bottom: 4px;}
.footer__link ul li a{color: #a1a2ab;}
.footer__link ul li a:hover{color: #ffffff;}
.footer__link-2 ul li a{color: #53545b;}
.footer__link-2 ul li a:hover{color: #2b4eff;}
.footer__subscribe-input{position: relative;}
.footer__subscribe-input input{width: 100%;
  height: 60px;
  padding: 0 30px;
  padding-right: 50px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  outline: none;}
.footer__subscribe-input input::placeholder{font-size: 14px;
  color: #6d6e75;}
.footer__subscribe-input button{position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  color: #ffffff;
  background: #2b4eff;
  width: 70px;
  height: 60px;
  padding-right: 25px;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  overflow: hidden;}
.footer__subscribe-input button i{position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;}
.footer__subscribe-input button i:last-child{left: 0%;
  visibility: hidden;
  opacity: 0;}
.footer__subscribe-input button:hover i{left: 100%;
  visibility: hidden;
  opacity: 0;}
.footer__subscribe-input button:hover i:last-child{left: 50%;
  visibility: visible;
  opacity: 1;}
.footer__subscribe p{font-size: 14px;
  line-height: 20px;
  color: #83848a;
  padding-right: 60px;}
.footer__subscribe-2 p{color: #6d6e75;}
.footer__pl-70{padding-left: 70px;}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.footer__pl-70{padding-left: 0;}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.footer__pl-70{padding-left: 0;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	.footer__pl-70{padding-left: 0;}
}
@media (max-width: 575px){
	.footer__pl-70{padding-left: 0;}
}
.footer__bottom{padding: 20px 0;
  border-top: 1px solid #1c1f3f;}
.footer__bottom-2{border-color: #e0e1e8;}
.footer__copyright p{font-size: 14px;
  color: #83848a;
  margin-bottom: 0;}
.footer__copyright p a{color: #ffffff;}
.footer__copyright-2 p{color: #6d6e75;}
.footer__copyright-2 p a{color: #2b4eff;}
.swiper-slide video{object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  background-color: #ccc;}
.swiper-slide img.fondo{object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  background-color: #ccc;}
.font40{font-size: 40px;}
.nav-content span{display: inline-block;
  font-size: 18px;
  color: #ffffff;
  opacity: 0.8;}
.noticias-bg{background-image: url("../img/module-background-gray.png");
  background-position: center;}
.p-70{padding: 70px;}
.sombra-plena{text-shadow:
  0 1px 2px #9eebea, 1px 3px 1px #39d6d4, 2px 4px 1px #00cac7;}
  .bg-gradient-azul{background: linear-gradient(90deg, rgba(27,20,100,1) 0%, rgba(83,75,170,1) 100%);}
  .bg-gradient-violeta{background: linear-gradient(90deg, rgba(147,39,143,1) 26%, rgba(186,98,183,1) 100%);}
  .gradient-azul-rosa{background: linear-gradient(90deg, rgba(27,20,100,1) 28%, rgba(255,123,172,1) 100%);}
  .gradient-rosa-violeta{background: linear-gradient(90deg, rgba(147,39,143,1) 52%, rgba(255,123,172,1) 100%);}
  .border-color-fcee21{border-color: #fcee21!important;}
  .fw700{font-weight: 700;}
  .h75{height: 75px;}
.slider__wrapper  .swiper-button-next,
.slider__wrapper .swiper-button-prev {
color: #ffffff;}
  .slider__wrapper .swiper-button-prev{left: 30px;}
  .slider__wrapper  .swiper-button-next{right: 30px;}
  .slider__wrapper .swiper-button-prev:after, .slider__wrapper .swiper-button-next:after {font-size: 50px;}
.slider__wrapper .swiper-pagination-bullet{
  width: 16px;
  height: 16px;
  background: #fff;
  opacity: 0.8;}
.slider__wrapper .swiper-pagination-bullet-active{background: #00cac7;}
.swiper-wellness .swiper-pagination-bullet-active{background: #00cac7;}
.swiper-wellness .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 0.5;}
.swiper-wellness .swiper-button-prev, .swiper-wellness .swiper-button-next {background-color: rgba(0, 0, 0, 0.55); color: #ffffff; border-radius: 50%; padding: 8px 13px;font-size: 20px;}
.swiper-wellness .swiper-button-prev{left: 5px;}
.swiper-wellness .swiper-button-next{right: 5px;}

.swiper-noticias .swiper-pagination-bullet-active{background: #00cac7;}
.swiper-noticias .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 0.5;}
.swiper-noticias .swiper-button-prev, .swiper-noticias .swiper-button-next {background-color: rgba(0, 0, 0, 0.55); color: #ffffff; border-radius: 50%; padding: 8px 13px;font-size: 20px;}
.swiper-noticias .swiper-button-prev{left: 5px;}
.swiper-noticias .swiper-button-next{right: 5px;}
.swiper-noticias > .swiper-pagination-bullets{bottom: 0;
  left: 0;
  width: 100%;}
.swiper-experiencias .swiper-pagination-bullet-active{background: #00cac7;}
.swiper-experiencias .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 0.5;}
.swiper-experiencias .swiper-button-prev, .swiper-experiencias .swiper-button-next {background-color: rgba(0, 0, 0, 0.55); color: #ffffff; border-radius: 50%; padding: 8px 13px;font-size: 20px;}
.swiper-experiencias .swiper-button-prev{left: 5px;}
.swiper-experiencias .swiper-button-next{right: 5px;}
.swiper-experiencias > .swiper-pagination-bullets{bottom: 0;
  left: 0;
  width: 100%;}
.main-menu ul li .submenu li:hover{background: linear-gradient(90deg, rgba(255,123,172,1) 0%, rgba(27,20,100,1) 100%);
  color: #ffffff;}
.main-menu-3 ul li a.iten-menu::before{position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 20px;
  width: 0%;
  height: 1px;
  background-color: #ffffff;}
.main-menu-3 ul li:hover a.iten-menu::before{width: 100%;
  left: 0;
  right: auto;}
.zoom{transition: transform .2s;
  margin: 0 auto;}
.zoom:hover {transform: scale(1.15);}
.overlay-galeria{position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #000000;}
.bb-00cac7{border-bottom: 3px solid #00cac7;}
.bb-FE0028{border-bottom: 3px solid #FE0028;}
.container-overlay:hover .overlay-galeria{opacity: 0.85;}

.titulo-galeria{color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;}
.arrow-right-hov img{-webkit-transition: all 100ms linear; transition: all 100ms linear;}
.arrow-right-hov:hover img{margin-left: 15px;position: relative;}
.progress-wrap{position: fixed;
  right: 50px;
  bottom: 50px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset  0 0 0 2px rgba(95, 58, 252,0.2);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;}

.progress-wrap.active-progress{opacity: 1;
  visibility: visible;
  transform: translateY(0);}

.progress-wrap::after{position: absolute;
  content: '\f176';
  font-family: "Font Awesome 5 Pro";
  text-align: center;
  line-height: 46px;
  font-size: 20px;
  color: #00cac7;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;}
.progress-wrap svg path{fill: none;}
.hover-000:hover{color: #000000;}
.progress-wrap svg.progress-circle path{stroke: #00cac7;
  stroke-width: 4;
  box-sizing:border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;}
.menu-ideas{display: flex;
  padding: 0.875em 2em;
  background: linear-gradient(90deg, #93278f, transparent) #ba62b7;
  color: #fff;
  text-decoration: none;
  transition: background-color 0.6s;
  place-content: center;}
.menu-ideas:hover{background-color: #1b1464; color: #fff;}
.cta__area{margin-top: -100px}
.footer-bg{background: #0e1133;}
.blog__content.mh180{height: 180px;}
.color-00cac7{color: #00cac7!important;}
.color-93278f{color: #93278f;}
.color-fff{color: #fff;}
.color-000000{color: #000000;}
.color-FE0028{color: #FE0028;}
.gradient-azul-verde{background: rgb(27,20,100);
  background: linear-gradient(90deg, rgba(27,20,100,1) 25%, rgba(0,202,199,1) 100%);}
.bg-wave{background-image: url('../img/bg-wave.jpg'); background-size: cover; background-position: center;}
.bg-3wave{background-image: url('../img/bg-3wave.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-video-section{background-image: url('../img/bg.video2.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-3{background-image: url('../img/bg-3.png'); background-size: contain; background-position: top center; background-repeat: no-repeat; background-color: #f3f3f3;}
.bg-4{background-image: url('../img/bg-4.png'); background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #f3f3f3;}
.bg-6{background-image: url('../img/bg-6.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-7{background-image: url('../img/bg-7.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-box-footer{background-image: url('../img/bg-box-footer.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-footer{background-image: url('../img/footer-bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-trama-video{background-image: url('../img/Sin-título-2.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-trama-video2{background-image: url('../img/Sin-título-1.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-seccion-salud{background-image: url('../img/module-background-gray.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-contact{background-image: url('../img/contact-bg.png'); background-size: cover; background-position: bottom left; background-repeat: no-repeat; padding-bottom: 150px;}
.font20{font-size: 20px; line-height: 23px;}
.font23{font-size: 23px; line-height: 26px;}
.font30{font-size: 30px; line-height: 33px;}
.font33{font-size: 33px; line-height: 36px;}
.bg-1b1464{background-color: #1b1464;}
.bg-ondas-1b1464{background-image: url('../img/bg-ondas-azul.png'); background-size: cover; background-position: bottom; background-repeat: no-repeat;}
.bg-ondas-FE0028{background-image: url('../img/bg-ondas-rojo.png'); background-size: cover; background-position: bottom; background-repeat: no-repeat;}
.bg-eaeaea{background-color: #eaeaea;}
/* PALETA CROMATICA 3 */
.pink3-bg-header{background: #FF2F65;transition: 0.15s ease-in-out;}
.verde3-bg-header{background: #B9FF4E;transition: 0.15s ease-in-out;}
.violeta3-bg-header{background: #9E005D;transition: 0.15s ease-in-out;}
.azul-bg-header{background: #37465B;transition: 0.15s ease-in-out;}

/* PALETA PRINCIPAL */
.violet-bg-header{background: #93278f;transition: 0.15s ease-in-out;}
.violeta-bg{background: #93278f;}
.pink-bg-header{background: #ff7bac;transition: 0.15s ease-in-out;}
.yellow-bg-header{background: #fcee21;transition: 0.15s ease-in-out;}
.opacity-hover{transition: 0.15s ease-in-out;}
/* PALETA CROMATICA FINAL */
.green-bg-header{background: #4DE48F;transition: 0.15s ease-in-out;}
.blue-bg-header{background: #726FFE;transition: 0.15s ease-in-out;}
.yellow-bg-header{background: #FFF949;transition: 0.15s ease-in-out;}
.bg-trama-det{background-image: url('../img/bg-det-ev.jpg');}
.bg-det-act{background-image: url('../img/bg-det-act.jpg'); background-size: cover;}
.bg-000{background-color: #000000;}
.bg-fff{background-color: #ffffff;}
.bg-2e3033{background-color: #2e3033;}
.bg-292c30{background-color: #292c30;background-image: url('../img/sep-ondas.jpg'); background-position: center bottom;background-size: contain; background-repeat: no-repeat;}
.bg-292c30-2{background-color: #292c30;}
/* pasteles */
.bg-ff4d54{background-color: #ff4d54;}
.bg-007d7c{background-color: #00cac7;}
.bg-726ffe{background-color: #726ffe;}
.bg-b9ff4e{background-color: #b9ff4e;}
.bg-fdb24c{background-color: #fdb24c;}
.bg-FE0028{background-color: #FE0028;}
.font-24{font-size: 24px; line-height: 34px;}
.font-23{font-size: 23px; line-height: 26px;}
.font-22{font-size: 22px; line-height: 30px;}
.font-20{font-size: 20px; line-height: 28px;}
.galeria__item:hover .galeria__thumb img{  -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.fw-500{font-weight: 500!important;}
.events__info-img img{
  border-radius: 50%;
  border: 3px solid #000000;}
.font14{font-size: 14px; line-height: normal;}
.font34{font-size: 34px!important; line-height: normal;}
.events__info-img{
width: 50%;}
.course__teacher-thumb-3 img{width: 44px;
  height: 44px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #ffffff;
  -webkit-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  -moz-box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);
  box-shadow: 0px 10px 14px 0px rgba(1, 11, 60, 0.1);}
.course__teacher-info-3 h5, .course__update h5{font-size: 14px;
  color: #53545b;
  font-weight: 600;
  margin-bottom: 0;}
.course__update p, .course__teacher-info-3 p {font-size: 16px;
  color: #0e1133;
  font-weight: 600;
  margin-bottom: 0;}
.events__sidebar-widget{position: relative;
  padding: 30px;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(1, 11, 60, 0.2);
  -moz-box-shadow: 0px 0px 50px 0px rgba(1, 11, 60, 0.2);
  box-shadow: 0px 0px 50px 0px rgba(1, 11, 60, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}
.white-bg{background: #ffffff;}
.h120{height: 120px;}
.hov-00cac7:hover{color: #00cac7; transition: all 0.2s;}
.events__sponsor-info > h4 span{font-weight: 400;
  color: #6d6e75;}
.bgnaranja2{background-color: #e65300;}
.bg-azul3{background-color: #00376c;}
.circle-00cac7{
  background-color: #00cac7;
  border-radius: 50%;
  width: 180px;
  height: 180px;}
.planes-drop{width: 378px; background-color: rgb(255, 251, 165);}
.blog__text blockquote{
	padding: 40px 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
background: #f3f4f8;
position: relative;
overflow: hidden;
margin-bottom: 45px;}
.blog__text blockquote p{font-size: 24px;
    color: #0e1133;
    font-weight: 500;
    line-height: 1.3;
	margin-bottom: 25px}
.blog__text blockquote h4{font-size: 20px;
    padding-left: 30px;
    position: relative;
	margin-bottom: 0;}
.blog__text blockquote h4::after{  position: absolute;
    content: "";
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 19px;
    height: 2px;
    background: #0e1133;}
.swiper-slide { height: auto; }
figure.table table{
    background-color: transparent;
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6;
	overflow-x: auto;
    -webkit-overflow-scrolling: touch;}
figure.table table tr td, figure.table table tr th{padding: 0.5rem 0.5rem; border:solid 1px;}
.raw-html-embed {
	--bs-aspect-ratio: 56.25%;
    position: relative;
    width: 100%;}
.raw-html-embed::before{  display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";}
.raw-html-embed>*{  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
.blog__text a {color: #00cac7;}
.fancybox-slide--iframe .fancybox-content{  width  : 1200px;
    height : 720px;
    max-width: 70%;
    max-height: 90%;
    margin: 0;}
.events__details ul, .blog__text ul{padding-left: 2rem; list-style-type: disc;}
.events__details ul li, .blog__text ul li{display: list-item; text-align: -webkit-match-parent;list-style: disc;}
.w-img img.transition-img {
    width: 100%;
    position: relative;
    height: auto;
    display: block;
}
.popup-email {width: 100%; height: 100%; display: none; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; z-index: 99999999999;}
.popup-email .element {
    width: 320px;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    top: 50%;
    margin-top: -50px;
    background-color: #1b1464;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-align: center;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.popup-email .element p {margin-bottom: 20px; font-weight: 700;}
.popup-email .element button {margin: 0 auto 10px;}
.popup-email .success {color: #ffffff; font-size: 24px; display: block; margin-top: 20px; line-height: normal;}
.popup-email .error {color: #ffb8b8; font-size: 24px; display: block; margin-top: 20px; line-height: normal;}
@media only screen and (max-width: 1400px){
  .h200{height: 200px;}
  .planes-drop{width: 357px;}
}
@media only screen and (max-width: 1200px){
  .font23 {font-size: 20px; line-height: 23px;}
  .font30{font-size: 26px; line-height: 30px;}
  .planes-drop{width: 297px;}
}
@media only screen and (max-width: 991px){.h200{height: auto;}
  .font33 {font-size: 26px; line-height: 29px;}
  .nav-content{padding: 30px 15px;}
  .p-70{padding: 20px;}
  .testimonial__item-3 p {font-size: 17px;}
  .pt-145{padding-top: 30px;}
  .pb-150{padding-bottom: 30px;}
  .header__area, .header__area.sticky{    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    z-index: 99;
    animation: none;
    -webkit-animation: none;
    display: block;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
    -moz-box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);
    box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);}
.blog__content.mh180{height: auto;}
.planes-drop{width: 338px;}
.blog__text p{font-size: 16px;
  line-height: 22px;}
.blog__quote p{font-size: 18px;}
.pl-lg-0-mob{padding-left: 0px;}
.font-24{font-size: 22px; line-height: 30px;}
.font-22{font-size: 20px; line-height: 28px;}
.font-20{font-size: 18px; line-height: 26px;}
.header__area .logo .logo-black {display: block;}
.header__area .logo .logo-white {display: none;}
.main-menu ul li:hover .submenu{position: relative;width: 100%;}
.main-menu-3 ul li a{width: 100%; padding:10px 0;}
.main-menu-3 ul li:hover a, .main-menu-3 ul li a, .main-menu-3 ul li.has-dropdown a::after {color: #000000;}
.main-menu-3 ul li a.iten-menu::before{background-color: #000000;}
.main-menu ul li{margin-left: 0px!important;}
.navbar-light .navbar-toggler{float: right;}
.navbar-collapse, .header__area .logo {float: left;}
.navbar-collapse{padding: 20px}
.header__search-2 .fa-search:before{color:#000000;}
.main-menu-3 ul li a.iten-menu::before{content: none;}
.slider__area{padding-top: 70px;}
.slider__wrapper .swiper-pagination-bullet {width: 12px; height: 12px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px}
.progress-wrap {right: 20px;bottom: 20px;}
}
@media only screen and (max-width: 768px){
  .slider__wrapper .swiper-button-prev:after, .slider__wrapper .swiper-button-next:after {font-size: 24px;}
  .swiper-button-prev, .swiper-button-next{top: 70%;}
  .pt-115{padding-top: 40px;}
  .mw90mob{max-width: 90px;}
  .sub-title{font-size: 24px;}
  .font-22{font-size: 18px;}
  .pb-130{padding-bottom: 50px;}
  .btn-shadow{box-shadow: -2px 3px 3px 1px #559999}
  .font-23 {font-size: 20px; line-height: 20px;}
  .font23 {font-size: 17px; line-height: 20px;}
  .font20 {font-size: 16px; line-height: 18px;}
  .planes-drop{width: 248px;}
	.fancybox-slide--iframe .fancybox-content {max-width: 95%; max-height: 90%;}
}
@media only screen and (max-width: 576px){
  .planes-drop{width: 330px;}
}
@media only screen and (max-width: 480px){
  .slider__wrapper .swiper-button-prev:after, .slider__wrapper .swiper-button-next:after {font-size: 24px;}
  .swiper-button-prev, .swiper-button-next{top: 45%;}
	.font-24{font-size: 19px; line-height: 24px;}
	.font-22{font-size: 18px; line-height: 23px;}
	.font-20{font-size: 17px; line-height: 22px;}
  .h120 {height: 110px;}
  .circle-00cac7{
    width: 140px;
    height: 140px;}
  .circle-00cac7 img{padding: 30px;}
  h2 {font-size: 26px;}
}