/*--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

:root {
  --white: #FFFFFF;
  --black: #000000;
  --banner-bg-color: #687E92;
  --banner-color: #79B8F2;
  --light-banner-bg: #636262;
  --light-banner-color: #636262;
  --header-color: #003366;
  --search-input-bg: #AACCDD;
  --very-dark-grey: #272727;
  --dark-grey: #464A56;
  --medium-grey: #9D9D9D;
  --medium-grey2: #696868;
  --light-grey: #A8A8A8;
  --very-light-grey: #F0F0F0;
  --light-blue: #BBCCDD;
  --line: url('../images/line.png');
  --popular-arrow-icon: url('../images/ar.png');
  --menu-icon: url('../images/menu.png');
  --search-icon: url('../images/search.png');
  --img-sprite: url('../images/img-sprite.png');
  --img-in: url('../images/img-in.png');
}

@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/RobotoCondensed-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/RobotoCondensed-Bold.ttf") format("truetype");
}


body{
  background:var(--white);
  font-family: 'Roboto Condensed', sans-serif;
}
body a{
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
  color: var(--header-color);
  font-weight: bold;
}
.header-top{
  background:var(--banner-bg-color);
  padding: 1em 0;
}
.top-nav{
  float:left;
}
.top-nav ul li{
  display: inline-block;
}
ul{
  padding:0;
  margin:0;
}
.top-nav ul li label {
  background: var(--line) -5px 0px no-repeat;
  width: 20px;
  height: 24px;
  display: inline-block;
  margin:1.2em 0.7em  0;
  vertical-align: top;
}
/*----*/
/* Effect 5: same word slide in */
.top-nav ul li a {
  overflow: hidden;
  padding: 0 4px;
}
.top-nav ul li a span {
  position: relative;
  display: inline-block;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.top-nav ul li a span::before {
  position: absolute;
  top: 100%;
  content: attr(data-hover);
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.top-nav ul li a:hover span,
.top-nav ul li a:focus span {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}
.top-nav ul li a {
  position: relative;
  display: inline-block;
  margin: 15px 0;
  outline: none;
  color: var(--white);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  text-shadow: 0 0 1px rgba(255,255,255,0.3);
  font-size: 1.5em;
  height:26px;
}
.top-nav ul li a:hover{
  color:var(--banner-color);
}
.top-nav ul li a.active {
  color:var(--banner-color);
}
/*----*/
.top-nav span.menu:before{
  content: var(--menu-icon) no-repeat 0px 0px;
  cursor:pointer;
  width:100%;
}
.top-nav span.menu{
  display: none;
}
/*--responsive media-quries--*/
@media(max-width:768px){
  .top-nav ul{
    display: none;
    position:absolute;
    width:100%;
    z-index: 9999;
    left: 0%;
    margin: 0em 0em;
    background:var(--banner-color);
  }
  .top-nav ul li label{
    display:none;
  }
  .top-nav span.menu {
    display: block;
    width: 100%;
    position: relative;
    text-align: right;
    padding: 14px 1em 0;
  }
  .top-nav ul li{
    display: block;
    float:none;
    padding: 0.8em 0;
    text-align: center;
  }
  .top-nav ul li a,.top-nav ul li.active a{
    color:var(--white);
    border: none;
    padding: 0;
    background:none;
    margin:0;
  }
  .top-nav ul li a:hover{
    color:var(--black);
    border: none;
    background:none;
  }
}
/*----*/
.search-box{
  float:right;
}
/*----*/
.sb-search {
  position: absolute;
  right:125px;
  width: 0%;
  min-width:42px;
  margin-top: 5px;
  height:40px;
  float: right;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  transition: width 0.3s;
  -webkit-backface-visibility: hidden;
  z-index: 999;
}
.sb-search-input {
  position: absolute;
  top: 0;
  right: 3px;
  border: none;
  outline: none;
  background:var(--banner-color);
  width: 35%;
  height:40px;
  margin: 0;
  z-index: 10;
  padding: 5px 15px;
  font-size: 15px;
  color: var(--white);
  border-radius:50px;
}
.sb-search-input::-webkit-input-placeholder {
  color: var(--white);
}
.sb-search-input:-moz-placeholder {
  color: var(--white);
}
.sb-search-input::-moz-placeholder {
  color: var(--white);
}
.sb-search-input:-ms-input-placeholder {
  color: var(--white);
}
.sb-icon-search,.sb-search-submit  {
  width:30px;
  height:40px;
  display: block;
  position: absolute;
  right: 0;
  top: 0%;
  padding: 0;
  margin: 0;
  line-height:71px;
  text-align: center;
  cursor: pointer;
}
.sb-search-submit {
  background: var(--search-icon) no-repeat -6px 10px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    color: transparent;
  border: none;
  outline: none;
  z-index: -1;
  -webkit-appearance: none;
}
.sb-icon-search {
    background:var(--banner-color) var(--search-icon) no-repeat 3px 10px;
  z-index: 90;
  width: 40px;
  height: 40px;
  border-radius: 50px;
}
/* Open state */
.sb-search.sb-search-open,.no-js .sb-search {
  width:72%;
}
.sb-search.sb-search-open .sb-icon-search,.no-js .sb-search .sb-icon-search {
  background:  var(--search-icon) no-repeat 3px 10px;
  color: var(--white);
  z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,.no-js .sb-search .sb-search-submit {
  z-index: 90;
}
/*--header-bottom--*/
.logo{
  float:left;
  margin-top: 1.2em;
}
.in-phone{
  float:left;
}
.top-tele,.in-phone-in,.number{
  float:right;
}
.top-tele {
  width: 50%;
  padding: 1.5em 0;
}
i.phone{
  background: var(--img-sprite) -10px 0px;
  display:inline-block;
  width: 40px;
  height: 40px;
  margin:1em 0 0 1em;
}
i.street_addr{
  background-position:-50px 0px;
  margin:1em 0 0 1em;
}
i.email_addr{
  background-position:-96px 0px;
  margin:1em 0 0 1em;
}
.number{
  margin-left: 0.5em;
}
.number span{
  font-size: 1.1em;
  color: var(--header-color);
  display: block;
}
.number p {
  margin: 0;
  font-size: 1.2em;
  color: var(--header-color);
}
/*--- slider-css --*/
.slider {
  position: relative;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.callbacks_tabs a:after {
  content: "\f111";
  font-size: 0;
  font-family: FontAwesome;
  visibility: visible;
  display: block;
  height: 10px;
  width: 130px;
  display: inline-block;
  background:var(--white);
}
.callbacks_here a:after{
  background:var(--banner-bg-color);
}
.callbacks_tabs a{
  visibility:hidden;
}
.callbacks_tabs li{
  display:inline-block;
}
ul.callbacks_tabs.callbacks1_tabs {
  position: absolute;
  bottom: 14px;
  z-index: 999;
  right:9em;
}
.banner{
  display: block;
  z-index: 2;
  text-shadow: none;
  padding: 4em 3em 6em;
  margin: 0;
  max-width: none;
  position: absolute;
  top: 29%;
  left: 31%;
  text-align: center;
  background:rgba(57, 57, 57, 0.75);
  width: 36%;
}
.banner h2{
  margin:0 0 1em;
  color:var(--white);
  font-size:3em;
  text-transform:uppercase;
  font-weight: 300;
}
.banner h2 span {
  font-weight: 400;
}
a.read-more {
  text-decoration: none;
  font-size: 1.2em;
  color: var(--white);
  border: 1px solid var(--white);
  padding: 0.7em 1.5em;
}
a.read-more:hover {
  background:var(--white);
  color:var(--black);
}
/*--content--*/
.content-welcome{
  background:var(--banner-bg-color);
  padding: 3em 0;
}
.more{
  float:left;
}
.more h3{
  margin:0;
  font-size:3em;
  color:var(--white);
  text-transform:uppercase;
}
.more p{
  margin:0;
  font-size:1.5em;
  color:var(--black);
  text-transform:uppercase;
}
.info-left{
  float:right;
}
a.info-left{
  background:var(--banner-color);
  border:none;
  padding: 0.7em 2.5em;
  margin: 1.2em 0 0;
}
/*----*/
.content-bottom-grid {
  padding: 4em 0;
}
.content-bottom{
  text-align:center;
}
.content-bottom h3{
  margin:0;
  font-size:3em;
  color:var(--black);
  text-transform:uppercase;
  font-weight: 600;
}
.content-bottom span{
  font-size:1.5em;
  color:var(--black);
  text-transform:uppercase;
}
.content-bottom p{
  margin: 2em 0 3em;
  font-size: 1.1em;
  color: var(--medium-grey);
  line-height: 1.6em;
}
.staffing-flex {
  display: flex;
  align-items: stretch;
}

.in-content{
  float:left;
  width:50%;
  background:var(--banner-color);
  text-align:center;
  padding: 1em 1em 1.9em;
}
.in-content-in{
  float:left;
  width:50%;
}
.in-content h4{
  margin: 0.5em 0 1em;
  font-size:1.8em;
  color:var(--white);
}
.in-content p{
  margin:0 0 2.3em;
  font-size:1em;
  color:var(--white);
}
a.in-more{
  color:var(--banner-bg-color);
  background:var(--white);
  border-radius:5px;
  border:none;
  padding:0.5em 1.5em;
}
a.in-more:hover{
  background:var(--banner-bg-color);
  color:var(--white);
}
.blub{
  background: var(--img-sprite) 0px -46px;
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
}
p.in-due{
  float:right;
  margin:0.3em 0;
  font-size: 1.1em;
  color: var(--black);
  width: 94%;
  text-transform: uppercase;
}
.bottom-in-set {
  padding: 3.5em 0;
}
.lot{
  width:100%;
}
.content-in-on{
  background:var(--dark-grey);
  padding:4em 0 1em;
}
.item-in p {
  border: 2px solid var(--white);
  margin: 0 auto;
  width: 74%;
  font-size: 1.4em;
  color: var(--light-grey);
  padding: 2.5em;
  line-height:1.5em;
}
.item-in label {
  background: var(--img-in) -4px 0px no-repeat;
  width: 25px;
  height: 34px;
  display: block;
  position: absolute;
  top:55.5%;
  left: 50%;
}
.item-in {
  padding: 3em 0 7em;
  text-align:center;
}
.item-in span{
  color: var(--white);
  font-size: 1.3em;
  padding: 1.5em 0 0;
  display: block;
}
.content-in-on h4{
  margin:0;
  font-size:3em;
  text-align:center;
  color:var(--white);
  text-transform:uppercase;
}
div#example1 {
  padding-bottom: 5em;
}
b.down-arrow{
  background: var(--img-sprite) -4px -176px no-repeat;
  width: 38px;
  height: 25px;
  display: block;
  text-align: left;
  position: absolute;
  top: 8em;
  left: 9.5em;
}
b.in-usa{
  background: var(--img-sprite) -42px -182px no-repeat;
  width: 38px;
  height: 25px;
  display: block;
  text-align: left;
  position: absolute;
  top: 8em;
  right: 9.5em;
}
/*----*/
.wmuSlider {
  position: relative;
  overflow: hidden;
}
.wmuSlider .wmuSliderWrapper article img {
  max-width: 100%;
  width: auto;
  height: auto;
  display:block;
}
/* Default Skin */
.wmuSliderPagination {
  z-index: 2;
  position: absolute;
  right:46%;
  bottom:35px;
}
ul.wmuSliderPagination {
  padding:0;
}
.wmuSliderPagination li {
  float: left;
  margin: 0 8px 0 0;
  list-style-type: none;
}
.wmuSliderPagination a {
  text-indent: -9999px;
  display: block;
  width: 18px;
  height: 18px;
  margin: 5px 6px;
  background: var(--light-grey);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -o-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
}
.wmuSliderPagination a.wmuActive {
  background:var(--white);
}
/*--products--*/
.products{
  text-align:center;
  background:var(--very-light-grey);
  padding: 4em 0;
}
.products-top {
  padding: 1em 0 3em;
}
.products-top h3{
  margin:0 0 0.5em;
  font-size:3em;
  color:var(--black);
  text-transform:uppercase;
}
.products-top p{
  margin:0 auto;
  font-size:1.1em;
  color:var(--light-banner-bg);
  line-height:1.6em;
  width:70%;
}
.read p{
  margin: 0 auto;
  font-size: 1.2em;
  color: var(--white);
  width: 76%;
}
/*----*/
.view {
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
   margin-bottom: 28px;
}
.view .mask {
  position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   height:250px;
   padding:2em 0;
}
.view img {
   display: block;
   position: relative;
}
.view h4 {
   text-transform: uppercase;
   color: var(--white);
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: var(--white);
   padding: 10px 20px 20px;
   text-align: center;
}
.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   background-color:var(--banner-bg-color);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth h4 {
   border-bottom: 1px solid var(--light-banner-color);
   background: transparent;
   margin:40px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: var(--white);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   color: var(--white);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover h4,.view-tenth:hover p {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.products-bottom {
  padding: 1em 0;
}
/*--services--*/
.services-top-top{
  text-align:center;
  background:var(--very-light-grey);
  padding: 4em 0;
}
.services-top {
  padding: 1em 0 3em;
}
.services-top h3{
  margin:0 0 0.5em;
  font-size:3em;
  color:var(--black);
  text-transform:uppercase;
}
.services-top p{
  margin:0 auto;
  font-size:1.1em;
  color:var(--light-banner-bg);
  line-height:1.6em;
  width:70%;
}
a.here{
  background:var(--banner-bg-color);
  border:none;
}
a.here:hover{
  background:var(--banner-color);
}
.read-in{
  padding: 1em 0;
}
.read-in h5{
  margin:0;
  color:var(--black);
  font-size:1.5em;
  text-transform:uppercase;
}
.read-in p{
  margin: 0.5em auto 2em;
  font-size: 1.2em;
  color:var(--light-banner-bg);
  width: 90%;
}
.content-middle h4{
  color:var(--black);
  font-size: 2.5em;
  text-transform: uppercase;
}
.content-middle h4 label{
  color:var(--banner-bg-color);
}
span.many-left{
  font-size: 1.8em;
  color:var(--medium-grey2);
}
p.grid-para{
  font-size: 1.2em;
  color:var(--light-grey);
  line-height: 25px;
  margin: 0;
  padding: 1em 0 0;
}
.stand{
  text-align:center;
  background:var(--banner-bg-color);
  padding:2em 2em 5em;
}
.stand p{
  color: var(--white);
  font-size: 1.8em;
  line-height: 30px;
  text-transform: uppercase;
  margin: 1em auto 2em;
  width: 81%;
  font-weight: 300;
}
a.more-in{
  text-decoration:none;
  font-size:1.2em;
  color:var(--white);
  background:var(--banner-color);
  padding: 1em 1.5em;
}
a.more-in:hover{
  background:var(--white);
  color:var(--banner-bg-color);
}
.services-bottom {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: center;
}
.services-bottom-in {
  padding: 4em 0;
}
.bottom-in-ser{
  background:var(--banner-bg-color);
  padding: 4em 0;
}
ul.popular li {
  list-style:none;
  padding:0.5em 0;
}
ul.popular li a{
  text-decoration: none;
  font-size: 1.2em;
  color:var(--white);
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
ul.popular li a:hover{
  color:var(--banner-color);
}
ul.popular li span.dot {
  background:var(--popular-arrow-icon) no-repeat 0px 8px;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 0em 8px 0 0;
}
.grid-categories h4{
  text-transform:uppercase;
  margin:0.5em 0;
  font-size:2em;
  color:var(--white);
}
.grid-categories p{
  color:var(--white);
  font-size:1.2em;
  margin:0;
  line-height:1.6em;
}
/*--blog--*/
.blog{
  background:var(--very-light-grey);
  padding: 4em 0;
}
.blog-top h3{
  margin:0 0 0.5em;
  font-size:3em;
  color:var(--black);
  text-transform:uppercase;
  text-align:center;
}
.blog-left,.left-blog,.top-blog{
  float:left;
}
.blog-left{
  width:8%;
}
.left-blog{
  width:33%;
}
.top-blog{
  width:57%;
  padding:0 0 0 2em;
}
.blog-left p{
  font-size: 5em;
  color: var(--banner-bg-color);
  display: block;
  height: 78px;
  font-weight: 400;
  margin:0;
}
.blog-left span {
  font-size: 2.7em;
  color: var(--banner-color);
}
ul.men-grid li{
  padding: 0.5em 0;
  display: inline-block;
}
ul.men-grid li  span{
  background: var(--img-sprite) -57px -62px;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin: 0 4px;
}
ul.men-grid li  span.out{
  background-position:-76px -62px;
}
ul.men-grid li a{
  text-decoration: none;
  font-size: 1em;
  color: var(--black);
  vertical-align: top;
}
.top-blog a.fast {
  text-decoration: none;
  font-size: 1.3em;
  text-transform: uppercase;
  color: var(--black);
  margin:0.5em 0;
}
.top-blog a.fast:hover{
  color: var(--banner-color);
}
.top-blog p{
  margin:0 0 3em;
  font-size:1.1em;
  color:var(--light-banner-bg);
  width:82%;
}
.single-top {
  padding: 2em 0;
}
/*--resources--*/
.resources{
  text-align:center;
  background:var(--very-light-grey);
  padding:2em 0;
}
.page-not-found{
  padding: 0;
}
.page-not-found h3 {
  font-size: 15em;
  color: var(--banner-color);
  text-align: center;
  margin:0;
  min-height:231px;
}
.resources p{
  color:var(--light-banner-bg);
  font-size:40px;
  margin-top:1px;
}
.sub a{
  color:var(--white);
  background:var(--very-dark-grey);
  text-decoration:none;
  padding:10px 20px;
  font-size:13px;
  font-family: arial, serif;
  font-weight:bold;
  -webkit-border-radius:.5em;
  -moz-border-radius:.5em;
  -border-radius:.5em;
}
/*--single--*/
/*----artical-links---*/
.single{
  background:var(--very-light-grey);
  padding:4em 0;
}
.single-header h3{
  font-size: 3em;
  color: var(--black);
  text-transform: uppercase;
  margin:0;
  text-align:center;
}
.artical-links{
  padding: 10px 0px;
  border:1px dashed rgba(0, 0, 0, 0.61);
  border-left: none;
  margin-top: 5px;
  border-right: none;
}
.artical-links ul li{
  display:inline-block;
}
.artical-links ul li:last-child{
  float:right;
}
.artical-links ul li a span{
  vertical-align:top;
}
.artical-links ul li small{
  background: var(--img-sprite) -8px -106px;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right:3px;
}
.artical-links ul li small.admin{
  background-position:-27px -106px;
}
.artical-links ul li small.no{
  background-position:-48px -106px;
}
.artical-links ul li small.posts{
  background-position:-64px -109px;
}
.artical-links ul li small.link{
  background-position:-86px -108px;
}
.artical-links ul li a{
  color: var(--black);
  padding-left: 20px;
}
.artical-links ul li a:hover{
  text-decoration:underline;
}
.artical-content h3{
  color: var(--black);
  text-align: left;
  text-transform: uppercase;
  padding: 15px 0px;
  font-size: 1.8em;
}
.artical-content p{
  color: var(--light-banner-bg);
  padding: 13px 0px;
  font-size:1.1em;
}
/*----share-artical----*/
.share-artical h3{
  color: var(--black);
  text-align: left;
  text-transform: none;
  padding: 17px 0px 28px 0px;
  margin: 0;
  font-size: 1.6em;
}
.share-artical ul li{
  display:inline-block;
  padding-right:10px;
}
.share-artical ul li a{
  color: var(--black);
  padding-left: 20px;
  vertical-align:top;
}
.share-artical ul li span{
  background: var(--img-sprite) -4px -150px;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right:3px;
}
.share-artical ul li span.twitter{
  background-position: -26px -150px;
}
.share-artical ul li span.link-in{
  background-position: -52px -150px;
}
.share-artical ul li span.google{
  background-position: -73px -150px;
}
.share-artical ul li span.pin{
  background-position: -96px -153px;
}
.share-artical ul li span.rss{
  background-position: -119px -152px;
}
.share-artical ul li a:hover{
  text-decoration:underline;
}

/*---comment-box----*/
.table-form{
  width:100%;
}
.table-form form input[type="text"]{
  border: 1px solid rgba(192, 192, 192, 0.22);
  outline: none;
  padding: 8px;
  margin-top: 23px;
  color: var(--black);
  overflow: hidden;
  width: 40%;
  display: block;

}
.table-form textarea{
  padding: 8px;
  margin-top: 25px;
  outline:none;
  color:var(--black);
  border: 1px solid rgba(192, 192, 192, 0.22);
  width:70%;
  height:100px;
  resize: none;
}
.table-form a{
  margin-top:10px;
  color: var(--banner-bg-color);
  font-size: 1.1em;
  text-transform: uppercase;
  display: block;
  transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
}
.table-form a:hover{
  color: var(--black);
}
.artical-commentbox h3{
  color: var(--black);
  text-align: left;
  text-transform: none;
  padding-top: 14px;
  margin: 0;
  font-size: 1.6em;
}
/*--contact--*/
.contact{
  text-align:center;
  background:var(--very-light-grey);
  padding: 4em 0;
}
.contact-top {
  padding: 1em 0 3em;
}
.contact-top h3{
  margin:0 0 0.5em;
  font-size:3em;
  color:var(--black);
  text-transform:uppercase;
}
.contact-top p{
  margin:0 auto;
  font-size:1.1em;
  color:var(--light-banner-bg);
  line-height:1.6em;
  width:70%;
}
.map iframe{
  width:100%;
  height:464px;
  border:none;
}
.map h4,.contact-grid h4{
  margin:0 0 1em;
  font-size:2em;
  color:var(--black);
}
.contact-grid input[type="text"],.contact-grid textarea{
  width: 100%;
  padding: 1em;
  margin: 1em 0;
  background: var(--white);
  outline:none;
  border: none;
  -webkit-appearance: none;
}
.contact-grid textarea{
  resize:none;
}
.send-in input[type="submit"]{
  width: 100%;
  font-size: 1.5em;
  background: var(--banner-color);
  padding: 0.6em 1em;
  text-align: center;
  color: var(--white);
  border: none;
  outline:none;
  -webkit-appearance: none;
}
.send-in input[type="submit"]:hover{
  background:var(--banner-bg-color);
}
.contact-form {
  padding: 1em 0 3em;
}
.map {

}
/*--footer--*/
.footer-in h5{
  color:var(--dark-grey);
  font-size:3em;
  margin:0;
  text-transform:uppercase;
}
.mail input[type="text"],.send input[type="submit"]{
  width: 100%;
  padding: 1em;
  outline: none;
  color: var(--medium-grey);
  font-size: 1em;
  background: none;
  border: 1px solid var(--light-grey);
}
.send input[type="submit"]{
  background: var(--banner-bg-color);
  color: var(--white);
  font-size: 1.5em;
  border: none;
  padding: 10px 1.3em;
}
.send input[type="submit"]:hover{
  background: var(--banner-color);
}
.footer-top {
  padding: 3em 0;
}
.mail {
  padding-left: 0;
}
ul.social-ic-icons li{
  display:inline-block;
  padding: 0 0.3em;
}
ul.social-ic-icons li a span{
  background: var(--img-sprite) -84px -6px;
  width: 25px;
  height: 25px;
  display:block;
}
ul.social-ic-icons li a span:hover{
  opacity:0.7;
}
ul.social-ic-icons li.twitter a span{
  background-position: -108px -6px;
}
ul.social-ic-icons li.gmail a span{
  background-position: -133px -8px;
}
ul.social-ic-icons li.print a span{
  background-position: -159px -9px;
}
.foter-bottom{
  text-align:center;
}
p.footer-grid{
  color:var(--light-grey);
  font-size:1.2em;
  text-transform:uppercase;
  margin:1em 0;
}
p.footer-grid a{
  text-decoration:none;
  color:var(--banner-bg-color);
}
p.footer-grid a:hover{
  color:var(--light-grey);
}
/*--responsive media-quries--*/
@media(max-width:1440px){
}
@media(max-width:1366px){
}
@media(max-width:1280px){
  .banner {
    top: 22%;
    width: 45%;
  }
  b.down-arrow {
    left: 8.5em;
  }
  b.in-usa {
    right: 7.5em;
  }
}
@media(max-width:1024px){
  .sb-search {
    right: 29px;
    margin-top: 12px;
  }
  .top-tele {
    width: 50%;
  }
  .banner {
    top: 14%;
    width: 56%;
    left:20%;
  }
  .in-content h4 {
    margin: 0.5em 0 23px;
  }
  .in-content p {
    height: 36px;
    overflow: hidden;
  }
  .item-in p {
    font-size: 1.3em;
  }
  b.down-arrow {
    left: 5.5em;
  }
  b.down-arrow {
    left: 5.5em;
  }
  .item-in label {
    top: 57.5%;
  }
  .wmuSliderPagination {
    right: 43%;
  }
  .footer-in h5 {
    font-size: 2.5em;
  }
  .view .mask {
    height: 196px;
    padding: 0em 0;
  }
  ul.popular li a {
    font-size: 1em;
  }
  .grid-categories p {
    font-size: 1.1em;
  }
  .top-blog p {
    margin: 0 0 2em;
    height: 80px;
    overflow: hidden;
  }
}
@media(max-width:768px){
  .sb-search {
    margin-top: 4px;
  }
  .sb-search-input {
    width: 45%;
  }
  .top-tele {
    width: 62%;
  }
  .banner h2 {
    font-size: 2em;
  }
  .banner {
    padding: 3em 2em 4em;
    left: 22%;
    width: 52%;
  }
  ul.callbacks_tabs.callbacks1_tabs {
    right: 2em;
  }
  .callbacks_tabs a:after {
    width: 100px;
  }
  .more h3 {
    font-size: 2.3em;
  }
  .more p {
    font-size: 1.1em;
  }
  a.info-left {
    margin: 0.2em 0 0;
  }
  .in-content p {
    height: 72px;
    width: 73%;
    margin: 0 auto 2em;
  }
  .in-content {
    padding: 3em 1em 4.3em;
    margin: 0 0 1em;
  }
  p.in-due {
    width: 90%;
  }
  .item-in p {
    width: 85%;
    font-size: 1.2em;
  }
  .item-in label {
    top: 55.8%;
  }
  b.down-arrow {
    left: 1.5em;
  }
  b.in-usa {
    right: 1em;
  }
  .footer-in h5 {
    text-align: center;
  }
  .mail {
    padding-left: 15px;
    margin: 2em 0;
  }
  .send input[type="submit"] {
    width: 50%;
  }
  .send {
    text-align: center;
  }
  .of-my{
    margin:0 auto;
  }
  .view .mask{
    left: 160px;
    height: 255px;
    width: 53.6%;
  }
  .view-tenth img {
      transition: none;
  }
  .view-tenth {
    margin: 0em 0 2em;
  }
  .view .mask {
    padding: 2em 0;
  }
  .products-bottom {
    padding: 0em 0;
  }
  .stand {
    width: 70%;
    margin: 1em auto;
  }
  ul.popular li a {
    font-size: 1.2em;
  }
  .blog-left {
    width: 13%;
  }
  .left-blog {
    width: 52%;
  }
  .top-blog {
    width: 92%;
    margin: 2em auto;
  }
}
@media(max-width:640px){
  .sb-search.sb-search-open, .no-js .sb-search {
    width: 90%;
  }
  .top-tele,.logo,.more,.info-left {
    float: none;
  }
  .logo {
    text-align:center;
    margin:0;
  }
  .more,.info-left{
    text-align:center;
  }
  .top-tele {
    width: 78%;
    margin: 0 auto;
  }
  .header-bottom {
    padding: 1em 0;
  }
  .banner h2 {
    font-size: 1.8em;
  }
  .banner {
    padding: 2em 1em 3em;
  }
  a.info-left {
    margin: 1em auto 0;
    display: block;
    width: 28%;
  }
  .item-in p {
    font-size: 1.1em;
  }
  .item-in p {
    padding: 2em;
  }
  .item-in label {
    top: 54.8%;
  }
  b.down-arrow {
    left: 0.5em;
  }
  b.in-usa {
    right: 0em;
  }
  .view .mask {
    left: 95px;
    width: 66.3%;
  }
  .left-blog {
    width: 63%;
  }
}
@media(max-width:480px){
  .top-tele {
    width: 97%;
  }
  .sb-search.sb-search-open, .no-js .sb-search {
    width: 100%;
  }
  .banner h2 {
    font-size: 1.5em;
  }
  a.read-more {
    padding: 0.5em 1.5em;
    font-size: 1.1em;
  }
  .callbacks_tabs a:after {
    width: 70px;
    height:8px;
  }
  .banner {
    padding: 1em 1em 2em;
  }
  .more h3 {
    font-size: 1.7em;
  }
  .more p {
    font-size: 1em;
  }
  .content-welcome {
    padding: 2em 0;
  }
  .content-bottom h3,.content-in-on h4 {
    font-size: 2em;
  }
  .content-bottom span {
    font-size: 1.2em;
  }
  .in-content p {
    height: 60px;
    width: 83%;
  }
  .item-in label {
    top: 56%;
  }
  .item-in p {
    padding: 1.5em;
    width:82%;
  }
  .wmuSliderPagination {
    right: 37%;
  }
  .view .mask {
    left: 13px;
    width: 93.3%;
  }
  .products-top p,.services-top p,.contact-top p {
    width: 93%;
    height: 50px;
    overflow: hidden;
  }
  .products ,.services-top-top,.contact,.blog,.single{
    padding: 2em 0;
  }
  .products-top h3,.services-top h3,.contact-top h3 ,.blog-top h3,.single-header h3{
    font-size: 2em;
  }
  .read-in h5 {
    font-size: 1.3em;
  }
  .read-in p {
    font-size: 1.1em;
  }
  .content-middle h4 {
    font-size: 1.8em;
  }
  span.many-left {
    font-size: 1.4em;
    height: 59px;
    overflow: hidden;
    display: block;
  }
  p.grid-para {
    font-size: 1.1em;
    height: 93px;
    overflow: hidden;
  }
  .services-bottom-in {
    padding: 2em 0;
    text-align: center;
  }
  .stand p {
    font-size: 1.3em;
  }
  a.more-in {
    padding: 0.7em 1.5em;
  }
  .stand {
    padding: 1em 1em 4em;
  }
  .grid-categories h4 {
    font-size: 1.5em;
  }
  .bottom-in-ser {
    padding: 2em 0;
  }
  .footer-in h5 {
    font-size: 2em;
  }
  .page-not-found h3 {
  font-size: 12em;
  }
  .blog-left p {
    font-size: 4em;
    height: 63px;
  }
  .blog-left span {
    font-size: 2em;
  }
  .top-blog a.fast {
    font-size: 1.2em;
  }
  .blog-left {
    width: 18%;
  }
  .left-blog {
    width: 70%;
  }
  .single-top {
    padding: 1em 0;
  }
  .artical-content h3{
    font-size: 1.3em;
  }
  .artical-content p {
    font-size: 1em;
    height: 136px;
    overflow: hidden;
  }
  .artical-links ul li a,.share-artical ul li {
    padding: 0px;
  }
  .share-artical h3 {
  padding: 7px 0px 13px 0px;
  }
  .table-form form input[type="text"] {
    width: 65%;
  }
  .table-form textarea {
    width: 90%;
  }
  .content-bottom-grid {
    padding: 2em 0;
  }
  .content-bottom p {
    margin: 1em 0 2em;
  }
  p.in-due {
    width: 86%;
  }
  .top-nav ul li a {
    font-size: 1.2em;
  }
  .resources p {
    font-size: 30px;
  }
}
@media(max-width:320px){
  .resources p {
    font-size: 25px;
  }
  .page-not-found h3 {
    font-size: 7em;
    min-height: 106px;
  }
  .logo img {
    width: 99%;
  }
  .sb-search-input {
    width: 65%;
  }
  .top-tele {
    width: 89%;
    padding: 0.5em 0;
  }
  .in-phone,.in-phone-in{
    float: none;
  }
  .in-phone-in{
    width:75%;
  }
  .banner {
    padding: 1.5em 0.5em;
    left: 15%;
    width: 70%;
  }
  .top-nav ul li {
    padding: 0.4em 0;
  }
  .banner h2 {
    font-size: 1.2em;
    margin:0;
  }
  a.read-more {
    display:none;
  }
  ul.callbacks_tabs.callbacks1_tabs {
    bottom: 9px;
  }
  .callbacks_tabs a:after {
    width: 50px;
    height:5px;
  }
  .more h3 {
    font-size: 1.4em;
  }
  .more p {
    font-size: 0.9em;
  }
  a.info-left {
    display: block;
    width: 45%;
  }
  .content-welcome {
    padding: 1em 0;
  }
  .content-bottom h3, .content-in-on h4 {
    font-size: 1.4em;
  }
  .content-bottom span {
    font-size: 1em;
    height:40px;
    overflow:hidden;
    display:block;
  }
  .content-bottom p {
    margin: 0.5em 0 1em;
    height: 57px;
    overflow: hidden;
    line-height:1.5em;
    font-size:0.9em;
  }
  a.in-more{
    display:block;
    padding: 0.5em 1em;
  }
  .in-content h4 {
    margin: 0.5em 0 5px;
    font-size:1.2em;
  }
  .in-content p {
    height: 22px;
    width: 100%;
    margin:0 auto 1em;
  }
  .in-content {
    padding: 2em 1em 2.3em;
  }
  .bottom-in-set {
    padding: 1em 0 2em;
  }
  p.in-due {
    width: 80%;
    height: 40px;
    overflow: hidden;
    font-size:1em;
  }
  div#example1 {
    padding-bottom: 2em;
  }
  .footer-in h5 {
    font-size: 1.5em;
  }
  .mail {
    margin: 1em 0;
  }
  .send input[type="submit"] {
    width: 58%;
    font-size:1.2em;
  }
  .mail input[type="text"], .send input[type="submit"] {
    padding: 0.4em;
  }
  .footer-top {
    padding: 1em 0;
  }
  .view .mask {
    left: 0px;
    width: 100%;
    padding:0;
    height:164px;
  }
  .view-tenth h4 {
    margin: 0 1em;
  }
  .view h4{
    font-size:13px;
  }
  .products-top {
    padding: 1em 0;
  }
  .products, .services-top-top, .contact, .blog, .single {
    padding: 1em 0;
  }
  .products-top h3, .services-top h3, .contact-top h3, .blog-top h3, .single-header h3 {
    font-size: 1.5em;
  }
  .products-top p, .services-top p, .contact-top p {
    height: 48px;
    font-size:1em;
  }
  .read-in h5 {
    font-size: 1.1em;
  }
  .read-in p {
    font-size: 0.9em;
    width:100%;
    margin: 0.5em auto 1em;
  }
  .content-middle h4 {
    font-size: 1.5em;
    margin:0;
  }
  span.many-left {
    font-size: 1.2em;
    height: 47px;
  }
  p.grid-para {
    font-size: 1em;
    height: 50px;
    line-height: 20px;
    padding: 0.5em 0 0;
  }
  .stand p {
    font-size: 1.1em;
    line-height: 24px;
    margin: 0em auto 1em;
    width: 85%;
  }
  .stand {
    width: 85%;
    margin: 1em auto;
  }
  a.more-in {
    font-size: 1.1em;
    padding: 0.5em 1.3em;
  }
  .services-bottom-in {
    padding: 1em 0;
  }
  .grid-categories h4 {
    font-size: 1.3em;
  }
  ul.popular li a {
    font-size: 1em;
  }
  .grid-categories p {
    font-size: 1em;
    height: 92px;
    overflow: hidden;
  }
  .bottom-in-ser {
    padding: 1em 0;
  }
  .read-in {
    padding: 0.3em 0;
  }
  .contact-top {
    padding: 0em 0 1em;
  }
  .map h4, .contact-grid h4 {
    font-size: 1.3em;
    margin: 0.5em 0 0em;
  }
  .map iframe {
    height: 130px;
  }
  .contact-grid input[type="text"], .contact-grid textarea {
    padding: 0.7em;
    margin: 0.5em 0;
  }
  .send-in input[type="submit"] {
    font-size: 1.3em;
  }
  p.footer-grid {
    font-size: 1.1em;
  }
  .blog-left p {
    font-size: 2.5em;
    height: 38px;
  }
  .blog-left span {
    font-size: 1.7em;
  }
  .top-blog a.fast {
    font-size: 1em;
  }
  .top-blog {
    width: 100%;
    margin: 1em auto 0;
  }
  .top-blog p {
    margin: 0 ;
    height: 41px;
    font-size:1em;
  }
  .share-artical h3 {
    font-size: 1.2em;
  }
  .share-artical h3 {
    font-size: 1.2em;
  }
  .artical-content h3 {
    font-size: 1.2em;
    margin:0;
  }
  .item-in p {
    padding: 1em;
    width: 73%;
    font-size: 0.9em;
  }
  .item-in label {
    top: 67.2%;
  }
  .item-in span {
    font-size: 1.1em;
  }
  .wmuSliderPagination {
    right: 27%;
    bottom:0;
  }
  .content-in-on {
    padding: 1em 0;
  }
  .item-in{
    padding:1em 0 2em;
  }
  b.down-arrow,b.in-usa{
    top:5em;
  }
}