/*
 *   Template Name: Euforia - Responsive Vcard Template
 *   Version: 2.1
 *   Author:  Lukasz Lelek
 *   Website: www.ht2.pl
*/
/*
 *	TABLE CONTENTS
 *	-------------------------------
 *                
 *           - HOME SECTION
 *           - ABOUT SECTION
 *           - SERVICES SECTION
 *           - PORTFOLIO SECTION
 *           - PORTFOLIO-SINGLE-V2 SECTION
 *           - BLOG SECTION
 *           - BLOG-POST SECTION
 *           - CONTACT SECTION
 *
 *	------------------------------- 
*/


/* HOME SECTION */
.intro-text {
  letter-spacing: 4px;
  text-transform: uppercase;
  text-align: center;
  font-family: "helvetica-lt-35-thin";
  color:#7a7a7a;
}
.intro-text .weight300 {
    font-weight: 300;
}
.block {
    display: block;
}
.intro-text h1{font-family:"helvetica-lt-55-roman";font-size:66px;}
.mobile-name{display: none; font-size: 50px;}
.intro-text .introTxt h3{font-family: "helvetica-lt-45-light";}

/* ABOUT SECTION */

.color-red-light{color: #ececec}


/* SERVICES SECTION */
.bg-img-services {
    background: url('../img/bg/services-bg1.jpg') 100% fixed no-repeat; 
    position: relative;  
}
.shadow {
    height: 80%;
    position: absolute;
    top: 0;
    width: 100%;
    background: url("../img/shadow1.png") no-repeat scroll center top;
    background-size: 100%;
}
.bg-opacity {
    background: rgba(255,255,255, .9);
}
.padding30 {
  padding: 30px;
}
.services-img01 {
  position: absolute;
  z-index: 2;
  bottom: -90px;
  right: 0px;
}
#services .fatures img{height: 75px; width: auto;}

/* PORTFOLIO SECTION */
.portfolio-loadmore{display: none;}
/* BLOG SECTION */
/* CONTACT SECTION  */
#contact {
  background: url(../img/bg/map_bg.jpg) center center no-repeat;
}
.contact-details .fa-skype{color: #12A5F4;}
.contact-form{background-color: #ececec;}
.contact-form .submit button:hover{background-color: #ff4e4e; color: #FFF;}
.contact-form .form-style .form-loader {
  margin-right: 8px;
  display: none;
}
.contact-form .form-style .alert {
  color: #ff1919;
  background: none;
  font-size: 12px;
  letter-spacing: 0;
  border-radius: 0;
  border: 0;
  padding: 4px 2px;
  font-size: 14px;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.contact-form .form-style .alert-validate-form {
  display: none;
}
.contact-form .form-style .alert-validate-form .alert.error {
    display: block;
    background: #fd4040;
    color: #fff;
    font-size: 14px;
    padding: 15px 20px;
    border: 0;
    font-weight: 400;
}
.contact-form .form-style .alert-validate-form .alert.success {
  background: #119400;
  color: #fff;
  font-weight: 400;
  padding: 15px 20px;
}
#contact .fatures p{font-family: "helvetica-lt-55-roman";font-size:16px;line-height:23px;}
#contact .fatures h6{margin-top: 17px;margin-bottom: 15px;color: #ff4e4e;}
.btn-group .btn-default:hover .fa, .section-current .btn-default:hover span, .section-current .btn-default:hover .fa{color: #ff4e4e;}

/* LOADER  */
.preloader {
    position: fixed;
    z-index: 666999;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
}
.preload-wrapper {   
  position: fixed;
    width: 100%;
    height: 100%;
    z-index: 666999;
    top: 0px;
    left: 0px;
    transition: opacity 300ms;
    background-color: #FFF;
}

@-moz-keyframes flicker {
    0% {opacity:1}
    23% {opacity:0}
    28% {opacity:0}
    29% {opacity:1}
    30% {opacity:0}
    50% {opacity:0}
    54% {opacity:1}
    56% {opacity:0}
    92% {opacity:0}
    94% {opacity:1}
    96% {opacity:0}
    99% {opacity:0}
    100% {opacity:1}
}
@-o-keyframes flicker {
    0% {opacity:1}
    23% {opacity:0}
    28% {opacity:0}
    29% {opacity:1}
    30% {opacity:0}
    50% {opacity:0}
    54% {opacity:1}
    56% {opacity:0}
    92% {opacity:0}
    94% {opacity:1}
    96% {opacity:0}
    99% {opacity:0}
    100% {opacity:1}
}
@keyframes flicker {
    0% {opacity:1}
    23% {opacity:0}
    28% {opacity:0}
    29% {opacity:1}
    30% {opacity:0}
    50% {opacity:0}
    54% {opacity:1}
    56% {opacity:0}
    92% {opacity:0}
    94% {opacity:1}
    96% {opacity:0}
    99% {opacity:0}
    100% {opacity:1}
}
@-webkit-keyframes flicker{
    0% {opacity:1}
    23% {opacity:0}
    28% {opacity:0}
    29% {opacity:1}
    30% {opacity:0}
    50% {opacity:0}
    54% {opacity:1}
    56% {opacity:0}
    92% {opacity:0}
    94% {opacity:1}
    96% {opacity:0}
    99% {opacity:0}
    100% {opacity:0.5}
}

.Bulb_Glow {
  opacity:0;
  transition: opacity 0.5s ease-in;
}

.its_on .Bulb_Glow {
  transition: none;
  opacity:0.5;
  -webkit-animation: flicker 1s; /* Safari 4+ */
  -moz-animation:    flicker 1s; /* Fx 5+ */
  -o-animation:      flicker 1s; /* Opera 12+ */
  animation:         flicker 1s; /* IE 10+, Fx 29+ */
}

.its_on .Bulb_Glow circle{opacity: 0;}

.glow .Bulb_Glow {
  opacity: 1;
}

.preloader, .preload-wrapper{transition: opacity 0.3s ease-in;}
.preload-wrapper{width: 80%;margin: auto;position: fixed;margin-left: 10%;top: 50%;height: auto;}
.preload-wrapper svg{width: 24%;opacity: 0;}
.queryloader__overlay{background:transparent !important;/*width: 70% !important;margin-left: 15%;*/opacity: 0;}
.queryloader__overlay__bar,.queryloader__overlay__percentage{color: transparent !important;/*margin-top: 125px !important;*/}
.queryloader__overlay__percentage{border-top: 1px solid #ECEBEB;}
.queryloader__overlay__bar{background-color: #ffc000 !important;z-index: 1;}
.Bulb_Glow ellipse{opacity: 0;}