html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;outline: 0;vertical-align: baseline; font-weight: lighter;}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{margin: 0;padding: 0;border: none}
img{vertical-align: top}
textarea{resize: none}
a{text-decoration: none}
h1,h2,h3,h4,h5,h6{font-size: 1em;font-weight: 400}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box;box-sizing: border-box}
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{content: ".";display: block;overflow: hidden;height: 0;clear: both;visibility: hidden}
.fl{float: left}
.fr{float: right}
html,body{ width: 100%; color:#666; line-height: 165%; font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif; }

/* links */
a{color:#595758; text-decoration:none; outline:none !important;}
a:hover{color:#2c90c5; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}

a, a:hover, a:focus { text-decoration: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s; }

/* margin */
.mt18 { margin-top: 18px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}

.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}


/*翻页*/
.main-pages { text-align: center;  }

/*阴影效果*/
.filletBox { -moz-box-shadow:2px 2px 5px #A1A1A1; -webkit-box-shadow:2px 2px 5px #A1A1A1; box-shadow:2px 2px 5px #A1A1A1; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#A1A1A1', Direction=135, Strength=5);}

/*浮动框*/
.floatBox { position: fixed; top: 0px; z-index: 999; width: 100%; background-color: #FFF;}

/* Section With Background */
.section-bg {
    background: #f7f7f7;
}


.section-title { border: 1px solid #d5d5d5; padding:10px 16px; -moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px;}
    .section-title>h1{ float: left; color: #2c90c5; font-size: 18px; font-weight: 700; margin-top: 3px;}
    .section-title>h1>i { margin-right: 5px;}
    .section-title>a { float:right; font-weight: lighter; }

    .section-title>span { float: right; font-size: 13px; font-weight: lighter;}
    .section-title>span>label { margin: 0 5px; font-size: 12px; font-family:Arial, Helvetica, Tahoma, Verdana, Sans-Serif;}
    .section-title>span>i { margin-right: 5px;}


.section-main-title { border: 1px solid #d5d5d5; padding:10px 16px; -moz-border-radius: 6px;  -webkit-border-radius: 6px;  border-radius: 6px;}
    .section-main-title>h1{ float: left; color: #2c90c5; font-size: 18px; font-weight: 700; margin-top: 3px;}
    .section-main-title>h1>i { margin-right: 5px;}

    .section-main-title>span { float: right; font-size: 13px; font-weight: lighter;}
    .section-main-title>span>label { margin: 0 5px; font-size: 12px; font-family:Arial, Helvetica, Tahoma, Verdana, Sans-Serif;}
    .section-main-title>span>i { margin-right: 5px;}



/* Sections Header */
.section-header h3 {
    font-size: 28px;
    color: #313131;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    position: relative;
    padding-bottom: 15px;
}

.section-header h3::before {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
    left: calc(50% - 60px);
}

.section-header h3::after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #be1b21;
    bottom: 0;
    left: calc(50% - 20px);
}

.section-header p {
    text-align: center;
    margin-top: 5px;
    padding-bottom: 30px;
    color: #666;
}

/* Sections Header White */
.section-header-white h3 {
    font-size: 28px;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    position: relative;
    padding-bottom: 15px;
}

.section-header-white h3::before {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
    left: calc(50% - 60px);
}

.section-header-white h3::after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #be1b21;
    bottom: 0;
    left: calc(50% - 20px);
}

.section-header-white p {
    text-align: center;
    padding-bottom: 30px;
    color: #F1F1F1;
}


/* Contact Section */
#contact {
    padding: 0 0 30px 0;
}

#contact .contact-info {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
}

#contact .contact-info i {
    font-size: 48px;
    display: inline-block;
    margin-bottom: 10px;
    color: #595758;
}

#contact .contact-info i:hover {
    color: #2c90c5;
}

#contact .contact-info address, #contact .contact-info p {
    margin-bottom: 0;
    color: #595758;
}

#contact .contact-info h3 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight:lighter;
    text-transform: uppercase;
    color: #595758;
}

