@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');@font-face {
	font-family: 'Oswald';
}
body {
	font-family: 'lato';
}
#nav li {
    display: inline-block;
    font-family: system-ui;
    color: #000;
       padding-right: 20px;
}
#nav li a {
    color: #000;
    font-weight: 500;
    font-size: 15px;
}
#nav li i {
    margin-right: 5px;
    font-size: 16px !important;
}
/*-- foter css --*/
.main {
    width: 50%;
    margin: 50px auto;
}

/* Bootstrap 4 text input with search icon */

.has-search {
	padding-left: 0;
	margin-top: 45px;
}
.has-search .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 0;
    font-size: 14px;
    border: none;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-bottom: 1px solid #a7a7a7;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: none;
	    font-family: system-ui;

    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
.has-search .form-control-feedback {
	position: absolute;
	z-index: 2;
	display: block;
	width: 2.375rem;
	height: 2.375rem;
	line-height: 2.375rem;
	text-align: center;
	pointer-events: none;
	color: #aaa;
	top: 50px;
	right: 30px;
}
.view-all{
    margin: 33px auto;
    /* position: relative; */
    text-align: center;
    display: block;
    /* margin: 20px 0; */
    border: 2px solid #000;
    width: 12%;
    padding: 9px;
    font-size: 15px;
    font-family: system-ui;
    font-weight: 600;
    color: #000;
}
.footer_background p {
    text-align: center;
    font-family: system-ui;
    font-weight: 500;
    font-size: 13px;
	    font-size: 13px;

}
.input-group-btn .btn {
    background: #000;
    color: #fff;
    font-family: system-ui;
    font-weight: 500;
}
.footer_background {
    background-color: #eff4ea;
    padding-top: 15px;
    padding-left: 30px;
    margin-top: 0;
} 
.footer_body ul  {
  padding-inline-start: 0;
}
.footer_body {
    width: 22.33%;
    float: left;
    margin: 0 0;
    text-align: center;
}
.footer_body h1 {
  color: #82ddff;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
  text-align: left;
  font-family: system-ui;
  letter-spacing: 1px;
  padding-bottom: 8px;
}
.footer_body ul li {
    text-align: left;
	list-style-type: none;
margin-right: 10px;}

.footer_body li a {
    color: #fff;
    text-decoration: none;
    line-height: 30px;
    font-size: 14px;
    margin-right: 7px;
    font-weight: 400;
    font-family: system-ui;
	padding: 7px 0;
}
.footer_body li a:hover {
  padding-left: 10px;
  cursor: pointer;
  transition: all 0.8s ease;
  -webkit-transition: all 0.8s ease;
}
.social_icon_links i {
    /* background: #8a3ab9; */
    text-align: center;
    font-size: 16px;
    padding-top: 8px;
    /* background: linear-gradient(to bottom, #F58529 0%, #ff99cc 100%); */
    color: #40bdff;
}

.social_icon_links li {
	display: inline-block;
}
.p-footer {
  color: #fff;
  padding-top: 23px;
  font-family: lato;
  text-align: justify;
}

.newsletter {
padding: 80px 0;
background: #f2f2f2;
}

.newsletter .content {
max-width: 650px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 2; }
.newsletter .content h2 {
color: #243c4f;
margin-bottom: 40px; }
.newsletter .content .form-control {
height: 50px;
border-color: #ffffff;
border-radius:0;
}
.newsletter .content.form-control:focus {
box-shadow: none;
border: 2px solid #243c4f;
}
.newsletter .content .btn {
min-height: 50px; 
border-radius:0;
background: #243c4f;
color: #fff;
font-weight:600;
}
.top{}
.section-2-righttext{
	margin-top: 25%;

}
.section-3 .col-md-12 {
	padding: 0;
}
.section-3 img {
	width: 100%;
}
.section-6 p {
    font-size: 18px;
    color: #454040;
    font-family: system-ui;
    font-weight: 500;
    margin-top: 11px;
}
.section-6 img {
	width: 100%;
	    margin-bottom: 25px;

}
.section-6 a:hover {
    text-decoration:none;
}
.section-6 h4 {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #3a3a3a;
    font-size: 29px;
}

.section-6 .a-readmore {
    text-transform: uppercase;
    line-height: 27px;
    text-decoration: underline;
    color: #000;
    font-family: system-ui;
    font-size: 17px;
}
.get-to-text h3 {
    text-align: center;
    text-transform: uppercase;
    font-family: system-ui;
    margin: 60px 0;
    font-size: 27px;
}
.section-5 img {
    width: 95%;
    margin: 20px auto;
}
.section-7 img {
    margin-top: 30px;
}
.xo-xo-heading h3 {
    text-align: center;
    font-family: system-ui;
    margin: 30px auto;
    position: relative;
    top: 0;
    width: 30%;
    background: #fff;
    z-index: 99;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 23px;
}
.xo-xo-heading span {
    display: block;
    content: '';
    position: relative;
    width: 45%;
    height: 1px;
    background: #000;
    margin: 0 auto;
    text-align: center;
    top: -7px;
}
.comfortable-h2 {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #6a6664;
    font-size: 38px;
}

.comfortable-h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    font-size: 45px;
}

.comfortable-h3 span {
    color: #dc6662;
}
.social {
    color: #fff;
    padding: 23px 0;
}
.social1{
    color: #fff;
    padding: 0 0;
    float: right;
}
.social a {
    /* FONT-WEIGHT: 700; */
    text-decoration: none;
    color: #000;
    font-size: 12px;
    text-transform: capitalize;
    font-family: system-ui;
    font-weight: 400;
}
.main_header_area {
    background: #f8f8f8;
    margin-top: 10px;
    /* height: 51px; */
}

.btn-offer {
    background: #fff;
    color: #000 !important;
    height: 30px;
    margin-top: 6px;
    padding: 5px 10px !important;
    border-radius: 0 !important;
    font-family: system-ui;
    font-weight: 500 !important;
    font-size: 13px !important;
}
#myCarousel .carousel-control.left {
    background-image: none;
}
#myCarousel .carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
}
.section-2 {
	margin:40px 0;
}
#myCarousel .carousel-control.left {
    background-image: none;
}
#myCarousel .carousel-control {
    position: absolute;
    top: 46%;
    bottom: 11%;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #383d3f;
    text-align: center;
    text-shadow: none;
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
    font-size: 57px;
}
.social1 a {
    text-decoration: none;
    color: #fff;
}
.social1 a:hover{
    text-decoration: none;
    color: #fff;
}
.icn {
    margin-bottom: 0;
    text-align: center;
    color: #000;
    font-family: system-ui;
    text-transform: capitalize;
    border-radius: 0 0 10px 10px;
    padding-top: 1px;
    text-align: left;
    font-size: 15px;
}
.icn-right {
    margin-bottom: 0;
    text-align: center;
    color: #fff;
    font-family: system-ui;
    text-transform: capitalize;
    border-radius: 0 0 10px 10px;
    padding-top: 0;
    text-align: right;
    font-size: 15px;
}
.top .col-md-4 {
	padding:0;
}

#preloader{overflow:hidden;background-color:#fff;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999999;}
.classy-load{-webkit-animation:2000ms linear 0s normal none infinite running classy-load;animation:2000ms linear 0s normal none infinite running classy-load;background:transparent none repeat scroll 0 0;border-color:#dddddd #dddddd #111111;border-radius:50%;border-style:solid;border-width:2px;height:40px;left:calc(50% - 20px);position:relative;top:calc(50% - 20px);width:40px;z-index:9;}
@-webkit-keyframes classy-load{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes classy-load{
    0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}


    #custom-search-form {
        margin:0;
        margin-top: 5px;
        padding: 0;
    }
 
#custom-search-form .search-query {
    padding-right: 3px;
    padding-right: 4px \9;
    padding-left: 7px;
    padding-left: 4px \9;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 50px;
    border: 1px solid #d5d1cf;
    padding: 12px 20px;
    width: 79%;
    float: right;
    margin-top: 9px;
	    font-family: sans-serif;

}
 
 #custom-search-form button {
    border: 0;
    background: none;
    padding: 8px 5px;
    margin-top: 12px;
    position: absolute;
    /* left: 0; */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: right;
    right: 89px;
    font-size: 18px;
}
 
    .search-query:focus + button {
        z-index: 3;   
    }


