/*   
Theme Name: Online Courses
Theme URI: http://online-cources.com/
Description: site for online cources
Author: Name
Author URI: http://online-cources.com/
Version: 1.0
*/

*{
  padding: 0;
  margin: 0;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #2ca9e1;
}

html{
  height: 100%;
}

body{
  background-color: #fff;
  height: 100%;
	overflow-x: hidden;
}

.wrapper{
  width: 100%;
  height: 100%;
/*   display: flex;
  flex-direction: column;
  overflow-x: hidden; */
}

.content-wrapper{
	flex: 1 0 auto;
}
/*Header*/
.header-wrapper{
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}

header{
  width: 95%;
  max-width: 1120px;
  padding: 15px 0;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.logo {
  display: block;
  width: 30%;
  min-width: 290px;
  max-width: 300px;
}

.logo > img{
  width: 100%;
  max-width: 200px;
}

nav{
  width: 70%;
}

nav ul{
  display: flex;
  justify-content: flex-end;
  width: 100%;
  list-style-type: none;
}

nav li{
  margin-left: 25px;
}

nav a{
  font-size: 16px;
  display: inline-block;
  color: #fff;
  font-weight: 600;
}

nav a:hover{
  color: #2ca9e1;
}

.menu-mob{display: none;}

.course-nav ul {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  width: 250px;
  position: absolute;
  top: 23px;
  right: 0;
  background: rgba(0, 133, 183, 0.7);;
  z-index: 99;
  transform: translate(0,20px);
  transition: all 0.5s ease-out;
  text-align: right;
}

.course-nav ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
}

.course-nav ul li a {
  font-size: 14px;
  font-weight: normal;
  display: block;
  color: #fff;
}

.course-nav ul li a:hover,.menu ul li:hover > a {
  color: #29c9ff;
}

.course-nav li:hover > ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0,0);
}

.course-nav ul ul {
  left: 169px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px,20px);
  transition: all 0.2s ease-out;
}

.course-nav ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;
}

.course-nav li > ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0,0);
}

.sub-menu a{
  padding: 10px !important;
}

.course-nav .sub-menu{
    display: flex;
    flex-wrap: wrap;
}

.course-nav .sub-menu > li{
    width: 100%;
}

nav a i{
    color: #fff;
}

nav a:hover i{
    color: #2ca9e1;
}

.nav-course{
    width: 65%;
}

.nav-course .course-nav li{
    position: relative;
}

.responsive-menu{
  display: none;
  width: 100%;
 }

.responsive-menu:hover {
  color: #fff;
  text-decoration: none;
}
/*Header*/

/*Slider*/
  .firth-screen{
    width: 100%;
  }

  /* ==== Main CSS === */
.img-fill{
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center
}

.img-fill > img {
    min-height: 100%;
    width: 100%;
    position: relative;
    display: block;
    max-width: none;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
}

.Grid1k {
    padding: 0 15px;
    max-width: 1200px;
    margin: auto;
}

.blocks-box,
.slick-slider {
    margin: 0;
    padding: 0;
}

.slick-slide {
    float: left /* If RTL Make This Right */ ;
    padding: 0;
}

/* ==== Slider Style === */
.Modern-Slider{overflow:hidden;}

.Modern-Slider .NextArrow{
    position:absolute;
    top:50%;
    right:0px;
    width:45px;
    height:80px;
    background:rgba(0,0,0,0);
    border:0 none;
    margin-top:-22.5px;
    text-align:center;
    font:30px/80px FontAwesome;
    color:#FFF;
    z-index:5;
    cursor:pointer;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
	display: none!important;
}

.Modern-Slider .NextArrow:before{content:'\f105';}

.Modern-Slider .PrevArrow{
    position:absolute;
    top:50%;
    left:0px;
    width:45px;
    height:80px;
    background:rgba(0,0,0,0);
    border:0 none;
    margin-top:-22.5px;
    text-align:center;
    font:30px/80px FontAwesome;
    color:#FFF;
    z-index:5;
    cursor:pointer;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
	display: none!important;
}

.Modern-Slider .PrevArrow:before{content:'\f104';}

.Modern-Slider .NextArrow .Thumbnail{
    display:block;
    position:absolute;
    width:120px;
    height:80px;
    background-size:cover;
    top:0px;
    right:-120px;
    z-index:10;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
}

.Modern-Slider .NextArrow:hover .Thumbnail{
    right:45px;
}

.Modern-Slider .PrevArrow .Thumbnail{
    content:'';
    display:block;
    position:absolute;
    width:120px;
    height:80px;
    background-size:cover;
    top:0px;
    left:-120px;
    z-index:10;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
}

.Modern-Slider .PrevArrow:hover .Thumbnail{
    left:45px;
}

.Modern-Slider .slick-dots{
    position:absolute;
    height:50px;
    bottom:0px;
    width:100%;
    left:0px;
    padding:0px;
    margin:0px;
    list-style-type:none;
    text-align:center;
}

.Modern-Slider .slick-dots li{
    display:inline-block;
    width:15px;
    height:15px;
    background:Transparent;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
    -webkit-border-radius:50%;
    border-radius:50%;
    border:2px solid #FFF;
    margin:0 2.5px;
    cursor:pointer;
    position:relative;
}

.Modern-Slider .slick-dots li.slick-active{
    background:#fff;
    -webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,.28);
    box-shadow:inset 0 0 0 2px rgba(0,0,0,.28);
}

.Modern-Slider .slick-dots li a{
    position:absolute;
    bottom:100%;
    left:50%;
    width:120px;
    height:75px;
    display:block;
    visibility:hidden;
    border:4px solid rgba(0,0,0,.50);
    margin-left:-60px;
    margin-bottom:15px;
    -webkit-transition:visibility 0.5s linear 0.5s;
    transition:visibility 0.5s linear 0.5s;
    -webkit-animation:fadeOut 0.5s both;
    animation:fadeOut 0.5s both;
}

.Modern-Slider .slick-dots li a:after{
    content:'';
    position:absolute;
    left:50%;
    margin-left:-8px;
    top:100%;
    width:0;
    height:0;
    border:8px solid Transparent;
    border-top-color:rgba(0,0,0,.50);
    margin-top:4px;
}

.Modern-Slider .slick-dots li:hover a{
    visibility:none;
    -webkit-transition-delay:0s;
    transition-delay:0s;
    -webkit-animation:fadeIn 0.5s both;
    animation:fadeIn 0.5s both;
    
}

.Modern-Slider .slick-dots li a img{
    width:100%;
    height:100%;
}

.Modern-Slider .item .img-fill{
    height:100vh;
    background:#000;
}

.Modern-Slider .item .img-fill .info{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background: rgba(7, 52, 232, 0.4);
    text-align:center;
	display: flex; 
	justify-content: center; 
	align-items: center;
}

.Modern-Slider .item .img-fill img{
    -webkit-filter:blur(1px);
    filter:blur(1px);
}

.Modern-Slider .item .info > div{
    display:inline-block!important;
    vertical-align:middle;
    padding:20px;
}

.Modern-Slider .item h1{
    font:52px/50px RalewayB;
    font-weight: bold;
    text-transform:uppercase;
    color:#FFF;
	-webkit-animation: fadeInUp 1s both 1.5s;
    animation: fadeInUp 1s both 1.5s;
    margin:0;
    padding:0;
    font-family: 'Open Sans', sans-serif;
}

.Modern-Slider .item h5{
    margin:25px auto;
    padding:0;
    font:18px/30px RalewayR;
    text-align:justify;
    color:#FFF;
    max-width:600px;
    overflow:hidden;
    -moz-text-align-last:center;
    text-align-last:center;
    -webkit-animation:fadeOutLeft 1s both;
    animation:fadeOutLeft 1s both;
    font-family: 'Open Sans', sans-serif;
}

.Modern-Slider .item.slick-active h3{
  -webkit-animation:flipInX 1s both 1s;
  animation:flipInX 1s both 1s;
}

.Modern-Slider .item.slick-active .info > div{
    -webkit-animation:flipInY 0.5s both 0.5s;
    animation:flipInY 0.5s both 0.5s;
}

.Modern-Slider .item.slick-active h5{
  -webkit-animation:fadeInUp 1s both 1.5s;
  animation:fadeInUp 1s both 1.5s;
}

.Modern-Slider .item:nth-child(odd){
    -webkit-animation:slideOutRight 0.5s both;
    animation:slideOutRight 0.5s both;
}

.Modern-Slider .item.slick-active:nth-child(odd){
    -webkit-animation:slideInLeft 0.5s both;
    animation:slideInLeft 0.5s both;
}

.Modern-Slider .item:nth-child(even){
    -webkit-animation:slideOutLeft 0.5s both;
    animation:slideOutLeft 0.5s both;
}

.Modern-Slider .item.slick-active:nth-child(even){
    -webkit-animation:slideInRight 0.5s both;
    animation:slideInRight 0.5s both;
}

.Modern-Slider {background:#000;}

/* ==== Slider Image Transition === */
/* Animate.css */ @keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
/* Animate.css */ @keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}
/* Animate.css */ @keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
/* Animate.css */ @keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}


/* ==== Slick Slider Css Ruls === */
.slick-slider{position:relative;height: 100vh; display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}.slick-list.dragging{cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left /* If RTL Make This Right */ ;height:100%;min-height:1px}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

.Modern-Slider .item > *{
  margin-bottom: 0;
}

.Modern-Slider .item{
  padding: 0;
  box-shadow: none;
}

