input,table,tr,td{ margin:0; padding:0; border:none;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}
#slider {
  margin: auto;
  width: 100%;
  height: 56px;
  position: relative;
  border-radius: 6px;
  background-color: #dae2d0;
  overflow: hidden;
  text-align: center;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

#slider_bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #7AC23C;
  z-index: 1;
}

#label {
  width: 46px;
  position: absolute;
  left: 0;
  top: 0;
  height: 56px;
  line-height: 54px;
  border: 1px solid #cccccc;
  background: #fff;
  z-index: 3;
  cursor: move;
  color: #ff9e77;
  font-size: 16px;
  font-weight: 900;
}

#labelTip {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 13px;
  font-family: 'Microsoft Yahei', serif;
  color: #787878;
  line-height: 54px;
  text-align: center;
  z-index: 2;
}

 /*底部漂浮*/
.pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; height:50px; z-index:99;}
.pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;}
.pf_down li .ico{ width:100%; float:left; height:30px;}
.pf_down li .ico img{ height:36px;}
.pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#929292; line-height:14px;}
.pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #d32329; margin-top:-20px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}

/*右侧漂浮*/
.pf_right{ width:55px; position:fixed; right:128px; top:50%; margin-top:-243px; z-index:-1;  visibilit:visible !important;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pf_right ul{ width:100%; float:left;}
.pf_right ul li{ width:45px; height:42px; margin-top:12px; float:left; background:url(../img/icon/bian.png) no-repeat center center; background-size:100%;}
.pf_right ul li a{ display:block; float:right; width:45px; height:38px; position:relative;
-moz-border-radius:24px; 
-webkit-border-radius:24px; 
-khtml-border-radius:24px;
border-radius:24px;}
.pf_right ul li a img{ float:left;}
.pf_right ul li a .img_1{ display:none;}
.pf_right ul li a .ico{ width:45px; height:38px; position:absolute; right:0; top:0;}
.pf_right ul li a h5{ width:240px; line-height:38px; text-align:center; color:white; font-size:14px; display:none; float:left;}

.pf_right ul li:hover{ background:none !important;}
.pf_right ul li:hover a{ width:270px; background:#d32329;}
.pf_right ul li:hover a h5{ display:block;}

.pf_right ul li.r_ewm:hover a{ width:45px; background:#d32329;}
.pf_right ul li.r_ewm:hover a h5{ display:none;}

.pf_right ul li.last{ background-image:url(../img/icon/biantop.png); padding-top:5px;}

.pf_right ul li.r_ewm .z_ewm{position:absolute; right:57px;width:100px; height:100px; display:none; top:-12px;border:5px solid #d32329;}
.pf_right ul li.r_ewm .z_ewm span.jt{width:7px; height:14px; position:absolute; right:-12px; top:20px;}
.pf_right ul li.r_ewm .z_ewm img{width:100%; height:100%;}
.pf_right ul li.r_ewm:hover a .z_ewm{display:block;}

.pf_right.on{ right:40px;z-index:999;}
.pf_right.on ul li a .img_2{ display:none;}
.pf_right.on ul li a .img_1{ display:block;}
.pf_right.on ul li{ background-image:url(../img/icon/bianhei.png);}
.pf_right.on ul li.last{ background-image:url(../img/icon/biantophei.png);}
.pf_right.on ul li:hover a .img_1{ display:none;}
.pf_right.on ul li:hover a .img_2{ display:block;}
@media screen and (max-width:1569px) {
  .pf_right.on{ right:0 !important;}
}


/*首页弹窗*/
.pf_mb{ width:100%; height:100%; position:fixed; left:0; top:0; background:url(../img/icon/bg_hei.png); z-index:9999; display:none;}
.tc_930{ width:930px; height:584px; background:url(../img/icon/bg_red.png); position:fixed; left:50%; top:50%; margin:-252px 0 0 -465px; padding:57px 55px 0 55px; z-index:10001; display:none;}
.tc_930 .bian{ width:96%; height:92%; border:dashed 1px #e7a8aa; left:2%; top:4%; position:absolute; z-index:1;}
.tc_930 .btn{ width:42px; height:42px; position:absolute; right:35px; top:33px; cursor:pointer; z-index:9999;}
.tc_930 .title{ width:100%; float:left;}
.tc_930 .title img{ display:block; margin: 0 auto;}

.tc_930 .title span{ display:block; float:left; margin-left:21px; margin-top:7px;}
.tc_930 ul{ margin:0 -10px; z-index:9999; position:relative;}
.tc_930 ul li{ width:50%; float:left; margin-top:20px; padding:0 10px;}
.tc_930 ul li .zbox{ width:100%; float:left; border:solid 1px #db7c7f; padding:0 4px 0 60px; position:relative;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.tc_930 ul li .zbox .ico{ width:54px; height:54px; position:absolute; left:6px; top:0;}
.tc_930 ul li .zbox .ico img{ width:100%; float:left;}
.tc_930 ul li .zbox .name{ float:left; font-size:16px; color:white; line-height:54px;}
.tc_930 ul li .zbox .txk{ margin-left:38px; position:relative;}
.tc_930 ul li .zbox .txk input{ display:block; width:100%; height:54px; line-height:54px; color:white; font-size:16px; background:none;}
.tc_930 ul li.l1 .zbox .txk{ margin-left:88px;}
.tc_930 ul li.l2 .zbox .txk{ margin-left:56px;}
.tc_930 ul li.l3{ width:100%;}
.tc_930 ul li.l3 textarea{ display:block; width:100%; height:75px;border:solid 1px #db7c7f; padding:10px 19px; font-size:16px; line-height:24px; background:none; color:white;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;}
.tc_930 ul li.l2.l2_yz .zbox .txk{ padding-right:133px;}
.tc_930 ul li.l2.l2_yz .zbox .txk span{ width:129px; height:51px; position:absolute; right:2px; top:2px; cursor:pointer;}
.tc_930 ul li.l2.l2_yz .zbox .txk span img{width:100%; height:100%;}
.tc_930 ul li.l4 input{ display:block; width:100%; height:56px; line-height:54px; color:#d32329; font-size:24px; cursor:pointer; background:white;  border:solid 1px white;
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
-khtml-border-radius:6px;
border-radius:6px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.tc_930 ul li.l4 input:hover{ background:#d32329; color:white;}
.pf_down{
    display:none;
}
.pf_right{
    display: block;
}
@media screen and (max-width:991px) {
.tc_930{ width:92%; height:380px; left:4%; margin:-182px 0 0 0; padding:37px 35px 0 35px;}
.tc_930 .btn{ width:22px; height:22px; right:20px; top:28px;}
.tc_930 .title{ height:47px;}
.tc_930 .title img{ height:100%;}
.tc_930 .title span{ height:40px; margin-left:11px; margin-top:4px;}
.tc_930 ul{ margin:0 -5px;}
.tc_930 ul li{ margin-top:10px; padding:0 5px;}
.tc_930 ul li .zbox{ padding:0 4px 0 40px;}
.tc_930 ul li .zbox .ico{ width:34px; height:34px;}
.tc_930 ul li .zbox .name{ font-size:14px; line-height:34px;}
.tc_930 ul li .zbox .txk{ margin-left:32px;}
.tc_930 ul li .zbox .txk input{ height:34px; line-height:34px; font-size:14px;}
.tc_930 ul li.l1 .zbox .txk{ margin-left:78px;}
.tc_930 ul li.l2 .zbox .txk{ margin-left:46px;}
.tc_930 ul li.l3 textarea{ padding:6px 14px; font-size:14px; line-height:22px;}
.tc_930 ul li.l2.l2_yz .zbox .txk{ padding-right:83px;}
.tc_930 ul li.l2.l2_yz .zbox .txk span{ width:79px; height:31px; top:1px;}
.tc_930 ul li.l4 input{ height:36px; line-height:34px; font-size:18px;}

#slider { height: 36px;}
#label {height: 36px;line-height: 34px;}
#labelTip {line-height: 34px;}
}
@media screen and (max-width:767px) {
.tc_930 ul li{ width:100%;}
.tc_930{ height:570px; margin:-242px 0 0 0;}
.pf_down{
    display: block;
}
.pf_right{
    display: none;
}
.mypad{
    padding-top: 60px;
}
}
@media screen and (max-width:480px) {
.tc_930{ height:530px; margin:-222px 0 0 0; padding:27px 25px 0 25px;}
.tc_930 .title{ height:27px;}
.tc_930 .title span{ height:20px; margin-left:6px;}
.tc_930 .bian{ height:96%; top:2%;}
}

.r{
  float:right;
}
.aside-title .fa{
  
  color:#fff;
  display: none;
  cursor:pointer;
  transition: 0.2s all;
}

.aside-title .fa.on{
  display: block;
}
#aside{
    margin-bottom: 25px;
}
.aside+.aside {
  margin-top: 30px;
}

.aside>.aside-title {
  text-transform: uppercase;
  font-size: 22px;
  margin: 10px 0px 20px;
}
.aside{
 
  border-top: 3px solid #F70;
  padding: 10px;
  background: #1682ca;
  
}

.top-bar-section ul li a img:hover{
    background: #F70;
}

.link, body {
    position: relative;
    font-family: Hind, sans-serif
}

.btn-theme, p {
    line-height: 1.4
}

.btn-theme.active.focus, .btn-theme.active:focus, .btn-theme.focus, .btn-theme:active.focus, .btn-theme:active:focus, .btn-theme:focus, :active, :focus, a, a:active, a:focus, a:hover {
    outline: 0
}

.link:after, .pricing .pricing-list-item:before {
    width: 9px;
    height: 2px;
    content: " "
}

.header .nav-item-child, .link, a, body, em, h1, h2, h3, h4, h5, h6, li, li a, p, span {
    font-family: Hind, sans-serif
}

.link:after, .pricing .pricing-list-item:before {
    content: "+"
}

.back-to-top:focus, .back-to-top:hover, .btn-theme.focus, .btn-theme:focus, .btn-theme:hover, .content-wrapper-link, .header .logo-wrap:focus, .header .logo-wrap:hover, a:active, a:focus, a:hover, h1 > a:focus, h2 > a:focus, h3 > a:focus, h4 > a:focus, h5 > a:focus, h6 > a:focus {
    text-decoration: none
}

.back-to-top, .carousel-title, .header .nav-item-child, .link {
    text-transform: uppercase
}

html {
    overflow-x: hidden
}

body, html, html a {
    -webkit-font-smoothing: antialiased
}

p {
    font-size: 15px;
    font-weight: 400;
    letter-spacing:0.5px;
    margin-bottom: 15px
}

/* em, li, li a { */
    /* font-size: 16px; */
    /* font-weight: 500; */
    /* color: #515769 */
/* } */

/* a { */
    /* color: #666666 */
/* } */

/* a:active, a:focus, a:hover { */
    /* color: #f70; */
/* } */

.link {
    font-size: 13px;
    font-weight: 600;
    font-family: "Ubuntu", Helvetica, Arial, sans-serif;
}

.link:after {
    position: absolute;
    right: -15px;
    color: #ff0000;
}




h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: #515769;
    line-height: 1.1;
    margin: 0 ;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
    color: #515769
}

h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {
    color: #999caa;
    text-decoration: none
}

h1 {
    font-size: 40px
}

h2 {
    font-size: 30px
}

h3{
    color:#00F;
}
.accordion .panel-title, h3, h4 {
    font-size: 22px
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none
}


#myservices,#contact{
    width: 100%;
    
}




::selection {
    color: #fff;
    background: #FD871F;
    text-shadow: none
}

::-webkit-selection {
    color: #fff;
    background: #17bed2;
    text-shadow: none
}

::-moz-selection {
    color: #fff;
    background: #17bed2;
    text-shadow: none
}

.section-seperator {
    border-bottom: 1px solid #edf0f2;

}

.content-wrapper-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 3
}

.accordion .panel-default {
    border: none
}

.accordion .panel-heading {
    border-radius: 0
}

.accordion .panel-default > .panel-heading {
    color: #515769;
    background: #fff;
    border: none;
    padding: 0
}

.accordion .panel-title-child {
    display: block;
    padding: 30px
}

.accordion .panel-group .panel + .panel {
    border-radius: 0;
    margin-top: 10px
}

.accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
    font-size: 16px;
    border-top: none;
    padding: 0 30px 30px;
    margin-top: -1px
}

.accordion .collapse.in, .accordion [aria-expanded=true] {
    color: #fff;
    background: #FD871F;
}

.btn-theme {
    position: relative;
    display: inline-block;
    text-align: center;
    background-image: none;
    border-style: solid;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn-theme:hover {
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.btn-theme.active, .btn-theme:active {
    background-image: none;
    outline: 0
}

.btn-theme.disabled, .btn-theme[disabled], fieldset[disabled] .btn-theme {
    cursor: not-allowed;
    box-shadow: none;
    opacity: .65;
    pointer-events: none
}

.btn-white-bg {
    color: #fff;
    background: #515769;
    border-color: transparent;
    border-width: 0
}

.btn-white-bg.focus, .btn-white-bg:focus, .btn-white-bg:hover {
    color: #fff;
    background: #FD871F;
    border-color: transparent
}

.btn-white-brd {
    color: #fff;
    background: 0 0;
    border-color: #fff;
    border-width: 0px
}

.btn-white-brd.focus, .btn-white-brd:focus, .btn-white-brd:hover {
    color: #515769;
    background: #FD871F;
    border-color: #FD871F;
}

.btn-default-bg {
    color: #515769;
    background: #f3f4f5;
    border-color: transparent;
    border-width: 0
}

.btn-default-bg.focus, .btn-default-bg:focus, .btn-default-bg:hover {
    color: #fff;
    background: #FD871F;
    border-color: transparent
}

.btn-theme-sm {
    font-size: 13px;
    font-weight: 600;
    padding: 15px 35px;
    border-radius: 5px;
}

.pricing {
    padding: 70px 45px;
    background: #fff;
    margin-top: 50px
}

@media (max-width: 768px) {
    .pricing {
        margin-top: 0
    }
}

.pricing.pricing-active {
    padding-top: 110px;
    padding-bottom: 110px;
    margin-top: 10px
}

@media (max-width: 768px) {
    .pricing.pricing-active {
        margin-top: 0
    }
}

.pricing .pricing-icon {
    display: block;
    font-size: 30px;
    color: #999caa;
    margin-bottom: 30px
}

.pricing .pricing-list-item {
    position: relative;
    font-size: 13px;
    color: #81848f;
    padding-left: 20px;
    margin-bottom: 10px;
    font-family: "Ubuntu", Helvetica, Arial, sans-serif;
}

.pricing .pricing-list-item:before {
    position: absolute;
    left: 0;
    color: #ff0000;
    margin-right: 10px;
}

.work .work-overlay:before, .work .work-popup-overlay {
    top: 0;
    width: 100%;
    height: 100%;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1);
    left: 0
}

.service {
    background: #fff;
    padding: 0px
}

.service .service-element, .service .service-info {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.service .service-icon {
    display: block;
    font-size: 30px;
    color: #999caa;
    margin-bottom: 30px
}

.service:hover .service-element {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.service:hover .service-info {
    -webkit-transform: translate3d(0, -30%, 0);
    -moz-transform: translate3d(0, -30%, 0);
    transform: translate3d(0, -30%, 0);
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.work {
    position: relative;
    display: block
}

.work .work-overlay {
    position: relative;
    cursor: pointer
}

.work .work-overlay:before {
    position: absolute;
    background: 0 0
}

.work:hover .work-overlay:before {
    background: rgba(0, 0, 0, .5);
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.work .work-popup-overlay {
    position: fixed;
    right: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow-x: hidden;
    background: rgba(81, 87, 105, .4)
}

.work .work-popup-overlay-show {
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.work .work-popup-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 730px;
    height: auto;
    display: block;
    background: #fff;
    padding: 30px;
    margin: 0 auto;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.work .work-popup-content-divider {
    border-right: 1px solid #cdcecf
}

@media (max-width: 768px) {
    .work .work-popup-content {
        width: 95%
    }

    .work .work-popup-content-divider {
        border-right: none;
        border-bottom: 1px solid #cdcecf
    }
}

.work .work-popup-close {
    float: right;
    font-size: 13px;
    font-weight: 700;
    color: #c5c6cb;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.work .work-popup-close:hover {
    color: #aaacb3;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.work .work-popup-tag {
    margin: 0
}

.work .work-popup-tag-item {
    padding: 0 2px
}

.work .work-popup-tag-link {
    font-size: 13px
}

/*=========================================================
    12 -> SLICK STYLE
===========================================================*/


.navbar-fixed-top .navbar-collapse {
    max-height: 100%
}

.header .navbar {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.header .navbar-toggle {
    width: 25px;
    height: 25px;
    border: none;
    padding: 0;
    margin: 35px 0;

}

.header .navbar-toggle .toggle-icon {
    position: relative;
    width: 21px;
    height: 1px;
    display: inline-block;
    background: #fff;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.header .navbar-toggle .toggle-icon:after, .header .navbar-toggle .toggle-icon:before {
    position: absolute;
    left: 0;
    background: #fff;
    content: " "
}

.header .navbar-toggle:hover .toggle-icon, .header .navbar-toggle:hover .toggle-icon:after, .header .navbar-toggle:hover .toggle-icon:before {
    background: #fff;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.header .navbar-toggle .toggle-icon:before {
    width: 10px;
    height: 1px;
    bottom: 10px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.header .navbar-toggle .toggle-icon:after {
    width: 16px;
    height: 1px;
    top: -5px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.header .navbar-toggle:hover .toggle-icon:after, .header .navbar-toggle:hover .toggle-icon:before {
    width: 21px;
    height: 1px
}

.header .navbar-toggle:hover .toggle-icon.is-clicked {
    background:#fff;
}

.header .logo {
    width: 150px;
    height: 150px;
    float: left;
    max-height: 75px;
    line-height: 65px;
    margin: 18px;
}

.header .logo-wrap {
    display: inline-block;
    padding: 15px 0;
}

.header .logo-img {
    display: inline-block;
    width: 150px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle

}

.header .logo11{
    display: inline-block;
    width: 230px;
    height: auto;
    float: left;

    max-width: 100%;
    max-height: 100%;
    font-size: 20px;
    font-weight: 800;

    letter-spacing: 1px;
    font-family: "Ubuntu", Helvetica, Arial, sans-serif;
    line-height: 28px;
    padding: 18px;
 	margin-top:15px;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
    
}


 
  
input::-webkit-input-placeholder{
	color: red;

}



.header .logo-img-main {
    display: inline-block;
    transition-duration: .4s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.header .logo-img-active {
    display: none;
    transition-duration: .4s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.header .nav-item, .header .nav-item-child {
    display: block;
    position: relative
}

@media (min-width: 992px) {
    .col-md-5,.col-md-2{
        float: left;
    }
}
.header .navbar-nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.header .nav-item:last-child .nav-item-child {
    padding-right: 0
}

.header .nav-item .nav-item-hover.active:after, .header .nav-item:hover .nav-item-hover:after {
    opacity: 1;
    transition-duration: .4s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.back-to-top, .header .nav-item-hover:after {
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.header .nav-item-child {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    letter-spacing: .02em;
    font-family: "Ubuntu", Helvetica, Arial, sans-serif;
    line-height: 55px;
    padding:  20px;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.header .nav-item-child:focus, .header .nav-item-child:hover {
    background: 0 0
}

.header .nav-item-hover {
    position: relative
}

.header .nav-item-child:hover, .page-on-scroll .header .nav-item-child:hover {
    color: #F70;
    transition-duration: .4s
}

.header .nav li.active .nav-item-child {
    color: #F70;
}
  .myclearfix{
        display: none !important
    }
@media (max-width: 991px) {
    .header {
        background:transparent;
       
    }
    

    .header .navbar-toggle {
        display: block;
        
    }

    .header .navbar-collapse.collapse {
        display: none !important
    }

    .header .navbar-collapse.collapse.in {
        display: block !important

    }

    .header .nav-collapse {
        padding-left: 0;
        padding-right: 0
    }

    .header .navbar-nav {
        margin: 32px;
        float: none
    }

    .header .navbar-nav .nav-item {
        float: none
    }

    .header .menu-container:after, .header .menu-container:before {
        content: " ";
        display: table
    }

    .header .menu-container:after {
        clear: both
    }

    .header .logo .logo-img-main {
        display: none
    }

    .header .logo .logo-img-active {
        display: inline-block
    }

    .header .nav-item-child {
        color: #fff;
        line-height: 1.4;
        padding: 12px 12px 12px 15px
    }

    .header .nav-item-hover:after {
        position: absolute;
        top: 19px
    } 
    
}

@media (min-width: 767px){
 .col-md-3{
        width: 25%;
        float: left;
        
    }
    .col-md-9{
        width: 75%;
        float: left;
    }
.col-md-12{
        width: 100%;
        float: left;
        
    }
    .col-md-4{
        width: 33.3%;
        float: left;
        
    }
    .col-sm-10{
        width: 83.33%;
        float: left;
    }
    .col-sm-1{
        width: 8.33%;
        float: left;
    }
.col-md-6{
    width: 50%;
    float:left;
}

.col-sm-4{
     width: 33.3%;
        float: left;
}
.col-xs-2{
     width: 16.66%;
        float: left;
}
}

@media (max-width: 767px) {
    .header .logo11{
        display: none;
    }
    .col-xs-3{
        width:25%;
        float: left;
    }
    .col-xs-4{
        width: 33.3%;
        float: left;
    }
    .col-xs-6{
        width: 50%;
        float: left;
    }
    .col-xs-12{
        width: 100%;
        float: left;
        
    }
    .carousel-inner{
        overflow: auto;
    }

    .myclearfix{
        display: block !important

    }
    
    .header .menu-container {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 0;
        margin-right: 0;

    }

    .header .navbar > .container, .header .navbar > .container > .nav-collapse {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0
    }

    .header .navbar > .container {
        width: auto
    }
}

.col-md-3,.col-xs-3,.col-md-4,.col-md-6,.col-md-9,.col-sm-4,.col-xs-4,.col-xs-6,.col-sm-6,.col-md-5,.col-md-2,.col-xs-2,.col-md-8,.col-sm-10,.col-sm-1,.col-sm-12{
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}
.col-md-12{
    position: relative;
}
.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}
.fade.in {
    opacity: 1
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

@media (max-width: 560px){
    .col-sm-12{
         width: 100%;
        float: left;
    }
    .col-sm-6{
         width: 50%;
        float: left;
    }
}

/*----------------------------*\
    Breadcrumb
\*----------------------------*/

#breadcrumb {
  padding: 30px 0px;
  background: #FBFBFC;
  border-bottom: 1px solid #E4E7ED;
  
}

#breadcrumb .breadcrumb-header {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 15px;
  text-transform: uppercase;
}

#breadcrumb .breadcrumb-tree {
  display: inline-block;
}

#breadcrumb .breadcrumb-tree li {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

#breadcrumb .breadcrumb-tree li+li {
  margin-left: 5px;
}

#breadcrumb .breadcrumb-tree li+li:before {
  content: '/';
  display: inline-block;
  color: #8D99AE;
  margin-right: 10px;
}

#breadcrumb .breadcrumb-tree li a {
  color: #8D99AE;
}
#breadcrumb .breadcrumb-tree li a.active{
   color:#000; 
}
#breadcrumb .breadcrumb-tree li a:hover {
  color: #D10024;
}
@media (min-width: 992px) {
    .header .navbar-nav-right {
        float: right
    }
    .col-md-5 {
         width: 41.66%; 
         

      }
      .col-md-push-2 {
           left: 16.66666667%
       }
       .col-md-pull-5 {
        right: 41.66666667%
    }

   .col-md-2{
    width: 16.66%;
   
}
  .col-md-8{
    width: 66.66%;
    float:left;
}

    
    
    .page-on-scroll .header .navbar {
         background: #1682ca;
        
        border-bottom-color: #f0f0f0;
        transition-duration: .3s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.7, 1, .7, 1)
    }

    .page-on-scroll .header .logo-img-active, .page-on-scroll .header .logo-img-main {
        transition-duration: .4s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.7, 1, .7, 1)
    }

    .page-on-scroll .header .logo-img-main {
        display: none
    }

    .page-on-scroll .header .logo-img-active {
        display: inline-block
    }

    .page-on-scroll .header .nav-item-child {
        color: #fff;
        transition-duration: .3s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.7, 1, .7, 1)
    }
}

.contact-list > li {
    font-size: 13px;
    color: #81848f;
    margin-bottom: 10px
}

.back-to-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    display: inline-block;
    z-index: 9;
    width: 40px;
    height: 40px;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 3;
    letter-spacing: 1px;
    background: #515769;
    border-radius: 3px;
    visibility: hidden;
    padding: 5px;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    transition-duration: .3s
}

.back-to-top:hover {
    color: #fff;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.back-to-top.back-to-top-is-visible {
    visibility: visible;
    opacity: .6;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.back-to-top.back-to-top-is-visible:hover {
    opacity: 1;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.back-to-top.back-to-top-fade-out {
    opacity: .4
}

.back-to-top.back-to-top-fade-out:hover {
    opacity: 1;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.swiper-clients-img, .swiper-clients-img:hover {
    transition-duration: .2s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

.form-control {
    height: 50px;
    font-size: 14px;
    font-weight: 400;
    color: #a6a7aa;
    background: #fafafa;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding-left: 15px
}

.form-control::-moz-placeholder {
    color: #a6a7aa
}

.form-control:-ms-input-placeholder {
    color: #a6a7aa
}

.form-control::-webkit-input-placeholder {
    color: #a6a7aa
}

.form-control:focus {
    color: #515769;
    box-shadow: none
}

.form-control:focus::-moz-placeholder {
    color: #515769
}

.form-control:focus:-ms-input-placeholder {
    color: #515769
}

.form-control:focus::-webkit-input-placeholder {
    color: #515769
}

.full-screen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.carousel-indicators {
    left: auto;
    width: auto;
    padding-left: 0;
    margin-left: 0
}

.carousel-centered {
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.carousel-title {
    font-size: 59px;
    font-family: "Ubuntu", Helvetica, Arial, sans-serif;
    letter-spacing: -.025em;
    font-weight: 700;
    color: #fff;
    line-height: 1.1
}

.swiper-slider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.swiper-clients-img {
    display: block;
    width: 190px;
    height: auto;
    margin: 0 auto;
    opacity: 1;
    cursor: pointer
}

.swiper-clients-img:hover {
    opacity: .8
}

.color-base {
    color: #17bed2 !important
}

.color-white {
    color: #fff !important
}

.color-heading {
    color: #515769 !important
}

.color-subtitle {
    color: #a6a7aa !important
}

.color-link {
    color: #81848f !important
}

.color-link-hover {
    color: #999caa !important
}

.color-sky-light {
    color: #fafafa !important
}

.bg-color-base {
    background: #FD871F !important;
}

.bg-color-white {
    background: #fff !important
}

.bg-color-heading {
    background: #515769 !important
}

.bg-color-subtitle {
    background: #a6a7aa !important
}

.bg-color-link {
    background: #81848f !important
}

.bg-color-link-hover {
    background: #999caa !important
}

.bg-color-sky-light {
    background: #fafafa !important
}

.row-space-1 {
    margin-right: -1px;
    margin-left: -1px
}

.row-space-1 > [class*=col-] {
    padding-left: 1px;
    padding-right: 1px
}

.content {
    padding-top: 40px;
    padding-bottom: 40px
}

.content-sm {
    padding-top: 60px;
    padding-bottom: 60px
}

.content-md {
    padding-top: 80px;
    padding-bottom: 80px
}

.content-lg {
    padding-top: 140px;
    padding-bottom: 100px;

}

.full-width {
    width: 100%;
    height: auto
}

.fweight-300 {
    font-weight: 300 !important
}

.fweight-400 {
    font-weight: 400 !important
}

.fweight-500 {
    font-weight: 500 !important
}

.fweight-600 {
    font-weight: 600 !important
}

.fweight-700 {
    font-weight: 700 !important
}

.margin-l-0 {
    margin-left: 0 !important
}

.margin-l-5 {
    margin-left: 5px !important
}

.margin-l-10 {
    margin-left: 10px !important
}

.margin-l-20 {
    margin-left: 20px !important
}

.margin-r-0 {
    margin-right: 0 !important
}

.margin-r-5 {
    margin-right: 5px !important
}

.margin-r-10 {
    margin-right: 10px !important
}

.margin-r-20 {
    margin-right: 20px !important
}

.margin-t-0 {
    margin-top: 0 !important
}

.margin-t-5 {
    margin-top: 5px !important
}

.margin-t-10 {
    margin-top: 10px !important
}

.margin-t-20 {
    margin-top: 20px !important
}

.margin-t-30 {
    margin-top: 30px !important
}

.margin-t-40 {
    margin-top: 40px !important
}

.margin-t-50 {
    margin-top: 50px !important
}

.margin-b-0 {
    margin-bottom: 0 !important
}

.margin-b-2 {
    margin-bottom: 2px !important
}

.margin-b-5 {
    margin-bottom: 5px !important
}

.margin-b-10 {
    margin-bottom: 10px !important
}

.margin-b-20 {
    margin-bottom: 20px !important
}

.margin-b-30 {
    margin-top: 30px !important
}

.margin-b-40 {
    margin-bottom: 40px !important
}

.margin-b-50 {
    margin-bottom: 50px !important
}

.margin-b-60 {
    margin-bottom: 60px !important
}

.margin-b-70 {
    margin-bottom: 70px !important
}

.margin-b-80 {
    margin-bottom: 80px !important
}

.margin-b-90 {
    margin-bottom: 90px !important
}

.margin-b-100 {
    margin-bottom: 100px !important
}

@media (max-width: 992px) {
    .md-margin-t-0 {
        margin-top: 0 !important
    }

    .md-margin-t-5 {
        margin-top: 5px !important
    }

    .md-margin-t-10 {
        margin-top: 10px !important
    }

    .md-margin-t-20 {
        margin-top: 20px !important
    }

    .md-margin-t-30 {
        margin-top: 30px !important
    }

    .md-margin-t-40 {
        margin-top: 40px !important
    }

    .md-margin-t-50 {
        margin-top: 50px !important
    }

    .md-margin-t-60 {
        margin-top: 60px !important
    }

    .md-margin-b-0 {
        margin-bottom: 0 !important
    }

    .md-margin-b-2 {
        margin-bottom: 2px !important
    }

    .md-margin-b-5 {
        margin-bottom: 5px !important
    }

    .md-margin-b-10 {
        margin-bottom: 10px !important
    }

    .md-margin-b-20 {
        margin-bottom: 20px !important
    }

    .md-margin-b-30 {
        margin-bottom: 30px !important
    }

    .md-margin-b-40 {
        margin-bottom: 40px !important
    }

    .md-margin-b-50 {
        margin-bottom: 50px !important
    }

    .md-margin-b-60 {
        margin-bottom: 60px !important
    }

    .md-margin-b-70 {
        margin-bottom: 70px !important
    }

    .md-margin-b-80 {
        margin-bottom: 80px !important
    }

    .md-margin-b-90 {
        margin-bottom: 90px !important
    }

    .md-margin-b-100 {
        margin-bottom: 100px !important
    }
}

@media (max-width: 768px) {
    .carousel-title {
        font-size: 32px
    }

    .sm-margin-t-0 {
        margin-top: 0 !important
    }

    .sm-margin-t-5 {
        margin-top: 5px !important
    }

    .sm-margin-t-10 {
        margin-top: 10px !important
    }

    .sm-margin-t-20 {
        margin-top: 20px !important
    }

    .sm-margin-t-30 {
        margin-top: 30px !important
    }

    .sm-margin-t-40 {
        margin-top: 40px !important
    }

    .sm-margin-t-50 {
        margin-top: 50px !important
    }

    .sm-margin-t-60 {
        margin-top: 60px !important
    }

    .sm-margin-b-0 {
        margin-bottom: 0 !important
    }

    .sm-margin-b-2 {
        margin-bottom: 2px !important
    }

    .sm-margin-b-5 {
        margin-bottom: 5px !important
    }

    .sm-margin-b-10 {
        margin-bottom: 10px !important
    }

    .sm-margin-b-20 {
        margin-bottom: 20px !important
    }

    .sm-margin-b-30 {
        margin-bottom: 30px !important
    }

    .sm-margin-b-40 {
        margin-bottom: 40px !important
    }

    .sm-margin-b-50 {
        margin-bottom: 50px !important
    }

    .sm-margin-b-60 {
        margin-bottom: 60px !important
    }

    .sm-margin-b-70 {
        margin-bottom: 70px !important
    }

    .sm-margin-b-80 {
        margin-bottom: 80px !important
    }

    .sm-margin-b-90 {
        margin-bottom: 90px !important
    }

    .sm-margin-b-100 {
        margin-bottom: 100px !important
    }
}

@media (max-width: 480px) {
    .xs-margin-t-0 {
        margin-top: 0 !important
    }

    .xs-margin-t-5 {
        margin-top: 5px !important
    }

    .xs-margin-t-10 {
        margin-top: 10px !important
    }

    .xs-margin-t-20 {
        margin-top: 20px !important
    }

    .xs-margin-t-30 {
        margin-top: 30px !important
    }

    .xs-margin-t-40 {
        margin-top: 40px !important
    }

    .xs-margin-t-50 {
        margin-top: 50px !important
    }

    .xs-margin-t-60 {
        margin-top: 60px !important
    }

    .xs-margin-b-0 {
        margin-bottom: 0 !important
    }

    .xs-margin-b-2 {
        margin-bottom: 2px !important
    }

    .xs-margin-b-5 {
        margin-bottom: 5px !important
    }

    .xs-margin-b-10 {
        margin-bottom: 10px !important
    }

    .xs-margin-b-20 {
        margin-bottom: 20px !important
    }

    .xs-margin-b-30 {
        margin-bottom: 30px !important
    }

    .xs-margin-b-40 {
        margin-bottom: 40px !important
    }

    .xs-margin-b-50 {
        margin-bottom: 50px !important
    }

    .xs-margin-b-60 {
        margin-bottom: 60px !important
    }

    .xs-margin-b-70 {
        margin-bottom: 70px !important
    }

    .xs-margin-b-80 {
        margin-bottom: 80px !important
    }

    .xs-margin-b-90 {
        margin-bottom: 90px !important
    }

    .xs-margin-b-100 {
        margin-bottom: 100px !important
    }
}

.height-100 {
    height: 100px !important
}

.height-200 {
    height: 200px !important
}

.height-300 {
    height: 300px !important
}

.language-switcher {
    float: right;
    margin-top: 10px;
    position: absolute;
    z-index: 99;
    right: 100px;
}

.nav-lang {
    list-style: none;
}

.nav-lang li {
    float: left;
    line-height: 14px;
}

.nav-lang li a.active, .nav-lang li a:hover {
    color: #F70 !important;
}

.header .nav-lang li {
    border-right: 1px solid #ffffff;
}

.page-on-scroll .nav-lang li {
    border-right: 1px solid #515769;
}

.nav-lang li:last-child {
    border-right: none !important;
}

.header .nav-lang li a {
    color: #ffffff;
}

.page-on-scroll .header .nav-lang li a {
    color: #ffffff;
}

.nav-lang li a {
    padding: 0 5px;
    font-size: 14px;
    font-family: "Ubuntu", Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.page-on-scroll .header .nav-item-child {
    padding-bottom: 0px !important;
}

.page-on-scroll .header .logo {
    max-height: 75px !important;
}

.page-on-scroll .header .logo-wrap {
    padding-bottom: 0px;
    padding-top: 10px;
}

.tlinks {
    text-indent: -9999px;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.btn-theme-sm:after {
    font-family: 'FontAwesome';
    content: "\f105";
    padding-left: 10px;
}

.blog {
    padding: 100px 0;
}

.blog .blog-cont {
    border-radius: 0 0 5px 5px;
    padding-bottom: 20px;
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.29);
}

.blog .blog-cont img {
    border-bottom: 5px solid #003977;
    margin-bottom: 10px;
    width: 100%;
}

.blog .blog-cont h5 {
    padding: 10px 10px 0;
    color: #000;
}

.blog .blog-cont p {
    padding: 0 10px;
    color: #6c757d;
}

.blog .blog-cont a {
    padding: 0 10px;
    text-decoration: none;
    color: #003977;
}

@media (max-width: 991px) {
    .blog .blog-cont h5 {
        padding: 10px 10px 0;
        font-size: 16px;
        color: #adb5bd;
    }
}

@media (max-width: 767px) {
    .blog .blog-cont {
        margin-bottom: 30px;
    }
}

.blog.full {
    padding: 50px 0;
}

.blog.full .blog-cont {
    margin-top: 30px;
}

@media (max-width: 575px) {
    .blog {
        padding: 50px 0;
    }
}

section .heading {
    margin-bottom: 10px;
}

section .heading h1 {
    color: #6c757d;
}

section .heading h1 span {
    color: #F70;
    font-size: 40px;
}

section .heading .bord-bot {
    width: 80px;
    margin: 0 auto;
    border-bottom: 7px solid #003977;
}

section .heading p {
    margin: 10px auto;
    color: #adb5bd;
    max-width: 600px;
}






.mu-about-area {
    display: inline;
    float: left;
    padding: 10px 0;
    width: 100%;
  /*  margin-top:20px;*/
}

.mu-title {
    display: inline;
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    padding: 0 25%;
}

.mu-title h2 {
    color: #323232;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.mu-title p {

}

.mu-about-left {
    display: inline;
    float: left;
    padding-right: 15px;
    width: 100%;
}

.mu-about-right {
    display: inline;
    float: left;
    padding-left: 15px;
    width: 100%
}

.mu-about-right ul {}

.mu-about-right ul li {
    list-style: none;
    float: left;
    margin-bottom: 25px;
}

.mu-about-right ul li h3 {
    border-bottom: 3px solid #e5e5e5;
    color: #323232;
    font-size: 20px;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

.mu-about-right p {
    font-size: 14px;
}


/*--------------------*/
/* CALL TO ACTION */
/*--------------------*/

#mu-call-to-action {
    background-image: url(../img/bg-1.jpg);
    float: left;
    position: relative;
    width: 100%;
}

#mu-call-to-action:before {
    background: #0091E3;
    content: '';
    position: absolute;
    opacity: 0.84;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.mu-call-to-action-area {
    display: inline;
    float: left;
    padding: 70px 0;
    margin-top: 35px;
    width: 100%;
}

.mu-call-to-action-left {
    color: #fff;
    display: inline;
    float: left;
    
    max-width: 70%;
}

.mu-call-to-action-left h2 {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.mu-call-to-action-left p {
    margin-bottom: 0;
}


.mu-primary-btn {
    background-color: #0091ea;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 15px 70px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 25px;
}

.mu-primary-btn:hover,
.mu-primary-btn:focus {
    color: #fff;
}

.mu-quote-btn {
    background-color: #fff;
    color: #0091ea;
    float: right;
}

.mu-quote-btn:hover,
.mu-quote-btn:focus {
    color: #0091ea;
}

/*--------------------*/
/* SERVICE */
/*--------------------*/



.mu-service-area {
    display: inline;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.mu-service-content {
    display: inline;
    float: left;
    width: 100%;
}

.mu-single-service {
    display: inline;
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mu-single-service-icon {
    background-color: #0091ea;
    border-radius: 50%;
    color: #fff;
    display: inline;
    font-size: 18px;
    float: left;
    height: 48px;
    width: 48px;
    text-align: center;
    line-height: 48px;
    margin-right: 20px;
}

.mu-single-service-icon .fa {
    
}

.mu-single-service-content {
    display: inline;
    float: left;
    width: 80%;
}

.mu-single-service-content h3 {
    color: #323232;
    text-transform: uppercase;
    font-size: 18px;
}

.mu-single-service-content p {
    font-size: 14px;
     word-break:break-all;
      color: #323232;
}


@media (max-width: 1199px) {

    .mu-single-slide-content-area {
        padding: 9% 10%;
    }

    .mu-about-right {
        padding-left: 0;
    }

    .mu-quote-btn {
        padding: 15px 45px;
        
    }

    .mu-about-right ul li {
        margin-bottom: 10px;
    }

    .mu-single-service-icon {
        margin-right: 0;
    }

    .mu-single-service-content {
        width: 78%;
        margin-left: 15px;
    }

    .mu-video-close-btn {
        right: 20px;
    }

    .mu-video-right {
        padding-right: 15%;
        padding-left: 25px;
    }

    .mu-testimonial-slide .slick-prev {
        left: -20px;
    }

    .mu-testimonial-slide .slick-next {
        right: -20px;
    }

    .mu-clients-single {
        padding: 5px;
    }

    .mu-social-media a {
        margin-right: 3px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 15px;
    }

    /*About us page*/

    .mu-single-team-img {
        width: 26%;
    }

    .mu-single-team-content {
        width: 74%;
        padding: 10px 10px;
    }

    .mu-single-team-content span {
        margin-bottom: 0;
    }

    .mu-single-team-content p {
        font-size: 12px;
    }

    /*Blog page*/

    .mu-sidebar-subscribe-widget .mu-subscribe-form input {
        padding: 0 135px 0 15px;
    }

    .mu-sidebar-subscribe-widget .mu-subscribe-btn {
        font-size: 16px;
        width: 125px;
    }

    /*Error Page*/

    .mu-error-area .mu-title {
        padding: 0 15%;
    }

    .mu-error-content {
        padding: 0 10%;
    }

        
}

@media (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0; 
      top: 100%;
   }

}

@media (max-width: 991px) { 

    .mu-navbar-nav {
        display: flex;
        text-align: left;
        width: 100%;
        margin-top: 10px;
    }

    .mu-navbar-nav li {
        margin-bottom: 10px;
    }

    .mu-navbar .navbar-toggler {
        color: #fff;
        border-color: #fff;
        cursor: pointer;
        padding: 10px 15px;
    }

    .mu-single-slide-content-area {
        padding: 6% 10%;
    }

    

    .mu-single-slide-content h1 {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .mu-primary-btn {
        padding: 15px 40px;
    }

    .mu-single-slide-content a {
        margin-top: 15px;
    }

    .mu-title {
        padding: 0 10%;
    }

    .mu-call-to-action-left {
        max-width: 65%;
    }

    .mu-single-service-content {
        width: 70%;
        margin-left: 10px;
    }

    .mu-video-iframe-area {
        padding: 12% 5%;
    }

    .mu-video-iframe-area iframe {
        width: 100%;
    }

    .mu-video-close-btn {
        right: 20px;
        top: -40px;
    }

    .mu-video-right {
        padding-right: 5%;
        padding-left: 15px;
    }

    .mu-single-counter span {
        padding: 20px 10px;
    }

    .mu-single-counter-content {
        padding-left: 10px;
        padding-top: 15px;
    }

    .counter-value {
        font-size: 25px;
    }

    .mu-counter-name {
        font-size: 16px;
    }

    .mu-filter-item-content {
        padding-top: 22%;
    }

    .mu-pricing-table > li {
        margin: 0 10px;
        width: 29%;
    }

    .mu-pricing-single-content ul li {
        padding: 0 5px;
    }

    .mu-pricing-single-title h3 {
        font-size: 20px;
    }

    .mu-single-pricebox h4 {
        font-size: 35px;
    }

    .mu-buy-now-btn,
    .mu-standard-pricing .mu-buy-now-btn {
        font-size: 16px;
        padding: 8px 25px;
    }

    .mu-standard-pricing .mu-pricing-single {
        padding: 20px 20px;
    }

    .mu-testimonials-area {
        padding: 100px 0 125px;
    }

    .mu-blog-item-content {
        padding: 15px 15px;
    }

    .mu-newsletter-content {
        padding: 0 20%;
    }

    .mu-social-media a {
        margin-bottom: 10px;
    }

    .mu-clients-area {
        padding: 50px 0;
    }

    /*About US page */

    #mu-skills {
        background-position: inherit;
    }

    /*Contact us page*/

    .mu-contact-content {
        padding: 0 22%;
    }

    /*Blog Page*/

    .mu-popular-content-widget .media > .mu-popular-post-img {
        width: 75px;
        margin-right: 5px;
    }

    .mu-sidebar-widget-title {
        font-size: 22px;
    }

    .mu-sidebar-subscribe-widget .mu-subscribe-form input {
        padding: 0 108px 0 15px;
    }

    .mu-sidebar-subscribe-widget .mu-subscribe-btn {
        font-size: 12px;
        width: 100px;
    }

    /*Error Page*/

    .mu-error-area .mu-title {
        padding: 0 10%;
    }

    .mu-error-content {
        padding: 0;
    }
        
}

@media (max-width: 767px) {

    .mu-title {
        padding: 0;
    }
    
    .mu-about-area {
        padding: 0px;
        margin-top:10px;
    }

    .mu-about-right {
        margin-top: 30px;
    }

    #mu-service {
        padding: 60px 0 50px;
    }
    
    .mu-call-to-action-left {
        max-width: 100%;
    }

    .mu-call-to-action-area {
        text-align: center;
        padding: 50px 0;
        margin-top: 25px;
    }

    .mu-call-to-action-left h2 {
        margin-bottom: 15px;
    }

    .mu-quote-btn {
        float: none;
      
    }

    .mu-video-right {
        padding-right: 5%;
        padding: 10% 5%;
    }

    .mu-portfolio-area {
        padding: 60px 0;
    }

    .mu-single-service {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .mu-single-service-content {
        margin-left: 20px;
    }

    .mu-counter-area {
        display: inline;
        float: left;
        padding: 50px 0;
        width: 100%;
    }

    .mu-single-counter {
        margin: 20px 20px;
    }

    #mu-pricing {
        padding: 60px 0;
    }

    .mu-pricing-table > li,
    .mu-pricing-table > li.mu-standard-pricing {
        margin: 10px 0;
        width: 100%;
    }

    .mu-standard-pricing .mu-pricing-single {
        padding: 20px 0;
    }

    .mu-standard-pricing .mu-pricing-single-content {
        padding: 35px 0 15px;
    }

    .mu-standard-pricing .mu-single-pricebox {
        padding: 5px 0 25px;
    }

    .mu-title {
        margin-bottom: 25px;
    }

    #mu-from-blog {
        padding: 60px 0;
    }

    .mu-from-blog-content {
        margin-top: 0;
    }

    .mu-blog-item {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mu-footer-top {
        padding: 30px 0 10px;
    }

    .mu-single-footer {
        margin: 15px 0;
    }

    /*About Us page*/

    #mu-skills {
        padding: 60px 0;
    }

    .mu-single-skills {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .mu-team-area {
        padding: 60px 0 50px;
    }

    .mu-single-team-content p {
        font-size: 14px;
    }

    /*contact us*/

    .mu-contact-content {
        padding: 0 15%;
    }

    #mu-google-map iframe {
        height: 350px;
    }

    /*Blog page*/

    .mu-blog-sidebar {
        margin-top: 50px;
    }

    .mu-popular-content-widget .media > .mu-popular-post-img {
        width: 120px;
        margin-right: 10px;
    }

    .mu-sidebar-subscribe-widget .mu-subscribe-form input {
        padding: 0 170px 0 20px;
    }

    .mu-sidebar-subscribe-widget .mu-subscribe-btn {
        font-size: 16px;
        width: 160px;
    }

    /*Error Page*/

    .mu-error-area .mu-title {
        padding: 0;
    }

    .mu-text {
        font-size: 225px;
        line-height: 225px;
    }

    .mu-backdrop {
        height: 280px;
    }

    
                
}

 .sm{
    display: none;
 }
 .md{
    display: block;
 }
@media (max-width: 640px){
    .sm{
    display: block;
 }
 .md{
    display: none;
 }
    .mu-single-slide-content h1 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .slick-next {
        right: 10px;
    }

    .slick-prev {
        left: 10px;
    }

    .mu-single-slide-content-area {
        padding: 6% 0%;
    }

    .mu-single-slide-content a {
        margin-top: 0;
    }

    .mu-single-slide-content p {
        margin-bottom: 15px;
    }

    .mu-primary-btn {
        padding: 12px 28px;
        font-size: 14px;
    }

    .mu-video-left {
        padding: 120px 0;
    }

    .mu-video-iframe-area {
        padding: 5% 5%;
    }

    .mu-video-iframe-area iframe {
        height: 300px;
    }

    .mu-video-close-btn {
        top: 5px;
        margin-top: 0;
        height: 40px;
        line-height: 35px;
        width: 40px;
    }

    .mu-newsletter-content {
        padding: 0;
    }

    .mu-single-counter {
        margin: 20px 0;
    }

    /*contact us*/

    .mu-contact-content {
        padding: 0 5%;
    }

    #mu-google-map iframe {
        height: 300px;
    }
            
}


@media (max-width: 480px) {
    .mu-single-slide-content a.mu-primary-btn {
        display: none;
    }

    .mu-single-counter span {
        float: none;
    }
    .mu-call-to-action-left {
    
    float: none;
    text-align: center;
    max-width: 70%;
}

.mu-primary-btn {
    margin-top:15px; 
    
}

.mu-call-to-action-area {
    text-align: center;
    padding: 20px 0;
    margin-top: 25px;
}
    .mu-single-counter-content {
        float: none;
        display: inline-block;
    }

    .mu-title h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .mu-call-to-action-left h2 {
        font-size: 20px;
    }

    .mu-filter-item-content {
        padding-top: 29%;
        font-size: 18px;
    }
    
    .filtr-item h4 {
        font-size: 18px;
    }

    .mu-testimonials-area h2 {
        font-size: 25px;
    }

    .mu-testimonials-block {
        margin-top: 20px;
    }

    .mu-testimonial-slide li p {
        font-size: 15px;
    }

    .mu-testimonials-area {
        padding: 50px 0 50px;
    }

    .mu-subscribe-btn {
        font-size: 16px;
    }

    .mu-video-play-btn {
        height: 40px;
        width: 60px;
        font-size: 16px;
        line-height: 40px;
    }

    .slick-next,
    .slick-prev {
        width: 40px;
        height: 40px;
    }

    .slick-prev::before, 
    .slick-next::before {
        font-size: 20px;
    }

    .scrollToTop {
        font-size: 25px;
        line-height: 43px;
        width: 45px;
        height: 45px;
    }

    .mu-navbar {
        padding: 10px 0;
    }

    .mu-navbar .navbar-toggler {
        padding: 5px 10px;
    }

    /*About Us page*/

    .mu-page-header-area {
        padding: 80px 0;
    }

    .mu-page-header-title {
        font-size: 30px;
    }

    /*contact us*/

    #mu-google-map iframe {
        height: 250px;
    }

    /*Blog page*/

    #mu-blog {
        padding: 30px 0;
    }

    #mu-blog .mu-blog-item {
        margin-bottom: 30px;
    }

    .mu-blog-pagination .pagination .page-link {
        font-size: 16px;
        width: 35px;
        height: 35px;
        line-height: 33px;
    }

    .mu-blog-pagination .pagination .page-item:first-child .page-link,
    .mu-blog-pagination .pagination .page-item:last-child .page-link {
        line-height: 38px;
    }

    .mu-blog-pagination .pagination {
        float: none;
    }

    .mu-blog-sidebar {
        margin-top: 30px;
    }

    .mu-sidebar-social-widget .mu-social-media a {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
    }

    /*Error Page*/

    .mu-error-area {
        padding: 50px 0;
    }

    .mu-text {
        font-size: 180px;
        line-height: 180px;
    }

    .mu-backdrop {
        height: 230px;
    }
                        
    
}


@media (max-width: 360px) {
    .mu-single-slide-content h1 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .mu-single-slide-content p {
        margin-bottom: 0;
        font-size: 12px;
    }

    .mu-title h2 {
        font-size: 22px;
    }

    .mu-video-iframe-area {
        padding: 15% 5%;
    }

    .mu-video-right p {
        font-size: 16px;
        text-align: center;
    }

    .mu-filter-item-content {
        padding-top: 26%;
    }

    .mu-subscribe-form input {
        padding: 0 130px 0 20px;
    }

    .mu-subscribe-btn {
        font-size: 14px;
        width: 120px;
    }

    .mu-testimonial-slide .slick-next {
        right: 0;
    }

    .mu-testimonial-slide .slick-prev {
        left: 0;
    }

    /*About Us page*/

    .mu-single-team {
        text-align: center;
        padding: 10px 0;
    }

    .mu-single-team-img,
    .mu-single-team-content {
        width: 100%;
    }

    /*Blog page*/

    .mu-blog-pagination .pagination li {
        margin: 0 3px;
    }

    .mu-popular-content-widget .media {
        margin-bottom: 15px;
    }

    .mu-popular-content-widget .media > .mu-popular-post-img {
        width: 85px;
        margin-right: 5px;
    }

    .mu-sidebar-subscribe-widget .mu-subscribe-form input {
        padding: 0 135px 0 15px;
    }

    .mu-sidebar-subscribe-widget .mu-subscribe-btn {
        font-size: 16px;
        width: 125px;
    }

    #respond input[type="text"], 
    #respond input[type="email"], 
    #respond input[type="url"] {
        height: 35px;
        padding: 0 5px;
        margin-bottom: 5px;
        width: 100%;
    }

    #respond textarea {
        padding: 10px;
        height: 150px;
    }

    .mu-related-post .mu-related-post-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .mu-comments-area h2 {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .mu-comments-area .comments .commentlist .children {
        padding-left: 15px;
    }

    #respond .reply-title {
        font-size: 22px;
        padding-bottom: 5px;
        margin-bottom: 20px;
    }


    h1 {
        font-size: 30px;
    }

    h2 {  
        font-size: 25px; 
        line-height: 1.13; 
    }

    h3 {  
        font-size: 20px;  
    }

    h4 {  
        font-size: 18px;  
    }

    h5 {  
        font-size: 16px;  
    }

    h6 {  
        font-size: 14px;  
    }

    /*Error Page*/

    .mu-text {
        font-size: 160px;
        line-height: 160px;
    }

    .mu-backdrop {
        height: 200px;
    }

    

}



@media (max-width: 320px) {

    .mu-single-slide-content-area {
        padding: 2% 0%;
    }

    .mu-filter-item-content {
        padding-top: 24%;
    }
    
    
}

/*----------------------------*\
	 Product tab
\*----------------------------*/


#product-tab1,#product-tab2 {
   
    background: #fff;
   
}

#product-tab1 .tab-nav,#product-tab2 .tab-nav  {
    position: relative;
    text-align: center;
    padding: 15px 0px;
   
}

#product-tab1 .tab-nav:after,#product-tab2 .tab-nav:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background-color: #FAFAFA;
    z-index: -1;
}

#product-tab1 .tab-nav li,#product-tab2 .tab-nav li {
    display: inline-block;
    background: #FAFAFA;
    padding: 0px 15px;
}

#product-tab1 .tab-nav li+li,#product-tab2 .tab-nav li+li {
    margin-left: 15px;
}

#product-tab1 .tab-nav li a ,#product-tab2 .tab-nav li a{
    display: block;
    font-weight: 700;
    color: #8D99AE;
}

