/*--------------------------------------------------------------------- File Name: style.css ---------------------------------------------------------------------*/


/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/
/*
@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
/*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;
 2) font-family: 'Poppins', sans-serif;
 ----------------------------------------*****/


/*--------------------------------------------------------------------- import Files ---------------------------------------------------------------------*/

@import url(animate.min.css);
@import url(normalize.css);
@import url(icomoon.css);
@import url(css/font-awesome.min.css);
@import url(meanmenu.css);
@import url(owl.carousel.min.css);
@import url(swiper.min.css);
@import url(slick.css);
@import url(jquery.fancybox.min.css);
@import url(jquery-ui.css);
@import url(nice-select.css);

@font-face {
  font-family: 'MinionPro-Semibold';
  src: url('../fonts/MinionPro-Semibold.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MinionPro-Regular';
  src: url('../fonts/MinionPro-Regular.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamMedium';
  src: url('../fonts/GothamMedium.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBook';
  src: url('../fonts/GothamBook.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamBold';
  src: url('../fonts/GothamBold.ttf');
  font-weight: normal;
  font-style: normal;
}
/*--------------------------------------------------------------------- skeleton ---------------------------------------------------------------------*/

* {
     box-sizing: border-box !important;
     transition: ease all 0.5s;
}

html {
     scroll-behavior: smooth;
}

body {
     color: #666666;
     font-size: 14px;
     font-family: Poppins;
     line-height: 1.80857;
     font-weight: normal;
     overflow-x: hidden;
}

a {
     color: #1f1f1f;
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0
}

h1 {
     font-size: 24px
}

h2 {
     font-size: 22px
}

h3 {
     font-size: 18px
}

h4 {
     font-size: 16px
}

h5 {
     font-size: 14px
}

h6 {
     font-size: 13px
}

*,
*::after,
*::before {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
     color: #212121;
     text-decoration: none!important;
     opacity: 1
}

button:focus {
     outline: none;
}

ul,
li,
ol {
     margin: 0px;
     padding: 0px;
     list-style: none;
}

p {
     margin: 20px;
     font-weight: 300;
     font-size: 15px;
     line-height: 24px;
}

a {
     color: #222222;
     text-decoration: none;
     outline: none !important;
}

a,
.btn {
     text-decoration: none !important;
     outline: none !important;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     -ms-transition: all .3s ease-in-out;
     -o-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

img {
     max-width: 100%;
     height: auto;
}

 :focus {
     outline: 0;
}
#Action_bar .listnewslide li:first-child {
    border: 1px;
    background-color: #FF1363;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 2px;
    /* margin-top: 2px; */
    /* height: 20px; */
    padding-top: 2px;
    font-size: 11px !important;
    font-family: 'GothamMedium';
}
.paddind_bottom_0 {
     padding-bottom: 0 !important;
}

.btn-custom {
     margin-top: 20px;
     background-color: transparent !important;
     border: 2px solid #ddd;
     padding: 12px 40px;
     font-size: 16px;
}

.lead {
     font-size: 18px;
     line-height: 30px;
     color: #767676;
     margin: 0;
     padding: 0;
}

.form-control:focus {
     border-color: #ffffff !important;
     box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .25);
}

.navbar-form input {
     border: none !important;
}

.badge {
     font-weight: 500;
}

blockquote {
     margin: 20px 0 20px;
     padding: 30px;
}

button {
     border: 0;
     margin: 0;
     padding: 0;
     cursor: pointer;
}

.full {
     float: left;
     width: 100%;
}

     .layout_padding {
    padding-top: 50px;
    padding-bottom: 50px;

}

.padding_0{
     padding: 0px;
}

.navbar-light .navbar-nav .nav-link {
    color: #FFFFFF;
    font-size: 14px !important;
   font-family: 'GothamMedium';
}

.navbar-expand-lg .navbar-nav .nav-link {
   padding-right: 12px;
    padding-left: 12px;
    font-size: 16px;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
}
.text-row .col-md-4 {
    border-right: 1px solid #ccc;
    width: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    /* opacity: .6; */
}
.text-row .col-md-4:last-child {
    border-right: none;
}
.logo {
    width: 180px;
    float: left;
}
.nav-item img {
    margin-left: 20px;
    margin-top: 20px;
}

.login_text{
    /* width: 8%; */
    float: right;
    font-size: 16px;
    color: #1898b8;
    margin-top: 10px;
    font-family: 'Montserrat', sans-serif;
    margin-left: 50px;
}
ul.navbar-nav {
    margin-top: 6px;
}

.login_text .bts-popup-trigger{
    color: #ffffff !important;
    font-weight: bold;
    border: 1px solid #FF1363;
    border-radius: 4px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 12px;
    background-color: #FF1363;
    font-family: 'GothamMedium';
    display: inline-block;
    cursor: pointer;
}

.login_text .bts-popup-trigger:hover{
     color: #ffffff !important;
    font-weight: bold;
    border: 1px solid #FF1363 !important;
    border-radius: 4px !important;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 12px;
    background-color: #FF1363;
    font-family: 'GothamMedium';
}

.banner_section {
    width: 100%;
    float: left;
    background-image:url(../images/slider-bg.png);
    height: auto;
    padding-bottom: 90px;
    background-size: cover;
    margin-bottom: 15px;
}

.best_taital{
     width: 100%;
     float: left;
     font-size: 60px;
     color: #ffffff;
     text-align: center;
}

div#Action_bar {
    padding: 10px 0;
    z-index: 2;
    position: relative;
}
#Action_bar .listnewslide {
    padding: 0;
    list-style: none;
    text-align: right;
    margin: 0;
}
#Action_bar .listnewslide li {
    display: inline-block;
    margin-right: 25px;
    z-index: 5;
    position: relative;
    color: #6e008e;
}
#Action_bar .listnewslide .newcolor {
    color: #fff;
}
.phone-num a {
    color: #6E008E !important;
    font-size: 14px;
    font-family: 'GothamMedium';
}
li.login-top {
     border: 1px solid #6E008E;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 2px;
    font-family: 'GothamBook';
}
li.register-top {
    border: 1px solid #6E008E;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 2px;
    font-family: 'GothamBook';
}
li.register-top:hover {
    background-color: #6E008E;
    /* border: 1px #6E008E; */
}
li.login-top:hover {
      background-color: #6E008E;

}

