.goog-logo-link {
   display:none !important;
} 

.goog-te-gadget{
   color: transparent !important;
}

    .translation-links {

 }
 .translation-links img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    border:0;
    cursor: pointer;
    

    }
.translation-links img:hover {
    filter:alpha(opacity=30);
    -moz-opacity: 0.30;
    opacity: 0.30;
    }





.dir_info{
border: 1px solid green;

}





/* CSS Document */
html,body{
font-family: 'Montserrat', sans-serif;
overflow-x:hidden; /* hides scrollbar but does it cause other issues????*/

}


/* Trigger  */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  }




/* FADE IN  */

@keyframes FadeInUp {
from { opacity: 0; transform: translate3d(0, 100px, 0); }
  to { opacity: 1; transform: none; } }
.FadeInUp { animation-name: FadeInUp; }



@keyframes FadeInLeft {
  from { opacity: 0; transform: translate3d(-100px, 0, 0); }
  to { opacity: 1; transform: none; } }
.FadeInLeft { animation-name: FadeInLeft; }


@keyframes FadeInRight {
  from { opacity: 0; transform: translate3d(500px, 0, 0); }
  to { opacity: 1; transform: none; } }
.FadeInRight { animation-name: FadeInRight; }



/* @end standaard animaties  */
 body {
    overflow-x:hidden; /* hides scrollbar but does it cause other issues????*/
}

.callout {
}
.fadeinup.in-view {
   animation: FadeInUp;
    animation-duration: 1s;
   animation-delay: .5s;
  animation-fill-mode: both;
   backface-visibility: hidden;
  }
.fadeinleft.in-view {  
   animation: FadeInLeft;
    animation-duration: 1s;
   animation-delay: .5s;
  animation-fill-mode: both;
   backface-visibility: hidden;
}
.fadeinright.in-view {  
   animation: FadeInRight;
    animation-duration: 1s;
   animation-delay: .5s;
  animation-fill-mode: both;
   backface-visibility: hidden;
}












@media all and (min-width: 701px) {

a, img {
border:none;
outline:none;
}
/* CSS Document */
html,body{
font-family: 'Montserrat', sans-serif;
padding:0px;
margin:0px;
background-color:#f0f0f0;
}
/* MOBILE BROWSER THING*/
.menu{
width:60%;
}		
a.menu-link {
display:none;
}
#mobmenu_hidden{
display:none;
}
header{
width:100%;
background-color:#f0f0f0;
display:table;
}
#logohold{
text-decoration: none;
width:21%;
border: px solid purple;
max-width:250px;
height:122px;
float:left;	
}
#logohold a{
text-decoration: none;
}
#navhold{