#product-tab1 .tab-nav li.active a,#product-tab2 .tab-nav li.active a {
    color: #F70;
}

#product-tab1 .tab-nav li a:after,#product-tab2 .tab-nav li a:after {
    content: "";
    display: block;
    width: 0%;
    height: 2px;
    background-color: #F70;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}

#product-tab1 .tab-nav li a:hover:after, #product-tab1 .tab-nav li a:focus:after, #product-tab1 .tab-nav li.active a:after,
#product-tab2 .tab-nav li a:hover:after, #product-tab2 .tab-nav li a:focus:after, #product-tab2 .tab-nav li.active a:after {
    width: 100%;
}

.mylink a {
  width:115px;
  height: 70px;
  display: inline-block;
}
 @keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{
                transform: scale(0.9);  /*开始为原始大小*/
            }
            25%{
                transform: scale(1.1); /*放大1.1倍*/
            }
            50%{
                transform: scale(0.9);
            }
            75%{
                transform: scale(1.1);
            }
        }


    
.nav-lang li a.active, .nav-lang li a:hover {
     color: #F70 !important;
 }

.myservices{
   width: 100%;
    margin-top:0px;
    margin-bottom: 50px;
   

}
.mymap{
    display: none;
}
.du_size p,.boou img { margin:0; padding:0; }
.boou img{border:none; vertical-align:middle;}
.m_map{ width:1080px; height: 831px; margin:30px auto;position:relative;  background:url(../img/map1.png) no-repeat 0 0 ;}
.mp{ position:absolute; cursor:pointer; background:url(../images/fi1.png) no-repeat 4px 20px; width:24px; height:63px; -webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}
.mp:hover{ background:url(../images/fi2.png) no-repeat 4px 20px; -webkit-transition:all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out;}
.hover_tu{background:url(../images/fi2.png) no-repeat 4px 20px;}
.mp .mito{ position:absolute; left:0px; bottom:0px; font-size:12px; font-weight:700;color:black;}
.mp .find_mi1{ left:-12px; width:55px;}
.mp .find_mi2{ left:-5px; width:55px;}
.feng{ position:absolute; display:none; width:347px; height:85px; left:-230px; top:-78px; background:url(../images/vf1.png) no-repeat 0 top; z-index:10;}
.feng .sang{ position:absolute; left:235px; bottom:0px; background:url(../images/vf2.png) no-repeat 0 0; width:14px; height:8px;}
.feng .tree{ height:62px; width:330px; margin:9px; }
.feng .tree .boou{ width:86px; height:62px; float:left;}
.feng .tree .du_size{ float:right; height:62px; width:230px;} 
.feng .tree .du_size p{ font-size:12px; color:#FFF; line-height:20px;}
.mp1{left:647px; top:465px; }
.mp2{left:673px; top:255px; }
.mp3{left:644px; top:628px; }
.mp4{left:756px; top:436px; }
.mp5{left:750px; top:462px; }
.mp6{left:724px; top:588px; }
.mp7{left:790px; top:572px; }
.mp8{left:465px; top:465px; }
.mp9{left:510px; top:485px; }

@media (max-width: 960px) {
.m_map{
    display: none;
}
.mymap{
    display: block;
}

}
.support-tab ul li img,.support-tab ul li span,.support-tab ul li p{
  display: inline-block; vertical-align: middle;
 }

.cart-dropdown {
  position: absolute;
  width: 300px;
  background: #FFF;
  padding: 15px;
  -webkit-box-shadow: 0px 0px 0px 2px #E4E7ED;
  box-shadow: 0px 0px 0px 2px #E4E7ED;
  z-index: 99;
  right: 0;
  opacity: 0;
  visibility: hidden;
}

.dropdown.open>.cart-dropdown {
  opacity: 1;
  visibility: visible;
}

.cart-dropdown .cart-list {
  max-height: 180px;
  overflow-y: scroll;
  margin-bottom: 15px;
}

.cart-dropdown .cart-list .product-widget {
  padding: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.cart-dropdown .cart-list .product-widget:last-child {
  margin-bottom: 0px;
}

.cart-dropdown .cart-list .product-widget .product-img {
  left: 0px;
  top: 0px;
}

.cart-dropdown .cart-list .product-widget .product-body .product-price {
  color: #2B2D42;
}

.cart-dropdown .cart-btns {
  margin: 0px -17px -17px;
}

.cart-dropdown .cart-btns>a {
  display: inline-block;
  width: calc(50% - 0px);
  padding: 12px;
  background-color: #D10024;
  color: #FFF;
  text-align: center;
  font-weight: 700;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.cart-dropdown .cart-btns>a:first-child {
  margin-right: -4px;
  background-color: #1e1f29;
}

.cart-dropdown .cart-btns>a:hover {
  opacity: 0.9;
}

.cart-dropdown .cart-summary {
  border-top: 1px solid #E4E7ED;
  padding-top: 15px;
  padding-bottom: 15px;
}
.dropdown-toggle{
  cursor:pointer;
}

/*=========================================================
    06 -> PRODUCT
===========================================================*/

/*----------------------------*\
    product
\*----------------------------*/

.product {
  position: relative;
  margin: 15px 0px 50px;
  -webkit-box-shadow: 0px 0px 0px 0px #E4E7ED, 0px 0px 0px 1px #E4E7ED;
  box-shadow: 0px 0px 0px 0px #E4E7ED, 0px 0px 0px 1px #E4E7ED;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.product:hover {
  -webkit-box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 2px #D10024;
  box-shadow: 0px 0px 6px 0px #E4E7ED, 0px 0px 0px 2px #D10024;
}

.product .product-img {
  position: relative;
  width: 100%

}


 
.product .product-img a>img {
  width: 100%;
  height: auto;
  
  }

.product .product-img .product-label {
  position: absolute;
  top: 10px;
  right: 10px;

    -webkit-animation-name: scaleDraw;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 1s;
    -webkit-animation-direction: alternate;
}

.product .product-img .product-label>span {
  border: 2px solid;
  padding: 2px 10px;
  font-size: 12px;
}

.product .product-img .product-label>span.sale {
  background-color: #FFF;
  border-color: #F70;
  color: #F70;

}

.product .product-img .product-label>span.new {
  background-color: #F70;
  border-color: #F70;
  color: #FFF;

}

.product .product-body {
  position: relative;
  padding: 1rem;
  background-color: #FFF;
  text-align: center;
  z-index: 20;
}

.product .product-body .product-category {
  text-transform: uppercase;
  font-size: 12px;
  color: #8D99AE;
}

.product .product-body .product-name {
  text-transform: uppercase;
  font-size: 0.9rem;
  height: 2rem;
}

.product .product-body .product-name>a {
  font-weight: 700;
}

.product .product-body .product-name>a:hover, .product .product-body .product-name>a:focus {
  color: #F70;
}

.product .product-body .product-price {
  color: #F70;
  font-size: 18px;
}

.product .product-body .product-price .product-old-price {
  font-size: 70%;
  font-weight: 400;
  color: #8D99AE;
}

.product .product-body .product-rating {
  position: relative;
  margin: 0px 0px 10px;
  height: 20px;
}

.product .product-body .product-rating>i {
  position: relative;
  width: 14px;
  margin-right: 0px;
  background: #FFF;
  color: #E4E7ED;
  z-index: 10;
}

.product .product-body .product-rating>i.fa-star {
  color: #ef233c;
}

.product .product-body .product-rating:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 1px;
  background-color: #E4E7ED;
}

.product .product-body .product-btns>button {
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: none;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.product .product-body .product-btns>button:hover {
  background-color: #E4E7ED;
  color: #F70;
  border-radius: 50%;
}

.product .product-body .product-btns>button .tooltipp {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -15px);
  -ms-transform: translate(-50%, -15px);
  transform: translate(-50%, -15px);
  width: 150px;
  padding: 10px;
  font-size: 12px;
  line-height: 10px;
  background: #1682CA;
  color: #FFF;
  text-transform: uppercase;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.product .product-body .product-btns>button:hover .tooltipp {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -5px);
  -ms-transform: translate(-50%, -5px);
  transform: translate(-50%, -5px);
}

.product .add-to-cart {
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 1px;
  padding: 15px;
  background: #1682CA;
  text-align: center;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  z-index: 2;
}

.product:hover .add-to-cart {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.product .add-to-cart .add-to-cart-btn {
  position: relative;
  border: 2px solid transparent;
  height: 40px;
  padding: 0 30px;
  background-color: #D10024;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 40px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.product .add-to-cart .add-to-cart-btn>i {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 38px;
  color: #D10024;
  opacity: 0;
  visibility: hidden;
}

.product .add-to-cart .add-to-cart-btn:hover {
  background-color: #FFF;
  color: #D10024;
  border-color: #D10024;
  padding: 0px 30px 0px 50px;
}

.product .add-to-cart .add-to-cart-btn:hover>i {
  opacity: 1;
  visibility: visible;
}

/*----------------------------*\
    Widget product
\*----------------------------*/

.product-widget {
  position: relative;
}

.product-widget+.product-widget {
  margin: 30px 0px;
}

.product-widget .product-img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 60px;
}


.product-widget .product-img a img:hover{
    -webkit-transform:scale(2,2);
    -moz-transform:scale(2,2);
    -o-transform:scale(2,2);
}

.product .product-img a img:hover{
    -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
}

.product-widget .product-img a>img {
  width: 100%;
}

.product-widget .product-body {
  padding-left: 75px;
  min-height: 60px;
}

.product-widget .product-body .product-category {
  text-transform: uppercase;
  font-size: 10px;
  color: #fff;
}

.product-widget .product-body .product-name {
  text-transform: uppercase;
  font-size: 12px;
}

.product-widget .product-body .product-name>a {
  font-weight: 700;
  color: #FFFFE0;
}

.product-widget .product-body .product-name>a:hover, .product-widget .product-body .product-name>a:focus {
  color: #F70;
}

.product-widget .product-body .product-price {
  font-size: 14px;
  color: #F70;
}

.product-widget .product-body .product-price .product-old-price {
  font-size: 70%;
  font-weight: 400;
  color: #8D99AE;
}

.product-widget .product-body .product-price .qty {
  font-weight: 400;
  margin-right: 10px;
}

.product-widget .delete {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 14px;
  text-align: center;
  font-size: 10px;
  padding: 0;
  background: #1e1f29;
  border: none;
  color: #FFF;
}

/*----------------------------*\
    Products slick
\*----------------------------*/

.products-slick .slick-list {
  padding-bottom: 60px;
  margin-bottom: -60px;
  z-index: 2;
}

.products-slick .product.slick-slide {
  margin: 15px;
}

.products-tabs>.tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow-y: hidden;
  padding-bottom: 60px;
  margin-bottom: -60px;
}

.products-tabs>.tab-pane.active {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.products-slick-nav {
  position: absolute;
  right: 15px;
  z-index: 10;
}

.products-slick-nav .slick-prev, .products-slick-nav .slick-next {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  width: 20px;
  height: 20px;
  display: inline-block !important;
  margin: 0px 2px;
}

.products-slick-nav .slick-prev:before, .products-slick-nav .slick-next:before {
  font-size: 14px;
}

.checkbox-filter .navdown li a{
    color: #FFFFFF;
}
.navdown li a:hover{
    color:#f70;
}

/*----------------------------*\
    Product view
\*----------------------------*/

#product-main-img .slick-prev {
  -webkit-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  transform: translateX(-15px);
  left: 15px;
}

#product-main-img .slick-next {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
  right: 15px;
}

