/*--
    - Custom Row
------------------------------------------*/

.row-5 {
  margin-left: -5px;
  margin-right: -5px; }
  .row-5 > [class*="col"] {
    padding-left: 5px;
    padding-right: 5px; }

.row-10 {
  margin-left: -10px;
  margin-right: -10px; }
  .row-10 > [class*="col"] {
    padding-left: 10px;
    padding-right: 10px; }

.row-40 {
  margin-left: -40px;
  margin-right: -40px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .row-40 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row-40 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .row-40 {
      margin-left: -15px;
      margin-right: -15px; } }
  @media only screen and (max-width: 767px) {
    .row-40 {
      margin-left: -15px;
      margin-right: -15px; } }
  .row-40 > [class*="col"] {
    padding-left: 40px;
    padding-right: 40px; }
    @media only screen and (min-width: 1200px) and (max-width: 1499px) {
      .row-40 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .row-40 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .row-40 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .row-40 > [class*="col"] {
        padding-left: 15px;
        padding-right: 15px; } }

/*-- 
    - Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/

.mt-5 {
  margin-top: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }

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

.mt-35 {
  margin-top: 35px !important; }

.mt-55 {
  margin-top: 20px !important; }

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

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mt-lg-35 {
    margin-top: 18px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-0 {
    margin-top: 0px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-15 {
    margin-top: 15px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mt-sm-40 {
    margin-top: 40px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-0 {
    margin-top: 0px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-5 {
    margin-top: 5px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-10 {
    margin-top: 10px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-20 {
    margin-top: 20px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-30 {
    margin-top: 30px !important; } }

@media only screen and (max-width: 767px) {
  .mt-xs-40 {
    margin-top: 40px !important; } }

/*-- Margin Bottom --*/
.mb-0 {
  margin-bottom: 0px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 6px !important; }