width:100%;
height:120px;
display:table;
float:right;
}
#navtop{
float:right;
line-height:60px;
border: px solid blue;
width:79%;
height:60px;
background-color:#f0f0f0;
}
#navbot{
background-color:#f0f0f0;
width:79%;
float:right;
height:60px;
display:table;
}
#tpmenu{
text-transform: uppercase;
float:right; 
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
height:100%;
}
#tpmenu li {
float: left;height:100%;
}
.active{
background-color:#333 !important;
color:#FFF!important;	
}
#tpmenu li a {
margin-left: 5px;
margin-right: 5px;
display: inline-block;
text-align: center;
font-size:12px;
white-space: nowrap ;
text-decoration: none;

}
#tpmenu li.top_repair {
background-color:#f0f0f0;}
#tpmenu li.top_app {
background-color:#000000;
}
#tpmenu li.top_quote {
background-color:#ff0000;
}
#tpmenu li.top_repair a {
color:#000;
border-left:#f0f0f0 solid 5px;
background:url('../images/icon_repair.png');
height:100%;
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 25px 25px;
padding-left: 35px;
}
#tpmenu li.top_app a {
color:#FFF;
border-left:#000 solid 5px;
background-image: url('../images/icon_appt.png');
height:100%;
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 25px 25px;
padding-left: 35px;
}
#tpmenu li.top_quote a {
color:#FFF;
border-left:#ff0000 solid 5px;
background:url('../images/icon_quote.png');
height:100%;
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 25px 25px;
padding-left: 35px;
}
#navagation{z-index:9999;position:relative;
float:left;
width:73%;
height:100%;
margin:0;
padding:0;
}
ul#btmenu{
z-index:1;
position:relative;
width:100%;
list-style: none;
margin:0;
padding:0;
height:62px;
text-align:center;
}
ul#btmenu > .top_quote{	
padding:0;
margin:0;
display: inline;
}
#btmenu .top_quote > a{
height:62px;
line-height:62px;
margin-left:1%;
margin-right:1%;
text-align:center;
display:inline-block;
text-decoration:none;
font-weight:bold;
font-size:15px;
color:#000;
padding-left:1%;
padding-right:1%;
text-transform:uppercase;
vertical-align: middle;
}
#btmenu > .top_quote > a:hover{
background-color:#333;
color:#FFF;	
}
/*     SUB MENU     */
.sub_menu1{
display:none;
}
#btmenu > li:hover .sub_menu1{
position:absolute;
display:inline-block;/*no need for height or width*/
vertical-align: middle;
margin:0 auto;
text-align:center;
background-color:#666;
list-style: none;
margin:0;
padding:0;
display:table;
padding-right:3px;
border:#333 solid 2px;
border-radius: 4px;
}
.sub_menu1 li{
margin:5px;
display:inline-block;
vertical-align: middle;
height:200px;
width:200px;
}
.sub_menu1 li a{
display:block;
vertical-align: middle;
height:200px;
width:200px;
text-decoration:none;
color:#FFF;
}
/*     SUB MENU     */
.sub_menu2{
display:none;
}
#btmenu > .top_quote:hover .sub_menu2{
position:absolute;
display:inline-block;/*no need for height or width*/
vertical-align: middle;
margin:0 auto;
text-align:center;
background-color:#666;
list-style: none;
margin:0;
padding:0;
display:table;
padding-right:3px;
border:#333 solid 2px;
border-radius: 4px;
}
.sub_menu2 li{
margin:4px;
border: 1px solid red;
display:inline-block;
min-height:50px;
width:47%;
min-width:350px;
}
.sub_menu2 > li > a{

text-decoration:none;
color:#FFF;





}
/*     SUB MENU     */
.sub_menu3{
display:none;
}
#btmenu > li:hover .sub_menu3{
position:absolute;
display:inline-block;/*no need for height or width*/
vertical-align: middle;
margin:0 auto;
text-align:center;
background-color:#666;
list-style: none;
margin:0;
padding:0;
display:table;
padding-right:3px;
border:#333 solid 2px;
border-radius: 4px;
}
.sub_menu3 li{
margin:5px;
display:inline-block;
vertical-align: middle;
height:200px;
width:200px;
}
.sub_menu3 li a{
display:block;
vertical-align: middle;
height:200px;
width:200px;
text-decoration:none;
color:#FFF;
}
#top_menu_phone{
height:100%;
line-height:350%;
text-decoration:none;
margin-right:2%;
float:right;
}
#top_menu_phonem{
display:none;
}
#top_menu_phone a{	  
    font-weight: bold;
height:100%;
display:block;
text-decoration:none;
color:red;
font-size:15px;
 animation: text-flicker 3s linear infinite;

}

#offset {
  animation: letter-flicker 5s linear infinite;
}







span.tele{
background:url('../images/icon_phone.png')  no-repeat no-repeat ;
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 26px 26px;
padding-left: 25px;
}
span .tele a{
height:100%;
display:block;
text-decoration:none;
color:red;
font-size:15px;
}
 