div#Top_bar {
    padding: 10px 0;
    background-color: rgb(0 0 0 / 0.13);
}
.bg-light {
    background-color:transparent !important
}


.navbar-collapse {
    float: right;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    width: 100%;
   
}
header {
    position: fixed;
    width: 100%;
    z-index: 9;
}
.main-nav {
    background-color: rgb(0 0 0 / 0.13);
}
.row.main-top-banner {
    padding-top: 128px;
}
.banner-text h3 {
    font-size: 50px;
    color: #fff;
    text-transform: uppercase;
    line-height: 50px;
}
.banner-text h3 {
   font-size: 39px;
    color: #fff;
    text-transform: uppercase;
    line-height: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.banner-text p {
    font-size: 22px;
    color: #fff;
    margin-left: 0px;
    margin-top: 0px;
    line-height: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    margin-top: 5px;
    font-family: 'GothamBook';
}
.list-banner li {
    position: relative;
    margin-left: 20px;
    font-size: 16px;
    color: #fff;
    font-family: 'GothamMedium';
}

.chat-aa a {
    border: 1px solid #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    /* background-color: #6E008E; */
    color: #fff;
    border-radius: 4px;
    font-family: 'GothamBold';
}
.chat-aa a:hover {
    background-color: #6E008E;
    border: 1px solid #6E008E;
}
.chat-aa {
    margin-top: 30px;
}
a.get-aa {
    margin-left: 5px;
}
.main-ff h3 span {
    font-family: 'GothamBold';
}
.m-0 span {
   font-size: 28px;
    font-family: 'GothamBold';
    border: 1px solid #fff;
    color: #DA2B81;
    background-color: #fff;
}
.list-banner li:before {
    position: absolute;
    margin-left: -1.5em;
    padding-right: 1em;
    color: #fff;
    content: '\25CF';
}
.input-group.mb-2 {
   /* border: 1px solid #0099C9;*/
    border-radius: 50px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    /* width: 292px; */
}
input#nombre::placeholder {
    font-size: 15px !important;
    color: #7D7D7D;
}
.input-group-prepend {
    margin-right: -1px;
    background-color: #efeeee;
}
.main-ff {
    background-color: #FF1363;
    padding-top: 5px;
    padding-bottom: 1px;
}

.input-group-text {
    border: none !important;
   Background: #EFEEEE;
}
input#nombre {
    border: none !important;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Source Sans Pro', sans-serif;
    Background: #EFEEEE !important;
}
p.m-0 {
    font-size: 20px;
    text-align: center;
    color: #fff;
    margin-bottom: 20px !important;
    font-family: 'Montserrat', sans-serif;
    /* font-weight: 600; */
    font-family: 'GothamMedium';
}
.footer_section.layout_padding {
    float: left;
    width: 100%;
}
.bg-info h3 {
  font-size: 23px;
    color: #fff;
    padding: 0px;
    font-family: 'Montserrat', sans-serif;
    /* font-weight: 700; */
    /* float: right; */
    font-family: 'GothamBook';
}
.bg-info span {
    font-size: 21px;
    text-transform: uppercase;
    margin-right: 16px;
}
.text-info {
    color: #7D7D7D !important ;
}
.py-2 img {
    float: left;
    margin-left: 10px;
}
/*form {
    margin-top: -108px;
}*/
.rounded-0 {
    border-radius: 0!important;
    padding-bottom: 10px;
}

.text-sd h3 {
    font-size: 36px;
    color: #000000;
    margin-bottom: 0px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    position: relative;
}
.text-sd p {
    font-size: 17px;
   margin-top: 0px;
    color: #333333;;
    margin-left: 0px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 10px;
}
.img-teee h3 {
    font-size: 26px;
    color: #00B9DF;
    text-align: center;
    padding-bottom: 0px;
    font-family: 'Montserrat', sans-serif;
}




