/*
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%;
}

.wrapper{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.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;
}


.breadcrumbs__promo {
    margin-top: 50px;
}

.breadcrumbs__wrapper-inner {
    margin-bottom: 15px;
}

iframe #wu54qfm3r5oo1654695915120 {
    bottom: 65px!important;
}