/*      FOOTER      */
footer{
background-color:#000;
color:#FFF;
width:100%;
display:table;
}
#foot1{
width:100%;
height:25px;
display:table;
}
#foot1_holder{
width:90%;
padding-top:2px;
padding-bottom:2px;
margin: 0 auto;
display:table;
}
/* navagation footer*/
#foot_nav{
padding:0;
margin:0;
float:left;
width:79%;
height:100%;
display:table;
position:relative;
}
#foot_nav span{
color:#F00;
display:none;
}
#foot_nav nav ul{
height:100%;
width:100%;
text-align:center;
margin: 0 auto;
padding-top:10px;
display:table;
border: px solid blue;
}
#foot_nav nav li{
white-space:nowrap;
display:inline-block;
list-style: none;
text-align:center;
margin-left:2%;
margin-right:2%;
}
#foot_nav nav li a{ 
text-decoration:none;
text-transform:uppercase;
text-align:center;
color:#FFF;display:table;
}
/* social media footer*/
#foot_soc{
float:left;
width:19%;
position:relative;
}
#foot_soc nav ul{
float:right;
padding:0;
margin:0;
text-align:center;
margin-top:5px;
}
#foot_soc nav li{
display:inline-block;
list-style: none;
border: px solid red;
}
#foot_soc nav li a{
padding:0 0 0 0;
}
/* quick apps footer*/	
#foot2{
width:100%;
height:100%;
background-color:#666 !important;
display:table;
}
#foot2 nav ul{
text-align:center;
margin: 0 auto;
display:table;
width:90%;
height:100%;
padding:10px 0 10px 0;
}
#foot2 nav li{
text-align:center;
margin: 0 auto;
display: table-cell;
list-style: none;
margin:10px 10px 10px 10px;
}
/* this is the perfce set up for custom icons on LI*/
#foot2 nav li.foot_phone a{
padding-top:3px;padding-bottom:3px;
background-image: url(../images/icon_phone1.png);
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 15px 15px;
padding-left: 21px;
}
#foot2 nav li.foot_status a{
padding-top:3px;padding-bottom:3px;
background-image: url(../images/icon_repair.png);
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 15px 15px;
padding-left: 21px;
}
#foot2 nav li.foot_app a{
padding-top:3px;padding-bottom:3px;
background-image: url(../images/icon_appt.png);
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 15px 15px;
padding-left: 21px;
}
#foot2 nav li.foot_quote a{
padding-top:3px;padding-bottom:3px;
background-image: url(../images/icon_quote.png);
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 15px 15px;
padding-left: 21px;
}
#foot2 nav li a{
text-decoration:none;
text-transform:uppercase;
color:#FFF;
}
/*  FOOTER THREE*/
#foot3{
width:100%;
padding:1% 0 1% 0;
display:table;
}
#lang{
display:none;
}
#tplang{
float:right;margin-right:15px;
display:table;margin-right:15px;
text-align:center;margin-right:15px;
margin: 0 auto;margin-right:15px;
height:50px;margin-right:15px;
}	
#tplang > p{
font-size:10px;
}

#legal{
width:40%;
float:right;
font-size:12px;
text-align:left;
display:table;
}
#legal ul li{
display:inline-block;
}
#legal ul span{
position: relative;
bottom:1px;color:#F00;
}
#legal ul li a{
color:#FFF;
text-decoration:none;
display:inline-block;
}
.copyw{font-size:9px;}

















}
@media all and (max-width: 986px) {
#btmenu li > a{	

margin-left:1%;
margin-right:1%;
text-align:center;
display:inline-block;
text-decoration:none;
font-weight:bold;
font-size:9px;
color:#000;
text-transform:uppercase;
vertical-align: middle;
}
#tpmenu li a {	
padding-left:12%;
padding-right:12%;
display: inline-block;
text-align: center;
font-size:11px;
text-decoration: none;
}
footer{
background-color:#000;
color:#FFF;
width:100%;
display:table;
}
#foot1{
width:100%;
height:25px;
line-height: 25px;
display:table;
}
#foot1_holder{
width:90%;
padding-top:2px;
padding-bottom:2px;
margin: 0 auto;
display:table;
}
/* navagation footer*/
#foot_nav{
padding:0;
margin:0;
float:left;
width:79%;
height:100%;
display:table;
}
#foot_nav span{
color:#F00;
display:none;
}
#foot_nav nav ul{
padding:0;
margin:0;
height:20px;
text-align:center;
margin: 0 auto;
padding-top:10px;
display:table;
}
#foot_nav nav li{
display:inline-block;
list-style: none;
text-align:center;
}
#foot_nav nav li a{
font-size:9px;
white-space: nowrap ;
text-decoration:none;
text-transform:uppercase;
text-align:center;
color:#FFF;
display:table;
}
/* social media footer*/
#foot_soc{	
float:left;
width:20%;
position:relative;
}
#foot_soc nav ul{
float:right;
padding:0;
margin:0;
text-align:center;
margin-top:5px;
}
#foot_soc nav li{
display:inline-block;
list-style: none;
border: px solid red;
}
#foot_soc nav li a{
padding:0 0 0 0;
}
/* quick apps footer*/	
#foot2{
width:100%;
padding:1% 0 1% 0;
background-color:#666 !important;
display:table;
}
#foot2 nav ul{
text-align:center;
margin: 0 auto;