#contact .contact-info a {
    color: #595758;
}

#contact .contact-info a:hover {
    color: #2c90c5;
}

#contact .contact-address, #contact .contact-phone, #contact .contact-email {
    margin-bottom: 20px;
}

#contact .form #sendmessage {
    color: #18d26e;
    border: 1px solid #18d26e;
    display: none;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#contact .form #errormessage {
    color: red;
    display: none;
    border: 1px solid red;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {
    display: block;
}

#contact .form .validation {
    color: red;
    display: none;
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 13px;
}

#contact .form input, #contact .form textarea {
    padding: 10px 14px;
    border-radius: 0;
    box-shadow: none;
    font-size: 15px;
    -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}

#contact .form button[type="button"] {
    background: #2c90c5;
    border: 0;
    padding: 10px 30px;
    color: #fff;
    transition: 0.4s;
    cursor: pointer;
    -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
}

#contact .form button[type="button"]:hover {
    background: #1f98d8;
}


.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

/* About Us Section
--------------------------------*/
#about { /*background: url("../img/about-bg.jpg") center top no-repeat fixed;*/ /*background-size: cover;*/  padding: 30px 0 40px 0;  position: relative; }
    #about::before {  content: '';  position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 0;  background: rgba(255, 255, 255, 0.92);  z-index: 9;  }
    #about .container { position: relative;  z-index: 10;  }
    #about .about-col {  background: #fff;  border-radius: 0 0 4px 4px;  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);  margin-top: 20px;  margin-bottom: 20px;  }
    #about .about-col .img {  position: relative; }
    #about .about-col .img img {  border-radius: 4px 4px 0 0;  }
    #about .about-col .icon {  width: 64px;  height: 64px;  padding-top: 8px;  text-align: center;  position: absolute;  background-color: #FFF;  border-radius: 50%;  text-align: center;  border: 4px solid #fff;  left: calc( 50% - 32px);  bottom: -30px;  transition: 0.3s;  }
    #about .about-col i { font-size: 28px;  color: #595758;  transition: 0.3s;  margin-top: 6px; }
    #about .about-col:hover .icon {  background-color: #ececec;  }
    #about .about-col:hover i {  color: #2c90c5;  }
    #about .about-col h2 { color: #595758;  text-align: center;  font-weight: 700;  font-size: 20px;  padding: 0;  margin: 40px 0 12px 0; }
    #about .about-col h2 a { color: #595758; }
    #about .about-col h2 a:hover { color: #2c90c5; }
    #about .about-col p {  font-size: 14px;  line-height: 24px;  color: #595758;  margin-bottom: 0;  padding: 0 20px 20px 20px;  min-height: 220px;  }


