
/*===== custom setting =====*/

.header-dark[class*="-not-top"][class*="-pinned"] .navbar-nav .nav-item .nav-link:hover,
.header-dark[class*="-not-top"][class*="-pinned"] .navbar-nav .nav-item .nav-link:focus{ color: #1d2087;}

.header-dark[class*="-not-top"][class*="-pinned"] .navbar-nav.main-link .nav-item .nav-link:hover,
.header-dark[class*="-not-top"][class*="-pinned"] .navbar-nav.main-link .nav-item .nav-link:focus{ background: none;}

a.nav-cart span.cart-qty{ position: relative; margin-left: 12px; font-weight: bold; font-size: 13px; color: #fff;}
a.nav-cart span.cart-qty:after{ content: ""; background: #1d2087; width: 36px; height: 36px; position: absolute; left: 50%; top: 50%; margin: -18px 0 0 -18px; z-index: -1; border-radius: 20px;}


a.nav-cart .cart-mobile-text,
a.nav-lang .lang-mobile-text{ display: none;}


.navbar-nav.main-link .nav-item{ margin: 0; letter-spacing: 0.1em;}
.navbar-nav.main-link .nav-item a.nav-link{ padding: 10px 14px; display: block; border-radius: 4px; font-size: 15px; font-weight: bold;}

a.nav-search{ display: inline-block;}

a.nav-cart i,
a.nav-search i,
a.nav-lang i{ font-size: 1.6em; vertical-align: middle;}

.nav-lang-btn a.current{ color: #1d2087; font-weight: bold;}

.pages-body .header-light{ background: #fff;}


/*---- footer ----*/

.footer-contact-group{ font-size: 14px;}
.footer-contact-group li{ margin: 4px 0;}

footer .footer-link-group li{ margin: 1px 0;}

.footer-social{ padding: 0; max-width: 360px;}
.footer-social li{ float: left; width: 25%; text-align: center; min-width: 80px; margin-bottom: 20px;}
.footer-social li a{ font-size: 1.8em;}

footer .footer-duns-logo{ width: 100%; max-width: 360px; display: block; clear: both; border-top: 1px solid #444; padding: 2em 0 0 0;}
footer .footer-duns-logo li{ width: 100%; text-align: right; margin-bottom: 20px;}
footer .footer-duns-logo img{ width: 100%; height: auto; display: block; max-width: 100px; margin: 0 0 0 auto;}


/*-- totop --*/

#totop {height:49px; width:49px; opacity:0; position:fixed; right:-50px;  z-index:9999; display:block; top:90%; background:url("../images/totop.png") no-repeat #fff; background-position: center; background-size: 34px 34px; font-size: 9px; font-weight: 900; color: #fff; text-align: center; line-height: 1; padding: 28px 0 12px 0;  border-radius:2px; }
#totop.on { right:10px; opacity:0.7;}
#totop.off{ right:-59px}
#totop:hover { opacity:1;}

/*--  index  --*/

.swiper-slide a.more-btn{ background: rgba(255,255,255,0.5); display: inline-block; padding: 16px 28px; border-radius: 4px; color: #000; letter-spacing: 0.06em;}
.swiper-slide a.more-btn i{ padding-left: 6px;}
.swiper-slide a.more-btn:hover{background: rgba(255,255,255,0.9);}

.index-series-section .tile-footer{ background: rgba(255,255,255,0.8); cursor: pointer; color: #000;}
.index-series-section .tile-footer:hover{ background: rgba(255,255,255,1);}
.index-series-section .owl-nav{ text-align: center;}

.index-series-section .tile a.btn{ color: #000; background: #fff; opacity: 0.6;}
.index-series-section .tile a.btn:hover{ opacity: 1;}

.index-new-products h3{ font-weight: bold; font-size: 24px;}

.index-news-section .tile-image{ opacity: 0.5;}

.owl-carousel-library .owl-nav button.owl-prev,
.owl-carousel-library .owl-nav button.owl-next{ outline: none;}

.owl-carousel-library .owl-nav button.owl-prev:hover,
.owl-carousel-library .owl-nav button.owl-next:hover{ border-color: #1d2087; }

.owl-carousel-library .owl-nav button.owl-prev:hover:before,
.owl-carousel-library .owl-nav button.owl-next:hover:before{ color: #1d2087;}

.index-series-section p{ font-size: 18px; color: #666;}

.index-marquee{ color: #333; font-size: 1.2em; line-height: 2em; font-weight: normal; letter-spacing: 0.05em;}
.index-marquee a{ color: #1d2087; text-decoration: underline;}
.index-marquee.hide{ display: none;}

/*-- index about section --*/
.index-about-section{ position: relative;}
.index-about-section .index-about-info{ position: relative; z-index: 9;}
h2.index-about{ font-size: 18px; line-height: 2em;}
.about-main-bg{ width: 100%; height: 100%; position: absolute; z-index: 1; background: url(../images/index-main.png) no-repeat top center; background-size: cover; top: 0; right: 0; max-width: 1800px;}

/*--index certi section--*/
.index-certi-section .anchor{ border: 2px solid; margin-left: 10px; background: #fff;}
.index-certi-section .anchor i{ color: #1d2087;}
.index-certi-section .anchor:hover{background: #1d2087;}
.index-certi-section .anchor:hover i{ color: #fff;}

/*--news section--*/
.index-news-section{ max-width: 1600px; margin: 0 auto;}

.index-news-section .tile-header span{ font-size: 15px;}
.index-news-section .tile-header h3{ font-size: 24px; line-height: 1.6em;}

.index-news-section .news-box-btn {display: inline-block;}
.index-news-section .news-box-btn .btn{ margin-left: 10px;}
.index-news-section .btn.news-more i{ padding-left: 10px;}
.index-news-section .news-box-btn:hover .btn{ background: #fff; color: #000; margin-left: 16px;}

/*--- search ---*/
.widget-handle .function {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  cursor: default;
  width: 230px;
  background: #292929;
  position: absolute;
  z-index: 99;
  opacity: 0;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transform: translate3d(0, 10px, 0);
  -webkit-transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0);
  visibility: hidden;
  margin-top: 6px;
  right: 0;
}

.module.widget-handle:hover .function {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  visibility: visible;
}

.module.widget-handle .title {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  display: none;
  cursor: pointer;
}

.widget-handle .search-form {
  padding: 8px;
  display: inline-block;
  width: 100%;
  line-height: 50px;
}
.widget-handle .search-form input {
  margin: 0;
  padding: 0 10px;
  font-size: 16px;
  width: 100%;
}


/*-- plist page --*/

.plist-top-banner{ background: url(../images/banner/plist.jpg) no-repeat center; background-size: cover;}
.plist-top-banner h1 b{ color: #333;}
.plist-top-banner h4{ color: #666;}

.filtr-container{ list-style: none;}
.p-list-wrapper{ background: #fff;}
.p-list-wrapper ul{ list-style: none;}
.p-list-wrapper > .container{ max-width: 1400px; margin: inherit auto;}
.p-list-wrapper .gallery.filtr-container a{ background-size: cover;}


.p-list-wrapper .tile-image{ display: block; width: 100%; background-color: #f6f6f6;}
.p-list-wrapper .tile-footer{ color: #333; padding: 1.2em;}
.p-list-wrapper .tile .tile-footer h3{ font-size: 1.2em; font-weight: bold;}
.p-list-wrapper .tile:hover .tile-footer{ padding-bottom: 30px;}

a.load-more { border-top:1px solid #1d2087; padding: 1em 6em; color: #1d2087;}
a.load-more i{ display: block;}
a.load-more:hover i{ padding-top: 10px;}

/*-- search-title --*/

.search-title h4{ font-size: 22px; text-shadow: 0 0 4px #fff;}


/*-- products detail --*/
.products-top-info .p-title{ font-weight: bold; color:#000;}
.products-top-info .p-subtitle{ margin-bottom: 6px; color: #666;}
.products-top-info .p-short-info{ font-size: 15px; line-height: 2em; color: #666; margin: 40px auto;}

.quantity {
  position: relative;
  float: left;}

.quantity .input-text {
  float: left;
  position: relative;
  height: 50px;
  line-height: 50px;
  border: solid 1px #aaa;
  border-radius: 3px;
  padding: 0 25px;
  outline: 0;
  box-shadow: none;
  min-width: 80px;
  margin-right: 10px;}

.quantity .group-quantity-button {
  position: absolute;
  z-index: 1;
  right: 20px;
  height: 100%;
  width: 10px;
  top: 10px;}

.quantity .group-quantity-button a {
  font-size: 14px;
  color: #aaa;
  display: list-item;
  list-style: none;
  line-height: 10px;}

.quantity .group-quantity-button a:hover { color: #333;}

button.add-inquiry {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  padding: 0 20px;
  line-height: 50px;
  border-radius: 4px;
  text-transform: uppercase;
    cursor: pointer;  
  background: #1d2087;
  display: inline-block;}
button.add-inquiry i{ font-size: 1.4em; padding-left: 6px; vertical-align: middle;}
button.add-inquiry:hover { background-color: #333;}

.p-catalog-btn{ display: inline-block; padding: 0.6em 1.4em; border-radius: 2em; border: 1px solid #333; margin-top: 2em; color: #333;}
.p-catalog-btn i{ font-size: 1.4em; vertical-align: middle; padding-left: 10px; width: 0; overflow: hidden; opacity: 0; color: #1d2087;}
.p-catalog-btn:hover{ border: 1px solid #1d2087; color: #333; }
.p-catalog-btn:hover i{ opacity: 1; width: 1.6em;}
.p-catalog-btn img.svg{ width: 40px; height: auto; padding-right: 10px;}

.svg path { fill: #f00;}

.products-detail .tab-content p{ font-size: 15px; line-height: 2em; color:#666;}
.products-detail .tab-content img{ width: 100%; max-width: 800px; margin: 0 auto; display: block;}


.products-page-wrapper .owl-stage-outer{ box-shadow: none;}


/*-- end products--*/


/*-- about-page --*/

.about-company-wrapper .company-text p{ color: #333; max-width: 990px; font-size: 1em; line-height: 2em;}

.about-company-wrapper .nav-switch a.nav-link{ font-size: 1.4em; color: #fff; padding: 1em 2em;}
.about-company-wrapper .nav-switch .lavalamp-object{ background: #1d2087;}
.about-company-wrapper .nav-switch{ background: #a3a3a3; border-radius: 2em;}
.about-feature-box li h5{ font-weight: normal;}

.about-qc-wrapper .text-wrapper{ width: 100%; max-width: 990px; margin: 0 0 40px;}
.about-qc-wrapper .text-wrapper p{ color: #333; font-size: 1em; line-height: 2em;}
.about-qc-wrapper .certi-wrapper{ max-width: 800px; margin: 0 auto;}

.about-qc-wrapper .tab-content .card h5{ font-weight: normal;}
.about-qc-wrapper .tab-content .card p,
.about-qc-wrapper .tab-content .card ul{ margin-top: 20px;  color: #333; line-height: 2em; font-size: 1em;}

.step .year {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 3.75rem;
    height: 3.75rem;
    line-height: calc(3.75rem - .25rem);
    text-align: center;
    border: 2px solid #e5e5e5;
    z-index: 20;
    border-radius: 50%;
    font-size: 1.2rem; }
.year:hover, .year.highlight {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    transform: scale(1.25);
    background: #1d2087;
    border-color: transparent;
    color: #fff; }

.about-video-btn{ cursor: pointer;}
.about-video-btn img{ width: 100%; height: auto; padding: 20px;}
.about-video-btn .about-play-icon{ position: absolute; left: 50%; top: 50%;  border: 4px solid #fff; padding: 30px; vertical-align: middle; border-radius: 100%; margin: -30px 0 0 -40px; color: #fff; font-size: 2em;}
.about-video-btn:hover .about-play-icon{ background: #fff; color: #333;}

.about-map-tabs{ width: 100%; margin: 40px auto; max-width: 990px;}
.about-map-tabs .nav-pills .nav-link.active{ color: #1d2087; font-weight: bold;}
.about-map-tabs .nav-pills .nav-link{ color: #1d2087;}
.about-map-tabs .tab-content p{ color: #666; font-size: 1em; line-height: 2em;}



/*-- end about-page --*/


/*-- news-page--*/
.news-section.news-page{ background: #fff;}

/*-- end news-page--*/

/*-- news-detail-page--*/

.news-detail-wrapper{ padding-top: 10em;}

.container .news-title-wrapper{ max-width: 1200px; margin: auto;}

.news-detail-wrapper{ max-width: 1400px; margin: auto;}

.news-detail-wrapper span{ color: #999; font-size: 1em;}
.news-detail-wrapper h2{ color: #333; letter-spacing: 0.05em; font-size: 2em; margin-bottom: 1em;}
.news-detail-wrapper .news-inner-wrapper p{ font-size: 16px; line-height: 2em; margin: 20px auto; color: #666;}

.news-inner-wrapper h4.title{ margin-top: 40px; border-bottom: 1px solid #ccc;}

/*-- end-news-detail-page--*/

/*!---------- PAGINATION ----------*/
.pagination.news-list { display: block; margin: 0 auto; text-align: center;}

.pagination li { display: inline;}
.pagination li a {
  width: 32px;
  height: 32px;
  padding: 0;
  text-align: center;
  padding-top: 6px;
  margin: 10px 4px;
  color: #292929;
  font-weight: 400;
  font-size: 15px;
  display: inline-block;
  border: none;
  background: none;
  border-radius: 4px;}

.pagination li a:hover,
.pagination li.active a,
.pagination li.active:hover a { color: #fff; background: #1d2087;}

.pagination li.disable a,
.pagination li.disable:hover a{ color: #999; background: none; cursor: default;}


/*-- end pagination --*/

/*-- contact-page --*/
.contact-top-info a{ font-size: 15px; margin-bottom: 20px; display: block}
.contact-top-info a span{ font-weight: bold; display: block; font-size: 16px;}

.contact-form-wrapper{ max-width: 1100px;}

.contact-validate-img i{ font-size: 1.6em; vertical-align: middle; text-align: center; color: #333; display: inline-block; width: 20%;}
.contact-validate-img img { width: calc(100% - 20%); height: 100%; max-height: 56px; display: inline-block; vertical-align: middle;}

/*-- faq page --*/

.accordion-content-wrapper p{ color: #333; font-size: 1em; line-height: 2em;}

.faq-wrapper .pagination{ margin-top: 4em;}

/*-- catalog page --*/
.catalog-wrapper .nav-text .nav-link{ margin-right: 10px; padding: 0.5em 1em; border-radius: 2em; background: #999; font-size: 1.4em; border: 2px solid #999; color: #666;}
.catalog-wrapper .nav-text .nav-link i{ display: inline-block; width: 34px; height: 34px; margin-right: 6px; opacity: 0.3;}
.catalog-wrapper .nav-text .nav-link:hover{ border: 2px solid #666;}
.catalog-wrapper .nav-text .nav-link.active i{ opacity: 1;}
.catalog-wrapper .nav-text .nav-link.active{ color: #000; background: #ddd; border: 2px solid #bbb;}


.catalog-wrapper .sub-nav ul{ padding: 0;}
.catalog-wrapper .sub-nav ul li{ display: inline-block; padding:8px 14px;}
.catalog-wrapper .sub-nav ul li.current{ border: 2px solid #1d2087; border-radius: 6px;}
.catalog-wrapper .sub-nav ul li.current a{ color: #1d2087;}
.catalog-wrapper .sub-nav ul li a{ color: #777;}

.catalog-btn{ color: #666; font-size: 13px;}
.catalog-btn i{ padding-right: 10px; font-size: 2em; vertical-align: middle; color: #999;}
.catalog-btn:hover i{ color: #1d2087;}

.catalog-tab-wrapper .user-list > li{ border-radius: 0; vertical-align: middle;}
.catalog-tab-wrapper .user-list > li img{ max-width: 60%; margin: auto; display: block;}
.catalog-tab-wrapper .user-list > li:hover{ box-shadow: none;}

/*-- catalog add-img--*/
.catalog-item-wrapper .card{ flex-direction:row;}
.catalog-item-wrapper .card-body{ text-align: left; height: 280px; overflow: hidden;}
.catalog-item-wrapper .card-body.catalog-card-img{ padding: 1.875rem 0 1.875rem 1.875rem;}
.catalog-item-wrapper .card-body.catalog-card-img img { width: 100%; height: auto; max-width: 220px;}
.card.card-price-3.row{ margin: auto;}
.catalog-item-wrapper .card-price-3 .card-title{ margin-bottom: 1em; line-height: 1.6em;}
.catalog-item-wrapper .catalog-btn{ padding: 1.4em 2em; border-radius: 1em; display: block; width: 100%; color: #333; font-size: 0.8em; background: none; border: 2px solid #999;}
.catalog-item-wrapper .catalog-btn:hover{  border: 2px solid #1d2087; color: #1d2087;}
.catalog-item-wrapper .catalog-btn i{ color: #999;}
.catalog-item-wrapper .catalog-btn:hover i{ color: #1d2087;}

/*-- lesson page --*/
.lesson-boxes .card-price-3 .card-title{ color: #1d2087; font-size: 1.4em; margin-bottom: 2rem;}
.lesson-boxes .card-price-3 .card-body{ height: 13.4em; overflow: hidden; margin-bottom: 20px;}
.lesson-boxes .card-price-3 .card-body p{ font-size: 0.94em; line-height: 2em;}


/*-- inquiry-cart --*/

.cart-wrapper .cart-qty{ display: block;}
.cart-wrapper .cart-qty.quantity{ position: absolute; right: 0; top: 0;}

.cart-wrapper .boxed h5{ width: calc(100% - 100px);}
.cart-wrapper .boxed span{ color: #666; font-size: 14px; display: block;}

.cart-wrapper .dropdown-item{ color: #f00;}
.cart-wrapper .dropdown-item:hover{ background: #e3e3e3;}
.cart-wrapper .dropdown-item i { padding-right: 6px; font-size: 1.2em; vertical-align: text-top;}

/*-- RWD setting --*/
/*-- RWD setting --*/

@media (max-width: 1200px) {
 .certi-wrapper{ max-width: 800px; margin: 0 auto;}
}/*--end 1200--*/


@media all and (max-width: 1199.98px) {
    header{ background: #fff; border-bottom: 1px solid #e3e3e3; margin: 0; width: 100%;}
    
/*--catalog row reset--*/
    .container > .row > *:not(:last-child), .container-fluid > .row > *:not(:last-child), .container-full > .row > *:not(:last-child){ margin-bottom: 1.875rem; }
    
    
}/*--end 1199.98--*/

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

 .navbar-nav{ padding: 0 0 0 10px;}
 .navbar-nav.main-link .nav-item a.nav-link{ padding: 6px 0;}
    
  .nav-cart .fa-shopping-cart{ padding-right: 6px;}
  .nav-lang .fa-globe{ padding-right: 4px;}    
  a.nav-cart .cart-mobile-text,
  a.nav-lang .lang-mobile-text{ display: inline-block; margin-left: 6px; vertical-align: middle; font-weight: bold;}
    
 .module.widget-handle .title {
    display: inline-block;
    position: relative;
    margin-left: 8px;
  }
  .widget-handle .function {
    width: 100%;
    position: relative;
    opacity: 1;
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    visibility: visible;
    margin-top: 0;
    display: none;
    box-shadow: none !important;
  }
  .toggle-widget-handle .function {
    display: block !important;
    margin-top: 10px;
  }
    
    
    
footer .footer-duns-logo img{  margin: 0 auto;}
    
}/*--end 1199--*/

@media (min-width: 768px){
 .container{ max-width: 90%;}
}/*--end 768--*/

@media (max-width: 767px) {
    

/*--plist--*/
.plist-top-banner{ padding: 4rem 16px 7em;}

/*--p-detail--*/
.page-tab-wrapper{ padding-top: 100px;}
.products-top-info .p-short-info,
.products-detail .tab-content p{ font-size: 14px;}
    
.nav-pills .nav-link{ font-size: 14px; padding: 0.6em 1.2em;}
    
/*-- news-list --*/
    
.news-section.news-page{ padding-top: 8em;}
    
/*-- catalog--*/
.catalog-item-wrapper .card-body{ height: auto;}
    
/*-- cart --*/

section.cart-wrapper{ padding-top: 8em;}
    
.cart-wrapper .cart-qty.quantity{ position: relative; margin-top: 10px; }    
.cart-wrapper .boxed h5{ width: 100%;}
.cart-wrapper .btn-ico.btn-sm, 
.cart-wrapper .btn-group-sm > .btn-ico.btn{ width: 2.2em; height: 2.2em; border: none;}
    
/*-- footer --*/    
footer.bg-dark{ padding: 20px; }
footer .container{ padding-top: 4em;}
footer .footer-link-group{ margin: 10px 0 20px;}
.footer-link-group li{ margin: 4px 0;}
.footer-social li{ text-align: left; width: 20%;}
footer .footer-duns-logo img{  margin: 0 auto 0 0;}
    
}/*--end 767--*/

@media (max-width: 580px) {
    
    /*--nav--*/
    .overlay-active .headroom{ max-height: none;}
    .nav-products-btn .col{ flex-basis:50%;}
    
    /*----*/
    .products-top-info{ padding: 50px 0 60px;}
    
/*--page-tab--*/
    
    .page-tab-wrapper{ padding: 60px 20px 30px; background: #f3f3f3;}
    
    .breadcrumb-custom .breadcrumb-item a{ padding-right: 0; background: none;}
    .breadcrumb-custom .breadcrumb-item a:hover{ background: none; color: #666; }
    .breadcrumb-custom .breadcrumb-item a:after{ content: '>'; padding-left: 10px; color: #c3c3c3;}
    .breadcrumb-custom .breadcrumb-item + .breadcrumb-item{ margin-left: 0;}
    .breadcrumb-custom .breadcrumb-item.active,
    .breadcrumb-custom .breadcrumb-item a{ padding: 10px 0; border-radius: 0; border: none; background: none;}
    .breadcrumb-custom .breadcrumb-item.active{ color: #1d2087; padding-left: 10px;}
    
    
}/*--end 580--*/



@media (max-width: 575px) {
    
    
/*-- about-page --*/
.about-company-wrapper .nav-switch a.nav-link{ font-size: 1.2em; padding: 0.9em 1em;}
    
/*-- contact-page --*/
 
.contact-form-wrapper .form-left{ margin-bottom: 10px;}

.contact-validate-input,
.contact-validate-btn{ width: 50% !important;}

.contact-validate-img i{ font-size: 1em; width: 18%;}
.contact-validate-img img { width: calc(100% - 18%);}
    
.contact-send-btn{ width: 100%; margin-top: 20px;}
    
/*-- catalog --*/
.catalog-wrapper .nav-text .nav-link{ margin-right: 6px; padding: 0.5em 1em; font-size: 1em; }
    
}/*-- end 575 --*/


@media (max-width: 480px) { 
}/*-- end 480 --*/

/*-- animation --*/

.swiper-slide a.more-btn,
.index-certi-section .anchor,
.index-series-section .tile-footer,
.index-news-section .news-box-btn .btn,
.index-series-section .tile a,
a.load-more i,
.add-inquiry,
.catalog-btn,
.catalog-btn i,
.about-video-btn .about-play-icon,
#totop,
.p-catalog-btn,
.p-catalog-btn i,
.pagination li a{
  -webkit-transition: all 0.4s ease; 
  -moz-transition: all 0.4s ease; 
  -ms-transition: all 0.4s ease; 
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;}
.form-go{position:absolute; top:0; left:0; opacity:0;display:none;}  