display:table;
width:90%;
}
#foot2 nav li{
text-align:center;
margin: 0 auto;
font-size:12px;
display: inline-block;
list-style: none;
margin:0 8px 0 8px;
}
/* this is the perfce set up for custom icons on LI*/
#foot2 nav li.foot_phone a{
background-image: url(../images/icon_phone1.png);
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 12px 12px;
padding-left: 14px;
}
#foot2 nav li.foot_status a{
background-image: url(../images/icon_repair.png);
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 12px 12px;
padding-left: 14px;
}
#foot2 nav li.foot_app a{
background-image: url(../images/icon_appt.png);
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 12px 12px;
padding-left: 14px;
}
#foot2 nav li.foot_quote a{
background-image: url(../images/icon_quote.png);
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 12px 12px;
padding-left: 14px;
}
#foot2 nav li a{
text-decoration:none;
text-transform:uppercase;
color:#FFF;
}
/*  FOOTER THREE*/
#foot3{
width:100%;
padding:1% 0 1% 0;
display:table;
}
#lang{
display:none;
}	
#legal{
width:40%;
float:right;
font-size:12px;
text-align:left;
display:table;
}
#legal ul li{
display:inline-block;
}
#legal ul span{
position: relative;
bottom:1px;color:#F00;
}
#legal ul li a{
color:#FFF;
text-decoration:none;
display:inline-block;
}
.copyw{font-size:9px;}
}
@media all and (min-width: 700px) {
#mobmenu_hidden{display:none;} 
}






/* mobile devices*/
@media all and (max-width: 700px) {
a, img {
border:none;
outline:none;
}
/* CSS Document */
html,body{
padding:0px;
margin:0px;

background-color:#f0f0f0;
}
/* MOBILE BROWSER THING*/
.menu{
width:60%;
}		
a.menu-link {
display:none;
}
#mobmenu_hidden{cursor: pointer;}
header{
width:100%;
background-color:#f0f0f0;
display:table;
}
#logohold{
text-decoration: none;
width:21%;
height:122px;
min-width:200px;
max-width:250px;
float:left;	
}
#logohold a{
text-decoration: none;
}
#navhold{	
width:100%;
display:table;
}
#navtop{
float:right;
line-height:60px;
height:60px;
background-color:#f0f0f0;
margin-right:2%;
}
#navbot{
background-color:#f0f0f0;
width:100%;
height:60px;
}
#tpmenu{
display:none;
}
.active{
background-color:#333 !important;
color:#FFF!important;	
}
#navagation{
display:none;
float:right;
width:100%;
margin:0;
padding:0;
}
#btmenu{
display:table;
z-index:1;
position:relative;
width:100%;
list-style: none;
margin:0;
padding:0;
text-align:center;
}
ul#btmenu > li{	
padding:0;
margin:0;
}
#btmenu li > a{	
height:50px;
width:96%;
line-height:50px;
text-align:center;
display:inline-block;
text-decoration:none;
font-weight:bold;
font-size:15px;
color:#000;
text-transform:uppercase;
vertical-align: middle;
background-color:#666;
border:#333 solid 2px;
border-radius: 4px;
margin:3px;
}
#btmenu > li > a:hover{
background-color:#333;
color:#FFF;	
}
/*     SUB MENU     */
.sub_menu{
display:none;
}

