@charset "utf-8";

/*


Details of css section
-----------------------
** - Default CSS
** - important Css
** - Backgrounds Css
** - Preloaders CSS
** - Scroll Top Css
** - Home Page Css
	 - Header Top Css
	 - Header Main Css
	 - Main Menu Css
	 - Slider Css
	 - Services Css
	 - Services process Css
	 - Home page quote
	 - Home Page Blog
	 - Counter Css
	 - Latest News Css
	 - Testimonial Css
	 - Our Client
	 - Page Footer Css
** - Home Page2 Css
** - About us page Css
** - Contact us Css
** - Media page Css
** - Single Service Css
** - Blog page Css
** - Single Blog page Css
** - Accordion page Css
** - Typography page Css
** - Community page Css
** - 404 page Css
** - Sitemap page Css

*************************************************/


/*-------------- Google Font ------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
/*-------------- Defalts Css ------------------*/
/* Nexa Heavy */
@font-face {
    font-family: 'Nexa-Heavy';
    src: url('../fonts/englishfonts/Nexa-Heavy.woff2') format('woff2'),
         url('../fonts/englishfonts/Nexa-Heavy.woff') format('woff');
   
    font-display: swap;
}

/* Nexa ExtraLight */
@font-face {
    font-family: 'Nexa-ExtraLight';
    src: url('../fonts/englishfonts/Nexa-ExtraLight.woff2') format('woff2'),
         url('../fonts/englishfonts/Nexa-ExtraLight.woff') format('woff');
  
    font-display: swap;
}

:lang(en):is(a, h1, h2, h3, h4, h5) {
    font-family: 'Nexa-Heavy', sans-serif;
}

