/*
Theme Name: Oshin Child
Description: Oshin Child Theme
Author: Brand Exponents
Template: oshin
Version: 1.0
*/

@import url("../oshin/style.css");

.gradient-title {
background: rgb(60,37,97);
background: linear-gradient(-109deg, rgba(60,37,97,1) 0%, rgba(53,72,151,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

h1,h2,h3,h4,h5,h6  {color: #494444 !important;}


/*LOGO*/
.logo {
    max-width: 350px;
}

#be-sidemenu-content img {max-width: 250px;}

@media screen and (max-width:768px){
    .style7 .be-wrap .logo,
    .style7 .be-wrap #header-controls-left {
        margin-left: 0px !important;
        margin-top: 6px;
    }
    .style7 .logo {
        max-width: 60%;
        margin-top: 3px !important;
        margin-right: 20px !important;
    }
}

/*HEADER*/
@media screen and (min-width:769px){
    body.header-transparent #header-inner-wrap #header-controls-right {line-height: 130px !important;}}
@media screen and (max-width:768px){
    body.header-transparent #header-inner-wrap #header-controls-right {line-height: 77px !important;}
    .be-mobile-menu-text {font-size: 10px;}
    
}

.be-mobile-menu-text {margin-right: 10px;}

/*CONTATTI*/
.gradient-contact-icons .tatsu-icon {
background: rgb(60,37,97);
background: linear-gradient(-109deg, rgba(60,37,97,1) 0%, rgba(53,72,151,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.gradient-contact-icons a {color:#37383a;}

.gradient-contact-icons .tatsu-icon:before {font-size: 35px;}
.gradient-contact-icons .tatsu-list-inner {font-size: 22px;}

@media screen and (max-width: 768px){
    .gradient-contact-icons .tatsu-list-inner {font-size: 21px;}
}

.gradient-contact-icons .tatsu-list-content {
    margin: 0 0 45px 0px !important;
}

/*CONTACT FORM*/
.contact-form-box p {margin-bottom: 5px;}
.acceptance-row {
    font-size: 13px !important;
    line-height: 20px !important;
    margin-bottom: 15px;
    margin-top: 20px;
}

.wpcf7-select {
    color: #37383a;
    font-size: 15px;
    padding: 7px !important;
    font-family: 'Roboto';
    font-weight: 400;
    height: 41px;
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0px;
}

input[type="text"], textarea {color: #37383a !important;}

.accettazione {display: inline-block !important;}

.wpcf7 input[type="file"] {width: 360px;}

input[type="submit"], input[type="file"]::-webkit-file-upload-button {
    background: linear-gradient(-109deg, rgba(60,37,97,1) 0%, rgba(53,72,151,1) 100%);
    border-radius: 5px;
    min-width: 200px;
    font-family: 'Roboto';
}

input[type="text"], input[type="email"], input[type="password"], textarea, select {
    border: 1px solid #37383a !important;
}

@media screen and (min-width:769px){
.contact-two-rows {
    width: 48%;
    float: left;
    margin: 1%;
    }
.contact-two-rows textarea {
    height: 118px;
}
}

/*FOOTER*/
#bottom-widgets p, #bottom-widgets a, #bottom-widgets h6 {color: #fff;}
#bottom-widgets a:hover {color: #6B6363 !important;}
#bottom-widgets h6 {color: #fff !important;}

#bottom-widgets .center-footer {color: #fff;}

/*
@media screen and (min-width: 769px){
#bottom-widgets .one-third:nth-child(3) {text-align: right;}
.center-footer {text-align: center; color: #fff;}
}

@media screen and (max-width: 768px){
#bottom-widgets .one-third:nth-child(3) {text-align: center;}
#bottom-widgets .one-third:nth-child(1) {text-align: center;}
.center-footer {text-align: center; color: #fff;}
}


/*SLIDER SERVIZI*/
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {
    background-color: transparent;
    border: none;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol {
    left: 0px !important;
    margin-top: -18px !important;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
    left: 0px !important;
    margin-top: -18px !important;
}

.ms-tabs .ms-tab-context {
    color: #fff;
    text-shadow: none;
    font-family: 'Roboto';
}

@media screen and (min-width: 769px){
    .ms-dir-v {left: 70px !important;}
    .ms-tabs .ms-tab-context {font-size: 28px;}
    .ms-skin-light-5 .ms-nav-next {left: 125px !important;}
    .ms-skin-light-5 .ms-nav-prev {left: 90px !important;}
    .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {left: 0px !important; margin-top: -18px !important;}
}

@media screen and (max-width: 768px){
    .ms-dir-v {left: 10px !important;}
    .ms-tabs .ms-tab-context {font-size: 18px;}
    .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {height: 66px !important;}
    .ms-skin-light-5 .ms-nav-next {left: 75px !important;}
    .ms-skin-light-5 .ms-nav-prev {left: 30px !important;}
    .ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {left: 0px !important; margin-top: -12px !important;}
    .ms-thumb-list {max-width: 180px;}
    .ms-thumbs-cont {transform: translateY(0px) !important;}

}

@media screen and (max-width: 1080px){
        #service-text-1, #service-text-2, #service-text-3, #service-text-4, #service-text-5, #service-text-6, #service-text-7 {max-width: 92%;}
}


@media screen and (min-width:769px){
.ms-tabs .ms-thumb-frame-selected {
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    transform-origin: left;
    -webkit-transition: transform 2s ease-in-out;
}
}

@media screen and (max-width:768px){
.ms-tabs .ms-thumb-frame-selected {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transform-origin: left;
    -webkit-transition: transform 2s ease-in-out;
}
    
    .custom-slider-title {display: none;}  
    .custom-slider-caption {
    bottom: 100px !important;
    top:auto;
    right: 20px !important;
    font-size: 15px !impoortant;
    }
    
     .custom-slider-caption p {
        font-size: 15px;
    }
    
    .ms-btn-container {
        bottom: 40px !important;
        right: 20px !important;
    }
    
    .ms-btn-container a {
    font-size: 15px !important;
    width: 113px !important;
    padding: 6px 20px !important;
    }
    
}

.ms-hover-active {opacity;}
.custom-slider-title {font-weight: 800 !important; font-size: 50px !important;}

.ms-nav-next, .ms-nav-prev {border-radius: 5px;}

.ms-default-btn {
    border-radius: 5px !important;
}

.ms-thumbs-cont {margin-top: 20px; transform: translateY(0px) translateZ(0px) !important;}
.ms-tabs.ms-dir-v .ms-thumb-frame {
    margin-bottom: -22px !important;
}

.ms-default-btn {background-color: #fff !important; color: #37383a !important; font-weight: 500 !important;}
.ms-default-btn:hover {background-color: #ddd !important;}



/*GRADIENT BUTTONS*/
.custom-gradient-button {
    background: linear-gradient(-109deg, rgba(60,37,97,1) 0%, rgba(53,72,151,1) 100%);
    border: 0px solid #000;
    border-radius: 5px;
}

.custom-gradient-button a {
    border: 0px solid #000 !important;
    border-radius: 5px;
}

/*MAIN SLIDER*/
@media screen and (max-width: 768px){
.slider-main-text span, .slider-main-text h1 {
    font-size: 44px !important;
    line-height: 54px !important;
    }
}

/*LAVORA CON NOI*/
.custom-accordion .accordion-head {
    background: linear-gradient( 
-109deg, rgba(60,37,97,1) 0%, rgba(53,72,151,1) 100%) !important;
    border-radius: 5px !important;
    color: #fff !important;
    padding: 16px;
}

/*SERVIZI POPUP*/
#bg-servizio-0, #hide-button-0, #service-text-0,
#bg-servizio-1, #hide-button-1, #service-text-1,
#bg-servizio-2, #hide-button-2, #service-text-2,
#bg-servizio-3, #hide-button-3, #service-text-3,
#bg-servizio-4, #hide-button-4, #service-text-4,
#bg-servizio-5, #hide-button-5, #service-text-5,
#bg-servizio-6, #hide-button-6, #service-text-6,
#bg-servizio-7, #hide-button-7, #service-text-7 {
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}


#show-button-0, #show-button-1, #show-button-2, #show-button-3, #show-button-4, #show-button-5, #show-button-6, #show-button-7 {
    visibility: visible;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

#slide-text-excerpt-0, #slide-text-title-0, 
#slide-text-excerpt-1, #slide-text-title-1, 
#slide-text-excerpt-2, #slide-text-title-2, 
#slide-text-excerpt-3, #slide-text-title-3, 
#slide-text-excerpt-4, #slide-text-title-4, 
#slide-text-excerpt-5, #slide-text-title-5, 
#slide-text-excerpt-6, #slide-text-title-6, 
#slide-text-excerpt-7, #slide-text-title-7 {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.ms-thumb-list, .ms-nav-next, .ms-nav-prev {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.gradient-contact-icons .tatsu-list-inner {
    font-size: 16px;
	font-weight: 600;
}

.gradient-contact-icons .tatsu-list-content {
    margin: 0 0 27px 0px !important;
}

.gradient-contact-icons .tatsu-icon:before {
    font-size: 28px;
}

input[type="text"], input[type="email"], input[type="password"], textarea, select {
    border: 1px solid #e1e1e1 !important;
    background: #f6f6f6 !important;
}

textarea {
    height: 100px;
}

body.perspective-left.perspectiveview, body.perspective-right.perspectiveview {
    background-color: rgb(15 11 18) !important;
}

#bottom-widgets {
    background-color: rgb(15 11 18) !important;
}

.tatsu-fof74fh90s2ybd9p .tatsu-button {
    background: linear-gradient(-109deg, rgba(60,37,97,1) 0%, rgba(53,72,151,1) 100%);
}

.tatsu-fof74fh90s2ybd9p .tatsu-button:hover {
    background: #ffffff !important;
    color: #000000 !important;
}

.wpcf7 .wpcf7-submit {
    border-radius: 50px !important;
}

.navigation-grid:hover, .navigation-previous::after, .navigation-next::after {
    background: linear-gradient(-109deg, rgba(60,37,97,1) 0%, rgba(53,72,151,1) 100%) !important;
}

#mobile-menu, #mobile-menu ul {
    background: linear-gradient(-109deg, rgba(60,37,97,1) 0%, rgba(53,72,151,1) 100%) !important;
}

ul#mobile-menu a, ul#mobile-menu li.mega ul.sub-menu li.highlight>:first-child {
    color: #ffffff !important;
}