.Modern-Slider .item.slick-active h5 a{display: inline-block; color: #fff;}

.Modern-Slider .item.slick-active h5 .button-slider, .btn-add-cart .button-slider{
  padding: 15px 25px;
  border-radius: 5px;
	border: none;
  background-color: #2ca9e1;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 25px auto;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
	border:	2px solid #2ca9e1;
	min-width: 230px;
	outline: none;
}
.added_to_cart.wc-forward {
	display: none!important;
}
.Modern-Slider .item.slick-active h5 .button-slider:hover, .btn-add-cart .button-slider:hover {
  background-color: transparent;
  color: #2ca9e1;
  border: 2px solid #2ca9e1;
	outline: none;
}

.Modern-Slider .item.slick-active h5 p span{
  margin-right: 10px;
  color: #fff;
}
/*Slider*/

/*second block*/
.best-wrapper{
  width: 98%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1120px;
  margin:0 auto;
}

.best-wrapper > h2{
  text-align: center;
  color: #015b8d;
  font-size: 32px;
  margin: 50px 0;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
  width: 100%;
}

.best-wrapper > h3{
  font-size: 18px;
  color: #55b9e6;
  border-bottom: 1px dotted #fff;
  text-align: center;
  width: 95%;
  max-width: 1120px;
  margin: 0 auto;
}

.best-item{
  width: 48%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.item{
  width: 98%;
  border-radius: 10px;
  box-shadow: 0px 0 30px rgb(171, 167, 167);
  padding: 15px 20px;
  background-color: #fff;
  color: #55b9e6;
  margin-bottom: 25px;
  text-align: justify;
}
.item ul{
	padding-left: 20px;
}
.item > *{
  margin-bottom: 15px;
}

.item > h3{
  font-size: 24px;
  color: #015b8d;
  text-align: center;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.main-video-wrap{
  width: 100%;
  height: 85%;
  align-items: center;
}

.video-wrap{
  background-color: #2ca9e1;
  border-radius: 5px;
  padding: 8px;
  width: 100%;
}

.video-wrap p{
	color: #fff;
	font-size: 36px;
	text-transform: capitalize;
}

.video-wrap iframe{
  width: 100%;
  height: 250px;
  display: block;
}

.ready-wrapper{
  width: 90%;
  position: relative;
  background-color: #2a2c3d;
  padding: 5%;
  text-align: center;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.7);
}

.ready-wrapper > h2{
  font-size: 32px;
  text-transform: capitalize;
  color: #fff;
  max-width: 1120px;
  margin: 0 auto 25px;
  text-shadow: 1px 1px 3px rgba(255,255,255,0.5);
}

.ready-wrapper > a{
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  background-color: #6bc67c;
  padding: 15px 0;
  display: block;
  width: 200px;
  border-radius: 25px;
  margin: 0 auto;
  box-shadow: 0 0 10px 2px rgba(0,0,0,1);
}
/*second block*/

.ready-wrapper{
  width: 100%;
  background: rgb(0,30,47); /* Old browsers */
  background: -moz-linear-gradient(left, rgba(0,30,47,1) 0%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0,30,47,1) 0%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0,30,47,1) 0%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e2f', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
  padding: 5%;
  margin-top: 25px;
  text-align: center;
}

.ready-wrapper > h2{
  font-size: 32px;
  text-transform: uppercase;
  color: #fff;
  max-width: 1120px;
  margin: 0 auto 25px;
  text-shadow: 1px 1px 3px rgba(255,255,255,0.5);
}

.ready-wrapper > a{
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  background-color: #2ca9e1;
  padding: 15px 0;
  display: block;
  width: 200px;
  border-radius: 5px;
  margin: 0 auto;
  box-shadow: 0 0 25px rgba(0,0,0,1);
}

.faq-bg-img{
  margin-top: 0!important;
  padding: 8% 0;
  background: url(images/5973.png);
  background-size: cover;
}

.faq-bg-img > h2{
  color: #fff!important;
}

/*FAQ*/
.faq-wrapper{
  width: 100%;
  margin: 50px auto;
}

.lessons-wrapper-faq{margin-bottom: 0;}

.faq-wrapper > h2{
  text-align: center;
  color: #015b8d;
  font-size: 32px;
  margin: 50px 0;
  text-transform: uppercase;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.faq{
  width: 95%;
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.faq-item{
  width: 47%;
  padding: 1%;
  margin-bottom: 2%;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.33);
  font-size: 16px;
  border-radius: 15px;
}

.faq-item > h3{
  margin-bottom: 15px;
}
/*FAQ*/

/*Example*/
.exam-wrapper-bg{
  width: 100%;
  background: url(images/Layer734.png);
  background-size: cover;
}

.exam-wrapper-bg .examp-wrapper{
  background-color: transparent;
}

.examp-wrapper{
  width: 100%;
  background-color: #f7f7f7;
  text-align: center;
  padding: 25px 0;
  box-shadow: 0px 0 30px rgb(107, 107, 107);
}

.examp-wrapper > h2{
  font-size: 60px;
  max-width: 1120px;
  text-transform: uppercase;
  color: #015b8d;
  margin: 0 auto 25px;
  text-shadow: 1px 1px 3px rgba(255,255,255,0.5);
}

.examp{
  width: 95%;
  max-width: 1120px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.exam-wrapper-bg .examp{
  position: relative;
  top: 80px;
}

.exam-wrapper-bg .examp-wrapper > h2{
  position: relative;
  top: 35px;
  color: #fff;
  text-shadow: 0px 0 10px #000000;
  font-size: 32px;
}

.examp-item{
  width: 47%;
  padding: 1%;
  text-align: center;
  background-color: #fff;
  color: #2ca9e1;
  border-radius: 10px;
  box-shadow: 0px 0 30px rgb(171, 167, 167);
  margin-bottom: 2%;
}

.exam-wrapper-bg .examp-wrapper .examp-item h3{
  color: #2ca9e1;
}

.exam-wrapper-bg .examp-wrapper .examp-item p{
  color: #2ca9e1;
}

.examp-item > h3{
  margin-bottom: 15px;
  color: #015b8d;
}

.examp-item > p{
  margin-bottom: 10px;
  color: #015b8d;
}

.examp-wrapper-new .examp-item{
  text-align: left !important;
  border: 3px solid #2ca9e1;
  box-shadow: 0px 0 20px rgb(171, 167, 167);
}
/*Example*/

.bonus-title{
  font-size: 32px;
  color: #015b8d;
}

/*Lessons*/
.lessons-wrapper > h2{
  max-width: 1120px;
  margin: 0 auto;
}

.lessons-wrapper > h4{
  margin: 0 0 25px;
  text-align: center;
  font-size: 28px;
  color: #015b8d;
  text-shadow: 1px 1px 3px rgba(107,198,124,0.5);
}

.lessons-wrapper > p{
  text-align: center;
  margin-bottom: 25px;
}
/*Lessons*/

/*Review*/
.review-wrapper{
  width: 100%;
  position: relative;
  text-align: center;
}

.review-wrapper > h2{
  width: 100%;
  font-size: 32px;
  text-transform: uppercase;
  color: #015b8d;
  margin: 0 auto 25px;
  text-shadow: 1px 1px 3px rgba(255,255,255,0.5);
}

.review{
  width: 95%;
  max-width: 1120px;
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.review-item{
  width: 30%;
  padding: 1%;
  text-align: left;
  background-color: #fff;
  color: #2ca9e1;
  border-radius: 10px;
  box-shadow: 0px 0 30px rgb(107, 107, 107);
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.review-item > img{
  border-radius: 25px;
  margin: 15px auto;
  filter: grayscale(0);
  width: 307px;
  height: 307px;
}

.review-item > *{width: 100%;}

.review-item :last-child{
  text-align: left;
  margin-top: 25px;
}

.review-wrapper-bg{
  width: 100%;
  background: url(images/review-bg.png);
  background-size: cover;
}
/*Review*/

/*For Whom*/
.forW-wrapper{
  width: 100%;
}

.forW{
  width: 95%;
  max-width: 1120px;
  margin:0 auto;
}

.forW-item{
  width: 98%;
  padding: 1%;
  margin-bottom: 2%;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.forW-wrapper > h2{
  font-size: 32px;
  text-align: center;
  text-transform: capitalize;
  color: #015b8d;
  margin-bottom: 25px;
  padding-top: 25px;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.forW-item h3{
  margin-bottom: 15px;
}

.forW-item p{
  margin-bottom: 15px;
}

.forW-item ul{
  list-style-type: none;
}

.examp-wrapper-new .element{
  text-align: left;
  width: 100%;
}

.examp-wrapper-new .element h3{
  color: #015b8d;
}

.examp-wrapper-new p{
  font-weight: 400;
  margin-top: 15px;
}
/*For Whom*/

/*Home - Shop*/
.home-shop-wrapper{
  width: 100%;
  padding: 25px 0;
  background-color: #fff;
}
.home-shop{
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

.home-shop > h3{
  font-size: 32px;
  color: #015b8d;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
  text-align: center;
  margin-bottom: 50px;
}

.home-shop > a{
    text-transform: uppercase;
    color: #fff;
    font-size: 22px;
    background-color: #2ca9e1;
    padding: 15px 0;
    display: none;
    width: 200px;
    border-radius: 5px;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0,0,0,1);
    text-align: center;
    font-weight: 700;
}

.home-shop .woocommerce ul.products li.product .button{
    box-shadow: none;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	text-align: center;
    padding: 15px 0;
    font-size: 20px;
    font-weight: bold;
	border-radius: 0;
	margin: 0;
}

.home-shop .woocommerce-loop-product__title{
    color: #015b8d!important;
    padding-left: 15px!important;
}

.home-shop .price{
    padding-left: 15px;
}

.home-shop .woocommerce ul.products{
	display: flex;
	justify-content: space-around;
    flex-wrap: wrap;
	padding-top: 0;
}

.home-shop ul li{
	float: none!important;
}

.home-shop .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
    margin-right: 0;
	width: 50%;
	box-shadow: 0 0 10px rgba(0,0,0,1);
    border-radius: 10px;
    display: block;
    overflow: hidden;
}

.home-shop .woocommerce .woocommerce-loop-product__link, .product-main-page li{
	box-shadow: none;
}

.page-wrapper .woocommerce #customer_login .u-column1.col-1{
    float: none;
    margin: 0 auto;
}
/*Home - Shop*/

/*Accordion*/
.faq-container {
  width: 95%;
  max-width: 1120px;
  margin:0 auto;
}

.faq-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.element{
  margin-bottom: 2%;
  position: relative;
  width: 49%;
  color: #2ca9e1;
}

.element:last-child {
  margin-bottom: 0;
}

.question {
  background: #fff;
  padding: 20px 15px;
  padding-right: 25px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.33);
  font-size: 16px;
  font-weight: 700;
  border-radius: 5px;
}

.answer {
  padding: 20px 15px;
  display: none;
  font-size: 16px;
}

.show {
  display: block;
}

.plus {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 100%;
    height: 100%;
    text-align: right;
    line-height: 30px;
    font-size: 30px;
    font-weight: 700;
    cursor: pointer;
    color: #015b8d;
}

.plus:hover {
  color: #2ca9e1;
}

.faq-container-bg{
  width: 100%;
  background: url(images/photo.png);
  background-size: cover;
  padding: 50px 0;
}

.element li{
  list-style-type: none;
  font-weight: 400;
  margin-top: 15px;
}

.answer-ul{margin-left: 25px;}

.answer-ul li{
	list-style-type: disc;
	margin-top: 5px;
}
/*Accordion*/

/*Footer*/
.footer-wrapper{
  width: 100%;
  margin-top: 50px;
  flex: 0 0 auto;
  background: #000;
}

footer{
  width: 100%;
  background-color: #000;
  padding: 15px 0;
}

.footer{
  width: 95%;
  max-width: 1120px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.footer-logo{
  display: block;
  width: 20%;
  min-width: 170px;
  max-width: 260px;
}

.footer-logo > a > img{
  width: 100%;
  max-width: 175px;
}

.footer-menu{

}

.footer-menu a{
  display: inline-block;
  color: #fff;
  font-weight: 600;
  margin-left: 5px;
}

.footer-menu a i{
    font-size: 32px;
}

.footer-menu a i:hover{
    color:#02648B;
}

.footer-menu a:hover{
  color: #2ca9e1;
}

.copyright{
  width: 100%;
  background-color: #fff;
  padding: 10px 0;
  text-align: center;
}

.copyright p{
  font-size: 12px;
  color: #2a2c3d;
}
/*Footer*/

/*test*/
.target-test .target-title > *{
    margin-bottom: 15px;
}

.target-test .target-title p{
    font-size: 14px;
}

.target-test .target-title li{
    font-size: 14px;
	margin-left: 25px;
}

.target-test .target-title b{
    font-size: 14px;
}

.wpProQuiz_text div{
    margin-top: 15px;
}

.wpProQuiz_button{
    background-color: #2ca9e1 !important;
    border-radius: 10px !important;
    border: none !important;
	cursor: pointer;
	padding: 10px!important;
}

.wpProQuiz_button:hover{
    background-color: #015b8d !important;
    border-radius: 10px !important;
    border: none !important;
	padding: 10px!important;
}

.wpProQuiz_content, .wpProQuiz_content h2{
	color: #015b8d !important;
}

.wpProQuiz_questionList{
	border: 1px solid #babbb9!important;
    border-radius: 10px;
	box-shadow: 0 0 10px #babbb9;
	background: #fff!important;
	padding: 10px 20px!important;
}

.wpProQuiz_reviewQuestion{
	border: 1px solid #babbb9!important;
    border-radius: 10px;
	box-shadow: 0 0 10px #babbb9;
	background: #fff!important;
}

.wpProQuiz_question_text p{
	color: #015b8d !important;
	font-weight: bold;
}

li.wpProQuiz_questionListItem{
	border-bottom: 1px solid #babbb9!important;
}

li.wpProQuiz_questionListItem:last-child{
	border-bottom: none!important;
}

.wpProQuiz_questionListItem span{
	color: #015b8d !important;
}

.wpProQuiz_checkPage li, .wpProQuiz_reviewQuestion li{
	width: 34px!important;
	border-radius: 100px;
}

.wpProQuiz_reviewQuestion ol li[style*="background-color"]{
	background-color: #2ca9e1 !important;
	color: #fff;
}

.wpProQuiz_reviewLegend{
	display: none;
}
/*test*/

/*woocomerce*/
    .woo-only-reg > .woocommerce .u-column1.col-1{
        display: none;
    }
    
    .woo-only-reg > .woocommerce .u-column2.col-2{
        float: none;
        margin: 0 auto;
    }
    
    .woocommerce ul.products li.product a h2{color: #000;}
    
    .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0,0,0,1);
        background-color: #2ca9e3;
    }
    
    .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
        color: #fff;
    }
    
    .woocommerce #respond input#submit, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
        background-color: #015b8d;
    }
    
    .woocommerce div.product form.cart .button{
        background-color: #2ca9e3;
    }
    
    .woocommerce div.product form.cart .button:hover{
        background-color: #015b8d;
    }
    
    .posted_in a{color: #015b8d;}
    
    .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{background-color: #015b8d;}
    
    .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color: #2ca9e3; margin-bottom: 5px;}
    
    .product-name a{color: #015b8d; font-weight: bold;}
    
    .woocommerce-LostPassword.lost_password a{color: #015b8d;}
    
    .woocommerce-privacy-policy-link{color: #015b8d;}
    
    .woocommerce ul.products{padding-top: 50px;}
    
    .woocommerce-LoopProduct-link.woocommerce-loop-product__link{
        box-shadow: 0 0 10px rgba(0,0,0,1);
        border-radius: 10px;
        display: block;
		overflow: hidden;
    }
    
    .product-name, .product-price, .product-quantity, .product-subtotal, .cart_totals h2, tbody th{
        color: #015b8d;
    }
    
    .summary.entry-summary > .price{
        padding-left: 0!important;
        padding-bottom: 0;
    }
    
    .woocommerce-loop-product__title{
        color: #015b8d!important;
        padding-left: 15px!important;
        padding-bottom: 0!important;
    }

    .price{
        padding-left: 15px;
        padding-bottom: 15px;
    }
    
    .woocommerce-MyAccount-navigation{
        width: 100%;
        color: #015b8d!important;
    }
    
    .woocommerce-MyAccount-navigation li a{
        color: #015b8d!important;
    }
    
    .woocommerce-MyAccount-navigation li.is-active a{
        color: #2ca9e1!important;
    }
    
    .woocommerce-MyAccount-navigation li a:hover{
        color: #2ca9e1!important;
    }
    
    .woocommerce-MyAccount-navigation li{
        margin-left: 0;
    }
    
    .page-wrapper > .woocommerce > .woocommerce-MyAccount-navigation ul{
        justify-content: space-between;
    }

.select2-container--default .select2-selection--single{
	height: auto;
	padding: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	padding-left: 0!important;
	color: #2ca9e1!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	display: none;
}

#coupon_code {
    width: 125px!important;
    margin-right: 20px;
	margin-bottom: 30px;
}

.cross-sells .cart-interest-items .element{
	width: 90%;
    margin-top: 20px;
}

.cross-sells .cart-interest-items ul.products{
	padding-top: 25px;
}

.cross-sells .cart-interest-items ul.products li{
	width:50%!important;
	box-shadow: 0 0 10px rgba(0,0,0,1);
    border-radius: 10px;
    display: block;
    overflow: hidden;
}

.cross-sells .cart-interest-items .element .question{
	color: #015b8d;
}
.cross-sells .cart-interest-items .woocommerce ul.products li.product .button {
	padding: 20px 0;
	text-align: center;
	font-weight: 700;
}
.cross-sells .cart-interest-items .woocommerce ul.products li.product a {
	text-align: center;
}
/* checkout new*/
.df-cupon {
	display: flex;
	align-items: center;
	margin-top: 0;
	margin-bottom: 50px;
}
.checkout_coupon.woocommerce-form-coupon.display {
	border: none!important;
	display: block!important;
	padding-left: 0;
	margin: auto;
	margin-top: 0;
	max-width: 1000px;
	margin-bottom: 50px;
}
 .added_to_cart.wc-forward{
	display: none!important;
}
.woocommerce form .form-row .required {
	color: #666;
}
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
	padding-left: 20px;
	color: #666;
}
.checkout_coupon.woocommerce-form-coupon.display p, .woocommerce-billing-fields label, .woocommerce-billing-fields input, .woocommerce-billing-fields .optional {
	font-weight: 400;
	color: #666666;
}
.form-row {
	margin-top: 40px!important;
}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder { color:transparent; } 
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}
#billing_last_name_field, #form-row-first, #billing_prtner-name_field, #billing_prtner-email_field {
	width: 47%;	
	max-width: 47%;
}
#checkbox_trigger_field > span > label > a > b {
	color: #666;
	padding-left: 5px;
}
#checkbox_trigger_field > span > label {
	display: flex;
	align-items: center;
	padding-left: 30px;
}
.woocommerce form .form-row .input-checkbox {
	margin: 0!important;
	margin-left: -30px!important;
	width: 30px;
}
#billing_prtner-name_field, #billing_first_name_field {
    max-width: 47%!important;
	margin-right: 6%!important;
}
.form-row.form-row-first {
	max-width: calc(100% - 230px)!important;
}
.woocommerce .col2-set .col-1, .woocommerce-billing-fields, .woocommerce-billing-fields__field-wrapper {
	display: flex;
	width: 100%!important;
	flex-wrap: wrap;
}
.checkout.woocommerce-checkout {
	max-width: 1000px;
	margin: auto;
}
.woocommerce-billing-fields__field-wrapper input {
	background: none;	
}
.woocommerce-checkout #payment {
	background: rgba(0,0,0, .01);
	padding-top: 50px;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box p {
    color: #666!important;
	    font-size: 13px;
}
.showcoupon {
	color: #428bca;
} 
.showcoupon:hover {
	color: #000;
}
.woocommerce-checkout #payment div.payment_box::before {
	border: 1em solid #f5f5f5;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
