/*KEYFRAMES*/
/* Large Tablet Devices */
/*keyframes*/
@media only screen
and (min-width : 1011px) {
.bnr_ani {
  -webkit-animation-duration: 1318ms;
  animation-duration: 1318ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.mid_ani1 {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.mid_ani2 {
  -webkit-animation-duration: 1591ms;
  animation-duration: 1591ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.mid_ani3 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.serv_ani1 {
  -webkit-animation-duration: 591ms;
  animation-duration: 591ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.serv_ani2 {
  -webkit-animation-duration: 818ms;
  animation-duration: 818ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.serv_ani3 {
  -webkit-animation-duration: 1182ms;
  animation-duration: 1182ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.serv_ani4 {
  -webkit-animation-duration: 682ms;
  animation-duration: 682ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.serv_ani5 {
  -webkit-animation-duration: 545ms;
  animation-duration: 545ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.serv_ani6 {
  -webkit-animation-duration: 1364ms;
  animation-duration: 1364ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ftop_ani1 {
  -webkit-animation-duration: 1045ms;
  animation-duration: 1045ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.ftop_ani2 {
  -webkit-animation-duration: 1500ms;
  animation-duration: 1500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-1000px, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-1000px, 0, 0);
    visibility: visible;
  }

  100% {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(1000px, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}

@keyframes slideInRight {
  from {
    transform: translate3d(1000px, 0, 0);
    visibility: visible;
  }

  100% {
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

}

@media only screen
and (max-width : 1100px) {
	.socmedia{/*position: static; margin: 15px auto -25px;*/ bottom:110px; }
	.footer_btm{text-align:center;}
	.ftr_btm_content{width:100%;padding: 10px 0 0;}
	.ftr_btm_content p{padding:0 50px;}
	.ftr_btm_content .contacts a img{position:static;}
	.ftr_btm_content .contacts ul{/*margin-top:10px;*/}
	.footer_logo { margin-top: 100px; }
	.copyright{padding-top:20px;}
	.footer_nav{margin-top:40px;}

  nav ul li a {font-size: 15px;padding: 0 14.7px;}
}

@media only screen
and (max-width : 1090px) {
html, body{
-webkit-touch-callout: none;
-webkit-user-select: none; /* Webkit */
-moz-user-select: none;    /* Firefox */
-ms-user-select: none;     /* IE 10  */
}

/*header*/
header{padding:0 10px}
.socmedia{/*left:40px;*/}


/*mid*/
.mid_box2{margin:0 40px}
.mid_box2::before{left:-25px;}
.mid_box2::after{right:-25px;}

/*main*/
#main_area{padding:0 10px}
main{width:48%}

/*footer*/
.ftop_con{padding:85px 10px 0 59%}
.ftop_img{left:10px}
.ftop_con a{bottom:-10px}

.ftr_logos ul li{margin:0 10px}

.sidebar{padding: 23px 0 0 295px;}
}

@media only screen
and (max-width : 1024px) {
/* Nav Area Sub-Menu Style */
nav li.menu-item-has-children > span{display:block;}
nav ul ul li a {line-height: 50px;}
nav ul li:hover > ul{display: none;}
nav span{right: -15px;}
}

@media only screen
and (max-width : 1010px) {

/*Header Area*/
.head_nav{position:static;}
header{padding:0px 10px 15px;background: #003d85;margin:0;}
	.logo{float: none; text-align: center; margin: 0 auto;}
	.logo img{background: #fff;padding: 10px;}
	.header_info{text-align: center; float: none; padding: 20px 0 0;}
	.socmedia{left: 0; right:0; position: static; margin-top: 20px;width:100%;text-align:center; }

/*Nav Area*/
nav{clear: both; height:auto;margin:auto; padding:10px 10px 4px; transition:none; position:relative; width:100%; right:0; top:0;background:#003d85}
	nav ul{ margin:0; text-align:center;}
	nav ul li{width: 32.4%; text-align: center; border:1px solid #fff; margin:0px 2px 6px !important;}
	nav ul li:after{display:none}
	nav ul li a{line-height: 50px;padding:0;color:#fff; font-size:17px;}
	nav ul ul li a, nav ul ul{width:100%;}
nav span{right: 0;}
/*Banner Area*/
#banner{text-align:center; height:auto; margin:0;}
	.box_skitter{display:none;}
	.rslides{display:block;}
	.slider{width: 190%; height: auto; margin-left: -40%;}
	.bnr_info img{display:none}
	.bnr_info{left: 50%; right: auto; transform: translateX(-50%); bottom: 90px; padding: 0 10px;}
	.bnr_info h2{font-size:5vw}
	.bnr_info h2 span{font-size:6.5vw}
/*Middle Area*/
	.middle_con{padding:20px 10px;min-height:0;text-align:center;}
	.mid_box2::before,.mid_box2::after{display:none}
	[class^="mid_box"]{margin:0 3px;width:32%}
/*Main Area*/
#main_area{padding:0; margin:0;min-height:0;}
	main{float: none;  padding: 10px;  min-height: 0;  width: 100%;}
	main .h1_title{margin-bottom:15px;}

	.sidebar{margin: 15px auto 35px;  float: none;  padding: 33px 10px 0 300px; width: 560px;}
/*Bottom Area*/
#bottom1{}
	.btm1_con {padding:20px 10px;min-height:0;}
	.btm1_heading{padding:0;}
	.btm1_heading::before{display:none}
	.btm1_serv img{display:none}
	.btm1_serv{padding:0;margin-top:20px}

	.btm1_serv ul{-webkit-column-count: 1;  -moz-column-count: 1;  column-count: 1;  -webkit-column-gap: 0px;  -moz-column-gap: 0px;  column-gap: 0px;}
	.btm1_serv ul li{border: 1px solid #fff;  width: 32%;  display: inline-block;  vertical-align: top;  margin-bottom: 10px;  text-align: center !important;  padding:15px 10px !important;  height: 84px;border-radius:5px;}
	.btm1_serv ul li:first-child a, .btm1_serv ul li:nth-child(2) a, .btm1_serv ul li:nth-child(3) a,.btm1_serv ul li:last-child a, .btm1_serv ul li:nth-child(4) a, .btm1_serv ul li:nth-child(5) a{padding:0;}
	.btm1_serv ul li:last-child a::after, .btm1_serv ul li:nth-child(4) a::after, .btm1_serv ul li:nth-child(5) a::after,.btm1_serv ul li:first-child a::before, .btm1_serv ul li:nth-child(2) a::before, .btm1_serv ul li:nth-child(3) a::before{display:none}

	.btm1_serv ul li a{font-size: 2.5vw;}
	.btm1_serv ul li a span{font-size: 3.1vw;}
/*Footer Area*/
footer{height:auto;min-height: 0;background-size:cover}
	.ftop_con{padding:20px 10px;min-height:0;text-align:center}
	.ftop_img{display:none}
	.ftop_con h2{margin-bottom:15px}
	.ftop_con a{position: static;  margin: 15px auto 0;}
	.ftr_logos ul li{width:32%;margin:0 3px 20px}

	.ftr_btm_content p{padding:0}
	.ftop_line1,.ftop_line2{display:none}
	.ftr_btm_content h2{margin-bottom:20px;}
	.footer_btm{padding:10px;}
	.ftr_btm_content ul li{font-size:18px}

	.ftr_btm_content{padding:0;}
	.footer_nav{height:auto;}
	.footer_nav ul{ margin:0; text-align:center; font-size: 0;}
	.footer_nav ul li{width: 32%; text-align: center; border:1px solid #792cde; margin:0px 2px 6px !important;}
	.footer_nav ul li:after{background: none;}
	.footer_nav ul li a{line-height: 50px;}
  .footer_nav::before{display:none}

  .footer_logo {margin-top: 30px;}
.badge {position: static;margin: 30px auto;}
.bbb_logo{position:static;margin:30px auto;}

.contacts, .about_us, .our_services {/*width:33%;*/ width:31%;}
.ftr_btm_content .contacts img{position:static;display: block;}
.contacts {/*padding-top:90px;*/}
.our_services, .about_us{margin-top:0px;}
.footer_nav{margin-top:10px;}

#google_translate_element {position: absolute;top: 15px;right: 15px;}

}

@media only screen
and (max-width : 855px) {
  #bottom1 iframe {width: 100%; height: 350px; }
}

@media only screen
and (max-width : 800px) {
/* Header Area */
.logo{float: none;  margin: 0;  width: 240px;  height: auto;  padding: 0;}
.logo img{background: none; padding: 0;}
.header_info{text-align: center;float: none;}
.header_info h2 span {margin-top: 10px;}
#google_translate_element {position: absolute;top: 15px;transform: translate(-50%);left: 50%;right: unset;}

/* Nav Area */
.nav_toggle{display:block;}
nav {width: 280px;position: fixed;top: 0;right: -280px;height: 100%;background: #003D85;transition: all 0.7s ease;overflow-y: scroll;padding: 0 0 30px;opacity: 0;}
nav ul{margin: 0; padding: 0;}
nav ul li{width: 100%; display: block; margin: 0 auto !important;border: none;border-bottom: 1px solid #f8f8f8;text-align: left;}
nav ul li a{padding:0 20px !important;}
nav ul li:last-child{border-bottom: none;}

nav ul ul{width:100%; position:relative;  transition:none;}
nav ul ul li {border:none; width:100%;}

/* Toggle Style */
.toggle_right_nav {position: fixed;top: 0;left: 0;right: 0;width:100%;height: 100%;z-index: 1000;visibility: hidden; transition: all 0.7s ease;}
.toggle_nav_close {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.toggle_right_cont {visibility: visible;background: rgba(0,0,0,0.9);}
.toggle_right_style {right: 0;opacity: 1;z-index: 45; overflow-x: hidden;}
.logo_slide_right {display: inline-block;vertical-align: middle;width: calc(100% - 90px);}

.menu_slide_right {display: block;text-align: left;padding: 20px 10px;background: #fff;position: relative;}
.menu_slide_right small {display: inline-block;  vertical-align: middle;  font-size: 30px;  font-weight: bold;  color: #000;  line-height: 100%;  text-align: right;  cursor: pointer;  position: absolute;  top: 50%;  right: 15px;  transform: translate(0,-50%);  border: 2px solid #000;  padding: 2px 6px;}

/*Footer Area*/
.ftr_logos ul li{width:48%}
  .email {font-size: 14px;}
}

@media only screen
and (max-width : 724px) {
	.contacts, .about_us, .our_services {height:175px;}
	.contacts{/*padding-top:15px;*/}
}

@media only screen
and (max-width : 750px) {
/*mid*/
[class^="mid_box"]{width:48%;margin:0 3px 30px}
.mid_box3{margin-bottom:0;}
.resources{column-count: 1 !important;}
.resources li{width: 100%; display: block; min-height:  0 !important;}
}

@media only screen
and (max-width : 700px) {
	.contacts, .about_us, .our_services {width:100%;height:auto; }
	.contacts, .about_us {  margin-bottom:20px; }
	.ftr_btm_content .contacts img{margin:0 auto;}
	.contacts{/*padding-top: 40px;*/}
	.ftr_btm_content .socmedia ul {/*margin-top:45px;*/}
	.footer_nav{/*margin-top:-50px*/}
  .email {font-size: 18px;}
}

/* Smartphones */
@media only screen
and (max-width : 600px) {
/* preset config */
.col2, .col3{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
.thumb_left_dd, .thumb_right_dd, .thumb_center_dd, .slider{display: none;}
.fleft-img, .fright-img, .fcenter-img {display: none;}
/*Banner Area*/
.mobi_ban{display: block;}
.bnr_info{position: static; background: #003d85; transform: none; padding: 20px 10px;}
.bnr_info a{width: 300px;  height: 50px;  font-size: 20px;margin-top:15px;}
.bnr_info p{font-size:16px;color: #fff;}
.bnr_info h2{font-size:22px;color: #fff;}
.bnr_info h2 span{font-size:30px}
/*Middle Area*/

/*Main Area*/
#main_area{padding:0 10px}
main{padding:10px 0}
.sidebar{width: 100%;  padding: 20px 10px;  text-align: center;  min-height: 0;}
.sidebar img{display:none;padding:20px 10px}
.sidebar a{position: static;  margin: 15px auto 0;}
main .h1_title{font-size:30px}
/*Bottom Area*/
.btm1_serv ul li{width:48%;}
.btm1_serv ul li a{font-size:20px}
.btm1_serv ul li a span{font-size:25px}
#bottom1{background-size:cover}
/*Footer Area*/
footer{padding-bottom:60px}
.footer_comp{display:block; line-height: 28px;}
.footer_comp:before, .footer_comp:after{display: none;}
.footer_nav ul li{width:100%; margin: 0 auto 6px!important;}

.ftr_btm_content h2{font-size:30px}
.ftr_btm_content h2 span{font-size:35px}
.ftr_btm_content ul li{line-height:25px;margin-bottom:10px}
.ftr_btm_content ul li span{display:block}
.ftr_btm_content ul li small{display:none}


/*Others*/
.col2, .col3{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
.thumb_left_dd, .thumb_right_dd, .thumb_center_dd, .slider{display: none;}
main .bullet{padding-left:10px;}
.back_top{background: url(../images/back_top.png) no-repeat center #792cde;  position: fixed;  bottom: 0;  right: 0;  width: 50px;  height: 50px;  cursor: pointer;  z-index: 999;  left: 0;  margin: 0 auto;  border-top-left-radius: 25px;  border-top-right-radius: 25px;}
.back_top:hover{opacity: .6;}


.sitemap{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px;  column-gap: 0px;}

}

@media only screen
and (max-width : 506px) {
	.comma { display: none; }
	.city-zip { display: block; margin-bottom: -30px;}
}
@media only screen
and (max-width : 500px) {
	/*.contacts, .about_us, .our_services {height:auto;margin: 0 auto 10px;}*/
	.ftr_btm_content ul{/*margin-top:20px;*/}
	.footer_nav, .ftr_btm_content .socmedia ul{margin-top:0px;}
}

@media only screen
and (max-width : 450px) {
.header_info a{display:block;margin: 15px auto 0;}
#bottom1 iframe {     height: 215px; }
#bottom1 h4 {font-size: 17px;}
/*middle*/
[class^="mid_box"]{width:300px;margin:0 auto 20px}
.mid_box3{margin-bottom:0;}

/*main*/
main .h1_title{font-size:25px}
main .h1_title span{font-size:23px;margin:0;}

/*bottom*/
.btm1_serv ul li{width:100%;display:block}

/*footer*/
.ftr_logos{margin:40px 0 20px}
.ftr_logos ul li{width:100%;}
}