﻿

.banner{position:relative;width:100%;height:923px;background-color:#e6e6e6;overflow:hidden}
.banner ul.flicks{width:10000%;height:100%;padding:0px;margin:0px;list-style:none}
.banner ul.flicks>li{float:left;width:1%;height:100%;background-position:center;background-size:cover;display:table}
.banner ul.flicks>li .flick-inner{height:100%;color:#fff;display:table-cell;vertical-align:middle}
.banner ul.flicks>li .flick-inner .flick-content{max-width:90%;margin-left:auto;margin-right:auto}
.banner ul.flicks>li .flick-inner .flick-content h1{color:#fff;text-align:center;font-size:60px;width:100%;font-family:CenturyGothic;font-weight:lighter;margin-bottom:0}
.banner ul.flicks>li .flick-inner .flick-content p{color:#fff;line-height:28px;text-align:center;font-size:20px;width:100%;font-weight:lighter}
.banner-page .btn{padding:0.5em 2.2em;clear:both;color:#FFF;background-color:#1d3d6f;text-decoration:none;font-size:18px;display:inline-block;font-weight:bold}
.banner-page .btn:hover{color:#FFF;transition:background-color .3s;background:#1d3d6f}
.banner .arrow-navigation{position:absolute;height:80%;width:5%;top:10%;z-index:100;overflow:hidden}
.banner .arrow-navigation .arrow{display:block;height:100%;width:100%;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
.banner .arrow-navigation:hover,.banner .arrow-navigation .arrow:hover{cursor:pointer}
.banner .arrow-navigation.left{left:0%}
.banner .arrow-navigation.left .arrow{opacity:0;margin:0px 0px 0px 50%;background-image:url("../images/arrow-left-light.png");background-repeat:no-repeat;background-position:left}
.banner .arrow-navigation.right{right:0%}
.banner .arrow-navigation.right .arrow{opacity:0;margin:0px 0px 0px -50%;background-image:url("../images/arrow-right-light.png");background-repeat:no-repeat;background-position:right}
.banner .arrow-navigation.left.hover .arrow{opacity:1;margin:0px 0px 0px 0px}
.banner .arrow-navigation.right.hover .arrow{opacity:1;margin:0px 0px 0px 0px}
.banner.animate-transform-slide ul.flicks{-webkit-perspective:1000;-webkit-backface-visibility:hidden;transform:translate3d(0%,0px,0px);-webkit-transform:translate3d(0%,0px,0px);-webkit-transition:-webkit-transform 0.6s;-o-transition:-o-transform 0.6s;-moz-transition:-moz-transform 0.6s;transition:transform 0.6s}
.banner.animate-transition-slide ul.flicks{position:relative;left:0%;-webkit-transition:left 0.4s ease-out;-moz-transition:left 0.4s ease-out;-o-transition:left 0.4s ease-out;-ms-transition:left 0.4s ease-out;transition:left 0.4s ease-out}
.banner .dot-navigation{position:absolute;bottom:15px;width:100%;text-align:center;z-index:100}
.banner .dot-navigation ul{text-align:center;list-style:none;padding:0px 15px}
.banner .dot-navigation ul li{display:inline-block;float:none}
.banner .dot-navigation .dot{width:14px;height:14px;margin:0px 6px;background-color:rgba(255,255,255,0.5);border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-webkit-transition:background-color 0.2s ease-out;-moz-transition:background-color 0.2s ease-out;-o-transition:background-color 0.2s ease-out;-ms-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out}
.banner .dot-navigation .dot:hover{cursor:pointer;background-color:rgba(255,255,255,0.6)}
.banner .dot-navigation .dot.active{background-color:#1d3d6f}
@media (min-width:769px) and (max-width:1279px){.banner{top:0;height:500px}
.banner ul.flicks>li .flick-inner .flick-content{max-width:90%;margin-left:auto;margin-right:auto}
.banner ul.flicks>li .flick-inner .flick-content h1{color:#fff;text-align:center;font-size:36px;width:100%;font-family:CenturyGothic}
.banner ul.flicks>li .flick-inner .flick-content p{color:#fff;line-height:30px;text-align:center;font-size:18px;width:100%}
}@media (max-width:768px){.banner{top:0;height:500px}
.banner ul.flicks>li .flick-inner .flick-content{max-width:90%;margin-left:auto;margin-right:auto}
.banner ul.flicks>li .flick-inner .flick-content h1{color:#fff;text-align:center;font-size:24px;width:100%;font-family:CenturyGothic}
.banner ul.flicks>li .flick-inner .flick-content p{color:#fff;line-height:30px;text-align:center;font-size:18px;width:100%}
}.inquiry_btn{padding:0.3em 0.8em;clear:both;color:#FFF;background-color:#1d3d6f;text-decoration:none;border-radius:10px 0 10px 0;font-size:14px;display:inline-block}
.inquiry_btn:hover{color:#FFF;transition:background-color .3s;border-radius:10px 0 10px 0;background:#1d3d6f}
.pro_list{width:98%;height:auto;overflow:hidden;border-bottom:1px #e6e6e6 solid;padding:10px 0;margin:5px 0}
.pro_list_title{display:block;font-size:18px;font-weight:bold}
.pro_list_title a{color:#2751a3;text-decoration:none}
.pro_list_title span{font-size:14px;font-weight:normal}
.pro_inquriy_btn{float:right;display:inline-block;width:200px}
.pro_inquriy_btn a{vertical-align:top;font-size:14px;padding-left:10px}
@media (min-width:769px) and (max-width:1279px){.pro_list{width:98%;height:auto;overflow:hidden;border-bottom:1px #e6e6e6 solid;padding:10px 0;margin:5px 0}
.pro_list_title{display:block;font-size:18px;font-weight:bold}
.pro_list_title a{color:#2751a3;text-decoration:none}
.pro_list_title span{font-size:14px;font-weight:normal}
.pro_inquriy_btn{float:right;display:inline-block;width:200px}
.pro_inquriy_btn a{vertical-align:top;font-size:14px;padding-left:10px}
.inquiry_btn{padding:0.3em 0.8em;clear:both;color:#FFF;background-color:#1d3d6f;text-decoration:none;border-radius:10px 0 10px 0;font-size:14px;display:inline-block;float:right}
.inquiry_btn:hover{color:#FFF;transition:background-color .3s;border-radius:10px 0 10px 0;background:#ff9900}
}@media (max-width:768px){.pro_list{width:98%;height:auto;overflow:hidden;border-bottom:1px #e6e6e6 solid;padding:10px 0;margin:5px 0}
.pro_list_title{display:block;font-size:18px;font-weight:bold}
.pro_list_title a{color:#2751a3;text-decoration:none}
.pro_list_title span{font-size:14px;font-weight:normal}
.pro_inquriy_btn{float:left;display:inline-block;width:100%;margin:5px 0}
.pro_inquriy_btn a{vertical-align:top;font-size:14px;padding-left:10px}
.inquiry_btn{padding:0.3em 0.8em;clear:both;color:#FFF;background-color:#1d3d6f;text-decoration:none;border-radius:10px 0 10px 0;font-size:14px;display:inline-block;float:right}
.inquiry_btn:hover{color:#FFF;transition:background-color .3s;border-radius:10px 0 10px 0;background:#ff9900}
}.proformError{position:absolute;top:5px;left:300px;display:block;cursor:pointer;text - align:left;z-index:990}
.proformError .formErrorContent{width:100 %;background:#ee0101;position:relative;color:#fff;min-width:150px;font-size:11px;padding:4px 10px 4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit- border-radius:6px;-o-border-radius:6px}
.proformError .formErrorArrow{position:absolute;left:50px;bottom:-5px;border-top:5px solid #ff0000;border-left:5px solid transparent;border-right:5px solid transparent}
.related_title{font-size:24px;font-weight:bold;padding:20px 0 5px 0;display:inline-block}
.related_services li{width:48%;display:inline-block;float:left;padding:5px 0;font-size:14px;background:url(../images/content.png);background-repeat:no-repeat;padding-left:20px;background-position:0 10px}
.related_services li a{color:#2751a3;text-decoration:none}
.related_services li a:hover{color:#6b8d00;text-decoration:none}
@media (min-width:769px) and (max-width:1279px){.related_title{font-size:18px;font-weight:bold;padding:20px 0 5px 0}
.related_services li{width:100%;display:inline-block;float:left;padding:5px 0;font-size:14px;background:url(../images/content.png);background-repeat:no-repeat;padding-left:20px;background-position:0 10px}
.related_services li a{color:#2751a3;text-decoration:none}
.related_services li a:hover{color:#6b8d00;text-decoration:none}
}@media (max-width:768px){.related_title{font-size:18px;font-weight:bold;padding:20px 0 5px 0}
.related_services li{width:100%;display:inline-block;float:left;padding:5px 0;font-size:14px;background:url(../images/content.png);background-repeat:no-repeat;padding-left:20px;background-position:0 10px}
.related_services li a{color:#2751a3;text-decoration:none}
.related_services li a:hover{color:#6b8d00;text-decoration:none}
}.pagenav{text-align:right;font-size:14px;text-decoration:none;margin-top:20px;height:auto;overflow:hidden;padding:10px 0}
.pagenav a{margin-left:8px;color:#333;text-decoration:none;border:1px #d3d3d3 solid;padding:2px 10px;border-radius:5px}
.pagenav a:hover{color:#fff;text-decoration:none;background:#1d3d6f;border:1px #1d3d6f solid}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination > li{display:inline}
.pagination > li > a,.pagination > li > span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-radius:0}
.pagination > li:first-child > a,.pagination > li:first-child > span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination > li:last-child > a,.pagination > li:last-child > span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg > li > a,.pagination-lg > li > span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm > li > a,.pagination-sm > li > span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span{border-top-right-radius:3px;border-bottom-right-radius:3px}
.Inquiry_container{width:100%;height:auto;overflow:hidden;margin-top:30px;font-family:'CenturyGothic',sans-serif}
.Inquiry_container h1{font-size:36px;color:#1d3d6f}
.Inquiry_form ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px}
.Inquiry_form li{position:relative;display:inline-block;padding-left:0.5%;padding-right:0.5%}
.Inquiry_form label{display:inline-block;text-align:left;padding:10px 0}
.Inquiry_form input{height:45px;width:100%;border:1px solid #cccccc;padding-left:10px;outline:none;font-size:16px !important}
.Inquiry_form textarea{padding-left:10px;width:100%;border:1px solid #cccccc;outline:none;font-size:16px !important}
.Inquiry_form .submit{display:inline-block;text-align:center;padding:1em 3em;clear:both;color:#fff;text-decoration:none;background-color:#1d3d6f;border:0px;cursor:pointer;font-weight:bold;margin-top:10px;font-family:'CenturyGothic',sans-serif}
.Inquiry_form .submit:hover{background:#f3e04e;color:#000;transition:background-color .3s;font-weight:bold}
.Inquiry_form .Code{width:50%}
.Inquiry_form textarea{padding-top:10px}
.Inquiry_form .submitli{width:100%}
.Inquiry_form input,.Inquiry_form label,.Inquiry_form input,.Inquiry_form textarea,.Inquiry_form submit{font-family:'CenturyGothic',sans-serif}
@media (min-width:1280px){.Inquiry_form li{width:33.3%;float:left}
.Inquiry_form .Interest{width:64%}
.Inquiry_form .ProjectDescription{width:96%}
}@media (min-width:769px) and (max-width:1279px){.Inquiry_form li{width:100%}
.Inquiry_form label{width:100%}
.Inquiry_form .Interest{width:64%}
.Inquiry_form .ProjectDescription{width:96%}
}@media (max-width:768px){.Inquiry_form li{width:100%}
.Inquiry_form label{width:100%;display:inline-block;text-align:left;padding:10px 0;font-size:14px}
.Inquiry_form .Interest,.Inquiry_form .ProjectDescription{width:100%}
}.successinfo{line-height:30px;line-height:22px;color:#888888;padding-right:20px;padding-bottom:20px}
.successinfo table{border:0 !important}
.successinfo .iconarea{}
.successinfo .iconarea .iconunit{text-align:center;display:block;width:40px;height:40px;border-radius:40px;background-color:#1d3d6f;color:#ffffff;line-height:40px;font-weight:bolder;font-size:22px;position:relative;z-index:9}
.successinfo .tit{font-size:20px;font-weight:bold;color:#1d3d6f;display:block}
.successinfo .iconarea .iconunit img{top:10px;left:5px;position:absolute;z-index:10}
.Inquiry_success strong{display:inline-block;width:22%}
.Inquiry_success li{padding-bottom:5px;padding-top:5px}
.social-icon-two{padding-top:0px;list-style-type:none;margin:0;padding:0;height:auto;overflow:hidden}
.social-icon-two a span{font-size:20px !important}
.social-icon-two a{color:#fff !important;display:inline-block;height:40px !important;width:40px !important;border-radius: 48px;background-color:#1d3c6f;margin-right:10px; display:inline-flex; align-items: center;justify-content: center;}
.social-icon-two a:hover{color:#000 !important;background-color:#f3e04e;}
.contact_bottom{width:100%;height:auto;overflow:hidden;margin:0 auto;line-height:28px;background-image:url(../images/nhp-index--bottom-bg-1.png);min-height:320px;background-color:#fafafa}
.contact_bottom a{color:#232323}
.contact_bottom a:hover{color:#2e5eb4;transition:background-color .3s}
.contact_container{max-width:90%;margin:40px auto;padding:0;position:relative;height:auto}
.contact_item p{font-weight:bold;margin:0}
.contact_bottom strong{font-size:22px;font-family:'CenturyGothic',sans-serif;margin-bottom:10px;display:block}
.contact_item input{border:0px #727f1c solid;line-height:55px;height:55px;width:100%;margin:10px 0;padding-left:10px;background-color:#eaeaea}
.contact_item .btn{padding:0.5em 2em;clear:both;color:#FFF;background-color:#1d3c6f;text-decoration:none;font-size:14px;margin-bottom:10px;display:inline-block}
.contact_bottom .row{margin-left:15px;margin-right:15px}
.contact_item .btn:hover{color:#FFF;transition:background-color .3s;background:#1d3d6f}
.customer_bottom img{margin:auto}
.customer_bottom p{text-align:center;font-size:14px}
.bottompro a{display: block !important;margin-bottom:10px;}
.bottom_cop{width:100%;text-align:center;font-size:14px}
@media (min-width:1280px){.bottom_cop{padding:20px 0px 60px 0;}}
@media (min-width:769px) and (max-width:1279px){.bottom_cop{padding:20px 0px 100px 0;}}
@media (max-width:768px){.contact_bottom .col-md-3 .contact_item a{height:48px !important;display:inline-block}
.contact_bottom .row div[class*="col"]{/*padding-bottom:20px;margin-bottom:20px;*/border-bottom:0px solid #5b6498}
.bottom_cop{padding:20px 0px 150px 0;}
}
.subscri_btn-saqui{padding:8px 10px 8px 10px;background-color:#384278;color:#fff;cursor:pointer;width:100% !important;display:block;text-align:center}
.subscri_btn-saqui:hover{background-color:#f3e04e;color:#000}
.scolltopbutton{border-radius:5px;padding:8px 12px;font-size:24px;background-color:#384278;color:#fff;cursor:pointer}
.scolltopbutton:hover{background-color:#f3e04e;color:#000}
.inpage_section_title{margin:0 auto;font-family:"CenturyGothic";text-align:left;position:relative}
.inpage_section_title h1{color:#1f3687;line-height:40px;font-size:26px}
.inpage_section_title .inquiry{background:#1f3687;padding:10px 15px 10px 15px;font-weight:bold;display:inline-block}
.inpage_section_title .inquiry a{color:#ffffff;display:block}
.inpage_section_title .inquiry:hover{background:#1d3d6f;transition:background-color .3s}
.inpage_section_title .share{display:inline-block}
.inpage_section_title > hr{height:1px;width:100%;text-align:left;background:#dbdbdb;margin:0 auto;margin-bottom:20px;border:0}
.second-container hr{height:1px;width:100%;text-align:left;background:#dbdbdb;margin:40px auto 40px auto;border:0}
.inpage_section_title .catNo{color:#444444;display:inline-block;padding-left:10px}
.inpage_section_title .pro_datesheets{height:auto;display:inline-block;font-size:30px}
.inpage_section_title .pro_datesheets a{color:#ff0000;text-decoration:none;padding-left:10px;vertical-align:top}
.inpage_section_title .pro_datesheets a:hover{color:#6b8d00}
.inpage_section_title .pro_datesheets a:last-child{color:#345c8b}
.inpage_section_title .pro_datesheets a:last-child:hover{color:#6b8d00}
@media (min-width:1280px){.inpage_section_title h1{padding-right:100px}
.inpage_section_title .inquiry{position:absolute;right:0;top:0}
.inpage_section_title .share,.inpage_section_title .pro_datesheets{position:absolute;right:0;top:10px}
}@media (min-width:769px) and (max-width:1279px){.inpage_section_title h1{padding-right:15px;padding-left:15px}
.inpage_section_title .inquiry,.inpage_section_title .share,.inpage_section_title .pro_datesheets{position:absolute;right:0;top:0}
}@media (max-width:768px){.inpage_section_title h1{padding-right:0}
.inpage_section_title h1{padding-right:15px;padding-left:15px}
.inpage_section_title .inquiry,.inpage_section_title .share{position:relative}
.inpage_section_title .pro_datesheets{position:relative;padding-left:15px}
.inpage_section_title hr{margin-top:20px}
}.ServiceShowPic{text-align:center;color:#666666}
.ServiceShowPic img{margin:auto}
.ServiceShowleftPic{float:left;margin-right:15px;text-align:center;color:#666666;display:inline-block}
.ServiceShowrightPic{float:right;margin-left:15px;text-align:center;color:#666666;display:inline-block}
.ServiceShowPic,.ServiceShowrightPic,.ServiceShowleftPic{font-size:0.8em;text-align:center;line-height:1.8em !important}
.ServiceShowPic img,.ServiceShowrightPic img,.ServiceShowleftPic img{display:block;max-width:100%;height:auto;margin-bottom:8px;margin-left:auto;margin-right:auto}
.ullist{padding:0px 0px 15px 19px;margin:0px}
.ollist{padding:0px 0px 15px 19px;margin:0px}
.ullist li{list-style:disc !important}
.disc li{list-style:disc !important}
.roman li{list-style:lower-roman !important}
.decimal li{list-style:decimal !important}
.greek li{list-style:lower-greek !important}
.latin li{list-style:lower-latin !important}
.upper-latin li{list-style:upper-latin !important}
.Reference{padding-bottom:0px;font-size:14px !important;line-height:20px !important;color:#888888 !important}
.Referencemargin{margin-top:0 !important;margin-bottom:0 !important;padding-bottom:0px !important}
.Referencemargin strong{font-size:14px !important}
.Referencemargin li{padding-bottom:8px !important}
.tablecontentshow{margin:auto auto 15px auto}
.tablecontentshow td{padding:5px}
.tablecontentshow .servicetheadbg{background-color:#1d3d6f;color:#ffffff}
@media (min-width:769px) and (max-width:1279px){@media (min-width:769px) and (max-width:1279px){.ServiceShowleftPic,.ServiceShowrightPic{width:100%;text-align:center;margin-bottom:10px}
.ServiceShowleftPic img,.ServiceShowrightPic img{margin-bottom:15px}
.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}
}@media (max-width:768px){.ServiceShowleftPic,.ServiceShowrightPic{width:100%;text-align:center;margin-bottom:10px}
.ServiceShowleftPic img,.ServiceShowrightPic img{margin-bottom:15px}
.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}
}.Searchresult li{padding-bottom:5px !important}
.Searchnoresult{line-height:30px;line-height:22px;color:#888888;padding-right:20px;padding-bottom:20px}
.Searchnoresult table{border:0 !important}
.Searchnoresult .iconarea{}
.Searchnoresult .iconarea .iconunit{text-align:center;display:block;width:40px;height:40px;border-radius:40px;background-color:#ff0000;color:#ffffff;line-height:40px;font-weight:bolder;font-size:22px;position:relative;z-index:9}
.Searchnoresult .tit{font-size:20px;font-weight:bold;color:#ff0000;display:block}
.Searchnoresult .iconarea .iconunit img{top:10px;left:5px;position:absolute;z-index:10}
.E404{line-height:26px}
.E404 img{display:block;max-width:100%;height:auto}
.E404{width:510px;margin:70px auto auto auto;border:0px solid #ff0000}
.E404 .Etit{font-size:25px;line-height:35px;color:#525151}
.E404 .content{color:#767676}
.E404 a{color:#525151;text-decoration:none}
.E404 .btn{border:1px solid #dddddd;padding:5px 10px 5px 10px;border-radius:5px;margin-right:10px;background-color:#efefef}
.E404 .btn:hover{background-color:#1d3d6f;color:#ffffff}
@media only screen and (max-width:1024px){
    .E404{width:90%;margin:0px auto auto auto;padding-left:20px;padding-right:20px}
}

.ShoppingCarqiansebg td{background-color:#f2f2f2;font-weight:bold;font-family:"open-sans-bold",Arial,Helvetica,sans-serif}
.shoppoingNote{padding:10px 10px 10px 30px;background-color:#fcf6ee;font-size:16px;margin-bottom:15px;border:1px solid #f4dec0;font-family:"conduitWebL",Arial,Helvetica,sans-serif;font-weight:lighter;position:relative}
.dellink{color:#000000;cursor:pointer}
.docare:hover,.dellink:hover{color:#ff0000}
.no_product{padding-left:20px}
.paramb{font-weight:bold}
.Verification-code{position:relative}
.Verification-code .check-fa{position:absolute;top:15px;right:10px;font-size:22px;color:#7b9d3b}
.icon-bg-circle{display:inline-block;width:33px;height:33px;line-height:33px;background-color:#1c447f;color:#fff;text-align:center;margin-right:10px;-webkit-border-radius:33px;-moz-border-radius:33px;-o-border-radius:33px;border-radius:33px}
.icon-bg-circle .fa-envelope,.fa-fax{font-size:18px}
@media screen and (max-width:1080px){.btn-saqui{padding:10px}
.btn-saqui::after{padding:10px}
}@media screen and (min-width:1081px){.btn-saqui{padding:5px 30px}
.btn-saqui::after{padding:5px 30px}
}.btn-saqui{position:relative;display:inline-block;background:rgba(22,33,78,1);color:rgba(255,255,255,1);overflow:hidden;cursor:pointer;font-weight:bold;border:1px solid rgba(22,33,78,1);line-height:28px}
.btn-saqui::after{position:absolute;background:rgba(255,255,255,1);color:rgba(22,33,78,1);content:attr(data-text);font-weight:bold;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;-ms-transition:all ease 0.5s;-o-transition:all ease 0.5s;transition:all ease 0.3s;-webkit-transform:rotatez(45deg);-moz-transform:rotatez(45deg);-ms-transform:rotatez(45deg);-o-transform:rotatez(45deg);transform:rotatez(45deg);top:0;left:0;opacity:0;transform-origin:left center}
.btn-saqui:hover::after{-webkit-transform:rotatez(0deg);-moz-transform:rotatez(0deg);-ms-transform:rotatez(0deg);-o-transform:rotatez(0deg);transform:rotatez(0deg);opacity:1;}
    