/***************************************************************************************************************
||||||||||||||||||||||||||||       MASTER STYLESHEET FOR Invest               ||||||||||||||||||||||||||||||||||
****************************************************************************************************************
    Project:        Pion -  Consulting Business HTML5 Template
    Version:        1.0
    Author:         Uxign

||||||||||||||||||||||||||||              TABLE OF CONTENT                  ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************


1- General Style
2- 
3- 
4- 
5- 
6- 
7- 
8- 
9- 
10- 
11- 
12- 
13- 


/*  -------------------------------------------------------------------------------
 *  [ 16 ] - Media Queries
 *  -------------------------------------------------------------------------------
 *  
 *  This part contains the all changes that needed for elements for the Bootsrap
 *  widths like iPhone image in About Us section
 *  
 *  It's divided to the following sections:
 *  
 *     |
       |-->   - Width between 1200px to 0
       |-->   - Width between 992px to 1199px
 *     |-->   - Width between 768px to 991px
       |-->   - Width between 767px to 0
       |-->   - Width between 600px to 0
 *     |-->   - Width between 480px to 0
 *     |-->   - Width between 320px to 0

*/
/* Variable */
/* @mixin class */
/* Fonts import google fonts */
@import url("https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Rubik:300,400,500,700&display=swap");
/* Margin class */
.mb-30 {
  margin-bottom: 30px; }

.mb-50 {
  margin-bottom: 50px; }

.mt-60 {
  margin-top: 60px; }

/* Padding class*/
.pt-50 {
  padding-top: 50px; }

.pt-60 {
  padding-top: 60px; }

.pt-70 {
  padding-top: 70px; }

.pt-100 {
  padding-top: 100px; }

.pb-100 {
  padding-bottom: 100px; }

.pb-50 {
  padding-bottom: 50px; }

.pb-60 {
  padding-bottom: 60px; }

.pb-70 {
  padding-bottom: 70px; }

.pl-0 {
  padding-left: 0; }

.pr-0 {
  padding-right: 0; }

.transition {
  -moz-transition: all .5s ease-in-out 0s;
  -ms-transition: all .5s ease-in-out 0s;
  -o-transition: all .5s ease-in-out 0s;
  -webkit-transition: all .5s ease-in-out 0s;
  transition: all .5s ease-in-out 0s; }

input.placeholder {
  text-align: center; }

/* 1994 */
[data-toggle="collapse"] .fa:before {
  content: "\f056"; }

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f055"; }

