* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Titillium Web', sans-serif;
}

ul {
    margin: 0;
    padding: 0;
}

a:hover {
    text-decoration: none;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dt {
    display: table;
}

.dtc {
    display: table-cell;
    vertical-align: middle;
}

.ohnohoney {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

/* mobile nav */
#sidebar{
    position: fixed;
    width: 230px;
    height: 100vh;
    background: #072139;
    z-index: 55555;
    overflow-y: auto;
    overflow-x: hidden;
    left: -345px;
    transition: .4s;
}
.toggle-btn2.active {
    left: 10px !important;
    z-index: 999999;
    top: 20px;
}
.fixed-position {
    position: fixed;
    width: 100%;
 }
#sidebar.active{
    left: 0;
}
#sidebar ul{
    margin: 0;
    padding: 0;
}
#sidebar ul li{
    list-style: none;
    padding: 18.3px 30px;
    border-bottom: solid 0.25px rgba(255,255,255,.5);
    transition: all ease-in-out 300ms;
}

#sidebar ul li, #sidebar ul li a{
font-size: 13px;
font-weight: 400;
color: #fff;
text-transform: capitalize;
display: block;
}
#sidebar ul li.active,#sidebar ul li:hover{
    background: #009846;
}
#sidebar ul li.active a,#sidebar ul li:hover a{
    color: #072139;
    font-weight: 600;
}
#sidebar ul li.log img{
    width: 20px;
}
#sidebar ul li.log a{
    display: inline-block;
}
#sidebar ul li.log .nav-link {
	padding: 0 8px;
}
#sidebar ul li.log span{
    width: 2px;
height: 15px;
background: #fff;
display: inline-block;
margin: 0 4px;
position: relative;
top: 2px;
}
.footer-box {
	background-color: #009846;
	text-align: center;
	width: 180px;
	border-radius: 30px;
	margin-top: 30px;
    padding: 15px 0;
}
.footer-box.mb{
    margin-bottom: 30px;
}
.footer-box a {
	color: #fff;
	font-weight: 700;
	font-size: 12px;
}
.footer-box a img {
	width: 17px;
	margin-right: 7px;
}

#sidebar .toggle-btn{
    position: absolute;
    top: 25px;
    left: 315px;
    cursor: pointer;
}

#sidebar .toggle-btn img,.toggle-btn2 img{
        width: 30px;
        cursor: pointer;
}