#product-main-img .slick-prev, #product-main-img .slick-next {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

#product-main-img:hover .slick-prev, #product-main-img:hover .slick-next {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1;
  visibility: visible;
}

#product-main-img .zoomImg {
  background-color: #FFF;
}

#product-imgs .product-preview {
  margin: 0px 5px;
  border: 1px solid #E4E7ED;
}

#product-imgs .product-preview.slick-current {
  border-color: #D10024;
}

#product-imgs .slick-prev {
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#product-imgs .slick-next {
  top: calc(100% - 20px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#product-imgs .slick-prev:before {
  content: "\f106";
}

#product-imgs .slick-next:before {
  content: "\f107";
}

.product-preview img {
  width: 100%;
}

/*----------------------------*\
    Product details
\*----------------------------*/

.product-details .product-name {
  text-transform: uppercase;
  font-size: 18px;
}

.product-details .product-rating {
  display: inline-block;
  margin-right: 15px;
}

.product-details .product-rating>i {
  color: #E4E7ED;
}

.product-details .product-rating>i.fa-star {
  color: #D10024;
}

.product-details .review-link {
  font-size: 12px;
}

.product-details .product-price {
  display: inline-block;
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 15px;
  color: #D10024;
}

.product-details .product-price .product-old-price {
  font-size: 70%;
  font-weight: 400;
  color: #8D99AE;
}