.filter-button
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 30px;

}
.filter-button:hover
{
     font-size: 17px;
    border: 1px solid #00BDE2;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
   width: 10% !important;
    border-radius: 50px;
    background-color: #6E008E;
    margin-right: 25px;



}

.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}


.filter-button {
    font-size: 17px;
    border: 1px solid #C9C9C9;
    border-radius: 5px;
    text-align: center;
    color: #A1A1A1;
    margin-bottom: 30px;
   width: 10% !important;
    border-radius: 50px;
    background-color: #fff;
    margin-right: 25px;
    font-family: 'Source Sans Pro', sans-serif;
}

.show-btn {
    text-align: center;
    margin: 0 auto;
    float: left;
    width: 100%;
}
.show-btn a {
  border: 1px;
    /* background-color: #00BDE2; */
    color: #fff;
    font-size: 16px;
    padding-left: 60px;
    padding-right: 60px;
    border-radius: 4px;
    padding-top: 7px;
    padding-bottom: 7px;
    background-image: linear-gradient(#6E008E, #9F02CC);
    /* font-family: 'Source Sans Pro', sans-serif; */
    font-weight: 600;
    font-family: 'GothamMedium' !important;
    text-transform: capitalize;
}
.main-top-banner img {
    /* width: 100%; */
    /* height: 131px; */
    /* object-fit: cover; */
    margin-left: -62px;
}




input.btn.btn-info.btn-block.rounded-0.py-2 {
   /* background-color: #00BDE2;*/
    /*background-color: #00BDE2; */
    border: 1px;
    font-size: 20px;
    border-radius: 50px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
     background-image: linear-gradient(#6E008E, #9F02CC); 
    font-family: 'Source Sans Pro', sans-serif;
   /* font-weight: 600;*/
    /*background-color: #6E008E !important;*/
    border-radius: 4px !important;
    font-family: 'GothamMedium';
}
.listnewslide i.fa {
    color: #6e008e;
    margin-right: 3px;
}
.media-left {
    border: 1px solid #FF1363;
    background-color: #FF1363;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 16px;
    /* font-size: 24px !important; */
}
.media-body {
    background-color: #6E008E;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 14px;
}

.footer_section .row {
    margin-left: 65px;
    margin-right: 65px;
}
.footer-first h3 {
    font-size: 18px;
    color: #000000;
}

.footer-first i.fa {
    -webkit-text-stroke: 1px #707070;
    background: transparent !important;
    color: #fff;
    /* border: brown; */
    font-size: 18px;
}
.media {
    margin-bottom: 10px;
}
.bg-info {
    background-color: #6E008E !important;
}

ul.social-ll {
    display: inline-flex;
}
.social {
    margin-top: 16px;
}

.social-ll li {
    margin-right: 23px;
}
.copyright_section {
    float: left;
    width: 100%;
    background-color: #1D77FF;
    padding-top: 15px;
    padding-bottom: 15px;
}
.copyright_section ul {
    display: inline-flex;
}
.copyright_section li a {
    color: #fff;
    font-size: 12px;
   /* margin-right: 20px;*/
}
.copyright_section li {
    margin-right: 20px;
      color: #fff;

}
.copyright_section ul {
    float: right;
}



#Footer {
    background-color: #2B2B2B;
    width: 100%;
    float: left;
}

#Footer .footer-widget {
    padding: 72px 0;
}

#Footer h4 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 7px;
    font-weight: 800;
   font-family: 'GothamBold';
}

#Footer ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}
#Footer ul li {
    font-size: 14px;
    line-height: 30px;
}

#Footer ul li a {
    color: #999999;
    text-decoration: none;
    font-family: poppins;
    font-weight: 400;
}

#Footer .social-media {
    margin-top: 0px;
    margin-left: 14px;
    float: left;
}
#Footer .social-media li {
    display: inline-block;
    margin-right: 10px;
}
#Footer ul li a {
    color: #BBBBBB;
    text-decoration: none;
  font-family: 'GothamBook';
    font-weight: 400;
}
#Footer .footer-copy {
    background: linear-gradient(to right, #8e00e1, #6100f5) !important;
    padding: 15px 0;
}

#Footer .footer-copy p {
    margin-bottom: 0;
    font-size: 16px;
    color: #fff;
    margin-top: 15px;
}
#Footer .footer-copy a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

#Footer .footer-copy span {
    margin-left: 28px;
    margin-right: 28px;
    color: #fff;
    font-weight: 400;
}
#Footer .footer-copy a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.last {
    margin-top: 10px;
}

.login_text a:hover {
    color: #fff;
    font-weight: bold;
    border: 1px solid;
    border-radius: 50px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 12px;
}




.text-center {
    text-align: center!important;
    margin-left: 15px;
    margin-right: 15px;
   
    
}
.border-primary {
    border-color: transparent !important;
}
form {
    margin-top: 100px;
}
.p-3 {
    padding: 0px !important;
}


.card-body.p-3 {
    /*border-radius: 30px 2px 0 0;*/
    border: 0 none;
    background-color: #ffff;
    padding-bottom: 15px !important;
    border-radius: 4px;
}