#top_menu_phonem{
height:100%;
line-height:350%;
text-decoration:none;
float:right;
clear:right;
margin-right:2%;
}
#top_menu_phonem a{	
height:100%;
display:block;
text-decoration:none;
color:red;
font-size:13px;
}
span.telem{
background:url('../images/icon_phone.png')  no-repeat no-repeat ;
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 26px 26px;
padding-left: 25px;
}
span .telem a{
height:100%;
display:block;
text-decoration:none;
color:red;
font-size:15px;
}
#top_menu_phone{
display:none;
}  
/*      FOOTER      */
footer{
background-color:#000;
color:#FFF;
width:100%;
display:table;
}
#foot1{
border: px solid blue;
width:100%;
height:25px;
line-height: 25px;
display:table;
}
#foot1_holder{
border: px solid blue;
width:90%;
padding-top:2px;
padding-bottom:2px;
margin: 0 auto;
display:table;
}
/* navagation footer*/
#foot_nav{
padding:0;
margin:0;
float:left;
width:88%;
height:100%;
display:table;
}
#foot_nav span{
color:#F00;
display:none;
}
#foot_nav nav ul{
width:100%;
border: px solid pink;
padding:0;
margin:0;
height:20px;
text-align:center;
margin: 0 auto;
padding-top:15px;
display:table;
}
#foot_nav nav li{
width:49%;
border: px solid blue;
display:inline-block;
list-style: none;
text-align:center;
}
#foot_nav nav li a{
width:100%;
font-size:12px;
white-space: nowrap ;
text-decoration:none;
text-transform:uppercase;
text-align:center;
color:#FFF;
display:table;
}
/* social media footer*/
#foot_soc{
float:left;
width:10%;
position:relative;
}
#foot_soc nav ul{
float:right;
padding:0;
margin:0;
text-align:center;
margin-top:5px;
}
#foot_soc nav li{
display:block;
list-style: none;
}
#foot_soc nav li a{
padding:0 0 0 0;
}
/* quick apps footer*/	
#foot2{
width:100%;
text-align:center;
margin: 0 auto;
padding:1% 0 1% 0;
background-color:#000!important;
display:table;
}
#foot2 nav ul{
margin:0;
padding: 0;
text-align:center;
margin: 0 auto;
display:table;
width:95%;
}
#foot2 nav li{
width:95%;
text-align:center;
margin: 0 auto;
background-color:#666 !important;
border:#333 solid 2px;
border-radius: 4px;
font-size:15px;
list-style: none;
margin-top:5px;
margin-bottom:5px;
padding:5px;
}
#foot2 nav li > a{
text-decoration:none;
text-transform:uppercase;
color:#FFF;
width:100%;
display:inline-block;
}
/* this is the perfce set up for custom icons on LI*/
#foot2 nav li.foot_phone a{
background-image: url(../images/icon_phone1.png);
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 12px 12px;
padding-left: 14px;
}
#foot2 nav li.foot_status a{
background-image: url(../images/icon_repair.png);
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 12px 12px;
padding-left: 14px;
}
#foot2 nav li.foot_app a{
background-image: url(../images/icon_appt.png);
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 12px 12px;
padding-left: 14px;
}
#foot2 nav li.foot_quote a{
background-image: url(../images/icon_quote.png);
background-repeat: no-repeat;
background-position: 0.0em;
background-size: 12px 12px;
padding-left: 14px;
}
/*  FOOTER THREE*/
#foot3{
width:100%;
padding:1% 0 1% 0;
display:table;
}
#lang{
margin: 0 auto;
display:table;
width:100%;
text-align:center;
margin: 0 auto;
height:50px;
}	
#lang > p{
font-size:10px;
}
#tplang{
display:none;
}

#legal{
text-align:center;
width:100%;
font-size:12px;
display:table;
}
#legal ul li{
display:inline-block;
}
#legal ul span{
position: relative;
bottom:1px;color:#F00;
}
#legal ul li a{
color:#FFF;
text-decoration:none;
display:inline-block;
}
.copyw{font-size:9px;}
}