.product-details .product-available {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  margin-left: 30px;
  color: #D10024;
}

.product-details .product-options {
  margin-top: 1rem;
  margin-bottom:1rem;
}

.product-details .product-options label {
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 15px;
  margin-bottom: 0px;
}

.product-details .product-options .input-select {
  width: 90px;
}

.product-details .add-to-cart {
  margin-bottom: 30px;
}

.product-details .add-to-cart .add-to-cart-btn {
  position: relative;
  border: 2px solid transparent;
  height: 2rem;
  padding: 0 1.5rem;
  background-color: #ef233c;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 2rem;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.product-details .add-to-cart .add-to-cart-btn>i {
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  line-height: 1.8rem;
  color: #D10024;
  opacity: 0;
  visibility: hidden;
}

.product-details .add-to-cart .add-to-cart-btn:hover {
  background-color: #FFF;
  color: #D10024;
  border-color: #D10024;
  padding: 0px 30px 0px 50px;
}

.product-details .add-to-cart .add-to-cart-btn:hover>i {
  opacity: 1;
  visibility: visible;
}

.product-details .add-to-cart .qty-label {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 15px;
  margin-bottom: 0px;
  color: #333;
}

.product-details .add-to-cart .qty-label .input-number {
  width: 90px;
  display: inline-block;
}

.product-details .product-btns li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
}

.product-details .product-btns li+li {
  margin-left: 15px;
}

.product-details .product-links {
  margin-top: 15px;
}

.product-details .product-links li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
}

.product-details .product-links li+li {
  margin-left: 10px;
}

/*----------------------------*\
     Product tab
\*----------------------------*/

#product-tab {
  margin-top: 30px;
}

#product-tab .tab-nav {
  position: relative;
  text-align: center;
  padding: 15px 0px;
  margin-bottom: 10px;

}

#product-tab .tab-nav:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background-color: #FAFAFA;
  z-index: -1;
}

#product-tab .tab-nav li {
  display: inline-block;
  background: #FAFAFA;
  padding: 5px 15px;
}

#product-tab .tab-nav li+li {
  margin-left: 15px;
}

#product-tab .tab-nav li a {
  display: block;
  font-size: 16px;
  font-weight: 900;
  color: #8D99AE;
}

#product-tab .tab-nav li.active a {
  color: #F70;
}

#product-tab .tab-nav li a:after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background-color: #F70;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

#product-tab .tab-nav li a:hover:after, #product-tab .tab-nav li a:focus:after, #product-tab .tab-nav li.active a:after {
  width: 100%;
}
.input-select {
  padding: 0px 15px;
  background: #FFF;
  border: 1px solid #E4E7ED;
  height: 40px;
}
/*----------------------------*\
    Arrows
\*----------------------------*/
/*
.slick-prev, .slick-next {
  width: 40px;
  height: 40px;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  border-radius: 50%;
  z-index: 22;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  background-color: #D10024;
  border-color: #D10024;
}

.slick-prev:before, .slick-next:before {
  font-family: FontAwesome;
  color: #2B2D42;
}

.slick-prev:before {
  content: "\f104";
}

.slick-next:before {
  content: "\f105";
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  color: #FFF;
}

.slick-prev {
  left: -20px;
}

.slick-next {
  right: -20px;
}*/
.input-number {
  position: relative;
}

.input-number input[type="number"]::-webkit-inner-spin-button, .input-number input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-number input[type="number"] {
  -moz-appearance: textfield;
  height: 2rem;
  width: 100%;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  padding: 0px 35px 0px 15px;
}

.input-number .qty-up, .input-number .qty-down {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #E4E7ED;
  background-color: #FFF;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input-number .input-units {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  border-right: 1px solid #E4E7ED;
  background-color: #FFF;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.product-options label{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: #333;
}

.input-number .input-units {
  right: 0;
  top: 4px;
  border-bottom: 0px;

  
}
.input-number .qty-up {
  right: 0;
  
}

.input-number .qty-down {
  right: 0;
  bottom: 0;
}

.input-number .qty-up:hover, .input-number .qty-down:hover {
  background-color: #E4E7ED;
  color: #D10024;
}

/*-- Select input --*/

.input-select {
    margin: 10px 0px;
  padding: 0 0.8rem;
  background: #FFF;
  border: 1px solid #E4E7ED;
  height: 2rem;
}
button.add-to-cart-btn{

    align-items: flex-start;
    text-align: center;
        text-rendering: auto;
        font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    -webkit-appearance: button;
    cursor: pointer;
        -webkit-writing-mode: horizontal-tb !important;
}
.product-subhead,.product-caption{
    font-size: 1rem;
    color:#333;
  
}