.woocommerce-info {
	max-width: 1000px;
    margin: 20px auto 50px;
}
.woocommerce form.checkout_coupon {
	max-width: 1000px;
	margin: 0 auto 50px;
}
#payment > ul > li.wc_payment_method.payment_method_stripe > label, #payment > ul > li.wc_payment_method.payment_method_stripe {
	display: flex;
	width: 95%;
	align-items: center;
	flex-wrap: wrap;
}
.woocommerce-checkout #payment div.payment_box {
    margin-left: 5%;
}
#payment > ul > li.wc_payment_method.payment_method_paypal > div {
max-width: 90%;
}
#payment > ul > li > label {
	color: #666;
	padding-right: 20px;
}
#payment > ul > li.wc_payment_method.payment_method_stripe > label > img.stripe-visa-icon.stripe-icon {
	margin-left: 20px;
}
#wc-stripe-cc-form > div.form-row.form-row-last {
	min-width: 100%;
	text-align: left;
}
#stripe-payment-data .form-row {
    margin-top: 0!important;
	margin-bottom: 0!important;
}
.woocommerce table.shop_table {
	border: none;
	background: rgba(0,0,0, .01);
	color: #666!important;
	margin-top: 20px;	
	padding-bottom: 20px;
}
.product-name, .product-price, .product-quantity, .product-subtotal, .cart_totals h2, tbody th, .woocommerce-Price-amount.amount, #order_review > table > tfoot > tr.order-total > td > strong > span > bdi > span, #order_review > table > tbody > tr > td.product-total > span > bdi, #order_review > table > tfoot > tr.cart-subtotal > td > span > bdi, #order_review .woocommerce-Price-currencySymbol, #order_review > table > tfoot > tr.order-total > td > strong > span > bdi {
	color: #666!important;
	font-weight: 400;
}
#order_review > table > tfoot > tr {
	padding-left: 10%;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    border-top: none; 
}
#order_review > table > thead > tr > th.product-total {
	color: #666!important;
}
.woocommerce-billing-fields h3, #order_review_heading {
	color: #666;
	text-transform: uppercase;
}
#order_review_heading {
	padding-top: 50px;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
	color: #666;
	font-weight: 400;
	padding: 15px;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	background: #f5f5f5!important;
}
#coupon_code {
    width: 100%!important;
	max-width: 100%;
    margin-right: 50px;
	margin-bottom: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #ccc;
}
.form-row.form-row-first {
	width: calc(100% - 250px);
}
.form-row.form-row-last {
	max-width: 250px;
	text-align: right;
}
.woocommerce-billing-fields__field-wrapper input {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #ccc;
}
.cross-sells .cart-interest-items .element{
	width: 90%;
    margin-top: 20px;
}