/* nav */
nav .toggle-btn {
	position: absolute;
	top: 22.5px;
	left: 25px;
	cursor: pointer;
}
nav .toggle-btn span {
	width: 27px;
height: 3px;
background: #009846;
display: block;
border-radius: 5px;
margin: 4px 0;
}
.toggle-btn2 {
	position: absolute;
	top:72px;
	left: -35px;
	transition: .4s;
	z-index: 5555;
}
.toggle-btn2.active {
	left: 240px;
}
nav{
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    background: rgba(0,0,0,0.8);
}
.main nav{
	border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    background: rgba(0,0,0,0.2);
}
.navbar-brand{
    margin: 0;
}
.navbar {
	padding: 10px 0;
}
.navbar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
	background: rgba(0,0,0,0.9);
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
-webkit-box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.15);
}
@-webkit-keyframes fadeInDown{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
      }
      100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
      }
}
@keyframes fadeInDown{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
      }
      100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
      }
}
.navbar-brand h2{
    color: #009846;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
.navbar-brand h2 span{
    color: #fff;
    font-size: 21px;
    font-weight: 400;
}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link:hover {
	color: #fff;
    font-weight: 700;
    font-size: 17px;
    padding: 0;
    margin:0 20px
}
.navbar-light .navbar-nav .active > .nav-link {
    color: #009846;
}
.side img{
    width: 20px;
}
.side a{
    display: inline-block;
}
.side span {
	width: 2px;
	height: 15px;
	background: #009846;
	display: inline-block;
	margin: 0 4px;
	position: relative;
	top: 2px;
}
.navbar-light .navbar-nav.side li{
    margin-left: 25px
}
.navbar-light .navbar-nav.side .nav-link, .navbar-light .navbar-nav.side .nav-link:hover {
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	padding: 0;
	margin: 0 2px;
}
/* main */
.main{
    background-image: url(../images/2.jpg);
    background-position: center center;
	background-size: cover;
	z-index: 999;
    padding: 0 0 270px ;
}

.main::before {
	position: absolute;
	content: '';
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}
.main .text{
    margin-top: 150px;
}
.main .text h1 {
    font-size: 50px;
    color: #ffffff;
    font-family: "Titillium Web", sans-serif;
    margin-bottom: 30px;
    font-weight: 700;
  }
  .main .text p {
	color: #ffffff;
	font-size: 18px;
	margin-bottom: 35px;
}
.track{
    background: #fff;
    border-radius: 5px;
    max-width: 435px;
    border-radius: 8px;
}
.main h5{
        font-size: 22px;
        font-weight: 600;
        color: #ffffff;
        margin-bottom: 15px;
}
.track form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
padding: 5px;
}
.track form .form-control {
    height: 60px;
    border: none;
    display: inline-block;
    width: 50%;
}
.track form .form-control:Focus{
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
}
.default-btn{
    font-size: 17px;
background: #009846;
color: #ffffff;
padding: 10px 40px;
border-radius: 5px;
margin: 0;
display: inline-block;
z-index: 0;
overflow: hidden;
border: 1px solid #009846;
position: relative;
height: 50px;
}
.default-btn::before {
	position: absolute;
	content: '';
	width: 20px;
	height: 100%;
	left: -14px;
	top: 0;
	background: #ffffff;
	z-index: -1;
	-webkit-transform: skewX(10deg);
	-ms-transform: skewX(10deg);
	    transform: skewX(10deg);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.default-btn:hover {
    color: #009846;
  }
.default-btn:hover::before {
	width: 100%;
	-webkit-transform: skewX(0);
	-ms-transform: skewX(0);
	    transform: skewX(0);
	left: 0;
}
.q-form{
    background: rgba(60, 12, 112, 0.5);
padding: 45px 30px;
margin-top: 70px;
border-radius: 8px;
}
.title{
    font-size: 35px;
color: #ffffff;
font-weight: 700;
}
.q-form h4{
margin-bottom: 25px;
}
.q-form form{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.q-form form .f-box{
    width: 48%;
}
.q-form form .f-box1{
    width: 100%;
}
.q-form form .f-box2{
    width: 31.3333%;
}
.q-form .form-control {
    height: 50px;
    border: none;
    font-size: 14px;
}
.q-form form .form-control:Focus{
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
}
.form-check {
	position: relative;
	display: block;
	padding-left: 22px;
	margin-bottom: 12px;
	margin-top: 0px;
}
.form-check-label {
	margin-bottom: 0;
	color: #fff;
}
.q-form .default-btn{
    margin-top: 30px;
}
.form-control:disabled, .form-control[readonly] {
	background-color: #bebebe;
	opacity: 1;
}
.nice-select {
	width: 100%;
	float: none;
}
.nice-select .list {
	width: 100%;
}
/* services */
.services{
    margin-top: -130px;
    position: relative;
    z-index: 9;
    padding-bottom: 30px;
}
.service-box{
    text-align: center;
padding: 25px;
-webkit-box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1);
box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1);
background: #fff;
border-radius: 10px;
height: 100%;
}
.service-box img{
    margin-bottom: 30px;
    max-width: 100%;
}
.service-box h3{
    margin-bottom: 10px;
    font-weight: 600;
color: #3c0c70;
font-size: 22px;
}
.service-box p{
    margin-bottom: 0;
    color: #545454;
line-height: 1.8;
font-size: 14px;
}
/* ship */
.ship{
    background-image: url(../images/ship.jpg);
background-position: center center;
background-size: cover;
position: relative;
z-index: 0;
padding: 100px 0;
background-attachment: fixed;
}
.ship::before {
	position: absolute;
	content: '';
	background: #3c0c70;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	opacity: .85;
}
.sh-text h3{
margin-bottom: 25px;
}
.sh-text ul{
    margin-bottom: 44px;
}
.sh-text ul li{
    color: #ffffff;
font-size: 18px;
margin-bottom: 10px;
list-style: none;
}
.sh-text ul li img{
 width: 20px;
 margin-right: 10px;   
}
.lines {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    z-index: -1;
  }
