/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

header#top ul.sf-menu.sf-js-enabled.sf-arrows .current-menu-item ul.sub-menu.tracked-pos span.menu-title-text::before {
    display: none;
}

.woocommerce #sidebar {
    background: #cccccc26;
    padding: 10px 15px;
    border-radius: 12px;
}
.woocommerce #sidebar form.woocommerce-product-search button {
    font-size: 14px;
    line-height: 20px;
    padding: 0 20px !important;!I;!;
    border-radius: 5px !important;!I;!;
}
.woocommerce #sidebar h4 {
    font-size: 22px !important;!i;!;
    line-height: 30px !important;!i;!;
    opacity: 1;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.woocommerce #sidebar h4::before {
    content: '';
    height: 4px;
    width: 50px;
    background: #000;
    position: absolute;
    bottom: 0;
    border-radius: 50px;
}

.woocommerce #sidebar ul.product-categories li a {
    font-size: 14px;
    line-height: 24px;
    border-bottom: 1px solid;
}
header#top .row {
    box-shadow: 0px 0px 17px #00000024;
    border-radius: 90px;
    margin-top: 12px;
    padding: 0 20px;
}

header#top .bttn  span.menu-title-text {
    background: #386297;
    padding: 10px 40px 10px 20px;
    border-radius: 40px;
    color: #fff;
    position: relative;
    font-weight: 700;
}

header#top .bttn span.menu-title-text::before {
    content: "\f061";
    position: absolute;
    right: 18px;
    font-family: fontawesome;
    transform: rotate(-50deg);
}

header#top  span.menu-title-text {
    font-family: "gil";
}

header#top a#logo img {
    border-radius: 90px;
}

header#top ul.sf-menu.sf-js-enabled.sf-arrows .current-menu-item {
    position: relative;
}

header#top ul.sf-menu.sf-js-enabled.sf-arrows .current-menu-item span.menu-title-text::before {
    content: '';
    height: 7px;
    width: 7px;
    border-radius: 110px;
    background: #192841;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -10px;
}

html body h1 {
    font-family: 'gil';
    font-weight: 700;
}
.single-product .summary.entry-summary .woocommerce-product-details__short-description h3 {
    font-size: 30px;
    line-height: 40px;
    font-family: 'gil';
    font-weight: 700;
    margin-bottom: 20px;
}

.single-product .summary.entry-summary .woocommerce-product-details__short-description p a {font-size: 20px;line-height: 30px;font-weight: 800;border: 1px solid #38629736;padding: 4px 40px;box-shadow: 0px 0px 10px #cccccc59;border-radius: 6px;
}

.single-product .summary.entry-summary .woocommerce-product-details__short-description p {
    padding-bottom: 50px;
}
#baner_main h1 {
    color: #386297;
}

#baner_main a#btn1 {
    border-radius: 30px 30px 30px 5px !important;
    font-weight: 700;
    font-family: gil;
    font-size: 16px;
    margin-right: 19px;
    transition: .9s;
}

#baner_main a#btn2 {border-radius: 30px 30px 30px 5px !important;font-weight: 700;font-family: gil;font-size: 16px;margin-right: 10px;background: transparent !important;border: 1px solid #FC0006;color: #FC0006;transition: .9s;}

#baner_main a#btn2:hover {
    border-radius: 10px !important;
    background: #386297 !important;
    color: #fff;
}

#baner_main a#btn1:hover {
    background: #FC0006 !important;
    border-radius: 10px !important;
}

#baner_main .rytt .vc_column-inner::before {
    content: '';
    height: 41px;
    width: 41px;
    background: #FFB300;
    border-radius: 60px;
    position: absolute;
    top: 10%;
    z-index: 99;
    animation: SmallBig 3s linear infinite;
}

#baner_main .rytt .vc_column-inner::after {
    content: '';
    height: 16px;
    width: 16px;
    background: #F3582B;
    border-radius: 60px;
    position: absolute;
    bottom: 50px;
    z-index: 99;
    right: 10px;
    animation: SmallBig 3s linear infinite;
}

#baner_iner {
    position: relative;
}

#baner_iner::before {
    content: '';
    height: 31px;
    width: 31px;
    background: #7B53FF;
    border-radius: 60px;
    position: absolute;
    bottom: 0;
    animation: SmallBig 3s linear infinite;
}