.cross-sells .cart-interest-items ul.products{
	padding-top: 25px;
}
.woocommerce ::-webkit-input-placeholder {
	color: #666;
}
.woocommerce ::-moz-placeholder {
	color: #666;
}
.woocommerce :-ms-input-placeholder {
	color: #666;
}
.woocommerce ::-ms-input-placeholder {
	color: #666;
}
.woocommerce ::placeholder {
	color: #666;
} 
.product-main-page .button.product_type_simple {
	border: none;
	background-color: #fff;
	width: 100%;
	padding: 0!important;
	margin: 0!important;
}
body > div.wrapper > div.content-wrapper > div.page-wrapper > div > div.cross-sells > div > div > div.answer > div > div {
	margin-left: 0;
}
.woocommerce button.button.added::after {
	display: none;
}
.woocommerce-loop-product__title {
	font-size: 19px!important;
}
.product-main-page {    
	margin: auto;
    width: 50%;
    box-shadow: 0 0 10px rgb(0 0 0);
    border-radius: 10px;
    display: block;
    overflow: hidden;
	max-width: 560px;
}
.product-main-page .button.product_type_simple {
    border: none;
    background-color: #fff;
    width: 100%;
    cursor: pointer;
}
.woocommerce-loop-product__title {
	padding-top: 10px;
	margin-bottom: 10px!important;
}
div.item.slick-slide.slick-current.slick-active > div > div > div > h5:nth-child(3) > form > p > button {
	cursor: pointer;
}
.Modern-Slider .item.slick-active h5 .button-slider:hover, .btn-add-cart .button-slider:hover, div.item.slick-slide.slick-current.slick-active > div > div > div > h5:nth-child(3) > form > p > button:hover {
	background-color: #fff;
	border: 2px solid #2ca9e3!important;
	cursor: pointer;
}
#respNav > ul > li.li-add-cart > form > p > button {
	color: #fff;
    font-weight: 600;
	background: none;
	font-size: 16px;
	border: none;
	cursor: pointer;
}
#respNav > ul > li.li-add-cart > form > p > button:hover, #respNav > ul > li.li-add-cart > form > p > button:focus, #respNav > ul > li.li-add-cart > form > p > button:active {
	color: #2ca9e1;
	border: none;
	outline: none;
}
.product-btn-main-page {
	background-color: #2ca9e3; 
	width: 100%;
	text-align: center;
    padding: 15px 0;
    font-size: 20px;
    font-weight: bold;
	color: #fff;
	margin-top: 20px;
	transition-duration: .5s;
}
.product-main-page:hover .product-btn-main-page {
	color: #2ca9e3;
	background-color: #fff; 
}
.cross-sells .cart-interest-items .element {
    width: 90%;
    margin: 0 auto 50px;
}

#customer_login .u-column1.col-1 > *{
	width:100%;
	max-width: 580px;
    margin-left: auto;
    margin-right: auto;
}

#customer_login .u-column1.col-1 h2{
	color: #015b8d;
	text-shadow: 1px 1px 3px rgb(0 0 0 / 50%);
}

#customer_login .u-column1.col-1 .woocommerce-form-login__submit{
	margin-top:0;
}