.navigation {
    width: 100%;
    display: table;
    position: relative;
    font-family: inherit;
}
.navigation *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.navigation-portrait{height:48px}
.navigation-fixed{position:fixed;top:0;left:0;z-index:19998}
.navigation-hidden{width:0!important;height:0!important;margin:0!important;padding:0!important}
.align-to-right{float:right}
.nav-header{float:left}
.navigation-hidden .nav-header{display:none}
.nav-brand{line-height:70px;padding:0;color:#343a40;font-size:24px;text-decoration:none!important}
.nav-brand:hover,.nav-brand:focus{color:#343a40}
.navigation-portrait .nav-brand{font-size:18px;line-height:48px}
.nav-logo>img{height:48px;margin:11px auto;padding:0 15px;float:left}
.nav-logo:focus>img{outline:initial}
.navigation-portrait .nav-logo>img{height:36px;margin:6px auto 6px 15px;padding:0}
.nav-toggle{width:30px;height:30px;padding:6px 2px 0;position:absolute;top:50%;margin-top:-14px;right:15px;display:none;cursor:pointer}
.nav-toggle:before{content:"";position:absolute;width:24px;height:2px;background-color:#343a40;border-radius:10px;box-shadow:0 .5em 0 0 #343a40,0 1em 0 0 #343a40}
.navigation-portrait .nav-toggle{display:block}
.navigation-portrait .nav-menus-wrapper{width:320px;height:100%;top:0;left:-400px;position:fixed;background-color:#fff;z-index:20000;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right{left:auto;right:-400px}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open{left:0}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open{left:auto;right:0}
.nav-menus-wrapper-close-button{width:30px;height:40px;margin:10px 7px;display:none;float:right;color:#343a40;font-size:26px;cursor:pointer}
.navigation-portrait .nav-menus-wrapper-close-button{display:block}
.nav-menu{margin:0;padding:0;list-style:none;line-height:normal;font-size:0;text-align: center;}
.navigation-portrait .nav-menu{width:100%}
.navigation-landscape .nav-menu.nav-menu-centered{float:none;text-align:center}
.nav-menu>li{display:inline-block;text-align:center}
.navigation-portrait .nav-menu>li{width:100%;position:relative;border-top:solid 1px #f0f0f0}
.nav-menu>li>a {
    padding: 9px 25px;
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    color: #343a40;
    -webkit-transition: color .3s,background .3s;
    transition: color .3s,background .3s;
    font-weight: 600;
    font-family: system-ui;
    position: relative;
    z-index: 1;
border-bottom: 2px solid transparent;
    /* height: 60px; */
}
.navigation-portrait .nav-menu>li:last-child{border-bottom:solid 1px #f0f0f0}
.nav-menu+.nav-menu>li:first-child{border-top:none}
.navigation-portrait .nav-menu>li>a{width:100%;height:auto;padding:12px 15px 12px 26px}
.nav-menu>li:hover>a,.nav-menu>li.active>a,.nav-menu>li.focus>a{color:#008080}
.nav-menu>li>a>i,.nav-menu>li>a>[class*=ion-]{width:18px;height:16px;line-height:16px;-webkit-transform:scale(1.4);transform:scale(1.4)}
.nav-menu>li>a>[class*=ion-]{width:16px;display:inline-block;-webkit-transform:scale(1.8);transform:scale(1.8)}
.navigation-portrait .nav-menu.nav-menu-social{width:100%;text-align:center}
.nav-menu.nav-menu-social>li{text-align:center;float:none;border:none!important}
.navigation-portrait .nav-menu.nav-menu-social>li{width:auto}
.nav-menu.nav-menu-social>li>a>[class*=ion-]{font-size:12px}
.nav-menu.nav-menu-social>li>a>.fa{font-size:14px}
.navigation-portrait .nav-menu.nav-menu-social>li>a{padding:15px}
.submenu-indicator{margin-left:6px;margin-top:6px;float:right;-webkit-transition:all .2s;transition:all .2s}
.navigation-portrait .submenu-indicator{width:54px;height:44px;margin-top:0;position:absolute;top:0;right:0;text-align:center;z-index:20000}
.submenu-indicator-chevron{height:6px;width:6px;display:block;border-style:solid;border-width:0 1px 1px 0;border-color:transparent #70798b #70798b transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border .2s;transition:border .2s}
.navigation-portrait .submenu-indicator-chevron{position:absolute;top:18px;left:24px}
.nav-menu>li:hover>a .submenu-indicator-chevron,.nav-menu>.active>a .submenu-indicator-chevron,.nav-menu>.focus>a .submenu-indicator-chevron{border-color:transparent #967adc #967adc transparent}
.navigation-portrait .submenu-indicator.submenu-indicator-up{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.nav-overlay-panel{width:100%;height:100%;top:0;left:0;position:fixed;display:none;z-index:19999}
.no-scroll{width:100%;height:100%;overflow:hidden}
.nav-search{height:70px;float:right;z-index:19998}
.navigation-portrait .nav-search{height:48px;padding:0 10px;margin-right:52px}
.navigation-hidden .nav-search{display:none}
.nav-search-button{width:70px;height:70px;line-height:70px;text-align:center;cursor:pointer;background-color:#fbfcfd}
.navigation-portrait .nav-search-button{width:50px;height:48px;line-height:46px;font-size:22px}
.nav-search-icon{width:14px;height:14px;margin:2px 8px 8px 4px;display:inline-block;vertical-align:middle;position:relative;color:#343a40;text-align:left;text-indent:-9999px;border:2px solid;border-radius:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-search-icon:after,.nav-search-icon:before{content:'';pointer-events:none}
.nav-search-icon:before{width:2px;height:11px;top:11px;position:absolute;left:50%;border-radius:0 0 1px 1px;box-shadow:inset 0 0 0 32px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.nav-search-button:hover .nav-search-icon{color:#27ae60}
.nav-search>form{width:100%;height:100%;padding:0 auto;display:none;position:absolute;left:0;top:0;background-color:#fff;z-index:99}
.nav-search-inner{width:70%;height:70px;margin:auto;display:table}
.navigation-portrait .nav-search-inner{height:48px}
.nav-search-inner input[type=text],.nav-search-inner input[type=search]{height:70px;width:100%;margin:0;padding:0 12px;font-size:26px;text-align:center;color:#343a40;outline:none;line-height:70px;border:none;background-color:transparent;-webkit-transition:all .3s;transition:all .3s}
.navigation-portrait .nav-search-inner input[type=text],.navigation-portrait .nav-search-inner input[type=search]{height:48px;font-size:18px;line-height:48px}
.nav-search-close-button{width:28px;height:28px;display:block;position:absolute;right:20px;top:20px;line-height:normal;color:#343a40;font-size:20px;cursor:pointer;text-align:center}
.navigation-portrait .nav-search-close-button{top:10px;right:14px}
.nav-button{margin:18px 15px 0;padding:8px 14px;display:inline-block;color:#fff;font-size:14px;text-align:center;text-decoration:none;border-radius:4px}
.nav-button:hover,.nav-button:focus{color:#fff;text-decoration:none}
.navigation-portrait .nav-button{width:calc(100% - 52px);margin:17px 26px}
.nav-text{margin:25px 15px;display:inline-block;color:#343a40;font-size:14px}
.navigation-portrait .nav-text{width:calc(100% - 52px);margin:12px 26px 0}
.navigation-portrait .nav-text+ul{margin-top:15px}
.nav-dropdown{min-width:180px;margin:0;padding:0;display:none;position:absolute;list-style:none;z-index:98;white-space:nowrap}
.navigation-portrait .nav-dropdown{width:100%;position:static;left:0}
.nav-dropdown .nav-dropdown{left:100%}
.nav-menu>li>.nav-dropdown{border-top:solid 1px #f0f0f0}
.nav-dropdown>li{width:100%;float:left;clear:both;position:relative;text-align:left}
.nav-dropdown>li>a{width:100%;padding:16px 20px;display:inline-block;text-decoration:none;float:left;font-size:13px;color:#343a40;background-color:#fdfdfd;}
.nav-dropdown>li:hover>a,.nav-dropdown>li.focus>a{color:#27ae60}
.nav-dropdown.nav-dropdown-left{right:0}
.nav-dropdown>li>.nav-dropdown-left{left:auto;right:100%}
.navigation-landscape .nav-dropdown.nav-dropdown-left>li>a{text-align:right}
.navigation-portrait .nav-dropdown>li>a{padding:12px 20px 12px 30px}
.navigation-portrait .nav-dropdown>li>ul>li>a{padding-left:50px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>a{padding-left:70px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a{padding-left:90px}
.navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:110px}
.nav-dropdown .submenu-indicator{right:15px;top:10px;position:absolute}
.navigation-portrait .nav-dropdown .submenu-indicator{right:0;top:0}
.nav-dropdown .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav-dropdown>li:hover>a .submenu-indicator-chevron,.nav-dropdown>.focus>a .submenu-indicator-chevron{border-color:transparent #27ae60 #27ae60 transparent}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator{left:10px}
.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.nav-dropdown-horizontal{width:100%;left:0;background-color:#fdfdfd;border-top:solid 1px #f0f0f0}
.nav-dropdown-horizontal .nav-dropdown-horizontal{width:100%;top:100%;left:0}
.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal{border-top:none}
.nav-dropdown-horizontal>li{width:auto;clear:none;position:static}
.navigation-portrait .nav-dropdown-horizontal>li{width:100%}
.nav-dropdown-horizontal>li>a{position:relative}
.nav-dropdown-horizontal .submenu-indicator{height:18px;top:11px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator{height:42px;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.megamenu-panel {
    width: 719px;
    padding: 15px;
    display: none;
    position: absolute;
    font-size: 14px;
    z-index: 98;
    text-align: left;
    color: inherit;
    border-top: solid 1px #f0f0f0;
    background-color: #fdfdfd;
    box-shadow: 0 10px 20px rgb(0 0 0 / 8%);
}.navigation-portrait .megamenu-panel{padding:25px;position:static;display:block}
.megamenu-panel [class*=container]{width:100%}
.megamenu-panel [class*="container"] [class*="col-"]{padding:0}
.megamenu-panel-half{width:50%}
.megamenu-panel-quarter{width:25%}
.navigation-portrait .megamenu-panel-half,.navigation-portrait .megamenu-panel-quarter{width:100%}
.megamenu-panel-row{width:100%}
.megamenu-panel-row:before,.megamenu-panel-row:after{display:table;content:"";line-height:0}
.megamenu-panel-row:after{clear:both}
.megamenu-panel-row [class*=col-]{display:block;min-height:20px;float:left;margin-left:3%}
.megamenu-panel-row [class*=col-]:first-child{margin-left:0}
.navigation-portrait .megamenu-panel-row [class*=col-]{float:none;display:block;width:100%!important;margin-left:0;margin-top:15px}
.navigation-portrait .megamenu-panel-row:first-child [class*=col-]:first-child{margin-top:0}
.megamenu-panel-row .col-1{width:5.583333333333%}
.megamenu-panel-row .col-2{width:14.166666666666%}
.megamenu-panel-row .col-3{width:22.75%}
.megamenu-panel-row .col-4{width:31.333333333333%}
.megamenu-panel-row .col-5{width:39.916666666667%}
.megamenu-panel-row .col-6{width:48.5%}
.megamenu-panel-row .col-7{width:57.083333333333%}
.megamenu-panel-row .col-8{width:65.666666666667%}
.megamenu-panel-row .col-9{width:74.25%}
.megamenu-panel-row .col-10{width:82.833333333334%}
.megamenu-panel-row .col-11{width:91.416666666667%}
.megamenu-panel-row .col-12{width:100%}
.megamenu-tabs{width:100%;float:left;display:block}
.megamenu-tabs-nav{width:20%;margin:0;padding:0;float:left;list-style:none}
.navigation-portrait .megamenu-tabs-nav{width:100%}
.megamenu-tabs-nav>li>a{width:100%;padding:10px 16px;float:left;font-size:13px;text-decoration:none;color:#343a40;border:solid 1px #eff0f2;outline:0;background-color:#fff}
.megamenu-tabs-nav>li.active a,.megamenu-tabs-nav>li:hover a{background-color:#f5f5f5}
.megamenu-tabs-pane{width:80%;min-height:30px;padding:20px;float:right;display:none;font-size:13px;color:#343a40;border:solid 1px #eff0f2;background-color:#fff}
.megamenu-tabs-pane.active{display:block}
.navigation-portrait .megamenu-tabs-pane{width:100%}
.megamenu-lists{width:100%;display:table}
.megamenu-list{width:100%;margin:0 0 15px;padding:0;display:inline-block;float:left;list-style:none}
.megamenu-list:last-child{margin:0;border:none}
.navigation-landscape .megamenu-list {
    width: 100%;
    margin: -15px 0;
    padding: 20px 0;
    border-right: solid 1px #f0f0f0;
    /* height: 245px; */
}
.navigation-landscape .megamenu-list:last-child{border:none}
.megamenu-list>li>a:hover{color:#008080}
.megamenu-list>li.megamenu-list-title>a{font-size:16px;font-weight:600;text-transform:uppercase;color:#343a40}
.megamenu-list>li.megamenu-list-title>a:hover{background-color:transparent}
.navigation-landscape .list-col-2{width:50%}
.navigation-landscape .list-col-3{width:33%}
.navigation-landscape .list-col-4{width:25%}
.navigation-landscape .list-col-5{}
.nav-menu > li > a{color:#000;text-transform:uppercase;}

.megamenu-list >li >a:active {
    color: #008080;
}
.nav-menu > li > a:hover {
    color: #008080;
    /* text-decoration: underline; */
    border-bottom: 2px solid #10a1a1;
}
.nav-menu > li > a:active {
    color: #008080;
    /* text-decoration: underline; */
    border-bottom: 2px solid #10a1a1;
}
.nav-menu > li:active {
    color: #10a1a1;
    /* text-decoration: underline; */
    border-bottom: 2px solid #10a1a1;
}
.megamenu-list li {
    width: 33%;
    float: left;
    line-height: 25px;
}
.nav-dropdown > li > a{
	color:#f00;
	padding:10px 20px;
	border-bottom:1px solid #f6f6f6;
}
.main_header_area.sticky{width:100%;position:fixed;top:0;left:0;background-color:#fff;z-index:9999;box-shadow:0 5px 30px rgba(0,0,0,0.1);}
.transparent-menu{position:absolute;width:100%;left:0;top:0;z-index:99;}
.navigation-portrait .nav-menu > li > a{width:100%;height:auto;padding:10px 10px 10px 30px;}
.megamenu-list>li>a {
    width: 100%;
    padding: 9px 15px;
    display: inline-block;
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-family: -webkit-pictograph;
	font-weight:600;
	font-family:system-ui;
}
.megamenu-list li {
    width: 33%;
    float: left;
    line-height: 25px;
}
.main-b {
    position: relative;
    left: 14px;
    top: 6px;
    font-size: 16px;
}
@media only screen and (min-width:320px) and (max-width:767px){
  .nav-dropdown > li > a,.megamenu-list > li > a{width:65%}
}
.social {
    color: #fff;
    padding: 2px 0 0;
}
.pre-header {
    background: #fff;
    padding: 0 0;
    position: relative;
    z-index: 9999;
    transition: background-color 0.9s ease;
    border-bottom: 1px solid #d4d4d4;
    color: #000;
}
.social-right {
	float: right;
	padding: 5px 0;
}
.social-right a {
    /* FONT-WEIGHT: 700; */
    text-decoration: none;
    color: #000;
    font-size: 12px;
    text-transform: capitalize;
    font-family: system-ui;
    font-weight: 400;
}
.logo img {
    width: 80%;
    margin: 0 auto;
    display: block;
    margin-top: 0;
    position: relative;
    top: 8px;
}
.icn-yellow {
    text-align: center;
    color: white;
    font-size: 15px;
    margin-bottom: 0;
    font-family: system-ui;
}
.custom-search-form {
    margin-top: 5px;
    width: 85%;
    margin: 15px auto 0 auto;
    z-index: 9999;
}
.custom-search-form .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    height: 45px;
    border-radius: 0;
    border: 1px solid #ffffff;
    background: #ffffff;
    font-family: system-ui;
    box-shadow: inset 0 0 5px #afafaf;
}
.custom-search-form .form-control::placeholder {
   color:#000;
}
.input-group-btn {
    position: absolute !important;
    top: 0;
    /* left: 0; */
    right: 0;
}
.input-group-btn .btn-default {
    color: #fff;
    background: #ff9213;
    border-color: #ff9213;
    padding: 11px 15px;
}
.right_pannel ul {
    float: right;
    margin-top: 21px;
}
.right_pannel ul li {
    display: inline-block;
    padding-right: 15px;
    font-family: system-ui;
    font-weight: 500;
	    margin-right: 11px;
    float: left;
}
.right_pannel li a {
    color: #000;
	    font-size: 21px;

}
.riview-button {
    position: fixed;
    padding:10px 20px 15px 20px;
    right: -65px;
    top: 40%;
    transform: rotate(90deg) translate(50%, 50%);
    opacity: 1;
    z-index: 999;
	    background:#008080;
	border-radius: 0 0 12px 12px;	
	display:none;
}
.riview-button a {
	color:#fff;
	font-size:18px;
}
.riview-button a:hover {
	color:#fff;
	text-decoration:none;
}
.right_pannel {
    margin-top: 0;
}
.numeric_value {
    float: right;
    position: relative;
    top: -10px;
    left: -2px;
    font-size: 17px;
    color: red;
}
.cart-header {
    background: url(../images/cart.png) no-repeat 0 0;
    width: 30px;
    height: 30px;
    /* position: absolute; */
}
.col-4 {
    width: 34%;
    float: left;
    text-align: center;
    box-shadow: 0 0 5px #909090;
    text-align: center;
    margin: 49px 10px;
    padding: 0 22px;
}
.packs-text {
    font-weight: 600;
    font-family: system-ui;
    font-size: 20px;
    margin-bottom: 20px;
    letter-spacing: 0;
    padding-top: 10px;
}
.packs_section .col-4 .col-md-6 {
    padding: 0 0;
    height: 180px;
}
.packs_section .col-4 .col-md-6 img{
    width: 80%;
}
.packs_column h6 {
    color: #000;
    font-size: 13px;
    font-family: system-ui;
    font-weight: 600;
}
.col-2 {
    width: 28%;
    float: left;
    margin-top: 47px;
}
.col-2 img {
    margin: 0 auto;
    display: block;
}
.dreams-category h4 {
	text-align: center;
    color: #000;
    font-family: system-ui;
    font-size: 17px;
} 
.section-3 {
	    padding: 0 0 50px 0;
}
.brand_section .col-md-2 {
	width:20%;
}
.taxfree_section {
    margin-bottom: 50px;
}
.border_grey {
    border: 1px solid #ececec;
}
.right-border {
    border: 1px solid #ececec;
}
.right-border img {
    float: left;
    padding: 10px 0;
}
.right-border h6 {
    margin-top: 28px;
    font-size: 17px;
    text-align: center;
    font-weight: 600;
    font-family: system-ui;
}
.dreams-category {
    margin-bottom: 30px;
}
.dutyfree_banner {
    background: url(../images/sub-page-banner.jpg) no-repeat 0 0;
    height: 330px;
    padding: 0 0;
    margin-top: 0;
}
.dutyfree_breadcrumb {
    margin-top: 20px;
    margin-bottom: 0;
}
.dutyfree_breadcrumb .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
}
.breadcrumb>li {
    display: inline-block;
}
.breadcrumb li a {
    font-weight: 500;
    color: #000;
    font-family: system-ui;
}
.left_panel_filter {
    border: 1px solid #d9d9d9;
}
.productlist_section h5 {
    font-size: 19px;
    padding-left: 15px;
    font-family: system-ui;
    padding-top: 0;
    color: #6b6b6b;
    padding-bottom: 15px;
    margin: 0 0;
}
.wrapper  .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #fff;
}
.wrapper .panel-default {
    border-color: #fff;
}
.wrapper .panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
}
.wrapper .panel-title {
    margin-top: 13px;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    font-weight: 600;
    font-family: system-ui;
}
.wrapper .panel-body {
    padding: 5px 15px;
}
.wrapper .checkbox label {
    min-height: 27px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    font-family: system-ui;
    font-size: 14px;
}
.sorting_column .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 47px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    font-family: system-ui;
    font-size: 16px;
	    margin-bottom: 10px;

}

.product-list img {
    width: 90%;
    height: 261px;
}
.product-list h4 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: #282c3f;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: system-ui;
}
.product-list p {
    color: #535766;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    display: block;
    font-family: system-ui;
    line-height: 24px;
}
.product-list-span {
    font-size: 15px;
    color: #282c3f;
    font-weight: 600;
    font-family: system-ui;
}
.product-strike {
    text-decoration: line-through;
    color: #7e818c;
    font-weight: 400;
    margin-left: 5px;
    font-size: 12px;
}
.product-list:hover {
    transition: all 0.5s ease;
}
.product-list a:hover {
    text-decoration: none;
}
.product-list {
    margin-bottom: 30px;
}

.header_area {
    box-shadow: 0 5px 0 5px #f00;
    box-shadow: 0 8px 6px -6px #eaeaea;
    z-index: 999;
    width: 100%;
    background: #fff;
	top:0;
}

.pdp-title {
    color: #282c3f;
    padding: 0 20px 0 0;
    font-size: 24px;
    font-weight: 500;
    font-family: system-ui;
    line-height: 1;
}
.pdp-name {
    color: #535665;
    padding: 5px 20px 14px 0;
    font-size: 16px;
    opacity: .8;
    font-family: system-ui;
    font-weight: 400;
    border-bottom: 1px solid #ececec;
    text-align: justify;
    letter-spacing: -0.5px;
}
.stylish h1 {
    color: #282c3f;
    font-weight: 500;
    font-size: 26px;
    font-family: system-ui;
    margin-top: 14px;
    margin-bottom: 20px;
}
.stylish .form-control {
    display: block;
    width: 34%;
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    font-family: system-ui;
    font-weight: 700;
}
.stylish label {
    font-size: 16px;
    font-weight: 600;
    font-family: system-ui;
    margin-bottom: 10px;
}
.product-heading {
    font-size: 16px;
    font-family: system-ui;
    text-transform: uppercase;
    font-weight: 600;
}
.product-para {
    margin: 8px 0;
    display: inline-block;
    width: 90%;
    vertical-align: top;
    line-height: 27px;
    font-size: 15px;
    font-family: system-ui;
}
.btn-buy-now {
    color: #fff;
    background-color: #008080;
    border-color: #008080;
    width: 37%;
    border-radius: 0;
    font-family: system-ui;
    font-size: 16px;
    font-weight: 500;
    padding: 8px;
    margin-right: 15px;
    display: block;
    text-align: center;
    float: left;
	text-transform:uppercase;
}
.btn-buy-now:hover {
    color: #fff;
    background-color: #000;
}
.btn-buy-cart {
    color: #fff;
    background-color: #000;
    border-color: #42a2a2;
    width: 37%;
    border-radius: 0;
    font-family: system-ui;
    font-size: 16px;
    font-weight: 500;
    padding: 8px;
    margin-right: 15px;
    display: block;
    text-align: center;
    float: left;
	text-transform:uppercase;
}
.btn-buy-cart:hover {
    color: #fff;
    background-color: #42a2a2;
}
.similar_heading h4 {
    font-family: system-ui;
    padding: 20px 0 0;
    font-size: 20px;
}

.product-details-column {
    margin-bottom: 30px;
}
.product-details-column img {
    width: 90%;
    height: 350px;
}
.product-details-column h4 {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    color: #282c3f;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: system-ui;
}
.product-details-column p {
    color: #535766;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    display: block;
    font-family: system-ui;
    line-height: 24px;
}
.product-details-column-span {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    font-family: system-ui;
}
.product-details-strike {
    text-decoration: line-through;
    color: #7e818c;
    font-weight: 400;
    margin-left: 5px;
    font-size: 12px;
}
.login-banner h3 {
    text-align: left;
    font-family: system-ui;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 81px;
}
.login-banner p {
    font-family: system-ui;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 30px;
}
.forgot {
    float: right;
    font-family: system-ui;
    color: #0037ff;
    font-weight: 500;
    font-size: 14px;
}
.login-banner .btn-warning {
    color: #fff;
    background-color: #656565;
    border-color: #656565;
    display: block;
    margin: 0 auto;
    border-radius: 7%;
    font-family: system-ui;
    padding: 8px 18px;
    margin-top: 15px;
}
.login-banner .container-fluid {
    padding-left: 0;
}
.menu {
    background:#345;
    color:#FFF;
    height:2em;
    padding:.5em;
    position:absolute;
    top:50px;
    width:100%;
}
.offer-section {
    margin: 30px 0 25px;
}
.header_bumblebee h3 {
    text-align: center;
    text-transform: uppercase;
    font-family: system-ui;
    width: 23%;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    background: #fff;
    z-index: 99;
    position: relative;
    margin-bottom: 30px;
    color: teal;
    font-weight: 700;
}
.header_bumblebee span {
    content: "";
    position: absolute;
    width: 38%;
    height: 2px;
    background: #008080;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 35px;
}
.safari-section img {
    width: 100%;
}


/********************* shopping Demo-1 **********************/
.product-grid {
    font-family: Raleway,sans-serif;
    text-align: center;
    padding: 0 0 40px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
	    margin-right: 10px;
}
.product-grid .product-image{position:relative;transition:all .3s ease 0s}
.product-grid .product-image a{display:block}
.product-grid .product-image img {
  width: 100%;
  height: 226px;
}
.product-grid .pic-1{opacity:1;transition:all .3s ease-out 0s}
.product-grid:hover .pic-1{opacity:1}
.product-grid .pic-2{opacity:0;position:absolute;top:0;left:0;transition:all .3s ease-out 0s}
.product-grid:hover .pic-2{opacity:1}
.product-grid .social{width:150px;padding:0;margin:0;list-style:none;opacity:0;transform:translateY(-50%) translateX(-50%);position:absolute;top:60%;left:50%;z-index:1;transition:all .3s ease 0s}
.product-grid:hover .social{opacity:1;top:50%}
.product-grid .social li{display:inline-block}
.product-grid .social li a{color:#fff;background-color:#000;font-size:16px;line-height:40px;text-align:center;height:40px;width:40px;margin:0 2px;display:block;position:relative;transition:all .3s ease-in-out}
.product-grid .social li a:hover {
  color: #fff;
  background-color: #058c34;
}
.product-grid .social li a:after,.product-grid .social li a:before{content:attr(data-tip);color:#fff;font-size:12px;letter-spacing:1px;line-height:20px;padding:1px 5px;white-space:nowrap;opacity:0;transform:translateX(-50%);position:absolute;left:50%;top:-30px}
.product-grid .social li a:hover:after,.product-grid .social li a:hover:before{opacity:1}
.product-grid .product-discount-label,.product-grid .product-new-label{color:#fff;background-color:#ef5777;font-size:12px;text-transform:uppercase;padding:2px 7px;display:block;position:absolute;top:10px;left:0}
.product-grid .product-discount-label{background-color:#333;left:auto;right:0}
.product-grid .rating{color:#FFD200;font-size:12px;padding:12px 0 0;margin:0;list-style:none;position:relative;z-index:-1}
.product-grid .rating li.disable{color:rgba(0,0,0,.2)}
.product-grid .product-content{background-color:#fff;text-align:left;padding:12px 0;margin:0 auto;}
.product-grid:hover .product-content{bottom:0}
.product-grid .title {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 0 0 7px;
  transition: all .3s ease 0s;
  font-family: lato;
}
.money {
    font-size: 14px;
    color: #7d7d7d;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    font-family: system-ui;
	display: block;
}
.product-content em {
    font-size: 14px;
    color: #969696;
    font-weight: 400;
    font-style: normal;
    margin-right: 3px;
}
.product-grid strike {
    display: block;
    font-family: system-ui;
    color: #969696;
}
.product-grid .title a {
    color: #000;
    font-family: sans-serif;
}
.product-grid .title a:hover, .product-grid:hover .title a {
    color: #2e8b57;
	text-decoration: none;
}
.product-grid .price {
    color: #333;
    font-size: 12px;
    font-family: Montserrat,sans-serif;
    font-weight: 400;
    letter-spacing: .6px;
    margin-bottom: 8px;
    text-align: center;
    transition: all .3s;
    text-decoration: underline;
    text-transform: uppercase;
	    float: left;

}
.product-grid .price span{color:#999;font-size:13px;font-weight:400;text-decoration:line-through;margin-left:3px;display:inline-block}
.product-grid .add-to-cart{color:#000;font-size:13px;font-weight:600}
@media only screen and (max-width:990px){.product-grid{margin-bottom:30px}
}

.bumblebee_products .product-grid {
    width: 19%;
    float: left;
    /* padding: 0 10px; */
    margin: 0 6px;
}

/*------------------ image effect css ------------------*/
.column {
	margin: 15px 15px 0;
	padding: 0;
}
.column:last-child {
	padding-bottom: 0;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	float: left;
	width: 300px;
	height: 200px;
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
	width:100%;
	height:300px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}



/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* Zoom In #2 */
.hover02 figure img {
	width: 300px;
	height: 266px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-radius: 5px;
}
.hover02 figure:hover img {
	width: 350px;
}

/* Zoom Out #1 */
.hover03 figure img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover03 figure:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* Zoom Out #2 */
.hover04 figure img {
	width: 400px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover04 figure:hover img {
	width: 300px;
}

/* Slide */
.hover05 figure img {
	margin-left: 30px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover05 figure:hover img {
	margin-left: 0;
}

/* Rotate */
.hover06 figure img {
	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover06 figure:hover img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}

/* Blur */
.hover07 figure img {
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover07 figure:hover img {
	-webkit-filter: blur(0);
	filter: blur(0);
}

/* Gray Scale */
.hover08 figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover08 figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/* Sepia */
.hover09 figure img {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover09 figure:hover img {
	-webkit-filter: sepia(0);
	filter: sepia(0);
}

/* Blur + Gray Scale */
.hover10 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover10 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}

/* Opacity #1 */
.hover11 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11 figure:hover img {
	opacity: .5;
}

/* Opacity #2 */
.hover12 figure {
	background: #1abc9c;
}
.hover12 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover12 figure:hover img {
	opacity: .5;
}

/* Flashing */
.hover13 figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/* Circle */
.hover15 figure {
	position: relative;
}
.hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15 figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
.arrivals-left  {
	width:50%;
	    float: left;

}
.arrivals-right {
    width: 43%;
    float: left;
}

.carousel-inner img {
    width: 84%;
    margin: 0 auto;
}
.offer-section-2 {
    margin: 0 0 0;
}
.p-about {
    font-size: 16px;
    text-align: center;
    font-family: system-ui;
    color: #191919;
}

.offer-section-2 {
    margin: 16px 0 0;
    background: url(../images/sub-page-banner.jpg) no-repeat 0 0;
}
.shop-now {
    display: block;
    margin: 32px auto;
    width: 12%;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    border: 2px solid #000;
    padding: 12px 22px;
}
.shop-now:hover {
    background:#008080;
	color:#fff;
}

body {
  background: #000;
}
.section-padding{
  padding:60px 0;
}
.brand-carousel {
  background: #eee;
  margin-top: 10%;
}
.owl-dots{
  text-align: center;
}

.owl-dot {
  display: inline-block;
  height: 15px !important;
  width: 15px !important;
  background-color: #222222 !important;
  opacity: 0.8;
  border-radius: 50%;
  margin: 0 5px;
}

.owl-dot.active {
  background-color: #FF170F !important;
}



/* ignore the code below */


.link-area
{
  position:fixed;
  bottom:20px;
  left:20px;  
  padding:15px;
  border-radius:40px;
  background:tomato;
}
.link-area a
{
  text-decoration:none;
  color:#fff;
  font-size:25px;
}
#demo {
    margin-top: 80px;
}
.big-heading {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    color: #1caf86;
    font-family: system-ui;
    line-height: 38px;
	padding:40px 0;
}
.big-heading span {
    font-family: 'system-ui';
    font-style: italic;
    font-size: 34px;
}
.big-heading b {
    font-size: 42px;
    font-family: system-ui;
}
.strong-bum {
    display: block;
    text-align: center;
    position: relative;
    top: -24px;
    font-size: 28px;
    font-family: revert;
}
.insta-section img {
	margin-bottom:25px;
}

.video-heading h3 {
    font-size: 28px;
    font-family: system-ui;
    margin-bottom: 24px;
	    font-weight: 700;
}

.whasapp-a {
    font-size: 14px;
    color: #fff !important;
    font-family: system-ui;
    line-height: 24px;
    
    position: relative;
        display: block;
}
.fa-phone {
    color: #fff;
    font-size: 17px !important;
    position: relative;
    top: 1px;
}
.fa-envelope {
    color: #0097de;
    font-size: 14px !important;
    position: relative;
    top: 1px;
    margin-right: 4px;
}
.fa-angle-right {
	  color: #82ddff;

}
.list-li {
	display:block !important;
}
.healthy-heading {
    margin: 12px 0;
    font-family: system-ui;
    font-weight: 700;
    font-size: 17px;
}
.read-more {
    display: block;
    margin: 19px 0;
    width: 31%;
    text-align: center;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    border-radius: 50px;
    border: 2px solid #000;
    padding: 12px 4px;
}
.read-more:hover {
    background: #008080;
    color: #fff;
}
.mail {
    color: #fff !important;
    font-size: 14px;
    font-family: system-ui;
	    line-height: 46px;

	
}
.mail i {
    color: #42beff !important;
    margin-right: 4px;
}
.fa-twitter {
    background: #1DA1F2;
}
.fa-pinterest {
    background: #c31313;
}
.newsletter {
padding: 80px 0;
background: #f2f2f2;
}
.address {
    color: #fff !important;
    font-size: 14px;
    font-family: system-ui;
    line-height: 17px;
    position: relative;
    top: 11px;
}
.address i {
    color: #40bdff  !important;
}
.newsletter .content {
max-width: 650px;
margin: 0 auto;
text-align: center;
position: relative;
z-index: 2; }
.newsletter .content h2 {
color: #243c4f;
margin-bottom: 40px; }
.newsletter .content .form-control {
height: 50px;
border-color: #ffffff;
border-radius:0;
}
.newsletter .content.form-control:focus {
box-shadow: none;
border: 2px solid #243c4f;
}
.newsletter .content .btn {
min-height: 50px; 
border-radius:0;
background: #243c4f;
color: #fff;
font-weight:600;

}
.footer_body .form-control {
    border-radius: 50px;
	    height: 42px;
	border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
	width:300px !important;
	padding: 10px 12px;
}
.footer_body .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -88px;
    border-radius: 50px;
	margin-top: 5px;
    margin-right: 3px;
	    background: #008080;

}

.healthy_heart h3 {
    text-align: center;
    text-transform: uppercase;
    font-family: system-ui;
    width: 27%;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    background: #fff;
    z-index: 99;
    position: relative;
    margin-bottom: 30px;
    color: teal;
    font-weight: 700;
}
.healthy_heart span {
    content: "";
    position: absolute;
    width: 40%;
    height: 2px;
    background: #22c194;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 35px;
}
.whats_app {
    position: fixed;
    left: 24px;
    bottom: 74px;
    z-index: 9999;
    font-size: 38px;
    width: 4%;
    margin: 0 auto;
    border-radius: 10px;
    text-align: center;
    float: right;
    left: 96%;
}
.whats_app .fa-whatsapp {
    color: #fff;
    font-size: 37px !important;
    position: relative;
    top: 76px;
    background: #47a91f;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    padding-top: 8px;
}
.read-more-middle {
    display: block;
    margin: 1px auto;
    width: 10%;
    text-align: center;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    border-radius: 50px;
    border: 2px solid #000;
    padding: 12px 4px;
    margin-bottom: 24px;
}
.m-30 {
  margin-top: 16px;
}
.healthy-section {
	margin-top:10px;
}
.read-more-middle:hover {
    background: #008080;
    color: #fff;
}
.social_icon_links {
    margin-top: 4px;
}
.l-p {
  text-align: left !important;
  color: #fff;
  font-family: lato;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #000 !important;
}
.carousel-indicators {
    bottom:11px !important;
}
#myCarousel .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #2a9309;
    border: 1px solid #2a9309;
    border-radius: 10px;
}
.product_details {
    margin: 100px 0 100px;
}
.social i {
    color: #fff;
    background: transparent !important;
    margin: 0 9px;
}

.social_ul li {
    display: inline-block;
    padding-top: 3px;
    padding-right: 10px;
    text-transform: capitalize;
    font-weight: 500;
    font-family: lato;
}
.social_ul li a {
    color: #000;
}
.social_ul {
	float:right;
}

.card {
    position: relative;
    width: 10%;
    height: 100px;
    margin: 10px;
    transform: rotateX(0) rotateY(0);
    transform-style: preserve-3d;
    transition-duration: 0.1s;
    transition-timing-function: ease !important;
    float: left;
}
.card__overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  mix-blend-mode: lighten;
  opacity: 0.5;
}
.card__image img {
  max-width: 100%;
  height: auto;
  mix-blend-mode: lighten;
}
.card__heading {
    position: absolute;
    top: 0;
    left: 20px;
    width: 100%;
    color: #FFF;
}
.card__heading .small {
  display: inline-block;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 10px;
  transform: translateZ(15px);
}
.card__heading h2 {
  margin: 0;
  transform: translateZ(30px);
  COLOR: #2a2a2a;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  font-family: 'Lato';
  font-weight: 500;
  color: #000;
}
.card__heading img {
    display: block;
    margin: 0 auto;
}
.card.rounded,
.card.rounded .card__overlay {
  border-radius: 8px;
}
.card.is-out {
  transform: rotateX(0) rotateY(0) !important;
  transition-duration: 1s;
  transform: translate(4px,0) !important;
}
#superman {
  background-color: #3F51B5;
}
#batman {
  background-color: #424242;
}
#wonderwoman {
  background-color: #E91E63;
}
#aquaman {
  background-color: #00BCD4;
}
.rounded  {
    transform: perspective(500px) rotateX(0.718915deg) rotateY(0.429679deg);
}
.plants-section {
    padding: 30px 0 50px 0;
    text-align: center;
    font-family: system-ui;
}
.line {
  width: 100%;
}
.line span {
  display: inline-block;
}
.color-1 {
  background: #4dbe46;
  width: 2% !important;
  height: 4px !important;
  position: relative;
  left: 0;
}
.color-2 {
  background: #000;
  width: 4% !important;
  height: 4px !important;
  position: relative;
  left: -4px;
}
.conversation-heading {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.conversation-heading h2 {
    font-size: 24px;
    text-transform: uppercase;
}
.conversation-heading h2 {
    font-size: 24px;
    text-transform: uppercase;
    margin: 3px 0;
    font-family: lato;
    font-weight: 700;
    letter-spacing: 1px;
}
.conversation-heading h2 span {
    color: #0070bb;
}
.product-content span {
  float: left;
  margin-right: 10px;
  font-family: lato;
  font-weight: 600;
  color: #166a27;
  font-size: 13px;
}


.column {
	margin: 15px 15px 0;
	padding: 0;
}
.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
  position: relative;
  float: left;
  margin: 0 0 0 25px;
    margin-left: 25px;
  padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 300px;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
figure {
  width: 100%;
  height: 450px;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}



/* Zoom In #1 */
.hover01 figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover01 figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* Zoom In #2 */
.hover02 figure img {
	width: 300px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover02 figure:hover img {
	width: 350px;
}

/* Zoom Out #1 */
.hover03 figure img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover03 figure:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* Zoom Out #2 */
.hover04 figure img {
	width: 400px;
	height: auto;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover04 figure:hover img {
	width: 300px;
}

/* Slide */
.hover05 figure img {
	margin-left: 30px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover05 figure:hover img {
	margin-left: 0;
}

/* Rotate */
.hover06 figure img {
	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover06 figure:hover img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
}

/* Blur */
.hover07 figure img {
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover07 figure:hover img {
	-webkit-filter: blur(0);
	filter: blur(0);
}

/* Gray Scale */
.hover08 figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover08 figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/* Sepia */
.hover09 figure img {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover09 figure:hover img {
	-webkit-filter: sepia(0);
	filter: sepia(0);
}

/* Blur + Gray Scale */
.hover10 figure img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover10 figure:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}

/* Opacity #1 */
.hover11 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11 figure:hover img {
	opacity: .5;
}

/* Opacity #2 */
.hover12 figure {
	background: #1abc9c;
}
.hover12 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover12 figure:hover img {
	opacity: .5;
}

/* Flashing */
.hover13 figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

/* Shine */
.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/* Circle */
.hover15 figure {
	position: relative;
}
.hover15 figure::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.hover15 figure:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
.col-25 {
	width:20%;
	float:left;
	text-align: center;
}
.col-25 h4 {
  text-transform: uppercase;
  font-size: 14px;
  font-family: lato;
  font-weight: 500;
  color: #195f00;
}
.category-home {
	margin:50px 0;
}
.col-25 img {
  padding: 17px;
  box-shadow: 0 0 2px 1px #cecece;
  width: 200px;
  height: 200px;
  border-radius: 50%;
}
.col-25 img:hover {
  box-shadow: 0 0 18px 4px #c6c6c6;
}
#footer_bg {
    background: #2d2d2b;
    background-size: auto;
  padding: 0 0 ;
  background-size: cover;
}
.menu_bg {
    width: 100%;
    background-color: #ffffff;
    padding: 4px 0 4px 0;
    z-index: 999999;
}
.main_con {
    position: relative;
    max-width: 1170px;
    /* padding: 0px 20px; */
    margin: 0 auto;
}
.logo {
    width: 180px;
    height: 63px;
    float: left;
}
.menu_con {
    /* max-width: 965px; */
    float: right;
    margin-top: 20px;
    background-color: #ffffff;
    border-radius: 3px;
}
.affix {
    top: 0;
    width: 100%;
    box-shadow: 0 0 5px #000000;
}
header {
    width: 100%;
    background-color: #002c60;
    color: #ffffff;
}
.header_social_media a {
    font-size: 18px;
    text-transform: lowercase !important;
    color: #ffffff;
    text-decoration: none;
    /* border-right: 1px solid #e7e7e7; */
    vertical-align: middle;
    margin-right: 15px;
}
.header_ph  p {
    float: left;
    margin-right: 10px;
}
.header_ph  p {
    margin-top: 10px;
}
.header_mail {
    margin-top: 10px;
}
.header_top_section .btn-info {
    color: #fff;
    background-color: #00adff;
    border-color: #46b8da;
    float: right;
    padding: 5px;
    border-radius: 3px;
    margin: 4px 0;
    font-family: system-ui;
    font-weight: 600;
}

.header_social_media {
    margin-top: 6px;
}
.affix .logo img {
    width: 115px;
    height: 40px;
    margin-top: 10px;
}
.carousel-caption-h1 {
    font-size: 30px;
    color: #000;
    /* font-family: 'Josefin '; */
    line-height: 41px;
    font-weight: 800;
    margin: 9% 0% 0;
    text-align: left;
    font-family: 'Josefin Sans', sans-serif;
}
#banner .carousel-caption {
    right: 0;
    left: 7%;
    padding-bottom: 30px;
    text-align: left;
    top: 39px;
    text-shadow: none;
}
.carousel-caption-p {
    font-family: system-ui;
    color: #000;
    padding: 20px 0 0px 0;
    font-size: 20px;
    text-align: left;
    font-weight: 700;
}
#banner .carousel-caption span {
    color: #067cf1;
    font-weight: 600;
}
.box {
    width: 115px;
    height: 115px;
    margin: 1rem 0;
    border-radius: 50%;
    font-family: "lato";
}
.gBorder1 {
    border: 4px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(60deg, #0079cd 0%, #4fd8ff 74%) border-box;
}
.box h3 {
    font-size: 27px;
    color: #000;
    padding: 22px 0 0;
    font-weight: 600;
    text-align: center;
}
.box p {
    padding: 3px 0 !important;
    text-align: center;
    font-size: 13px !important;
    color: #000 !important;
}
.circle-project {
	width:11.33%;
	float:left;
}
.white_box {
    /* background: #f7f7f7; */
    padding: 26px 20px;
    /* margin: 0 auto; */
    /* box-shadow: 0 0 13px 0 #c5c5c5; */
    text-align: left;
    font-family: 'Josefin Sans';
}
.white_box h4 {
    font-size: 30px;
    /* font-family: 'Lato'; */
    font-weight: 600;
    margin-bottom: 20px;
}
.white_box p {
    font-family: system-ui;
    font-size: 14px;
    line-height: 21px;
    text-align: justify;
}
.white_box h5 {
    background: #f9fcff;
    padding: 20px 14px;
    font-size: 15px;
    line-height: 20px;
    border-left: 4px solid #0065cb;
    font-weight: 700;
    color: #444444;
}

.know-a {
    font-weight: 600;
    color: #0032d5;
    line-height: 43px;
    font-family: 'Lato';
    font-size: 15px;
}
.index-service {
	
}
.index-service {
    margin: 40px 0;
}
.service-column img {
    width: 107px;
    height: 84px;
	
}
.service-column:hover {
    box-shadow: 0 0 9px 0 #a9a6a6;
    border-radius: 10px;
}
.service-column {
    text-align: center;
    font-family: 'Lato';
    margin-top: 25px;
    height: 221px;
    padding: 11px 20px;
}
.service-column h3 {
    font-size: 18px;
    font-weight: 600;
}
.service-column p {
    font-size: 15px;
    padding-top: 10px;
}
.template_faq {
    background: #edf3fe none repeat scroll 0 0;
}
.panel-group {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 5px 30px 0 rgb(0 0 0 / 4%);
    margin-bottom: 0;
    padding: 30px;
    width: 100%;
    margin: 0 auto;
}
#accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 10px;
}
#accordion .panel-heading {
    border-radius: 30px;
    padding: 0;
}
#accordion .panel-title a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #464646;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 0 12px 0;
    position: relative;
    transition: all 0.3s ease 0s;
    font-family: 'Lato';
}
#accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #333;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 17px;
    /* width: 80%; */
    font-family: 'Lato';
}
#accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
    background: #fff none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0%);
    color: #3c3c3c;
    content: "";
    font-family: fontawesome;
    font-size: 25px;
    height: 55px;
    /* left: 0; */
    line-height: 55px;
    position: relative;
    text-align: center;
    top: -5px;
    transition: all 0.3s ease 0s;
    width: 55px;
    /* right: 0; */
    float: right;
}
#accordion .panel-title a.collapsed::after {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    box-shadow: none;
    color: #333;
    content: "";
}
#accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative;
}
#accordion .panel-body p {
    border-left: 1px dashed #8c8c8c;
    padding-left: 16px;
    font-family: 'Lato';
    color: #6c6c6c;
    text-align: justify;
}
.faq {
	margin:40px 0;
	background:#f7f7f7;
	padding:30px 0;
}
.faq .panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
}
.faq-h1 {
    font-weight: 600;
    font-family: 'Lato';
    font-size: 24px;
    padding-top: 66px;
    float: right;
    margin-right: 11%;
	text-transform:uppercase;
}
.reach-us {
    font-family: 'Lato';
    float: left;
    width: 50%;
    margin-bottom: 51px;
}

.reach-us i {
    font-size: 47px;
    color: #0884d3;
    display: block;
    height: 44px;
}
.reach-us span {
    font-size: 19px;
    font-weight: 600;
    color: #0b6ba9;
    position: relative;
    top: 2px;
}
.reach-us p {
    font-size: 17px;
    padding: 5px 0;
    color: #000;
}

.reach-h4 {
    font-family: 'Lato';
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 600;
}
.portfolio-section {
    background: url(../images/banner-portfolio.jpg) no-repeat 0 0;
	height:450px;
}
.portfolio-section .item img  {
    width: 36%;
    margin: 0 auto;
}
.middle-img {
    display: block;
    margin: 0 auto;
	position:relative;
}
#carousel-example-generic {
    position: absolute;
    left: 0;
    right: 0;
    /* top: 0; */
    margin-top: -64%;
}
.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}


.details {
    margin: 50px 0; }
 .details h1 {
      font-size: 32px;
      text-align: center;
      margin-bottom: 3px; }
    .details .back-link {
      text-align: center; }
      .details .back-link a {
        display: inline-block;
        margin: 20px 0;
        padding: 15px 30px;
        background: #333;
        color: #fff;
        border-radius: 24px; }
        .details .back-link a svg {
          margin-right: 10px;
          vertical-align: text-top;
          display: inline-block; 
}
.testiitm {
    width: 100%;
    background: #f8f8f8;
    border-radius: 10px;
    padding: 20px;
    text-align: left;
    box-shadow: 2px 2px 8px 4px rgb(0 0 0 / 10%);
    min-height: 270px;
}
#banner {
    background: url(../images/banner1.jpg) no-repeat 0 0;
	    position: relative;
}
#banner form {
    background: #fff;
    padding: 40px;
    box-shadow: 0 0 55px 0 #9b9b9b;
    margin: 50px 0;
	font-family: 'Josefin Sans', sans-serif;
}
#banner form h3 {
    text-align: center;
    font-size: 28px;
    font-weight: 800;
    margin-top: 25px;
}
#banner form p {
    text-align: center;
    margin-bottom: 23px;
    font-size: 15px;
    /* font-family: 'Lato'; */
}
.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    font-family: Jost,sans-serif;
}

.ribbon-top-left {
    top: 30px;
    left: 14px;
}
.ribbon-top-left::after, .ribbon-top-left::before {
    border-top-color: transparent;
    border-left-color: transparent;
}
.ribbon-top-left::before {
    top: 0;
    right: 0;
}
.ribbon span {
    font-family: Jost,sans-serif;
    position: absolute;
    display: block;
    width: 225px;
    padding: 11px 0;
    background: -moz-linear-gradient(left,#673ab7 0,#2196f3 100%);
    background: -webkit-linear-gradient(left,#673ab7 0,#2196f3 100%);
    background: linear-gradient(to right,#673ab7 0,#2196f3 100%);
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    color: #fff;
    font: 700 15px/1 Lato,sans-serif;
    text-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    text-transform: uppercase;
    text-align: center;
}
.ribbon-top-left span {
    right: -38px;
    top: 30px;
    transform: rotate(0);
    margin-left: 30px;
}
.ribbon::after, .ribbon::before {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #2980b9;
}
.coolBeans {
    border: 2px solid transparent;
    border-radius: 3rem;
    color: #fff;
    /* font-family: roboto; */
    font-size: 15px;
    font-weight: 500;
    overflow: hidden;
    padding: 12px 15px;
    position: relative;
    text-decoration: none;
    transition: .2s transform ease-in-out;
    will-change: transform;
    z-index: 0;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 0;
    background: #0c54ab;
}
  .coolBeans::after {
    background-color: yellow;
    border-radius : 3rem;
    content: '';
    display : block ;
    height : 100%
    width :100%
    position : absolute;
    left : 0;
    top: 0;
    transform : translate(-100%, 0) rotate(10deg);
    transform-origin : top left;
    transition : .2s transform ease-out;
    will-change : transform;
    z-index : -1;
 }   
  .coolBeans:hover::after {
    transform : translate(0, 0);
  }  
.coolBeans:hover {
    border: 2px solid transparent;
    color: white;
    transform: scale(1.05);
    will-change: transform;
    background: #0975e1;
}
#banner span {
    color: #003f9b;
}
	.blink{
		width:200px;
		height: 50px;
	    background-color: magenta;
		padding: 15px;	
		text-align: center;
		line-height: 50px;
	}
	.blink span{
		font-size: 25px;
		font-family: cursive;
		color: white;
		animation: blink 1s linear infinite;
	}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}
.blink_me {
    /* animation: blinker 1s linear infinite; */
    background: #0067c0;
    color: #fff !important;
    border-radius: 4px;
    /* box-shadow: 0 0 16px 0 #9cc8ff; */
    width: 136px;
    height: 38px !important;
    text-align: center;
    line-height: 32px;
    font-size: 15px;
    padding: 7px 10px;
}
.blink_me:hover {
    background: #3083e7;
    color: #fff;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.price {
    background: #054291;
    border-radius: 8px;
    font-size: 25px;
    padding: 4px 11px;
    color: #fff !important;
} 
.p-para {
    text-align: left;
    color: #000;
    font-family: 'Lato';
    background: rgb(255 255 255 / 29%);
    margin: 19px 0 0;
    line-height: 24px;
}
.white_box span {
    color: #0035c5;
}
.white_box b {
    color: #0058c5;
}


.portfolio {
  text-align: center;
}



.portfolio-item {
    transition: all 1s;
    padding-bottom: 3%;
    overflow: hidden;
    display: block;
    margin: 3% 0 0;
}
.portfolio-item:hover {
  transform: translateY(-1.25rem);
}

#one {
    background: url(../images/portfolio1.jpg) no-repeat 0 0;
  transition: all .3s ease-in-out;
}

#two {
    background: url(../images/portfolio2.jpg) no-repeat 0 0;
  transition: all .3s ease-in-out;
}
#three {
    background: url(../images/portfolio3.jpg) no-repeat 0 0;
  transition: all .3s ease-in-out;
}
#four {
    background: url(../images/portfolio4.jpg) no-repeat 0 0;
  transition: all .3s ease-in-out;
}
#five {
    background: url(../images/portfolio5.jpg) no-repeat 0 0;
  transition: all .3s ease-in-out;
}
#six {
    background: url(../images/portfolio6.jpg) no-repeat 0 0;
  transition: all .3s ease-in-out;
}
#seven {
    background: url(../images/portfolio7.jpg) no-repeat 0 0;
  transition: all .3s ease-in-out;
}
.portfolio-box {
    background-position: 50% 0;
    background-size: 100% auto;
    border-radius: 0;
    height: 369px;
}


.portfolio-box:hover {
  cursor: pointer;
  animation-duration: 10s;
  animation-name: autoscroll;
  animation-timing-function: ease-out;
}

.pasive {
  opacity: 50%;
}

@keyframes autoscroll {
  0% {
    background-position: 50% 0;
  } 
  50% {
    background-position: 50% 100%;
  } 
  100% {
    background-position: 50% 0%;
  } 
}
.center-heading {
	text-align:center;
    font-family: 'Josefin Sans';
}
.center-heading h4 {
    font-size: 30px;
    /* font-family: 'Lato'; */
    font-weight: 600;
    margin-bottom: 20px;
}
.center-heading span {
    color: #0035c5;
    text-transform: uppercase;
}
.portfolio-body {
    background: #fff;
    border-radius: 0 0;
    box-shadow: 0 0 16px 0 #c3c3c3;
    padding: 12px;
    margin-bottom: 30px;
}
.portfolio-title {
    position: relative;
    /* top: 0; */
    bottom: -10px;
    text-align: center;
    right: 0;
    left: 0;
    font-family: 'Lato';
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #005299;
}
.service-column {
    text-align: center;
    font-family: 'Lato';
    margin-top: 25px;
    height: 321px;
    padding: 31px 19px;
    /* min-height: 200px; */
    background: url(../images/circle4.png) no-repeat 157% 214px;
    box-shadow: 0 0 10px 8px rgb(0 0 0 / 3%);
    border-radius: 5px;
}
.whychoose-content li::before {
    background: url(../images/check-blue.png) no-repeat;
    content: "";
    height: 32px;
    width: 32px;
    left: 0;
    position: absolute;
}
.service-column img {
    width: 80px;
    height: 60px;
}
.service-column h3 {
    font-size: 16px;
    font-weight: 600;
    color: #016fd8;
}
.service-column p {
    font-size: 14px;
    padding-top: 10px;
    text-align: justify;
}
.middle {}
.carousel-caption-h1 br {}
.desktop-version {
    display:block;
}
.mobile-version {
    display:none;
}
#banner .carousel-caption-p br {}

.header_top_section  {
    font-family: system-ui;
    display:none;
}
.header_mail p {}
.mobile-email  {}
#banner .col-md-7 {}
.mobile-carousel {}
.desktop-para {
    display:block;
}
.mobile-para {
    display:none;
}
.whychoose-section {
    background: url(../images/digital-bg.jpg) no-repeat 0 0;
    height: 450px;
    margin-top: 50px;
}
.whychoose-column img {
   display:block;
   margin: 39px auto;
}
.whychoose-content h3 {
    font-size: 30px;
    font-family: 'Josefin Sans';
    text-transform: capitalize;
    font-weight: 600;
    padding: 50px 0 20px;
    color: #000000;
}
.whychoose-content span {
    color: #0058c5;
}
.whychoose-content ul {
    list-style-type: none;
    font-family: 'Lato';
    font-size: 14px;
    color: #000;
    padding-inline-start: 21px;
}
.whychoose-content ul li {
    margin-bottom: 20px;
    text-align: justify;
    font-size: 14px;
}