/* Products Section
--------------------------------*/
#products {  padding: 0px 0 0 0;  }
    #products #products-flters {  padding: 0;  margin: 5px 0 35px 0;  list-style: none;  text-align: center;  }
    #products #products-flters li { cursor: pointer;  margin: 15px 15px 15px 0;  display: inline-block;  padding: 10px 20px;  font-size: 12px;  line-height: 20px;  color: #313131;  border-radius: 4px;  text-transform: uppercase;  background: #FFF;  margin-bottom: 5px; transition: all 0.3s ease-in-out; }
    #products #products-flters li:hover, #products #products-flters li.filter-active {  background: #be1b21;  color: #fff;  }
    #products #products-flters li:last-child {  margin-right: 0; }
    #products .products-wrap { width: 279px;  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);  transition: 0.3s;  margin-left: 3px;  margin-top: 30px;  }
    #products .products-wrap:hover { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);  }
    #products .products-item {  position: relative;  height: 330px;  overflow: hidden;  }
    #products .products-item figure {  background: #000;  overflow: hidden;  height: 190px;  position: relative;  border-radius: 4px 4px 0 0;  margin: 0;  }
    #products .products-item figure:hover img {  opacity: 0.4;  transition: 0.3s;  }
    #products .products-item figure .link-preview, #products .products-item figure .link-details {  position: absolute;  display: inline-block;  visibility: hidden;  line-height: 1;  text-align: center;  width: 36px;  height: 36px;  background: #fff;  border-radius: 50%;  transition: 0.2s;  }
    #products .products-item figure .link-preview i, #products .products-item figure .link-details i {  padding-top: 6px;  font-size: 22px;  color: #333;  }
    #products .products-item figure .link-preview:hover, #products .products-item figure .link-details:hover {  background: #2c90c5;  }
    #products .products-item figure .link-preview:hover i, #products .products-item figure .link-details:hover i {  color: #fff;  }
    #products .products-item figure .link-preview {  left: calc(50% - 38px);  top: calc(50% - 18px);  }
    #products .products-item figure .link-details {  right: calc(50% - 38px);  top: calc(50% - 18px);  }
    #products .products-item figure:hover .link-preview {  visibility: visible;  left: calc(50% - 44px);  }
    #products .products-item figure:hover .link-details {  visibility: visible;  right: calc(50% - 44px);  }
    #products .products-item .products-info {  background: #fff;  text-align: center;  padding: 15px;  height: 90px;  border-radius: 0 0 3px 3px;  }
    #products .products-item .products-info h4 {  font-size: 18px;  line-height: 1px;  font-weight:lighter;  margin-bottom: 18px;  padding-bottom: 0;  }
    #products .products-item .products-info h4 a {  color: #595758;  }
    #products .products-item .products-info h4 a:hover {  color: #2c90c5;  }
    #products .products-item .products-info p { padding: 0;  margin: 0;  color: #b8b8b8;  font-weight: 500;  font-size: 14px;  text-transform:none;  }
    #products .owl-nav, #products .owl-dots {  margin-top: 5px;  text-align: center;  }
    #products .owl-dot {  display: inline-block;  margin: 0 5px;  width: 12px;  height: 12px;  border-radius: 50%;  background-color: #595758;  }
    #products .owl-dot.active { background-color: #35a9e6;  }


/* Clients Section
--------------------------------*/
#clients {  padding: 0 0 30px 0;  }
    #clients img {  max-width: 100%;  opacity: 0.5;  transition: 0.3s;  padding: 15px 0;  }
    #clients img:hover {  opacity: 1;  }
    #clients .clients-carousel { margin-top: 20px;}
    #clients .owl-nav, #clients .owl-dots { margin-top: 5px;  text-align: center;  }
    #clients .owl-dot { display: inline-block;  margin: 0 5px;  width: 12px;  height: 12px;  border-radius: 50%;  background-color: #595758;  }
    #clients .owl-dot.active {  background-color: #35a9e6;  }


/* Application Section */
#application { padding: 40px 0;  }
    #application .application-container {  margin: 30px 0 0 0; }
    #application .application-wrap { color: #595758;  }
    #application .application-wrap:hover { color: #2c90c5; transition: 0.3s; font-weight: bold;}
    #application .application-item { position: relative; overflow: hidden;  }
    #application .application-item figure { overflow: hidden; height: 138px; position: relative; text-align: center; }
    #application .application-item figure i { font-size:42px; padding-top:40px; border: solid 3px #595758; color: #595758; width: 130px; height: 130px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
    #application .application-item figure i:hover { border: solid 3px #2c90c5; color: #2c90c5; box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16); transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transition: 0.6s;}
    #application .application-item .application-info { padding: 10px 0; text-align: center;}
    #application .application-item .application-info:hover { color: #35a9e6; }
    #application .application-item .application-info>h1 {  font-size: 13px; font-weight:lighter;}

/* Main Section */
#main { padding: 30px 0;  }
    #main .main-container {  margin: 0 0 0 0; }