#customer_login .u-column1.col-1 .woocommerce-LostPassword.lost_password{
	margin-top:25px;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account div.clear{
	display:none;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account .form-row{
	max-width:100%!important;
	float: none;
    text-align: left;
    margin-top: 20px!important;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account fieldset{
	margin-top:35px;
}

.woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account fieldset legend{
	margin-bottom:0;
}

.woocommerce-notices-wrapper{
	display:none;
}

/* end*/
.cross-sells .cart-interest-items .woocommerce ul.products li.product .button{
	margin-top:0;
	width:100%;
}

.cross-sells .cart-interest-items .woocommerce ul.products li.product a{
	border-radius:0;
	box-shadow: none;
}

.actions .element{
	float: left;
	margin-bottom: 0;
}

.actions .element .question{
	box-shadow:none;
	color: #015b8d;
	text-align:left;
}

.actions .element .question span{
	color: #015b8dad;
}

.actions .element .plus{
	opacity:0;
	top:20px;
	right:0;
	height:40%;
}
/*woocomerce*/

.after-relative{margin-top: 70px;}

/*blog*/
.blog-wrapper{
  width: 100%;
  text-align: center;
  padding-bottom: 1px;
}

.blog{
  width: 95%;
  max-width: 1120px;
  margin: 0 auto;
}

.test-title{
    text-align: center;
    color: #015b8d;
    font-size: 32px;
    margin: 50px 0;
    text-transform: uppercase;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    font-weight: bold;
}

.blog a{
  color: #000;
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
}

  .article-wrapper{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

    .article-wrapper .article{
      width: 30%;
      overflow: hidden;
      margin-bottom: 3%;
      margin-left:3%;
      box-shadow: 0 0 10px rgba(0,0,0,1);
      border-radius: 10px;
    }

      .article-left{

      }

        .article-left a img{
          width: 100%;
          height: auto;
        }

      .article-right{
        text-align: left;
        font-size: 12px;
        padding-left: 15px;
      }

        .article-right h4{
          font-size: 18px;
          color: #015b8d;
        }

        .article-date{
          font-size: 12px;
          margin:10px 0;
        }

        .article-buttom{
          font-size: 16px !important;
          padding: 5px 10px;
          text-align: center;
          width: 100px;
          background-color: #006990;
          color: #fff !important;
          transition: 0.3s ease-in-out;
          -webkit-transition: 0.3s ease-in-out;
          box-shadow: 3px 3px 3px #000;
        }

          .article-buttom:hover{
            font-weight:bold;
            background-color: #23acb4 !important;
            box-shadow: 0 0 10px rgba(0,0,0,0.9);
            color: #fff;
          }
          
    .article-wrapper .news{
      width: 31%;
      margin-bottom: 2%;
    }

      .news-left{
        font-size: 14px;
        text-align: left;
      }

      .right-news{}

        .news-left a img{
          width: 100%;
          height: auto;
          border-radius: 10px;
          box-shadow: 0 0 15px #000;
        }

        .news-left h3{
          font-size: 18px;
        }

        .news-date{
          font-size: 14px;
          margin:10px 0;
        }

        .news-buttom{
            font-size: 16px !important;
            padding: 5px 10px;
            text-align: center;
            width: 100px;
            background-color: #006990;
            color: #fff !important;
            transition: 0.3s ease-in-out;
            -webkit-transition: 0.3s ease-in-out;
            box-shadow: 3px 3px 3px #000;
        }

          .news-buttom:hover{
            font-weight: bold;
            background-color: #23acb4 !important;
            box-shadow: 0 0 10px rgba(0,0,0,0.9);
          }

.blog .button{
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    background-color: #2ca9e1;
    padding: 15px 0;
    display: block;
    width: 200px;
    border-radius: 5px;
    margin: 25px auto 0;
    box-shadow: 0 0 25px rgba(0,0,0,1);
}

.article-wrapper > p{width: 100%;}

.single-wrapper p{margin-bottom: 15px;}

.single-wrapper ul{margin-bottom: 15px;}

.single-wrapper ul li{margin-left: 25px; list-style-type: disc;}

.single-wrapper ul li ul{margin-bottom: 0;}

.single-wrapper ul li ul li{list-style-type: circle;}

.single-wrapper h3{
    font-size: 24px;
    color: #015b8d;
    margin-bottom: 25px;
}

.single-wrapper{
    width: 95%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 25px 0
}

#nav-posts{
	display: flex;
	justify-content: space-between;
	width: 100%;
    margin-top: 50px;
}

#nav-posts div a{
	text-shadow: 0 0 1px black;
	font-size: 20px;
    color: #2981A2;
}

/*blog*/

/* Contact form 7 */
.sgpb-main-html-content-wrapper h1{
	text-transform: uppercase;
	font-size: 24px;
}

.wpcf7-form-control-wrap.your-answer{
	display: block;
}

.wpcf7-form-control-wrap.your-answer span{
	display: block;
}

.wpcf7-form-control-wrap.your-answer .wpcf7-list-item{
	display: flex;
	align-items: center;
	margin: 0;
}

.wpcf7-form-control-wrap.your-answer .wpcf7-list-item input{
	width: 14px;
	margin-right: 10px;
}
/* Contact form 7 */

.sgpb-main-html-content-wrapper h1 img{
	width: 100%;
	height: auto;
}

@media screen and (max-width: 1500px){
  .slider-wrapper{height: 500px;}

  .slider-wrapper img{height: 500px;}
}

@media screen and (max-width: 1300px){
  .slider-wrapper{height: 400px;}

  .slider-wrapper img{height: 400px;}
	
  .slick-slider{height: 600px;}
	
  .Modern-Slider .item .img-fill{height: 600px;}
	
  .img-fill > img{height: 600px;}
	
  .Modern-Slider .item .img-fill .info{height: 600px;}
  
}

@media screen and (max-width: 1150px){
  .review-item > img{width: 250px; height: 250px;}
}

@media screen and (max-width: 1024px){

  .menu{display: none; position: absolute; top: 125px; right: 0; width: 100%; background-color: rgba(0, 0, 0, 1); padding: 15px 0; z-index: 1000;}

  .menu li{padding-bottom: 10px; text-align: center;}
  
  .menu li a{color: #fff;}
  
  .menu li a:hover{color: #015b8d;}

  .responsive-menu {display: block; color: #fff;}
  
  .responsive-menu:hover{color: #015b8d;}
  
  nav{width: 21px;}

  nav li{margin-left: 0;}

  .sup-left{width: 100%; text-align: center;}

  .sup-right{width: 100%; justify-content: center;}

  header{height: 125px;}
  
  .page-wrapper > .woocommerce > .woocommerce-MyAccount-navigation{width: 100%;}
  
  .page-wrapper > .woocommerce > .woocommerce-MyAccount-navigation ul{justify-content: space-between; flex-wrap: wrap;}

  .item{width: 100%; margin-bottom: 25px;}

  .best-item{margin-bottom: 0;}

  .faq-item{width: 47%;}

  .examp-item{width: 100%}

  .main-video-wrap{width: 100%; margin: 0 auto;}

  .exam-wrapper-bg .examp-wrapper > h2{position: static;}

  .exam-wrapper-bg .examp{position: static;}

  .after-relative{margin-top: 50px;}

  .review-item > p{font-size: 14px;}

  .review-item > img{width: 200px; height: 200px;}
  
  .nav-course{width: auto;}
	
  .Modern-Slider .item h1{font: 32px/30px RalewayB; font-family: 'Open Sans', sans-serif; margin: 0 auto;}

  .Modern-Slider .item h5{font: 14px/30px RalewayB; font-family: 'Open Sans', sans-serif; margin: 0 auto;}
}

@media screen and (max-width: 890px){
  .element{width: 100%;}

  .ques-big > .plus{top: 15px;}

  .element:nth-last-child(2) {margin-bottom: 2%;}
}

@media screen and (max-width: 875px) {

}

@media screen and (max-width: 768px) {
  .review-item{width: 100%; margin-bottom: 2%;}

  .best-item{width: 100%;}

  .best-wrapper > h3{font-size: 14px;}

  .examp-wrapper > h2{font-size: 32px;}
  
  .article-wrapper .article{width: 100%; max-width: 380px; margin: 0 auto 25px;}
	
	.home-shop .woocommerce ul.products{ padding-top: 0; justify-content: flex-start;}
	
	.home-shop ul li{margin: 2%!important; width: 46% !important;}
	
	#coupon_code{margin-top:10px;float: left;}
	
	.cross-sells .cart-interest-items .element{width:100%;margin-bottom:30px;}
}

@media screen and (max-width: 700px) {
  .page-wrapper > .woocommerce > .woocommerce-MyAccount-navigation ul li{width: 100%;}
}

@media screen and (max-width: 620px){
  .main-video-wrap{width: 100%;}
	
  .slick-slider{height: 450px;}
	
  .Modern-Slider .item .img-fill{height: 450px;}
	
  .img-fill > img{height: 450px;}
	
  .Modern-Slider .item .img-fill .info{height: 450px;}
	.Modern-Slider .item h1 {
    font: 30px/30px RalewayB;
}
   header{padding: 0;}
	/* new checkout*/
	.product-btn-main-page {
		font-size: 15px;
	}
		.df-cupon {
    	display: flex;
		flex-direction:column;
		    margin-top: 0;
	}
	body > div.wrapper > div.content-wrapper > div.page-wrapper > div > form.checkout_coupon.woocommerce-form-coupon.display > div.df-cupon > p.form-row.form-row-first {
		min-width: 100%;
		margin-top: 0;
	}
	#billing_prtner-name_field, #billing_first_name_field, #billing_last_name_field, #form-row-first, #billing_prtner-name_field, #billing_prtner-email_field {
		max-width: 100%!important;
		width: 100%;
		margin-right: 0!important;
	}
	.form-row {
		margin-top: 20px!important;
	}
	.checkout_coupon.woocommerce-form-coupon.display {
		margin-bottom: 0;
	}
	#payment > div > div.woocommerce-terms-and-conditions-wrapper > div > p {font-size: 13px;}
	.woocommerce-privacy-policy-link {
		color: #000;
		font-size: 13px;
	}
	#checkbox_trigger_field > span > label, #checkbox_trigger_field > span > label > a > b {
		white-space: nowrap;
		font-size: 13px;
	}
	#checkbox_trigger_field > span > label > a > b  {
		display: block;
	}
	.col-1 {
		overflow-x: hidden;
	}
	form.checkout_coupon.woocommerce-form-coupon.display > div.df-cupon > p.form-row.form-row-last {
		margin: 30px auto 30px 0;
		text-align: left;
	}
	.woocommerce form .form-row label {
		font-size: 14px;
		white-space: nowrap;
	}
	.product-main-page {
		width: 60%;
	}
	#payment > ul > li.wc_payment_method.payment_method_stripe > label, #payment > ul > li.wc_payment_method.payment_method_stripe {
		font-size: 15px;
		width: 89%;
	}
	.woocommerce form .form-row label {
		white-space: normal!important;
		font-size: 13px;
		line-height: 1.4;
	}
	#wc-stripe-cc-form > div.form-row.form-row-first {
		min-width: 100%;
	}
	#stripe-payment-data > p.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated {
		margin-left: 20px;
	}
	.logo {
		display: block;
		width: 20%;
		min-width: 150px;
		max-width: 300px;
	}
	.Modern-Slider .item.slick-active h5 .button-slider {
		font-size: 15px;
		margin: 10px auto;
		padding: 10px 20px;
	}
	.cross-sells .cart-interest-items ul.products li{
		width:75%!important;
	}
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		margin-bottom: 0;
	}
	form.checkout_coupon.woocommerce-form-coupon > div.df-cupon > p.form-row.form-row-first, div > form.checkout_coupon.woocommerce-form-coupon > div.df-cupon > p.form-row.form-row-last {
		min-width: 100%;
		text-align: left;
	}
	.df-cupon {
		margin-bottom: 30px;
	}
	.cross-sells {
		margin-bottom: 50px;
	}
	.cross-sells .cart-interest-items .element {
		margin-bottom:0;
	}
}

