@media all and (min-width: 992px) {
  .theme-header .zpcontainer {
    padding: 27px 15px; } }

@media all and (min-width: 992px) {
  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li a {
    background: none;
    border-radius: 0;
    font-weight: 600;
    padding: 8px 20px; } }

@media all and (min-width: 992px) {
  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li:hover:after, .theme-navigation-and-icons .theme-menu-area .theme-menu ul li.theme-menu-selected:after {
    content: "";
    height: 7px;
    width: 100%;
    position: absolute;
    bottom: -30px;
    left: 0;
    background: #FF8A38; } }

@media all and (min-width: 992px) {
  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li.theme-menu-selected > a {
    background: transparent !important;
    border-radius: 0;
    color: #FF8A38; } }

@media all and (min-width: 992px) {
  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li:hover a {
    background: none !important; } }

@media all and (min-width: 992px) {
  .theme-navigation-and-icons .theme-menu-area .theme-menu ul li > ul li:hover:after, .theme-navigation-and-icons .theme-menu-area .theme-menu ul li > ul li.theme-menu-selected:after {
    display: none; } }

.zpcarousel-container .zpcarousel-content-container .zpcarousel-content .zpcarousel-content-inner {
  padding: 15px 20px; }

.zpcarousel-container.zpcarousel-style-01 .zpcarousel-controller-container {
  margin-top: 0; }

@media all and (min-width: 992px) {
  .zscustom-section-tutor-07 .zscustom-mobile-icon::after {
    content: "";
    display: block;
    width: 1px;
    height: 164px;
    border: 2px solid #3A448A;
    position: absolute;
    top: 28px;
    right: 0; }
  .zscustom-section-tutor-07 .zscustom-mail-icon:before {
    content: "";
    display: block;
    width: 1px;
    height: 164px;
    border: 2px solid #3A448A;
    position: absolute;
    top: 28px;
    left: 0; } }

@media all and (min-width: 992px) {
  .zscustom-section-tutor-01 .zpcustom-column-hover {
    padding: 0;
    width: 30%;
    margin: 0 10px;
    transition: all 0.2s linear 0s; } }

@media all and (min-width: 992px) {
  .zscustom-section-tutor-01 .zpcustom-column-hover .zpelem-image {
    margin-top: 0; } }

@media all and (min-width: 992px) {
  .zscustom-section-tutor-01 .zpcustom-column-hover .zpelem-box {
    margin-top: 0; } }

@media all and (min-width: 992px) {
  .zscustom-section-tutor-01 .zpcustom-column-hover:hover {
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.16);
    transform: translate(0px, -20px);
    transition: all 0.2s linear 0s; } }

@media all and (min-width: 992px) {
  .zscustom-section-tutor-01 .zpbutton-size-md {
    padding: 6px 27px; } }

.zscustom-section-tutor-02 .zscustom-popular-box {
  width: 86%;
  margin: -46px auto 40px; }
  @media all and (min-width: 992px) {
    .zscustom-section-tutor-02 .zscustom-popular-box {
      width: 100%; } }
.zscustom-section-tutor .zpcarousel-container.zpcarousel-style-01 .zpcarousel-controller-container {
  margin-bottom: 20px; }

@media all and (min-width: 992px) {
  .zscustom-section-tutor-03 .zscustom-carousel {
    left: 2%;
    top: 150px;
    z-index: 249; } }

@media all and (min-width: 992px) {
  .zscustom-section-tutor-03 .zscustom-carousel .zpcarousel-container.zpcarousel-style-01 .zpcarousel-controller-container {
    margin-bottom: 20px; } }

@media all and (min-width: 992px) {
  .zscustom-section-tutor-03 .zscustom-carousel .zpcarousel-arrow-left, .zscustom-section-tutor-03 .zscustom-carousel .zpcarousel-arrow-right {
    display: none; } }

.zscustom-section-tutor-03 .zpcarousel-controller:first-child {
  margin-right: -2px; }

@media all and (min-width: 992px) {
  .zscustom-section-tutor-03 .zscustom-video {
    left: 8%; } }

.zscustom-section-tutor-04 .zscustom-button-01 .zpbutton,
.zscustom-section-tutor-04 .zscustom-button-02 .zpbutton,
.zscustom-section-tutor-04 .zscustom-button-03 .zpbutton,
.zscustom-section-tutor-04 .zscustom-button-04 .zpbutton {
  width: 100%; }

.zscustom-section-tutor-04 .zscustom-button-01 .zpbutton-content,
.zscustom-section-tutor-04 .zscustom-button-02 .zpbutton-content,
.zscustom-section-tutor-04 .zscustom-button-03 .zpbutton-content,
.zscustom-section-tutor-04 .zscustom-button-04 .zpbutton-content {
  margin: 0 auto; }

@media all and (min-width: 992px) {
  .zscustom-section-tutor-04 .zscustom-button-01 .zpbutton-size-lg {
    padding: 20px 112px; } }

@media all and (min-width: 992px) {
  .zscustom-section-tutor-04 .zscustom-button-02 .zpbutton-size-lg {
    padding: 20px 78px; } }

@media all and (min-width: 992px) {
  .zscustom-section-tutor-04 .zscustom-button-03 .zpbutton-size-lg {
    padding: 20px 97px; } }

@media all and (min-width: 992px) {
  .zscustom-section-tutor-04 .zscustom-button-04 .zpbutton-size-lg {
    padding: 20px 68px; } }

.zscustom-section-tutor-05 .zscustom-facebook,
.zscustom-section-tutor-05 .zscustom-twitter,
.zscustom-section-tutor-05 .zscustom-instagram {
  display: inline-block; }

.zscustom-section-tutor-05 .zscustom-facebook .zpicon-common svg,
.zscustom-section-tutor-05 .zscustom-twitter .zpicon-common svg,
.zscustom-section-tutor-05 .zscustom-instagram .zpicon-common svg {
  fill: #3A448A; }

.zscustom-section-tutor-05 .zscustom-facebook {
  margin-left: 28%; }
  @media all and (min-width: 992px) {
    .zscustom-section-tutor-05 .zscustom-facebook {
      margin-left: 30%; } }
.zscustom-section-tutor-05 .zscustom-icon-denise {
  margin: 0 auto 50px;
  width: 93%; }
  @media all and (min-width: 992px) {
    .zscustom-section-tutor-05 .zscustom-icon-denise {
      width: 100%; } }
.zscustom-section-tutor-06 .zscustom-column-image {
  width: 27%;
  left: 8%;
  z-index: 1; }
  @media all and (min-width: 992px) {
    .zscustom-section-tutor-06 .zscustom-column-image {
      left: 10%;
      z-index: 186;
      width: 33.33%; } }
.zscustom-section-tutor-06 .zscustom-column-box p {
  font-size: 14px; }

.zscustom-section-tutor-06 .zscustom-column-box {
  width: 56%;
  right: 9%; }
  @media all and (min-width: 992px) {
    .zscustom-section-tutor-06 .zscustom-column-box {
      left: -10%;
      width: 66%; } }
  .zscustom-section-tutor-06 .zscustom-column-box .zscustom-box {
    padding-left: 50px;
    padding-right: 10px;
    box-shadow: 28px 0px 0px -17px #68B5E2; }
    @media all and (min-width: 992px) {
      .zscustom-section-tutor-06 .zscustom-column-box .zscustom-box {
        padding-left: 100px;
        padding-right: 20px; } }
@media all and (min-width: 992px) {
  .zscustom-section-tutor-07 .zscustom-mobile-icon:after {
    content: "";
    display: block;
    width: 1px;
    height: 164px;
    border: 2px solid #3A448A;
    position: absolute;
    top: 28px;
    right: 0; } }

@media all and (min-width: 992px) {
  .zscustom-section-tutor-07 .zscustom-mail-icon:before {
    content: "";
    display: block;
    width: 1px;
    height: 164px;
    border: 2px solid #3A448A;
    position: absolute;
    top: 28px;
    left: 0; } }

@media all and (max-width: 768px) {
  .zscustom-section-tutor-02 .zscustom-popular-box {
    width: 60%;
    margin: -46px auto 30px; }
  .zscustom-section-tutor-05 .zscustom-icon-denise {
    width: 95%;
    margin: 0 auto 50px;
    text-align: center; }
  .zscustom-section-tutor-05 .zscustom-facebook {
    margin-left: 0px; }
  .zscustom-section-tutor-06 .zscustom-column-image {
    width: 30%;
    left: 8%;
    z-index: 1; }
  .zscustom-section-tutor-06 .zscustom-column-box {
    width: 70%;
    right: 5%; }
  .zscustom-section-tutor-06 .zscustom-column-box h2 {
    font-size: 28px; }
  .zscustom-section-tutor-06 .zscustom-column-box .zscustom-box {
    padding-left: 90px;
    padding-right: 20px; } }

@media all and (max-width: 640px) {
  .zscustom-section-tutor-02 .zscustom-popular-box {
    width: 90%; }
  .zscustom-section-tutor-06 .zscustom-column-box .zscustom-box {
    padding-left: 50px;
    padding-right: 20px; } }