/*
* Theme Name: Responsive CSS3 
* Description: Responsive and clean layout
* 
* Author URI:  http://www.314100.com/
* Copyright (c) 2017 Jiashan Panoramic Technology Co.,Ltd.
* Version: 2.0
*/


/* Preloader
--------------------------------------------------- */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999999;
	background: #FFF;
}
#loading-animation {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}
#pageloader {
	background-color:#333;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.bg-grad-animation-1 {
	color: #fff;
      background: #05050b;
  background: -webkit-linear-gradient(#a40f1a 0%, #e30213 100%);
  background: -moz-linear-gradient(#a40f1a 0%, #e30213 100%);
  background: -ms-linear-gradient(#a40f1a 0%, #e30213 100%);
  background: -o-linear-gradient(#a40f1a 0%, #e30213 100%);
  background: linear-gradient(#a40f1a 0%, #e30213 100%);
	background-size: 200% 200%;
	-webkit-animation: animation1 15s ease infinite;
	-moz-animation: animation1 15s ease infinite;
	animation: animation1 15s ease infinite;
}
.loader-item {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 70px;
	width: 70px;
	background: url(../images/img-loader.png) 50% 50% no-repeat;
}


/*  Header
--------------------------------------------------- */

/* Top-bar */

.pt-top-bar { margin:0; padding:0; }
.pt-top-bar li ul{ margin:0; padding:0;}
.pt-top-bar li a {
    float:left;
	padding: 15px 15px;
	color: #666;
	border-left: 0px solid #F0F0F0;
	margin-left: 0;
}
.pt-top-bar li a:hover {	
    color: #FFF;
	background: #c00;
}


@media (max-width: 480px) {
.pt-hidden-xs {
	display: none;
}
}

@media (max-width: 768px) {
.pt-hidden-md {
	display: none;
}
}

/* Navigation
--------------------------------------------------- */
.header {
	width: 100%;
	position: absolute;
	z-index: 999;
	left: 0;
	top: 0;
	background: #FFF;
}


#stickey-nav-bar {
    width:100%;
	position: relative;
	z-index: 900;
	background: #FFF;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0,0);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
          border-bottom:1px #F3F3F3 solid; 
}


   .stickey #stickey-nav-bar  { animation: 400ms linear 0s normal none 1 running fadeInDown; background: #FFF;;  top:0; left: 0; color: #303030 !important;  margin: 0 auto; position: fixed; transition: all 300ms linear 0s; z-index: 10; padding: 0;   border-bottom:1px #F3F3F3 solid; }
    
   .stickey #stickey-nav-bar  .nav-menu > li > a { color: #000;}
   
   
   #pt-top-menu { position:relative; min-height: 60px; line-height:60px; width: 100%;  background:#fff;  -webkit-box-shadow: 2px 4px 20px -4px rgba(0,0,0,.1); box-shadow: 2px 4px 20px -4px rgba(0,0,0,.1); z-index:900;}

 
   
@media (max-width: 480px) {
   #pt-top-menu { margin-top:-18px;}
}

@media (max-width: 768px) {
   #pt-top-menu { margin-top:-18px;}
}
   
/* slider
--------------------------------------------------- */    
.home-slider-1 {
	font-size: 60px;
	letter-spacing: 5px;
	text-transform: uppercase;
	padding: 0;
	z-index: 998;
	font-family: 'Microsoft Yahei', Helvetica, sans-serif;
}
.home-slider-2 {
	letter-spacing: 1px;
	line-height: 60px;
	font-family: 'Microsoft Yahei', Helvetica, sans-serif;
	text-transform: uppercase;
}
.home-slider-3 {
	font-size: 14px;
	font-family: Microsoft Yahei, Verdana, Geneva, sans-serif;
}


/* home-about
--------------------------------------------------- */  
.pt-home-about-bg { background: url(../images/home/home-about-1.jpg) center center no-repeat;}
.pt-home-about { width:70%; margin:0 auto; padding-bottom:80px; padding-top:20px;}

 @media (max-width: 480px){
  .pt-div-bg{ min-height:250px;}
  .pt-home-about { width:100%; }
}

.bg-incline-left { transform:scaleX(-1) }
.bg-incline-top { transform:scaleY(-1) }
.bg-incline-top.bg-incline-left { transform:scale(-1) }

.bg-incline-light { background-image:linear-gradient(90deg, hsla(0, 0%, 100%, .05) 0, hsla(0, 0%, 100%, .05)), linear-gradient(90deg, hsla(0, 0%, 100%, .05) 0, hsla(0, 0%, 100%, .05)), linear-gradient(to top left, hsla(0, 0%, 100%, .05) 50%, transparent 0), linear-gradient(to top left, hsla(0, 0%, 100%, .05) 50%, transparent 0) }

.bg-incline-dark {
    background-image: linear-gradient(90deg,rgba(33,37,41,.015) 0,rgba(33,37,41,.015)),linear-gradient(90deg,rgba(33,37,41,.015) 0,rgba(33,37,41,.015)),linear-gradient(to top left,rgba(33,37,41,.015) 50%,transparent 0),linear-gradient(to top left,rgba(33,37,41,.015) 50%,transparent 0);
}

.bg-incline {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 100% 0,100% 0,calc(80% - 100vmax) top,calc(90% - 50vmax) top;
    background-size: 20% 100%,10% 100%,500vmax 500vmax,500vmax 500vmax;
}

.bg-cover { background-repeat:no-repeat; background-position:50%; background-size:cover }
.bg-cover,.bg-overlay,.bg-overlay:before { position:absolute; top:0; right:0; bottom:0; left:0 }
.bg-overlay:before { content:""; opacity:.55; background-color:#212529 }
.bg-triangle { position:absolute; top:0; right:0; bottom:0; left:0; background-repeat:no-repeat; background-position:0 100%; background-size:100% auto }



.bg-triangle { position:absolute; top:0; right:0; bottom:0; left:0; background-repeat:no-repeat; background-position:0 100%; background-size:100% auto }
.bg-triangle-left { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><path d='M0 100 V 90 L 10 100 Z' fill='%23212529' fill-opacity='0.03'></path><path d='M0 90 V 80 L 10 90 Z' fill='%23212529' fill-opacity='0.045'></path><path d='M10 100 V 90 L 20 100 Z' fill='%23212529' fill-opacity='0.025'></path><path d='M0 90 H 10 V 100 Z' fill='%23212529' fill-opacity='0.06'></path></svg>") }
.bg-triangle-left.bg-triangle-light { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><path d='M0 100 V 90 L 10 100 Z' fill='white' fill-opacity='0.03'></path><path d='M0 90 V 80 L 10 90 Z' fill='white' fill-opacity='0.045'></path><path d='M10 100 V 90 L 20 100 Z' fill='white' fill-opacity='0.025'></path><path d='M0 90 H 10 V 100 Z' fill='white' fill-opacity='0.06'></path></svg>") }
.bg-triangle-right { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><path d='M100 100 V 90 L 90 100 Z' fill='%23212529' fill-opacity='0.045'></path><path d='M100 90 V 80 L 90 90 Z' fill='%23212529' fill-opacity='0.015'></path><path d='M90 100 V 90 L 80 100 Z' fill='%23212529' fill-opacity='0.03'></path><path d='M90 100 V 90 H 100 Z' fill='%23212529' fill-opacity='0.06'></path></svg>") }
.bg-triangle-right.bg-triangle-light { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><path d='M100 100 V 90 L 90 100 Z' fill='white' fill-opacity='0.045'></path><path d='M100 90 V 80 L 90 90 Z' fill='white' fill-opacity='0.015'></path><path d='M90 100 V 90 L 80 100 Z' fill='white' fill-opacity='0.03'></path><path d='M90 100 V 90 H 100 Z' fill='white' fill-opacity='0.06'></path></svg>") }





/*  Miscellaneous
--------------------------------------------------- */   
.pt-section-header {
	position: relative;
	text-align: center;
	letter-spacing: 5px;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin: 1em 0;
}
.pt-section-header:after {
	background-color: #e02520;
	content: "";
	display: block;
	height: 0px;
	position: absolute;
	bottom: 0;
	width: 50px;
	left: 50%;
	margin: 0 0 0 -25px;
}
.pt-section-header span {
	color: #c00;
}
.pt-section-header-w {
	position: relative;
	text-align: center;
	overflow: hidden;
	letter-spacing: 0;
	white-space: nowrap;
	text-transform: uppercase;
	padding-bottom: 25px;
	margin-bottom: 15px;
}
.pt-section-header-w:after {
	background-color: #fff;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	bottom: 0;
	width: 50px;
	left: 50%;
	margin: 0 0 0 -25px;
}
.pt-section-title {
	text-align: center;
	margin-bottom: 0px;
          font-size:32px;
}
.pt-section-title-left {
	text-align: left;
	margin-bottom: 0px;
}
.bordertitle-left { margin-top:30px; margin-bottom:40px; height:2px; background:#898989; width:70px;}

.bordertitle {
	height: 40px;
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}
.bordertitle .borderleft, .bordertitle .borderright {
	position: absolute;
	margin-left: 0;
	bottom: 10px;
	left: 50%;
	display: block;
	height: 2px;
	width: 30px;
	color:#000;
}
.bordertitle .borderright {
	left: auto;
	right: 50%;
	margin-right: 0;
}
.bordertitle .bordericon {
	width: 30px;
	height: 19px;
	line-height: 19px;
	font-size: 19px;
	text-align: center;
	position: absolute;
	margin-left: -15px;
	bottom: 0px;
	left: 50%;
	display: block;
	color: #73b1bb;
}
.bordertitle .border-bg-w {
	background: url(../images/icon/title-logo-w.png) center center no-repeat;
}
.bordertitle .border-bg-b {
	background: url(../images/icon/title-logo-b.png) center center no-repeat;
}
.bordertitle .border-bg-d {
	background: url(../images/icon/title-logo-d.png) center center no-repeat;
          
}


/* Parallax
--------------------------------------------------- */   
.parallax-section {
	position: relative;
	width: 100%;
}
.parallax-content {
	color: #FFFFFF;
	position: relative;
}
.parallax-title {
	position: relative;
	text-align: center;
	margin: 1em 0;
	padding-bottom: 30px;
	font-size: 1.8em;
	letter-spacing: 1px;
	white-space: nowrap;
	text-transform: uppercase;
}
.parallax-title:after {
	background-color: #fff;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	bottom: 0;
	width: 50px;
	left: 50%;
	margin: 0 0 0 -25px;
}
.ie8 .parallax-title {
	opacity: 0;
}
.parallax-background {
	background-position: center center;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
.ie8 .parallax-background {
	background-position: center center;
	background-repeat: repeat;
}
.parallax-bg-1 {
	background: url('../images/parallax/bg-1.jpg') 50% 0 no-repeat fixed;
}
.parallax-bg-2 {
	background: #f6cf6a;
}
.parallax-bg-3 {
	background: url('../images/parallax/bg-2.jpg') 50% 0 no-repeat fixed;
}
.parallax-bg-4 {
	background: url('../images/parallax/bg-3.jpg') 50% 0 no-repeat fixed;
}
.parallax-bg-5 {
	background: url('../images/parallax/bg-6.jpg') 50% 0 no-repeat fixed;
}
.parallax-bg-6 {
	background: url('../images/parallax/bg-4.jpg') 50% 0 no-repeat fixed;
}
.parallax-bar-1 {
	background: url('../images/parallax/bar-bg-1.jpg') 50% 0 no-repeat;
}
.parallax-bar-2 {
	background: url('../images/parallax/bar-bg-2.jpg') 50% 0 no-repeat;
}
.parallax-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,100,180,.9);
	background-repeat: repeat;
	background-attachment: scroll;
}
.parallax-overlay-1 {
	background-image: url('../images/icon/pattern_001.png');
}
.parallax-overlay-2 {
	background-image: url('../images/icon/pattern_002.png');
}
.parallax-overlay-3 {
	background-image: url('../images/icon/pattern_003.png');
}
.parallax-overlay-4 {
	background-image: url('../images/icon/pattern_004.png');
}
.parallax-overlay-5 {
	background-image: url('../images/icon/pattern_005.png');
}
.parallax-overlay-6 {
	background-image: url('../images/icon/pattern_006.png');
}
.parallax-overlay-7 {
	background-image: url('../images/icon/pattern_007.png');
}
.parallax-overlay-8 {
	background-image: url('../images/icon/pattern_008.png');
}
.mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 51, 153, .7);
	background-image: url('../images/icon/mask-pattern.png');
	background-repeat: repeat;
}
.parallax-background-show {
	min-height: 100%;
	height: 1200px;
	background-position: center center;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-repeat: repeat-y;
	overflow: hidden;
}
.pt-banner-image {
	position: absolute;
	top: -150px;
	z-index: 999;
}

@media (max-width: 767px) {
.pt-banner-image {
	position: relative;
	top: 0;
	display: block;
}
}
.pt-home-parallax h2 {
	text-align: center;
	margin-top: 30px;
	font-family: "OpenSans-Bold", Arial, Helvetica, sans-serif;
	line-height: 60px;
}
.pt-home-parallax img {
	width: 300px;
	margin: 10px auto;
	padding-bottom: 20px;
}
.pt-imgs-circle {
	margin: 20px auto;
	max-width: 200px;
	max-height: 200px;
	border: 10px solid rgba(255,255,255,.4);
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.pt-imgs-about-circle {
	margin: 50px auto;
	max-width: 420px;
	max-height: 420px;
	border: 10px solid rgba(0,0,0,.05);
	-ms-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.pt-item-about {
	background: url(../images/home/about-bg.jpg) no-repeat;
	background-position: 50% 50% !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	min-height: 450px;
}
.pt-about-bg {
	background: url(../images/parallax/bg-3.jpg) no-repeat;
	background-position: center center;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}


/*  titlebars
--------------------------------------------------- */  
.pt-titlebars { margin:0; padding:0; }

.pt-titlebars-bg-1 {
	background: url('../images/parallax/bg-1.jpg') top left no-repeat fixed;
}
.pt-titlebars-bg-2 {
	background: url('../images/parallax/bar-bg-2.jpg') top left no-repeat fixed;
}
.pt-titlebars-bg-3 {
	background: url('../images/parallax/bar-bg-3.jpg') top left no-repeat fixed;
}
.pt-titlebars-bg-4 {
	background: url('../images/parallax/bar-bg-4.jpg') top left no-repeat fixed;
}
.pt-titlebars-bg-5 {
	background: url('../images/parallax/bar-bg-5.jpg') top left no-repeat fixed;
}


.pt-titlebars h2 {
	font-size: 52px;
	color: #FFF;
	letter-spacing: 10px;
	text-align: center;
	line-height: 0;
    margin-top:150px;
    

}

.pt-titlebars .pt-breadcrumb {
  padding: 8px 15px;
  list-style: none;
  text-align:center;
}
.pt-titlebars .pt-breadcrumb li {
	display: inline-block;
	color: #fff;
	font-size: 14px;
}
.pt-titlebars .pt-breadcrumb > li + li:before {
	font-family: FontAwesome;
	content: "\f105";
	padding: 0 5px;
}
.pt-titlebars .pt-breadcrumb li:last-child:after {
	display: none;
}
.pt-titlebars .pt-breadcrumb li a {
	color: #ccc;
}
.pt-titlebars .pt-breadcrumb li a:hover {
	color: #fff;
}
.pt-titlebars .pt-breadcrumb li:first-child {
	color: #fff;
    margin-right:0;
}

.pt-titlebars .pt-breadcrumb li > .active {
  color: #777;
}

@media (max-width: 480px) {
.pt-titlebars h2 {
	font-size: 32px;
	line-height: 32px;
    margin-top:80px;
    margin-bottom:15px;
}
.pt-titlebars .pt-breadcrumb { margin-bottom:0;}
}
/* Boxes
--------------------------------------------------- */  
.pt-box {
	color: inherit;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0);
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease-in-out 0s;
    position:relative;
}
.pt-box.pt-border {
	border: 1px solid #dde1e1;
}
.pt-box.pt-round {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.pt-box:hover {
	-webkit-box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.1);
	-o-box-shadow:  0px 9px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0  0px 9px 15px 0px rgba(0, 0, 0, 0.1);
   -webkit-transform: translateY(-6px);
    transform: translateY(-6px);

}

.pt-box .ribbon-wrapper {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 5;
	width: 85px;
	height: 88px;
	overflow: hidden;
}
.pt-box .ribbon-wrapper .ribbon {
	position: relative;
	padding: 7px 0;
	left: -23px;
	top: 12px;
	width: 100px;
	z-index: 5;
	background-color: #C00;
	color: #fff;
	text-align: center;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.card-img-top { cursor:pointer;}


.pt-box-slave {
	background: #f8fafa;
	color: inherit;
}
.pt-box-color {
    background: #ffffff;
	background: rgba(255, 255, 255, .8);
	color: inherit;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.pt-box-color i { 
    font-size:38px;
    color: #666;
    margin-bottom:10px;
}
.pt-box-color:hover i { color: #222;  -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition: .4s; transition: .4s; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;  }
.pt-box-color:hover {
    -webkit-box-shadow: 0 12px 12px -3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 12px 12px -3px rgba(0,0,0,0.15);
	-ms-box-shadow: 0 12px 12px -3px rgba(0,0,0,0.15);
	-o-box-shadow: 0 12px 12px -3px rgba(0,0,0,0.15);
	box-shadow: 0 12px 12px -3px rgba(0,0,0,0.15);
    background:#f8f8f8; ;
    color:#000;
}

.pt-box-best {
	background: #FFF;
	color: inherit;
	border: 0px solid #dde1e1;
	margin: 10px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease-in-out 0s;
}

.pt-box-best i { font-size:42px; color: #666; margin-bottom:10px; }
.pt-box-best:hover i { color: #fff; transform: rotate(360deg); -webkit-transition: all 0.5s ease-out;  transition: all 0.5s ease-out; }
.pt-box-best h3 { color:#333;  margin-top:0; margin-bottom:0; font-family:antoniolight; font-size:28px;  }
.pt-box-best p { color: #666; margin-top:0; }
   
   
.pt-box-best:hover {
	-webkit-box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 9px 15px 0px rgba(0, 0, 0, 0.1);
	-o-box-shadow:  0px 9px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0  0px 9px 15px 0px rgba(0, 0, 0, 0.1);
    background: #353535;
   color:#FFF;
   -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
.pt-box-best:hover h3,.pt-box-best:hover p { color:#FFF;}


.pt-box-noshadow {
	background: #FFF;
	color: inherit;
	border: 0px solid #dde1e1;
	margin: 10px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease-in-out 0s;
}

.pt-box-noshadow i { font-size:42px; color: #666; margin-bottom:10px; }
.pt-box-noshadow:hover i { color: #fff; transform: rotate(360deg); -webkit-transition: all 0.5s ease-out;  transition: all 0.5s ease-out; }
.pt-box-noshadow h3 { color:#333;  margin-top:0; margin-bottom:0; font-size:22px;  }
.pt-box-noshadow p { color: #666; margin-top:0; }
   
   
.pt-box-noshadow:hover {
    background: #353535;
   color:#FFF;
   -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
.pt-box-noshadow:hover h3,.pt-box-noshadow:hover p { color:#FFF;}


.pt-box-news {
	background: #f8f8f8;
	color: inherit;
	border: 1px solid #dde1e1;
	margin: 10px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease-in-out 0s;
}




.pt-catalogue-list{ display:block; text-align:center; color:#333; background:#FFF; padding:10px 0; border:1px #CCC solid; }
.pt-catalogue-list:hover { color: #fff; background:#c00; border:1px #c00 solid; }
.pt-catalogue-list a:hover {color: #fff;}

.pt-catalogue-class{ display:block; text-align:center; color:#fff; background:rgba(255, 255, 255, 0.3); padding:10px 0; border:1px #333 solid;  -webkit-transition: .4s; transition: .4s;  }
.pt-catalogue-class:hover { color: #fff; background:#c00; border:1px #c00 solid; -webkit-transform: translateY(-5px);transform: translateY(-5px); -webkit-transition: .4s; transition: .4s; -webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;  }
.pt-catalogue-class a:hover {color: #fff; }

/* pager_nav  
--------------------------------------------------- */  
.pager_nav {
	width: 100%;
	margin: 80px auto;
	text-align: center;
}
.pager_nav .bx_num {
	font-weight: bold;
	font-size: 100%;
	margin: 20px auto;
}
.pager_nav .bx_num a {
	color: #999;
	margin: 0 5px;
	background: #fff;
	border: 1px #ccc solid;
	padding: 10px 15px;
}
.pager_nav .bx_num a:hover, .pager_nav .bx_num span {
	color: #fff;
	margin: 0 5px;
	background: #005bac;
	padding: 10px 15px;
	border: 1px #005bac solid;
}
.pager_nav .bx-prev {
	cursor: pointer;
}

/* baidumaps
--------------------------------------------------- */  
#baidumaps {
	width: 100%;
	height: 400px;
}
/*  Footer
--------------------------------------------------- */

.pt-copyright {
	margin-top: 20px;
	padding-top: 40px;
	border-top: 1px #393f47 solid;
    text-align:center;
    color: #bfbfbf;
    font-size: 12px;
}

.pt-copyright a {
	color: #bfbfbf;
}
.pt-copyright a:hover {
	color: #FFF;
}


.pt-button {
	width: 35px;
	height:35px;
	line-height: 35px;
	background: #999;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.pt-button:link {
	color: #FFF;
	font-size: 14px;
}
.pt-button:hover {
	background: #333;
	color: #fff;
	text-decoration: none;
}
.pt-button:hover i {
	color: #fff;
}


/*  Back to Top
--------------------------------------------------- */
#pt-online i {
	margin-top: 8px;
	margin-left: 11px;
	font-size: 28px;
}
#pt-online a {
	background: #F8F8F8;
	right: 30px;
	bottom: 88px;
	display: block;
	width: 50px;
	height: 50px;
	position: fixed;
	z-index: 999;
	border-radius: 50%;
	color: #686868;
	border:0 #D7D7D7 solid;
}
#pt-online a:hover {
	background: #e30213;
	color: #FFF;
	border: 0 #e30213 solid;
}
#pt-qrcode i {
	margin-top: 8px;
	margin-left: 11px;
	font-size: 28px;
}
#pt-qrcode a {
	background: #F8F8F8;
	right: 30px;
	bottom: 78px;
	display: block;
	width: 50px;
	height: 50px;
	position: fixed;
	z-index: 999;
	border-radius: 0px;
	color: #686868;
	border: 1px #D7D7D7 solid;
}
#pt-qrcode a:hover {
	background: #e30213;
	color: #FFF;
	border: 1px #e30213 solid;
}
#back_top i {
	margin: 10px;
	margin-left: 12px;
	font-size: 24px;
}
#back_top a {
	background: #F8F8F8;
	right: 30px;
	bottom: 30px;
	display: block;
	width: 50px;
	height: 50px;
	position: fixed;
	z-index: 999;
	border-radius: 50%;
	color: #686868;
	border: 0 #D7D7D7 solid;
}
#back_top a:hover {
	background: #e30213;
	color: #FFF;
	border: 0px #e30213 solid;
}


/*  Form
--------------------------------------------------- */    
.pt-message {
	color: #6fb679;
	margin: 30px auto;
}
.pt-message i {
	text-align: center;
	display: block;
	margin: 0 auto 20px;
	width: 120px;
	height: 120px;
	border: 1px solid #6fb679;
	border-radius: 50%;
	font-size: 60px;
	line-height: 120px;
}
.pt-message p {
	text-align: center;
	font-size: 16px;
}
.pt-message-error {
	color: #c00;
	margin: 30px auto;
}
.pt-message-error i {
	text-align: center;
	display: block;
	margin: 0 auto 20px;
	width: 120px;
	height: 120px;
	border: 1px solid #c00;
	border-radius: 50%;
	font-size: 60px;
	line-height: 120px;
}
.pt-message-error p {
	text-align: center;
	font-size: 16px;
}

/*  Table
--------------------------------------------------- */
table.pt-table {
	width: 97%;
	margin-bottom: 20px;
	border-collapse: separate;
*border-collapse: collapse;
	border-spacing: 0;
	font-size: 12px;
	margin: 20px auto;
}
table.pt-table tr, table.pt-table th, table.pt-table td {
	border-style: solid;
	border-width: 0;
}
table.pt-table thead tr th {
	font-weight: bold;
	border-bottom-width: 2px;
	border-left-color: #CCC;
	border-top-color: #CCC;
}
table.pt-table tbody tr td {
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
table.pt-table tbody tr:last-child {
	border-bottom-width: 0;
}
table.pt-table th, table.pt-table td {
	padding: 12px 20px 12px;
}
table.pt-table i {
	margin-right: 8px;
}
table.pt-table.pt-table-hovered tbody tr {
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}
table.pt-table tfoot {
	font-style: italic;
	line-height: 24px;
	color: #999;
}
table.pt-table tfoot tr td {
	border-left-width: 0px;
}
table.pt-table.pt-table-complex tr {
	border-bottom-width: 1px;
}
table.pt-table.pt-table-complex thead tr th {
	border-bottom-width: 1px;
}
table.pt-table.pt-table-complex thead:first-child tr:first-child th, table.pt-table.pt-table-complex thead:first-child tr:first-child td, table.pt-table.pt-table-complex tbody:first-child tr:first-child td, table.pt-table.pt-table-complex tfoot:first-child tr:first-child td {
	border-top-width: 1px;
}
table.pt-table.pt-table-complex thead:last-child tr:last-child th, table.pt-table.pt-table-complex thead:last-child tr:last-child td, table.pt-table.pt-table-complex tbody:last-child tr:last-child td, table.pt-table.pt-table-complex tfoot:last-child tr:last-child td {
	border-bottom-width: 1px;
}
table.pt-table.pt-table-complex th, table.pt-table.pt-table-complex td {
	padding: 9px 20px 10px;
}
table.pt-table.pt-table-complex th:first-child, table.pt-table.pt-table-complex td:first-child {
	border-left-width: 0px;
}
table.pt-table.pt-table-complex th:last-child, table.pt-table.pt-table-complex td:last-child {
	border-right-width: 0px;
}
table.pt-table.pt-table-all-borders {
	border-right: 1px #CCC solid;
	border-bottom: 1px #CCC solid;
}
table.pt-table.pt-table-all-borders td {
	vertical-align: top;
}
table.pt-table.pt-table-all-borders td,  table.pt-table.pt-table-all-borders th {
	border-left-width: 1px;
	border-right-width: 0px;
}
table.pt-table.pt-table-all-borders td:last-child,  table.pt-table.pt-table-all-borders th:last-child {
	border-right-width: 0px;
}
table.pt-table.pt-table-all-borders thead:first-child tr:first-child th,  table.pt-table.pt-table-all-borders thead:first-child tr:first-child td,  table.pt-table.pt-table-all-borders tbody:first-child tr:first-child td {
	border-left-width: 1px;
	border-top-width: 1px;
}
table.pt-table.pt-table-all-borders tfoot td {
	border-left: 1px #ccc solid;
}
table.pt-table.pt-table-all-borders img {
	width: 54px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
table.pt-table {
	width: 95%;
	margin: 15px auto;
}
}


/*  button
--------------------------------------------------- */
.pt-btn-btn {
	display: inline-block;
	padding: 9px 12px 9px;
	border: 1px solid transparent;
	line-height: 18px;
	font-size: 14px;
	vertical-align: middle;
	text-align: left;
	outline: none;
	cursor: pointer;
	white-space: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: all 0.2s ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.pt-btn-btn img {
	width: 16px;
	margin-top: -2px;
}
.pt-btn-btn:focus {
	ountline: none;
}
.pt-btn-btn:hover, .btn:focus {
	text-decoration: none;
	outline: none;
}
.pt-btn-btn:active, .btn.active {
	outline: 0;
	outline: none;
}
.pt-btn-btn.pt-btn-icon-big {
	line-height: 16px;
	font-size: 18px;
}
.pt-btn-icon-only {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.pt-btn-icon-only i, .pt-btn-icon-only img {
	margin: 0;
	font-size: 18px;
}
.pt-btn-small {
	font-size: 14px;
	line-height: 16px;
	padding: 10px 25px;
	webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.pt-btn-small i, .pt-btn-small img {
	margin: 0;
}
.pt-btn-small img {
	width: 12px;
}
.pt-btn-big {
	font-size: 16px;
	line-height: 20px;
	padding: 12px 34px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.pt-btn-big img {
	width: 20px;
}
.pt-btn-big.pt-btn-icon-big {
	line-height: 18px;
	font-size: 20px;
}
.pt-btn-bigger {
	font-size: 18px;
	line-height: 20px;
	padding: 18px 22px 18px;
}
.pt-btn-bigger i, .pt-btn-bigger img {
	margin-left: 0px;
}
.pt-btn-bigger img {
	width: 20px;
}
.pt-btn-big-paddings {
	padding-right: 40px;
	padding-left: 40px;
}
.pt-btn-promo {
	margin: 4px 0 20px 20px;
}
.pt-mobile-menu-toggler {
	font-size: 20px;
	padding: 8px 9px;
}
.pt-btn-wide {
	width: 100%;
	text-align: center;
}
.pt-btn-tag {
	margin: 0 6px 9px 0;
}
.pt-row-block .pt-btn {
	margin-bottom: 0;
}
.pt-row-sm .pt-btn {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 8px 13px 8px;
}
.pt-row-sm .pt-btn-small {
	margin-top: 8.5px;
	margin-bottom: 8.5px;
}
.pt-row-sm .pt-btn-big {
	margin-top: 0px;
	margin-bottom: 0px;
}
.pt-row-md .pt-btn {
	margin-top: 16px;
	margin-bottom: 16px;
}
.pt-row-md .pt-btn-small {
	margin-top: 20.5px;
	margin-bottom: 20.5px;
}
.pt-row-md .pt-btn-big {
	margin-top: 12px;
	margin-bottom: 12px;
}
.pt-row-lg .pt-btn {
	margin-top: 29px;
	margin-bottom: 29px;
}
.pt-row-lg .pt-btn-small {
	margin-top: 33.5px;
	margin-bottom: 33.5px;
}
.pt-row-lg .pt-btn-big {
	margin-top: 25px;
	margin-bottom: 25px;
}
.pt-btn {
	background: #f4f6f6;
	border: 1px solid #e3e9e9;
	color: #586266 !important;
	-webkit-box-shadow: inset 0 1px 0 #f8fafa;
	-moz-box-shadow: inset 0 1px 0 #f8fafa;
	box-shadow: inset 0 1px 0 #f8fafa;
	text-shadow: 0 1px 0 #fff;
}
.pt-btn:hover {
	background: #e02520;
	border: 1px solid #e02520;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #aebbbc;
	-moz-box-shadow: inset 0 1px 0 #aebbbc;
	box-shadow: inset 0 1px 0 #aebbbc;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn.pt-btn-no-border {
	border-color: #f4f6f6;
	border-top-color: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn.pt-btn-no-border:hover {
	border-color: #a5b3b4;
	border-top-color: #bec9c9;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-grey {
	background: #a5b3b4;
	border: 1px solid #9eadae;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #aab7b8;
	-moz-box-shadow: inset 0 1px 0 #aab7b8;
	box-shadow: inset 0 1px 0 #aab7b8;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-grey:hover {
	background: #889899;
	border: 1px solid #809192;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #8d9d9e;
	-moz-box-shadow: inset 0 1px 0 #8d9d9e;
	box-shadow: inset 0 1px 0 #8d9d9e;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-grey.pt-btn-no-border {
	border-color: #a5b3b4;
	border-top-color: #bec9c9;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-grey.pt-btn-no-border:hover {
	border-color: #889899;
	border-top-color: #a2b1b1;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-dark {
	background: #2d323a;
	border: 1px solid #24282e;
	color: #c9d1d6 !important;
	-webkit-box-shadow: inset 0 1px 0 #363c46;
	-moz-box-shadow: inset 0 1px 0 #363c46;
	box-shadow: inset 0 1px 0 #363c46;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-dark:hover {
	background: #384147;
	border: 1px solid #32383f;
	color: #e8edef !important;
	-webkit-box-shadow: inset 0 1px 0 #424c54;
	-moz-box-shadow: inset 0 1px 0 #424c54;
	box-shadow: inset 0 1px 0 #424c54;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-dark.pt-btn-no-border {
	border-color: #2d323a;
	border-top-color: #393f47;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-dark.pt-btn-no-border:hover {
	border-color: #384147;
	border-top-color: #485158;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-blue {
	background: #124D81;
	border: 1px solid #124D81;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #6e91b1;
	-moz-box-shadow: inset 0 1px 0 #6e91b1;
	box-shadow: inset 0 1px 0 #6e91b1;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-blue:hover {
	background: #03335e;
	border: 1px solid #03335e;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #6e91b1;
	-moz-box-shadow: inset 0 1px 0 #6e91b1;
	box-shadow: inset 0 1px 0 #6e91b1;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-blue.pt-btn-no-border {
	border-color: #609ddb;
	border-top-color: #7eb3e4;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-blue.pt-btn-no-border:hover {
	border-color: #487ab9;
	border-top-color: #6e9acc;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-turquoise {
	background: #0dc0c0;
	border: 1px solid #09b1b9;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #0fc8c8;
	-moz-box-shadow: inset 0 1px 0 #0fc8c8;
	box-shadow: inset 0 1px 0 #0fc8c8;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-turquoise:hover {
	background: #009ca8;
	border: 1px solid #0092a0;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #00a6b1;
	-moz-box-shadow: inset 0 1px 0 #00a6b1;
	box-shadow: inset 0 1px 0 #00a6b1;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-turquoise.pt-btn-no-border {
	border-color: #0dc0c0;
	border-top-color: #6ed9d9;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-turquoise.pt-btn-no-border:hover {
	border-color: #009ca8;
	border-top-color: #00b6bf;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-green {
	background: #01b04f;
	border: 0px solid #10a95b;
	color: #fff !important;
	-webkit-box-shadow: inset 0 0px 0 #1bc26c;
	-moz-box-shadow: inset 0 0px 0 #1bc26c;
	box-shadow: inset 0 0px 0 #1bc26c;
	text-shadow: 0 0px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-green:hover {
	background: #222;
	border: 0px solid #088b4c;
	color: #fff !important;
	-webkit-box-shadow: inset 0 0px 0 #0aa05e;
	-moz-box-shadow: inset 0 0px 0 #0aa05e;
	box-shadow: inset 0 0px 0 #0aa05e;
	text-shadow: 0 0px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-green.pt-btn-no-border {
	border-color: #18ba60;
	border-top-color: #22d686;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-green.pt-btn-no-border:hover {
	border-color: #099555;
	border-top-color: #0cb56f;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-lime {
	background: #86ba41;
	border: 1px solid #79b037;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #92c148;
	-moz-box-shadow: inset 0 1px 0 #92c148;
	box-shadow: inset 0 1px 0 #92c148;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-lime:hover {
	background: #639a33;
	border: 1px solid #59902c;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #6da438;
	-moz-box-shadow: inset 0 1px 0 #6da438;
	box-shadow: inset 0 1px 0 #6da438;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-lime.pt-btn-no-border {
	border-color: #86ba41;
	border-top-color: #a5cd67;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-lime.pt-btn-no-border:hover {
	border-color: #639a33;
	border-top-color: #81b053;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-red {
	background: #e02520;
	border: 1px solid #dd5437;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #eb6f4b;
	-moz-box-shadow: inset 0 1px 0 #eb6f4b;
	box-shadow: inset 0 1px 0 #eb6f4b;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-red:hover {
	background: #C00;
	border: 1px solid #c63d2c;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #d8533b;
	-moz-box-shadow: inset 0 1px 0 #d8533b;
	box-shadow: inset 0 1px 0 #d8533b;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-red.pt-btn-no-border {
	border-color: #e86343;
	border-top-color: #ed7e60;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-red.pt-btn-no-border:hover {
	border-color: #d34a35;
	border-top-color: #db634e;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-orange {
	background: #f58b3c;
	border: 1px solid #e97931;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #f69c45;
	-moz-box-shadow: inset 0 1px 0 #f69c45;
	box-shadow: inset 0 1px 0 #f69c45;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-orange:hover {
	background: #e46526;
	border: 1px solid #d6561f;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #e8742c;
	-moz-box-shadow: inset 0 1px 0 #e8742c;
	box-shadow: inset 0 1px 0 #e8742c;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-orange.pt-btn-no-border {
	border-color: #f58b3c;
	border-top-color: #f8a862;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-orange.pt-btn-no-border:hover {
	border-color: #e46526;
	border-top-color: #eb8344;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-brown {
	background: #8f5340;
	border: 1px solid #824836;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #9a5b47;
	-moz-box-shadow: inset 0 1px 0 #9a5b47;
	box-shadow: inset 0 1px 0 #9a5b47;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-brown:hover {
	background: #773b2d;
	border: 1px solid #6a3226;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #834132;
	-moz-box-shadow: inset 0 1px 0 #834132;
	box-shadow: inset 0 1px 0 #834132;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-brown.pt-btn-no-border {
	border-color: #8f5340;
	border-top-color: #955f4d;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-brown.pt-btn-no-border:hover {
	border-color: #773b2d;
	border-top-color: #854b3d;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-purple {
	background: #8463a9;
	border: 1px solid #77579e;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #8e6fb1;
	-moz-box-shadow: inset 0 1px 0 #8e6fb1;
	box-shadow: inset 0 1px 0 #8e6fb1;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-purple:hover {
	background: #694b8b;
	border: 1px solid #5d407e;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #755895;
	-moz-box-shadow: inset 0 1px 0 #755895;
	box-shadow: inset 0 1px 0 #755895;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-purple.pt-btn-no-border {
	border-color: #8463a9;
	border-top-color: #9375b5;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-purple.pt-btn-no-border:hover {
	border-color: #694b8b;
	border-top-color: #7e5aa2;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-yellow {
	background: #FCD746;
	border: 1px solid #f2c02b;
	color: #68422C !important;
	-webkit-box-shadow: inset 0 1px 0 #fde473;
	-moz-box-shadow: inset 0 1px 0 #fde473;
	box-shadow: inset 0 1px 0 #fde473;
	text-shadow: 0 1px 0 #ffed8c;
}
.pt-btn-yellow:hover {
	background: #fdbe3b;
	border: 1px solid #f4a520;
	color: #68422C !important;
	-webkit-box-shadow: inset 0 1px 0 #fcd069, 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 0 #fcd069, 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 0 #fcd069, 0 1px 3px rgba(0, 0, 0, 0.1);
	text-shadow: 0 1px 0 #fddb83;
}
.pt-btn-yellow.pt-btn-no-border {
	border-color: #FCD746;
	border-top-color: #ffeb82;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-yellow.pt-btn-no-border:hover {
	border-color: #fdbe3b;
	border-top-color: #ffdd71;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-base {
	background: #0dc0c0;
	border: 1px solid #09b1b9;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #0fc8c8;
	-moz-box-shadow: inset 0 1px 0 #0fc8c8;
	box-shadow: inset 0 1px 0 #0fc8c8;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-base:hover {
	background: #009ca8;
	border: 1px solid #0092a0;
	color: #fff !important;
	-webkit-box-shadow: inset 0 1px 0 #00a6b1;
	-moz-box-shadow: inset 0 1px 0 #00a6b1;
	box-shadow: inset 0 1px 0 #00a6b1;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.pt-btn-base.pt-btn-no-border {
	border-color: #0dc0c0;
	border-top-color: #5bd4d4;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-base.pt-btn-no-border:hover {
	border-color: #009ca8;
	border-top-color: #00b1ba;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-btn-contur {
	background: none;
	border: 1px solid #D4DDE2;
	color: #535C61 !important;
	padding: 10px 5px;
}
.pt-btn-contur:hover {
	background: none;
	border: 1px solid #0089e9;
	color: #0089e9 !important;
}
.pt-btn-contur-for-dark {
	background: none;
	border: 2px solid #2e343c;
	color: #2e343c !important;
}
.pt-btn-contur-for-dark:hover {
	background: #2e343c;
	border: 2px solid #2e343c;
	color: #fff !important;
}

.pt-btn-contur-for-red {
	background: none;
	border: 2px solid #868686;
	color: #868686 !important;
}
.pt-btn-contur-for-red:hover {
	background: #C00;
	border: 2px solid #C00;
	color: #fff !important;
}
.pt-btn-contur-for-base {
	background: none;
	border: 1px solid rgba(250, 250, 250, 0.7);
	color: #fff !important;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.pt-btn-contur-for-base:hover {
	background: #fff;
	border: 1px solid #fff;
	color: #2D383D !important;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.pt-btn-contur-3 {
	background: rgba(250, 250, 250, .8);
	border: 0px solid rgba(250, 250, 250, 0.15);
	color: rgba(0, 0, 0, 0.9) !important;
	padding: 10px 30px;
}
.pt-btn-contur-3:hover {
	background: rgba(250, 250, 250, 1);
	border: 0px solid rgba(250, 250, 250, 0.8);
	color: #000 !important;
}


/* Tabs
--------------------------------------------------- */
.pt-tabs-navigation {
	margin-bottom: 0;
	padding-left: 0;
	border-bottom: 0;
	list-style: none;
}
.pt-tabs-navigation:before, .pt-tabs-navigation:after {
	content: " ";
	display: table;
}
.pt-tabs-navigation:after {
	clear: both;
}
.pt-tabs-navigation li {
	position: relative;
	display: block;
	float: left;
	margin: 0 0 -1px;
}
.pt-tabs-navigation li a {
	position: relative;
	display: block;
	margin-right: -1px;
	padding: 9px 20px 11px;
	border: 1px solid transparent;
	border-radius: 3px 3px 0 0;
	z-index: 1;
	font-size: 18px;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}
.pt-tabs-navigation li a i:first-child {
	margin-right: 8px;
}
.pt-tabs-navigation li a i.pt-tab-single-icon {
	margin: 0;
}
.pt-tabs-navigation li a img {
	max-width: none;
}
.pt-tabs-navigation li a, .pt-tabs-navigation li a:hover, .pt-tabs-navigation li a:focus {
	text-decoration: none;
	outline: none;
}
.pt-tabs-navigation li.pt-active a {
	z-index: 3;
}
.pt-tabs-navigation li.pt-active a:after {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	z-index: 1;
	height: 3px;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	-webkit-transition: all 0.1s ease-in-out 0s;
	-moz-transition: all 0.1s ease-in-out 0s;
	-ms-transition: all 0.1s ease-in-out 0s;
	-o-transition: all 0.1s ease-in-out 0s;
	transition: all 0.1s ease-in-out 0s;
}
.pt-tabs-navigation li.pt-active a:focus {
	cursor: default;
}
.pt-tabs-navigation-justified {
	width: 100%;
	margin-bottom: -1px;
}
.pt-tabs-navigation-justified li {
	float: none;
	display: table-cell;
	width: 1%;
	text-align: center;
}
.pt-tabs-navigation-justified li:last-child a {
	margin-right: 0;
}
.pt-tabs-navigation-big li a {
	font-size: 18px;
	padding: 20px 30px;
}
.pt-tabs-content {
	position: relative;
	z-index: 2;
	padding: 30px 30px 10px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	overflow: hidden;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
.pt-tabs-content > .pt-tab-pane {
	display: none;
}
.pt-tabs-content > .pt-active {
	display: block;
}
.pt-tabs-content-transparent {
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	padding: 40px 0 0px;
	margin-bottom: 0;
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
.pt-tabs-navigation li a {
	font-size: 16px;
}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.pt-tabs-navigation li a {
	font-size: 14px;
}
}

@media screen and (max-width: 767px) {
.pt-responsive-sm.pt-tabs-navigation {
	width: auto;
	float: none;
}
.pt-responsive-sm .pt-tabs-content {
	margin-left: 0;
	min-height: 0 !important;
}
.pt-responsive-sm.pt-tabs-navigation li {
	width: auto;
	float: none;
	display: block;
	text-align: left;
}
.pt-responsive-sm.pt-tabs-navigation li a {
	margin-right: 0;
}
.pt-responsive-sm.pt-tabs-navigation li.pt-active a, .pt-responsive-sm.pt-tabs-navigation li.pt-active a:hover {
	border-right-color: #dde1e1;
	border-bottom-color: #dde1e1;
}
}
.pt-tabs-navigation li a {
	color: #70757a;
	background: #f8fafa;
	border-color: #e5eaea;
}
.pt-tabs-navigation li a:hover {
	background: #ffffff;
	color: #2e343c;
}
.pt-tabs-navigation li.pt-active a, .pt-tabs-navigation li.pt-active a:hover, .pt-tabs-navigation li.pt-active a:focus {
	background: #ffffff;
	border-color: #e5eaea;
	border-bottom-color: #ffffff;
	color: #2e343c;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.pt-tabs-navigation li.pt-active a:after {
	background: #73b1bb;
}
.pt-tabs-navigation-transparent li.pt-active a, .pt-tabs-navigation-transparent li.pt-active a:hover, .pt-tabs-navigation-transparent li.pt-active a:focus {
	background: none;
	border-bottom-color: none;
}
.pt-tabs-content {
	background: #ffffff;
	border-color: #e5eaea;
}
.pt-tabs-content-shadow {
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}
.pt-tabs-content-transparent {
	background: none;
}


 
/* Buttons - Colors
-----------------------------------------------------------------*/

.button-red {
	background-color: #C02942;
}
.button-3d.button-red:hover, .button-reveal.button-red:hover {
	background-color: #C02942 !important;
}
.button-teal {
	background-color: #53777A;
}
.button-3d.button-teal:hover, .button-reveal.button-teal:hover {
	background-color: #53777A !important;
}
.button-yellow {
	background-color: #ECD078;
}
.button-3d.button-yellow:hover, .button-reveal.button-yellow:hover {
	background-color: #ECD078 !important;
}
.button-green {
	background-color: #59BA41;
}
.button-3d.button-green:hover, .button-reveal.button-green:hover {
	background-color: #59BA41 !important;
}
.button-brown {
	background-color: #774F38;
}
.button-3d.button-brown:hover, .button-reveal.button-brown:hover {
	background-color: #774F38 !important;
}
.button-aqua {
	background-color: #40C0CB;
}
.button-3d.button-aqua:hover, .button-reveal.button-aqua:hover {
	background-color: #40C0CB !important;
}
.button-lime {
	background-color: #AEE239;
}
.button-3d.button-lime:hover, .button-reveal.button-lime:hover {
	background-color: #AEE239 !important;
}
.button-purple {
	background-color: #5D4157;
}
.button-3d.button-purple:hover, .button-reveal.button-purple:hover {
	background-color: #5D4157 !important;
}
.button-leaf {
	background-color: #A8CABA;
}
.button-3d.button-leaf:hover, .button-reveal.button-leaf:hover {
	background-color: #A8CABA !important;
}
.button-pink {
	background-color: #F89FA1;
}
.button-3d.button-pink:hover, .button-reveal.button-pink:hover {
	background-color: #F89FA1 !important;
}
.button-dirtygreen {
	background-color: #1693A5;
}
.button-3d.button-dirtygreen:hover, .button-reveal.button-dirtygreen:hover {
	background-color: #1693A5 !important;
}
.button-blue {
	background-color: #1265A8;
}
.button-3d.button-blue:hover, .button-reveal.button-blue:hover {
	background-color: #1265A8 !important;
}
.button-amber {
	background-color: #EB9C4D;
}
.button-3d.button-amber:hover, .button-reveal.button-amber:hover {
	background-color: #EB9C4D !important;
}
.button-black {
	background-color: #111;
}
.button-3d.button-black:hover, .button-reveal.button-black:hover {
	background-color: #111 !important;
}
.button-white {
	background-color: #F9F9F9;
}
.button-3d.button-white:hover, .button-reveal.button-white:hover {
	background-color: #F9F9F9 !important;
}


#hidden{ display:none; }

#examplesss{ position: relative; z-index:99; margin:0 auto; max-width:450px;}

.pt-mob-show { display:none;}

  @media (max-width: 480px){
        
     #examplesss{ display:none;}
     
     .pt-mob-show { display: block;}
       
    }