.card-header.p-0 {
    border-bottom: 0;
    background-color: #6E008E !important;
    
}
.sco-im {
    margin-left: 64px;
    margin-top: 10px;
}
.p-3 h3 {
    font-size: 20px;
    font-family: 'GothamBook';
}
.main-ff {
    background-color: #FF1363;
   
}
.main-ff h3 {
    color: #fff;
    text-align: center;
    padding: 4px 16px 12px
}

.card.border-primary.rounded-0 {
    background: #D80699;
    PADDING-BOTTOM: 0 !important;
    /*border-radius: 10px !important;*/
}
.take-a span {
    color: #87FE00;
    font-size: 22pxfont-we;
    FONT-WEIGHT: 500;
}

.py-2 img {
    float: left;
    margin-left: 10px;
}

.text-sd h3:before {
    content: "";
    width: 55px;
    height: 8px;
    position: absolute;
    /* color: red; */
    background-color: #1C83FF;
    bottom: 0px;
}
h3.un-com:before {
    content: "";
    width: 55px;
    height: 8px;
    position: absolute;
    /* color: red; */
    background-color: #1C83FF;
    bottom: 0px;
}
#Action_bar {
    /*background-color: rgba(255,255,255,0.5 ) ;*/
    background-image: linear-gradient(45deg, #e7266290, #b502ea90);
}
.owl-carousel .owl-stage-outer{
        overflow-y: visible;
    padding-top: 50px;
    padding-bottom: 30px;
}
.owl-item.active:hover {
    transform: scaleY(1.1);
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
    li.login-top {
    margin-top: 5px;
}
    img.media-object {
 
    text-align: center;
    margin: 0 auto;
    display: table;
}
    .media {
   
    display: block;
}
    
    .text-sec h3:after {
   
    left: 150px !important;
}
    .client_content h2 {
    font-size: 14px !important;
    
}
    .client_content p:after {
  
    left: 159px !important;
}

    .clin_img {
 
    top: -43px !important;
    /*right: 99px !important;*/
   
}
    .satis-text {
    margin-top: 0px;
}
    .packages_item {
    padding-bottom: 10px !important;
}
    .order-view-details12.chat {
  
    float: none !important;
    text-align: center !important;
    margin: 0 auto !important;
    display: table;
}
    .or-d {
   
    float: none !important;
    text-align: center;
    margin: 0 auto !important;
    display: table !important;
    padding-left: 37px !important;
    padding-right: 37px !important;
}
    .filter-button {
  
    width: 100% !important;
   
}
    .filter-button:hover {
   
    width: 100% !important;
   
}
    .border-immm {
    margin-bottom: 10px;
}
    .sco-im {
  
    text-align: center;
}
    .flip-clock-wrapper {
    
    margin-top: 20px !important;
}

    .flip-clock-wrapper {
    
    z-index: 0 !important;
}
    .filter-button:hover
{
    
   width: 50% !important;
   



}
    .bg-info span {
    font-size: 17px;
   
}
    .bg-info.text-white.text-center.py-2 {
    margin-bottom: 0;
    float: left;
}
    h3.un-com {
    font-size: 24px;
   
}
    .navbar-toggler {
    
    font-size: 18px;
   
}
    .login_text a{
    
    font-size:10px;
}
    div#navbarNav {
    display: none;
}
    .login_text {
    
    float: initial;
    
}
    .logo img {
   
   margin-top: 10px;
    margin-right: 16px;
    width: 90px;
    float: left;
}
    .card-header img {
    margin-left: 10px !important;
}
    #Footer .social-media {
  
    text-align: left;
    margin: 0 auto;
    margin-top: 15px;
    
}
    #Footer .footer-copy p {
   
    text-align: center;
}
#Footer .footer-copy a {
   
    font-size: 13px;
    
}
.last {
    display: block !important;
}
    .text-row .col-md-4 {
  
    width: 100%;
   
    /* opacity: .6; */
}
    .banner-text {
    margin-left: 0;
}

