/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/



h1 {font-size: 64px; line-height: 64px}
h2 {font-size: 36px; line-height: 36px; margin: 40px 0px}
.mb0 h2 {margin-bottom: 10px}
h1 span, h2 span, h3 span, h4 span {color: #d64942}
h3 {font-size: 24px; line-height: 26px;margin: 20px 0px}
h4 {font-size: 36px; line-height: 36px;margin: 20px 0px}

p {font-size: 16px; line-height: 24px}
p span, li strong {color: #d64942; font-weight: bold}
a.lead, p.lead {font-size: 36px;line-height: 42px}
a.lead2, p.lead2 {font-size: 24px;line-height: 32px}

li::marker {color: #d64942;}

.omino img {width: 164px !important}
.aeroplanino img {width: 393px !important}
.drone  {margin-left: -50px;}
.drone img {width: 494px !important}
.loghetti p{font-size: 24px}
.loghetti img{width: auto !important}
.zeppelin img {width: 468px !important}
.pointer {pointer-events: none;}

.rounded img {border-radius: 3%; }

.logo a {pointer-events: none}

.privacy-policy .header-button {display: none}


.box-rosso {border-radius: 20px; background-color: #d64942}

.btn-bianco {border-color:  #fff ; border-radius: 20px; background-color: #d64942}
.btn-bianco:hover {border-color:  #fff !important; border-radius: 20px; background-color: #fff !important; color: #d64942}
.btn-bianco:hover .icon-angle-right::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/arrow-right-red.png') ;width: 18px; height: 16px;background-size: 18px 16px; display: inline-block;transition: transform .3s ease-in-out;}

.button {font-size: 14px !important;text-transform: none;}
.button:hover {background-color: #F27973;box-shadow: inset 0 0 0 0px rgba(0,0,0,0);}
  
  
.button .icon-angle-right::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/arrow-right.png') ;width: 18px; height: 16px;background-size: 18px 16px; display: inline-block;transition: transform .3s ease-in-out;}

.button:hover .icon-angle-right::before {transform: rotate(-45deg); }


.header-main {border-bottom: 1px solid #d64942}
.stuck .has-sticky-logo {background:#d64942}

.stuck .button .icon-angle-right::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/arrow-right-red.png') ;width: 18px; height: 16px;background-size: 18px 16px; display: inline-block;transition: transform .3s ease-in-out;}
.stuck .button {background:#fff; color:#d64942}

.stuck .button {background:#fff; color:#d64942}


.testimonial button::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/acc-closed.png') ;width: 36px; height: 36px;background-size: 36px 36px; display: inline-block;transition: transform .3s ease-in-out;}

.testimonial button:hover::before {background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/acc-hover.png')}
.testimonial .previous::before {transform: rotate(180deg);}
.testimonial .next::before {transform: rotate(0deg);}
.testimonial .flickity-button-icon {display: none}

.testimonial h4 {color:#d64942; font-size: 18px; margin: 9px 0px -5px 0px}
.testimonial p {font-size: 16px}
.testimonial strong {color:#999ead; font-weight: normal; margin-bottom: 10px}

.testimonial .col-inner {background: #fff;margin-top: 10px; border-radius: 10px;padding: 5px 10px 20px 10px; box-shadow: 0px 0px 10px #dedede;min-height: 190px}

.testimonial .slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button { opacity: 1;}


.agile .toggle {right: 0 !important; left: auto; top: 1.5em;}
.agile .toggle .icon-angle-down::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/acc-closed.png') ;width: 36px; height: 36px;background-size: 36px 36px; display: inline-block;transition: transform .3s ease-in-out;}
.agile .toggle:hover .icon-angle-down::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/acc-hover.png') ;width: 36px; height: 36px;background-size: 36px 36px; display: inline-block;transition: transform .3s ease-in-out;}
.agile .active .toggle .icon-angle-down::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/acc-open.png') ;width: 36px; height: 36px;background-size: 36px 36px; display: inline-block;transition: transform .3s ease-in-out;}

.agile .active .toggle {transform: rotate(90deg);}
.agile .accordion-title {padding: .6em 2em; border-top: 1px solid #dadada;font-size:20px;font-weight: 700; }
.agile .accordion-item:first-child .accordion-title {border-top: none; }
.agile .accordion-title.active {background-color: rgba(0,0,0,.0);}
.agile .accordion-title.active h3 {color:#000 !important }
.agile .accordion-title.active span {color:#000 !important }

.agile  .accordion-inner {padding: 0em 2.3em;}
.agile .accordion-inner p{ padding-bottom: 30px}

.agile  h3::before {width: 69px; height: 68px;background-size: 69px 68px; display: inline-block;margin: 0px 30px 0px -10px;
  vertical-align: middle;}
  
  .agile  span::before {width: 69px; height: 68px;background-size: 69px 68px; display: inline-block;margin: 0px 30px 0px -10px;
 vertical-align: middle;}
  
.agile .agile1 h3::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/agile1.png') ;}  
.agile .agile2 h3::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/agile2.png') ;} 
.agile .agile3 h3::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/agile3.png') ;} 
.agile .agile4 h3::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/agile4.png') ;} 
.agile .agile5 h3::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/agile5.png') ;} 

.agile .agile1 span::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/agile1.png') ;}  
.agile .agile2 span::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/agile2.png') ;} 
.agile .agile3 span::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/agile3.png') ;} 
.agile .agile4 span::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/agile4.png') ;} 
.agile .agile5 span::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/agile5.png') ;} 


.faq .accordion-title {font-size: 100%; font-weight: bold;  padding: 1.6em 2.3em;}
.faq .accordion-title.active {background-color: rgba(0,0,0,.0);border-top: 1px solid #ddd !important;}

.faq .accordion-item:first-child .accordion-title {border-top: none; }


.faq .toggle {right: 0 !important; left: auto; top: 1.4em;}
.faq .toggle .icon-angle-down::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/faq-closed.png') ;width: 36px; height: 36px;background-size: 36px 36px; display: inline-block;transition: transform .3s ease-in-out;}
.faq .toggle:hover .icon-angle-down::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/faq-hover.png') ;width: 36px; height: 36px;background-size: 36px 36px; display: inline-block;transition: transform .3s ease-in-out;}
.faq .active .toggle .icon-angle-down::before {content:"";background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/faq-open.png') ;width: 36px; height: 36px;background-size: 36px 36px; display: inline-block;transition: transform .3s ease-in-out;}


.logo-footer img {width: 176px}
.loghetti-footer img {height: 57px; width: auto}

#footer a{color: #fff; text-decoration: underline; line-height: 2em; font-weight: bold}


/*form*/

.right {width: 50%; float: left; padding: 0px 4px 0px 5px}
.left {width: 50%; float: left; padding: 0px 5px 0px 4px}
.tot {width: 100%; float: left; padding: 0px 4px}
.tot2 {width: 100%; float: left; padding: 20px 4px}

.wpcf7-form input[type="checkbox"], .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form textarea {padding: 18px 15px; border: 2px solid #d64942; box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important; line-height: 1.4em ; font-size: 16px; font-weight: 400; margin-bottom: 0.3em; border-radius: 7px}

.wpcf7-select {
	border: 2px solid #d64942;
	box-shadow: inset 0 0px 0px rgba(0,0,0,0) !important;
	line-height: 1.4em ;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0.3em;
	border-radius: 7px
}

.wpcf7-list-item-label {color: #000; font-weight: 300}
.wpcf7-list-item-label a {color: #000 !important; text-decoration: underline}
.accetto {border: none !important; margin-left: 0px; font-size: 16px !important; color: #000; }
textarea {height: 120px; padding: 10px 15px;}

.wpcf7-form input[type="submit"] {text-transform: none; margin-top: 20px; background-color: #d64942; color: #fff; padding: 0 1em 0 1em ; border: none; border-radius: 7px; width: 100%; background-image: url('/landing/wp-content/themes/flatsome-child/assets/img/arrow-right.png'); background-repeat: no-repeat; background-position: 95%}

.wpcf7-form input[type="submit"]:hover {color: #fff;background-color: #F27973;}

input[type="submit"]:hover {box-shadow: inset 0 0 0 0px rgba(0,0,0,0);}

.wpcf7 form.sent .wpcf7-response-output {color: #000 !important;}
.wpcf7-response-output {color: #000 !important;}

form[data-status="init"] .wpcf7-not-valid-tip {
  display: none;
}



@media only screen and (max-width: 920px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.aeroplanino  {z-index: 999}
.drone  {margin-left: 0px;}

.agile .toggle {top: 2.8em;}
.agile  h3 {font-size: 20px;}

h1 {font-size: 54px; line-height: 54px}
.button {font-size: 14px !important;text-transform: none; width: 100%}

a.lead2, p.lead2 {font-size: 20px;line-height: 28px}



}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


h1 {font-size: 50px; line-height: 50px}

.loghetti img{width: auto !important; margin: 13px 0px}

.button {font-size: 14px !important;text-transform: none; width: 100%}

 .slider-wrapper .flickity-prev-next-button { display: block;}
 .testimonial .flickity-button {bottom: -200px;}
 
/* .button, button { padding: 0 0.8em;}*/

.row-small > .col, .row-small > .flickity-viewport > .flickity-slider > .col { padding: 0 0px 19.6px;}

}

@media screen and (max-width: 849px) {
  .medium-logo-left .flex-left { display: none; }
}