@media screen and (max-width: 556px) {
  .best-wrapper > h2{font-size: 24px;}

  .item > h3{font-size: 18px;}

  .item > p{font-size: 14px; text-align: center;}

  .item > p > b{font-size: 14px;}

  .sup-right > p{width: 100%; margin-left: 0; text-align: center;}

  .ready-wrapper > h2{font-size: 24px;}

  .faq-item{width: 100%; text-align: center;}

  .faq-item > p{font-size: 14px;}

  .faq-wrapper > h2{font-size: 24px;}

  .examp-wrapper > h2{font-size: 24px;}

  .examp-item{text-align: center;}

  .examp-item > p{font-size: 14px;}

  .review-wrapper > h2{font-size: 24px;}

  .review-item > p{font-size: 14px;}

  .review-item > p > b{font-size: 14px;}

  .bonus-title{font-size: 24px;}

  .forW-wrapper > h2{font-size: 24px;}

  .forW-item h3{text-align: center;}

  .forW-item p{text-align: center;}

  .forW-item ul{text-align: center;}
	
  .Modern-Slider .item h5{font: 14px/20px RalewayB; font-family: 'Open Sans', sans-serif; margin: 0 auto;}

  .Modern-Slider .item h1{margin-bottom: 15px;}
}

@media screen and (max-width: 505px){
  .sup-right > p{font-size: 13px;}

  .sup-right a{font-size: 13px;}
  
  .course-nav a{font-size: 14px;}
}



@media screen and (max-width: 480px) {
  .footer{flex-direction: column;}
  
  .footer-logo{margin-bottom: 15px;}

  .footer-menu a{margin-left: 10px; font-size: 12px;}

  .video-wrap iframe{height: 200px;}

  .logo{min-width: 150px;}
	
  .home-shop ul li{margin: 2%!important; width: 96% !important; max-width: 320px;}
	
  .home-shop .woocommerce ul.products{ justify-content: center;}
	
  .sgpb-main-html-content-wrapper *{font-size: 12px;}
	
  .sgpb-main-html-content-wrapper h1{font-size: 16px;}
	
  .wpcf7-form input{padding: 5px;}
	
  .slick-slider{height: 380px;}
	
  .Modern-Slider .item .img-fill{height: 380px;}
	
  .img-fill > img{height: 380px;}
	
  .Modern-Slider .item .img-fill .info{height: 420px;}
	
  .Modern-Slider .slick-dots{height: 30px;}
	
  .Modern-Slider .item h5 p > *{font-size: 13px;}
	
  .Modern-Slider .item h5 p{margin-bottom: 5px;}
	.cross-sells .cart-interest-items ul.products li{
		width: 100%!important;
	}
	
  .menu{top:95px;}

}
@media screen and (max-width: 445px){ 
		.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
		float: left;
	}
	label {
		max-width: 89%;
	}
}
@media screen and (max-width: 420px){
	.Modern-Slider .item h1{font-size: 22px;font-weight: 600;}
	
	.Modern-Slider .item h5{font: 14px/16px RalewayB; text-align:center;}
	
	.Modern-Slider .item.slick-active h5 .button-slider{font-size: 18px; margin: 15px auto;}

	#coupon_code{margin-top:17px;width: 100%!important;}
	
	.actions .element .answer .coupon .button{float:none!important;width:100%!important;}
}

@media screen and (max-width: 380px) {
  .Modern-Slider .item h1{font-size: 18px;font-weight: 600;}
	
	.Modern-Slider .item.slick-active h5 .button-slider{ padding: 10px 15px; font-size: 16px;}
}

@media screen and (max-width: 340px) {
  .sup-right > p{font-size: 12px;}

  .sup-right a{font-size: 12px;}
}
.ostav-otzyiv label {
    color: #5E6E79;
    width: 100%;

}
.ostav-otzyiv .wpcf7-form-control-wrap {
    position: relative;
    margin-top: 16px;
    display: block;
}
.ostav-otzyiv .item p a img {
   
        height: 50px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}
.footer-menu a img {
    background: #2ca9e1;
    height: 31px;
    display: inline-block;
    border-radius: 5px;
    vertical-align: bottom;
}
.footer-menu a img:hover {
    background: #02648B;
   
}
body > div.wrapper > div.content-wrapper > div.page-wrapper > div > div:nth-child(1) > div > a {
	display: none;
}
.woocommerce-message {
	max-width: 1000px;
	margin: auto;
}
.product-main-page .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    box-shadow: none;
    border-radius: 0;
    display: block;
    overflow: hidden;
	text-align: center;
}
.product-main-page .button.product_type_simple.add_to_cart_button {
	padding: 20px 0!important;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	color: #fff;
	background-color: #2ca9e1;
	display: flex;
	text-transform: uppercase;
	margin-top: 15px!important;
	border-top: 2px solid #2ca9e1;
	transition-duration: .5s;
}
.product-main-page:hover .button.product_type_simple.add_to_cart_button { 
	color: #2ca9e1; 
	background-color: #fff;
}

/*
 * New Home page styles 
 */
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
html {
  	scroll-behavior: smooth;
}
*::-webkit-scrollbar-thumb {
	background-color: gray;
}
*::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
*::-webkit-scrollbar-track {
	background: silver;
}
html body {
	background: #ebecee;
	font-family: 'Circe', sans-serif;
	overflow-x: hidden;
}
.h1, h2, h3, h4, h5, h6 {
	font-family: 'Circe', sans-serif;
}
p {
    color: #525c6b;
    font-size: 16px;
    line-height: 150%;
    font-weight: 300;
}
@media (min-width: 992px) {
	p {
		font-size: 18px;
	}
}
@media (min-width: 1200px) {
	p {
		font-size: 20px;
	}
}

/* Banner */
.banner {
	padding: 160px 5% 300px;
	background-size: cover;
    background-repeat: no-repeat;
	background-position: 50% 100%;
}
.banner-title {
	color: #fff;
    font-size: 25px;
    line-height: 110%;
    font-weight: 300;
	text-align: center;
	margin-bottom: 0;
}
.banner-text {
	color: #fff;
    line-height: 110%;
	display: block;
    margin-top: 0px;
    margin-bottom: 25px;
    font-family: 'circe', sans-serif;
    letter-spacing: 0px;
	font-weight: 400;
	font-size: 20px;
	text-align: center;
}
.banner-btns {
    display: flex;
    margin-top: 60px;
    justify-content: center;
	flex-wrap: wrap;
	margin: 30px -18px 0;
}
@media (min-width: 992px) {
	.banner {
		padding: 190px 5% 328px;
	}
	.banner-title {
		font-size: 32px;
	}
}
@media (min-width: 1200px) {
	.banner {
		padding: 224px 5% 387px;
	}
	.banner-title {
		font-size: 45px;
	}
}

/* card-list */
.card-list {
	padding: 60px 2%;
	background-color: #fff;
    color: #000;
	transform: translateY(-50%);
	display: flex;
    flex-direction: column;
    align-items: center;
}
.card-list__title {
	font-weight: 700;
	color: #000;
	font-size: 25px;
    line-height: 130%;
	text-align: center;
	font-family: 'Circe', sans-serif;
}
.card-list__wrapper {
	margin-top: 50px;
	margin-bottom: 0;
	color: #525c6b;
	font-size: 16px;
	list-style-type: none;
}
.card-list__wrapper li span {
	color: #525c6b;
}
.card-list__wrapper li:not(:last-child) {
	margin-bottom: 20px;
}
@media (min-width: 992px) {
	.card-list {
		display: block;
		padding: 75px 2% 120px;
	}
	.card-list__title {
		font-size: 29px;
	}
	.card-list__wrapper {
		display: flex;
		font-size: 20px;
	}
	.card-list__wrapper li {
		max-width: 25%;
		flex: 0 0 25%;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin-bottom: 0;
		padding: 0 10px;
	}
	.card-list__wrapper li span {
		margin-top: 60px;
	}
}

/* custom card */
.cards-list {
	margin-top: -270px;
}
.custom-card {
    position: relative;
    overflow: hidden;
    padding: 55px 30px 155px 48px;
    background-color: #fff;
    transition: all 500ms ease;
    text-align: left;
	transform: translate3d(0px, 0px, 0px) 
		scale3d(1, 1, 1) 
		rotateX( 0deg ) 
		rotateY( 0deg ) 
		rotateZ( 0deg ) 
		skew( 0deg, 0deg );
	transform-style: preserve-3d;
	opacity: 1;
	height: 100%;
}
.custom-card:hover {
	z-index: 1;
    box-shadow: 0 10px 65px 0 rgb(0 0 0 / 16%);
	transform: translate3d(0px, 0px, 0px) 
		scale3d(1.1, 1.1, 1) 
		rotateX( 0deg ) 
		rotateY( 0deg ) 
		rotateZ( 0deg ) 
		skew( 0deg, 0deg );
}
.custom-card__text {
    color: #2b333c;
    line-height: 130%;
	font-size: 16px;
}
.custom-card__number {
    position: absolute;
    left: auto;
    top: auto;
    right: -25px;
    bottom: -40px;
    display: block;
    color: rgba(62, 80, 107, 0.05);
    font-size: 268px;
    line-height: 100%;
    font-weight: 800;
}
@media (min-width: 992px) {
	.cards-list {
		margin-top: -300px;
	}
	.custom-card__text {
		font-size: 24px;
	}
	.custom-card__number {
		position: absolute;
		left: auto;
		top: auto;
		right: -25px;
		bottom: -40px;
		display: block;
		color: rgba(62, 80, 107, 0.05);
		font-size: 268px;
		line-height: 100%;
		font-weight: 800;
	}
}

/* benner-2 */
.banner2-img {
	max-width: 300px;
	width: 100%;
	margin: 20px auto 0;
	display: block;
}
@media (min-width: 768px) {
	.banner2-img {
		max-width: 100%;
		margin: 0;
	}
}