/* Apply Nexa-ExtraLight to English paragraphs */
:lang(en) p {
    font-family: 'Nexa-ExtraLight', sans-serif;

}


 h2,
 h3 {
     font-weight: 400
 }
 
 .logo,
 .logo img {
     float: left
 }
 
 .mainmenu ul li.nav-active>a,
 .mainmenu>ul>li:hover>a {
     background-color: #141414
 }
 
 body {
     font-family: Roboto, sans-serif;
     font-size: 14px;
     line-height: 24px;
     color: #444
 }
 
 body.box-style {
     background: url(assets/images/body-bg.png) left top #fff
 }
 
 body.box-style .main-wrapper {
     margin: 0 auto;
     max-width: 1170px;
     box-shadow: 0 0 15px 2px rgba(100, 100, 100, .9);
     background-color: #fff
 }
 
 a {
     outline: 0
 }
 
 .btn,
 .footer-menu ul li,
 .footer-menu ul li:before,
 .header-area,
 .header-search-bar,
 .header-search-bar .search-box,
 .header-top-area,
 .homepage-slides .owl-nav div,
 .language ul li ul li:hover a,
 .latest-gallery i.fa,
 .latest-gallery i.far,
 .latest-gallery:after,
 .location_map i.fa,
 .location_map:before,
 .logo,
 .mainmenu,
 .mainmenu ul li ul,
 .owl-nav button,
 .readmore-btn i.fa,
 .scrollup,
 .service-icon .fa,
 .team-block:hover .team-figure,
 .team-figure,
 .wshipping-button,
 a,
 header,
 header.sticky,
 header.sticky .header-top-area {
     -webkit-transition: .3s;
     transition: .3s
 }
 
 img {
     max-width: 100%
 }
 
 h1 {
     font-size: 42px
 }
 
 h2 {
     font-size: 32px
 }
 
 h3 {
     font-size: 24px
 }
 
 .scrollup,
 h4 {
     font-size: 18px
 }
 
 h5 {
     font-size: 16px
 }
 
 h6 {
     font-size: 14px
 }
 
 h2.heading2-border,
 h3.heading3-border,
 h4.heading4-border {
     position: relative;
     padding-bottom: 12px;
     margin-top: 0;
     margin-bottom: 30px
 }
 
 h2.heading2-border {
     font-weight: 500
 }
 
 h3.heading3-border,
 h4.heading4-border {
     font-weight: 400
 }
 
 h2.heading2-border:before,
 h3.heading3-border:before,
 h4.heading4-border:before {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 20px;
     height: 2px;
     background-color: #a3001c;
     content: ""
 }
 
 h2.heading2-border:after,
 h3.heading3-border:after,
 h4.heading4-border:after {
     position: absolute;
     left: 30px;
     bottom: 0;
     width: 90px;
     height: 2px;
     background-color: #f3d325;
     content: ""
 }
 
 .pt0 {
     padding-top: 0!important
 }
 
 .pt40 {
     padding-top: 40px!important
 }
 
 .pb40 {
     padding-bottom: 40px!important
 }
 
 .pb65 {
     padding-bottom: 65px!important
 }
 
 .mt0 {
     margin-top: 0!important
 }
 
 .mt40 {
     margin-top: 40px!important
 }
 
 .mt60 {
     margin-top: 60px!important
 }
 
 .mb35 {
     margin-bottom: 35px!important
 }
 
 .mb0 {
     margin-bottom: 0!important
 }
 
 .mb15 {
     margin-bottom: 15px!important
 }
 
 .bgnone {
     background: 0 0!important
 }
 
 .ml20 {
     margin-left: 20px!important
 }
 
 .mt20 {
     margin-top: 20px!important
 }
 
 .space40 {
     height: 40px
 }
 
 .space60 {
     height: 60px
 }
 
 .separetor {
     height: 1px;
     background-color: #d6d6d6;
     margin: 15px 0
 }
 
 a#skiptocontent,
 a#skiptocontent:hover,
 a#skiptocontent:visited {
     position: absolute;
     top: -500;
     width: 1px;
     height: 1px;
     overflow: hidden;
     color: #f3d325
 }
 
 a#skiptocontent:active,
 a#skiptocontent:focus {
     position: static;
     width: auto;
     height: auto
 }
 
 .slide-bg-1 {
     background-image: url(/website/assets/images/slide-bg-2.jpg)
 }
 
 .slide-bg-2 {
     background-image: url(/website/assets/images/slide-bg-1.jpg)
 }
 
 .slide-bg-3 {
     background-image: url(/website/assets/images/slide-bg-4.jpg)
 }
 
 .blog-bg-1,
 .service-bg-1 {
     background-image: url(/website/assets/images/service-bg-1.jpg)
 }
 
 .service-bg-2 {
     background-image: url(/website/assets/images/service-bg-2.jpg)
 }
 
 .service-bg-3 {
     background-image: url(/website/assets/images/service-bg-3.jpg)
 }
 
 .home-quote {
     background-image: url(/website/assets/images/get-quote-bg.jpg)
 }
 
 .provided-block,
 .testimonial-style2 {
     background-image: url(/website/assets/images/we-provide-bg.jpg)
 }
 
 .get-quote {
     background-image: url(/website/assets/images/get-quote-bg2.jpg)
 }
 
 .blog-bg-2 {
     background-image: url(/website/assets/images/blog-bg-2.jpg)
 }
 
 .blog-bg-3 {
     background-image: url(/website/assets/images/blog-bg-3.jpg)
 }
 
 .related-blog-bg-1 {
     background-image: url(/website/assets/images/air-single-gallery3.jpg)
 }
 
 .related-blog-bg-2 {
     background-image: url(/website/ssets/images/air-single-gallery1.jpg)
 }
 
 .counter-section {
     background-image: url(/website/assets/images/counter-section-bg.jpg)
 }
 
 .inner-bg-1 {
     background-image: url(/website/assets/images/inner-banner.jpg)
 }
 
 .testimonial-img-bg {
     background-image: url(/website/assets/images/testimonial.jpg)
 }
 
 .blog-image-1 {
     background-image: url(/website/assets/images/blog-image-1.jpg)
 }
 
 .blog-image-2 {
     background-image: url(/website/assets/images/blog-image-2.jpg)
 }
 
 .blog-image-3 {
     background-image: url(/website/assets/images/blog-image-3.jpg)
 }
 
 .blog-image-4 {
     background-image: url(/website/assets/images/blog-image-4.jpg)
 }
 
 .blog-image-5 {
     background-image: url(/website/assets/images/blog-image-5.jpg)
 }
 
 .blog-image-6 {
     background-image: url(/website/assets/images/blog-image-6.jpg)
 }
 
 .blog-image-7 {
     background-image: url(/website/assets/images/blog-image-7.jpg)
 }
 
 .blog-image-8 {
     background-image: url(/website/assets/images/blog-image-8.jpg)
 }
 
 .community-bg-1 {
     background-image: url(/website/assets/images/Coconut-Shells.jpg)
 }
 
 .community-bg-2 {
     background-image: url(/website/assets/images/jute-fiber.jpg)
 }
 
 .community-bg-3 {
     background-image: url(/website/assets/images/prawn.jpg)
 }
 
 .community-bg-4 {
     background-image: url(/website/assets/images/fruits.jpg)
 }
 
 .wshipping-site-preloader-wrapper {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 9999;
     background: #ff000a
 }
 
 .wshipping-site-preloader-wrapper .spinner {
     position: absolute;
     left: 50%;
     top: 50%;
     margin: -20px 0 0 -20px
 }
 
 .spinner {
     width: 40px;
     height: 40px;
     position: relative;
     margin: 100px auto
 }
 
 .double-bounce1,
 .double-bounce2 {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     background-color: #333;
     opacity: .6;
     position: absolute;
     top: 0;
     left: 0;
     -webkit-animation: 2s ease-in-out infinite sk-bounce;
     animation: 2s ease-in-out infinite sk-bounce
 }
 
 .scrollup,
 .top-social a {
     border-radius: 100%;
     text-align: center
 }
 
 .double-bounce2 {
     -webkit-animation-delay: -1s;
     animation-delay: -1s
 }
 
 @-webkit-keyframes sk-bounce {
     0%,
     100% {
         transform: scale(0);
         -webkit-transform: scale(0)
     }
     50% {
         transform: scale(0);
         -webkit-transform: scale(1)
     }
 }
 
 @keyframes sk-bounce {
     0%,
     100% {
         transform: scale(0);
         -webkit-transform: scale(0)
     }
     50% {
         transform: scale(1);
         -webkit-transform: scale(1)
     }
 }
 
 .scrollup {
     width: 40px;
     height: 40px;
     position: fixed;
     bottom: 60px;
     right: 50px;
     display: none;
     color: #fff;
     z-index: 3;
     background-color: rgba(0, 0, 0, .8);
     line-height: 40px;
     cursor: pointer
 }
 
 .scrollup:hover {
     background-color: #f3d325;
     color: #fff
 }
 
 header:after {
     content: "";
     display: block;
     clear: both
 }
 
 .header-top-area {
     background-color: #2f2f2f;
     padding: 5px 0
 }
 
 .header-top-area a:hover {
     text-decoration: none;
     opacity: .8
 }
 
 .header-top-area,
 .header-top-area a {
     color: #eee
 }
 
 .footer-wiz ul.open-hours li:first-child,
 .top-contact {
     padding-top: 0
 }
 
 .top-contact i.fa,
 .top-contact i.far {
     color: #f3d325;
     margin-right: 6px
 }
 
 .top-contact a {
     display: inline-block;
     background: url(/website/assets/images/separator.png) right top repeat-y;
     padding: 0 15px 2px 12px;
     line-height: 14px
 }
 
 .home2-why-choose .why-choose-us .why-choose-us-icon:nth-child(n+4),
 .top-contact a:first-child {
     padding-left: 0
 }
 
 .top-contact a:last-child {
     background: 0 0;
     padding-right: 0
 }
 
 .after-login,
 .top-menu,
 .top-social {
     text-align: right
 }
 
 .top-social a {
     display: inline-block;
     background-color: #626262;
     width: 30px;
     height: 30px;
     line-height: 30px;
     font-size: 14px
 }
 
 .header-search-bar span,
 .mainmenu ul li.nav-active>ul li.chaild-active a {
     background-color: #f3d325;
     color: #fff
 }
 
 .top-social a:hover {
     background-color: #f3d325;
     color: #fff!important
 }
 
 .blog-post-by ul li a:hover,
 .footer-top-area a:hover,
 .language ul li a:hover,
 .mainmenu ul li.nav-active>a {
     color: #f3d325;
     text-decoration: none
 }
 
 .language {
     padding: 2px 0 0
 }
 
 .address-block ul,
 .advantages ul,
 .after-login ul,
 .blog-post-by ul,
 .footer-wiz ul,
 .language ul,
 .left-menu ul,
 .letest-post ul,
 .review ul,
 .sitemap ul,
 .top-menu ul,
 ul.track-progress {
     margin: 0;
     padding: 0;
     list-style-type: none
 }
 
 .language>ul>li {
     float: left;
     padding: 0 0 0 15px;
     position: relative
 }
 
 .language>ul>li:before {
     display: none;
     left: 0;
     top: 50%;
     height: 10px;
     margin-top: -5px;
     width: 1px;
     content: "";
     background-color: #adb1bd;
     position: absolute
 }
 
 .footer-menu ul li:before,
 .left-menu ul li a:before {
     content: "\f105";
     font-family: 'Font Awesome\ 5 Free';
     font-weight: 900
 }
 
 .language>ul>li>a {
     color: #ddd
 }
 
 .language ul li a img {
     max-width: 18px;
     margin-right: 3px
 }
 
 .language ul li ul {
     left: inherit;
     right: 0;
     padding: 5px 0
 }
 
 .language ul li ul li {
     width: 100%;
     padding: 0
 }
 
 .language ul li ul li a {
     color: #444;
     display: block;
     padding: 3px 8px
 }
 
 .language ul li ul li:hover a {
     color: #444;
     background-color: #e3e3e3
 }
 
 .header-area {
     background-color: #141414;
     position: relative
 }
 
 .header-area .container:after,
 .header-area:after {
     clear: both;
     content: "";
     display: block
 }
 
 .logo img {
     margin-top: 15px
 }
 
 .blog-item:hover a,
 .logo a:hover {
     opacity: .8
 }
 
 .mainmenu {
     float: right
 }
 
 .mainmenu ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
     text-align: right
 }
 
 .mainmenu ul li {
     display: inline-block;
     position: relative
 }
 
 .mainmenu ul li a {
     display: block;
     color: #f3d325;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 16px;
     padding: 28px 20px
 }
 
 .mainmenu ul li:last-child a {
     border-bottom: 0
 }
 
 .mainmenu>ul>li:hover>a {
     text-decoration: none
 }
 
 .mainmenu ul li ul {
     position: absolute;
     left: 0;
     top: 112px;
     background-color: #2f2f2f;
     width: 200px;
     text-align: left;
     opacity: 0;
     visibility: hidden;
     z-index: -1;
     box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, .2)
 }
 
 .mainmenu ul li ul li {
     display: block
 }
 
 .mainmenu ul li ul li a {
     font-size: 15px;
     padding-top: 10px;
     padding-bottom: 10px
 }
 
 .mainmenu ul li ul li ul>li:hover>a,
 .mainmenu ul li ul>li:hover>a {
     background-color: #000;
     text-decoration: none;
     color: #fff
 }
 
 .mainmenu ul li ul li:hover>ul,
 .mainmenu ul li:hover>ul {
     opacity: 1;
     z-index: 999;
     visibility: visible;
     top: 80px
 }
 
 .mainmenu ul li ul li>ul {
     left: 100%;
     top: 80px
 }
 
 .mainmenu ul li ul li:hover>ul {
     top: 0
 }
 
 .mainmenu ul li:last-child ul li>ul,
 .mainmenu ul li:nth-last-child(2) ul li>ul {
     left: -100%
 }
 
 .header-search-bar {
     float: right;
     position: relative;
     padding: 40px 0;
     margin-left: 20px;
     width: 40px
 }
 
 .header-search-bar span {
     position: absolute;
     display: block;
     width: 40px;
     height: 40px;
     text-align: center;
     border-radius: 3px;
     line-height: 40px;
     top: 50%;
     margin-top: -20px;
     right: 0;
     cursor: pointer;
     font-size: 16px
 }
 
 .header-search-bar .search-box {
     border: 1px solid #ccc;
     height: 36px;
     width: 200px;
     position: absolute;
     bottom: -36px;
     right: 0;
     padding: 0 10px;
     left: inherit;
     top: inherit;
     border-radius: 0;
     box-shadow: none;
     margin: 0
 }
 
 .mobile-menu-wrapper {
     display: none;
     right: 15px;
     margin-top: -17px;
     top: 50%;
     position: absolute
 }
 
 .slicknav_menu {
     padding: 0;
     background: 0 0;
     font-size: 14px;
     position: relative
 }
 
 .single-banner,
 .single-slide-item {
     font-size: 16px;
     color: #fff;
     background-color: #f3d325
 }
 
 .slicknav_btn {
     margin: 0;
     padding: 10px;
     border-radius: 3px;
     background-color: #f3d325;
     height: 34px
 }
 
 .slicknav_menu .slicknav_menutxt {
     text-shadow: 0 1px 1px #026387;
     display: none
 }
 
 .slicknav_menu .slicknav_icon-bar {
     height: 2px;
     width: 20px;
     border-radius: 0;
     background-color: #141414;
     box-shadow: none
 }
 
 .slicknav_menu .slicknav_icon {
     margin: 0;
     width: auto;
     height: auto
 }
 
 .slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
     margin-top: 4px
 }
 
 .slicknav_nav {
     background: #2f2f2f;
     border-radius: 2px;
     width: 200px;
     position: absolute;
     right: 0;
     top: 36px;
     z-index: 99
 }
 
 .blog-item-bg,
 .provided-block,
 .service-item-bg,
 .single-banner,
 .single-slide-item,
 .testimonial-style2 {
     background-position: center;
     background-size: cover
 }
 
 .slicknav_nav a {
     margin: 0;
     border-radius: 0;
     padding: 7px 10px;
     text-transform: uppercase;
     color: #f3d325;
     text-align: left
 }
 
 .single-slide-item h1,
 .single-slide-item h3,
  .single-slide-item h4
 {
     color: #f3d325;
     text-transform: initial;
     margin-top: 0;
     border-radius: 20px;
     padding: 10px
 }
 
 .slicknav_nav li:hover .slicknav_row,
 .slicknav_nav li:hover a {
     border-radius: 0;
     background: #000;
     color: #f3d325
 }
 
 .slicknav_nav li.nav-active>a {
     border-radius: 0;
     background: #c60122;
     color: #fff
 }
 
 .after-login ul li:first-child:before,
 .footer-wiz h3.footer-logo:before,
 .home2-why-choose .why-choose-us .why-choose-us-icon::before,
 .home2-why-choose .why-choose-us::before,
 .left-block .news-date::before,
 .process-step:last-child:before,
 .slicknav_menu .slicknav_arrow,
 .top-menu ul li:first-child a:before {
     display: none
 }
 
 .slicknav_nav .slicknav_row {
     margin: 0;
     padding: 7px 10px
 }
 
 .slicknav_nav .slicknav_open {
     background-color: #222;
 }
 
 .slicknav_nav .slicknav_open ul li:hover a {
     color: #fff;
     text-decoration: none;
     /*background-color: #f3d325*/
 }
 
 .slicknav_nav .slicknav_open ul li.nav-active a {
     background-color: #c60122
 }
 
 .slicknav_nav ul,
 .team-text p {
     margin: 0
 }
 
 .slicknav_nav ul li a {
     padding-left: 25px
 }
 
 .homepage-slides-wrapper {
     position: relative;
     clear: both
 }
 
 .single-slide-item {
     height: 580px;
     position: relative
 }
 
 .single-banner {
     position: relative
 }
 
 .slider-overlay:before {
     position: absolute;
     left: 0;
     top: 0;
     content: "";
     width: 100%;
     height: 100%
 }
 
 .single-slide-item h1 ,
  .single-slide-item  {
     font-size: 100px;
     margin-bottom: 15px;
     font-weight: 500;
     text-shadow: 2px 2px 0 #000, 2px -1px 0 #000, 2px -1px 0 #000, 0 -1px 0 #000;
 }
 
 .single-slide-item h3 {
     margin-bottom: 15px;
     background-color: rgb(104 94 94 / 80%);
     font-family: Titr
 }
 
 .single-slide-item p {
     font-size: 16px;
     color: #fff
 }
 
 .section-title h2,
 .service-content h4 {
     color: #444;
     margin-top: 0;
     text-transform: uppercase
 }
 
 .item-table {
     display: table;
     width: 100%;
     height: 100%
 }
 
 .item-tablecell {
     display: table-cell;
     vertical-align: middle
 }
 
 .wshipping-button {
     display: inline-block;
     color: #fff;
     border-radius: 4px;
     text-transform: uppercase;
     font-size: 14px;
     background-color: #f3d325;
     padding: 12px 30px;
     border: 0
 }
 
 .order-list-button:hover,
 .wshipping-button:hover {
     text-decoration: none;
     background-color: #3b3b3b;
     color: #fff
 }
 
 .contact-form,
 .wshipping-button.cta-btn,
 .wshipping-button.slide-btn {
     margin-top: 20px
 }
 
 .homepage-slides .owl-nav button.owl-next,
 .homepage-slides .owl-nav button.owl-prev {
     position: absolute;
     width: 60px;
     height: 60px;
     background-color: rgba(42, 42, 42, .6);
     top: 50%;
     margin-top: -30px;
     border-radius: 4px;
     color: #fff;
     font-family: 'Font Awesome\ 5 Free';
     font-weight: 900;
     font-size: 24px;
     display: block;
     text-align: center;
     line-height: 60px;
     opacity: 0
 }
 
 .homepage-slides .owl-nav button.owl-prev {
     left: 40px
 }
 
 .homepage-slides .owl-nav button.owl-next {
     right: 40px
 }
 
 .homepage-slides:hover .owl-nav button {
     opacity: 1
 }
 
 .homepage-slides .owl-controls .owl-dot.active span,
 .homepage-slides .owl-nav button:hover,
 .put-track-number .btn-track:hover {
     background-color: #f3d325
 }
 
 .homepage-slides .owl-controls .owl-dots {
     margin-top: 15px;
     text-align: center
 }
 
 .homepage-slides .owl-controls .owl-dot {
     display: inline-block;
     margin: 0 3px
 }
 
 .homepage-slides .owl-controls .owl-dot span {
     width: 30px;
     height: 6px;
     background-color: #b2b2b2;
     display: block;
     border-radius: 2px
 }
 
 .wshipping-content-block {
     padding: 80px 0;
     background-color: #fff
 }
 
 .section-title {
     text-align: center;
     padding-bottom: 30px
 }
 
 .single-service-item {
     box-shadow: 0 3px 6px 0 rgba(153, 153, 153, .5);
     position: relative;
     overflow: hidden;
     margin: 15px 0
 }
 
 .blog-item-bg,
 .service-item-bg {
     background-color: #a7a7a7;
     height: 200px
 }
 
 .location_map,
 .location_map:before {
     position: absolute;
     right: 0;
     width: 60px;
     height: 60px
 }
 
 .service-content {
     padding: 20px
 }
 
 .service-content h4 {
     position: relative;
     margin-bottom: 15px
 }
 
 .service-content h4:before {
     position: absolute;
     content: "";
     height: 2px;
     background-color: #f3d325;
     display: block;
     width: 40px;
     left: 0;
     bottom: -5px
 }
 
 .readmore-btn {
     color: #dcc35c;
     text-transform: uppercase;
     font-size: 12px
 }
 
 .readmore-btn i.fa {
     margin-left: 5px;
     font-size: 16px
 }
 
 .address-block ul li a:hover,
 .readmore-btn:hover {
     color: #000;
     text-decoration: none
 }
 
 .readmore-btn:hover i.fa {
     padding-left: 5px
 }
 
 .location_map {
     bottom: 0;
     cursor: pointer
 }
 
 .location_map:before {
     bottom: -60px;
     border-top: 80px solid transparent;
     border-right: 80px solid #f3d325;
     border-bottom: 50px solid transparent;
     content: "";
     display: block
 }
 
 .provided-block:before,
 .why-choose-us:before {
     position: absolute;
     height: 100%;
     top: 0;
     display: block;
     left: 0;
     content: ""
 }
 
 .location_map i.fa {
     color: #fff;
     font-size: 18px;
     position: absolute;
     right: 12px;
     bottom: 10px
 }
 
 .location_map:hover:before {
     border-right-color: #292929
 }
 
 .location_map:hover i.fa {
     bottom: 4px
 }
 
 .provided-block,
 .testimonial-style2 {
     background-attachment: fixed;
     height: 520px;
     position: relative
 }
 
 .provided-block:before {
     width: 100%;
     background: rgba(129 108 108 / 65%)
 }
 
 .provided-block h1 {
     color: #fff;
     font-weight: 500
 }
 
 .provided-block h2 {
     color: #ffd200;
     font-weight: 400
 }
 
 .provided-block h3 {
     font-size: 20px;
     color: #fff;
     font-weight: 400
 }
 
 .cat-Search,
 .footer-wiz h3.footer-logo,
 .review h3,
 .why-choose-us-content h3 {
     margin-bottom: 20px
 }
 
 .why-choose-us {
     margin-top: 20px;
     position: relative;
     width: 100%;
     float: left
 }
 
 .why-choose-us:before {
     background-color: #f3d325;
     width: 2px
 }
 
 .why-choose-us .why-choose-us-icon {
     line-height: 56px;
     text-transform: uppercase;
     margin: 10px 0;
     position: relative;
     font-size: 18px;
     color: #444;
     padding-left: 40px;
     float: left;
     width: 100%
 }
 
 .why-choose-us .why-choose-us-icon:before {
     position: absolute;
     display: block;
     height: 2px;
     background-color: #f3d325;
     left: 0;
     top: 50%;
     margin-top: -1px;
     content: "";
     width: 40px
 }
 
 .why-choose-us-icon i.fa,
 .why-choose-us-icon i.far,
 .why-choose-us-icon i.fas {
     width: 56px;
     height: 56px;
     background-color: #f3d325;
     border-radius: 100%;
     color: #fff;
     text-align: center;
     margin-right: 18px;
     line-height: 56px;
     font-size: 28px;
     position: relative;
     z-index: 1
 }
 
 .service-process {
     background-color: #f6f5f5;
     position: relative
 }
 
 .service-process:after {
     content: "";
     clear: both;
     display: block
 }
 
 .service-process:before {
     display: block;
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     border-top: 1px dashed #ccc;
     border-bottom: 1px dashed #fff;
     width: 100%
 }
 
 .process-row {
     padding-top: 40px;
     display: flex
 }
 
 .process-step {
     margin-right: 14%;
     position: relative
 }
 
 .process-step p {
     margin-bottom: 0;
     text-transform: uppercase;
     width: 100%;
     text-align: center;
     margin-top: 10px;
     clear: both
 }
 
 .process-step:before {
     position: absolute;
     right: -123px;
     width: 110px;
     height: 2px;
     background-color: #f3d325;
     content: "";
     top: 80px;
     display: block
 }
 
 .blog-tag a:last-child,
 .process-step:last-child {
     margin-right: 0
 }
 
 .process-icon {
     width: 164px;
     text-align: center;
     height: 164px;
     float: left;
     border-radius: 100%;
     background-color: #fff;
     border: 2px solid #f3d325;
     position: relative;
     padding-top: 44px;
     margin-bottom: 10px
 }
 
 .process-icon span {
     width: 56px;
     height: 56px;
     background-color: #f3d325;
     border: 2px solid #fff;
     color: #fff;
     line-height: 56px;
     font-size: 28px;
     position: absolute;
     left: -30px;
     top: 50%;
     margin-top: -30px;
     border-radius: 100%;
     font-weight: 700
 }
 
 .step-border {
     padding: 0 20%
 }
 
 .home-quote {
     background-position: right;
     background-size: cover;
     background-attachment: fixed;
     padding: 80px 0 65px;
     position: relative
 }
 
 .counter-section,
 .testimonial-img-bg {
     background-size: cover;
     background-position: center
 }
 
 .home-quote:before {
     content: "";
     position: absolute;
     left: 0;
     height: 100%;
     top: 0;
     display: block;
     width: 50%;
     background-image: linear-gradient(rgba(255, 0, 30, .8), rgba(86, 0, 0, .8))
 }
 
 .home-quote h2 {
     margin-top: 0;
     text-transform: uppercase;
     font-size: 32px;
     font-weight: 500;
     color: #fff;
     margin-bottom: 15px
 }
 
 .home-quote h6 {
     color: #000;
     text-transform: uppercase;
     letter-spacing: 5px;
     font-weight: 400
 }
 
 .advantages,
 .quote-form,
 .sitemap .first,
 .tooltip-design,
 .why-choose-us-inner {
     padding-top: 20px
 }
 
 .quote-form .form-control {
     height: 44px;
     padding: 12px 20px;
     line-height: 20px;
     border: 0;
     background: rgba(255, 255, 255, .98)
 }
 
 .quote-form .form-control[placeholder] {
     color: #656565
 }
 
 .quote-form .form-control:focus {
     box-shadow: 0 0 4px 0 rgba(0, 0, 0, .7);
     color: #000
 }
 
 .quote-form .text-area {
     height: 140px
 }
 
 .quote-form .wshipping-button.cta-btn {
     margin-top: 0
 }
 
 .datepicker-group,
 .team-image {
     position: relative
 }
 
 .datepicker-icon {
     position: absolute;
     right: 10px;
     top: 9px
 }
 
 .blog-item,
 .counter-block,
 .counter-section,
 .news-date {
     position: relative
 }
 
 .blog-item {
     box-shadow: 1px 1px 3px 0 rgba(153, 153, 153, .7);
     overflow: hidden;
     margin-bottom: 40px
 }
 
 .blog-content {
     padding: 10px 20px
 }
 
 .blog-content h3 {
     color: #212121;
     margin-top: 5px;
     margin-bottom: 10px;
     font-size: 20px;
     text-transform: uppercase
 }
 
 .blog-content h3 a,
 .page-navigation .pagination>li:first-child:hover>a,
 .page-navigation .pagination>li:last-child:hover>a {
     color: #212121
 }
 
 .address-block ul li a,
 .after-login li a:hover,
 .blog-content h3 a:hover,
 .contact-text h3 span,
 .customer-login-block a.forgot-pass:hover,
 .footer-bottom-area a,
 .footer-bottom-area span,
 .footer-menu ul li:hover a,
 .footer-menu ul li:hover:before,
 .footer-wiz ul.footer-contact li,
 .footer-wiz ul.footer-contact li a,
 .get-quote h4 span,
 .latest-news-section .news-post-by span,
 .letest-post ul li a:hover,
 .letest-post ul li a:hover span,
 .order-list .table a:hover .fa,
 .order-list .table a:hover .far,
 .section-title-holder span,
 .shipping-form label sup,
 .top-menu ul li a:hover,
 .track-bottom-link a:hover,
 .wshipping-breadcroumb a,
 .wshipping-breadcroumb h4 span,
 a.btn-edit:hover {
     color: #f3d325
 }
 
 .blog-content h6 {
     color: #777;
     font-weight: 400
 }
 
 .blog-item a,
 .latest-news-section:hover a {
     text-decoration: none
 }
 
 .blog-post-by {
     clear: both;
     padding-bottom: 10px
 }
 
 .blog-post-by ul li {
     display: inline-block;
     padding-right: 10px;
     color: #7c7c7c
 }
 
 .blog-post-by ul li .fa {
     vertical-align: middle;
     margin-right: 5px
 }
 
 .blog-post-by ul li a,
 .letest-post ul li a span {
     color: #777
 }
 
 .counter-section {
     background-attachment: fixed;
     height: auto;
     padding-top: 114px
 }
 
 .counter-section:before {
     display: block;
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     background: rgba(0, 0, 0, .9)
 }
 
 .counter-block {
     background-color: #fff;
     border-radius: 3px;
     padding: 55px 0 15px 15px
 }
 
 .counter-block p {
     color: #2e2d2d;
     font-size: 16px;
     text-transform: uppercase;
     font-weight: 700
 }
 
 .counter-block span.counter {
     color: #f3d325;
     font-size: 36px;
     display: inline-block;
     margin-right: 10px;
     letter-spacing: -1px
 }
 
 .footer-wiz h3:before,
 .home2-service h4:before,
 .home2-why-choose:before,
 .news-date span,
 .testimonial-content:after,
 .testimonial-content:before {
     position: absolute;
     display: block
 }
 
 span.counter-icon {
     position: absolute;
     border-radius: 3px;
     background-color: #f3d325;
     color: #fff;
     line-height: 74px;
     text-align: center;
     height: 72px;
     width: 84px;
     left: 15px;
     top: -36px;
     font-size: 36px
 }
 
 .latest-news-section {
     border-radius: 3px;
     background-color: #ebebeb;
     margin-top: 15px;
     clear: both;
     width: 100%;
     float: left;
     padding-right: 15px;
     position: relative
 }
 
 .footer-wiz h3:before,
 .news-date,
 .testimonial {
     background-color: #f3d325
 }
 
 .latest-news-section h4 {
     margin-top: 6px
 }
 
 .coming-soon-contact .contact-form h3,
 .latest-news-section a {
     color: #444
 }
 
 .accordion-style2 h5 a::after,
 .customer-login-left a:hover,
 .media-text .readmore-btn:hover,
 .news-date,
 .pGallery-wrapper .label-text a,
 .testimonial-item,
 .transparant-header .mainmenu>ul>li>a {
     color: #fff
 }
 
 .latest-news-section:hover {
     background-color: #dfdfdf
 }
 
 .news-date {
     width: 94px;
     text-transform: uppercase;
     font-size: 48px;
     text-align: center;
     border-radius: 3px 0 0 3px;
     float: left;
     margin-right: 20px;
     padding: 25px 0 0;
     min-height: 103px
 }
 
 .blog-date::before,
 .news-date:before {
     width: 0;
     height: 0;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     border-left: 10px solid #ec0927;
     right: -10px;
     top: 20px;
     position: absolute;
     content: ""
 }
 
 .news-date span {
     font-size: 14px;
     border-radius: 0 0 0 3px;
     background-color: #9e0b0f;
     left: 0;
     bottom: 0;
     width: 100%
 }
 
 .latest-news-section p {
     margin-bottom: 0;
     font-size: 12px;
     line-height: 18px
 }
 
 .latest-news-section .news-post-by {
     font-size: 12px;
     line-height: 18px;
     margin-bottom: 5px
 }
 
 .latest-news-section h5 {
     margin-bottom: 6px;
     margin-top: 8px
 }
 
 .testimonial {
     border-radius: 4px;
     position: relative
 }
 
 .testimonial-img-bg {
     width: 100%;
     border-radius: 4px 0 0 4px;
     height: 222px
 }
 
 .testimonial-content {
     padding: 40px 20px 20px 0;
     font-size: 16px;
     position: relative
 }
 
 .testimonial-content:before {
     content: "\f10d";
     left: -20px;
     top: 10px;
     font-family: 'Font Awesome\ 5 Free';
     font-weight: 900;
     font-size: 26px
 }
 
 .testimonial-content:after {
     content: "\f10e";
     right: 10px;
     bottom: 10px;
     font-family: 'Font Awesome\ 5 Free';
     font-weight: 900;
     font-size: 26px
 }
 
 .testimonial .owl-dots {
     position: absolute;
     left: 43%;
     bottom: 8px;
     z-index: 99
 }
 
 .testimonial .owl-dots .owl-dot {
     width: 12px;
     height: 12px;
     background-color: #790000;
     border-radius: 100%;
     margin-left: 6px;
     display: inline-block
 }
 
 .testimonial .owl-dots .owl-dot.active {
     background-color: #fff799
 }
 
 .our-client {
     width: 100%;
     float: left
 }
 
 .our-client .client-item {
     margin: 0 15px
 }
 
 .client-block h2,
 .right-block h2 {
     margin-top: 0;
     margin-bottom: 20px
 }
 
 .client-block .owl-nav {
     text-align: center;
     margin-top: 15px
 }
 
 .client-block .owl-nav button.owl-next,
 .client-block .owl-nav button.owl-prev {
     display: inline-block;
     width: 32px;
     height: 32px;
     color: #fff;
     background-color: #494949;
     border-radius: 100%;
     line-height: 30px;
     font-size: 20px;
     margin: 0 3px
 }
 
 .client-block .owl-nav button:hover {
     background-color: #d70025
 }
 
 .blog-tag,
 .media-3,
 .site-footer {
     clear: both
 }
 
 .footer-top-area {
     background-color: #141414;
     padding: 30px 0
 }
 
 .footer-top-area,
 .footer-top-area a {
     color: #a7a7a7
 }
 
 .footer-wiz {
     padding: 20px 0
 }
 
 .footer-wiz h3 {
     color: #fff;
     margin-top: 0;
     position: relative;
     text-transform: uppercase;
     font-size: 20px;
     margin-bottom: 40px
 }
 
 .footer-wiz h3:before {
     height: 2px;
     left: 0;
     bottom: -10px;
     content: "";
     width: 40px
 }
 
 .chatbox,
 .pGallery-wrapper:hover .freight-caption {
     bottom: 0
 }
 
 .footer-wiz ul li {
     padding-bottom: 5px
 }
 
 .footer-menu ul li,
 .home2-service h4 {
     padding-bottom: 10px;
     position: relative
 }
 
 .footer-wiz ul.footer-contact li i.fa {
     padding-right: 4px;
     color: #a7a7a7
 }
 
 .footer-menu ul li {
     padding-left: 15px
 }
 
 .footer-menu ul li:before {
     position: absolute;
     left: 0;
     top: 0
 }
 
 .footer-menu ul li:hover {
     padding-right: 20px
 }
 
 .footer-wiz ul.open-hours li {
     border-bottom: 1px dashed #404040;
     padding: 10px 0
 }
 
 .newsletter {
     margin-top: 30px;
     position: relative
 }
 
 .newsletter .news-input {
     padding: 15px 65px 15px 15px;
     background: #252525;
     color: #a7a7a7;
     width: 100%;
     border: 0;
     border-radius: 3px
 }
 
 .newsletter .news-btn {
     color: #fff;
     background-color: #f3d325;
     width: 50px;
     height: 100%;
     position: absolute;
     right: 0;
     border: 0;
     border-radius: 0 3px 3px 0;
     font-size: 26px;
     top: 0;
     cursor: pointer
 }
 
 .footer-bottom-area {
     background-color: #181818;
     color: #a7a7a7;
     font-size: 11px;
     text-transform: uppercase;
     padding: 25px 0
 }
 
 .get-quote h4,
 .home2-latest-post .letest-post ul li:first-child,
 .review {
     padding-top: 10px
 }
 
 .footer-bottom-area a:hover {
     color: #fff;
     text-decoration: none
 }
 
 .bottom-social {
     text-align: left!important
 }
 
 .home2-service,
 .why-choose-us-inner .why-choose-us-icon {
     text-align: center;
     margin-top: 30px
 }
 
 .home2-service h4 {
     text-transform: uppercase;
     margin: 15px 0 10px
 }
 
 .home2-service h4:before {
     width: 80px;
     bottom: 0;
     left: 50%;
     margin-left: -40px;
     height: 2px;
     background-color: #f3d325;
     content: ""
 }
 
 .service-icon .fa {
     border-radius: 100%;
     background-color: #f3d325;
     width: 132px;
     height: 132px;
     line-height: 132px;
     color: #fff;
     font-size: 56px
 }
 
 .home2-service:hover .service-icon .fa {
     background-color: #a70e28
 }
 
 .home2-why-choose {
     background-color: #f1f0f0;
     position: relative;
     overflow: hidden
 }
 
 .home2-why-choose:before {
     background-color: #f3d325;
     right: -65px;
     width: 38%;
     top: -55px;
     height: 150%;
     content: "";
     -ms-transform: rotate(23deg);
     -webkit-transform: rotate(23deg);
     transform: rotate(23deg)
 }
 
 .testimonial-style2:before,
 .transparant-testimonial:before {
     display: block;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     content: ""
 }
 
 .home2-why-choose .why-choose-us .why-choose-us-icon {
     padding-left: 0;
     color: #fff
 }
 
 .home2-why-choose .why-choose-us .why-choose-us-icon i.fa,
 .home2-why-choose .why-choose-us .why-choose-us-icon i.far,
 .home2-why-choose .why-choose-us .why-choose-us-icon i.fas {
     background-color: #fff;
     color: #f3d325
 }
 
 .home2-why-choose .why-choose-us .why-choose-us-icon:nth-child(n+1) {
     padding-left: 105px
 }
 
 .home2-why-choose .why-choose-us .why-choose-us-icon:nth-child(n+2) {
     padding-left: 70px
 }
 
 .home2-why-choose .why-choose-us .why-choose-us-icon:nth-child(n+3) {
     padding-left: 35px
 }
 
 .testimonial-style2:before {
     background: rgba(19, 0, 0, .9)
 }
 
 .transparant-testimonial {
     position: relative;
     background: 0 0
 }
 
 .team-block,
 .team-figure a,
 .testimonial2 button.owl-dot.active {
     background-color: #fff
 }
 
 .blog-image-bg,
 .get-quote,
 .wshipping-breadcroumb {
     background-position: center;
     background-size: cover
 }
 
 .transparant-testimonial:before {
     background: rgba(0, 0, 0, .2);
     z-index: 1
 }
 
 .latest-gallery:after,
 .team-figure {
     left: 0;
     z-index: -1;
     height: 100%;
     visibility: hidden
 }
 
 .testimonial-item2 {
     text-align: center;
     color: #fff
 }
 
 .testimonial-item2 h3 {
     text-transform: uppercase;
     margin: 0
 }
 
 .testimonial-item2 img {
     max-width: 120px;
     border-radius: 100%;
     margin: 30px 0;
     height: 120px;
     display: inline-block!important
 }
 
 .blog-action .blog-action-holder,
 .blog-tag a,
 .team-figure a,
 .testimonial2 .owl-dots,
 .track-bottom-link a {
     display: inline-block
 }
 
 .testimonial-item2 p .fa {
     margin: 0 10px;
     font-size: 20px;
     color: #f3d325
 }
 
 .testimonial2 .owl-controls {
     text-align: center;
     margin-top: 20px
 }
 
 .testimonial2 button.owl-dot {
     width: 12px;
     height: 12px;
     background-color: #f3d325;
     float: left;
     margin: 0 3px;
     border-radius: 100%
 }
 
 .home2-latest-post .letest-post,
 .transparant-bg .single-banner,
 .transparant-bg .single-slide-item,
 .transparant-header .header-area {
     background: 0 0
 }
 
 .home2-latest-post .letest-post ul li {
     padding: 15px 0;
     width: 100%;
     float: left
 }
 
 .home2-latest-post .letest-post ul li img {
     max-width: 116px
 }
 
 .get-quote {
     background-attachment: fixed;
     text-transform: uppercase;
     position: relative;
     color: #fff
 }
 
 .get-quote:before {
     display: block;
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     background: rgba(0, 0, 0, .85)
 }
 
 .get-quote h4 {
     font-weight: 400
 }
 
 .l-gallery-holder {
     margin: 10px 0
 }
 
 .portfolio-holder,
 .steps .form-control {
     margin-bottom: 10px
 }
 
 .latest-gallery {
     display: block;
     position: relative
 }
 
 .latest-gallery img {
     border-radius: 2px
 }
 
 .latest-gallery i.fa,
 .latest-gallery i.far {
     position: absolute;
     width: 20px;
     height: 20px;
     left: 50%;
     top: 60%;
     margin-left: -10px;
     margin-top: -10px;
     color: #fff;
     z-index: 2;
     text-align: center;
     opacity: 0;
     visibility: hidden;
     font-size: 20px
 }
 
 .latest-gallery:hover i.fa,
 .latest-gallery:hover i.far {
     opacity: 1;
     visibility: visible;
     top: 50%
 }
 
 .latest-gallery:after {
     position: absolute;
     width: 100%;
     top: 0;
     background-color: #000;
     opacity: 0;
     content: "";
     border-radius: 2px
 }
 
 .latest-gallery:hover:after {
     opacity: .8;
     z-index: 1;
     visibility: visible
 }
 
 .wshipping-breadcroumb {
     color: #a3a3a3;
     position: relative
 }
 
 .wshipping-breadcroumb:before {
     position: absolute;
     width: 100%;
     height: 100%;
     background: rgba(22, 0, 1, .8);
     display: block;
     content: "";
     left: 0;
     top: 0;
     opacity: .6
 }
 
 .wshipping-breadcroumb h1 {
     margin: 0;
     padding: 0;
     text-transform: uppercase;
     color: #fff;
     font-size: 32px
 }
 
 .wshipping-breadcroumb h4 {
     margin: 0;
     color: #fff;
     line-height: 26px
 }
 
 .left-block {
     padding-bottom: 30px;
     clear: both;
     float: left;
     width: 100%
 }
 
 .address:last-child,
 .advantages ul li:last-child,
 .left-block:last-child {
     padding-bottom: 0
 }
 
 .left-menu ul li,
 ul.number-list li {
     padding-bottom: 4px
 }
 
 .left-menu ul li a {
     display: block;
     padding: 12px 10px 12px 20px;
     background-color: #f6f6f6;
     color: #444;
     text-transform: uppercase;
     position: relative
 }
 
 .continue-read-blog a:hover,
 .left-menu ul li a:hover,
 .left-menu ul li.active a {
     background-color: #f3d325;
     color: #fff;
     text-decoration: none
 }
 
 .left-menu ul li a:before {
     position: absolute;
     right: 15px;
     font-size: 16px
 }
 
 .left-block h3 {
     font-size: 22px
 }
 
 .left-block .latest-news-section {
     padding: 2px 20px 10px 10px;
     float: none;
     margin-top: 30px
 }
 
 .left-block .latest-news-section h4 {
     padding-right: 55px
 }
 
 .left-block .news-date {
     width: 66px;
     padding: 6px 0 0;
     position: absolute;
     right: 10px;
     top: -20px;
     border-radius: 4px;
     font-size: 36px;
     margin-right: 0;
     min-height: 66px
 }
 
 .left-block .news-date span {
     font-size: 18px;
     padding: 0;
     border-radius: 0 0 4px 4px
 }
 
 .left-block .wshipping-button {
     width: 100%;
     text-align: center;
     font-size: 16px;
     padding: 15px 0;
     margin-top: 10px
 }
 
 .left-block .testimonial-img-bg,
 .page-accordion .card:first-child,
 .page-accordion .card:first-child h5 a {
     border-radius: 4px 4px 0 0
 }
 
 .left-block .testimonial-content {
     padding-left: 20px;
     padding-right: 15px
 }
 
 .left-block .testimonial-content::before {
     left: 10px
 }
 
 .left-block .testimonial .owl-dots {
     left: 14px
 }
 
 .right-block {
     clear: both;
     float: left;
     width: 100%
 }
 
 .feat-img,
 .right-block {
     margin-bottom: 30px
 }
 
 .why-choose-us-inner .why-choose-us-icon i.fa,
 .why-choose-us-inner .why-choose-us-icon i.far,
 .why-choose-us-inner .why-choose-us-icon i.fas {
     width: 110px;
     height: 110px;
     line-height: 110px;
     font-size: 40px;
     margin-right: 0;
     float: none
 }
 
 .why-choose-us-icon h5 {
     text-transform: uppercase;
     font-weight: 400;
     margin-top: 15px
 }
 
 .address-block ul li:before,
 .advantages ul li:before,
 .team-figure a {
     font-family: 'Font Awesome\ 5 Free';
     font-weight: 900
 }
 
 .team-block {
     padding: 10px;
     border: 1px solid #d2d2d2;
     box-shadow: 0 0 5px 0 rgba(189, 189, 189, .4);
     cursor: pointer
 }
 
 .team-figure {
     position: absolute;
     top: 20px;
     width: 100%;
     background-color: rgba(235, 72, 68, .9);
     text-align: center;
     opacity: 0
 }
 
 .team-block:hover .team-figure {
     top: 0;
     opacity: 1;
     visibility: visible;
     z-index: 1
 }
 
 .team-figure a {
     color: #f3d325;
     font-size: 20px;
     height: 36px;
     width: 36px;
     border: 1px solid #de382f;
     line-height: 36px;
     text-align: center;
     margin: 0 4px
 }
 
 .contact-text h3,
 .team-text h5 {
     margin-top: 0;
     text-transform: uppercase
 }
 
 .team-text {
     text-align: center;
     padding: 20px 0 5px
 }
 
 .team-text h5 {
     color: #2e2d2d;
     font-weight: 700;
     margin-bottom: 5px
 }
 
 .contact-text {
     padding-bottom: 10px
 }
 
 .contact-text h3 {
     margin-bottom: 15px
 }
 
 .comment-form .form-group,
 .contact-form .form-group,
 .contact-form .form-group:last-child {
     margin-bottom: 0
 }
 
 .contact-form .form-control,
 .download-btn {
     margin-bottom: 15px
 }
 
 .comment-form textarea.form-control,
 .contact-form textarea.form-control {
     height: 120px
 }
 
 button.btn-submit {
     background-color: #f3d325;
     color: #fff;
     cursor: pointer
 }
 
 button.btn-submit:hover {
     background-color: #474747;
     border-color: #474747
 }
 
 .advantages ul li:before,
 .blog-tag a:hover,
 .right-quote-from h3 {
     background-color: #f3d325;
     color: #fff
 }
 
 .address {
     padding-bottom: 20px
 }
 
 .address:first-child,
 .comment-form {
     padding-top: 40px
 }
 
 .address h3 {
     margin: 0;
     padding: 10px 15px;
     background-color: #f3d325;
     color: #222;
     text-transform: uppercase;
     font-size: 16px;
     border-radius: 4px 4px 0 0
 }
 
 .address-block {
     padding: 15px 10px;
     background-color: #f7f7f7
 }
 
 .download-btn:hover,
 .media-text {
     background-color: #ed1c24
 }
 
 .address-block ul li {
     clear: both;
     padding-left: 40px;
     line-height: 18px;
     padding-bottom: 15px;
     position: relative
 }
 
 .address-block ul li:before {
     position: absolute;
     left: 8px;
     top: 3px;
     color: #f3d325;
     font-size: 22px
 }
 
 .address-block ul li.address-icon:before {
     content: "\f3c5"
 }
 
 .address-block ul li.phone-icon:before {
     content: "\f095";
     font-size: 18px
 }
 
 .address-block ul li.fax-icon:before {
     content: "\f1ac";
     font-size: 18px
 }
 
 .address-block ul li.mobile-icon:before {
     content: "\f3cd";
     font-size: 22px
 }
 
 .address-block ul li.email-icon:before {
     content: "\f0e0";
     font-size: 15px
 }
 
 .filtr-container,
 .map {
     width: 100%
 }
 
 .map iframe {
     width: 100%;
     float: left;
     height: 400px;
     border: 0;
     padding: 0;
     margin: 0
 }
 
 .success {
     padding-bottom: 20px;
     color: #35bc0e;
     font-size: 18px
 }
 
 .media-content {
     padding-top: 30px;
     display: flex;
     flex-wrap: wrap
 }
 
 .media-section {
     width: 50%;
     position: relative;
     overflow: hidden;
     max-height: 330px
 }
 
 .media-text {
     width: 50%;
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     color: #fff;
     padding: 0 25px
 }
 
 .media-text:before {
     width: 0;
     height: 0;
     border-top: 16px solid transparent;
     border-bottom: 16px solid transparent;
     border-left: 16px solid #ec0927;
     right: -16px;
     top: 20%;
     position: absolute;
     content: ""
 }
 
 .media-text-right-gray:before,
 .media-text-right:before {
     border-top: 16px solid transparent;
     border-bottom: 16px solid transparent;
     border-left: 0
 }
 
 .advantages ul li:before,
 .cat-Search:before {
     position: absolute;
     top: 0;
     display: block;
     text-align: center
 }
 
 .media-text h2 {
     color: #000;
     font-size: 24px;
     margin-top: 15px
 }
 
 .coming-soon-contact .close:hover,
 .media-text .readmore-btn,
 .page-accordion h5 a:hover {
     color: #000
 }
 
 .media-text-right {
     left: inherit;
     right: 0
 }
 
 .media-text-right-gray:before,
 .media-text-right:before {
     right: inherit;
     border-right: 16px solid #ec0927;
     left: -16px
 }
 
 .media-text-right-gray {
     left: inherit;
     right: 0;
     background-color: #f7f7f7;
     color: #5a5a5a
 }
 
 .media-text-right-gray:before {
     border-right: 16px solid #f7f7f7
 }
 
 .advantages h5 {
     text-transform: uppercase;
     font-weight: 400
 }
 
 .advantages ul li {
     padding-left: 100px;
     position: relative;
     padding-bottom: 25px
 }
 
 .advantages ul li:before {
     width: 70px;
     height: 70px;
     line-height: 70px;
     font-size: 28px;
     content: "";
     left: 0;
     border-radius: 100%
 }
 
 .advantages ul li.trust:before {
     content: "\f2b5"
 }
 
 .advantages ul li.sequrity:before {
     content: "\f13e"
 }
 
 .advantages ul li.guarantee:before {
     content: "\f087"
 }
 
 .advantages ul li.location:before {
     content: "\f041"
 }
 
 .download-pdf {
     padding-bottom: 15px
 }
 
 .download-btn {
     text-transform: none;
     font-size: 16px;
     font-weight: 400;
     background-color: #434343;
     margin-right: 15px
 }
 
 .blog-content h2,
 .blog-tag a,
 .comment-group a,
 .continue-read-blog a,
 .customer-login-left a,
 .order-list-button,
 .pGallery-wrapper .label-text,
 .put-track-number .btn-track,
 .right-quote-from h3,
 .tooltip-btn,
 .track-bottom-link,
 .track-result-id,
 .tracking-block h3,
 h4.title-with-bg,
 table.table tr th {
     text-transform: uppercase
 }
 
 .download-btn .fa {
     margin-right: 6px;
     font-size: 18px
 }
 
 .blockquote-style2::after,
 .blockquote-style2::before {
     font-size: 30px;
     font-family: 'Font Awesome\ 5 Free';
     font-weight: 900
 }
 
 .right-quote-from {
     border: 1px solid #d9d9d9;
     box-shadow: 1px 1px 15px 0 rgba(153, 153, 153, .3);
     padding: 10px 25px
 }
 
 .right-quote-from h3 {
     text-align: center;
     border-radius: 3px;
     padding: 12px 15px;
     margin: -30px 0 20px;
     font-weight: 400
 }
 
 .right-quote-from .form-control {
     box-shadow: none;
     padding: 12px 15px;
     height: auto
 }
 
 .right-quote-from textarea.form-control {
     height: 150px
 }
 
 .cat-Search input {
     width: 100%;
     padding: 10px 25px 10px 15px;
     height: 48px;
     position: relative
 }
 
 .cat-Search:before {
     width: 36px;
     height: 48px;
     content: "\f002";
     font-family: 'Font Awesome\ 5 Free';
     font-weight: 900;
     right: 20px;
     color: #f3d325;
     line-height: 48px;
     z-index: 1
 }
 
 .letest-post {
     background-color: #f8f8f8;
     padding-bottom: 0;
     margin-bottom: 30px
 }
 
 .letest-post ul li {
     padding: 15px 5px 15px 0;
     border-bottom: 1px dashed #b6b6b6;
     border-top: 1px dashed #fff;
     width: 100%;
     float: left
 }
 
 .letest-post ul li img {
     float: left;
     margin-right: 10px;
     max-width: 80px
 }
 
 .letest-post ul li a {
     color: #201f1f;
     font-size: 12px;
     line-height: 18px
 }
 
 .letest-post ul li p {
     margin-bottom: 3px
 }
 
 .right-block.letest-post ul li {
     padding-left: 15px
 }
 
 .blog-tag a {
     margin: 0 10px 10px 0;
     background-color: #f4f4f4;
     color: #383838;
     font-size: 12px;
     padding: 12px 15px;
     font-weight: 600;
     border-radius: 3px
 }
 
 .blog-tag a:hover {
     text-decoration: none
 }
 
 .blog-block {
     box-shadow: 1px 2px 4px 0 rgba(153, 153, 153, .5);
     position: relative;
     margin-bottom: 30px
 }
 
 .blog-image-bg {
     background-color: #a7a7a7;
     height: 460px
 }
 
 .blog-block .blog-content {
     padding: 30px 20px 30px 130px;
     position: relative
 }
 
 .blog-date {
     position: absolute;
     left: 20px;
     top: 35px;
     border-radius: 3px;
     background-color: #f3d325;
     text-align: center;
     color: #fff;
     font-size: 12px;
     width: 80px;
     height: 80px
 }
 
 .blog-date span {
     font-size: 32px;
     display: block;
     clear: both;
     padding: 3px 0;
     font-weight: 600
 }
 
 .blog-content h2 {
     color: #212121;
     margin-top: 0;
     margin-bottom: 10px
 }
 
 .continue-read-blog {
     text-align: center;
     position: relative
 }
 
 .continue-read-blog:before {
     height: 1px;
     position: absolute;
     background-color: #ececec;
     content: "";
     left: 0;
     top: 50%;
     width: 100%
 }
 
 .continue-read-blog a {
     display: inline-block;
     background-color: #fff;
     border: 1px solid #ececec;
     color: #f3d325;
     padding: 10px 30px;
     line-height: 20px;
     position: relative;
     z-index: 1
 }
 
 .blog-action {
     padding: 25px 20px 20px
 }
 
 .blog-block .blog-action {
     padding: 5px 20px 20px
 }
 
 .blog-action .blog-action-holder:last-child {
     text-align: right;
     float: right
 }
 
 .blog-action a {
     display: inline-block;
     margin: 0 3px;
     width: 36px;
     height: 36px;
     color: #fff;
     background-color: #bdbdbd;
     border-radius: 100%;
     text-align: center;
     font-size: 16px;
     line-height: 36px
 }
 
 .blog-action a:hover {
     background-color: #515151
 }
 
 .page-navigation .pagination {
     margin-top: 60px;
     margin-bottom: 0
 }
 
 .comment-form .form-group:first-child,
 .customer-login-block .btn,
 .reply-comment {
     margin-top: 15px
 }
 
 .page-navigation .pagination>li>a {
     margin: 0 9px;
     border: 1px solid #bdbdbd;
     background-color: #fff;
     width: 40px;
     height: 40px;
     text-align: center;
     padding: 0;
     border-radius: 50%;
     font-size: 20px;
     color: #212121;
     line-height: 38px
 }
 
 .single-blog-img,
 h4.title-with-bg {
     border-radius: 3px 3px 0 0
 }
 
 .page-navigation .pagination>li.pagin-active>a,
 .page-navigation .pagination>li>a:hover {
     background-color: #f3d325;
     color: #fff;
     border-color: #f3d325
 }
 
 .page-navigation .pagination>li:first-child>a,
 .page-navigation .pagination>li:last-child>a {
     background: 0 0;
     border-color: #fff;
     color: #f3d325;
     font-size: 32px;
     font-weight: 700;
     width: auto
 }
 
 table.table tr td,
 table.table tr th {
     padding: 12px;
     border-right: 1px solid #fff
 }
 
 h4.title-with-bg {
     background-color: #f3d325;
     padding: 14px 20px;
     margin: 0 0 2px;
     color: #fff
 }
 
 .menu-with-title ul li.active a {
     background-color: #757575
 }
 
 h4.bg-black {
     background-color: #3a3a3a
 }
 
 .single-blog-details {
     box-shadow: 1px 1px 4px 0 rgba(153, 153, 153, .4)
 }
 
 .single-blog-content {
     padding: 15px 30px
 }
 
 .single-blog-content h2 {
     color: #212121;
     font-weight: 500
 }
 
 .single-blog-content h6 {
     color: #777;
     font-weight: 300;
     padding-top: 10px
 }
 
 .comment-group {
     border-bottom: 1px solid #ccc;
     position: relative;
     padding: 15px 0 15px 120px
 }
 
 .comment-group h6 {
     color: #f3d325;
     margin-top: 0
 }
 
 .comment-group h6 span {
     color: #777;
     float: right;
     display: inline-block;
     font-size: 12px
 }
 
 .comment-group p {
     color: #868686
 }
 
 .comment-group a {
     color: #f3d325;
     font-size: 11px
 }
 
 .comment-img {
     position: absolute;
     left: 0;
     top: 15px
 }
 
 .comment-img img {
     max-width: 90px;
     border-radius: 100%
 }
 
 .reply-comment {
     position: relative;
     padding-top: 15px;
     padding-left: 120px;
     border-top: 1px dashed #b6b6b6
 }
 
 .comment-form h3 {
     color: #212121;
     font-size: 20px
 }
 
 .comment-form p {
     color: #888;
     font-size: 12px
 }
 
 .comment-form .form-control {
     box-shadow: none;
     height: 42px;
     margin-bottom: 30px
 }
 
 .page-accordion {
     margin: 20px 0 0;
     border-radius: 4px;
     box-shadow: 1px 1px 2px 0 rgba(153, 153, 153, .5);
     border: 1px solid #cacaca
 }
 
 .custom-btn,
 .page-accordion h5 .fa {
     margin-right: 10px
 }
 
 .page-accordion .card-header {
     padding: 0;
     background: 0 0
 }
 
 .page-accordion h5 {
     padding: 0;
     font-weight: 400;
     cursor: pointer;
     font-size: 20px
 }
 
 .page-accordion h5 a {
     color: #f3d325;
     padding: 20px 40px 20px 45px;
     display: block;
     position: relative;
     text-decoration: none
 }
 
 .after-login span,
 .after-login ul li,
 .custom-btn,
 .tooltip-btn,
 .top-menu ul li {
     display: inline-block
 }
 
 .page-accordion h5 .fab {
     position: absolute;
     top: 22px;
     left: 20px
 }
 
 .page-accordion h5 a::after {
     position: absolute;
     right: 10px;
     top: 50%;
     height: 30px;
     width: 30px;
     text-align: center;
     color: #f3d325;
     display: block;
     content: "\f077";
     font-family: 'Font Awesome\ 5 Free';
     font-weight: 900;
     font-size: 18px;
     line-height: 30px;
     margin-top: -15px
 }
 
 .page-accordion h5 a.collapsed {
     color: #515151;
     background-color: #fff
 }
 
 .after-login ul li:before,
 .top-menu ul li a:before {
     margin-top: -2px;
     height: 10px;
     background-color: #828282;
     width: 1px;
     position: absolute;
     display: block
 }
 
 .page-accordion h5 a.collapsed::after {
     color: #515151;
     content: "\f078"
 }
 
 .page-accordion .card {
     margin-bottom: 0;
     border: 0;
     border-radius: 0;
     box-shadow: none
 }
 
 .page-accordion .card:last-child {
     border-radius: 0 0 4px 4px
 }
 
 .page-accordion .card-block {
     padding: 15px 30px;
     border-bottom: 1px solid rgba(0, 0, 0, .125)
 }
 
 .accordion-style2 h5 a {
     color: #fff;
     background-color: #f3d325
 }
 
 .custom-btn {
     border-radius: 3px;
     color: #fff;
     padding: 8px 30px;
     margin-bottom: 20px
 }
 
 .tooltip-btn,
 .top-menu ul li a i {
     margin-right: 5px
 }
 
 .custom-btn:hover {
     background-color: #97011a;
     text-decoration: none;
     color: #fff
 }
 
 .cbtn-yellow {
     background-color: #f8a700
 }
 
 .cbtn-sky {
     background-color: #64b5f6
 }
 
 .cbtn-light-blue {
     background-color: #7986cb
 }
 
 .cbtn-pink {
     background-color: #f06292
 }
 
 .cbtn-pest {
     background-color: #4db6ac
 }
 
 .cbtn-white {
     background-color: #fff;
     color: #757575
 }
 
 .cbtn-magendo,
 .text-box-style2 {
     background-color: #c70039
 }
 
 .cbtn-orrang,
 .text-box-style3 {
     background-color: #ff5733
 }
 
 .cbtn-shadow {
     box-shadow: 1px 1px 2px 0 rgba(100, 100, 100, .6)
 }
 
 .typography-heading h4,
 .typography-heading h6 {
     margin: 15px 0
 }
 
 .blockquote-style2 {
     box-shadow: 1px 1px 2px 0 rgba(153, 153, 153, .5);
     border: 1px solid #cacaca;
     border-radius: 6px;
     padding: 30px 50px;
     text-align: center;
     position: relative
 }
 
 .blockquote-style2::before {
     position: absolute;
     left: 20px;
     top: 20px;
     content: "\f10d"
 }
 
 .blockquote-style2::after {
     position: absolute;
     right: 20px;
     bottom: 20px;
     content: "\f10e"
 }
 
 .text-box {
     padding: 15px 20px;
     color: #fff;
     font-size: 15px;
     line-height: 26px;
     border-radius: 3px
 }
 
 .text-box-style1 {
     background-color: #900c3e
 }
 
 .tooltip-btn {
     border-radius: 2px;
     background-color: #ededed;
     color: #444;
     padding: 7px 20px
 }
 
 .tooltip-btn:hover {
     text-decoration: none;
     background-color: #ddd
 }
 
 img.float-left,
 img.pull-left {
     margin-right: 20px
 }
 
 img.float-right,
 img.pull-right {
     margin-left: 20px
 }
 
 ul.arrow-list,
 ul.arrow-list2,
 ul.bullet-list,
 ul.number-list {
     margin: 0;
     padding: 0;
     list-style-type: none;
     counter-reset: section
 }
 
 ul.arrow-list li,
 ul.arrow-list2 li,
 ul.bullet-list li {
     padding-bottom: 4px;
     position: relative;
     padding-left: 20px
 }
 
 ul.number-list li:before {
     counter-increment: section;
     content: counter(section) ". ";
     color: #a3001c;
     margin-right: 5px
 }
 
 ul.arrow-list li:before,
 ul.arrow-list2 li:before {
     position: absolute;
     left: 0;
     top: 2px;
     font-size: 16px;
     font-family: 'Font Awesome\ 5 Free';
     font-weight: 900;
     content: "\f105"
 }
 
 ul.arrow-list2 li:before {
     content: "\f0da"
 }
 
 ul.bullet-list li:before {
     position: absolute;
     left: 0;
     top: 0;
     font-size: 26px;
     content: "•";
     color: #ed1c24
 }
 
 .error-section {
     text-align: center
 }
 
 .error-section img {
     width: 480px
 }
 
 .error-section h2 {
     font-size: 42px;
     margin-top: 40px
 }
 
 .top-menu ul li {
     color: #ddd
 }
 
 .top-menu ul li a {
     color: #ddd;
     text-align: center;
     margin: 0 10px;
     position: relative;
     display: block
 }
 
 .top-menu ul li a:before {
     left: -12px;
     top: 50%;
     content: ""
 }
 
 .after-login ul li {
     position: relative;
     padding: 0 10px
 }
 
 .after-login ul li:before {
     left: 0;
     top: 50%;
     content: ""
 }
 
 .after-login span {
     color: #f3d325
 }
 
 #timer,
 .put-track-number form {
     display: flex
 }
 
 .customer-login {
     background-image: url(assets/images/single-blog-pic1.jpg);
     min-height: 400px;
     background-repeat: no-repeat;
     background-position: left center;
     position: relative
 }
 
 .customer-login:before {
     position: absolute;
     left: 0;
     top: 0;
     width: 50%;
     height: 100%;
     content: "";
     display: block;
     background-color: rgba(235, 0, 40, .8)
 }
 
 .customer-login:after {
     position: absolute;
     right: 0;
     top: 0;
     width: 50%;
     height: 100%;
     content: "";
     display: block;
     background-color: #e8e8e8
 }
 
 .customer-login-left {
     padding: 50px 30px;
     text-align: center;
     color: #fff
 }
 
 .login-icon .fa {
     border: 15px solid rgba(92, 0, 16, .4);
     color: #fff;
     font-size: 60px;
     border-radius: 100%;
     width: 120px;
     height: 120px;
     line-height: 90px
 }
 
 .customer-login-left h4 {
     margin-top: 40px
 }
 
 .customer-login-left a {
     color: #000;
     font-style: 16px;
     font-weight: 600
 }
 
 .customer-login-block {
     position: relative;
     z-index: 1;
     padding: 30px 30px 20px 15px
 }
 
 .customer-login-block h2 {
     margin-top: 0;
     margin-bottom: 30px;
     position: relative
 }
 
 .customer-login-block h2:before {
     position: absolute;
     left: 0;
     bottom: -10px;
     height: 2px;
     width: 60px;
     background-color: #f3d325;
     content: ""
 }
 
 .customer-login-block .form-control {
     height: 38px
 }
 
 .checkbox input[type=checkbox].css-checkbox {
     position: absolute;
     opacity: 0;
     height: 20px
 }
 
 .checkbox input[type=checkbox].css-checkbox+label.css-label {
     padding-left: 30px;
     display: inline-block;
     line-height: 20px;
     background-repeat: no-repeat;
     background-position: 0 0;
     font-size: 14px;
     vertical-align: middle;
     cursor: pointer;
     position: relative;
     z-index: 1
 }
 
 .checkbox input[type=checkbox].css-checkbox:checked+label.css-label {
     background-image: url(assets/images/checkbox2.png)
 }
 
 .checkbox label.css-label {
     background-image: url(assets/images/checkbox.png);
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }
 
 .customer-login-block a.forgot-pass {
     display: block;
     float: right;
     color: #444
 }
 
 .commoun-tab .tab-content {
     background-color: #f6f6f6;
     padding: 20px 25px;
     border: 1px solid #ddd;
     border-radius: 0 4px 4px
 }
 
 .tracking-block .tab-content {
     background-color: #f6f6f6;
     padding: 36px 50px;
     border: 1px solid #ddd;
     border-radius: 0 4px 4px
 }
 
 .nav-tabs {
     border: 0
 }
 
 .nav-tabs>li>a.nav-link {
     border: 1px solid #ddd;
     border-bottom: 0;
     border-radius: 4px 4px 0 0;
     padding: 10px 15px;
     margin-right: 3px
 }
 
 .nav-tabs>li>a.active,
 .nav-tabs>li>a.active:focus,
 .nav-tabs>li>a.active:hover {
     background-color: #f6f6f6!important
 }
 
 .tracking-block h3 {
     margin-top: 0;
     margin-bottom: 20px;
     position: relative
 }
 
 .put-track-number .track-id {
     height: 48px;
     width: 80%;
     font-size: 16px;
     margin-right: 10px
 }
 
 .put-track-number .btn-track {
     height: 48px;
     width: 20%;
     color: #fff;
     background-color: #f3d325;
     font-weight: 600;
     font-size: 16px
 }
 
 .track-bottom-link {
     padding-top: 10px
 }
 
 .track-result-id,
 .track-status {
     padding: 12px 20px;
     text-align: center
 }
 
 .track-bottom-link span {
     display: inline-block;
     padding: 0 5px
 }
 
 .order-list h3,
 .track-result h3 {
     text-align: center;
     text-transform: uppercase;
     font-weight: 500;
     margin-top: 0;
     margin-bottom: 35px
 }
 
 .track-result-block {
     background-color: #f9f9f9;
     border-radius: 4px
 }
 
 .track-result-id {
     background-color: #f3d325;
     font-size: 16px;
     color: #fff;
     border-radius: 4px 4px 0 0
 }
 
 .order-list .table a .fa,
 .order-list .table a .far {
     color: #979797
 }
 
 .track-status {
     background-color: #ffe3e8;
     font-size: 14px;
     color: #8a0c22
 }
 
 .order-list-button,
 ul.track-progress li:after,
 ul.track-progress li:before {
     background-color: #f3d325;
     display: block
 }
 
 .track-result-bar {
     padding: 30px 0;
     display: table;
     width: 100%
 }
 
 ul.track-progress li {
     float: left;
     width: 20%;
     position: relative;
     text-align: center
 }
 
 ul.track-progress li:before {
     width: 70px;
     height: 70px;
     content: "";
     line-height: 70px;
     text-align: center;
     margin: 0 auto 15px;
     border-radius: 50%;
     color: #fff;
     font-family: 'Font Awesome\ 5 Free';
     font-weight: 900;
     font-size: 24px;
     position: relative;
     z-index: 1
 }
 
 ul.track-progress li:after {
     position: absolute;
     width: 100%;
     height: 4px;
     content: "";
     top: 33px;
     left: -50%
 }
 
 ul.track-progress li:first-child:after {
     content: normal
 }
 
 ul.track-progress li.track-active {
     color: #70a62a
 }
 
 ul.track-progress li.track-active+li:after,
 ul.track-progress li.track-active:before {
     background-color: #7eb438
 }
 
 ul.track-progress li.icon-confirm-roder:before {
     content: "\f217"
 }
 
 ul.track-progress li.icon-process-roder:before {
     content: "\f201"
 }
 
 ul.track-progress li.icon-quality-check:before {
     content: "\f2a3"
 }
 
 ul.track-progress li.icon-dispatched-item:before {
     content: "\f0d1"
 }
 
 ul.track-progress li.icon-product-deliver:before {
     content: "\f046"
 }
 
 .order-list-button {
     color: #fff;
     border-radius: 3px;
     font-size: 16px;
     padding: 12px 30px;
     border: 0;
     clear: both;
     text-align: center
 }
 
 table.table {
     border: 1px solid #ddd;
     border-top: 0
 }
 
 .chatbox,
 .chatbox__title {
     border-top-left-radius: 4px;
     border-top-right-radius: 4px
 }
 
 table.table tr th {
     background-color: #f3d325;
     color: #fff;
     text-align: center
 }
 
 table.table tr td {
     text-align: center
 }
 
 table.table tr td:last-child,
 table.table tr th:last-child {
     border-right: 0px
 }
 
 table.table tr:nth-child(odd) td {
     background-color: #fcfcfc
 }
 
 table.table tr:nth-child(2n) td {
     background-color: #f0f0f0
 }
 
 .chatbox {
     position: fixed;
     right: 30px;
     width: 220px;
     height: 400px;
     background-color: #fff;
     font-family: Lato, sans-serif;
     -webkit-transition: .6s cubic-bezier(.19, 1, .22, 1);
     transition: .6s cubic-bezier(.19, 1, .22, 1);
     display: -webkit-flex;
     display: flex;
     -webkit-flex-direction: column;
     flex-direction: column;
     z-index: 5
 }
 
 .chatbox--tray {
     bottom: -350px
 }
 
 .chatbox--closed {
     bottom: -400px
 }
 
 .chatbox .form-control:focus {
     border-color: #1f2836
 }
 
 .chatbox__body,
 .chatbox__title {
     border-bottom: none
 }
 
 .chatbox__title {
     min-height: 50px;
     padding-right: 10px;
     background-color: #1f2836;
     cursor: pointer;
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     align-items: center
 }
 
 .chatbox__title h5 {
     height: 50px;
     margin: 0 0 0 15px;
     line-height: 50px;
     position: relative;
     padding-left: 20px;
     -webkit-flex-grow: 1;
     flex-grow: 1
 }
 
 .chatbox__title h5 a {
     color: #fff;
     max-width: 195px;
     display: inline-block;
     text-decoration: none;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis
 }
 
 .chatbox__title h5:before {
     content: '';
     display: block;
     position: absolute;
     top: 50%;
     left: 0;
     width: 12px;
     height: 12px;
     background: #4caf50;
     border-radius: 6px;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%)
 }
 
 .chatbox--empty .chatbox__body,
 .chatbox--empty .chatbox__message,
 .chatbox__credentials,
 .coming-soon-contact h3:after,
 .coming-soon-contact h3:before,
 .steps fieldset:not(:first-of-type) {
     display: none
 }
 
 .chatbox__title__close,
 .chatbox__title__tray {
     width: 24px;
     height: 24px;
     outline: 0;
     border: none;
     background-color: transparent;
     opacity: .5;
     cursor: pointer;
     -webkit-transition: opacity .2s;
     transition: opacity .2s
 }
 
 .chatbox__title__close:hover,
 .chatbox__title__tray:hover {
     opacity: 1
 }
 
 .chatbox__title__tray span {
     width: 12px;
     height: 12px;
     display: inline-block;
     border-bottom: 2px solid #fff
 }
 
 .chatbox__title__close svg {
     vertical-align: middle;
     stroke-linecap: round;
     stroke-linejoin: round;
     stroke-width: 1.2px
 }
 
 .chatbox__body,
 .chatbox__credentials {
     padding: 15px;
     border-top: 0;
     background-color: #f5f5f5;
     border-left: 1px solid #ddd;
     border-right: 1px solid #ddd;
     -webkit-flex-grow: 1;
     flex-grow: 1
 }
 
 .chatbox__credentials .form-control {
     -webkit-box-shadow: none;
     box-shadow: none
 }
 
 .chatbox__body {
     overflow-y: auto
 }
 
 .chatbox__body__message,
 .sitemap .second>li {
     position: relative
 }
 
 .chatbox__body__message p {
     padding: 15px;
     border-radius: 4px;
     font-size: 14px;
     background-color: #fff;
     -webkit-box-shadow: 1px 1px rgba(100, 100, 100, .1);
     box-shadow: 1px 1px rgba(100, 100, 100, .1)
 }
 
 .chatbox__body__message img {
     width: 40px;
     height: 40px;
     border-radius: 4px;
     border: 2px solid #fcfcfc;
     position: absolute;
     top: 15px
 }
 
 .chatbox__body__message--left p {
     margin-left: 15px;
     padding-left: 30px;
     text-align: left
 }
 
 .chatbox__body__message--left img {
     left: -5px
 }
 
 .chatbox__body__message--right p {
     margin-right: 15px;
     padding-right: 30px;
     text-align: right
 }
 
 .chatbox__body__message--right img {
     right: -5px
 }
 
 .chatbox__message {
     padding: 15px;
     min-height: 50px;
     outline: 0;
     resize: none;
     font-size: 12px;
     border: 1px solid #ddd;
     border-bottom: none;
     background-color: #fefefe
 }
 
 .chatbox--empty {
     height: 262px
 }
 
 .chatbox--empty.chatbox--tray {
     bottom: -212px
 }
 
 .chatbox--empty.chatbox--closed {
     bottom: -262px
 }
 
 .chatbox--empty .chatbox__credentials {
     display: block
 }
 
 .gallery-filtariz {
     padding: 80px 0
 }
 
 .simplefilter {
     padding: 15px;
     margin: 0;
     list-style: none;
     float: left;
     width: 100%
 }
 
 .simplefilter li {
     float: left;
     padding: 8px 20px;
     text-decoration: none;
     color: #444;
     cursor: pointer;
     border-radius: 3px;
     background-color: #f6f6f6;
     margin-right: 5px
 }
 
 .simplefilter li.active {
     background: #f3d325;
     color: #fff
 }
 
 .pGallery-wrapper {
     overflow: hidden;
     position: relative;
     margin-top: 20px
 }
 
 .pGallery-wrapper .latest-gallery::before {
     position: absolute;
     display: block;
     content: "";
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     border: 10px solid rgba(255, 255, 255, .4)
 }
 
 .pGallery-wrapper img {
     max-width: 100%;
     position: relative;
     top: 0;
     -webkit-transition: .6s cubic-bezier(.645, .045, .355, 1);
     transition: .6s cubic-bezier(.645, .045, .355, 1);
     border-radius: 0
 }
 
 .pGallery-wrapper .freight-caption {
     position: absolute;
     width: 100%;
     height: 50px;
     bottom: -50px;
     -webkit-transition: .3s cubic-bezier(.645, .045, .355, 1);
     transition: .3s cubic-bezier(.645, .045, .355, 1);
     z-index: 2;
     background: #f3d325
 }
 
 .pGallery-wrapper .label-text {
     color: #fff;
     padding: 5px 8px;
     line-height: 20px
 }
 
 .pGallery-wrapper .text-category {
     display: block;
     font-size: 11px;
     color: #000
 }
 
 .pGallery-wrapper:hover img {
     top: -30px
 }
 
 .shipping-form-block {
     width: 100%;
     padding: 30px 15px 0
 }
 
 .shipping-form .form-group {
     margin-bottom: 5px
 }
 
 .shipping-form .checkbox,
 .slide-label {
     float: left;
     width: 100%
 }
 
 .input-comment {
     position: relative;
     padding-right: 20px
 }
 
 .input-comment span.field-comment {
     position: absolute;
     right: -10px;
     bottom: 5px
 }
 
 .ship-address {
     padding: 15px;
     background-color: #fff;
     margin: 20px 0
 }
 
 .ship-address h4 {
     border-bottom: 1px solid #d2d2d2;
     padding-bottom: 5px;
     font-size: 16px
 }
 
 a.btn-edit {
     display: block;
     color: #444;
     float: right;
     font-size: 14px
 }
 
 .what-package {
     padding-top: 30px;
     text-align: right
 }
 
 .what-package img {
     background-color: #fff;
     padding: 10px;
     border: 1px solid #d7d7d7;
     max-width: 222px
 }
 
 .shipping-form h3 {
     border-bottom: 1px solid #c9c9c9;
     color: #434343;
     font-weight: 400;
     padding-bottom: 10px;
     font-size: 18px;
     margin-bottom: 30px
 }
 
 .dropoff-block .date .form-control {
     margin-bottom: 0!important;
     border-top-right-radius: 0!important;
     border-bottom-right-radius: 0!important
 }
 
 .nav-tabs li.or-text {
     background: 0 0;
     border: none;
     padding: 10px 30px;
     font-size: 18px
 }
 
 .dropoff-block .nav-tabs>li>a.nav-link {
     border: 1px solid #d0d0d0;
     background-color: #fff;
     min-width: 200px;
     text-align: center;
     color: #444;
     border-radius: 4px;
     display: inline-block;
     padding: 8px 0
 }
 
 .dropoff-block .nav-tabs>li>a.active {
     color: #fff;
     background-color: #27ae60!important
 }
 
 .dropoff-block .tab-content,
 .we-accept {
     margin-top: 30px
 }
 
 .we-accept img {
     margin-right: 5px;
     max-width: 46px
 }
 
 .review h5 {
     margin-top: 15px;
     font-size: 14px;
     margin-bottom: 3px
 }
 
 .review p,
 .review ul li {
     font-size: 12px
 }
 
 .promoCode-input {
     max-width: 300px;
     margin-top: 3px
 }
 
 h1.tanks-message {
     text-align: center;
     color: #00b848;
     padding: 100px 0
 }
 
 .steps fieldset {
     background-color: #f8f8f8;
     border: 0;
     border-radius: 3px;
     padding: 20px 30px;
     box-sizing: border-box;
     width: 100%;
     position: relative
 }
 
 #steps textarea,
 .steps input {
     border: 1px solid #ccc;
     border-radius: 3px;
     margin-bottom: 10px;
     box-sizing: border-box;
     font-family: montserrat;
     color: #2c3e50;
     font-size: 13px;
     height: 40px
 }
 
 .steps .action-button {
     background-color: #27ae60;
     font-weight: 700;
     color: #fff;
     border: 0;
     line-height: 20px;
     cursor: pointer;
     padding: 10px 25px;
     margin: 10px 5px;
     border-radius: 4px
 }
 
 .btn-red {
     background-color: #f3d325!important
 }
 
 .steps .action-button:focus,
 .steps .action-button:hover {
     box-shadow: 0 0 0 2px #fff, 0 0 0 3px #27ae60
 }
 
 .fs-title {
     font-size: 24px;
     margin-bottom: 10px
 }
 
 .fs-title a.login-btn-form {
     color: #000;
     display: block;
     float: right;
     font-size: 14px;
     font-weight: 700
 }
 
 .fs-title a.login-btn-form:hover {
     color: #f3d325;
     text-decoration: underline
 }
 
 .fs-subtitle {
     font-weight: 400;
     font-size: 14px;
     color: #666;
     margin-bottom: 20px
 }
 
 #progressbar li,
 .commin-soon-button {
     text-transform: uppercase;
     font-size: 12px
 }
 
 #progressbar {
     margin: 0 0 30px;
     padding: 0;
     overflow: hidden;
     counter-reset: step
 }
 
 #progressbar li {
     list-style-type: none;
     width: 14.28%;
     float: left;
     position: relative;
     text-align: center
 }
 
 #progressbar.process5 li {
     width: 20%
 }
 
 #progressbar.process4 li {
     width: 25%
 }
 
 #progressbar.process3 li {
     width: 33.3333%
 }
 
 #progressbar.process2 li {
     width: 50%
 }
 
 #progressbar li:before {
     content: counter(step);
     counter-increment: step;
     width: 40px;
     line-height: 40px;
     display: block;
     font-size: 14px;
     color: #333;
     background: #e0e0e0;
     border-radius: 50%;
     margin: 0 auto 5px;
     font-weight: 700;
     z-index: 1;
     position: relative
 }
 
 .slide-redio:after,
 .slide-redio:before {
     font: 700 12px/26px Arial, sans-serif;
     top: 0
 }
 
 #progressbar li:after {
     content: '';
     width: 100%;
     height: 2px;
     background: #e0e0e0;
     position: absolute;
     left: -50%;
     top: 19px;
     z-index: 0
 }
 
 #progressbar li:first-child:after {
     content: none
 }
 
 #progressbar li.active:after,
 #progressbar li.active:before {
     background: #27ae60;
     color: #fff
 }
 
 #progressbar li.active:last-child:before {
     content: "\f00c";
     font-family: 'Font Awesome\ 5 Free';
     font-weight: 900
 }
 
 .error1 {
     color: #ff0004
 }
 
 .slide-redio {
     width: 80px;
     height: 26px;
     background: #b3b3b3;
     margin: 5px auto 15px;
     position: relative;
     border-radius: 50px;
     border: 1px solid #858585;
     float: left
 }
 
 .slide-redio:after {
     content: 'OFF';
     color: #000;
     position: absolute;
     right: 10px;
     z-index: 0;
     text-shadow: 1px 1px 0 rgba(255, 255, 255, .15)
 }
 
 .slide-redio:before {
     content: 'ON';
     color: #0b9545;
     position: absolute;
     left: 10px;
     z-index: 0
 }
 
 .slide-redio label {
     display: block;
     width: 34px;
     height: 20px;
     cursor: pointer;
     position: absolute;
     top: 2px;
     left: 3px;
     z-index: 1;
     background: #fcfff4;
     background: -webkit-linear-gradient(top, #fcfff4 0, #dfe5d7 40%, #b3bead 100%);
     background: linear-gradient(to bottom, #fcfff4 0, #dfe5d7 40%, #b3bead 100%);
     border-radius: 50px;
     -webkit-transition: .4s;
     transition: .4s;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3)
 }
 
 .coming-soon-contact .close,
 .coming-soon-social a,
 .coming-soon-subscribe .close {
     width: 30px;
     height: 30px;
     text-align: center
 }
 
 .slide-redio input[type=checkbox] {
     visibility: hidden
 }
 
 .slide-redio input[type=checkbox]:checked+label {
     left: 43px
 }
 
 .community-section {
     position: relative;
     margin-bottom: 40px;
     padding-bottom: 60px
 }
 
 .community-image {
     min-height: 300px;
     background-position: left top;
     background-size: cover;
     width: 70%
 }
 
 .community-content {
     position: absolute;
     left: 80px;
     top: 100px;
     background-color: rgba(255, 255, 255, .96);
     box-shadow: 0 2px 3px 0 rgba(112, 112, 112, .3);
     min-height: 260px;
     padding: 30px;
     margin-right: 30px
 }
 
 .coming-soon,
 .coming-soon-left {
     left: 0;
     height: 100%;
     position: absolute
 }
 
 .sitemap {
     width: 100%;
     text-align: center
 }
 
 .sitemap a {
     color: #fff;
     text-decoration: none;
     display: inline-block;
     text-transform: uppercase;
     margin: 0 5px;
     border-radius: 7px;
     text-align: center;
     position: relative
 }
 
 .sitemap .first>li {
     display: inline-block;
     vertical-align: top
 }
 
 .sitemap .first a {
     background: #f3d325;
     font-size: 14px;
     width: 125px;
     height: 50px;
     line-height: 50px;
     z-index: 10
 }
 
 .sitemap .second a,
 .sitemap .third a {
     height: 40px;
     line-height: 40px;
     z-index: 5;
     font-size: 10px
 }
 
 .sitemap .first a:before {
     content: "";
     position: absolute;
     border: 1px solid #9e9f9e;
     border-left: none;
     border-bottom: none;
     height: 9px;
     top: -10px;
     left: -100px;
     width: 163px
 }
 
 .sitemap .first li:first-child a:before {
     border-top: none
 }
 
 .sitemap .second,
 .sitemap .third {
     margin-left: 16px;
     padding-top: 20px
 }
 
 .sitemap .second a {
     background: #e3e3e3;
     width: 130px;
     margin-bottom: 10px;
     white-space: nowrap;
     color: #3f3f3f
 }
 
 #timer div,
 .sitemap .third a {
     width: 100px;
     margin-bottom: 10px
 }
 
 .sitemap .second a:before,
 .sitemap .third a:before {
     border: 1px solid #9e9f9e;
     border-right: none;
     border-top: none;
     height: 55px;
     top: -35px;
     left: -8px;
     width: 7px
 }
 
 .sitemap .third a {
     background: #fc0
 }
 
 .sitemap li:hover>a {
     background-color: #7b0015;
     color: #fff
 }
 
 .coming-soon {
     background-image: url(assets/images/coming-soon.jpg);
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     width: 100%;
     top: 0
 }
 
 .coming-soon-left {
     background-color: rgba(235, 0, 40, .95);
     width: 50%;
     top: 0;
     padding: 50px;
     z-index: 1041;
     color: #fff
 }
 
 .coming-soon-logo {
     background-color: #fff;
     display: inline-block;
     padding: 10px;
     border-radius: 3px
 }
 
 .coming-soon-content,
 .coming-soon-count {
     padding-top: 50px
 }
 
 .coming-soon-count h3 {
     font-size: 42px;
     color: #fff;
     font-weight: 700
 }
 
 #timer {
     margin-top: 25px;
     flex-wrap: wrap
 }
 
 #timer div {
     padding: 15px 10px 5px;
     margin-right: 15px;
     border-radius: 3px;
     text-align: center;
     font-size: 42px;
     font-weight: 700;
     text-transform: uppercase;
     background-color: #fff;
     color: #f3d325
 }
 
 #timer div span {
     display: block;
     font-size: 18px;
     margin-top: 10px;
     font-weight: 400
 }
 
 .coming-soon-content p {
     line-height: 20px
 }
 
 .commin-soon-button {
     color: #2f1f00;
     padding: 15px 25px;
     margin-right: 10px;
     margin-bottom: 10px;
     cursor: pointer;
     border: 0;
     font-weight: 600
 }
 
 .commin-soon-button:hover {
     background-color: #650011;
     color: #fff
 }
 
 .coming-soon-social {
     position: absolute;
     left: 50px;
     bottom: 20px
 }
 
 .coming-soon-social a {
     display: inline-block;
     background-color: #9b001a;
     border-radius: 100%;
     line-height: 30px;
     color: #fff
 }
 
 .coming-soon-social a:hover {
     background-color: #fff;
     color: #2f1f00
 }
 
 #comingSoonContact {
     width: 50%;
     height: 100%;
     right: 0;
     top: 0;
     left: inherit
 }
 
 #comingSoonContact .modal-dialog {
     width: 100%;
     background-color: #fff;
     margin: 0;
     max-width: 100%
 }
 
 .modal.right.fade .modal-dialog {
     right: -100%;
     -webkit-transition: opacity .3s linear, right .3s ease-out;
     -moz-transition: opacity .3s linear, right .3s ease-out;
     -o-transition: opacity .3s linear, right .3s ease-out;
     transition: opacity .3s linear, right .3s ease-out
 }
 
 .modal.right.fade.show .modal-dialog {
     right: 0
 }
 
 .coming-soon-contact {
     padding: 20px 30px
 }
 
 .coming-soon-contact h3 {
     color: #fff;
     font-size: 24px
 }
 
 .coming-soon-contact .contact-form {
     margin-right: 0;
     box-shadow: none;
     padding: 20px 0 0
 }
 
 .coming-soon-subscribe .close {
     background-color: #f3d325;
     color: #fff;
     opacity: 1
 }
 
 .coming-soon-contact .close {
     color: #f3d325;
     opacity: 1;
     position: absolute;
     right: 0;
     top: 0
 }
 
 #comingSoonSubscribe {
     width: 100%;
     background-color: rgba(0, 0, 0, .6)
 }
 
 #comingSoonSubscribe .modal-dialog {
     width: 100%;
     background-color: #fff;
     padding: 30px;
     border-radius: 5px
 }
 
 .coming-soon-form .wshipping-button {
     margin-top: 10px;
     padding: 6px 15px
 }
 
 .transparant-header {
     background-color: rgba(0, 0, 0, .55)
 }
 
 .transparant-header .header-top-area {
     background-color: rgba(36, 36, 36, .4)
 }
 
 .transparant-header .mainmenu>ul>li.nav-active>a,
 .transparant-header .mainmenu>ul>li:hover>a {
     background: 0 0;
     color: #f3d325
 }
 
 .transparant-bg .slider-overlay::before {
     background-color: rgba(0, 0, 0, .5)
 }
 
 .transparant-bg .single-slide-item {
     height: 520px
 }
 
 .video-wrapper {
     width: 100%;
     background: #000;
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: -99
 }
 
 .video-wrapper:before {
     content: "";
     display: block;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, .9);
     position: absolute;
     left: 0;
     top: 0;
     z-index: 2
 }
 
 .mobile-styles {
     display: contents
 }
 
 .floating_btn {
     position: fixed;
     bottom: 30px;
     left: 25px;
     width: 100px;
     height: 100px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     z-index: 1000
 }
 
 @keyframes pulsing {
     to {
         box-shadow: 0 0 0 30px rgba(232, 76, 61, 0)
     }
 }
 
 .contact_icon {
     background-color: #42db87;
     color: #fff;
     width: 60px;
     height: 60px;
     font-size: 40px;
     border-radius: 50px;
     text-align: center;
     box-shadow: 2px 2px 3px #999;
     display: flex;
     align-items: center;
     justify-content: center;
     transform: translatey(0);
     animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
     box-shadow: 0 0 0 0 #42db87;
     -webkit-animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
     -moz-animation: 1.25s cubic-bezier(.66, 0, 0, 1) infinite pulsing;
     -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
     font-weight: 400;
     font-family: sans-serif;
     text-decoration: none!important;
     transition: .3s ease-in-out
 }
 
 /*start of contact info and social media*/
        .contact-social-media-container
        {
            height:52px;
            margin:15px 0 ;

        }
        .contact-details-head
        {
            margin:10px 0;
            font-weight:bold;
            color: #0d2033;
        }
        .contact-details-separator
        {
            background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
            border: 0;
            height: 1px;
            margin: 22px 0;
        }
        .contact-social-media-icon
        {
            display: inline-block;
            float: left;
            margin-right:20px;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            text-align: center;
            background: #fff;
            line-height:50px;
            transition:all .2s ease-in-out ;
            text-decoration: none;
            color: #fff;
            position: relative;
            overflow: hidden;
        }
        .contact-social-media-icon:hover {
            color: #fff;
        }
        .contact-social-media-icon:hover .fa {
            animation: mediaMove .6s linear 0s 1 normal forwards running ;
        }
        @keyframes mediaMove {
            from {
                bottom:100%;

            }
            to  {
                bottom:16%;
                transform: scale(1.1);
            }
        }
        .contact-social-media-icon .fa
        {
            font-size:30px;
            margin-top:10px;
            margin-right:3px;
            position: absolute;
            left:11px;
        }
        /*facebook*/
        .contact-social-media-icon .fa-facebook {
            left:15px !important
        }
        .contact-social-media-icon.fb{
            background: #607AB2;
        }
        /*twitter */
        .contact-social-media-icon.tw
        {
            background: #6ABFE8;
        }
        /*youtube*/
        .contact-social-media-icon.yt
        {
            background: #D6464B;
        }
        /*instagram*/
        .contact-social-media-icon.ins
        {
            background: linear-gradient(purple,red, yellow);
            margin-right: 0;
        }
        
        /*start of contact info and social media*/
        .contact-social-media-container
        {
            height:52px;
            margin:15px 0 ;

        }
        .contact-details-head
        {
            margin:10px 0;
            font-weight:bold;
            color: #0d2033;
        }
        .contact-details-separator
        {
            background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
            border: 0;
            height: 1px;
            margin: 22px 0;
        }
        .contact-social-media-icon
        {
            display: inline-block;
            float: left;
            margin-right:20px;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            text-align: center;
            background: #fff;
            line-height:50px;
            transition:all .2s ease-in-out ;
            text-decoration: none;
            color: #fff;
            position: relative;
            overflow: hidden;
        }
        .contact-social-media-icon:hover {
            color: #fff;
        }
        .contact-social-media-icon:hover .fa {
            animation: mediaMove .6s linear 0s 1 normal forwards running ;
        }
        @keyframes mediaMove {
            from {
                bottom:100%;

            }
            to  {
                bottom:16%;
                transform: scale(1.1);
            }
        }
        .contact-social-media-icon .fa
        {
            font-size:30px;
            margin-top:10px;
            margin-right:3px;
            position: absolute;
            left:11px;
        }
        /*facebook*/
        .contact-social-media-icon .fa-facebook {
            left:15px !important
        }
        .contact-social-media-icon.fb{
            background: #607AB2;
        }
        /*twitter */
        .contact-social-media-icon.tw
        {
            background: #6ABFE8;
        }
        /*youtube*/
        .contact-social-media-icon.yt
        {
            background: #D6464B;
        }
        /*instagram*/
        .contact-social-media-icon.ins
        {
            background: linear-gradient(purple,red, yellow);
            margin-right: 0;
        }