#topArea{height:34px;font-family:'Lato', sans-serif;width:100%;background:#c8cf3e;}
#topArea .inner{width:960px;display:block;margin:0 auto;height:34px;overflow:hidden;overflow-x:visible}
#topArea .inner ul#nav{padding:0;margin:0;display:inline-block;float:left; }
#topArea .inner ul{padding:0;margin:0 16px;list-style-type:none;display:block;float:left;}
#topArea .inner ul#nav li a{
    color:#fff; display: inline-block; text-decoration:none;  
    padding: 7px 14px; margin:0; border-top: 2px solid #c8cf3e; background:#c8cf3e;}
#topArea .inner ul#nav li a:hover
{
background:rgb(0,0,0,0.75); border-top: 2px solid #fff; 
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}/* border-top: 2px solid #d1d847; */
#topArea .inner ul#nav li{font-size:12.5px;letter-spacing:0.25;text-decoration:none;text-transform:uppercase;font-weight:400;display:inline-block; margin:0; text-shadow: 1px 1px 2px rgba(0,0,0, 0.15);}
#topArea .inner ul#nav li:first-child{padding-left:0;}
#phone{background:url(phone.png) no-repeat center center;width:13px;height:34px;display:inline-block;float:left;margin-right:10px;}
#callUs{display:block;font-size:14px;color:#1f1f1f;float:left;height:34px;line-height:34px;}
#arrow{background:#1f1f1f url(arrow.png) no-repeat center left;display:inline-block;width:18px;height:34px;float:left;}
#number{background:#1f1f1f;color:#fff;font-weight:400;font-size:18px;text-transform:uppercase;float:left;height:34px;line-height:34px;padding:0 15px 0 5px; cursor: hand;}
#right{float:right; }
ul#social{float:left;display:inline-block;margin-left:10px;}
ul#social li{margin:0 6px;display:inline-block;height:34px;line-height:34px;float:left;}
ul#social li:last-child{margin-right:0;}
ul#social li.twitter{background:url(/images/so_twitter.svg) no-repeat center center;width:21px;height:34px; display:block;}

ul#social li a{display:block; margin:auto; width:100%;height:34px}
ul#social li a:hover{ border-top: 2px solid #000; filter: invert();}

ul#social li.facebook {background: url(/images/so_facebook.svg) no-repeat center center;width:21px;height:34px;display:block;}
ul#social li.linkedin {background: url(/images/so_linkedin.svg) no-repeat center center;width:21px;height:34px;display:block;}
ul#social li.instagram{background:url(/images/so_instagram.svg) no-repeat center center;width:21px;height:34px;display:block;}
ul#social li.googlep{background:  url(google+.png) no-repeat center center;width:21px;height:34px;display:block;}
#below{display:block;width:100%;background:#333;height:152px;clear:both;}

#below div.headtl{ color: white; text-align: center; text-transform: uppercase; font-family: 'Poppins', sans-serif; 
letter-spacing: 3px; word-spacing: 5px; text-rendering: optimizeLegibility;     -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 2px rgba(0,0,0, 0.15);}
.headtl .brand-color{ color: #c7ce41; }
#below div.headtl a,
#below div.headtl a:hover,
#below div.headtl a:active
#below div.headtl a:visited
{ color: white; text-decoration:none;}

@keyframes blur_focus {
  from {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px);
    color: #ccc;
  }
  to {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    filter: blur(0px);
    color: #fff;
  }
}

div.headtl span.w{
  color: #ccc;
  filter: blur(3px); 
  /*transition: all 0.5s ease;*/
  animation: blur_focus 0.6s linear forwards;
  /*animation-delay: 2s;*/
  }
 div.headtl span.w1{animation-delay: 2.0s;}
 div.headtl span.w2{animation-delay: 2.5s;}
 div.headtl span.w3{animation-delay: 3.0s;}
 div.headtl span.w4{animation-delay: 3.5s;}

#logo4head {     }

div.headtl .w1:hover,div.headtl .w2:hover,div.headtl .w3:hover,div.headtl .w4:hover
{   filter: blur(3px); }

#below div.headtl.a{ font-weight: 600; font-size: 22px; }
#below div.headtl.b{ font-weight: 700; font-size: 16px;}

@media screen and (max-width: 980px) {
#below div.headtl.a a{ font-size: 88%; }
#below div.headtl.b a{ font-size: 88%;}
}

@media screen and (max-width:750px)  {
#below div.headtl.a a{ font-size: 52%; }
#below div.headtl.b a{ font-size: 60%;}
}




#below{background-image: url(/images/head/header1-q30-b0.18.jpg); background-size: cover;}

#below .inner{width:960px;margin:0 auto;display:block;position:relative;}
#below .inner #logo4head
  {background:url(logo.png) no-repeat center center;background-size:contain;display:inline-block;height:94px;width:285px;margin-top:29px;margin-left:16px;position:relative;float:left;}
#below .inner #logo4head a
  { display: block; margin:auto; height: 100%; color: transparent;}
.clear{clear:both;display:block;}
/* #banner{float:right;display:block;height:60px;width:468px;max-height:60px;max-width:468px;overflow:hidden;margin-top:46px;} */
#banner{float:right;display:block;
/*height:60px;width:468px;
max-height:60px;max-width:468px;*/
x-overflow:hidden;margin-top:46px;
/*margin-right: 8%;*/ 
}