.lines .line {
	position: absolute;
	width: 2px;
	height: 100%;
	background: rgba(255, 255, 255, 0.1);
	left: 50%;
	top: 0;
}
.lines :nth-child(1) {
	margin-left: 25%;
}
.lines :nth-child(3) {
	margin-left: -25%;
}
.lines .line::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 10px;
	background: #ffffff;
	left: 0;
	top: 0%;
	right: 0;
	margin: auto;
	-webkit-animation: line 8s infinite cubic-bezier(0.2, 0.69, 1, 1);
	animation: line 8s infinite cubic-bezier(0.2, 0.69, 1, 1);
}
 .lines :nth-child(2)::after {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.lines :nth-child(3)::after {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
@-webkit-keyframes line{
    0% {
        top: 0%;
    }
    100% {
        top: 95%;
    }
   }
@keyframes line{
    0% {
        top: 0%;
    }
    100% {
        top: 95%;
    }
   }
   .video-box{
       position: relative;
   }
   .play1{
    width: 210px;
    height: 210px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    margin: 0 auto;
   }
   .play2{
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    -webkit-box-shadow: inset 0px 2px 15px 0px rgba(255, 255, 255, 0.39);
            box-shadow: inset 0px 2px 15px 0px rgba(255, 255, 255, 0.39);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 100%;
height: 100%;
   }
   .play3{
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 50%;
    -webkit-box-shadow: inset 0px 2px 15px 0px rgba(255, 255, 255, 0.39);
            box-shadow: inset 0px 2px 15px 0px rgba(255, 255, 255, 0.39);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 75%;
    height: 75%;
    left: 12.5%;
    top: 12.5%;
    position: absolute;
   }
   .play4{
    width: 65%;
    height: 65%;
    left: 17.5%;
    top: 17.5%;
    position: absolute;
    background-color: #009846;
    -webkit-box-shadow: inset 0px 2px 15px 0px rgba(210, 20, 51, 0.39);
            box-shadow: inset 0px 2px 15px 0px rgba(210, 20, 51, 0.39);
    border-radius: 50%;
   }
   .play4 img{
       position: absolute;
       top: 50%;
       left: 50%;
       -webkit-transform: translate(-50%,-50%);
           -ms-transform: translate(-50%,-50%);
               transform: translate(-50%,-50%);
       width:35px;
   }
   .play1:hover .play2,
   .play1:hover .play3{
   -webkit-box-shadow: inset 0px 2px 15px 19px rgba(255, 255, 255, 0.65);
           box-shadow: inset 0px 2px 15px 19px rgba(255, 255, 255, 0.65);
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}

/* top */
.top{
    padding: 100px 0 70px;
}
.top .title{
    color: #3c0c70;
    text-align: center;
    margin-bottom: 45px;
}
.t-box{
    text-align: center;
padding: 25px;
border-radius: 5px;
position: relative;
z-index: 0;
margin-bottom: 30px;
border: 1px solid #eee0fe;
-webkit-box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1);
box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1);
}
.t-box::before {
	content: '';
	width: 0;
	height: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	border-radius: 5px;
	position: absolute;
	background: #3c0c70;
}
.t-box::after {
	content: '';
	width: 0;
	height: 0;
	right: 0;
	top: 0;
	z-index: -1;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	border-radius: 5px;
	position: absolute;
	background: #3c0c70;
}
.t-box .icon{
    width: 70px;
    height: 70px;
    position: relative;
    border-radius: 5px;
    background: #fff0ec;
margin-bottom: 20px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
margin-left: auto;
margin-right: auto;
}