.mb-20 {
  margin-bottom: 0px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.mb-30 {
  margin-bottom: 0px !important; }

.mb-35 {
  margin-bottom: 15px !important; }

.mb-40 {
  margin-bottom: 20px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

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

.mb-60 {
  margin-bottom: 60px !important; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .mb-lg-10 {
    margin-bottom: 10px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-md-0 {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-0 {
    margin-bottom: 0px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-30 {
    margin-bottom: 30px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-40 {
    margin-bottom: 40px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-50 {
    margin-bottom: 50px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-sm-60 {
    margin-bottom: 60px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-0 {
    margin-bottom: 0px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-10 {
    margin-bottom: 10px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-25 {
    margin-bottom: 25px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-30 {
    margin-bottom: 30px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-35 {
    margin-bottom: 35px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-40 {
    margin-bottom: 40px !important; } }

@media only screen and (max-width: 767px) {
  .mb-xs-50 {
    margin-bottom: 50px !important; } }

/*-- Margin Left --*/

/*-- Margin Right --*/

.mr-10 {
  margin-right: 10px !important; }

/*-- Padding Top --*/

.pt-30 {
  padding-top: 0px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pt-65 {
  padding-top: 20px !important; }

.pt-75 {
  padding-top: 75px !important; }

.pt-80 {
  padding-top: 20px !important; }

.pt-90 {
  padding-top: 90px !important; }

.pt-95 {
  padding-top: 95px !important; }

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

.pt-120 {
  padding-top: 120px !important; }

.pt-150 {
  padding-top: 150px !important; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-15 {
    padding-top: 15px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-70 {
    padding-top: 70px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-75 {
    padding-top: 15px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-80 {
    padding-top: 20px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pt-lg-100 {
    padding-top: 100px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-0 {
    padding-top: 0px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-30 {
    padding-top: 30px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-50 {
    padding-top: 50px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-65 {
    padding-top: 65px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-70 {
    padding-top: 70px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-90 {
    padding-top: 90px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pt-md-100 {
    padding-top: 100px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-5 {
    padding-top: 5px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-40 {
    padding-top: 40px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-45 {
    padding-top: 45px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-50 {
    padding-top: 50px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-55 {
    padding-top: 55px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-60 {
    padding-top: 60px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-80 {
    padding-top: 80px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pt-sm-100 {
    padding-top: 100px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-0 {
    padding-top: 0px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-15 {
    padding-top: 15px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-40 {
    padding-top: 40px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-45 {
    padding-top: 15px !important; } }

@media only screen and (max-width: 767px) {
  .pt-xs-50 {
    padding-top: 0px !important;
padding-bottom: 0px !important;	} }

@media only screen and (max-width: 767px) {
  .pt-xs-70 {
    padding-top: 70px !important; } }
	
	@media only screen and (max-width: 767px) {
 
   .social-menu-right {

    background-color: #0230DE;
    position: absolute;
    left: 0;
    padding-left: 4%;
    bottom: -13px !important;
    z-index: 1;

} }

/*-- Padding Bottom --*/

.pb-30 {
  padding-bottom: 15px !important; }

.pb-35 {
  padding-bottom: 35px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pb-45 {
  padding-bottom: 45px !important; }

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

.pb-55 {
  padding-bottom: 55px !important; }

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

.pb-65 {
  padding-bottom: 65px !important; }

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

.pb-75 {
  padding-bottom: 75px !important; }

.pb-80 {
  padding-bottom: 80px !important; }

.pb-85 {
  padding-bottom: 85px !important; }

.pb-90 {
  padding-bottom: 90px !important; }

.pb-95 {
  padding-bottom: 95px !important; }

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

.pb-150 {
  padding-bottom: 150px !important; }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-25 {
    padding-bottom: 25px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-30 {
    padding-bottom: 30px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-35 {
    padding-bottom: 35px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-40 {
    padding-bottom: 0px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-45 {
    padding-bottom: 15px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-50 {
    padding-bottom: 0px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-65 {
    padding-bottom: 5px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-70 {
    padding-bottom: 20px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-75 {
    padding-bottom: 75px !important; } }

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pb-lg-80 {
    padding-bottom: 20px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-15 {
    padding-bottom: 15px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-20 {
    padding-bottom: 20px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-25 {
    padding-bottom: 25px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-30 {
    padding-bottom: 30px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-35 {
    padding-bottom: 35px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-40 {
    padding-bottom: 40px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-50 {
    padding-bottom: 50px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-60 {
    padding-bottom: 60px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-65 {
    padding-bottom: 65px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-70 {
    padding-bottom: 70px !important; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pb-md-100 {
    padding-bottom: 100px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-5 {
    padding-bottom: 5px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-10 {
    padding-bottom: 10px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-20 {
    padding-bottom: 20px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-25 {
    padding-bottom: 25px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-30 {
    padding-bottom: 30px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-50 {
    padding-bottom: 50px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-55 {
    padding-bottom: 55px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-60 {
    padding-bottom: 60px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pb-sm-100 {
    padding-bottom: 100px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-0 {
    padding-bottom: 0px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-5 {
    padding-bottom: 5px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-10 {
    padding-bottom: 10px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-15 {
    padding-bottom: 0px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-20 {
    padding-bottom: 0px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-40 {
    padding-bottom: 40px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-45 {
    padding-bottom: 20px !important; } }

@media only screen and (max-width: 767px) {
  .pb-xs-50 {
    padding-bottom: 10px !important; } }

/*-- Padding Left --*/
.pl-0 {
  padding-left: 0px !important; }

.pl-5 {
  padding-left: 5px !important; }

.pl-15 {
  padding-left: 15px !important; }

.pl-30 {
  padding-left: 30px !important; }

.pl-40 {
  padding-left: 40px !important; }

.pl-85 {
  padding-left: 85px !important; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-md-70 {
    padding-left: 70px !important; } }

/*-- Padding Right --*/
.pr-0 {
  padding-right: 0px !important; }

.pr-5 {
  padding-right: 5px !important; }

.pr-30 {
  padding-right: 30px !important; }

.pr-50 {
  padding-right: 50px !important; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-5 {
    padding-right: 5px !important; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-sm-15 {
    padding-right: 15px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-5 {
    padding-right: 5px !important; } }

@media only screen and (max-width: 767px) {
  .pr-xs-15 {
    padding-right: 5px !important; } }