#baner_iner::after {
    content: '';
    height: 11px;
    width: 11px;
    background: #F3582B;
    border-radius: 60px;
    position: absolute;
    top: 10%;
    z-index: 99;
    left: -30px;
    animation: SmallBig 3s linear infinite;
}

#what_sec h4 {
    font-size: 16px;
    line-height: 26px;
    background: #38629738;
    display: table;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 4px 20px;
    border-radius: 50px;
    color: #386297;
    font-family: gil;
    font-weight: 600;
    letter-spacing: 1px;
}

#what_sec .tt h2 {
    color: #1A2B41;
}

html body h2 {
    font-family: 'gil';
    font-weight: 800;
}

#what_sec #wtf_caro {
    margin: 0;
}

#what_sec #wtf_caro .img-with-aniamtion-wrap {
    width: 10%;
}

#wtf_caro .img-with-aniamtion-wrap img {
    animation: MoveUpDown 3s linear infinite;
}

#what_sec .carousel-item {
    padding: 20px 20px;
    background: #F6F6F8;
    margin: 0 10px;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    transition: .9s;
}

#what_sec .carousel-item h3 {
    font-family: 'gil';
    font-size: 23px;
    line-height: 33px;
    font-weight: 500;
}

html body p {
    font-family: 'gil';
}

#what_sec .vc_col-sm-12 .vc_column-inner {
    background: #F1F2F4;
    padding: 40px 0px;
    border-radius: 25px;

}


#what_sec #wtf_caro .vc_col-sm-12 .vc_column-inner {
    background: transparent;
    padding: initial;
    margin: inherit;
    border-radius: unset;
}
#what_sec .carousel-item:hover {border-color: #fff;background: #fff;}

#what_sec .carousel-item a#bttn {
    font-family: 'gil';
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: .9s;
}

#what_sec .carousel-item a#bttn i.icon-button-arrow {
    background: transparent;
    transform: translateY(-50%) translateX(-6px);
    font-weight: 600;
}

#what_sec {
    position: relative;
}

#what_sec::before {
    content: '';
    height: 41px;
    width: 41px;
    background: #192841;
    border-radius: 60px;
    position: absolute;
    top: 40px;
    z-index: 99;
    right: 40px;
    animation: SmallBig 3s linear infinite;
}

#brnd_main .owl-stage {
    display: inline;
}

#brnd_main .carousel-item {padding: 40px 10px;border: 1px solid #ccc;background: #fff;transition: .9s;}

#brnd_main img {
    height: 80px;
    object-fit: contain;
    width: 100%;
}

#brnd_main .owl-dots {
    display: none;
}

#brnd_main::before {
    content: '';
    height: 16px;
    width: 16px;
    background: #F65529;
    border-radius: 60px;
    position: absolute;
    bottom: 40px;
    z-index: -1;
    left: 30px;
}

#abt_main .im_1 {width: 73%;border: 10px solid #fff;border-radius: 40px;transition: .9s;}

#abt_main .im_2 {
    border-radius: 50px;
    width: 70%;
    margin-top: -37%;
    z-index: -1;
    float: right;
    transition: .9s;
}

#testi_main {
    background: #F1F2F4;
    border-radius: 30px;
    margin-top: -170px;
    z-index: 999;
}

#abt_iner {
    margin: 0;
}

#abt_main .aro {
    display: table;
    margin-top: -190px;
    margin-left: 210px;
    width: 30%;
    animation: MoveUpDown 3s linear infinite;
}

#abt_main a#btn1 {
    background: #386297;
    padding: 13px 40px 13px 20px;
    border-radius: 30px 30px 30px 5px !important;
    color: #fff;
    position: relative;
    font-weight: 700;
    font-size: 15px;
    transition: .9s;
}

#abt_main a#btn1::before {
    content: "\f061";
    position: absolute;
    right: 18px;
    font-family: fontawesome;
    transform: rotate(-50deg);
}

#abt_main a#btn1:hover {
    border-radius: unset !important;
    background: #FFB300 !important;
}

#abt_main .im_1:hover {transform: translateY(50px);}

#abt_main .vc_col-sm-6:nth-child(2) .vc_column-inner::before {
    content: '';
    height: 41px;
    width: 41px;
    background: #FFB300;
    border-radius: 60px;
    position: absolute;
    bottom: 4%;
    z-index: 99;
    left: 60px;
    animation: MoveUpDown 3s linear infinite;
}

#testi_main .owl-stage-outer {
    overflow: visible;
}