.banner-text h3 {
    font-size: 22px;
    text-align: center;
   
    line-height: 28px;
  
}
.banner-text p {
    font-size: 20px;
  
    text-align: center;
    /*margin-bottom: 125px;*/
}
/*.main-top-banner img {
    
    margin-left: 0px;
}*/
.bg-info h3 {
    font-size: 27px;
   
}
.filter-button {
    
    
    width: 50% !important;
    
    display: block;
}
    .login_text {
    display: block !important;
}
    .navbar-light .navbar-toggler {
   
    /* text-align: right; */
    float: right;
}
 /*   li.nav-item:last-child {
    display: none;
}*/
    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
    display: block !important;
    position: absolute;
   /* background-color: #6becdf !important;*/
    padding-bottom: 20px !important;
    background-color: rgb(0 0 0 / 0.13) !important;
}
/*li.nav-item {
    background-color: #6becdf;
}*/
    .navbar-light .navbar-toggler-icon {
   /* background-image: url(../images/nav-toggle.png) !important;*/
    background-size: initial !important;
}
#Action_bar .listnewslide li {
   
    margin-right: 5px;
   
}
#Action_bar .listnewslide a {
  
    font-size: 10px;
    
}
#Action_bar .listnewslide {
    
    text-align: left;
   
}
.navbar-collapse {
    float: left;
    width: 100%;
    background-color: #6becdf;
}
li.nav-item.display-none {
    display: none;
}
section.section-two:after {
  display: none;
}
section.text-four:after {
    display: none;
}
/* Styles */
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:landscape){
    .order-view-details12.chat {
    float: none !important;
    text-align: center !important;
    margin: 0 auto !important;
    display: table;
}
    .or-d {
    float: none !important;
    text-align: center;
    margin: 0 auto !important;
    display: table !important;
    padding-left: 37px !important;
    padding-right: 37px !important;
}
    .logo img {
    width: 130px;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 7px;
    padding-left: 7px;
   
}
.login_text {
    width: auto !important;
    float: none !important;
}
    .row.main-top-banner {
    padding-top: 300px !important;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light {
  
    position: absolute !important;
    
}
.bg-info span {
    font-size: 16px;
   
}
.bg-info h3 {
    float: right;
    font-size: 24px;
}
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .flip-clock-wrapper {
    
    z-index: 0 !important;
}
    .banner_section .col-lg-5.col-md-8 {
    text-align: center;
    margin: 0 auto;
}
    .clin_img {
  
    /*right: 50px !important;*/
   
    /* text-align: center; */
    /* margin: 0 auto; */
    /* display: table; */
}
    .client_content p:before {
   
    bottom: -7px !important;
   
}
    .client_content p:after {
    
    bottom: -7px !important;
    /* text-align: center; */
   
    left: 118px !important;
}
    .client_content {
    
    min-height: 530px !important;
}
    div#navbarNav {
    display: none;
}
    .sidenav a.nav-link {
    display: block !important;
}
  
    /*.bg-info h3 {
  
    float: left;
}*/
    .card-header img {
    margin-left: 20px !important;
}
    .row.main-top-banner {
    padding-top: 100px;
}
    .price-tag h2:before {
    background: url(../images/price-head-1.png);
    position: absolute !important;
    content: "" !important;
    bottom: -26px;
    left: -96px;
    width: 600px;
    height: 130px !important;
    border-radius: 50px;
    z-index: -1;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
    .main-top-banner img {
    /* width: 100%; */
    /* height: 131px; */
    /* object-fit: cover; */
    /* margin-left: -62px; */
    text-align: center;
    margin: 0 auto;
    display: table;
}
    .banner-text {
   
 /*   margin-bottom: 138px;*/
    /*text-align: center;*/
}
    .main-top-banner .col-md-8.col-lg-4 {
    text-align: center;
    margin: 0 auto;
    /* margin-top: 20px; */
}
    .img-teee h3 {
    font-size: 16px;
  
}

    .filter-button {
    
    width: 26% !important;
    
}
    li.nav-item.display-none {
    display: none;
}
    .main-nav {
    
    width: 100%;
}

.navbar-light .navbar-toggler {
    
    float: right;
}

/* Styles */
}


/* The side navigation menu */
.sidenav {
    background-image: linear-gradient(#6E008E, #9F02CC);
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index:999; /* Stay on top */
    top: 0;
   /* padding-left: 20px;*/
  /*  left: 0;*/
     right: 0;
   /* background-color: #6becdf;*/ /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 2px 8px 8px 32px;
    text-decoration: none;
   
    display: block;
    transition: 0.3s;
    color: #FFFFFF;
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px !important;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}
.sidenav ul.navbar-nav {
    padding-left: 20px;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}




/*a.hover-switch img:first-child {
    display: none;
}

a.hover-switch:hover img:first-child {
    display: block ;
}*/
a.hover-switch img:first-child {
    display: none;
}
a.hover-switch:hover img{
    display: none;
}
a.hover-switch:hover img:first-child{
    display: block;
}

.border-immm img {
    text-align: center;
    margin: 0 auto;
    display: table;
    height: 64px;
    width: auto;
}
.border-immm h3 {
    font-size: 15px;
    color: #6E008E;
    font-family: 'GothamBold';
    text-align: center;
    margin-top: 5px;
    padding-bottom: 0px !important;
}

.border-immm p {
    font-size: 10px;
    margin-top: 0px;
    color: #6E008E;
    font-family: 'GothamBook';
    margin-bottom: 5px;
    margin-left: 14px;
    margin-right: 10px;
}
section.section-img {
    background-color: #EFEEEE;
    padding-bottom: 10px;
}
.border-immm {
    border: 1px solid #6E008E;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    border-radius: 4px;
    text-align: center;
}

.text-sec h3 {
    color: #6E008E !important;
    font-size: 38px !important;
    text-align: center;
    max-width: 850px;
    margin: 0 auto;
    line-height: 45px;
    font-family: 'GothamBold';
    position: relative;
}
.text-sec span {
    color: #FF1363;
}

section.text-sec {
    margin-top: 60px;
    padding-bottom: 40px;

}

.text-sec p {
    color: #262626;
    font-size: 20px;
    text-align: center;
    font-family: 'GothamMedium';
}

h4.media-heading {
    color: #fff;
    font-size: 22px;
    font-family: 'GothamMedium';
}

.media-body p {
    color: #fff;
    font-size: 19px;
    margin-left: 0px;
    margin-top: 5px;
    font-family: 'GothamBook';
    margin-bottom: 0px;
}
img.media-object {
    width: 60px;
    height: 59px;
    object-fit: cover;
}

.quote-btn a {
    border: 1px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    font-family: 'GothamMedium';
    background-image: linear-gradient(#6E008E, #9F02CC);
    color: #fff;
    border: -;
    border-radius: 4px;
}

.quote-btn {
    text-align: center;
    margin-top: 25px;
}

.product-slider button.owl-dot.active {
    border: 4px solid #444444 !important;
    
}

.product-slider button.owl-dot {
    border: 4px solid #bababa !important;
    /* margin-right: 20px !important; */
    margin-left: 9px;
    border-radius: 50px;
    width: !important;
    height: !important;
    font-size: 12px !important;
}


.packages-section .package {
    padding: 41px 20px 59px 20px;
    border-radius: 5px;
    background-color: #ffffff;
    transition: all 0.4s ease-in-out;
    border-radius: 10px;
}

.packages-section .package {
    border: 2px solid #f6e52600;
}

.packages-section .package .package-head {
    text-align: center;
    border-bottom: 1px solid;
    border-color: rgb(225, 225, 225);
}

.packages-section .package .package-head .title {
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    border: 2px solid #9e0488;
    padding: 4px 10px;
    display: inline-block;
    font-weight: 600;
    color: #060f32;
    transition: all 0.4s ease-in-out;
}

.packages-section .package-head h3 {
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    margin: 18px 0px;
    color: #060f32;
    transition: all 0.4s ease-in-out;
}
sup {
    top: -.5em;
}

.packages-section .package .package-head h1 {
    font-size: 72px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #060f32;
    margin: 0 0 25px 0;
    transition: all 0.4s ease-in-out;
}

.price small {
    font-size: 36px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    position: relative;
    top: -22px;
}
.packages_item .package p {
   padding: 0 5px;
    background-image: linear-gradient(#6E008E, #9F02CC);
    background-color: red;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 18px;
    padding-bottom: 18px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-family: 'GothamMedium';
    margin-left: 0px;
    margin-right: 0px;
}

.packages-section .package .package-body {
    padding: 40px 0px;
}

.packages-section .package .package-footer {
    text-align: center;
}
.packages-section .package:hover .btn-gradi {
    color: #000;
    background-color: #f7d100;
}
.packages-section .package .package-footer .see-more {
    padding: 17px 0px 0px;
}
.packages-section .package .package-footer .see-more a {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    color: #4d0c7b;
}

.packages-section .package:hover .see-more a {
    color: #fff !important;
    transition: all 0.4s ease-in-out;
}



.package-head h3 span {
    color: #FF1363;
    /* text-align: center; */
    /* margin: 0 auto; */
}
.package-head sub {
    color: #FF1363;
}
span.price {
    color: #6E008E;
    font-size: 53px;
    text-align: center;
    font-family: 'GothamBold';
}
.package-head h1 {
    text-align: center;
}
.package-head h3 {
    text-align: center;
}
p.mma {
    color: #FF1363 !important;
    font-size: 15px !important;
    background: transparent !important;
    line-height: 20px !important;
    font-weight: 100 !important;
    font-family: 'GothamMedium' !important;
}
.package-body li {
    font-size: 15px;
    color: #6E008E;
    font-family: 'GothamMedium' !important;
    position: relative;
    margin-left: 20px;
}
a.btn-gradi.order-package.getquotebtn9.get-a-guote2 {
    font-size: 15px;
    color: #6E008E;
    border: 1px solid #6E008E;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-family: 'GothamMedium' !important;
    border-radius: 4px;
    float: left;
}
.client_content p:before {
   content: "";
    width: 50px;
    height: 4px;
    position: absolute;
    /* color: red; */
    background-color: #8a01b1;
    bottom: 0px;
    /* text-align: center; */
    margin: 0 auto;
    /* display: table; */
    left: 0;
    right: 0;
}

.client_content p:after {
   content: "";
    width: 26px;
    height: 4px;
    position: absolute;
    /* color: red; */
   /* background-color: #8a01b1;*/
     background-color: #ff1363;
    bottom: 0px;
    /* text-align: center; */
    margin: 0 auto;
    left: 177px;
}

.order-view-details12.chat,
.or-d {
    font-size: 15px;
    color: #6E008E;
    border: 1px solid #6E008E;
    padding: 6px 28px;
    font-family: 'GothamMedium' !important;
    border-radius: 4px;
    margin-right: 8px;
    display: inline-block;
    float: left;
}
.package-footer {
    margin-left: 15px;
    margin-bottom: 64px;
}
.see-more {
    /* float: right; */
    margin-top: 10px;
}

a.btn-gradi.order-package.getquotebtn9.get-a-guote2:hover {
    background-image: linear-gradient(#6E008E, #9F02CC);
    color: #fff;
}


.order-view-details12.chat:hover {
    background-image: linear-gradient(#6E008E, #9F02CC);
    color: #fff;
}
.package-footer .or-d:hover{
    background-image: linear-gradient(#6E008E, #9F02CC);
    color: #fff;
}

.item {
    float: left;
    width: 100%;
    border: 1px solid #fff;
    box-shadow: 1px 1px 6px 3px #ccc;
    min-height: 583px;
    border-radius: 12px;
    overflow: hidden;
  /*  padding: 0 20px;*/
    /* box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.13); */
    /* box-shadow: 10px 10px 10px 10px #ccc; */
}
.package-body ul {
    margin-left: 15px;
}
.package-body li:before {
    position: absolute;
    margin-left: -23px;
    padding-right: 1em;
    color: #6E008E;
    content: '\25CF';
}

.owl-nav.disabled {
    display: none;
}

.owl-dots.disabled {
    display: none !important;
}

.owl-nav {
    display: none;
}
.owl-dots {
    text-align: center;
    margin-top: 10px;
}

.package-footer a {
    font-size: 15px;
    color: #6E008E;
    border: 1px solid #6E008E;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-family: 'GothamMedium' !important;
    border-radius: 4px;
 
    float: left;
    /* float: right; */
}

.owl-item {
    padding: 10px;
}
/*p.title:hover {
    background-image: linear-gradient(#FF1363, #FF1363);
}*/
.item:hover p.title {
    background-image: linear-gradient(#FF1363, #FF1363);
}
.item:hover {
    /* background-color: purple; */
    background-image: linear-gradient(#6E008E, #9F02CC);
}

.item:hover span.price {
    color: #fff;
}
.item:hover p.mma {
    color: #fff !important;
}
.item:hover li {
    color: #fff;
}
.item:hover .package-body li:before {
    color: #fff;
}
.item:hover .package-footer .or-d,
.item:hover .package-footer .chat {
 /*   background-color: #ff1363;*/
    background-image: linear-gradient(#ff1363, #ff1363) !important;
    border: 1px #ff1363;
}
.item:hover .package-head h3 span {
    color: #fff;
}
.item:hover .package-head sub {
    color: #fff;
}

.satis-text h3 {
    font-size: 31px;
    color: #262626;
    font-family: 'GothamBold';
}

.satis-text p {
    color: #262626;
    font-size: 15px;
    font-family: 'GothamMedium' !important;
    margin-left: 0px;
    margin-top: 0px;
}
section.guar-section {
    background-color: #EFEEEE;
    padding-top: 80px;
    padding-bottom: 80px;
}

.satis-text {
    margin-top: 100px;
}

.client_content {
    background-color: #FFFFFF;
    padding: 84px 0 30px 0;
    position: relative;
    min-height: 364px;
    min-height: 390px;
}
.clin_img {
    position: absolute;
    top: -60px;
    right: 50%;
    transform: translateX(50%);
    width: 116px;
    height: 116px;
    margin: 0 auto;
}

.clin_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.client_content h2 {
    font-size: 15px;
    margin: 0 0 8px !important;
    color: #262626;
    font-family: 'GothamBold';
    text-align: center;
}
.client_content p {
   font-size: 15px;
    font-weight: 400;
    color: #262626;
    /* padding: 0 24px; */
    text-align: center;
    /* margin: 0 auto; */
    font-style: normal;
    font-family: 'GothamBook';
    min-height: 180px;
    position: relative;
}

.client_content h4 {
    margin-top: 30px;
    font-size: 15px;
    /* font-weight: 600; */
    color: #C2C2C2;
    text-transform: uppercase;
    text-align: center;
    font-family: 'GothamBold';
}

section.testi-section {
    background-color: #EFEEEE;
    padding-top: 80px;
  padding-bottom: 35px;
}

.item:hover .package-footer a {
    background-image: linear-gradient(#ff1363, #ff1363) !important;
    border: 1px #ff1363;
    color: #fff;
}
section.product-slider {
    padding-bottom: 40px;
}
.col-md-4.client_area {
    padding: 6px;
}
h3.foll-a {
    color: #fff;
    font-size: 18px;
    font-family: 'GothamBold';
    padding-bottom: 0px;
    float: left;
}
.custom-search-form{
    margin-top:5px;
}
.custom-search-form i.fa.fa-envelope {
    position: absolute;
    top: 11px;
    left: 0;
    z-index: 9;
    color: #B4B4B4;
    padding-left: 10px;
}
input.form-control {
    padding-left: 28px;
}

.custom-search-form button.btn.btn-default {
    background-image: linear-gradient(#6E008E, #9F02CC);
}


section.gallery-portfolio {
    /* background-image: url(../images/bg-gra.png); */
    padding-top: 30px;
    padding-bottom: 40px;
    background-repeat: no-repeat;
    background-size: cover;
   /* float: left;*/
    width: 100%;
    background-color: #EFEEEE;
    margin-top: 40px;
}

.gallery h3 {
    font-size: 36px;
    color: #000000;
    margin-bottom: 0px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    position: relative;
}

.gallery p {
    font-size: 16px;
    margin-top: 0px;
    color: #333333;
    margin-left: 0px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 10px;
}
.width-pp {
    width: 100%;
}
.filter-button {
    font-size: 17px;
    border: 1px solid #C9C9C9;
    border-radius: 5px;
    text-align: center;
    color: #A1A1A1;
    margin-bottom: 30px;
    width: 10% ;
    border-radius: 50px;
    background-color: #fff;
    margin-right: 25px;
    font-family: 'Source Sans Pro', sans-serif;
}

.filter-button:hover {
    font-size: 17px;
    border: 1px solid #8500ac;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
    width: 10% ;
    border-radius: 50px;
   /* background-color: #00BDE2;*/
   background-image: linear-gradient(#6E008E, #9F02CC);
    margin-right: 25px;
}
.gallery_product {
    margin-bottom: 30px;
    height: 214px;
    overflow: hidden;
}

a.hover-switch img:first-child {
    display: none;
}
a.hover-switch:hover img {
    display: none;
}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #FF1363 !important;
    text-shadow: 0 1px 2px #FF1363 !important;
    text-align: center;
    background-color: #fff !important;
    border-radius: 6px;
    font-size: 40px !important;
    font-family: 'GothamBold' !important;
}
.flip-clock-wrapper {
   
   padding-bottom: 35px !important;
    margin: 0 !important;
}
.flip-clock-dot {
    
    background: #fff !important;
    
}
h3.foll-a {
    margin-top: 6px;
    margin-left: 16px;
}

.text-sec h3:before {
    content: "";
    width: 26px;
    height: 4px;
    position: absolute;
    /* color: red; */
    background-color: #ff1363;
    bottom: 0px;
    /* text-align: center; */
    margin: 0 auto;
    /* display: table; */
    left: 0;
    right: 0;
}
.flip-clock-divider .flip-clock-label {
    
    display: none !important;
}
.text-sec h3:after {
    content: "";
    width: 50px;
    height: 4px;
    position: absolute;
    /* color: red; */
    background-color: #8a01b1;
    bottom: 0px;
   /* text-align: center;*/
    margin: 0 auto;
    left: 437px;
}

.mobile-show {
    display: none;
}
.mobile-show form {
    margin-top: 24px;
}

.footer-links {

}
.footer-links li {
    display: inline-block;
}

.backgroundOverlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .85;
    filter: alpha(opacity=85);
    -moz-opacity: .85;
    z-index: 101;
    display: none;
}
.delayedPopupWindow {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 102;
}
.delayedPopupWindow form {
    margin: 0;
}
/*#btnClose {
    width:100%;
    display: block;
    text-align: right;
    text-decoration: none;
    color: #BCBCBC;
}
#btnClose:hover {
    color: #c90c12;
}*/

.close-this {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
  z-index: 99999;
  cursor: pointer;
}
.close-this::before, .close-this::after {
  content: '';
  position: absolute;
  top: 13px;
  width: 16px;
  height: 3px;
  background-color: white;
}
.close-this::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.close-this::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 6px;
  top: 13px;
}

#delayedPopup > div.formDescription {
    float: left;
    display: block;
    width: 44%;
    padding: 1% 3%;
    font-size: 18px;
    color: #666;
    clear: left;
}
#delayedPopup > div.formDescription h2 {
    color: #444444;
    font-size: 36px;
    line-height: 40px;
}

@media only screen and (max-width: 375px) {
    .mobile-show {
        display: block;
    }
    .mobile-hide {
        display: none;
    }
    .desktop-only {
        display: none;
    }
    .mobile-show form {
        margin-top: 0;
    }
    .flip-clock-wrapper .flip {
        margin: -13px;
        transform: scale(0.5);
    }
    .flip-clock-divider {
        transform: scale(0.5);
        margin-top: -16px;
    }
    .flip-clock-wrapper {
        margin: 16px 0 0 0 !important;
        height: 96px;
    }
    h3.foll-a {
        float: none;
        display: block;
        text-align: center;
    }
    #Footer .social-media {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    #Footer h4 {
        margin-top: 24px;
        text-align: center;
    }
    #Footer ul li {
        display: block;
        text-align: center;
    }
    #footer .nav-link {
        padding: 0.2rem 1rem;
    }
    #Footer .footer-widget {
        padding: 48px 0;
    }
    .media-body {
        text-align: center;
    }
    .slimScrollDiv {
        height: 228px !important;
    }
    .package-footer {
        margin-bottom: 16px;
    }
    .logo img {
        margin-top: 7px;
        margin-right: 16px;
        width: 124px;
    }
    .banner-text h3 {
        margin-top: 24px;
        text-align: left;
    }
    .banner-text p {
        text-align: left;
    }
    .order-view-details12.chat, .or-d {
        display: block !important;
        width: 90%;
        margin-left: 0px !important;
    }
    .mobile-show h3 {
        text-align: center;
        margin-top: 0px;
    }
    .main-ff .m-0 {
        text-align: center;
    }
    .slider-content {
        padding: 0 24px;
    }
    .row.main-top-banner {
        padding-top: 96px;
    }
    .delayedPopupWindow {
        width: 90%;
    }
}