/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */




a.soc1 img, a.soc2 img, a.soc3 img{width: 330px;
	transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
}






 a.soc1{margin-right: -75px!important;
	 	 
 }
.soc1:hover img:last-child{display:inline-block}



a.soc1 img:hover, a.soc2 img:hover, a.soc3 img:hover {
    transform: scale(1.15, 1.15);
    opacity: 1;
}





 
 
 a.soc2{margin-right: -76px;
	 position: relative;
    top: 71px;
 }

.soc2:hover img:last-child{display:inline-block}



a.soc3{
    }

.soc3:hover img:last-child{display:inline-block}

 
 
 
.side_slogan {
    float: left;
    max-width: 170px;
    text-align: center;
    padding-top: 155px;
    margin-right: 30px;
}
 
 
.bottom_slogan{
    background-color: #fff;
    padding-right: 15px;
    padding-bottom: 10px;
    height: 100px;
    margin-top: -6px;
    margin-left: -15px;
}
 


.bottom_slogan h3 {
    float: right;
    color: #fff;
    margin-right: 15px;
    margin-top: 20px;
}


.slogan_tel {
    float: right;
    display: inline-block;
    position: relative;
    top: -5px;
    right: -15px;
}


.slogan_email h3 a {color: #000!important;}




 
.bottom_slogan img{float: right;}
 
 .bottom_slogan img {
    float: right;
    position: relative;
    top: -30px;
    right: -15px;
}
 
  
 
.slogan_email {
    float: right;
    display: inline-block;
    color: #000;
}


#popup_content {
    padding-top: 15px;
    padding-left: 15px;
}


#popup_content  h1 {
    font-size: 50px;
    line-height: 1.1em;
    font-weight: 600;
    margin-bottom: 14px;
}





/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */



@media only screen and (max-width: 1200px) {
  /* Add your Mobile Styles here */
  
  
  #itro_popup{max-width: 990px;}


a.soc1 img, a.soc2 img, a.soc3 img{width: 270px;}

a.soc2 {
    margin-right: -63px;
    position: relative;
    top: 58px;
}



#popup_content h1 {
    font-size: 40px;
}


.side_slogan {
    padding-top: 130px;
}



}





@media only screen and (max-width: 990px) {
	
	
	#itro_popup{max-width: 740px!important;}


a.soc1 img, a.soc2 img, a.soc3 img{width: 200px;}

a.soc2 {
    margin-right: -48px;
    position: relative;
    top: 43px;
}


a.soc1 {
    margin-right: -43px!important;
    margin-left: -25px;
}


#popup_content h1 {
    font-size: 32px;
}



.side_slogan {
    padding-top: 88px;
}




}



@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  
  
  #itro_popup {
    display: none !important;
}
  
  
  
  
  

}