#testi_main .carousel-item {
    background: #fff;
    padding: 30px 50px;
    border-radius: 30px 30px 30px 5px !important;
    box-shadow: 0px 0px 9px #cccccc47;
    margin: 0 25px;
    transition: ease .9s;
}

#testi_main  .tet_tt  h2 img {
    margin: 0;
    animation: SmallBig 3s linear infinite;
    margin-bottom: -16px;
}

#testi_main  .tet_tt  h2 {
    color: #0B0D39;
}

#testi_main .tet_tt h4 {
    font-size: 16px;
    line-height: 26px;
    background: #38629738;
    display: table;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 4px 15px;
    border-radius: 50px;
    color: #386297;
    font-family: gil;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#testi_main .iwithtext img {
    margin: 0;
    width: 90%;
}

#testi_main .iwt-text {
    padding-left: 90px;
    padding-top: 5px;
}

#testi_main .iwt-text h6 {
    margin: 0;
    font-family: gil;
    font-weight: 700;
    font-size: 17px;
    line-height: 27px;
}

#testi_main .iwt-text p {
    font-size: 14px;
}

#testi_main .carousel-item:hover {
    transform: scale(1.1);
}

#testi_main button.owl-next:hover:before {
    background: #386297;
    transition: .9s;
    color: #fff;
}
#testi_main button.owl-prev:hover:before {
    background: #386297;
    transition: .9s;
    color: #fff;
}
#testi_main button.owl-prev:before {
    content: "\f060";
    font-family: 'FontAwesome';
    font-size: 18px;
    box-shadow: unset !important;
    padding: 18px 20px;
    background: #fff;
    border-radius: 60px;
    color: #000;
}
#testi_main button.owl-prev {
    background: transparent;
    font-size: 0;
    border: 0px;
    margin: 0;
}

#testi_main button.owl-next:before {
    content: "\f061";
    font-family: 'FontAwesome';
    font-size: 18px;
    box-shadow: unset !important;
    padding: 18px 20px;
    background: #fff;
    border-radius: 60px;
    color: #000;
}
#testi_main button.owl-next {
    background: transparent;
    border: 0px;
    margin: 0;
}
#testi_main .owl-carousel .owl-nav.disabled {
    display: block !important;
    margin-top: 30px;
}
#testi_main .owl-dots {
    display: none;
}

 li.classic .product-wrap {
    padding: 30px;
    background: #FAFAFA;
    border-radius: 10px;
}

li.classic h2.woocommerce-loop-product__title {font-family: 'gil' !important;font-weight: 600 !important;}

#foter_main .row-bg.viewport-desktop {width: 75%;left: 0;right: 0;margin: 0 auto;border-radius: 40px;}

#foter_main .img-with-aniamtion-wrap {
    margin-top: -50px;
}

a#btn1 {
    padding: 15px 33px;
    border-radius: 30px 30px 30px 5px !important;
    color: #fff;
    position: relative;
    font-weight: 700;
    font-size: 15px;
    transition: .9s;
}

a#btn1:hover {
    background: #FC0006 !important;
    border-radius: unset !important;
}

#foter_main .row-bg.viewport-desktop:before {
    content: '';
    height: 31px;
    width: 31px;
    background: #7EC68F;
    border-radius: 60px;
    position: absolute;
    bottom: 90px;
    z-index: 99;
    right: -10px;
}

#foter_main::before {
    content: '';
    height: 21px;
    width: 21px;
    background: #F65529;
    border-radius: 60px;
    position: absolute;
    bottom: 10px;
    right: 230px;
    left: 0;
    margin: 0 auto;
    z-index: 9999;
}
#footer-outer #footer-widgets .menu-quick-links-container ul {
    column-count: 3;
}

#footer-outer #footer-widgets .menu-quick-links-container ul li a {
    font-family: 'gil';
}

#footer-outer #footer-widgets .socliy li {
    display: inline-block;
}

#footer-outer #footer-widgets .socliy li.tt {
    margin-right: 20px;
}

#footer-outer #footer-widgets .socliy li {
    font-family: 'gil';
}

#footer-outer #footer-widgets .socliy li i {
    margin-right: 10px;
    border: 1px solid #ccc;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 120px;
}

#footer-outer #footer-widgets #text-2 a {
    font-family: 'gil';
    font-size: 40px;
    line-height: 50px;
    font-weight: 500;
}

