body{width: 100%;}
h1{margin: 0;}
li{list-style: none;}
img{width:100%;height: auto;vertical-align:top;}
header{border-bottom:1px solid #E2E2E1;}
.container-fluid{padding: 0 5px; }
.navbar{border: none;min-height: 80px;margin-bottom: 0;}
.navbar-brand{min-height: 80px;padding: 0;}
.navbar-brand img{height: 100%;}
.navbar-nav > li > a{line-height: 50px;font-size: 20px;font-weight: 700;}
.navbar-default .navbar-nav > li > a:hover{color: #bb0b24;}
.navbar-default{background-color:white;}

.row .base5{padding: 0; border-left:12px solid white;border-right: 12px solid white;}
.main-top{border-top: 1px solid #E2E2E1; position: relative; background: url("../images/pergotek-ABIERTO-tensor-2.jpg") no-repeat;background-size: cover; }
.tp1{overflow: hidden;  position: relative;margin-top: 70px;}
.row{padding: 0 60px;}
.tpbj{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0, 0.15); top: 0;left: 0;transition: all 1s;}

.tpbj i {
    background: #E6E9ED;
    border: 1px solid #d7d8dd;
    box-shadow: 0 2px 6px rgba(0,0,0,.2), inset 0 2px 0 rgba(255,255,255,.2), inset 0 60px 50px -30px #F5F7FA;
    position: absolute;
    top: 50%;
    width: 32px;
    height: 32px;
    display: block;
    margin: -16px 0 0 -16px;
    color: #333;
    font-size: 12px;
    text-align: center;
    line-height: 32px;
    border-radius: 50%;
    transition: all 0.3s ease;
    background: #ffb800;
    border: 1px solid #e6a600;

}



.tp1:hover .tpbj{left: 100%;}
.tp2{margin-top: 70px;margin-bottom: 45px;}
.tp2 h4{font-size: 18px;line-height: 30px;margin: 0;position: relative;bottom: 15px;}
.tp3 h1{text-align: center;}
.tp3 h1 img{max-width: 300px;}
.tp3{margin-bottom: 20px;}
.tp3 .cptp img{transition: all 1s;max-height: 482px;}
.tp3 .cptp{overflow: hidden;}
.tp3 .cptp:hover img{transform: scale(1.2);}

.footer .row{padding: 0;width: 100%;background-color:#242424;margin-top: 40px;margin-left: 0; }
.fot1{background-color: #242424;max-height: 568px;}
.fot1 h3{font-size: 40px;color: #ffffff;text-align: center;margin-bottom: 30px; padding-top: 15px;}
.fot1 {color: #868686;}
.fot2{background-color: white;}
.fot2 h3{font-size: 35px;color: #000000;text-align: center;margin-bottom: 20px;}
.fot2 h3 span{color: #bb0b24;}
.fotbot{background-color: #242424;color: #999;font-size: 12px;}
.fotbot .container{background-color: #242424;color: #666;border-top: 1px solid #222;padding: 17px 0;font-size: 11px;}
.fotbot .container .row .bot2{text-align: center;}
.fotbot .container .row{margin: 0;}
.bot2 a{color: #868686;}
.bot2 a:hover{color: #bb0b24;}

.fot2 a{ display: block;width: 24px;height: 24px;border-radius: 100%;background-color:#000000;position: absolute;}
.fot2 a:before{content: '';display: block;width: 10px;height: 10px;background-color: #FFFFFF;border-radius: 100%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%)}
.wz1{top: 57%;left: 26%;animation: bh 3s linear 0s infinite;}
.wz2{top: 76%;left: 30%;animation: bh2 3s linear 0s infinite;}
.wz3{top: 37%;left: 49%;animation: bh 3s linear 2s infinite;}
.wz4{top:41%;left: 23%;animation: bh2 3s linear 2s infinite;}

.fot2 .dt{position: relative;}
.fot2 .dt div{position: absolute;}
@keyframes bh {
    from{}
    to{transform: scale(1.1); box-shadow: 0px 0px 20px red;}
}
@keyframes bh2 {
    from{}
    to{transform: scale(1.2); box-shadow: 0px 0px 20px red;}
}
.fot2 a span{position: absolute;left: 0;top:-60px;background-color: #FFFFFF;padding: 10px;display: none;transition: all 0.5s;z-index: 999;}
.fot2 a span::before{content: '';display: block;width: 10px;height: 10px; bottom:-10px;position: absolute;left: 50%;}
.fot2 a span img{max-width:401px;min-width: 150px;}
.fot2 a:hover span{display: block;}
.fot2 a:hover{animation: 0;}

/*/index2*/
.main .row{margin: 0 -45px;}
.main-left{padding-top: 25px;padding-bottom: 25px;}
.main-right{padding: 25px 0;}
.main2-left{padding-top: 20px;padding-bottom: 20px;}
.main2-left h4{padding-bottom: 20px;min-height: 70px;font-size: 16px;line-height: 20px;}
.main-right p:first-child{margin-top:5%;}
.main-right p{ text-align: justify;font-size: 16px;line-height: 26px;text-indent: 32px;font-family: Raleway;font-weight: 400;font-style: normal;}
.main2-left h4 span{color: #bb0b24;line-height: 26px;font-weight: 700;font-family: Raleway;font-style: normal;}
.main2-tp{max-height:400px;overflow: hidden; }
.main2-tp img{transition: all 1s;}
.main2-tp:hover img{transform: scale(1.2);}

.main3 h4{text-align: center;font-size: 30px;font-family: "Josefin Sans";letter-spacing: 0px;font-weight: normal;font-style: normal;}
.main3 h4 span{color: #a01027;}
.main4{max-height:185px;overflow: hidden;padding: 20px 5px; }
.main3{min-height: 320px;padding: 0 60px;position: relative;}
.main5 .sp{margin-left: auto; margin-right: auto; width: 80%;margin-top: 20px;margin-bottom: 20px;overflow: hidden;height: 280px;max-height: 300px;}
.main5{position: relative;margin: 20px 0;}
.main5 h4{text-align: center;font-size: 30px;font-family: "Josefin Sans";letter-spacing: 0px;font-weight: normal;font-style: normal;}
.main5 h4 span{color: #a01027;}