/*
Theme Name: PixoLeo EF
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*Add your own styles here:*/
.container_wrap_first .content {
    padding-bottom:0px !important;
    padding-top:0px !important;
}

@media only screen and (max-width: 767px) { 
    #top #wrap_all .av_header_transparency, .av_header_transparency #advanced_menu_toggle { background-color: transparent; }
    .responsive #top #wrap_all #header { position: absolute; }
}

.avia_textblock p { text-align: justify; }

.av-flex-placeholder { width:2% !important; }

#hometopbox .avia_image { border-bottom:4px solid #ff7e00; }
#hometopbox .avia-image-container.avia-align-center { margin:0px 0px !important; }
#hometopbox .av-special-heading {
    border-right:1px dashed #bbbbbb;
    border-left:1px dashed #bbbbbb;
}
#hometopbox .av-special-heading-tag { padding:12px 8px !important; }

#hometopbox .av_textblock_section {
    border-bottom:1px dashed #bbbbbb;
    border-right:1px dashed #bbbbbb;
    border-left:1px dashed #bbbbbb;
    padding:0px 6px 12px 6px !important;
    margin-top:-8px;
}

i.zodiac {
    text-decoration:inherit;
    display:inline-block;
    font-family:"zodiac";
    font-weight:normal;
    font-style:normal;
    speak:none;
    width:1em;
    margin-right:.2em;
    text-align:center;
    /* opacity: .8; */
    font-variant:normal;
    text-transform:none;
    line-height:1em;
    margin-left:.2em;
    /* font-size: 120%; */
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

i.icon-aquarius::before { content: "\e800"; }
i.icon-aries::before { content: "\e801"; }
i.icon-cancer::before { content: "\e802"; }
i.icon-capricorn::before { content: "\e803"; }
i.icon-gemini::before { content: "\e804"; }
i.icon-leo::before { content: "\e805"; }
i.icon-libra::before { content: "\e806"; }
i.icon-pisces::before { content: "\e807"; }
i.icon-sagitarius::before { content: "\e808"; }
i.icon-scorpio::before { content: "\e809"; }
i.icon-taurus::before { content: "\e80a"; }
i.icon-virgo::before { content: "\e80b"; }





.animated_icon_round div {
    border:1px solid rgba( 255, 126, 0, 0.8 );
    line-height:136px;
    border-radius:50%;
    text-align:center;
    color:#ff7e00;
    font-size:44px;
    margin:0 auto;
    height:136px;
    width:136px;
}

.animated_icon_round div::before {
    box-shadow:0 0 0 10px rgba( 255, 126, 0, 0.1 );
    border-style:dashed;
    margin:11px -25px;
    border-radius:50%;
    position:absolute;
    border-width:2px;
    height:108px;
    width:108px;
    content:"";
}

.animated_icon_round div:hover::before {
    box-shadow:0 0 0 10px rgba( 255, 126, 0, 0.1 );
    background:rgba( 30, 30, 30, 0.01 );
    animation-iteration-count:infinite;
    animation-timing-function:linear;
    animation-name:rotate2;
    animation-duration:8s;
    border-style:dashed;
    margin:11px -25px;
    border-radius:50%;
    position:absolute;
    border-width:2px;
    height:108px;
    width:108px;
    content:"";
}

@keyframes rotate2 {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

.zodiacwheel .avia_image {
    position:relative;
    height:100%;
    width:100%;
    margin:0px;
}

.zodiacwheel .avia_image {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 122s linear infinite;
}

@-moz-keyframes     spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes  spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes          spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }


/***QuForm**/
.quform-spacer {font-size:11px !important; }

#contactbox .policetext {
    text-align:justify;
    line-height:16px;
    font-size:11px;
}

#contactbox .input-text, #contactbox input[type=text], #contactbox input[type=input], #contactbox input[type=password], #contactbox input[type=email], #contactbox input[type=number], #contactbox input[type=url], #contactbox input[type=tel], #contactbox input[type=search], #contactbox textarea, #contactbox select {
    font-family:'montserrat','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif !important;
    padding:10px 5px 10px 35px !important;
    background:#FAFAFA !important;
    font-size:14px !important;
    margin:0 !important;
}

#contactbox .quform-option { position:relative; }
#contactbox .quform-option label {
background-color:#fff;
border:1px solid#ccc;
position:absolute;
border-radius:50%;
cursor:pointer;
height:24px;
width:24px;
left:0;
top:0;
}

#contactbox .quform-option label:after {
    transform:rotate(-45deg);
    border:2px solid #fff;
    position:absolute;
    border-right:none;
    border-top:none;
    content:"";
    height:4px;
    width:9px;
    opacity:0;
    left:6px;
    top:8px;
}
  
#contactbox .quform-option input[type="checkbox"] { visibility: hidden; }
#contactbox .quform-option input[type="checkbox"]:checked + label {
    background-color:#0586dc;
    border-color:#0586dc;
}
  
#contactbox .quform-option input[type="checkbox"]:checked + label:after { opacity:1; }

#contactbox .quform-option span {
    font-size:13px !important;
    position:absolute;
    width:350px;
    left:30px;
}

#contactbox .quform-field-icon-right { color: #c00; }