#footer-outer #footer-widgets #text-2 h4 {
    font-size: 15px !important;
    line-height: 25px !important;
    background: #0b0d393b;
    margin-bottom: 20px;
    padding: 4px 15px;
    border-radius: 50px;
    color: #0B0D39 !important;
    font-family: gil;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase !important;
    display: table;
    opacity: 1 !important;
}

#footer-outer #footer-widgets .widget h4 {
    font-size: 18px !important;
    line-height: 28px !important;
    text-transform: uppercase !important;
    font-family: 'gil';
    color: #0b0d3945 !important;
}

#footer-outer #footer-widgets .menu-quick-links-container .current-menu-item a {
    font-weight: 700;
    padding-left: 20px !important;
    position: relative;
}

#footer-outer #footer-widgets .menu-quick-links-container .current-menu-item a::before {
    content: '';
    height: 10px;
    width: 10px;
    background: #356DFF;
    position: absolute;
    left: 0;
    border-radius: 50px;
    top: 9px;
}

#footer-outer #footer-widgets .row {
    border-bottom: 1px solid #DBDBE6;
    padding-bottom: 30px;
}
#copyright {
    padding: 13px 0 !important;
}
#foter-iner img {
    animation: shake 0.9s;
    animation-iteration-count: infinite;
}
@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-5px); }
    50% { transform: translateX(5px); }
    75% { transform: translateX(-5px); }
    100% { transform: translateX(0); }
}

@keyframes SmallBig {
  0%, 100% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
}


@keyframes MoveUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

@media (max-width: 1600px) {
	#foter_main .row-bg.viewport-desktop {
    width: 85%;
}
}
@media (max-width: 1440px) {
	#foter_main .row-bg.viewport-desktop {
    width: 95%;
}
}
@media (max-width: 1366px) {}
@media (max-width: 1340px) {}
@media (max-width: 1320px) {}
@media (max-width: 1280px) {
	#foter_main .row-bg.viewport-desktop {
    width: 92%;
}
}
@media (max-width: 1024px) {}
@media (max-width: 840px) {
	#footer-outer #footer-widgets .menu-quick-links-container ul {
    column-count: 2;
}
	#footer-outer #footer-widgets .row {
    padding-bottom: 0px;
}
	#footer-outer #footer-widgets #text-2 a {
    font-size: 27px;
    line-height: 37px;
}
	#foter_main::before {
    margin-left: 0;
    right: 0;
}
	#pro_main {
    padding-bottom: 0 !important;
}
	#foter_main {
    text-align: center;
    padding: 30px 0 0 !important;
}
	#foter_main .img-with-aniamtion-wrap {
    width: 50%;
    margin: 0 auto;
}
	#pro_main {
    padding: 10px 0 40px !important;
}
	#abt_main .aro {
    margin-top: -140px;
    margin-left: 90px;
    width: 34%;
}
	#abt_main {
    padding-bottom: 10px !important;
}
	#testi_main {
    margin-top: 0;
}
	#abt_main .im_2 {
    width: 50%;
    margin-top: -32%;
}
	#abt_iner {
    text-align: center;
}
	#brnd_main .owl-stage {
    display: block;
}
	#brnd_main {
    padding: 10px 0 10px !important;
}
	#what_sec #wtf_caro .img-with-aniamtion-wrap {
    width: 10%;
    margin: 0 auto;
}
	#what_sec .carousel-item {
    text-align: center;
    padding: 30px 70px;
}
	#baner_main img {
    width: 40%;
}
#baner_main {
    padding: 0 0 0 !important;
    text-align: center;
}
	#header-outer .row .col.span_9 {
    margin-right: 30px;
}
}
@media (max-width: 768px) {}
@media (max-width: 525px) {
	.single-product div.product h1.product_title {
    font-size: 30px;
    line-height: 40px;
}
	.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 20px !important;
    line-height: 30px !important;
}
	#brnd_main .carousel-item {
    margin: 0 10px;
    border-radius: 10px;
}
	    #what_sec .carousel-item {
        padding: 30px 30px;
    }
	    #what_sec #wtf_caro .img-with-aniamtion-wrap {
        width: 15%;
    }
	html body h2 {
    font-size: 30px !important;
    line-height: 36px !important;
}
	    #baner_main img {
        width: 75%;
    }
	#baner_iner::after {
    left: 0;
    top: 0;
}
	#baner_main h1 {
    font-size: 32px;
    line-height: 38px;
}
}
@media (max-width: 430px) {}
@media (max-width: 375px) {}
@media (max-width: 360px) {}