/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 29 2019 | 14:11:18 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* Editor Call to Action */

.vc_general.vc_cta3.vc_cta3-style-custom {
    border-color: #0d9ac500;
    background-color: #0faddd00;
}

.vc_general.vc_cta3 {
    padding: 20px 20px;
}


/* Editor Slider */

.iq-banner-02 .banner-text h1 {
  text-shadow: 4px -3px 20px #2a2a2a;
}

.iq-banner-02 .banner-text p {
  color:#f7f7f7 !important;
  font-size: 25px !important;
}

/* Editor linea separatrice con orari */

.vc_separator.vc_separator_align_center h4 {
color: #1360c4;
}

/* Editor Footer ... */

.iq-footer-box .footer-content h4 {color:#2a2a2a;} 
a {color: #1c1aa1;}

/* Editor I nostri servizi - freccette + box */

.iq-accordion .ad-title:before {
	background: #ed740b;
}

body.black-overly .iq-accordion .ad-title {
    background: transparent;
    color: #2a2a2a;
    border: 1px solid #d3531a3b;
}

/* Editor slider partner */

.vc_images_carousel .vc_carousel-inner {
    text-align: center;
}

/* Edit I nostri punti di forza */

.wpb-js-composer .vc_tta-color-sky.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body, .wpb-js-composer .vc_tta-color-sky.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::after, .wpb-js-composer .vc_tta-color-sky.vc_tta-style-modern .vc_tta-panel .vc_tta-panel-body::before {
    border-color: #ed740b!important;
}

.wpb-js-composer .vc_tta-tabs.vc_tta-has-pagination:not(.vc_tta-tabs-position-bottom) {
	box-shadow: 0 0 0px 3px #ef8b34;
}

.wpb-js-composer .vc_tta-tabs.vc_tta-has-pagination .vc_pagination {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}


/* Editor icone Contatti */

.iq-footer-box .iq-icon i {
  background: #f4f4f400;
}

/* Editor Back to top tasto */

#back-to-top .top {
    z-index: 999;
    position: fixed;
    margin: 0px;
    color: #df6712;
    background: #184de424;
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 999;
    font-size: 26px;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border-radius: 4px;
    transition: all .3s ease-in-out;
  	background-color: #00000038 !important;
  }

/* Edit barra colorata sotto titoli */

.heading-title .title:before {
    background: #1360c4;
}

/* Edit bottoni */

.button {
    color: #fff!important;
	background: #1360c4;
}

/* Edit bordo VIENI A TROVARCI */
.colors-custom hr {
    background: hsl(24, 76%, 59%);
}


/* Edit text-size responsive H1 - banner */

@media (max-width: 384px)
.iq-banner .banner-text h1, .iq-banner-02 .banner-text h1 {
    font-size: 45px !important;
}


@media (max-width: 360px)
.iq-banner .banner-text h1, .iq-banner-02 .banner-text h1 {
    font-size: 35px !important;
}


@media (max-width: 480px)
.iq-banner .banner-text h1, .iq-banner-02 .banner-text h1 {
    font-size: 40px !important;
}

@media (max-width: 640px)
.iq-banner .banner-text h1, .iq-banner-02 .banner-text h1 {
    font-size: 60px !important;
}

@media (max-width: 768px)
.iq-banner .banner-text h1, .iq-banner-02 .banner-text h1 {
    font-size: 70px !important;
}

@media (max-width: 800px)
.iq-banner .banner-text h1, .iq-banner-02 .banner-text h1 {
    font-size: 80px !important;
}

@media (max-width: 1440px)
.iq-banner .banner-text h1, .iq-banner-02 .banner-text h1 {
    font-size: 100px !important;
}


/* Edit sottotitolo banner */

@media (max-width: 360px)
.iq-banner-02 .banner-text p {
	font-size: 13px !important;
}

@media (max-width: 384px)
.iq-banner-02 .banner-text p {
	font-size: 15px !important;
}

@media (max-width: 480px)
.iq-banner-02 .banner-text p {
	font-size: 18px!important;
}


@media (max-width: 640px)
.iq-banner-02 .banner-text p {
	font-size: 25px!important;
}

@media (max-width: 768px)
.iq-banner-02 .banner-text p {
	font-size: 28px !important;
}

@media (max-width: 800px)
.iq-banner-02 .banner-text p {
	font-size: 30px !important;
}

/* Edit h3 */

@media (max-width: 600px)
h3 {
	font-size: 16px !important;
}

@media (max-width: 800px)
h3 {
	font-size:32px !important;
}


/* Edit h4 - orari */


@media (max-width: 384px)
h4 {
	font-size: 15px !important;
}


@media (max-width: 800px)
h4 {
	font-size: 25px !important;
}


/*Edit Titoli H4 title responsive */

@media (max-width: 360px)
.heading-title .title {
	font-size: 20px !important;
	line-height: 25px !important;
}

@media (max-width: 384px)
.heading-title .title {
	font-size: 22px !important;
	line-height: 25px !important;
}

@media (max-width: 640px)
.heading-title .title {
	font-size: 25px !important;
	line-height: 25px !important;
}

@media (max-width: 800px)
.heading-title .title {
	font-size: 40px !important;
	line-height: 40px !important;
}


@media (max-width: 1440px)
.heading-title .title {
	font-size: 45px !important;
	line-height: 45px !important;
}


/* Edit h5 */

@media (max-width: 384px)
h5 {
	font-size: 30px !important;
}

@media (max-width: 800px)
h5 {
	font-size: 35px !important;
}



/* Editor vari tag responsive */

@media (max-width: 360px)
body, span, label, .iq-banner .banner-text, ul li, p, div, footer a:hover, li a {
	font-size: 13px !important;
}


@media (max-width: 384px)
body, .span, label, .iq-banner .banner-text, ul li, p, div, footer a:hover, li a {
	font-size: 16px !important;
}

@media (max-width: 480px)
body, span, label, .iq-banner .banner-text, ul li, p, div, footer a:hover, li a {
	font-size: 18px !important;
}

@media (max-width: 640px)
body, span, label, .iq-banner .banner-text, ul li, p, div, footer a:hover, li a {
	font-size: 16px !important;
}

@media (max-width: 768px)
body, span, label, .iq-banner .banner-text, ul li, p, div, footer a:hover, li a {
	font-size: 16px !important;
}

@media (max-width: 800px)
body, span, label, .iq-banner .banner-text, ul li, p, div, footer a:hover, li a {
	font-size: 23px !important;
}

/* Margini descrizione attività */

element.style {
    margin-left: 20px;
    margin-right: 20px;
}