table tr.alt, table tr.even, table tr:nth-of-type(even) {
    background: #fff;
}
table tfoot tr td, table tfoot tr th, table thead tr td, table thead tr th,table tbody tr td, table tbody tr th{
    border-right: 1px solid #DDD;
}
.table-responsive {
    min-height: .01%;
    overflow-x: auto;

}
.table{
    margin: 0px auto;
}
@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
       /* margin-bottom: 30px;*/
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        /*border: 1px solid #ddd*/

    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: nowrap
    }
}

 .leftlx{text-align: center; margin-top:10px; font-family: "Microsoft YaHei";font-size: 14px;padding: 10px; border:1px solid #ececec; display:block; margin-bottom:20px;border-top: 5px solid #DA1F13;}
.leftlx h5 {font-size: 16px;padding: 15px 0px;margin: 0;}
.leftlx .phone img {width: 40px;height: 40px;}
.leftlx .phone span {display: block;}
.leftlx .phone p {font-weight: bold;font-size: 22px; padding-bottom: 10px; border-bottom: 1px solid #dedede;  color:#DA1F13; text-align:center;}
.leftlx p {padding-top: 10px;line-height: 25px; text-align:left;margin-bottom: 0px;}
.fr {
    float: right;
}
     /*副导航*/
.leib2,.leib{  margin-bottom:20px;}

.leib2 .tit,.leib .tit{ background:#E37770; line-height:40px; height:40px; text-align:center;font-size: 20px; color: #fff; font-weight:bold;}
.leib2 .tit a,.leib .tit a{font-size: 20px; color: #fff; font-weight:bold;}
.leib2 {    border: 1px solid #ececec; 
    

}
.leib2 .nr h3.cur{background: #f3f3f3; border-left: 4px solid #DA1F13;}
.leib2 .nr h3.cur a{background: none; color: #DA1F13;}
.leib2 .nr h3 {background: #f3f3f3;border-left: 4px solid #282828; }
.leib2 .nr ul {padding: 5px 0; }
.leib2 .nr ul li {font-size: 14px;line-height: 22px; padding-left: 60px;  background:url(../img/ico111.gif) no-repeat 45px 5px; }
.leib2 .nr ul li a {  color: #626262;text-decoration: none; }
.leib2 .nr ul li:last-child{ border-bottom:0;}
.leib2 .nr li.cur a,.leib2 .nr li a:hover{color: #DA1F13;}
.leib2 .nr h3{  height: 51px; line-height: 51px; border-top: 1px solid #ececec;padding-left: 39px;font-size: 18px;}
.leib2 .nr h3 a{ color: #282828; text-decoration: none; padding-left: 20px;}
.leib2 .nr h3 a:hover{color: #DA1F13;}

/*新资讯显示方式 */

.inf_lc{
    list-style:none;
    padding:10px;
    }
   .inf_lc li{
    height:65px;
    border-bottom:1px dashed #CCCCCC;
    overflow:hidden;
    padding-top:10px;
     
     
    }
    .inf_lc li a{
    color:#000000;
    text-decoration:none;
     
    }
   .inf_lc li a:hover{
    color:#FF0000;
    }
   .inf_lc li img{
    float:left;
    margin-right:8px;
    }
   .inf_lc li a{
     
    }
   .inf_lc li p span a{
    color:#999999;
    }
  
.n_info_con {padding:0px 0px 0 0px;  font-size:14px;}
.n_info_con strong{ font-weight:bold;}
.n_info_con h1 {  padding-top:16px; color: #333;  font-weight:normal;  font-size: 22px; line-height: 40px; padding-bottom:10px;  margin-bottom: 10px; text-align: center;font: 20px/63px "Microsoft Yahei";}
.n_info_con2 { margin:0 auto; border:1px solid #D6D6D6;}
.n_info_con h3 { text-align:center; color:#000; font-family:"Microsoft YaHei"; margin-bottom:10px; font-size:24px;border-bottom: 1px dashed #CCCCCC; } /*资讯详细页面，内容标题*/
.info_con_tit {font-family:"Microsoft YaHei";  line-height:24px; margin-bottom:15px;}
.info_con_tit span { margin-right:20px;}
.info_con_tit .m_qrinfo{position:relative;}
.m_qrcode{ display:none; position:absolute; left:0px; top:20px; background:#fff;border:1px dashed #f1f1f1; }
.m_qrcode em{ line-height:24px; color:red; display:block; text-align:center;}
.info_con_tit .n_tit {  text-align:left; color:#666; border-bottom:1px dashed #999; height:44px; line-height:44px;}
.info_con_tit .n_tit .m_qrinfo a{background:url(img/common/tel0.gif) no-repeat left top; height:45px; display:inline-block; font-size:0px; width:24px;}
.info_con_tit .n_tit .m_qrinfo a:hover{background:url(img/common/tel1.gif) no-repeat left top;}
.info_con_tit .n_tit a{ color:#BCBBBB; }
.info_con_tit .n_tit span .cur{color:#000;}
.info_con_tit .n_tit2 { height:24px;}
.n_info_con .tit2_span { float:right; margin:0; _margin-top:5px;}
#cntrBody{ padding-top:12px;}
.n_info_con p {  color:#333;line-height:28px;text-indent:2rem;  margin:15px 0;}
.n_info_con p img{  max-width:900px;}
.n_info_con p a { color:#ED1B24; font-weight:bold;}
.n_info_con .apage { text-align:center; margin-bottom:10px;} /*资讯详细页面，翻页区块*/


/*下一篇、下一篇*/
.gduo{ line-height:30px; background:#f7f7f7; overflow:hidden; margin:15px 0px; padding:0 10px;}
.gduo span{ overflow:hidden; height:30px; display:block;}
.gduo a{  color:#2d53b3;}

/*------资讯详细页右侧分类xsl--------*/

.right2_main{  width:275px; border:none;}
.left2_main{  border:none;}
.t03 {line-height: 46px; height:46px; margin-bottom:5px; text-indent: 22px; border-bottom:2px solid #E0E0E0;}
.right2_main .t03 a { color:#2d53b3 ; display:block; font-size: 18px; font-family:"Microsoft YaHei";}
.p_rt_tit{ line-height:32px; height:32px; text-overflow: ellipsis;white-space: nowrap;overflow:hidden; color:Orange; margin-left:21px;width: 214px;background: none repeat scroll 0 0 #ddd; border-bottom: 1px solid #fff; }
.p_rt_ul li.cur .p_rt_tit{top: 150px;left: 21px;position: absolute;background: none repeat scroll 0 0 #000 ;opacity: 0.6; filter:alpha(opacity=60); width: 214px; text-align:center; margin-left:0px; height:32px;}
.p_rt_ul{list-style:none; border-top:none; padding-bottom:5px; width:272px; overflow:hidden; background:#fff;}
.p_rt_ul li{ float:left; padding:0px; background:#fff;width:100%; }
.p_rt_ul li h3{ font-size:12px; font-weight:normal;color:Black; line-height:32px; height:32px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.red_x{ color:#2d53b3; font-weight:bold;}
.p_rt_ul .cur{background:#fff; opacity:0.9;filter:alpha(opacity=90); position: relative; padding-top: 16px;}
.p_rt_ul .cur h3 a{font-weight:bold; color:#fff;}
.p_rt_ul li h3 a{ font-size:12px; font-family:Arial; font-weight:normal; margin-left:5px; color:#2d53b3;  height:32px;}
.p_rt_ul li.cur h3 a{ line-height:32px;}
.p_rt_ul dl{ width: 230px; overflow:hidden; display:none; padding-left:16px; background:#fff; margin-left:5px;    margin-bottom:0px;}
.p_rt_ul dl dd{ float:left;margin-bottom: 0px; }
.p_rt_ul dl dt{ float:left;     margin-bottom: 0px;overflow:hidden; display:block; line-height:24px;}
.p_rt_ul dl dt a{ color:#666666; font-size:12px; line-height:24px; display:block; margin-top: 5px;}
.p_rt_ul li dd img{ width:228px; height:170px; display:block;border: 1px solid #ccc}
.p_rt_ul li .r_info{ display:block; font-size:0px;}

ul.n_rt_ul { background:none; width:230px; margin:8px auto; overflow:hidden; padding-left:5px;}
ul.n_rt_ul li { line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:20px; padding-right:20px; background:url(../img/a2.gif) no-repeat left center;   }
ul.n_rt_ul li a{ display:block;  width:190px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font:14px Microsoft YaHei; color:#666; height:32px; line-height:32px; padding-left:6px; }
ul.n_rt_ul li.cur{background:url(../img/a1.gif) no-repeat left center; }
ul.n_rt_ul2 {width:240px; margin:8px auto; overflow:hidden;}
ul.n_rt_ul2 li { line-height:24px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:5px; }
.m-rec .m-con { width:320px; margin:0 auto; position:relative; }
.m-rec .prev { width:20px; height:40px; position:absolute; top:50%; margin-top: -35px; left:0; z-index:99; }
.m-rec .prev:before { content:""; position:absolute; background:#bababa; width:12px; height:12px; left:4px; top:14px; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.m-rec .prev:after { content:""; position:absolute; background:#f9f9f9; width:12px; height:12px; left:8px; top:14px; z-index:11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.m-rec .next { width:20px; height:40px; position:absolute; top:50%; margin-top: -35px;right:0; z-index:99; }
.m-rec .next:before { content:""; position:absolute; background:#bababa; width:12px; height:12px; right:4px; top:14px; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.m-rec .next:after { content:""; position:absolute; background:#f9f9f9; width:12px; height:12px; right:8px; top:14px; z-index:11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.m-rec .m-nowr { margin:16px 22px 0 22px; }
.m-rec .m-box { height:145px; overflow:hidden; }
.m-rec .m-box p a:nth-child(1){ margin-right:10px;}
.m-rec .m-box p a {font-size: 12px;font-weight: 400;letter-spacing: 0.5px;display:inline-block; width:132px; float:left; line-height:36px; text-align:center; }
.m-rec .m-box p a.mr10 { margin-right:10px; }
.m-rec .m-box p a img { border:1px solid #e2e2e2; float:left;width:130px;height:99px; }

.yangpin a:hover{
    color: #f70;
}
@media  (min-width: 767px) {
    .m-rec{
       display:none; 
    }
}

@media screen and (max-width: 767px) {
    .leftlx,.smallpx,.p_rt_ul{
        display: none;
    }
.m-rec{
       display:block; 
    }
  ul.n_rt_ul { 
    margin:8px; 
  }


    #footer .section .container .col-md-3{
        display: none;
    }
   .copyright {
      margin-top: 0.6rem;
    }
  .content-first{
   
    height: 4.0em;
    font-size: 2em;
    text-align: center;
    display: none;
border-top: 1px solid #E4E7ED;
  padding-top: 0em;
  
  line-height: 1.0em;
}

}

.w50{
  width: 50%;
  float: left;
}

.w100{
  width: 100%;
}

.leftlx a{
  color: #333;
}
.leftlx a:hover{
  color: #bdbdbd;
}

.name h1{
    margin: 0px;
}
.row .title-area{
    padding-left: 25.45px;
}
.tc_930 ul li .mysel{
width: 50%;
  font-size: 16px;
    color: #fff;
    background-color: transparent;
    text-align: center;
  }

/*.select {
    display: inline-block;
    
    position: relative;
    vertical-align: middle;
    padding: 0;
    overflow: hidden;
    background-color: #;
    
    border: 1px solid #aaa;
    text-shadow: none;
    border-radius: 4px; 
    transition: box-shadow 0.25s ease;
    z-index: 2;
  }*/
 
  .select:hover {
    box-shadow: 0 1px 4px rgba(255, 255,255, 0.15);
  }
 
  .select:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #ccc;
    top: 22px;
    right: 10px;
    cursor: pointer;
    z-index: -2;
  }
  .select select {
    cursor: pointer;
    padding: 15px;
    width: 100%;
    border: none;
    background: url(../img/icon/bg_red.png);
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
.select select option{
  background-color:#d32329; 
}

  .select select:focus {
    outline: none;
  }

.bb {
          
          position: relative;
           
     

        }
.bb::before, .bb::after {
    position: absolute;
         top: 0;

          bottom: 0;

          left: 0;

          right: 0;
}


        .bb {

          width: 200px;

          height: 36px;

          margin: auto;

          background: url("") no-repeat 50%/70% rgba(0, 0, 0, 0.1);

          color: #69ca62;

          box-shadow: inset 0 0 0 1px rgba(105, 202, 98, 0.5);
          border-radius: 5px;

        }

        .bb::before, .bb::after {

          content: '';

          z-index: -1;

          margin: -5%;

          box-shadow: inset 0 0 0 2px;

          animation: clipMe 8s linear infinite;

        }

        .bb::before {

          animation-delay: -4s;

        }

        .bb:hover::after, .bb:hover::before {

          background-color: rgba(255, 0, 0, 0.5);

        }



        @keyframes clipMe {

          0%, 100% {

            clip: rect(0px, 220.0px, 2px, 0px);

          }

          25% {

            clip: rect(0px, 2px, 56.0px, 0px);

          }

          50% {

            clip: rect(54.0px, 220.0px, 56.0px, 0px);

          }

          75% {

            clip: rect(0px, 220.0px, 56.0px, 218.0px);

          }

        }
        .bb a{
            color: #fff;
        }
    .bb a:hover{
            text-decoration: underline;
            color: #f70;
    }

@media screen and (max-width:991px) {
  .select select {
    padding:0;height:34px; line-height:34px; font-size:14px;
  }
.select:before {
   
    top: 10px;
    
  }
  .bb {
    display: none;
  }
}

.waves {
  position:relative;
  background:#ffffff;
  width: 100%;
  height:10vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:40px;
  max-height:70px;
}

.content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
  .content {
    height:30vh;
  }
  h1 {
    font-size:24px;
  }
}
.footer img{
    vertical-align: middle;

}
.content2 {
  background-color:#fff;
}



.content2 .container {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .content2 .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .content2 .container {
    width: 980px;
  }
}
@media (min-width: 1200px) {
  .content2 .container {
    width: 1182px;
  }
}
@media (min-width: 1300px) {
  .content2 .container {
    width: 1300px;
  }
}
@media (min-width: 1570px) {
  .content2 .container {
    width: 1570px;
  }
}
.visible-xs {
    display: none !important;
}
@media (max-width: 767px){
.hidden-xs {
    display: none !important;
}
.visible-xs {
    display: block !important;
}
}
.tit_1{ width:100%; float:left; text-align:center;}
.tit_1 h3{ width:100%; float:left; font-size:48px; color:black; font-family:Cambria; font-weight:bold;text-transform:uppercase; letter-spacing:-1px;}
.tit_1 h4{ width:100%; float:left; font-size:24px; color:#555; margin-top:5px; letter-spacing:1px;}
@media screen and (max-width:1199px) {
.tit_1 h3{ font-size:24px;}
.tit_1 h4{ font-size:14px; }


}
.content2{ width:100%; float:left; padding:70px 0 80px 0; text-align:center; position:relative;}
.bian_1{ width:2px; height:60px; background:#d32329; position:absolute; left:50%; top:-30px; margin-left:-1px;}
@media screen and (max-width:1199px) {
.content2{ padding:60px 0 70px 0;}
.bian_1{ width:2px; height:40px; top:-20px;}
}
@media screen and (max-width:767px) {
.content2{ padding:20px 10px 30px 10px;}
}

.ul_5{ width:100%; float:left; margin-top:40px;}
.ul_5 li{ width:33.333%; float:left; background:#1682ca;}
.ul_5 li .img{ width:50%; float:left; overflow:hidden;}
.ul_5 li .img img{ width:100%; float:left;
     transition: all 1s linear;
  -moz-transition: all 1s linear;
 -webkit-transition: all 1s linear;
-o-transition: width all 1s linear;}
.ul_5 li:hover .img img{transform: scale(1.09,1.09);
  -ms-transform: scale(1.09,1.09);  
-webkit-transform: scale(1.09,1.09);
   -o-transform: scale(1.09,1.09);  
   -moz-transform: scale(1.09,1.09);}
.ul_5 li .text{ width:50%; float:left; padding:59px 20px 25px 22px; position:relative; text-align:left; overflow:hidden;}
.ul_5 li .text h2{ font-size:36px;font-family: 'OPENSANS-BOLD'; position:absolute; right:20px; top:35px; color:white; opacity:0.2; text-align:right;}
.ul_5 li .text .title{ width:100%; float:left; text-align:right; background:url(../img/icon/imgcheng.png) no-repeat left top #f70; margin-left:21px; padding-right:20px; font-size:16px; color:white; line-height:45px; position:relative; z-index:1; height:45px; overflow:hidden;}
.ul_5 li .text .p{ width:100%; float:left; margin-top:26px; font-size:14px; color:white; line-height:22px; height:88px; overflow:hidden;}
.ul_5 li.l1{ background:#1688cc;}
.ul_5 li.l1 .text .title{ background-image:url(../img/icon/imgcheng_2.png);}
.ul_5 li.l2{ background:#1694d0;}
.ul_5 li.l2 .text .title{ background-image:url(../img/icon/imgcheng_3.png);}
.ul_5 li.l3 .img{ float:right;}
@media screen and (max-width:1569px) {
.ul_5 li{ width:50%;}
.ul_5 li.l4 .img{ float:right;}
.ul_5 li.l5 .img{ float:left;}
}
@media screen and (max-width:1199px) {
.ul_5 li .text{ padding:45px 10px 10px 12px;}
.ul_5 li .text h2{ font-size:26px; right:10px; top:25px;}
.ul_5 li .text .title{margin-left:11px; padding-right:10px; font-size:14px; line-height:35px; height:35px;}
.ul_5 li .text .p{ margin-top:16px; font-size:12px; line-height:20px; height:80px;}
}
@media screen and (max-width:991px) {
.ul_5 li .text{ padding:35px 10px 10px 10px;}
.ul_5 li .text h2{ top:15px;}
}
@media screen and (max-width:767px) {
.slide_pic_13{ width:100%; float:left; margin-top:20px; padding-bottom:20px;}
.slide_pic_13 .slick-dots {
  position: absolute;
  bottom: -10px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  overflow:hidden;
}
.slide_pic_13 .slick-dots li {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 3px;
  padding: 0;
  cursor: pointer;
  background:black;
  opacity:0.6;
  -moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_pic_13 .slick-dots li.slick-active{
  opacity:1;
}
.ul_5{ margin-top:0px; width:auto;}
.ul_5 li{ width:100%;}
.ul_5 li.l6 .img{ float:right;}
.ul_5 li .text{ padding:35px 10px 10px 12px;}
.ul_5 li .text h2{ top:15px;}
.ul_5 li.l4 .img{ float:left;}
.ul_5 li.l7 .img{ float:right;}
.ul_5 li .img,.ul_5 li .text{ width:50%;}
.ul_5 li .text .p{ margin-top:10px;}
.ul_5 li .img h3{background-color: #fff;text-align: center;font-size: 14px;}
#topdiv .ul_5 li .img{
  padding: 2px;background-color: #fff;
}
}


.index_head{ width:100%; float:left; position:relative; text-align:center;}
.index_head h3{ width:100%; float:left; font-size:36px; color:black; line-height:56px; font-weight:bold; letter-spacing:2px; position:relative; z-index:2;}
.index_head h1{ width:100%; font-size:80px; color:#f6f6f6; line-height:56px; height:56px; font-weight:bold; letter-spacing:2px; position:absolute; left:0; top:0; z-index:1; text-transform:uppercase; font-family: 'OPENSANS-BOLD';}
.
@media screen and (max-width:1299px) {

.index_head h3{ font-size:30px; line-height:50px; letter-spacing:1px;}
.index_head h1{ font-size:60px; line-height:50px; height:50px; letter-spacing:1px;}

}
@media screen and (max-width:1199px) {

.index_head h3{ font-size:20px; line-height:40px;}
.index_head h1{ font-size:50px; line-height:40px; height:40px;}

}
@media screen and (max-width:991px) {

.index_head h3{ font-size:16px; line-height:30px;}
.index_head h1{ font-size:40px; line-height:30px; height:30px;}

}
@media screen and (max-width:767px) {

.index_head h3{ font-size:16px; line-height:30px;}
.index_head h1{ display:none;}

}

 .content3{ background:url(../img/icon/bg_12.jpg) no-repeat center center; background-size:cover; background-attachment: fixed; padding:60px 0 66px 0; width:100%; float:left; position:relative;}
.slide_pic_1{ width:100%; float:left; margin-top:48px;}
.slide_pic_1 .li_hp{ width:100%; text-align:center;}
.slide_pic_1 .li_hp .ico{ width:100%; height:90px; text-align:center;}
.slide_pic_1 .li_hp .ico img{ height:100%; display:inline-block; *zoom:1; *display:inline;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.slide_pic_1 .li_hp .bian{ width:100%; float:left; margin-top:13px;}
.slide_pic_1 .li_hp .title{ width:100%; float:left; margin-top:17px;}
.slide_pic_1 .li_hp .title h4{ width:100%; float:left; font-size:18px; color:white; line-height:28px;}
.slide_pic_1 .li_hp .title h6{ width:100%; float:left; font-size:12px; color:white; line-height:20px; font-family:Arial;}
.slide_pic_1 .li_hp:hover .ico img{ transform:rotateY(180deg);}
.slide_pic_1 .slick-dots {
  position: absolute;
  bottom: -40px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  overflow:hidden;
}
.slide_pic_1 .slick-dots li {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 6px;
  padding: 0;
  cursor: pointer;
  -moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
background:white;
opacity:0.55;
}
.slide_pic_1 .slick-dots li.slick-active{
  opacity: 1;
  background:#fff;
}
@media screen and (max-width:1199px) {
 .content3{ padding:60px 0 46px 0;}
.slide_pic_1{ margin-top:28px;}
.slide_pic_1 .slick-dots{ bottom:-30px;}
.slide_pic_1 .li_hp .ico{ height:60px;}
.slide_pic_1 .li_hp .title{ margin-top:10px;}
.slide_pic_1 .li_hp .title h4{ font-size:14px; line-height:22px;}
}
@media screen and (max-width:767px) {
.slide_pic_1 .slick-dots{ bottom:-20px;}
.content3{ padding:30px 10px 40px 10px;}
}


/*联系我们*/
.Contact_2 {
  float: left;
  width: 100%;
  text-align: center;
  color: #666666;
  font-size: 16px;
  line-height: 26px;
  margin: 30px 0 40px 0;
}
.Contact_1 {
  float: left;
  width: 100%;
}
#dituContent {
  float: right;
  width: 670px;
  height: 460px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
}
.contact_tx {
  float: left;
  width: 470px;
  height: 460px;
  background: #f5f5f5;
  padding: 0 30px;
  overflow: hidden;
}
.contact_tx .l1 {
  float: left;
  width: 100%;
  color: #323232;
  font-size: 30px;
  line-height: 38px;
  font-weight: bold;
  margin-top: 40px;
}
.contact_tx .l2 {
  float: left;
  width: 100%;
  color: #333333;
  font-size: 24px;
  line-height: 32px;
  margin: 21px 0 0 0;
}
.contact_tx .l2 span {
  font-size: 16px;
}
.contact_tx .l3 {
  float: left;
  width: 100%;
  color: #999999;
  font-size: 14px;
  line-height: 22px;
  font-family: Arial;
  border-bottom: 1px dashed #eaeaea;
  padding-bottom: 19px;
}
.contact_tx .l4 {
  float: left;
  width: 100%;
  color: #666666;
  font-size: 14px;
  line-height: 28px;
  margin: 13px 0 10px 0;
}
.contact_tx .l5 {
  float: left;
  width: 100%;
}
.contact_tx .l5 span {
  float: left;
  color: #323232;
  line-height: 50px;
  font-size: 1em;
  font-weight: 700;
}
.foot_share {
  float: left;
  margin-left: 5px;
}
.foot_share .share {
  float: left;
  width: 40px;
  height: 40px;
  margin: 0 10px;
  position: relative;
  z-index: 99;
}
.foot_share .foot_weibo {
  float: left;
  width: 40px;
  height: 40px;
  background: url(../img/icon/weixin_1.png) center no-repeat;
}
.foot_share .foot_weixin {
  float: left;
  width: 40px;
  height: 40px;
  background: url(../img/icon/weixin_1.png) center no-repeat;
}
.foot_share .share:hover .foot_weibo {
  background: url(../img/icon/weixin_2.png) center no-repeat;
}
.foot_share .share:hover .foot_weixin {
  background: url(../img/icon/weixin_2.png) center no-repeat;
}
.foot_share .weixin_bx {
  position: absolute;
  left: 50%;
  bottom: 46px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.foot_share .share:hover .weixin_bx {
  width: 182px;
  height: 202px;
  border: 1px solid #e5e5e5;
  padding: 5px;
  background: #fff;
}
.weixin_bx p{
  text-align: center;
}
.Contact_3 {
  float: left;
  width: 100%;
}
.Contact_3 .l1 {
  float: left;
  width: 100%;
  color: #333333;
  font-size: 20px;
  line-height: 30px;
  padding: 35px 0 15px 0;
  border-bottom: 1px solid #e6e5e5;
}
.Contact_3 .l2 {
  float: left;
  width: 100%;
  padding: 15px 0 45px 0;
  overflow: hidden;
}
.Contact_3 .l2 ul {
  margin: 0 -15px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.Contact_3 .l2 li {
  float: left;
  width: 50%;
  padding: 15px;
}
.Contact_3 .l2 li a {
  float: left;
  width: 100%;
  background: #f5f5f5;
  padding: 20px;
  position: relative;
}
.Contact_3 .l2 .pic1 {
  float: left;
  width: 126px;
  line-height: 0;
  position: absolute;
  left: 20px;
  top: 20px;
}
.Contact_3 .l2 .text1 {
  float: left;
  width: 100%;
  min-height: 126px;
  padding-left: 146px;
}
.Contact_3 .l2 .text1 h4 {
  float: left;
  width: 100%;
  color: #333333;
  font-size: 18px;
  line-height: 28px;
  margin: 5px 0 10px 0;
}
.Contact_3 .l2 .text1 .p {
  float: left;
  width: 100%;
  color: #555555;
  font-size: 14px;
  line-height: 30px;
}

@media screen and (max-width: 1199px) {
  #dituContent {
    width: 462px;
  }
}
@media screen and (max-width: 991px) {
  .Contact_2 {
    margin: 15px 0 20px 0;
  }
  #dituContent {
    width: 100%;
    margin-top: 15px;
    height: 300px;
  }
  .contact_tx {
    width: 100%;
    padding: 30px 15px;
    height: auto;
  }
  .contact_tx .l1 {
    margin-top: 0;
    font-size: 22px;
    line-height: 30px;
  }
  .contact_tx .l2 {
    font-size: 18px;
    line-height: 26px;
    margin: 8px 0 0 0;
  }
  .contact_tx .l2 span {
    font-size: 14px;
  }
  .contact_tx .l3 {
    padding-bottom: 10px;
  }
  .contact_tx .l4 {
    margin: 6px 0 15px 0;
  }

  .Contact_3 .l1 {
    font-size: 18px;
    line-height: 28px;
    padding: 15px 0 10px 0;
  }
  .Contact_3 .l2 {
    padding: 8px 0 23px 0;
  }
  .Contact_3 .l2 ul {
    margin: 0 -7px;
  }
  .Contact_3 .l2 li {
    width: 100%;
    padding: 7px;
  }
  .Contact_3 .l2 li a {
    padding: 10px;
  }
  .Contact_3 .l2 .pic1 {
    width: 100px;
    top: 10px;
    left: 10px;
  }
  .Contact_3 .l2 .text1 {
    min-height: 100px;
    padding-left: 112px;
  }
  .Contact_3 .l2 .text1 h4 {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 5px 0;
  }
  .Contact_3 .l2 .text1 .p {
    line-height: 24px;
  }
}



.homeBusinessTitle h2{ text-align: center; line-height: 0; }
.homeBusinessTitle h2 img{ height: 44px;}
.homeBusinessTitle .businessEng{ padding-top:30px; text-align: center; line-height: 0; }
.homeBusinessTitle .businessEng .eng{ display:  inline-block; vertical-align: top; padding: 0 20px; background-color: #4cd3bc; color: #fff; font-size: 12px; line-height: 21px; text-transform: uppercase; letter-spacing: 2px; font-family: Arial; }
@media screen and (max-width:991px){
    .homeBusinessTitle h2 img{ height: 36px;}
}
@media screen and (max-width:767px){
    .homeBusinessTitle h2 img{ height: 30px;}
}
/*1关于我们-发展历程*/
.innerBack{ background: url("") bottom center no-repeat; background-size: 100% auto;}
.innerTopBack{ background: url("") top center no-repeat; background-size: 100% auto;}
.aboutTitle{ padding:45px 0 40px 0; }
@media  screen and (max-width:767px){
    .innerBack{ background: url("") bottom center no-repeat #eaeaea; background-size: 100% auto;}
}
.caseNav{ line-height: 0; border-bottom: rgba(197,197,197,0.5) solid 1px; border-top: rgba(197,197,197,0.5) solid 1px; }
.pz_SideLayer{ text-align: center; }
.pz_SideLayer .l1{ display: inline-block; *display: inline; *zoom:1; margin: 0 32px; }
.pz_SideLayer .l1 a{ float: left; width: 100%;  color: #333; font-size: 16px; line-height: 58px; text-align: center; position: relative; }
.pz_SideLayer .l1 a::after{ display: none; content: ''; position: absolute; width: 80%; height:2px; background-color: #4cd3bc; bottom: 0; left: 10%; }
.pz_SideLayer .l1 a:hover::after,
.pz_SideLayer .l1 a.hover::after{ display: block;}

.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1 .hover{ color:#4cd3bc; }
.pz_SideLayer .l1 .layerIco{ margin: 0 auto; width:52px; line-height: 0; }
.pz_SideLayer .l1 .layerIco .imgs{}
.pz_SideLayer .l1 .layerIco .imgd{ display: none;}
.pz_SideLayer .l1 a:hover .layerIco .imgs,
.pz_SideLayer .l1 .hover .layerIco .imgs{ display: none;}
.pz_SideLayer .l1 a:hover .layerIco .imgd,
.pz_SideLayer .l1 .hover .layerIco .imgd{ display: block;}
.pz_SideLayer .l1 a h3{ margin-top: 14px; font-size: 18px;}

.babyser{ position: relative; z-index: 5; }
.babyser h2{ float:left; width:100%; padding: 0 15px; border-bottom:#e1e1e1 solid 1px;  border-top:#e1e1e1 solid 1px; color:#333333; font-size:18px; line-height:48px; }
.babyser h2 .imgr{ float:right; margin:16px 0 0 0;}
@media  screen and (max-width:991px){
    .babyser h2 .imgr{ float:right; margin:16px 0 0 0;
        transition: all 0.2s linear;
    }
    .babyser h2.active .imgr{
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg);
    }
    .aboutTitle{ padding:75px 0 40px 0; }
}
.pz_SideLayerph{ position: absolute; width: 100%; left: 0; top: 100%; display:none;  background-color:#fff;}
.pz_SideLayerph .l1{}
.pz_SideLayerph .l1 h3{ color:#333; font-size:14px; line-height:40px; cursor:pointer; border-bottom:#e1e1e1 dashed 1px; position: relative;}
.pz_SideLayerph .l1 h3 a{ display: block; color:#333; padding-left:15px;}
.pz_SideLayerph .l1 h3.active a{ color:#e70012;}
.pz_SideLayerph .l1 h3 img{ position: absolute; right: 0; top: 0; margin:17px 15px 0 0;}
.pz_SideLayerph .l1 h3 img.img3{ display:block;}
.pz_SideLayerph .l1 h3 img.img3h{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}
.pz_SideLayerph .l1 .l1ul{ display:none;}
.pz_SideLayerph .l1 .l1ul li{border-bottom:#e1e1e1 solid 1px; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}
.pz_SideLayerph .l1 .l1ul li:last-child{ border:0;}
.pz_SideLayerph .l1 .l1ul li a{color:#999999;}


.aboutMainTitle{ text-align: center;}
.aboutMainTitle h2{ padding: 3.41% 0 2.3% 0; color: #333333; font-size: 24px; line-height:1.16; }
.aboutMainTitle .aboutMainLine{ text-align: center; line-height: 0;}
.aboutMainTitle .aboutMainLine span{ display: inline-block; vertical-align: top; width: 32px; height: 1px; background-color: #4cd3bc;}
@media  screen and (max-width:991px){
    .aboutMainTitle h2{ font-size: 20px; }
}
@media  screen and (max-width:767px){
    .aboutMainTitle h2{ font-size: 17px; }
}

#breadcrumb .breadcrumb-tree li a.aa1{ color:#d32329;}

@media screen and (max-width:991px){
    .spa_more2,.spa_more1,#footer .section{ display: none;}
}
.pz_SideLayer_1{
  background: #fff;
  z-index: 99;
}
.mystyle{
  background-color: #fff;
}
/*
.history{ padding: 2.64%  0 5.12% 0;}
.history .historyTop{ text-align: center; line-height: 0;}
.history .historyTop span{ display: inline-block; vertical-align: top; width:22px; height: 22px; }
.historyCen{ background: url("images/history2.png") center repeat-y; padding: 1.7% 0;}
.historyCen ul{}
.historyCen ul li{ margin: 1.7% 0; position: relative;}
.historyCen ul li .b{ position: absolute; width: 10px; height: 10px; background-color: #4cd3bc; left: 50%; top: 50%; margin: -5px 0 0 -5px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.historyCen ul li .historyTime{ float: right; width: 50%; padding: 0 5.47%;  color: #666666; font-size: 18px; line-height: 180px;}
.historyCen ul li.double .historyTime{ float: left; text-align: right;}
.historyCen ul li .historyLi{ float: left; width: 50%; padding-right: 5.47%;}
.historyCen ul li.double .historyLi{ padding-right: 0; padding-left: 5.47%;}
.historyCen ul li .historyLi .hisBack{ background-color: rgba(255,255,255,0.3); padding: 5.76%;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}
.historyCen ul li .historyLi .hisBack .hisPic{ float: left; width: 160px; height: 120px; overflow: hidden;}
.historyCen ul li .historyLi .hisBack .hisPic .img5{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.historyCen ul li .historyLi .hisBack:hover .hisPic .img5{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.historyCen ul li .historyLi .hisBack .hisRight{ padding-left: 180px;}
.historyCen ul li .historyLi .hisBack .hisRight h3{ margin-top: 10px; height: 96px; color: #666666; font-size: 14px; line-height: 24px; overflow: hidden;}
.history .historyDown{ text-align: center; line-height: 0; cursor:pointer;}
.history .historyDown span{ display: inline-block; vertical-align: top; padding: 0 69px; background-color: #4cd3bc; color: #fff; font-size: 16px; line-height: 46px;
    border-radius:25px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    -o-border-radius:25px;
}
@media  screen and (max-width:991px){
    .history .historyTop{ text-align:left; }
    .history .historyTop span{ margin-left: 4px; }
    .historyCen{ background: url("images/history2.png") 15px center repeat-y; }
    .historyCen ul li{ padding-left: 30px;}
    .historyCen ul li .b{  left: 10px; top: 0; margin: 18px 0 0 0;  }
    .historyCen ul li .historyTime{ float: left; width: 100%; padding-right: 0;  line-height: 46px;}
    .historyCen ul li.double .historyTime{ text-align: left;}
    .historyCen ul li .historyLi{ width: 100%; padding-right: 0; padding-left: 5.47%;}
    .history .historyDown{ text-align: left; }
}
@media  screen and (max-width:767px){
    .historyCen ul li .historyTime{ font-size: 14px; }
    .historyCen ul li .historyTime{ padding-left: 3%;}
    .historyCen ul li .historyLi{ padding-left: 3%;}
    .historyCen ul li .historyLi .hisBack .hisPic{ width: 101px; height: 76px; }
    .historyCen ul li .historyLi .hisBack .hisRight{ padding-left: 115px;}
    .historyCen ul li .historyLi .hisBack .hisRight h3{ margin-top: 0; height:76px; line-height: 19px; }
    .history .historyDown span{ padding: 0 30px; font-size: 14px; line-height: 38px; }
}
*/

.logo-solutionator h1 {
    letter-spacing: -.08rem;
    color: #000;
    font-size: 3.5rem
}

.sup-sol {
    font-size: .68rem;
    padding-left: .1rem
}

.design-min {
    font-size: .25rem;
    letter-spacing: .05rem;
    color: #666;
    margin-top: -1rem
}

#solutionatorV2 select {
    height: 1.75rem
}

#solutionatorV2 select::-ms-expand {
    display: none
}

#solutionatorV2 div.selectStyles::before {
    top: .01rem;
    height: 1.75rem;
    background: 0 0
}

#solutionatorV2 div.selectStyles::after {
    top: .13rem
}

#solutionatorV2 .searchBarSol2 button, #solutionatorV2 hr {
    margin: 0
}

#solutionatorV2 .searchOpt {
    overflow: hidden;
    transition: all .3s linear 0s
}

#solutionatorV2 .searchOpt input[type=number] {
    height: 1.75rem;
    padding: 0 .25rem
}

#solutionatorV2 .searchOpt div[class="medium-3 large-3 columns no-padding"], #solutionatorV2 .searchOpt div[class="medium-2 large-2 columns no-padding"] {
    margin-right: 1.2% !important
}

#solutionatorV2 .searchOpt label {
    font-size: .7rem;
    margin-bottom: .25rem
}

#solutionatorV2 .searchOpt label > input {
    vertical-align: middle;
    margin-top: -.2rem
}

@media only screen and (min-width: 46.938em) and (max-width: 64em) {
    #solutionatorV2 .searchOpt label {
        font-size: .6rem;
        letter-spacing: -.5px
    }
}

@media only screen and (min-width: 46.938em) and (max-width: 48em) and (orientation: portrait) {
    #solutionatorV2 .searchOpt label {
        font-size: .58rem;
        letter-spacing: -.5px
    }
}

#solutionatorV2 input.ng-invalid {
    -webkit-box-shadow: 0 0 1px 2px rgba(238, 97, 88, .75);
    box-shadow: 0 0 1px 2px rgba(238, 97, 88, .75)
}

#solutionatorV2 input.ng-invalid[disabled=""] {
    -webkit-box-shadow: none;
    box-shadow: none
}

#solutionatorV2 .activeFilters {
    -moz-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s
}

#solutionatorV2 .activeFilters ul {
    margin: 0 0 .36rem !important;
    float: left
}

#solutionatorV2 .activeFilters ul li, #solutionatorV2 .activeFilters ul li button {
    padding: 0 .563rem;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #ebebeb;
    color: #444;
    outline: 0;
    display: inline-block;
    height: 1.75rem
}

#solutionatorV2 .activeFilters ul li {
    float: left;
    margin-right: .5rem
}

#solutionatorV2 .activeFilters ul li button {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0;
    margin: 0 0 0 .75rem;
    width: auto
}

.mmInchesToggle {
    margin-right: 6.25% !important
}

.mmInchesToggle input {
    display: none
}

.resultsPag ul, .resultsPag ul li {
    display: inline-block
}

.mmInchesToggle label {
    float: right;
    display: inline-block;
    width: 17%;
    background-color: #ebebeb;
    color: #666;
    font-size: .7rem;
    font-weight: 400;
    text-align: center;
    text-shadow: none;
    padding: .45rem 0;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.mmInchesToggle label:hover {
    cursor: pointer
}

@media only screen and (min-width: 46.938em) and (max-width: 64em) {
    .mmInchesToggle label {
        font-size: .6rem;
        letter-spacing: -.5px
    }
}

.mmInchesToggle.small label {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -.12rem
}

@media only screen and (min-width: 46.938em) and (max-width: 64em) {
    .mmInchesToggle.small label {
        margin-top: -.1rem
    }
}

@media only screen and (min-width: 46.938em) and (max-width: 48em) and (orientation: portrait) {
    .mmInchesToggle label {
        font-size: .58rem;
        letter-spacing: -.5px;
        margin-bottom: .16rem
    }

    .mmInchesToggle.small label {
        margin-top: -.1rem
    }
}

.mmInchesToggle input:checked + label {
    background-color: #666;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-weight: 600
}

.resultsPag ul li button, .resultsPag ul li input {
    padding: 0;
    width: 1.5rem;
    font-weight: 800;
    text-align: center
}

.mmInchesToggle label:first-of-type {
    border-radius: 0 3px 3px 0
}

.mmInchesToggle label:last-of-type {
    border-radius: 3px 0 0 3px
}

.mmInchesToggle input[disabled=""] + label {
    background-color: #ebebeb;
    color: #666
}

.resultsPag {
    text-align: center
}

.resultsPag ul li {
    background-color: transparent;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1.5rem;
    list-style: none;
    float: left
}

.resultsPag ul li button {
    margin: 0;
    border: none;
    border-radius: 50%;
    color: #fff;
    background: #999;
    height: 1.5rem;
    font-size: .8rem
}

.resultsPag ul li input {
    margin: -.2rem 0 0;
    border: none;
    color: #999;
    background: 0 0;
    height: 1.7rem;
    font-size: 1.5rem
}

.resultsPag ul li input[disabled=""] {
    display: none
}

.modalVerticalBorder {
    border-right: 1px solid #ebebeb
}

#contentFemale iframe, #contentMale iframe {
    width: 100% !important;
    height: 8rem !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

#solutionatorDetail button[value=btnFreeSamples] {
    background-color: #999 !important
}

.sample-toggle, .sample-toggle:before {
    border-radius: 10px;
    background-color: #fff
}

@media only screen and (min-width: 46.938em) and (max-width: 64em) and (orientation: portrait) {
    #contentMale iframe {
        height: 14rem !important
    }

    #contentFemale iframe {
        width: 14rem !important
    }
}

@media only screen and (min-width: 46.938em) {
    #solutionatorDetail.reveal-modal, dialog#solutionatorDetail {
        min-width: 50.625rem !important;
        padding: 1.875rem .475rem !important
    }
}

.speckit-confirmation {
    display: inline-block;
    visibility: visible;
    height: 100%;
    color: #50ad50;
    font-size: .875rem;
    padding: 0 .625rem .625rem;
    margin-left: -1rem;
    -moz-transition: all .3s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.sample-container {
    text-align: center;
    width: 100%;
    z-index: 0
}

.sample-toggle {
    margin: 1rem;
    display: inline-block;
    position: relative;
    height: 13rem;
    width: 13rem
}

.sample-toggle:before {
    position: absolute;
    opacity: .2;
    content: "";
    left: 50%;
    top: 50%
}

.sample-toggle input {
    opacity: 0;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.sample-toggle input:active ~ .button, .sample-toggle input:checked ~ .button {
    border: 1px solid #f70;
    background: #fffbf7
}

.sample-toggle input:hover ~ .button {
    background-color: #ffc999
}

.sample-toggle .button {
    border-radius: 10px;
    position: absolute;
    background-color: #f7f7f7;
    margin-left: -105px;
    margin-top: -105px;
    display: block;
    height: 13rem;
    width: 13rem;
    left: 50%;
    top: 50%
}

.sample-toggle .button .text-center img {
    margin-top: 25%
}

.sample-toggle input:active ~ .button::after, .sample-toggle input:checked ~ .button::after {
    font-family: "Font Awesome 5 Pro";
    font-size: 1.563rem;
    content: "\f058";
    color: #f70;
    margin-left: 9rem;
    top: -9.3rem;
    position: relative;
    font-weight: 300
}

.kiosk-content .kiosk-button-1, .kiosk-content .kiosk-button-2, .kiosk-content .kiosk-button-3, .kiosk-content .kiosk-button-4, .kiosk-content .kiosk-button-5, .kiosk-content .kiosk-button-6 {
    text-decoration: none;
    font-family: "Avenir Next W01", HelveticaNeue, Helvetica, Arial, sans-serif;
    text-shadow: -1px -1px #333;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center
}

.button-close-modal {
    font-size: 4rem;
    line-height: 1;
    position: absolute;
    top: .25rem;
    right: 1.25rem;
    color: #999;
    font-weight: 300;
    cursor: pointer
}

.checkout-block p, .checkout-block-fse p {
    font-size: .875rem
}

#freeSample {
    background-color: #f6f6f6;
    top: 0 !important
}

#freeSample.reveal-modal, dialog#freeSample {
    padding: 1rem 0 !important
}

.searchSuggestions ul {
    margin-left: 0
}

.searchSuggestions ul.dropdown-menu {
    border: none;
    box-shadow: none;
    padding: 0;
    transition: all .2s linear 0s
}

.searchSuggestions ul.boxSuggestions {
    background: #fff;
    border: 1px solid #ccc !important;
    border-top: none !important;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .2);
    padding: .313rem .313rem .313rem .625rem;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0;
    transition: height .3s linear 0s
}

.searchSuggestions ul.boxSuggestions:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 1px;
    width: 15px;
    right: 1px;
    box-shadow: -15px 0 8px #fff inset
}

.checkout-block, .checkout-block-fse {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)
}

.searchSuggestions ul li {
    list-style: none;
    background: inherit !important
}

.searchSuggestions ul li a {
    color: #666;
    background: inherit !important
}

.searchSuggestions ul li.activeSuggestions a strong {
    color: #f70 !important;
    background: rgba(255, 119, 0, .1) !important;
    transition: all .2s linear 0s;
    padding: 0 .313rem
}

.upper-modal-bar {
    width: 117%;
    height: 8rem;
    float: left;
    background-color: #1682ca;
    padding: 1.3rem .4rem .4rem 2.7rem;
    margin-left: -2rem !important;
    margin-top: -2rem !important
}

.upper-modal-bar img {
    float: left;
    margin-top: .5rem
}

.upper-modal-bar h2 {
    margin-left: 2rem;
    line-height: 3.2;
    display: inline;
    color: #fff;
}

.checkout-block {
    padding: 1rem;
    margin: 2rem 0;
    background-color: #fff;
    height: auto
}

.checkout-block .part-number-header {
    background-color: #e1e1e1;
    padding-top: .4rem;
    padding-bottom: .4rem;
    margin-bottom: 1.5rem
}

.checkout-block img {
    display: block;
    text-align: center
}

.checkout-block i {
    display: inline;
    color: #888
}

.checkout-block-fse {
    padding: 1rem;
    margin: 2rem 0;
    background-color: #fff;
    height: 39rem
}

.checkout-block-fse .part-number-header {
    background-color: #e1e1e1;
    padding-top: .4rem;
    margin-bottom: 1.5rem
}

.checkout-block-fse img {
    display: block;
    text-align: center
}

.checkout-block-fse i {
    display: inline;
    color: #888
}

.checkout-block-fse .button-attention {
    padding: .67rem;
    margin: 10px;
    width: 95%;
    font-size: 1.125rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    -moz-transition: background-color .3s ease-out 0s;
    -o-transition: background-color .3s ease-out 0s;
    -webkit-transition: background-color .3s ease-out 0s;
    transition: background-color .3s ease-out 0s
}

@media only screen and (max-width: 46.875em) {
    .upper-modal-bar {
        width: 100%;
        height: 6rem;
        float: left;
        background-color: #333;
        padding: 1.3rem .4rem .4rem 2.7rem;
        margin-left: 0 !important;
        margin-top: -2rem !important
    }

    .upper-modal-bar img {
        float: left;
        margin-top: .5rem
    }

    .upper-modal-bar h2 {
        margin-left: 1.8rem;
        line-height: 2.9;
        display: inline;
        color: #fff;
        font-size: 1.1875rem
    }

    .modalVerticalBorder {
        border-right: 1px solid #fff
    }

    .modalhoriztalBorder {
        border-bottom: 1px solid #fff
    }
}

#ResultsGrid #boxExportFile div.selectStyles::before, #ResultsGrid #boxExportFile select#TopValuesToExport {
    height: 2.45rem
}

@media only screen and (min-width: 46.938em) and (max-width: 64em) {
    .part-number-header h6 {
        font-size: .875rem !important
    }
}

@media only screen and (orientation: portrait) and (min-device-width: 768px) and (max-device-width: 1024px) {
    .part-number-header h6 {
        font-size: .875rem !important
    }
}

.no-part-number {
    margin: 8rem auto 0;
    padding: .5rem;
    width: 65%;
    background-color: #f6f6f6;
    border: 1px solid #666;
    border-radius: 10px;
    font-size: .875rem;
    color: #666
}

#freeSampleConfirmation .button-close-modal {
    color: #fff !important;
    top: 1.5rem;
    right: 3rem
}

#freeSampleConfirmation .part-number-header {
    background-color: #e1e1e1;
    padding-top: .4rem;
    margin-bottom: 1.5rem;
    font-size: .7rem !important
}

.confirmation-header {
    background: #00a651;
    color: #fff;
    padding: 2rem;
    text-align: center
}

.confirmation-header h1, .confirmation-header h4 {
    color: #fff
}

#ResultsGrid {
    max-width: 99vw !important;
    position: fixed !important;
    top: 0 !important;
    padding: 1rem 2rem .5rem 1rem !important
}

#ResultsGrid .ag-fresh .ag-root-wrapper.ag-layout-normal .ag-header[ref=headerRoot] {
    background-color: #ebebeb !important;
    z-index: 1
}

#ResultsGrid .ag-fresh .ag-root-wrapper.ag-layout-normal div.ag-overlay, #ResultsGrid .ag-fresh .ag-root-wrapper.ag-layout-normal div.ag-overlay-panel {
    pointer-events: all
}

#ResultsGrid .jqToolTipBtn, #ResultsGrid .resultsPag a[class=right], #ResultsGrid div[class="medium-16 large-16 columns no-padding"] {
    display: none
}

#ResultsGrid a.close-reveal-modal {
    top: .35rem;
    right: -1.6rem;
    font-size: 2rem
}

#ResultsGrid[aria-hidden=true] {
    visibility: visible !important;
    display: block !important;
    position: inherit !important;
    width: inherit;
    top: 0 !important;
    height: inherit;
    min-height: inherit;
    margin-top: 1rem
}

#ResultsGrid[aria-hidden=true] .jqToolTipBtn, #ResultsGrid[aria-hidden=true] .resultsPag a[class=right], #ResultsGrid[aria-hidden=true] div[class="medium-16 large-16 columns no-padding"] {
    display: inline-block
}

#ResultsGrid[aria-hidden=true] div[class="medium-16 large-16 columns no-padding"] div[class="medium-12 large-12 columns no-padding"] h4 {
    margin-bottom: 0
}

#ResultsGrid[aria-hidden=true] div[class="medium-16 large-16 columns no-padding"] div[class="medium-12 large-12 columns no-padding"] p {
    margin-bottom: .5rem
}

#ResultsGrid[aria-hidden=true] div[class="medium-16 large-16 columns no-padding"] div[class="medium-6 large-6 columns"] {
    padding-top: 2.75rem
}

#ResultsGrid[aria-hidden=true] dialog, #ResultsGrid[aria-hidden=true].reveal-modal, dialog#ResultsGrid[aria-hidden=true] {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important
}

#ResultsGrid[aria-hidden=true] a.close-reveal-modal {
    display: none
}

#ResultsGrid #containerExportFile {
    -webkit-animation-name: ExportFileShow;
    -webkit-animation-duration: .3s;
    animation-name: ExportFileShow;
    animation-duration: .3s
}

#ResultsGrid #boxExportFile {
    padding: 1rem 0
}

#ResultsGrid #boxExportFile div.selectStyles::after {
    top: .5rem
}

#ResultsGrid #boxExportFile span.field-validation-error {
    margin-top: -1rem
}

#ResultsGrid #boxExportFile span.field-validation-error::before {
    margin-right: 0 !important;
    margin-bottom: .75rem
}

#ResultsGrid #boxExportFile .speckit-confirmation {
    line-height: 1.5;
    margin-top: -1rem;
    margin-bottom: .75rem
}

.show-mult-samples {
    overflow-y: scroll;
    height: 235px
}

.show-mult-samples-summary {
    overflow-y: scroll;
    height: 150px;
    width: 100%
}

.show-mult-samples-confirmation {
    overflow-y: scroll;
    height: 160px
}

.kiosk-content {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.kiosk-content img.kiosk-logo {
    display: block;
    min-width: 100px;
    max-width: 400px;
    width: 100%;
    height: auto
}

.kiosk-content img.kiosk-bkg {
    display: block;
    min-height: 100%;
    min-width: 2560px;
    max-width: 160rem;
    width: 200%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    margin-left: -42.5rem;
    margin-right: auto;
    margin-top: -61rem;
    overflow: hidden
}

.kiosk-content .kiosk-button-1:before, .kiosk-content .kiosk-button-2:before, .kiosk-content .kiosk-button-3:before, .kiosk-content .kiosk-button-4:before, .kiosk-content .kiosk-button-5:before, .kiosk-content .kiosk-button-6:before {
    content: "";
    top: 50%;
    display: block
}

.kiosk-content .kiosk-button-1 {
    font-size: 2rem;
    font-weight: 800
}

.kiosk-content .kiosk-button-1:before {
    border-radius: 350px;
    border: 2px solid #006fc8;
    box-shadow: 0 0 15px rgba(0, 111, 200, .2), 0 0 15px rgba(0, 111, 200, .2) inset;
    position: absolute;
    left: 50%;
    height: 360px;
    width: 360px;
    margin-left: -180px;
    margin-top: -180px;
    opacity: 1;
    transform: scale(1);
    transition: all .3s ease
}

.kiosk-content .kiosk-button-1:hover:before {
    transform: scale(1.05)
}

.kiosk-content .kiosk-button-1.circle {
   
    border: none;
    border-radius: 1000px;
    color: #fff;
    cursor: pointer;
    display: block;
    width: 350px;
    height: 350px;
    line-height: 350px;
    position: relative;
    margin: auto;
    transition: all .5s ease
}

.kiosk-content .kiosk-button-1.circle:hover {
    background: #006fc8;
    opacity: .7
}

.kiosk-content .kiosk-button-2 {
    font-size: 2rem;
    font-weight: 800
}

.kiosk-content .kiosk-button-2:before {
    border-radius: 350px;
    border: 2px solid #93cb5a;
    box-shadow: 0 0 15px rgba(147, 203, 90, .2), 0 0 15px rgba(147, 203, 90, .2) inset;
    position: absolute;
    left: 50%;
    height: 360px;
    width: 360px;
    margin-left: -180px;
    margin-top: -180px;
    opacity: 1;
    transform: scale(1);
    transition: all .3s ease
}

.kiosk-content .kiosk-button-2:hover:before {
    transform: scale(1.05)
}

.kiosk-content .kiosk-button-2.circle {
    
    border: none;
    border-radius: 1000px;
    color: #fff;
    cursor: pointer;
    display: block;
    width: 350px;
    height: 350px;
    line-height: 350px;
    position: relative;
    margin: auto;
    transition: all .5s ease
}

.kiosk-content .kiosk-button-2.circle:hover {
    background: #93cb5a;
    opacity: .7
}

.kiosk-content .kiosk-button-3 {
    font-size: 2rem;
    font-weight: 800
}

.kiosk-content .kiosk-button-3:before {
    border-radius: 350px;
    border: 2px solid #7b35c1;
    box-shadow: 0 0 15px rgba(123, 53, 193, .2), 0 0 15px rgba(123, 53, 193, .2) inset;
    position: absolute;
    left: 50%;
    height: 360px;
    width: 360px;
    margin-left: -180px;
    margin-top: -180px;
    opacity: 1;
    transform: scale(1);
    transition: all .3s ease
}

.kiosk-content .kiosk-button-3:hover:before {
    transform: scale(1.05)
}

.kiosk-content .kiosk-button-3.circle {
    
    border: none;
    border-radius: 1000px;
    color: #fff;
    cursor: pointer;
    display: block;
    width: 350px;
    height: 350px;
    line-height: 350px;
    position: relative;
    margin: auto;
    transition: all .5s ease
}

.kiosk-content .kiosk-button-3.circle:hover {
    background: #7b35c1;
    opacity: .7
}

.kiosk-content .kiosk-button-4 {
    font-size: 2rem;
    font-weight: 800
}

.kiosk-content .kiosk-button-4:before {
    border-radius: 350px;
    border: 2px solid #fea04e;
    box-shadow: 0 0 15px rgba(254, 160, 78, .2), 0 0 15px rgba(254, 160, 78, .2) inset;
    position: absolute;
    left: 50%;
    height: 360px;
    width: 360px;
    margin-left: -180px;
    margin-top: -180px;
    opacity: 1;
    transform: scale(1);
    transition: all .3s ease
}

.kiosk-content .kiosk-button-4:hover:before {
    transform: scale(1.05)
}

.kiosk-content .kiosk-button-4.circle {
   
    border: none;
    border-radius: 1000px;
    color: #fff;
    cursor: pointer;
    display: block;
    width: 350px;
    height: 350px;
    line-height: 350px;
    position: relative;
    margin: auto;
    transition: all .5s ease
}

.kiosk-content .kiosk-button-4.circle:hover {
    background: #fea04e;
    opacity: .7
}

.kiosk-content .kiosk-button-5 {
    font-size: 1.5rem;
    font-weight: 800
}

.kiosk-content .kiosk-button-5:before {
    border-radius: 350px;
    border: 2px solid #006fc8;
    box-shadow: 0 0 15px rgba(0, 111, 200, .2), 0 0 15px rgba(0, 111, 200, .2) inset;
    position: absolute;
    left: 50%;
    height: 360px;
    width: 360px;
    margin-left: -180px;
    margin-top: -180px;
    opacity: 1;
    transform: scale(1);
    transition: all .3s ease
}

.kiosk-content .kiosk-button-5:hover:before {
    transform: scale(1.05)
}

.kiosk-content .kiosk-button-5.circle {
 
    border: none;
    border-radius: 1000px;
    color: #fff;
    cursor: pointer;
    display: block;
    width: 350px;
    height: 350px;
    line-height: 350px;
    position: relative;
    margin: auto;
    transition: all .5s ease
}

.kiosk-content .kiosk-button-5.circle:hover {
    background: #006fc8;
    opacity: .7
}

.kiosk-content .kiosk-button-6 {
    font-size: 1.5rem;
    font-weight: 800
}

.kiosk-content .kiosk-button-6:before {
    border-radius: 350px;
    border: 2px solid #fea04e;
    box-shadow: 0 0 15px rgba(254, 160, 78, .2), 0 0 15px rgba(254, 160, 78, .2) inset;
    position: absolute;
    left: 50%;
    height: 360px;
    width: 360px;
    margin-left: -180px;
    margin-top: -180px;
    opacity: 1;
    transform: scale(1);
    transition: all .3s ease
}

.kiosk-content .kiosk-button-6:hover:before {
    transform: scale(1.05)
}

.kiosk-content .kiosk-button-6.circle {
   /**/
    border: none;
    border-radius: 1000px;
    color: #fff;
    cursor: pointer;
    display: block;
    width: 350px;
    height: 350px;
    line-height: 350px;
    position: relative;
    margin: auto;
    transition: all .5s ease
}

.kiosk-content .kiosk-button-6.circle:hover {
    background: #fea04e;
    opacity: .7
}

.buttons * {
    transition: all .5s ease
}

.buttons {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.butFrame {
    position: relative;
    overflow: hidden;
    margin: 5px;
    width: 100%;
    background: #111;
    font-family: inherit;
    font-size: 1em;
    text-align: center;
    cursor: pointer;
    height: 200px
}

.butFrame .butTextWrap {
    font-family: inherit;
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.buttons > .butHeading {
    margin: 0;
    padding: 4em 1% 0;
    color: #484B54;
    font-weight: 800;
    font-size: 1.5em
}

#buttons > .butHeading:first-child {
    padding-top: 0
}

.butFrame .butFrame .butTextWrap::before, .butFrame .butTextWrap::after {
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.butFrame .butTextWrap, .butFrame .butTextWrap > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.butFrame .butTextWrap > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0
}

.butFrame .butHeading {
    word-spacing: -.15em;
    font-weight: 800;
    font-size: 18px;
    font-family: inherit
}

.butFrame .butHeading .butText {
    font-weight: 300
}

.butFrame .butHeading, .butFrame p {
    margin: 0;
    color: #fff
}

.butFrame img {
    display: block;
    max-width: 100%;
    position: absolute;
    opacity: .9;
    transition: opacity .35s;
    width: 100%;
    height: auto
}

.butFrame .butTextWrap::after, .butFrame .butTextWrap::before {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s
}

.butFrame .butTextWrap::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1)
}

.butFrame .butTextWrap::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    box-sizing: border-box
}

.butFrame .butHeading {
    padding-top: 10%;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
}

.butFrame p {
    letter-spacing: 1px;
    font-size: 68.5%;
    font-family: inherit;
    font-weight: 700;
    padding: 10px 2.5em;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.butFrame:hover img {
    opacity: .4
}

.butFrame:hover .butTextWrap::after, .butFrame:hover .butTextWrap::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.butFrame:hover .butHeading, .butFrame:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.jqPartNumber {
    margin-bottom: .75rem
}

.remove_field {
    padding: .625rem 0;
    line-height: normal;
    height: 2.5rem;
    display: block
}

.jqAddFieldButton {
    font-weight: 600;
    padding: 0
}

.fse-buttons {
    position: fixed;
    z-index: 10;
    bottom: -1.2rem;
    right: 2%
}

.aboutus-banner {
    margin-top: -4.5625rem;
    margin-bottom: .375rem;
    align-items: center
}

.aboutus-banner img {
    width: 100% !important
}

@media only screen and (max-width: 46.875em) {
    .aboutus-banner {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 46.938em) and (max-width: 64em) {
    .aboutus-banner {
        margin-top: -4.5rem
    }
}

.aboutus-banner-mobile {
    width: 100%;
    height: auto
}

.aboutus-float-menu {
    background-color: rgba(0, 0, 0, .8) !important;
    color: #fff;
    padding: .55rem 0 0;
    text-align: center;
    position: absolute;
    width: 100%;
    font-size: .938rem !important;
    margin: auto
}

.aboutus-float-menu a {
    color: #fff !important;
    padding-top: 1.875rem;
    line-height: 2rem !important
}

.aboutus-float-menu a:hover {
    color: #f70 !important
}

.aboutus-float-menu a:focus, .aboutus-section-container h4 {
    color: #fff
}

.aboutus-float-menu li {
    padding: 0 .25rem;
    font-size: .938rem !important
}

@media only screen and (max-width: 1175px) {
    .aboutus-float-menu li {
        padding: 0 !important;
        margin-left: .5em
    }

    .aboutus-float-menu li a {
        font-size: .813rem
    }
}

@media only screen and (max-width: 46.875em) {
    .aboutus-float-menu {
        margin-top: 2.5rem
    }
}

@media only screen and (min-width: 46.938em) and (max-width: 64em) and (orientation: landscape) {
    .aboutus-float-menu {
        padding-left: 4.375rem;
        font-size: .75rem !important
    }

    .aboutus-float-menu li {
        padding: 0 !important
    }
}

@media only screen and (min-width: 46.938em) and (max-width: 64em) and (orientation: portrait) and (min-device-width: 768px) and (max-device-width: 1024px) {
    .aboutus-float-menu li {
        font-size: .6rem !important
    }
}

.aboutus-section-container {
    background-color: #f70;
    width: 100%;
    margin-top: .35rem;
    color: #fff;
    text-align: left;
    margin-bottom: -.75rem
}

.aboutus-section-stats {
    margin: .1rem auto 0;
    padding: 2rem
}

.aboutus-section-stats li {
    margin-bottom: .6rem;
    font-size: .938rem;
    line-height: 1.188rem !important
}

.aboutus-section-story {
    margin: 0 auto;
    padding: 2rem;
    border-right: 2px solid #fff;
    height: 100%
}

.aboutus-section-story p {
    margin-bottom: .6rem;
    font-size: .938rem;
    line-height: 1.313rem !important
}

@media only screen and (max-width: 46.875em) {
    .aboutus-section-stats li, .aboutus-section-story p {
        margin-bottom: .3rem;
        font-size: .938rem
    }

    .aboutus-section-story {
        border-bottom: 1px solid #fff;
        padding: 1rem 1.7rem !important;
        border-right: none !important
    }
}

.jobviteEnglish, .jobviteEspanol {
    border: none !important;
    width: 100%
}

.careers-section-container h3, .careers-section-container h4, .careers-section-container h5 {
    color: #f70
}

.jobviteEnglish {
    height: auto
}

.jobviteEspanol {
    z-index: 1;
    position: absolute
}

.tabs-about {
    margin-bottom: 0 !important;
    margin-left: 0
}

.tabs-about:after, .tabs-about:before {
    content: " ";
    display: table
}

.tabs-about .tab-title, .tabs-about dd {
    position: relative;
    margin-bottom: .2rem !important;
    list-style: none;
    float: left
}

.tabs-about .tab-title > a, .tabs-about dd > a {
    display: block;
    background-color: #ebebeb;
    color: #333;
    padding: .625rem 1.25rem;
    font-family: "Avenir Next W01", HelveticaNeue, Helvetica, Arial, sans-serif;
    font-size: .875rem !important
}

.fa, .fal, .far, .fas {
    font-family: 'Font Awesome 5 Pro'
}

.tabs-about .tab-title > a:hover, .tabs-about dd > a:hover {
    background-color: #f5f5f5
}

.tabs-about .tab-title.active a, .tabs-about dd.active a {
    background-color: #fbfbfb;
    color: #333
}

.tabs-about.vertical .tab-title-about, .tabs-about.vertical dd {
    position: inherit;
    float: none;
    display: block;
    top: auto
}

.tabs-content-about {
    margin-bottom: rem-calc(24);
    width: 100%
}

.tabs-content-about:after, .tabs-content-about:before {
    content: " ";
    display: table
}

.tabs-content-about > .content {
    display: none;
    float: left;
    width: 100%
}

.tabs-content-about > .content.active {
    display: block;
    float: none
}

.tabs-content-about > .content.contained {
    padding: rem-calc(20)/2
}

.tabs-content-about.vertical {
    display: block
}

.tabs-content-about.vertical > .content {
    padding: 0 rem-calc(20)/2
}

@media only screen and (min-width: 46.938em) {
    .tabs-about.vertical {
        width: 20%;
        max-width: 20%;
        float: left;
        margin: 0 0 1.25rem
    }

    .tabs-content-about.vertical {
        width: 80%;
        max-width: 80%;
        float: left;
        margin-left: -1px;
        padding-left: 1rem
    }
}

.no-js .tabs-content-about > .content-blocks-about {
    display: block;
    float: none
}

.awards-section-container {
    height: 100%;
    padding-bottom: 1.8em;
    width: 100%;
    position: relative
}

.awards-section-container .awards-orbit-container {
    margin-top: 7%;
    position: absolute;
    width: 100%
}

.awards-section-container .awards-orbit-content li {
    padding: 4rem 0;
    background-color: rgba(255, 119, 0, .85)
}

.awards-section-container .awards-orbit-content h3 {
    color: #fff;
    margin-top: -2rem;
    margin-bottom: 3rem
}

.awards-section-container .awards-orbit-content h4 {
    color: #fff;
    margin-top: 1rem;
    font-size: 1.2rem
}

.awards-section-container .awards-orbit-content .img-awards {
    height: 10rem !important;
    width: 10rem !important;
    text-align: center;
    margin: auto;
    padding-bottom: 1rem
}

.awards-section-container .awards-orbit-content .img-awards.fortune {
    width: 20rem !important
}

.awards-section-container .awards-orbit-content .img-awards.enics {
    width: 14rem !important
}

.awards-section-container .awards-orbit-content .img-awards.arrow, .awards-section-container .awards-orbit-content .img-awards.avnet, .awards-section-container .awards-orbit-content .img-awards.rockwell {
    width: 16rem !important
}

.awards-section-container .awards-orbit-content .img-awards.sphera {
    width: 17rem !important
}

.awards-section-container .awards-orbit-content .awards-divider {
    border-top: 1px #fff solid;
    width: 15rem;
    margin: 0 auto
}

@media only screen and (max-width: 1175px) {
    .awards-section-container .awards-orbit-container {
        margin-top: 6% !important
    }
}

@media only screen and (min-width: 46.938em) and (max-width: 64em) and (orientation: landscape) {
    .awards-section-container .awards-orbit-container {
        margin-top: 6% !important;
        position: absolute;
        width: 100%
    }

    .awards-section-container .awards-orbit-content li {
        padding: 4rem 0 2rem !important
    }

    .awards-section-container .awards-orbit-content h3 {
        font-size: 1.438rem !important;
        margin-bottom: 0 !important
    }

    .awards-section-container .awards-orbit-content .img-awards {
        height: 8rem !important;
        width: 8rem !important
    }

    .awards-section-container .awards-orbit-content .img-awards.fortune {
        width: 18rem !important
    }

    .awards-section-container .awards-orbit-content .img-awards.enics {
        width: 10rem !important
    }

    .awards-section-container .awards-orbit-content .img-awards.arrow, .awards-section-container .awards-orbit-content .img-awards.avnet, .awards-section-container .awards-orbit-content .img-awards.rockwell {
        width: 13rem !important
    }

    .awards-section-container .awards-orbit-content .img-awards.sphera {
        width: 14rem !important
    }
}

@media only screen and (min-width: 46.938em) and (max-width: 64em) and (orientation: portrait) {
    .awards-section-container .awards-orbit-container {
        margin-top: 5% !important
    }

    .awards-section-container .awards-orbit-content li {
        padding: 3rem 0 1rem;
        background-color: rgba(255, 119, 0, .85)
    }

    .awards-section-container .awards-orbit-content h3 {
        margin-top: -1rem !important;
        margin-bottom: 1rem !important
    }

    .awards-section-container .awards-orbit-content .img-awards {
        height: 6rem !important;
        width: 6rem !important
    }

    .awards-section-container .awards-orbit-content .img-awards.fortune {
        width: 16rem !important
    }

    .awards-section-container .awards-orbit-content .img-awards.enics {
        width: 8rem !important
    }

    .awards-section-container .awards-orbit-content .img-awards.arrow, .awards-section-container .awards-orbit-content .img-awards.avnet, .awards-section-container .awards-orbit-content .img-awards.rockwell {
        width: 9rem !important
    }

    .awards-section-container .awards-orbit-content .img-awards.sphera {
        width: 10rem !important
    }
}

@media only screen and (max-width: 46.875em) {
    .awards-section-container .awards-orbit-content li {
        padding: 1rem 0 !important;
        background-color: rgba(255, 119, 0, .85) !important
    }

    .awards-section-container .awards-orbit-content h3 {
        font-size: 1rem !important;
        margin-bottom: .5rem !important;
        margin-top: 0 !important;
        color: #fff !important
    }

    .awards-section-container .awards-orbit-content h4 {
        font-size: .813rem !important;
        line-height: .875rem !important;
        padding: 0 !important;
        color: #fff !important
    }

    .awards-section-container .awards-orbit-content .img-awards {
        height: 3.5rem !important;
        width: 3.5rem !important;
        margin: auto
    }

    .awards-section-container .awards-orbit-content .img-awards.fortune {
        width: 8rem !important
    }

    .awards-section-container .awards-orbit-content .img-awards.enics {
        width: 6em !important
    }

    .awards-section-container .awards-orbit-content .img-awards.arrow, .awards-section-container .awards-orbit-content .img-awards.avnet, .awards-section-container .awards-orbit-content .img-awards.rockwell {
        width: 7rem !important
    }

    .awards-section-container .awards-orbit-content .img-awards.sphera {
        width: 8rem !important
    }

    .awards-section-container .awards-orbit-content .awards-divider {
        margin: .15rem auto 0;
        width: 10rem
    }

    .locations-page .accordion-navigation > a:after {
        content: none !important
    }
}

.locations-page h2, .locations-section-container h3, .locations-section-container h4 {
    color: #f70
}

.locations-section-container .locations-content {
    position: absolute;
    margin: 22.5% auto;
    width: 100%
}

.locations-page.locations-search {
    z-index: 1;
    height: 64.3em;
    background: rgba(255, 255, 255, .9);
    margin-bottom: -1rem
}

.locations-page .accordion-margin-locations {
    margin-left: 0 !important
}

.locations-page .accordion-navigation.accordion-locations {
    margin-bottom: .6em !important
}

.locations-page .locations-page-divider {
    border: 1px solid #ebebeb
}

.locations-page .tabs-content {
    height: 26.5em;
    overflow-y: scroll
}

.locations-page .locations-map-container {
    height: 64.35em;
    width: 100%;
    position: absolute
}

.locations-page .locations-map {
    width: 100%;
    height: 100%;
    top: -1.8em
}

.locations-page li.tab-title a {
    font-size: .8em !important
}

@media only screen and (max-width: 66.688em) {
    .locations-page li.accordion-locations a {
        font-size: 1em !important
    }
}

@media only screen and (max-width: 64em) {
    .locations-page .tab-title {
        padding-bottom: .75em !important
    }

    .locations-page li.tab-title a {
        font-size: 1em !important
    }
}

@media only screen and (max-width: 53.125em) {
    .locations-page li.accordion-locations a {
        font-size: .85em !important
    }
}

@media only screen and (max-width: 40em) {
    .locations-page.locations-search {
        height: 100%
    }

    .locations-page .locations-map-container {
        height: 100%;
        width: 100%;
        position: relative !important
    }

    .locations-page .locations-map {
        width: 95%;
        margin-right: .625em !important;
        margin-top: 2em !important;
        height: 33em !important;
        position: relative !important
    }
}

.sustainability-section-container {
    background-color: #f5f5f5;
    width: 100%;
    padding: 2rem
}

.sustainability-content h3 {
    color: #f70;
    text-align: center
}

.sustainability-content h5 {
    color: #666
}

.cares-section-container {
    background-color: #fff;
    width: 100%;
    padding: 2rem
}

.cares-content h3 {
    color: #f70;
    text-align: center
}

.contactus-section-container .about-support-tab h5, .contactus-section-container h3 {
    color: #f70
}

.contactus-section-container .about-support-tab i {
    color: #999;
    padding-right: .25rem
}

.contactus-section-container .about-support-tab p {
    color: #666;
    font-size: .8rem;
    margin-bottom: 0;
    padding-bottom: .3125rem
}

.contactus-section-container .about-support-tab ul {
    list-style: none !important
}

.contactus-section-container .about-support-tab .link-spacing {
    margin-top: .625rem;
    margin-left: -.875rem
}

.contactus-section-container .spacer-left-about {
    padding-left: 1.8rem
}

.contactus-section-container .verticle-line-right-about {
    border-right: solid 1px #ebebeb
}

.contactus-section-container .support-link-about {
    font-size: .8rem;
    color: #f70;
    text-decoration: underline;
    line-height: 1.5rem !important
}

.contactus-section-container .support-text-about {
    font-size: .8rem;
    color: #333;
    margin-bottom: 0;
    padding-bottom: .3125rem
}

.contactus-section-container .support-text-about span {
    color: #f70;
    font-size: 1rem;
    padding-left: .3rem
}

.contactus-section-container .mega-text-about {
    font-size: .9rem !important;
    color: #000 !important;
    margin-bottom: 0;
    padding-bottom: .3125rem
}

.profile-info h4, .resultName {
    color: #f70
}

.contactus-section-container .mega-text-about span {
    color: #f70;
    font-size: .9rem;
    padding-left: .3rem
}

@media only screen and (max-width: 1450px) {
    .contactus-section-container .about-support-tab h5 {
        font-size: .9rem
    }

    .contactus-section-container .about-support-tab .support-text-about {
        font-size: .8rem
    }

    .contactus-section-container .about-support-tab .support-text-about span {
        font-size: .7rem
    }

    .contactus-section-container .mega-text-about {
        font-size: .76rem !important
    }

    .contactus-section-container .mega-text-about span {
        font-size: .7rem
    }
}

@media only screen and (max-width: 46.875em) {
    .verticle-line-right-about {
        border-right: none !important;
        border-bottom: 1px solid #ccc !important;
        margin-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .resultItemLink a {
        color: #666
    }
}

#jobOpeningsIframe {
    display: none
}

.profile-card {
    padding: 1rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    margin: 2rem 0;
    background-color: #fff;
    min-height: 654px
}

.profile-card .headshot {
    width: 75%;
    display: block;
    margin: auto;
    text-align: center;
    box-shadow: 2px 2px 5px #c1c1c1
}

.profile-info {
    padding: 1rem
}

.profile-info p {
    text-align: left
}

.profile-info .bullet-list {
    min-height: 161px
}

.profile-info .bullet-list li {
    font-size: .8rem
}

.chatbutton {
    margin-bottom: .35rem
}

.chatbutton img {
    width: auto;
    height: auto
}

.chatbutton :hover {
    opacity: .84
}

.emailbutton {
    margin-top: 3.4rem
}

.results-count-spacer {
    padding-bottom: 0 !important;
    margin-bottom: -1.5rem !important
}

.resultCount {
    color: #666;
    margin-top: -.5rem
}

.resultCount h6 {
    margin-top: 0 !important
}

.resultCount a {
    font-size: .865rem
}

.resultCount a span {
    border-bottom: 1px solid #f70;
    text-shadow: .5px 1.5px 1px #fff
}

.resultItemSnippet {
    color: #666;
    line-height: 1.313rem
}

.resultItemLink {
    font-size: .875rem
}

.resultsDivider {
    border-bottom: 1.5px solid #ebebeb
}

.resultsLines img {
    padding-right: 1rem
}

.resultsLines li {
    overflow: hidden;
    padding: 1rem 0
}

.resultsLines li:nth-child(even) {
    background: #fbfbfb
}

.resultTabTitle {
    font-size: .79rem
}

.keyMatchTable td {
    background-color: #fff !important
}

.keyMatchTable th {
    background-color: #ebebeb !important
}

.advanced-filters a {
    background-color: #f5f5f5 !important;
    color: #f70 !important;
    font-size: .875rem !important
}

.advanced-filters th span a {
    background-color: #999 !important;
    color: #fff !important;
    font-weight: 400 !important;
    font-size: .625rem !important;
    padding: .3125rem .3125rem .45rem !important
}

.advanced-filters th span a:hover {
    cursor: pointer !important;
    color: #fff !important;
    background-color: #b3b3b3 !important
}

.advanced-filters i {
    padding-top: .35rem !important
}

.advanced-filters td {
    padding: 0 !important
}

.advanced-filters-input {
    font-size: .875rem !important;
    line-height: 1rem !important
}

.input-primary-small {
    height: 1.5rem;
    width: 100%;
    font-size: .78125rem;
    box-sizing: border-box;
    position: relative;
    top: 0;
    vertical-align: top
}

@media only screen and (min-width: 46.938em) and (orientation: portrait) {
    .advanced-filters-input, .keyMatchTable li a, .keyMatchTable td a {
        font-size: .75rem !important
    }

    .keyMatchTable li a, .keyMatchTable td img, .toolbar-search td {
        padding-right: .25rem !important
    }

    .keyMatchTable li a {
        padding-left: .25rem !important
    }

    .keyMatchTable td span {
        padding-left: 0 !important
    }

    .advanced-filters ul {
        margin-left: 0 !important
    }

    .toolbar-search td {
        padding-left: .25rem !important
    }
}

.me-gct-subheads, .me-subheads {
    text-transform: uppercase;
    font-size: 1rem !important;
    font-weight: 600
}

@media only screen and (max-width: 46.875em) {
    .small-background {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .advanced-filters {
        display: none
    }

    .results-divider {
        padding-left: .5rem !important;
        padding-right: .5rem !important
    }

    .panel3-left-padding {
        padding-left: 0 !important;
        padding-top: 0 !important
    }
}

.connectorPong-content {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.connectorPong-content img.connectorPong-bkg {
    display: block;
    min-height: 100%;
    min-width: 1000px;
    max-width: 130rem;
    width: 200%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    margin-left: -25rem;
    margin-right: auto;
    margin-top: -60rem;
    overflow: hidden
}



.me-subheads {
    color: #8599b7
}

.me-panel {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    color: #fff;
    background: #f70 !important;
    border-radius: .2rem
}

.me-panel > :first-child {
    margin-top: 0
}

.me-panel > :last-child {
    margin-bottom: 0
}

.me-panel dl, .me-panel h1, .me-panel h2, .me-panel h3, .me-panel h4, .me-panel h5, .me-panel h6, .me-panel li, .me-panel p {
    color: #333
}

.me-panel h1, .me-panel h2, .me-panel h3, .me-panel h4, .me-panel h5, .me-panel h6 {
    line-height: 1;
    margin-bottom: .625rem
}

.me-panel h1.subheader, .me-panel h2.subheader, .me-panel h3.subheader, .me-panel h4.subheader, .me-panel h5.subheader, .me-panel h6.subheader {
    line-height: 1.4
}

.me-panel p {
    font-size: 1rem;
    color: #fff !important
}

.me-panel p a {
    color: #004c88 !important;
    font-weight: 600
}

.me-panel p a:hover {
    color: #8599b7 !important
}

.me-panel h3 {
    color: #fff !important
}

.right-white-seperator {
    border-right: solid 1px;
    margin-left: -.4rem
}

.me-table table {
    min-height: 20rem !important
}

.me-table .table-header, .me-table caption {
    background-color: #bcc7de;
    color: #004c88;
    padding: 1rem
}

.me-table th {
    color: #004c88;
    font-size: 1rem
}

@media only screen and (max-width: 46.875em) {
    .orange-panel {
        min-height: 10.5rem
    }

    .orange-panel p {
        font-size: .8rem
    }

    .orange-panel h4 {
        color: #fff
    }

    .right-white-seperator {
        border-right: 0
    }
}

.li-spacing li {
    padding-bottom: .5rem
}

.me-blue-text {
    color: #184f95
}

.me-gct-text, .me-glasscore-blue {
    color: #8599b7
}

.me-support-grey {
    color: #57595b
}

.me-package-headline h2 a {
    color: #184f95 !important
}

.me-support-link {
    color: #f70;
    font-size: 1.5rem;
    font-weight: 600;
    align-items: center
}

.me-gct-button {
    background-color: #8599b7
}

.me-support-panel-left, .me-support-panel-right {
    border: .1rem solid #999;
    background: #fff;
    margin-bottom: 1.5rem
}

.me-support-panel-left {
    padding: 4.27rem
}

.me-support-panel-right {
    padding: 2.5rem 1.4rem 4.27rem
}

.verticel-divider {
    background-color: #f70;
    min-height: 95.7rem;
    width: .5rem;
    margin-left: 1.3rem
}

.gct, .me-overview-rule, .packaging, .support {
    height: .2rem;
    width: auto;
    margin-top: -.7rem;
    margin-left: -5rem;
    margin-bottom: 1rem
}

.gct {
    background-color: #8599b7
}

.packaging {
    background-color: #184f95
}

.support {
    background-color: #57595b
}

.card {
    margin-bottom: 1.5rem
}

.flip-card {
    perspective: 1000px;
    border: 0;
    background: 0 0
}

.flip-card.hover .flip-card-inner, .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg)
}

.flip-card, .flip-card-inner-back, .flip-card-inner-front {
    width: 100%;
    height: 13.75rem
}

.flip-card-inner {
    transition: .6s;
    transform-style: preserve-3d;
    position: relative;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.flip-card-inner-back, .flip-card-inner-front {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    border: .1rem solid #999
}

.flip-card-inner-front {
    background: #fff;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center
}

.flip-card-inner-front span {
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, .8);
    padding: .25rem 0;
    font-size: 1.25rem;
    font-weight: 700
}

.flip-card-inner-back {
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    background: #666;
    padding: 1rem
}

.flip-card-inner-back-title {
    font-weight: 700
}

.caption h1, .login-container .login-panel .toolTip i, .mrheadline h1, .sec4-lower-txt {
    font-weight: 600
}

.flip-card-inner-back-text {
    line-height: 1.5
}

.me-column-header h3 {
    background-color: #666;
    color: #fff !important;
    padding: 1rem 0
}

.wrapper {
    max-width: 30em;
    margin: 2em auto
}

.scrollme {
    perspective: 600px
}

.animateme {
    transform-origin: center center center
}

.white-bkg {
    background-color: #fff
}

.parallax-header {
    height: 5rem;
    background: #555;
    padding: 1rem
}


.caption {
    position: absolute;
    left: 0;
    top: 10%;
    width: 100%;
    color: #000
}

.caption h1, .caption h2, .caption h3, .caption h4, .caption h5 {
    color: #fff !important
}

.white-container {
    background-color: #fff;
    padding: 1.3rem;
    border-radius: .4rem
}

.white-container a {
    font-size: 1.2rem
}

.caption img {
    width: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.caption h1 {
    font-size: 6rem !important
}

.caption h2 {
    font-size: 3.75rem;
    margin-top: -2rem
}

.caption span.border {
    background-color: #111;
    color: #fff;
    padding: 40px;
    font-size: 25px;
    letter-spacing: 3px
}

.top-margin {
    margin-top: 5rem
}

@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6 {
        background-attachment: scroll
    }
}

.column-rule {
    border-right: 2px solid #fff
}

.sec4-lower-txt {
    color: #cccccb;
    font-size: 1.3rem
}
input:focus, select:focus{
  background-color: #fff;
}
/*!