.t-box .icon img{
width: 40px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
}
.t-box h3{
    font-size: 18px;
margin-bottom: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-weight: 600;
color: #3c0c70;
}
.t-box:hover::before, .t-box:hover::after {
	width: 100%;
	height: 100%;
}
.t-box:hover h3{
    color: #fff;
}
.img-animation{
    -webkit-animation: img-scale 5s infinite linear;
animation: img-scale 5s infinite linear;
}
@-webkit-keyframes img-scale{
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        --webkit-transform: scale(1);
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@keyframes img-scale{
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        --webkit-transform: scale(1);
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
/* shop */
.shop {
	padding: 100px 0;
    position: relative;
    background-image: url(../images/shop.jpg);
	background-position: center center;
	background-size: cover;
    background-attachment: fixed;
    text-align: center;
}
.shop .title{
    margin-bottom: 45px;
}
.shop::before {
	position: absolute;
	content: '';
    background-image: url(../images/shop2.png);
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: .5;
}
.shop::after {
	position: absolute;
	content: '';
	background: #3c0c70;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: .85;
}
.shop .container{
    position:relative;
    z-index:4
}
.shop .flex{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.shop-box{
    -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,.1);
            box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,.1);
background: #fff;
clear: both;
display: block;
border-radius: 7px;
overflow: hidden;
margin-bottom: 10px;
padding: 20px;
width: 19%;
}
.shop .default-btn {
	margin: 35px auto 0;
}
/* about */
.about{
    padding: 100px 0;
}
.about-img{
    position: relative;
}
.about-img::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #f5ebff;
	bottom: -30px;
	left: -30px;
	z-index: -1;
	-webkit-animation-name: bg-cng;
	animation-name: bg-cng;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.about-img::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #f5ebff;
	top: -30px;
	right: -30px;
	z-index: -1;
	-webkit-animation-name: bg-cng;
	animation-name: bg-cng;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
@-webkit-keyframes bg-cng{
    0% {
        background: #f5ebff;
      }
      35% {
        background: #009846;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
      }
      70% {
        background: #3c0c70;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
      }
      100% {
        background: #f5ebff;
      }
}
@keyframes bg-cng{
    0% {
        background: #f5ebff;
      }
      35% {
        background: #009846;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
      }
      70% {
        background: #3c0c70;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
      }
      100% {
        background: #f5ebff;
      }
}
.about-text {
	padding-left: 50px;
}
.about-text h4{
    font-size: 20px;
color: #009846;
font-weight: 700;
margin-bottom: 15px;
display: inline-block;
line-height: 1;
}
.about-text .title{
    color: #3c0c70;
    margin-bottom: 45px;
}
.about-text p{
    margin-bottom: 10px;
    color: #545454;
line-height: 1.8;
font-size: 17px;
}
.about-text .default-btn{
    margin-top: 30px;
}
/* contact */
.contact{
    background-image: url(../images/contact.jpg);
background-position: center center;
background-size: cover;
position: relative;
z-index: 0;
padding: 150px 0 200px;
}
.contact::before {
    position: absolute;
    content: '';
    background: rgba(60, 12, 112, 0.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .form-container{
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    padding: 50px;
    background: rgba(60, 12, 112, 0.5);
    text-align: center;
    width: 745px;
margin-left: auto;
margin-right: auto;
border-radius: 8px;
  }
  .form-container .title{
      margin-bottom: 25px;
  }
  .form-container .form-control {
    height: 50px;
    border: none;
    font-size: 14px;
  }
  .iti{
    width: 100%;
  }

  .form-container textarea.form-control {
    height: 200px;
  }
  /* partners */
  .partners {
	position: relative;
	top: -90px;
}
  .partners .container{
      background: #ffffff;
      padding-top: 30px;
      padding-bottom: 30px;
      position: relative;
      z-index: 1;
      -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
              box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  }
  .partners .container img{
      max-width: 130px;
      margin: 0 auto;
      display: block;
  }
  .partners-s{
      padding: 10px 0;
  }
.partners-s .swiper-slide{
    padding: 20px;
    -webkit-box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,.1);
            box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,.1);
}
 /* footer */
 footer{
    background: #3c0c70;
    position: relative;
    z-index: 0;
    padding-bottom: 100px;
 }
 footer h2 {
	color: #009846;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
    margin-bottom: 35px;
}
footer h2 span {
	color: #fff;
	font-size: 21px;
	font-weight: 400;
}
 footer ul{
    padding-left: 0;
    list-style-type: none;
 }
 footer ul.f-contact li{
    color: #ffffff;
    margin-bottom: 10px;
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
 }
footer ul.f-contact li::before {
	position: absolute;
	content: '';
	width: 0;
	height: 2px;
	top: 15px;
	left: 0;
	background: #009846;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
footer ul.f-contact li a {
    color: #ffffff;
    -webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
  }
  footer ul.f-contact li:hover {
    padding-left: 15px;
  
  }
  footer ul.f-contact li:hover::before{
    width: 10px;
  }
  footer ul.f-contact li:hover a{
      color: #009846;;
  }
  footer .social li{
    display: inline-block;
    margin-top: 20px;
  }
  footer .social .icon{
width: 35px;
height: 35px;
background: #461877;
border-radius: 5px;
position: relative;
margin-right: 10px;
  }
  footer .social .icon i{
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
          -ms-transform: translate(-50%,-50%);
              transform: translate(-50%,-50%);
      z-index: 3;
  }
  footer .social .icon::after {
	position: absolute;
	content: '';
	background: #009846;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	top: 0;
	left: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	    transform: scale(0);
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	z-index: -1;
}
footer .social .icon:hover::after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	    transform: scale(1);
    z-index: 2;
}
footer h3 {
	color: #ffffff;
	margin-bottom: 35px;
	position: relative;
	padding-left: 10px;
	font-weight: 600;
	font-size: 32px;
}
footer h3::before {
	position: absolute;
	content: '';
	background: #009846;
	width: 3px;
	height: 100%;
	left: 0px;
	top: 2px;
}
footer h3::after {
	position: absolute;
	content: '';
	background: #3c0c70;
	width: 3px;
	height: 3px;
	left: 0;
	top: 0;
	right: 0;
	-webkit-animation: translate-one 10s infinite cubic-bezier(0, 0, 0.46, 0.26);
	animation: translate-one 10s infinite cubic-bezier(0, 0, 0.46, 0.26);
}
@-webkit-keyframes translate-one{
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
      50% {
        -webkit-transform: translateY(35px);
        transform: translateY(35px);
      }
      100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
}
@keyframes translate-one{
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
      50% {
        -webkit-transform: translateY(35px);
        transform: translateY(35px);
      }
      100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
}
.map{
    position: relative;
    width: 100%;
    height: 100%;
}
.map iframe{
    position: absolute;
    width: 100%;
    height: 100%;
}
footer .location{
    width: 220px;
}
/* copy */
.copy{
    text-align: center;
background: #190231;
padding: 20px 0;
}
.copy p{
    color: #ffffff;
margin-bottom: 0;
font-size: 13px;
}
.copy p span{
    color: #009846;
}
/* modal */
.modal .title{
    color: #009846;
}
.modal p,.modal ul li{
    color: #797979;
}
.modal p.bold{
    color: #797979;
font-weight: 700;
font-size: 18px;
margin-bottom: 5px;
}
.modal-dialog {
	max-width: 80%;
	height: 90%;
	overflow-y: auto;
}
.modal-body {
	padding: 30px 45px 30px;
}
.modal-body ul{
    padding-left: 30px;
}
.modal .dismiss{
    background: #009846;
}
.modal ul{
    margin-bottom: 1rem;
}
/* offer */
#offer{
    text-align: center;
}
#offer .bg {
	padding: 5px 21px;
	display: inline-block;
	background: rgba(0,152,70,.2);
	font-size: 25px;
	font-weight: 700;
	color: #545454;
}
#offer img{
    width: 50px;
    margin: 0 30px;
}
#offer .details .icon{
width: 35px;
height: 35px;
position: relative;
border-radius: 5px;
background: #fff0ec;
margin-bottom: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
margin-left: auto;
margin-right: auto;
display: inline-block;
}
#offer .details  img {
	width:22px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
    margin: 0;
}
#offer .details  p{
    margin-bottom: 0;