/* reviews-card */
.reviews-slider {
	margin-left: -12px;
	margin-right: -12px;
	height: unset;
}
.reviews-card {
	background: #fff;
	margin: 0 12px;
    display: flex;
    min-height: 350px;
    padding: 30px 20px 30px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.reviews-card__user {
	padding-left: 89px;
	position: relative;
	min-height: 65px;
	margin-top: auto;
    margin-bottom: auto;
}
.card-user__image {
	position: absolute;
	left: 0;
	top: 0;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.card-user__title {
    font-size: 16px;
    line-height: 150%;
	color: #000;
    font-weight: 400;
}
.card-user__text {
    color: #525c6b;
    font-size: 12px;
    line-height: 150%;
    font-weight: 300;
}
.reviews-slider .slider-arrow {
	display: none;
}
@media (min-width: 992px) {
	.reviews-card {
		padding: 40px 30px 30px;
		min-height: 485px;
	}
}
@media (min-width: 1200px) {
	.reviews-card {
		padding: 70px 60px 60px;
	}
	.reviews-slider .slider-arrow {
		display: block;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 12px;
		height: 30px;
		background-size: cover;
		background-repeat: no-repeat;
		z-index: 999;
		cursor: pointer;
	}
	.reviews-slider .slider-arrow.arrow-prev {
		left: -24px;
		background-image: url('./assets/img/arrow.svg');
		transform: translateY(-50%) rotate(180deg);
	}
	.reviews-slider .slider-arrow.arrow-next {
		right: -24px;
		background-image: url('./assets/img/arrow.svg');
	}
}

/* module */
.module {
	margin-bottom: 30px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ebecee+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ebecee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ebecee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ebecee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebecee',GradientType=0 ); /* IE6-9 */
}
.module-left {
	padding: 20px 10px 100px;
	position: relative;
	border-bottom: 1px solid rgba(69, 78, 92, 0.1);
	overflow: hidden;
}
.module-left__title {
	color: #000;
    line-height: 130%;
    font-weight: 400;
	font-size: 14px;
	margin: 10px 0px 0px;
}
.module-left__label {
	color: #ff4e00;
    font-weight: 400;
    letter-spacing: 1.5px;
    text-transform: uppercase;
	font-family: 'Circe', sans-serif;
    font-size: 9px;
    line-height: 150%;
}
.module-left__number {
	position: absolute;
    left: auto;
    top: auto;
    right: -20px;
    bottom: -28px;
    display: block;
    color: rgba(62, 80, 107, 0.05);
    font-size: 180px;
    line-height: 100%;
    font-weight: 800;
}
.module-right {
	padding: 20px 10px 0;
}
.module-right__list {
	padding-left: 0px;
	padding-right: 0px;
}
.module-right__list h4 {
    font-family: 'circe', sans-serif;
    color: #2b333c;
    font-size: 14px;
    line-height: 130%;
	margin: 10px 0 7px;
	padding-left: 11px;
}
.module-right__list ul {
	list-style-type: none;
}
.module-right__list li {
	position: relative;
	padding-left: 11px;
	position: relative;
    z-index: 1;
    color: #525c6b;
    font-size: 12px;
    line-height: 150%;
    font-weight: 300;
	margin-bottom: 5px;
}
.module-right__list li:before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	border-radius: 50%;
	width: 3px;
	height: 3px;
	background: red;
}
.module-right__list.full-w {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
}
@media (min-width: 576px) {
	.module {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 50px;
	}
	.module-left {
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
		width: 100%;
		padding: 30px 10px 105px;
		border-bottom: none;
		border-right: 1px solid rgba(69, 78, 92, 0.1);
	}
	.module-right {
		flex: 0 0 66.666666%;
		max-width: 66.666666%;
		width: 100%;
		padding: 30px 10px 0;
	}
	.module-left__title {
		font-size: 15px;
    	margin: 15px 0 10px;
	}
	.module-left__label {
		font-size: 10px;
	}
	.module-left__number {
		right: -25px;
		bottom: -32px;
		font-size: 200px;
	}
	.module-right__list {
		padding-left: 0px;
		padding-right: 0px;
	}
	.module-right__list h4 {
		font-size: 15px;
		margin: 0px 0 10px;
	}
	.module-right__list li {
		font-size: 12px;
		margin-bottom: 6px;
	}
	.module-right__list li:before {
		top: 8px;
	}
}
@media (min-width: 768px) {
	.module-right {
		display: flex;
		flex-wrap: wrap;
	}
	.module-right__list {
		flex: 0 0 50%;
		max-width: 50%;
		width: 100%;
	}
}
@media (min-width: 992px) {
	.module {
		margin-bottom: 70px;
	}
	.module-left {
		padding: 40px 10px 150px 20px;
	}
	.module-left__title {
		font-size: 20px;
		margin: 28px 0 10px;
	}
	.module-left__label {
		font-size: 12px;
	}
	.module-left__number {
		right: -12px;
		bottom: -32px;
		font-size: 200px;
	}
	.module-right {
		padding: 40px 20px 0;
	}
	.module-right__list {
		padding-left: 10px;
		padding-right: 10px;
	}
	.module-right__list h4 {
		font-size: 18px;
		margin: 10px 0 20px;
	}
	.module-right__list li {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.module-right__list li:before {
		top: 8px;
	}
}
@media (min-width: 1200px) {
	.module {
		margin-bottom: 100px;
	}
	.module-left {
		padding: 80px 20px 150px 60px;
	}
	.module-left__title {
		font-size: 22px;
		margin: 32px 0 15px;
	}
	.module-left__label {
		font-size: 12px;
	}
	.module-left__number {
		right: -25px;
		bottom: -40px;
		font-size: 268px;
	}
	.module-right {
		padding: 80px 40px 0;
	}
	.module-right__list {
		padding-left: 20px;
		padding-right: 20px;
	}
	.module-right__list h4 {
		font-size: 18px;
		margin: 15px 0 27px;
	}
	.module-right__list li {
		font-size: 16px;
		margin-bottom: 12px;
	}
	.module-right__list li:before {
		top: 9px;
	}
}

/* author block */
.author-card {
	background: #fff;
    padding: 20px;
	height: 100%;
}
.author-card__title {
    color: #525c6b;
    font-size: 18px;
    line-height: 150%;
	font-weight: 400;
	margin: 10px 0 15px;
}
.author-card__list {
	color: grey;
    line-height: 150%;
    font-weight: 300;
	font-family: 'circe', sans-serif;
    font-size: 14px;
    letter-spacing: 0px;
	list-style-type: none;
	margin-bottom: 0;
}
.author-card__list li {
	color: grey;
	position: relative;
	padding-left: 26px;
	padding-bottom: 13px;
    margin-bottom: 12px;
}
.author-card__list li:after {
	position: absolute;
	content: '';
	left: 26px;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #c4c4c4;
}
.author-card__list li:last-child::after {
	display: none;
}
.author-card__list li:before {
	position: absolute;
    content: '';
    background-image: url(./assets/img/ok.svg);
    left: 0;
    top: 6px;
    width: 10px;
    height: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.author-info {
	position: relative;
	min-height: 450px;
	padding-right: 30%;
	height: 100%;
	display: flex;
    flex-direction: column;
}
.author-info__title {
	font-family: 'Circe', sans-serif;
    color: #050505;
    font-size: 26px;
    line-height: 120%;
    font-weight: 700;
    margin: 0 0 18px;
}
.author-info p {
	color: #525c6b;
    font-size: 14px;
    line-height: 150%;
    font-weight: 300;
    margin: 0 0 18px;
}
.author-info__img {
	position: absolute;
    height: 320px;
    width: auto;
    right: -40px;
    bottom: 0;
}
.author-info__bottom {
	display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 0;
    margin-right: -35px;
    margin-top: auto;
	flex-direction: column;
	position: relative;
    z-index: 1;
}
.info-bottom {
	max-width: 190px;
    width: 100%;
    background: #fff;
    margin-top: 20px;
    padding: 15px 20px;
    position: relative;
    z-index: 1;
}
.info-bottom__title {
	margin-top: 30px;
    color: #525c6b;
    font-size: 20px;
    line-height: 150%;
    font-weight: 400;
	margin-bottom: 6px;
}
.info-bottom__text {
	line-height: 150%;
	color: #525c6b;
	font-weight: 300;
	font-size: 12px;
}
@media (min-width: 768px) {
	.author-card {
		padding: 20px;
	}
	.author-card__title {
		font-size: 16px;
		margin: 5px 0 10px;
	}
	.author-card__list {
		font-size: 14px;
		margin-bottom: 0;
	}
	.author-card__list li {
		padding-bottom: 15px;
		margin-bottom: 14px;
		padding-left: 20px;
	}
	.author-card__list li:before {
		top: 7px;
		width: 10px;
		height: 10px;
	}
	.author-info {
		min-height: 470px;
		padding-right: 20%;
	}
	.author-info__title {
		font-size: 30px;
		margin: 0 0 30px;
	}
	.author-info p {
		font-size: 14px;
		margin: 0 0 15px;	
	}
	.author-info__img {
		height: 290px;
		right: -50px;
	}
	.author-info__bottom {
		margin-right: -60px;
		flex-direction: row;
	}
	.info-bottom {
		max-width: 170px;
		padding: 12px 20px;
		margin-left: auto;
		margin-top: 0;
	}
	.info-bottom__title {
		margin-top: 10px;
		font-size: 16px;
	}
}
@media (min-width: 992px) {
	.row.author-row .col-lg-5 {
		flex: 0 0 500px;
		max-width: 500px;
	}
	.row.author-row .col-lg-7 {
		flex: 0 0 calc(100% - 500px);
		max-width: calc(100% - 500px);
	}
	.author-card {
		padding: 40px 30px;
	}
	.author-card__title {
		font-size: 18px;
		margin: 10px 0 25px;
	}
	.author-card__list {
		font-size: 16px;
	}
	.author-card__list li {
		padding-bottom: 17px;
		margin-bottom: 16px;
	}
	.author-card__list li:before {
		top: 8px;
		width: 10px;
		height: 10px;
	}
	.author-info {
		min-height: 510px;
		padding-right: 20%;
	}
	.author-info__title {
		font-size: 30px;
		margin: 0 0 30px;
	}
	.author-info p {
		font-size: 16px;
		margin: 0 0 20px;
	}
	.author-info__img {
		height: 350px;
		right: -50px;
	}
	.author-info__bottom {
		margin-right: -60px;
	}
	.info-bottom {
		max-width: 210px;
		padding: 15px ​26px;
	}
	.info-bottom__title {
		margin-top: 20px;
		font-size: 18px;
	}
}
@media (min-width: 1200px) {
	.author-card {
		padding: 70px 66px;
	}
	.author-card__title {
		font-size: 20px;
		margin: 15px 0 32px;
	}
	.author-card__list {
		font-size: 18px;
	}
	.author-card__list li {
		padding-left: 26px;
		padding-bottom: 17px;
		margin-bottom: 16px;
	}
	.author-card__list li:after {
		left: 26px;
	}
	.author-card__list li:before {
		top: 8px;
		width: 12px;
		height: 12px;
	}
	.author-info {
		min-height: 560px;
		padding-right: 30%;
	}
	.author-info__title {
		font-size: 36px;
		margin: 0 0 40px;
	}
	.author-info p {
		font-size: 18px;
		margin: 0 0 30px;
	}
	.author-info__img {
		height: 530px;
		right: -70px;
	}
	.author-info__bottom {
		margin-right: -90px;
	}
	.info-bottom {
		max-width: 230px;
		padding: 27px 32px;
	}
	.info-bottom__title {
		margin-top: 30px;
		font-size: 20px;
		margin-bottom: 6px;
	}
	.info-bottom__text {
		font-size: 14px;
	}
}

/* images-card */
.images-card {
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	margin-bottom: 30px;
}
.images-card__item {
	flex: 0 0 50%;
	max-width: 50%;
	width: 100%;
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
	padding-bottom: 30%;
}
@media (min-width: 768px) {
	.images-card {
		margin-bottom: 60px;
	}
	.images-card__item {
		flex: 0 0 25%;
		max-width: 25%;
		padding-bottom: 15%;
	}
}

/* price-card */
.price-card {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.price-card__top {
	padding: 60px;
	border-bottom: 2px solid #ebecee;
}
.price-card__label {
	margin-bottom: 20px;
    color: #8b94a1;
	font-family: 'Circe', sans-serif;
    font-size: 12px;
    line-height: 150%;
    font-weight: 300;
}
.price-card__jumbo {
	margin-bottom: 76px;
	color: #2b333c;
    font-size: 40px;
    line-height: 90%;
    font-weight: 300;
}
.price-card__text {
	color: #333;
    font-size: 14px;
}
.price-card__list {
	margin: 0;
	padding: 60px;
	list-style-type: none;
	color: grey;
    line-height: 150%;
    font-weight: 300;
}
.price-card__list li {
	margin-bottom: 12px;
    padding-left: 15px;
	position: relative;
	color: grey;
}
.price-card__list li::before {
	position: absolute;
    content: '';
    left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: red;
}
.row.price-row {
	margin-left: -1px;
	margin-right: -1px;
}
.row.price-row > [class*="col-"] {
	padding-left: 1px;
	padding-right: 1px;
}

/* partners */
.partners-info {
	padding: 50px ​20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
	min-height: 100%;
}
.partners-img-card {
	height: 100%;
}
.partners-img {
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 20px;
	min-height: 130px;
}
.row.row-partners {
	margin-left: -1px;
	margin-right: -1px;
}
.row.row-partners [class*="col-"] {
	padding-left: 1px;
	padding-right: 1px;
	margin-bottom: 2px;
}
@media (min-width: 576px) {
	.partners-info {
		padding: 70px 50px;
	}
}
@media (min-width: 768px) {
	.partners-info {
		padding: 100px 70px;
	}
}

/* faq */
.faq-card {
	background: #fff;
	padding: 0 50px;
	margin-bottom: 20px;
}
.faq-title {
	color: #2b333c;
    font-size: 18px;
    line-height: 130%;
    font-weight: 400;
    white-space: normal;
    padding: 30px 0;
    cursor: pointer;
	position: relative;
	padding-right: 20px;
}
.faq-title:after,
.faq-title:before {
	position: absolute;
	content: '';
	width: 16px;
	height: 1px;
	background: #ff4e00;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all .2s ease;
}
.faq-title.collapsed:before {
	transform: translateY(-50%) rotate(90deg);
}
.row.faq-row {
	margin-left: -10px;
	margin-right: -10px;
}
.row.faq-row [class*="col-"] {
	padding-left: 10px;
	padding-right: 10px;
}
@media (min-width: 992px) {
	.faq-title {
		font-size: 25px;
	}
}

/* author-images */
.author-images {
	position: relative;
	height: 100%;
	min-height: 300px;
}
.author-image__1 {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 355px;
	width: auto;
	z-index: 2;
}
.author-image__2 {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 375px;
	width: auto;
	z-index: 1;
}
.author-images .info-bottom {
	position: absolute;
	bottom: 0;
	right: 0;
	background: transparent;
	z-index: 3;
}
@media (min-width: 768px) {
	.author-image__1 {
		height: 290px;
	}
	.author-image__2 {
		height: 250px;
	}
}
@media (min-width: 992px) {
	.author-image__1 {
		height: 450px;
	}
	.author-image__2 {
		height: 390px;
	}
}
@media (min-width: 1200px) {
	.author-image__1 {
		height: 500px;
	}
	.author-image__2 {
		height: 430px;
	}
}

/* footer */
.footer {
	background: #1b1e21;
	color: #fff;
	max-width: 100%;
}
.footer-logo {
	width: 140px;
	height: auto;
}
.footer-line {
	border-top: 1px solid hsla(0, 0%, 100%, 0.12);
}
.footer-menu {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
    font-size: 16px;
    font-weight: 700;
	margin: 20px -10px;
}
.footer-menu li {
	margin: 10px 10px 0;
}
.footer-menu a {
	color: #fff;
	text-decoration: none;
}
.footer-menu a:hover {
	color: #ff5c00;
	text-decoration: none;
}
.footer .footer-menu a i:hover,
.footer .footer-menu i {
	color: inherit;
	font-size: inherit;
}

/* header */
.header {
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
	transition: all .2s ease;
	z-index: 999;
}
.header .nav-link {
	font-size: 12px;
    line-height: 110%;
    letter-spacing: 0.06em;
	color: #fff!important;
}
.header-socials {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-socials a {
	color: #fff;
}
.header a:hover {
	color: #ff5c00!important;
	text-decoration: none;
}
.header .navbar-brand {
	margin: 0 15px 5px 0;
}
.header.scrolled {
	background: #1b1e21;
}
@media (min-width: 1200px) {
	.header .navbar-brand {
		margin-right: 40px;
	}
}

/* Custom */
.outline-none:focus {
	outline: none;
}
.z-index-12 {
	z-index: 12;
}
.bg-light-gray {
	background: #ebecee;
}
.bg-custom-white {
	background: #fff;
}
.custom-px {
	padding-left: 5%;
	padding-right: 5%;
	overflow-x: hidden;
}
.custom-py {
	padding-top: 40px;
    padding-bottom: 50px;
}
.custom-wrapper {
	width: 100%;
    max-width: 1072px;
	margin-left: auto;
	margin-right: auto;
}
.custom-title {
    margin: 0 0 30px;
    font-family: 'Circe', sans-serif;
    color: #050505;
    font-size: 26px;
    line-height: 120%;
    font-weight: 700;
	text-align: center;
}
.row.gutter-4 {
	margin-left: -2px;
	margin-right: -2px;
}
.row.gutter-4 > [class*="col-"] {
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 4px;
}
.red {
	color: #ff4e00;
}
.custom-btn {
    border-radius: 40px;
    background: #fff;
    box-shadow: 1px 1px 6px 0 rgb(132 142 163 / 27%);
    transition: all 200ms ease;
    color: #2b333c;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 14px 22px;
    font-size: 9px;
    line-height: 100%;
	margin: 36px 18px 0;
	text-decoration: none;
	display: inline-block;
}
.custom-btn:hover {
	background: #fff;
	color: #2b333c;
	text-decoration: none;
	box-shadow: 0 10px 20px 0 rgb(255 92 0 / 20%);
    transform: translate(0px, -4px);
}
.custom-btn.red,
.custom-btn.red:hover {
	background: #ff5c00;
	color: #fff;
}
.custom-btn img {
	margin-right: 10px;
	display: inline-block!important;
}
.custom-btn span {
	margin-left: 10px;
	color: #828282;
}
.orange {
	color: #ff5c00;
}
@media (min-width: 992px) {
	.custom-py {
		padding-top: 120px;
		padding-bottom: 128px;
	}
	.custom-title {
		margin: 0 0 60px;
		font-size: 36px;
	}
	.custom-btn {
		font-size: 10px;
	}
}

/* wp */
html[lang="en_US"] {
	margin: 0!important;
}
html #wpadminbar {
	display: none!important;
}