/*网站底部菜单*/
.mobile-footer { width: 100%; z-index: 999; margin: 0 auto; padding: 12px 0 5px 0; background-color: #6e6e6e; position: fixed; bottom: 0px;}
    .mobile-footer>ul>li { float: left; font-size: 13px; width: 25%; text-align: center; font-weight: lighter;}
    .mobile-footer>ul>li>a { color: #FFF;}
    .mobile-footer>ul>li>a>i { display: block; width: 30px; height: 30px; border:solid 2px #FFF; padding-top: 6px; -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%; margin: 0 auto;}

.mobile-language { text-align: right; padding-top: 7px;}
    .mobile-language p:first-child { margin-bottom: 10px;}


/* header star */
.header-top { background:#FFF; color: #313131; padding: 15px 0;}
    .header-top a { color: #313131;}
    .header-top .logo .welcome { }
    .header-top .logo h1 { margin: 13px 0 0 0;}
    .header-top .logo img { max-width: 100%;}

    .header-top .language { text-align: right;}
    .header-top .language img { }
    .header-top .language a:hover img { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16); filter:none; transition: 0.3s;}

    .header-top .hotline { text-align: right; margin: 10px 0;}
    .header-top .hotline h1 { font-size: 16px; font-weight: lighter;}
    .header-top .hotline span { font-family:'DIN',Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif; font-size: 18px; font-weight: bold;}

    .header-top .search { }
    .header-top .search .btn-primary:hover { background-color:#35a9e6; border-color: #cccccc;}

.header-end { background-color: #35a9e6; border-bottom: solid 1px #FFF;}
    .header-end .navbar-default { background: none;  border: none;  }
    .header-end .navbar { margin-bottom: 0;  }
    .header-end .navbar-default .navbar-collapse, .navbar-default .navbar-form {  border: none; }
    .header-end .navbar-collapse { padding: 0;  }
    .header-end .navbar-nav > li { border-right: 1px dotted #FFF;}
    .header-end .navbar-nav > li > a { width: 161px; padding: 20px 0; text-align: center; font-weight: lighter; font-size: 16px; color: #FFF; text-transform: uppercase;}
    .header-end .navbar-nav > li:nth-child(1) > a { border-left: 1px dotted #FFF;  }
    .header-end .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff;  background-color:#9bd4f2;   }
    .header-end .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff;  }


    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #FFF;
        background-color: #9bd4f2;
        border-right:none;
    }

    .navbar-default .navbar-brand { color: #FFF;}
    .navbar-default .navbar-toggle { border-color: #FFF;}
    .navbar-default .navbar-toggle .icon-bar { background-color: #FFF;}

    .header-end .dropdown-menu { background-color:#35a9e6; min-width: 161px;}
    .header-end .dropdown-menu > li > a { color: #FFF; font-size: 12px; text-align: left; font-weight: lighter; line-height: 32px;}

    .header-end .dropdown-menu > li > a:hover,
    .header-end .dropdown-menu > li > a:focus {  color: #FFF;  text-decoration: none;  background-color: #9bd4f2;  }
    .header-end .dropdown-menu > .active > a,
    .header-end .dropdown-menu > .active > a:hover,
    .header-end .dropdown-menu > .active > a:focus {  color: #FFF;  text-decoration: none;  background-color: #9bd4f2;  outline: 0;  }

    .hvr-bounce-to-bottom {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .hvr-bounce-to-bottom:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #9bd4f2;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
        color: white;
    }
    .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }

/* header end */



/* footer star */
.container-footer { background-color: #35a9e6; padding: 30px 0 20px 0;}
    .footerMenus { margin-bottom: 20px;}
    .footerLogos { text-align: center;}
    .footerLogos>img { max-width: 100%; margin: 0 auto;}

.footerMenusL {}
    .footerMenusL>li { color: #FFF; background: url("../img/footer-line.png") left repeat-y; padding-top: 10px; padding-bottom: 10px; line-height: 22px; min-height: 152px; font-weight: lighter;}
    .footerMenusL>li>a { color: #FFF;}
    .footerMenusL>li>a:hover { text-decoration: underline;}

    .footerMenusL>li h1 { display: block; font-size: 16px; margin-bottom: 15px;}


.footerContact {}
    .footerContact>dt { font-size: 16px; padding-bottom: 6px;}
    .footerContact>dd { line-height: 26px; font-weight: lighter;}
    .footerContact>dd i { color: #FFF; margin-right: 10px; width: 12px; text-align:center; height: 12px;}
    .footerContact>dd span { float: right;}


.footerLinks { padding: 10px 20px; -moz-border-radius:6px; color: #FFF; -webkit-border-radius:6px; border-radius:6px; background-color: #9bd4f2;}
    .footerLinks>a { color: #FFF; margin: 0 10px;}
    .footerLinks>a:first-child { margin: 0 10px 0 0;}
    .footerLinks>a:hover { text-decoration: underline;}


.container-copyright { background-color: #35a9e6; color: #FFF; padding: 12px 0; border-top: 1px solid #9bd4f2;}
    .container-copyright a { color: #FFF;}
    .container-copyright a:hover { text-decoration: underline;}
    .container-copyright img { vertical-align: middle;}
/* footer end */

/*详细内容信息*/
.detail-content { padding: 20px 0; }
    .detail-content img { max-width: 100%;}


.contact-content { padding: 20px 0; }

/*翻页*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {  background-color:#35a9e6; border-color:#35a9e6;}
    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #35a9e6;}
    .pagination > li > a, .pagination > li > span { color: #35a9e6;}

.index-newsList { min-height: 220px; padding: 0 20px 20px 20px;}
    .index-newsList>li { overflow: hidden; height: 29px; line-height: 29px;}
    .index-newsList>li>a>span { float: right; margin-left: 10px;}


@media (max-width: 768px) {
    /* header */
    .header-top { background:#FFF; color: #313131; padding: 0;}
        .header-top a { color: #313131;}
        .header-top .logo { text-align: center;}

        .header-top .logo .welcome {}
        .header-top .logo h1 { margin: 5px 0 0 0;}
        .header-top .logo img { max-width: 100%;}

        .header-top .language { float: right; text-align: right; margin: 3px 0 0 0;}
        .header-top .language img { }
        .header-top .language a:hover img { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16); filter:none; transition: 0.3s;}

        .header-top .hotline { text-align: left; float: left;  margin: 5px 0;}
        .header-top .hotline h1 { font-size: 16px; font-weight: lighter;}
        .header-top .hotline h1 i { color: #be1b21;}
        .header-top .hotline span { font-family:'DIN',Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif; font-size: 18px; font-weight: bold;}


    .header-end .navbar-nav > li > a { width: 100%; padding: 20px 0; text-align: center; font-weight: lighter; font-size: 16px; color: #FFF; text-transform: uppercase;}
    .naver { float:none; width: 100%;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #FFF;}
    .searcher { float: right;}
    /* /header */

    .header-main { padding: 5px 0;}


    /* Application Section */
    #application { padding: 40px 0;  }
        #application .application-container {  margin: 30px 0 0 0; }
        #application .application-wrap { color: #595758;  }
        #application .application-wrap:hover { color: #2c90c5; transition: 0.3s; font-weight: bold;}
        #application .application-item { position: relative; overflow: hidden; }
        #application .application-item figure { overflow: hidden; height: 82px; position: relative; text-align: center; }
        #application .application-item figure i { font-size:32px; padding-top:22px; border: solid 3px #595758; color: #595758; width: 80px; height: 80px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
        #application .application-item figure i:hover { border: solid 3px #2c90c5; color: #2c90c5; box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16); transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transition: 0.6s;}
        #application .application-item .application-info { padding: 10px; text-align: center;}
        #application .application-item .application-info:hover { color: #35a9e6; }
        #application .application-item .application-info>h1 {  font-size: 15px; font-weight:lighter;}


    /* Products Section
 --------------------------------*/
    #products {  padding: 0px 0 0 0;  }
    #products #products-flters {  padding: 0;  margin: 5px 0 35px 0;  list-style: none;  text-align: center;  }
    #products #products-flters li { cursor: pointer;  margin: 15px 15px 15px 0;  display: inline-block;  padding: 10px 20px;  font-size: 12px;  line-height: 20px;  color: #313131;  border-radius: 4px;  text-transform: uppercase;  background: #FFF;  margin-bottom: 5px; transition: all 0.3s ease-in-out; }
    #products #products-flters li:hover, #products #products-flters li.filter-active {  background: #be1b21;  color: #fff;  }
    #products #products-flters li:last-child {  margin-right: 0; }
    #products .products-wrap { width: 98%;  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);  transition: 0.3s;  margin-left: 3px;  margin-top: 30px;  }
    #products .products-wrap:hover { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);  }
    #products .products-item {  position: relative;  height: 380px;  overflow: hidden;  }
    #products .products-item figure {  background: #000;  overflow: hidden;  height: 240px;  position: relative;  border-radius: 4px 4px 0 0;  margin: 0;  }
    #products .products-item figure:hover img {  opacity: 0.4;  transition: 0.3s;  }
    #products .products-item figure .link-preview, #products .products-item figure .link-details {  position: absolute;  display: inline-block;  visibility: hidden;  line-height: 1;  text-align: center;  width: 36px;  height: 36px;  background: #fff;  border-radius: 50%;  transition: 0.2s;  }
    #products .products-item figure .link-preview i, #products .products-item figure .link-details i {  padding-top: 6px;  font-size: 22px;  color: #333;  }
    #products .products-item figure .link-preview:hover, #products .products-item figure .link-details:hover {  background: #2c90c5;  }
    #products .products-item figure .link-preview:hover i, #products .products-item figure .link-details:hover i {  color: #fff;  }
    #products .products-item figure .link-preview {  left: calc(50% - 38px);  top: calc(50% - 18px);  }
    #products .products-item figure .link-details {  right: calc(50% - 38px);  top: calc(50% - 18px);  }
    #products .products-item figure:hover .link-preview {  visibility: visible;  left: calc(50% - 44px);  }
    #products .products-item figure:hover .link-details {  visibility: visible;  right: calc(50% - 44px);  }
    #products .products-item .products-info {  background: #fff;  text-align: center;  padding: 30px;  height: 90px;  border-radius: 0 0 3px 3px;  }
    #products .products-item .products-info h4 {  font-size: 18px;  line-height: 1px;  font-weight:lighter;  margin-bottom: 18px;  padding-bottom: 0;  }
    #products .products-item .products-info h4 a {  color: #595758;  }
    #products .products-item .products-info h4 a:hover {  color: #2c90c5;  }
    #products .products-item .products-info p { padding: 0;  margin: 0;  color: #b8b8b8;  font-weight: 500;  font-size: 14px;  text-transform:none;  }
    #products .owl-nav, #products .owl-dots {  margin-top: 5px;  text-align: center;  }
    #products .owl-dot {  display: inline-block;  margin: 0 5px;  width: 12px;  height: 12px;  border-radius: 50%;  background-color: #595758;  }
    #products .owl-dot.active { background-color: #35a9e6;  }




    .container-copyright { text-align: center; background-color: #35a9e6; color: #FFF; padding: 12px 0 12px 0; border-top: 1px solid #9bd4f2;}
        .container-copyright .pull-right { float: none !important; text-align: center; display: inline-block;}
}



@media (min-width: 768px) {
    .header-end { background-color: #35a9e6; border-bottom: solid 1px #FFF;}
    .header-end .navbar-default { background: none;  border: none;  }
    .header-end .navbar { margin-bottom: 0;  }
    .header-end .navbar-default .navbar-collapse, .navbar-default .navbar-form {  border: none; }
    .header-end .navbar-collapse { padding: 0;  }
    .header-end .navbar-nav > li { border-right: 1px dotted #FFF;}
    .header-end .navbar-nav > li > a { width: 100px; padding: 20px 0; text-align: center; font-weight: lighter; font-size: 12px; color: #FFF; text-transform: uppercase;}
    .header-end .navbar-nav > li:nth-child(1) > a { border-left: 1px dotted #FFF;  }
    .header-end .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff;  background-color:#9bd4f2;   }
    .header-end .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff;  }


    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #FFF;
        background-color: #9bd4f2;
        border-right:none;
    }

    .navbar-default .navbar-brand { color: #FFF;}
    .navbar-default .navbar-toggle { border-color: #FFF;}
    .navbar-default .navbar-toggle .icon-bar { background-color: #FFF;}

    .header-end .dropdown-menu { background-color:#35a9e6; min-width: 100px;}
    .header-end .dropdown-menu > li > a { color: #FFF; font-size: 12px; text-align: left; font-weight: lighter; line-height: 32px;}

    .header-end .dropdown-menu > li > a:hover,
    .header-end .dropdown-menu > li > a:focus {  color: #FFF;  text-decoration: none;  background-color: #9bd4f2;  }
    .header-end .dropdown-menu > .active > a,
    .header-end .dropdown-menu > .active > a:hover,
    .header-end .dropdown-menu > .active > a:focus {  color: #FFF;  text-decoration: none;  background-color: #9bd4f2;  outline: 0;  }

    .hvr-bounce-to-bottom {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .hvr-bounce-to-bottom:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #9bd4f2;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
        color: white;
    }
    .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }

    /* header end */
}

@media (min-width: 992px) {
    .header-end { background-color: #35a9e6; border-bottom: solid 1px #FFF;}
    .header-end .navbar-default { background: none;  border: none;  }
    .header-end .navbar { margin-bottom: 0;  }
    .header-end .navbar-default .navbar-collapse, .navbar-default .navbar-form {  border: none; }
    .header-end .navbar-collapse { padding: 0;  }
    .header-end .navbar-nav > li { border-right: 1px dotted #FFF;}
    .header-end .navbar-nav > li > a { width: 133px; padding: 20px 0; text-align: center; font-weight: lighter; font-size: 15px; color: #FFF; text-transform: uppercase;}
    .header-end .navbar-nav > li:nth-child(1) > a { border-left: 1px dotted #FFF;  }
    .header-end .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff;  background-color:#9bd4f2;   }
    .header-end .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff;  }


    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #FFF;
        background-color: #9bd4f2;
        border-right:none;
    }

    .navbar-default .navbar-brand { color: #FFF;}
    .navbar-default .navbar-toggle { border-color: #FFF;}
    .navbar-default .navbar-toggle .icon-bar { background-color: #FFF;}

    .header-end .dropdown-menu { background-color:#35a9e6; min-width: 135px;}
    .header-end .dropdown-menu > li > a { color: #FFF; font-size: 12px; text-align: left; font-weight: lighter; line-height: 32px;}

    .header-end .dropdown-menu > li > a:hover,
    .header-end .dropdown-menu > li > a:focus {  color: #FFF;  text-decoration: none;  background-color: #9bd4f2;  }
    .header-end .dropdown-menu > .active > a,
    .header-end .dropdown-menu > .active > a:hover,
    .header-end .dropdown-menu > .active > a:focus {  color: #FFF;  text-decoration: none;  background-color: #9bd4f2;  outline: 0;  }

    .hvr-bounce-to-bottom {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .hvr-bounce-to-bottom:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #9bd4f2;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
        color: white;
    }
    .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }

    /* header end */
}

@media (min-width: 1200px) {
    .header-end { background-color: #35a9e6; border-bottom: solid 1px #FFF;}
    .header-end .navbar-default { background: none;  border: none;  }
    .header-end .navbar { margin-bottom: 0;  }
    .header-end .navbar-default .navbar-collapse, .navbar-default .navbar-form {  border: none; }
    .header-end .navbar-collapse { padding: 0;  }
    .header-end .navbar-nav > li { border-right: 1px dotted #FFF;}
    .header-end .navbar-nav > li > a { width: 161px; padding: 20px 0; text-align: center; font-weight: lighter; font-size: 16px; color: #FFF; text-transform: uppercase;}
    .header-end .navbar-nav > li:nth-child(1) > a { border-left: 1px dotted #FFF;  }
    .header-end .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff;  background-color:#9bd4f2;   }
    .header-end .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff;  }


    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #FFF;
        background-color: #9bd4f2;
        border-right:none;
    }

    .navbar-default .navbar-brand { color: #FFF;}
    .navbar-default .navbar-toggle { border-color: #FFF;}
    .navbar-default .navbar-toggle .icon-bar { background-color: #FFF;}

    .header-end .dropdown-menu { background-color:#35a9e6; min-width: 161px;}
    .header-end .dropdown-menu > li > a { color: #FFF; font-size: 12px; text-align: left; font-weight: lighter; line-height: 32px;}

    .header-end .dropdown-menu > li > a:hover,
    .header-end .dropdown-menu > li > a:focus {  color: #FFF;  text-decoration: none;  background-color: #9bd4f2;  }
    .header-end .dropdown-menu > .active > a,
    .header-end .dropdown-menu > .active > a:hover,
    .header-end .dropdown-menu > .active > a:focus {  color: #FFF;  text-decoration: none;  background-color: #9bd4f2;  outline: 0;  }

    .hvr-bounce-to-bottom {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .hvr-bounce-to-bottom:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #9bd4f2;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
        color: white;
    }
    .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }

    /* header end */
}

@media (min-width: 1366px) {
    .header-end { background-color: #35a9e6; border-bottom: solid 1px #FFF;}
    .header-end .navbar-default { background: none;  border: none;  }
    .header-end .navbar { margin-bottom: 0;  }
    .header-end .navbar-default .navbar-collapse, .navbar-default .navbar-form {  border: none; }
    .header-end .navbar-collapse { padding: 0;  }
    .header-end .navbar-nav > li { border-right: 1px dotted #FFF;}
    .header-end .navbar-nav > li > a { width: 161px; padding: 20px 0; text-align: center; font-weight: lighter; font-size: 16px; color: #FFF; text-transform: uppercase;}
    .header-end .navbar-nav > li:nth-child(1) > a { border-left: 1px dotted #FFF;  }
    .header-end .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff;  background-color:#9bd4f2;   }
    .header-end .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff;  }


    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #FFF;
        background-color: #9bd4f2;
        border-right:none;
    }

    .navbar-default .navbar-brand { color: #FFF;}
    .navbar-default .navbar-toggle { border-color: #FFF;}
    .navbar-default .navbar-toggle .icon-bar { background-color: #FFF;}

    .header-end .dropdown-menu { background-color:#35a9e6; min-width: 161px;}
    .header-end .dropdown-menu > li > a { color: #FFF; font-size: 12px; text-align: left; font-weight: lighter; line-height: 32px;}

    .header-end .dropdown-menu > li > a:hover,
    .header-end .dropdown-menu > li > a:focus {  color: #FFF;  text-decoration: none;  background-color: #9bd4f2;  }
    .header-end .dropdown-menu > .active > a,
    .header-end .dropdown-menu > .active > a:hover,
    .header-end .dropdown-menu > .active > a:focus {  color: #FFF;  text-decoration: none;  background-color: #9bd4f2;  outline: 0;  }

    .hvr-bounce-to-bottom {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .hvr-bounce-to-bottom:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #9bd4f2;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
        color: white;
    }
    .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }

    /* header end */
}

.js .animate-box {
    opacity: 0;
}
.img-fluid { max-width:100%; height: auto;}