color: #545454;
font-size: 15px;
text-transform: capitalize;
display: inline-block;
position: relative;
top: -13px;
left: 3px;
}
#offer .details{
    margin-top: 35px;
}
#offer .modal-dialog {
    max-width: 575px;
}
#offer .dt{
    width: 100%;
}
#offer .dt .dtc{
    width: 33.3333%;
}
#offer .price {
	margin-top: 35px;
	padding: 10px 22px;
	background: rgba(0,152,70,.2);
}
#offer .price h3 {
	font-size: 50px;
	color: #009846;
	font-weight: 700;
    margin: 0;
}
#offer .price h3 span {
	font-weight: 300;
	font-size: 28px;
	position: relative;
	left: -10px;
}
#offer .price p {
	font-size: 13px;
}
.f-contact p{
    font-size: 14px;
    margin: 20px 0 10px;
}
.f-contact .default-btn {
	font-size: 14px;
	padding: 8px 20px;
	height: 40px;
}
/* sign */
.sign,.sign::before {
    background-image: none;
    background: none;
    padding: 62px 0 130px;
}
.sign .form-container {
    background: rgba(60, 12, 112, 1);
}
.sign .form-container{
    text-align: left;
}
.form-container .title {
	text-align: center;
}
.sign label{
    text-align: left;
    color: #fff;
}
.sign .default-btn {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.sign a{
    color: #fff;
}
.sign .register{
    margin-top: 32px;
    display: inline-block;
}
/* shops page */
.shops{
    padding: 62px 0 162px;
    text-align: center;
}
.shops .title {
	color: #009846;
    margin-bottom: 35px;
}
.shops .flex{
    flex-wrap: wrap;
    justify-content: space-between;
}
.shops .default-btn {
	margin: 32px auto 0;
}
#togglePassword {
	position: absolute;
	right: 8px;
	top: 50px;
	font-size: 14px;
	color: #8E8E8E;
    cursor: pointer;
}
/* f-whats */
.f-whats {
	position: fixed;
	bottom: 25px;
	left: 15px;
	z-index: 99999;
    box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1);
    border-radius: 50%;
}
.f-whats img{
    width: 55px;
}
/* responsive */
@media(max-width:1199px){
    .navbar-brand h2 {
        font-size: 30px;
    }
    .navbar-brand h2 span {
        font-size: 16px;
    }
    .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover {
        font-size: 15px;
        margin: 0px 15px;
    }
    .main .text h1 {
        font-size: 42px;
    }
    .main h5 {
        font-size: 18px;
    }
    .track {
        max-width: 350px;
    }
    .title {
        font-size: 30px;
    }
    .default-btn {
        font-size: 15px;
    }
    .service-box {
        padding: 20px;
    }
    .about-text p {
        font-size: 16px;
    }
    .about-text .title {
        margin-bottom: 35px;
    }
    .partners .container img {
        max-width: 110px;
    }
    footer h2,footer h3 {
        font-size: 30px;
        margin-bottom: 25px;
    }
    footer h2 span {
        font-size: 16px;
    }
    footer .location {
        width: 192px;
    }
}
@media(max-width:991px){    
    .navbar-brand {
       width:100%;
       text-align: center;
    }
    .navbar-nav{
        display: none;
    }
    .main {
        padding: 0px 0 160px;
    }
    .main .text {
        margin-top: 105px;
    }
    .main .text h1 {
        font-size: 33px;
        margin-bottom: 22px;
    }
    .main .text p {
        font-size: 16px;
        margin-bottom: 35px;
    }
    .main h5 {
        font-size: 17px;
    }
    .default-btn {
        font-size: 14px;
        padding: 10px 33px;
    }
    .track form .form-control {
        font-size: 15px;
    }
    .track {
        max-width: 270px;
    }
    .title {
        font-size: 25px;
    }
    .md-mt{
        margin-top: 25px;
    }
    .services {
        margin-top: -80px;
    }
    .sh-text ul li img {
        width: 16px;
        margin-right: 7px;
    }
    .sh-text ul li {
        font-size: 15px;
    }.play1 {
        width: 130px;
        height: 130px;
    }
    .play4 img {
        width: 25px;
    }
    .img-animation {
        text-align: center;
    }
    .about-text h4 {
        margin-bottom: 10px;
    }
    .about-text .title {
        margin-bottom: 20px;
    }
    .about-text p {
        font-size: 14px;
    }
    .about-text {
        padding-left: 35px;
    }
    .form-container {
        padding: 40px 25px;
        width: 612px;
    }
    footer h2, footer h3 {
        font-size: 22px;
        margin-bottom: 25px;
    }
    footer h2 span {
        font-size: 14px;
    }
    footer ul.f-contact li {
        font-size: 15px;
    }
    footer .location {
        width: 165px;
    }
    .partners .container img {
        max-width: 90px;
    }
    .ship, .shop, .about{
        padding: 75px 0;
    }

    .top {
        padding: 75px 0 45px;
    }
    .contact {
        padding: 125px 0 150px;
    }
    footer {
        padding-bottom: 75px;
    }
    .side {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        position: absolute;
        right: 100px;
        top: 26px;
    }
    .navbar-light .navbar-nav.side li {
        margin-left: 0;
        margin-right: 25px;
    }
    
}
@media(max-width:767px){ 
    .main .text {
        margin-top: 70px;
        text-align: center;
    }
    .main .text h1 {
        font-size: 33px;
        width: 360px;
        margin: 0 auto 20px;
    }
    .main h5 {
        font-size: 17px;
        text-align: center;
    }
    .track {
        max-width: 275px;
        margin: 0 auto;
    }
    .title {
        font-size: 22px;
    }
    .q-form h4 {
        text-align: center;
    }
    .q-form .default-btn {
        margin: 30px auto 0;
    }
    .q-form {
        width: 460px;
        margin: 50px auto 0;
    }
    .service-box {
        padding: 20px 15px;
    }
    .service-box p {
        font-size: 14px;
    }
    .service-box img {
        margin-bottom: 20px;
        max-width: 175px;
    }
    .service-box h3 {
        margin-bottom: 5px;
    }
    .video-box {
        margin-top: 62px;
    }
    .top .col-sm-4{
        padding: 0 5px;
    }
    .t-box .icon {
        width: 55px;
        height: 55px;
        margin-bottom: 15px;
    }
    .t-box .icon img {
        width: 33px;
    }
    .t-box {
        padding: 20px;
    }
    .shop-box {
        padding: 10px;
    }
    .shop .title {
        margin-bottom: 35px;
    }
    .about-img {
        position: relative;
        width: 445px;
        margin: 0 auto 70px;
    }
    .about-text {
        padding-left: 0;
        width: 445px;
        margin: 0 auto 0;
        text-align: center;
    }
    .form-container {
        padding: 40px 25px;
        width: 460px;
    }
    footer .location {
        width: 166px;
    }
    .map{
        margin-top: 35px;
    }
    .map iframe {
        position: static ;
        width: 100%;
        height: 300px;
    }
    .modal-dialog {
        max-width: 92%;
        height: 90%;
        overflow-y: auto;
        margin: 0.5rem auto;
    }
    .modal-body {
        padding: 30px 25px 30px;
    }
   }
   @media(max-width:575px){ 
    .main .text h1 {
        font-size: 28px;
        width: 290px;
        margin: 0 auto 15px;
    }
    .main .text p {
        font-size: 15px;
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .q-form {
        width: 335px;
        margin: 50px auto 0;
        padding: 40px 15px;
    }
    .title {
        font-size: 20px;
    }
    .service-box {
        margin-top: 25px;
    }
    .play1 {
        width: 110px;
        height: 110px;
    }
    .play4 img {
        width: 20px;
    }
    .t-box {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    .shop-box {
        width: 32%;
    }
    .ship, .shop, .about {
        padding: 62px 0;
    }
    .about-img {
        width: 85%;
    }
    .about-text {
        width: 100%;
    }
    .form-container {
        padding: 35px 25px;
        width: 335px;
    }
    .contact {
        padding: 100px 0;
    }
    .partners {
        position: relative;
        top: 0;
        margin-bottom: 62px;
    }
    .partners .container {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    footer{
        padding-bottom: 62px;
    }
    .map iframe {
        position: static ;
        width: 100%;
        height: 200px;
    }
    .copy p {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
    }
    footer ul.f-contact li {
        font-size: 14px;
    }
    .sign a{
        font-size: 14px;
    }
    .sign .form-check {
        margin-top: 22px;
        margin-bottom: 22px;
    }
    .track .default-btn {
        font-size: 14px;
        padding: 10px 24px;
        height: 40px;
    }
    .track form .form-control {
        font-size: 14px;
    }
    nav .toggle-btn span {
        width: 23px;
        height: 2px;
        background: #009846;
        display: block;
        border-radius: 5px;
        margin: 5px 0;
    }
    .shops{
        padding: 62px 0 62px;
    }
    .service-box{
        height: auto;
    }
   }


label.error{
    color: #ef0000 !important;
    width: 100%;
}
.select2-selection__rendered{
    display: none;
}
#sidebar{
    width: 0px;
}
#toggle-btn2{
    display: none;
}
.input-group>.input-group-prepend:not(:first-child)>.input-group-text{
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}
#phone-flag{
    order: 2;
}