.gradient {
  background: -webkit-linear-gradient(348deg, #4E54C8, #686ff5);
  background: -o-linear-gradient(348deg, #4E54C8, #686ff5);
  background: linear-gradient(102deg, #4E54C8, #686ff5); }

.gradient2 {
  background: -webkit-linear-gradient(102deg, #3b42c5, #6a70e8);
  background: -o-linear-gradient(102deg, #3b42c5, #6a70e8);
  background: linear-gradient(102deg, #3b42c5, #6a70e8); }

.boxshadow {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); }

.boxshadowtwo {
  -webkit-box-shadow: 0px 72px 40px rgba(13, 35, 53, 0.25);
  box-shadow: 0px 72px 40px rgba(13, 35, 53, 0.25); }

.background-rgba {
  background: rgba(13, 35, 53, 0.22) none repeat scroll 0 0; }

.beforeone {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #0d2335;
  opacity: .35; }

.translateY {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px); }

/************************** 
* 
***************************/
@media (min-width: 1200px) {
  /*-----------------------------------------------------------------------------------*/
 /*  3-main menu
/*-----------------------------------------------------------------------------------*/
  /*-----------------------------------------------------------------------------------*/
    /*  4-Slide
/*-----------------------------------------------------------------------------------*/
  .headerone .content-slider {
    text-align: center !important; }
    .headerone .content-slider .text {
      text-align: center;
      max-width: 71%;
      margin-left: auto !important;
      margin-right: auto; }
  .headerone .slider-img {
    display: none !important; } }
/************************** 
* 
***************************/
@media (max-width: 1024px) {
  /*-----------------------------------------------------------------------------------*/
  /*  1-GENERAL STYLING
  /*-----------------------------------------------------------------------------------*/
  .fix-none {
    display: none; }

  /*-----------------------------------------------------------------------------------*/
 /*  3-main menu
/*-----------------------------------------------------------------------------------*/
  /*-----------------------------------------------------------------------------------*/
 /*  4-Slide
/*-----------------------------------------------------------------------------------*/
  .headerone .content-slider {
    text-align: center !important; }
    .headerone .content-slider .text {
      text-align: center;
      max-width: 71%;
      margin-left: auto !important;
      margin-right: auto; }
  .headerone .slider-img {
    display: none !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  7-PORTFOLIO
  /*-----------------------------------------------------------------------------------*/
  .portfolio-style-1 .grid,
  .portfoio-style-2 .grid {
    margin-bottom: 0; }
    .portfolio-style-1 .grid .grid-item,
    .portfoio-style-2 .grid .grid-item {
      width: 48%;
      margin: 0 1% 30px 1%; }
      .portfolio-style-1 .grid .grid-item:last-child,
      .portfoio-style-2 .grid .grid-item:last-child {
        margin-bottom: 0; }

  /* Page style 2 */
  /*-----------------------------------------------------------------------------------*/
  /*  8-subscribe
     /*-----------------------------------------------------------------------------------*/
  .subscribe .row {
    display: flex;
    justify-content: center;
    align-items: center; } }
/************************** 
* 
***************************/
@media (min-width: 993px) and (max-width: 1023px) {
  /* GENERAL STYLING */
  .fix-none {
    display: none; }

  /* Slide */
  .headerone .content-slider {
    text-align: center !important; }
    .headerone .content-slider .text {
      text-align: center;
      max-width: 71%;
      margin-left: auto !important;
      margin-right: auto; }
  .headerone .slider-img {
    display: none !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  5-Features
  /*-----------------------------------------------------------------------------------*/
  .features .blokfeatures {
    margin-top: -55px;
    padding-bottom: 31px; }
    .features .blokfeatures .itemfeatures {
      margin-bottom: 0 !important; }
      .features .blokfeatures .itemfeatures:before {
        display: none; }
      .features .blokfeatures .itemfeatures .icon {
        margin-top: -35px; }

  /*-----------------------------------------------------------------------------------*/
  /*  7-PORTFOLIO
  /*-----------------------------------------------------------------------------------*/
  .portfolio-style-1 .grid,
  .portfoio-style-2 .grid {
    margin-bottom: 0; }
    .portfolio-style-1 .grid .grid-item,
    .portfoio-style-2 .grid .grid-item {
      width: 48%;
      margin: 0 1% 30px 1%; }
      .portfolio-style-1 .grid .grid-item:last-child,
      .portfoio-style-2 .grid .grid-item:last-child {
        margin-bottom: 0; }

  /*-----------------------------------------------------------------------------------*/
 /*  11-Blog
/*-----------------------------------------------------------------------------------*/
  .blog-style-two .item-blog .infoblog {
    padding-top: 0; }

  /* Page style 2 */
  /*-----------------------------------------------------------------------------------*/
  /*  -Header One
  /*-----------------------------------------------------------------------------------*/
  .slider-img {
    display: none !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  8-subscribe
     /*-----------------------------------------------------------------------------------*/
  .subscribe .row {
    display: flex;
    justify-content: center;
    align-items: center; }
    .subscribe .row .text {
      font-size: 17px;
      margin: 0; }
    .subscribe .row .titsub {
      margin-bottom: 20px;
      font-size: 27px; }

  /*-----------------------------------------------------------------------------------*/
 /*  10-Contact
/*-----------------------------------------------------------------------------------*/
  .contact-style-two .blockfooter .contact-info {
    display: block; }
    .contact-style-two .blockfooter .contact-info h4 {
      margin-top: 40px;
      margin-bottom: 40px; } }
/************************** 
* 
***************************/
@media (min-width: 992px) and (max-width: 1199px) {
  /*-----------------------------------------------------------------------------------*/
 /*  10-Contact
/*-----------------------------------------------------------------------------------*/
  .contact-style-two .blockfooter .contact-info {
    display: block; }
    .contact-style-two .blockfooter .contact-info h4 {
      margin-top: 40px;
      margin-bottom: 40px; } }
/************************** 
* 
***************************/
@media (max-width: 992px) {
  /*-----------------------------------------------------------------------------------*/
 /*  3-main menu
/*-----------------------------------------------------------------------------------*/
  /*-----------------------------------------------------------------------------------*/
  /*  4-Slide
  /*-----------------------------------------------------------------------------------*/
  .headerone .content-slider {
    text-align: center !important; }
    .headerone .content-slider .text {
      text-align: center;
      max-width: 100%; }
  .headerone .slider-img {
    display: none !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  5-Features
  /*-----------------------------------------------------------------------------------*/
  .features .blokfeatures {
    margin-top: -55px;
    padding-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    padding-bottom: 31px; }
    .features .blokfeatures .itemfeatures:before {
      display: none; }
    .features .blokfeatures .itemfeatures .icon {
      margin-top: -35px; }

  /*-----------------------------------------------------------------------------------*/
  /*  7-PORTFOLIO
      /*-----------------------------------------------------------------------------------*/
  .portfolio {
    padding: 80px 0; }
    .portfolio .portfolio-list {
      width: 100%; }
      .portfolio .portfolio-list ul {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center; }
        .portfolio .portfolio-list ul li {
          display: initial;
          width: auto;
          text-align: center;
          margin-left: 20px;
          margin-right: 20px; }

  .portfoio-style-4 .grid .grid-item {
    width: 48%;
    margin: 0 1% 30px 1%; }
    .portfoio-style-4 .grid .grid-item:last-child {
      margin-bottom: 0; }

  /*-----------------------------------------------------------------------------------*/
  /*  8-subscribe
     /*-----------------------------------------------------------------------------------*/
  .subscribe .form-group .form-control {
    width: 110px; }

  /* Page style 2 */
  /*-----------------------------------------------------------------------------------*/
  /*  -Header One
  /*-----------------------------------------------------------------------------------*/
  .slider-img {
    display: none !important; } }
@media (max-width: 991px) {
  .mainmenu .navbar-light .navbar-nav {
    max-height: 292px;
    overflow-y: auto;
    overflow-x: hidden; }
    .mainmenu .navbar-light .navbar-nav .nav-item .dropdown-menu {
      position: static;
      width: 100%;
      border: none; }
      .mainmenu .navbar-light .navbar-nav .nav-item .dropdown-menu .dropdown-item {
        padding-left: 32px; }
        .mainmenu .navbar-light .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
          padding-left: 40px; } }
/************************** 
* 
***************************/
@media (min-width: 768px) and (max-width: 991px) {
  /*-----------------------------------------------------------------------------------*/
  /*  1-GENERAL STYLING
                 /*-----------------------------------------------------------------------------------*/
  .titlesection .text {
    max-width: 100%; }

  .r-mb-30 {
    margin-bottom: 30px; }

  .r-mb-0 {
    margin-bottom: 0px; }

  /*-----------------------------------------------------------------------------------*/
  /*  2-Nvabr top 
  /*-----------------------------------------------------------------------------------*/
  .topheader .navbartop {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    display: none; }
    .topheader .navbartop .left-info {
      display: inline-block;
      width: 100%; }
    .topheader .navbartop .right-info {
      float: none;
      display: inline-block;
      width: 100%;
      padding-top: 10px; }
      .topheader .navbartop .right-info .list-sosial li a .fa {
        color: #d2d2d2;
        font-size: 14px;
        margin-left: 0px;
        margin-right: 15px; }

  /*-----------------------------------------------------------------------------------*/
 /*  3-main menu
/*-----------------------------------------------------------------------------------*/
  .mainmenu {
    height: auto;
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px; }
    .mainmenu.active-nav {
      height: 80px !important; }
    .mainmenu .navbar-light .navbar-nav .nav-item {
      margin-right: 0; }
      .mainmenu .navbar-light .navbar-nav .nav-item .nav-link {
        padding: 10px 15px;
        border-bottom: 1px solid #f3f2f2; }
    .mainmenu .navbar-toggler {
      background: #fff;
      outline: none; }
      .mainmenu .navbar-toggler:focus {
        outline: none; }
    .mainmenu .navbar-collapse {
      margin-top: 10px;
      background: #fff; }
      .mainmenu .navbar-collapse .nav-item .nav-link {
        color: rgba(64, 54, 99, 0.8) !important; }
      .mainmenu .navbar-collapse .nav-item.active .nav-link {
        color: #5157CA !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  4-Slide
  /*-----------------------------------------------------------------------------------*/
  .slider {
    height: 600px;
    padding: 0; }
    .slider .content-slider h1 {
      font-size: 39px; }
    .slider .content-slider .text {
      max-width: 100%; }

  .headerone .content-slider {
    text-align: center !important; }
    .headerone .content-slider .text {
      text-align: center;
      max-width: 100%; }
  .headerone .slider-img {
    display: none !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  5-Features
  /*-----------------------------------------------------------------------------------*/
  .features .blokfeatures {
    margin-top: -55px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05); }
    .features .blokfeatures .itemfeatures {
      margin-bottom: 0 !important; }
      .features .blokfeatures .itemfeatures:before {
        display: none; }
      .features .blokfeatures .itemfeatures span {
        font-size: 17px; }
      .features .blokfeatures .itemfeatures .icon {
        margin-top: -35px; }

  .features-style-two {
    padding: 80px 0; }

  /*-----------------------------------------------------------------------------------*/
  /*  6-About us
  /*-----------------------------------------------------------------------------------*/
  .aboutus {
    padding: 80px 0;
    text-align: left; }
    .aboutus .aboutimg .content-aboutimg {
      width: 100%;
      padding-top: 30px;
      margin-left: 0;
      margin-right: 40px; }

  .aboutus .aboutcnt {
    margin-bottom: 30px; }
  .aboutus .about-img .about-video {
    left: -4%; }

  /*-----------------------------------------------------------------------------------*/
  /*  7-Deal
  /*-----------------------------------------------------------------------------------*/
  .deal {
    padding: 50px 0;
    display: inline-block;
    height: auto;
    width: 100%;
    text-align: center; }
    .deal .brndeal {
      padding-top: 20px;
      text-align: center; }
      .deal .brndeal .btnlight {
        float: none; }

  /*-----------------------------------------------------------------------------------*/
  /*  8-Facts
  /*-----------------------------------------------------------------------------------*/
  .facts {
    padding: 80px 0 50px !important; }
    .facts .facts-img {
      display: none; }
      .facts .facts-img img {
        position: relative;
        height: 100%;
        width: 100%; }
    .facts .factscnt {
      padding-bottom: 0; }
      .facts .factscnt .counter .itemcounter {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
        border: none !important;
        margin-bottom: 30px; }

  /*-----------------------------------------------------------------------------------*/
  /*  10 -testimonials
  /*-----------------------------------------------------------------------------------*/
  .testimonials {
    padding: 80px 0; }
    .testimonials .carousel-inner {
      max-width: 70% !important; }

  .testi-style-two .carouselitem .testicontent {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: inherit;
    background: #fff;
    padding: 52px;
    margin-top: 30px;
    border-radius: 8px; }

  /*-----------------------------------------------------------------------------------*/
  /*  7-PORTFOLIO
  /*-----------------------------------------------------------------------------------*/
  .portfoio {
    padding: 80px 0 50px; }
    .portfoio .portfolio-list {
      width: 100%;
      margin-bottom: 40px; }
      .portfoio .portfolio-list ul {
        width: 100%;
        text-align: center; }

  .portfoio-style-4 .grid {
    margin-bottom: 0; }
    .portfoio-style-4 .grid .grid-item {
      width: 48%;
      margin: 0 1% 30px 1%; }
      .portfoio-style-4 .grid .grid-item:last-child {
        margin-bottom: 0; }

  /*-----------------------------------------------------------------------------------*/
  /*  8-subscribe
  /*-----------------------------------------------------------------------------------*/
  .subscribe {
    padding: 50px 0;
    text-align: center; }
    .subscribe .titsub {
      margin-bottom: 15px; }
    .subscribe .form-group .form-control {
      width: 100%;
      margin-top: 25px !important; }
    .subscribe .btnlight {
      top: 30px; }

  /*-----------------------------------------------------------------------------------*/
 /*  9-Team
/*-----------------------------------------------------------------------------------*/
  .team {
    padding: 80px 0; }

  /*-----------------------------------------------------------------------------------*/
 /*  10-Contact
/*-----------------------------------------------------------------------------------*/
  .contact {
    padding: 80px 0 120px; }
    .contact .blockfooter .contact-info {
      margin-top: 40px; }

  /*-----------------------------------------------------------------------------------*/
 /*  11-Blog
/*-----------------------------------------------------------------------------------*/
  .blog {
    padding: 80px 0; }

  /* Page style 2 */
  /*-----------------------------------------------------------------------------------*/
  /*  -main menu
      /*-----------------------------------------------------------------------------------*/
  .mainmenutwo {
    background: #fff;
    height: 80px !important; }
    .mainmenutwo .logoone {
      display: none; }
    .mainmenutwo .logotwo {
      display: inherit !important; }
    .mainmenutwo .nav-link {
      color: #1d1d1d !important; }
    .mainmenutwo .socialmenu {
      margin-left: 62px;
      display: none; }

  /*-----------------------------------------------------------------------------------*/
  /*  -Header One
  /*-----------------------------------------------------------------------------------*/
  .slider-img {
    display: none !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  -Features
  /*-----------------------------------------------------------------------------------*/
  .features-style-two .item-center {
    margin-top: 60px; }

  /*-----------------------------------------------------------------------------------*/
  /*  -Team
  /*-----------------------------------------------------------------------------------*/
  .team.team-style-two .iteamteam:hover .skills {
    display: none !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  9-services
     /*-----------------------------------------------------------------------------------*/
  .services {
    padding: 80px 0;
    padding-bottom: 50px; }

  /*-----------------------------------------------------------------------------------*/
  /*  16-Client
     /*-----------------------------------------------------------------------------------*/
  #client.client-styletwo {
    padding-bottom: 80px; }
    #client.client-styletwo .owl-carousel-client {
      padding: 90px 80px; } }
/************************** 
* 
***************************/
@media (max-width: 767px) {
  /*-----------------------------------------------------------------------------------*/
  /*  1-GENERAL STYLING
  /*-----------------------------------------------------------------------------------*/
  .titlesection .text {
    max-width: 100%; }

  .r-mb-30 {
    margin-bottom: 30px; }

  .r-mb-0 {
    margin-bottom: 0px; }

  .r-mt-0 {
    margin-top: 0 !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  2-Nvabr top 
     /*-----------------------------------------------------------------------------------*/
  .topheader .navbartop {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    display: none; }
    .topheader .navbartop .left-info {
      display: inline-block;
      width: 100%; }
    .topheader .navbartop .right-info {
      float: none;
      display: inline-block;
      width: 100%;
      padding-top: 10px; }
      .topheader .navbartop .right-info .list-sosial li a .fa {
        color: #d2d2d2;
        font-size: 14px;
        margin-left: 0px;
        margin-right: 15px; }

  /*-----------------------------------------------------------------------------------*/
 /*  3-main menu
/*-----------------------------------------------------------------------------------*/
  .mainmenu {
    height: auto;
    display: inline-block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px; }
    .mainmenu.active-nav {
      height: 80px !important; }
    .mainmenu .navbar-light .navbar-nav .nav-item {
      margin-right: 0; }
      .mainmenu .navbar-light .navbar-nav .nav-item .nav-link {
        padding: 10px 15px;
        border-bottom: 1px solid #f3f2f2; }
    .mainmenu .container {
      padding-left: 0;
      padding-right: 0; }
      .mainmenu .container .navbar-light img {
        padding-left: 15px; }
    .mainmenu .navbar-toggler {
      background: #fff;
      margin-right: 15px;
      outline: none; }
      .mainmenu .navbar-toggler:focus {
        outline: none; }
    .mainmenu .navbar-collapse {
      margin-top: 20px;
      background: #fff; }
      .mainmenu .navbar-collapse .navbar-nav {
        padding: 10px 0;
        max-height: 292px;
        overflow-y: auto;
        overflow-x: hidden; }
        .mainmenu .navbar-collapse .navbar-nav .nav-item .nav-link {
          color: rgba(64, 54, 99, 0.8) !important; }
        .mainmenu .navbar-collapse .navbar-nav .nav-item.active .nav-link {
          color: #5157CA !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  4-Slide
     /*-----------------------------------------------------------------------------------*/
  .slider .content-slider .text {
    max-width: 100%;
    margin-bottom: 20px; }

  .headerone .content-slider {
    text-align: center !important; }
    .headerone .content-slider .text {
      text-align: center;
      max-width: 100%; }
  .headerone .slider-img {
    display: none !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  5-Features
     /*-----------------------------------------------------------------------------------*/
  .features {
    padding: 80px 0 50px; }
    .features .blokfeatures {
      margin-top: 0px;
      box-shadow: none;
      padding-bottom: 0; }
      .features .blokfeatures .itemfeatures {
        padding: 27px 30px 27px;
        cursor: pointer;
        text-align: center;
        display: inline-block;
        width: 100%;
        margin-bottom: 30px;
        border-radius: 8px;
        -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); }
        .features .blokfeatures .itemfeatures:before {
          display: none; }
        .features .blokfeatures .itemfeatures .icon {
          margin-top: 0; }
        .features .blokfeatures .itemfeatures span {
          margin-bottom: 0; }

  .features-style-two {
    padding: 80px 0; }

  /*-----------------------------------------------------------------------------------*/
  /*  6-About us
     *-----------------------------------------------------------------------------------*/
  .aboutus {
    padding: 80px 0; }
    .aboutus .aboutcnt {
      text-align: left; }
    .aboutus .aboutimg .content-aboutimg {
      width: 100%;
      margin-top: 30px;
      margin-left: 0;
      margin-right: 40px; }
    .aboutus .about-img {
      margin-top: 30px;
      height: auto; }
      .aboutus .about-img .about-video {
        left: -4%; }

  /*-----------------------------------------------------------------------------------*/
  /*  7-Deal
  /*-----------------------------------------------------------------------------------*/
  .deal {
    padding: 50px 0;
    display: inline-block;
    height: auto;
    width: 100%;
    text-align: center; }
    .deal .brndeal {
      padding-top: 20px;
      text-align: center; }

  /*-----------------------------------------------------------------------------------*/
  /*  8-Facts
  /*-----------------------------------------------------------------------------------*/
  .facts {
    padding: 80px 0 !important;
    padding-bottom: 50px !important; }
    .facts.factsfix .factscnt {
      margin-top: 0; }
      .facts.factsfix .factscnt .counter .itemcounter {
        padding: 0 !important; }
    .facts .facts-img {
      margin-bottom: 30px;
      width: 100%; }
      .facts .facts-img img {
        position: relative;
        height: 100%;
        width: 100%; }
    .facts .factscnt {
      padding-bottom: 0;
      margin-top: 30px; }
      .facts .factscnt .counter .colfix {
        padding-left: 15px;
        padding-right: 15px; }
      .facts .factscnt .counter .itemcounter {
        padding: 27px 30px 27px !important;
        cursor: pointer;
        text-align: center;
        display: inline-block;
        width: 100%;
        margin-bottom: 30px;
        border-radius: 8px; }
        .facts .factscnt .counter .itemcounter.brd1, .facts .factscnt .counter .itemcounter.brd2, .facts .factscnt .counter .itemcounter.brd3, .facts .factscnt .counter .itemcounter.brd4 {
          border: 1px solid #e7e7e7 !important;
          border-top: 1px solid #e7e7e7 !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  10 -testimonials
  /*-----------------------------------------------------------------------------------*/
  .testimonials {
    padding: 80px 0; }
    .testimonials .carousel-inner {
      max-width: 100% !important; }

  .testi-style-two .carouselitem .testicontent {
    width: 100% !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  7-PORTFOLIO
  /*-----------------------------------------------------------------------------------*/
  #portfolio {
    padding: 80px 0; }
    #portfolio .portfolio-list {
      width: 100%;
      margin-bottom: 40px; }
      #portfolio .portfolio-list .nav {
        display: flex;
        justify-content: center;
        align-items: center; }
        #portfolio .portfolio-list .nav li {
          display: block;
          width: auto;
          margin-left: 20px !important;
          margin-right: 20px !important;
          text-align: center; }

  .portfoio-style-4 .grid .grid-item {
    width: 100%;
    margin: 0 0 30px 0;
    height: 300px; }

  /*-----------------------------------------------------------------------------------*/
  /*  8-subscribe
  /*-----------------------------------------------------------------------------------*/
  .subscribe {
    padding: 50px 0;
    text-align: center; }
    .subscribe .text {
      margin-bottom: 30px !important; }

  .subscribe .form-inline .form-group .form-control {
    margin-top: 0; }
  .subscribe .btnlight {
    top: 5px; }

  /*-----------------------------------------------------------------------------------*/
  /*  9-Team
  /*-----------------------------------------------------------------------------------*/
  .team {
    padding: 80px 0; }

  .team.team-style-two .iteamteam:hover .skills {
    display: none !important; }

  /*-----------------------------------------------------------------------------------*/
 /*  10-Contact
/*-----------------------------------------------------------------------------------*/
  .contact {
    padding: 80px 0; }
    .contact .blockfooter .form-contact {
      padding: 50px 15px; }
    .contact .blockfooter .contact-info {
      padding: 50px 15px;
      height: auto;
      margin-top: 40px; }

  /*-----------------------------------------------------------------------------------*/
 /*  11-Blog
/*-----------------------------------------------------------------------------------*/
  .blog {
    padding: 80px 0; }

  /* Page style 2 */
  /*-----------------------------------------------------------------------------------*/
  /*  -main menu
  /*-----------------------------------------------------------------------------------*/
  .mainmenutwo {
    height: 80px !important;
    background: #fff; }
    .mainmenutwo .container {
      background: #fff; }
    .mainmenutwo .logoone {
      display: none; }
    .mainmenutwo .logotwo {
      display: inherit !important; }
    .mainmenutwo .nav-link {
      color: #1d1d1d !important; }
    .mainmenutwo .socialmenu {
      margin-left: 62px;
      display: none; }

  /*-----------------------------------------------------------------------------------*/
  /*  -Header One
  /*-----------------------------------------------------------------------------------*/
  .slider-img {
    display: none !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  -Features
  /*-----------------------------------------------------------------------------------*/
  .features-style-two .item-center {
    margin-top: 60px; }

  /*-----------------------------------------------------------------------------------*/
  /*  9-services
     /*-----------------------------------------------------------------------------------*/
  .services {
    padding: 80px 0;
    padding-bottom: 50px; }
    .services .itemservices:hover {
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px); }

  /*-----------------------------------------------------------------------------------*/
  /*  9-Contact
     /*-----------------------------------------------------------------------------------*/
  /*     .contact {
      .blockfooter {
          .contact-info {
              .listcontact {
                  li {
                      margin-bottom: 30px;
                      &:last-child {
                          margin-bottom: 0;
                      }
                  }
              }
          }
      }
  } */
  /*-----------------------------------------------------------------------------------*/
  /*  16-Client
     /*-----------------------------------------------------------------------------------*/
  #client.client-styletwo {
    padding-bottom: 80px; }
    #client.client-styletwo .owl-carousel-client {
      padding: 90px 80px; } }
/************************** 
* 
***************************/
@media (max-width: 600px) {
  /*-----------------------------------------------------------------------------------*/
  /*  1-GENERAL STYLING
  /*-----------------------------------------------------------------------------------*/ }
/************************** 
* 
***************************/
@media (max-width: 480px) {
  /*-----------------------------------------------------------------------------------*/
  /*  1-GENERAL STYLING
  /*-----------------------------------------------------------------------------------*/
  .titlesection h2 {
    font-size: 38px; }
  .titlesection .text {
    max-width: 100%; }

  .r-mb-30 {
    margin-bottom: 30px; }

  .r-mt-0 {
    margin-top: 0 !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  4-Slide
     /*-----------------------------------------------------------------------------------*/
  .headerone .content-slider {
    text-align: center !important; }
    .headerone .content-slider .text {
      text-align: center;
      max-width: 100%; }
  .headerone .slider-img {
    display: none !important; }

  .slider .content-slider h1 {
    font-size: 54px; }
  .slider .content-slider .text {
    font-size: 16px; }

  /*-----------------------------------------------------------------------------------*/
  /*  2-Nvabr top 
  /*-----------------------------------------------------------------------------------*/
  .topheader .navbartop {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    display: none; }
    .topheader .navbartop .left-info {
      display: inline-block;
      width: 100%; }
    .topheader .navbartop .right-info {
      float: none;
      display: inline-block;
      width: 100%;
      padding-top: 10px; }
      .topheader .navbartop .right-info .list-sosial li a .fa {
        color: #d2d2d2;
        font-size: 14px;
        margin-left: 0px;
        margin-right: 15px; }

  /*-----------------------------------------------------------------------------------*/
  /*  3-main menu
  /*-----------------------------------------------------------------------------------*/
  /*-----------------------------------------------------------------------------------*/
  /*  5-Features
  /*-----------------------------------------------------------------------------------*/
  /*-----------------------------------------------------------------------------------*/
  /*  6-About us
     *-----------------------------------------------------------------------------------*/
  .aboutus {
    background-color: #f9fafc; }
    .aboutus .aboutcnt h3 {
      font-size: 28px; }
    .aboutus .aboutcnt ul li {
      font-size: 16px; }
    .aboutus .aboutcntfix {
      padding-right: 0; }
    .aboutus .aboutimg .content-aboutimg {
      margin-right: 0; }

  /*-----------------------------------------------------------------------------------*/
  /*  7-Deal
  /*-----------------------------------------------------------------------------------*/
  /*-----------------------------------------------------------------------------------*/
  /*  8-Facts
  /*-----------------------------------------------------------------------------------*/
  .facts {
    padding: 80px 0 !important;
    padding-bottom: 50px !important; }
    .facts .facts-img img {
      position: relative;
      height: 100%;
      width: 100%; }
    .facts .factscnt {
      padding-bottom: 0;
      margin-top: 30px; }
      .facts .factscnt h2 {
        font-size: 38px; }
      .facts .factscnt .counter .colfix {
        padding-left: 15px;
        padding-right: 15px; }

  /*-----------------------------------------------------------------------------------*/
  /*  10 -testimonials
  /*-----------------------------------------------------------------------------------*/
  .testimonials .carousel-inner {
    max-width: 100% !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  7-PORTFOLIO
  /*-----------------------------------------------------------------------------------*/
  .portfolio {
    padding: 80px 0; }
    .portfolio .portfolio-list {
      width: 100%; }
      .portfolio .portfolio-list ul {
        display: inline-block;
        width: 100%; }
        .portfolio .portfolio-list ul li {
          display: inline-block;
          width: 100%;
          text-align: center;
          margin-bottom: 20px;
          display: inline-block;
          width: 100%;
          text-align: center;
          margin-left: 0 !important;
          margin-right: 0 !important; }
          .portfolio .portfolio-list ul li:last-child {
            margin-bottom: 0;
            display: inline-block; }

  /*-----------------------------------------------------------------------------------*/
  /*  8-subscribe
  /*-----------------------------------------------------------------------------------*/
  /*-----------------------------------------------------------------------------------*/
  /*  9-Team
  /*-----------------------------------------------------------------------------------*/
  .team-style-two:hover .skills {
    display: none !important; }
  .team-style-two:hover .infoteam {
    margin-top: 0px !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  10-Contact
      /*-----------------------------------------------------------------------------------*/
  /*     .contact {
      .blockfooter {
          .contact-info {
              .listcontact {
                  display: inline-block;
                  li {
                      margin-bottom: 30px;
                      &:last-child {
                          margin-bottom: 0;
                      }
                  }
              }
          }
          .form-contact {
              padding: 50px 15px;
              margin-bottom: 30px;
          }
      }
  } */
  .contact-style-two .blockfooter .contact-info {
    display: inline-block; }
    .contact-style-two .blockfooter .contact-info h4 {
      margin-bottom: 30px; }

  /*-----------------------------------------------------------------------------------*/
  /*  10 -testimonials
     /*-----------------------------------------------------------------------------------*/
  .testimonials.testi-style-two .navtesti .list-testi li {
    width: 95px;
    margin-left: 6px;
    margin-right: 6px;
    padding: 6px; }

  /*-----------------------------------------------------------------------------------*/
  /*  11-Blog
      /*-----------------------------------------------------------------------------------*/
  /* Page style 2 */
  /*-----------------------------------------------------------------------------------*/
  /*  -main menu
      /*-----------------------------------------------------------------------------------*/
  .mainmenutwo {
    /*    background: #fff; */ }
    .mainmenutwo .logoone {
      display: none; }
    .mainmenutwo .logotwo {
      display: inherit !important; }
    .mainmenutwo .nav-link {
      color: #1d1d1d !important; }
    .mainmenutwo .socialmenu {
      margin-left: 62px;
      display: none; }

  /*-----------------------------------------------------------------------------------*/
  /*  -Features
      /*-----------------------------------------------------------------------------------*/
  .features-style-two {
    padding: 80px 0 50px; }
    .features-style-two .item-left .itemfeatures {
      margin-top: 0;
      margin-bottom: 30px; }
      .features-style-two .item-left .itemfeatures .icon {
        float: none;
        text-align: center;
        margin-bottom: 30px;
        margin-top: 0; }
      .features-style-two .item-left .itemfeatures .cntfeat {
        float: right !important;
        width: 100%;
        padding-right: 0;
        text-align: center;
        padding-left: 0; }
    .features-style-two .item-left .itemfeatures .icon {
      float: none !important; }
    .features-style-two .item-center {
      margin-top: 60px; }

  /*-----------------------------------------------------------------------------------*/
  /*  -Client
      /*-----------------------------------------------------------------------------------*/
  #client.client-styletwo .owl-carousel-client {
    padding: 0;
    border-radius: 100px;
    box-shadow: none; } }
/************************** 
* 
***************************/
@media (max-width: 320px) {
  /*-----------------------------------------------------------------------------------*/
  /*  -GENERAL STYLING
      /*-----------------------------------------------------------------------------------*/
  .titlesection h2:before, .titlesection h2:after {
    display: none; }
  .titlesection .text {
    max-width: 100%; }

  .r-mt-0 {
    margin-top: 0 !important; }

  .fix-none {
    display: none; }

  /*-----------------------------------------------------------------------------------*/
  /*  -Main menu
  /*-----------------------------------------------------------------------------------*/
  /*-----------------------------------------------------------------------------------*/
  /*  4-Slide
     /*-----------------------------------------------------------------------------------*/
  .slider .content-slider h1 {
    font-size: 40px;
    margin-bottom: 10px; }

  .headerone .content-slider {
    text-align: center !important; }
    .headerone .content-slider .text {
      text-align: center;
      max-width: 100%; }
  .headerone .slider-img {
    display: none !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  -Portfolio
     /*-----------------------------------------------------------------------------------*/
  #portfolio .portfolio-list .nav li {
    display: inline-block;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 20px; }
    #portfolio .portfolio-list .nav li:last-child {
      margin-bottom: 0; }

  /*-----------------------------------------------------------------------------------*/
  /*  8-Facts
     /*-----------------------------------------------------------------------------------*/
  /*-----------------------------------------------------------------------------------*/
  /*  9-Team
  /*-----------------------------------------------------------------------------------*/
  .team-style-two:hover .skills {
    display: none !important; }
  .team-style-two:hover .infoteam {
    margin-top: 0px !important; }

  /*-----------------------------------------------------------------------------------*/
  /*  -subscribe
     /*-----------------------------------------------------------------------------------*/
  /*-----------------------------------------------------------------------------------*/
  /*  9-services
     /*-----------------------------------------------------------------------------------*/
  /*-----------------------------------------------------------------------------------*/
  /*  10 -testimonials
     /*-----------------------------------------------------------------------------------*/
  .testimonials .navtesti .list-testi li {
    margin-left: 10px;
    margin-right: 10px; }

  .testimonials.testi-style-two .navtesti .list-testi li {
    width: 73px;
    margin-left: 3px;
    margin-right: 3px;
    padding: 3px; }
  .testimonials.testi-style-two .cnttesti {
    padding: 40px 25px; }

  /*-----------------------------------------------------------------------------------*/
  /*  10-Contact
      /*-----------------------------------------------------------------------------------*/
  .contact .blockfooter .contact-info .listcontact {
    display: inline-block; }
    .contact .blockfooter .contact-info .listcontact li {
      margin-bottom: 30px; }
      .contact .blockfooter .contact-info .listcontact li:last-child {
        margin-bottom: 0; }

  .contact-style-two .blockfooter .contact-info .listcontact li:last-child {
    margin-bottom: 30px; }
  .contact-style-two .blockfooter .contact-info .listcontact li span {
    padding-bottom: 0; }

  /*-----------------------------------------------------------------------------------*/
  /*  -main menu
  /*-----------------------------------------------------------------------------------*/
  .mainmenutwo {
    /*      background: #fff; */ }
    .mainmenutwo .logoone {
      display: none; }
    .mainmenutwo .logotwo {
      display: inherit !important; }
    .mainmenutwo .nav-link {
      color: #1d1d1d !important; }
    .mainmenutwo .socialmenu {
      margin-left: 62px;
      display: none; }

  /*-----------------------------------------------------------------------------------*/
  /*  -Header One
  /*-----------------------------------------------------------------------------------*/
  /*-----------------------------------------------------------------------------------*/
  /*  -Features
  /*-----------------------------------------------------------------------------------*/
  .features-style-two .item-center {
    margin-top: 60px; }

  /*-----------------------------------------------------------------------------------*/
  /*  -Client
  /*-----------------------------------------------------------------------------------*/
  #client {
    padding-bottom: 80px; } }
/* 1504 */

/*# sourceMappingURL=responsive.css.map */