html{
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body{
	font: 10.5pt/1.5,"Microsoft Yahei",\5b8b\4f53,arial,sans-serif;
	font-family: "Microsoft Yahei",\5b8b\4f53,arial,sans-serif;
}
img{border:none;outline: none;}
.list-upper-alpha{
	list-style: upper-alpha;
	padding-left: 20px;
}
#sf-contianer .table{
	margin-bottom: 0;
	position: relative;
	width: 100%;
	height: 100%;
/*	min-height: 580px;*/
	overflow: hidden;
	 -webkit-transform-origin:preserve-3d;
	  -moz-transform-origin:preserve-3d;
       -moz-perspective:1200px;
        -ms-transform-origin:preserve-3d;
       -ms-perspective:1200px;
       -webkit-perspective:1200px;
        -o-transform-origin:preserve-3d;
       -o-perspective:1200px;
        transform-origin:preserve-3d;
       perspective:1200px;
}
.collapsing,.collapsing.in{
	-webkit-transition: none;
	   -moz-transition: none;
	    -ms-transition: none;
	     -o-transition: none;
	        transition: none;
}
.pr{
	position: relative;
}
.block-show{display: block;}
.pa{position: absolute;}
.transition{
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}
/*menu*/
#sf-menu{
	padding-top: 35px;
	position: relative;
	z-index: 999;
}
.navbar{
	height: 54px;
	border: none;
}
.navbar-header{
	margin-bottom: 20px;
}
.navbar-brand{
	padding-top: 0;
	padding-bottom: 0;
}
.navbar-brand img{
	width: 146px;
}
.navbar-collapse.in{
	border-top: none;
	background-color: #211e1e;
	box-shadow: none;
}
.navbar-default{
	background-color: transparent;
	border-bottom: none;
}
.navbar-toggle{
	background-color: #211e1e;
	border:none;
	height: 32px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color: #211e1e;
}
.navbar-toggle.collapsed .icon-bar:nth-of-type(3) {
	display: block;
}
.navbar-toggle .icon-bar:nth-of-type(3) {
	display: none;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: #fff;
}
.navbar-default .navbar-nav>li{
		padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;

}
.navbar-default .navbar-nav>li>a{
	padding-bottom: 10px;
	color: #fff;
	border-bottom: 2px solid transparent;
	padding-left: 0;
	padding-right: 0;
	font-size: 10.5pt;
	font-weight: bold;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	border-color: #fff;
	color: #fff;
}
/*login*/
.navbar-default .sf-index-login .login.btn-group{
	margin-top: 5px;
	font-weight: normal;
} .sf-index-login
.login.btn-group .btn{
	background-color: transparent;
	color: #fff;
	border-width: 2px;
	border-color: #fff;
	margin-left: -2px;
	padding-left: 15px;
	padding-right: 15px;
} .sf-index-login
.login.btn-group .btn:hover .sf-index-login,.login.btn-group .btn:active .sf-index-login,.login.btn-group .btn:focus{
	background-color: #fff;
	color: #78a9ba;
}
/*navbar-toggle animation*/
.navbar-toggle[data-target="#navbar"] {
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-o-transform: translateY(5px);
	transform: translateY(5px);
}
.navbar-toggle.collapsed[data-target="#navbar"] {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.navbar-toggle .icon-bar {
	-webkit-transform-origin: 68% center;
	-webkit-transition: 0.25s;
	-moz-transform-origin: 68% center;
	-moz-transition: 0.25s;
	-ms-transform-origin: 68% center;
	-ms-transition: 0.25s;
	-o-transform-origin: 68% center;
	-o-transition: 0.25s;
	transform-origin: 68% center;
	transition: 0.25s;
}
.navbar-toggle .icon-bar:nth-of-type(4) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.navbar-toggle .icon-bar:nth-of-type(2) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.navbar-toggle.collapsed .icon-bar {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}

/*fullPage-nav*/
#fullPage-nav{
	position: fixed;
	top: 50%;
	right: 40px;
	margin-top: -43px;
}
#fullPage-nav ul{
	list-style: none;
}
#fullPage-nav li{
	padding-top: 10px;
}
#fullPage-nav li:first-child{
	padding-top: 0;
}
#fullPage-nav a{
	display: block;
	cursor: pointer;
	width: 12px;
	height: 14px;
	background: url(../img/pagination.png) no-repeat center center;
}
#fullPage-nav a:hover,#fullPage-nav a.active{
	background-image: url(../img/pagination_hover.png);
}
/*------*/
.interpose-center{
	top: 50%;
	left: 50%;
}
.interpose-left{
	left: 50%;
}
.interpose-top{
	top: 50%;
}
.interpose-right{
	right: 50%;
}
/*first page slide ---  particulars  */
.particulars{
	background: url(../img/bg.jpg);
}

.particulars .package-bg{
	margin-left: -531px;
	margin-top: -300px;
	z-index: 66;
}
.particulars .package-front{
	z-index: 77;
	margin-left: -532px;
	margin-top: -290px;
}
.particulars .text-group{
	width: 960px;
	height: 450px;
	margin-top: -230px;
	margin-left: -480px;
	/*margin-left\0: -410px;*/
	z-index: 99;
}
.particulars .particulars-title{
	margin: 72px 0 0 89px;
}
.particulars .particulars-num{
	margin: 156px 0 0 89px;

}
.particulars .particulars-date{
	margin: 281px 0 0 356px;
	z-index: 9;

}
.particulars .particulars-btn{
	margin: 422px 0 0 652px;
}
.particulars .contact-number{
	color: #ffe083;
	text-decoration: none;
	font-size: 12.5pt;
	margin: 430px 0 0 342px;
}
.particulars .contact-number a{
	color: #ffe083;
}

/*second page slide greatest*/
.greatest{
	background-color: #e4ead7;
}
.greatest .bag_orange{
	margin-top: -65px;
	left: 50%;
	margin-left: 125px;
}
.greatest .bag_yellow{
	top: 125px;
	left: 50%;
	margin-left: -537px;
}
.greatest .text-group{
	font-size: 13.5pt;
	color: #702a00;
	/*font-weight: bold;*/
	margin-top: 127px;
	margin-left: -162px;
	z-index: 99;
}
.greatest .text-group h2{
	font-size: 35pt;
	margin-bottom: 40px;
}
.greatest .text-group p{
	margin-bottom: 40px;
}
.btn-more{
	color: #702a00;
	border-radius: 50px;
	border:2px solid #702a00;
	padding:10px 40px;
}
.btn-more:hover{
	background-color: #702a00;
	color: #fff;
}
/*three page slide  weltanschauung*/
.weltanschauung{
	background-color: #d2dcbd;
}
.weltanschauung .bag_t_left,.weltanschauung .bag_t_right{
	bottom: 0;
}
.weltanschauung .bag_t_left{
	margin-right: 120px;
}
.weltanschauung .bag_t_right{
	margin-left: 170px;
}
.weltanschauung .text-group{
	bottom: 0;
	z-index: 99;
	margin-left: -380px;
}
.weltanschauung .big_logo{
	bottom: 400px;
	margin-left: -280px;
	z-index: 77;
}
.weltanschauung .bag_t_middle_folder{
	bottom: -2px;
	z-index: 99;
	margin-left: -345px;
}
.weltanschauung .weltanschauung-text{
	bottom: 200px;
	z-index: 999;
	color: #fff;
	font-size: 13.5pt;
	line-height: 2;
	width: 410px;
	margin-left: -210px;
	font-weight: normal;
}
.weltanschauung .weltanschauung-text h2{
	font-size: 38pt;
	margin-bottom: 20px;
}
/*last page slide discount*/
.discount{
	background-color: #e4ead7;
}
.discount .discount-group{
	width: 565px;
	margin-left: -283px;
	margin-top: -380px;
	color: #333;
}
.discount .discount-group h2{
	font-size: 39pt;
	margin-top: 70px;
	line-height: 1.5;
}
.discount .discount-group strong{
	color: #d8a822;
}
.sf-copyright{
	color: #666;
	font-size: 10.5pt;
	width: 100%;
	background-color: #fff;
	line-height: 10;
	bottom: 0;
}
.sf-copyright a{
	color: #76a7b8;
}
/*--- animation  ----*/
@-webkit-keyframes rotateCarouselTopIn {
	from { opacity: .3; -webkit-transform: translateY(200%) scale(.4) rotateX(-65deg); }
}
@-moz-keyframes rotateCarouselTopIn {
	from { opacity: .3; -moz-transform: translateY(200%) scale(.4) rotateX(-65deg); }
}
@-ms-keyframes rotateCarouselTopIn {
	from { opacity: .3; -ms-transform: translateY(200%) scale(.4) rotateX(-65deg); }
}
@-o-keyframes rotateCarouselTopIn {
	from { opacity: .3; -o-transform: translateY(200%) scale(.4) rotateX(-65deg); }
}
@keyframes rotateCarouselTopIn {
	from { opacity: .3; transform: translateY(200%) scale(.4) rotateX(-65deg); }
}
@-webkit-keyframes rotateCarouselBottomIn {
	from { opacity: .3; -webkit-transform: translateY(-200%) scale(.4) rotateX(65deg); }
}
@-moz-keyframes rotateCarouselBottomIn {
	from { opacity: .3; -moz-transform: translateY(-200%) scale(.4) rotateX(65deg); }
}
@-ms-keyframes rotateCarouselBottomIn {
	from { opacity: .3; -ms-transform: translateY(-200%) scale(.4) rotateX(65deg); }
}
@-o-keyframes rotateCarouselBottomIn {
	from { opacity: .3; -o-transform: translateY(-200%) scale(.4) rotateX(65deg); }
}
@keyframes rotateCarouselBottomIn {
	from { opacity: .3; transform: translateY(-200%) scale(.4) rotateX(65deg); }
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}100% {opacity: 1;}
}

@-ms-keyframes fadeIn {
	0% {opacity: 0;}100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}100% {opacity: 1;}
}
/* active animation */

.particulars .package-front,.particulars .package-bg{
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;

}
.particulars .package-bg{
	opacity: .3; 
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform: translateY(200%) scale(.4) rotateX(-65deg);
	-moz-transform: translateY(200%) scale(.4) rotateX(-65deg);
	-ms-transform: translateY(200%) scale(.4) rotateX(-65deg);
	-o-transform: translateY(200%) scale(.4) rotateX(-65deg);
	transform: translateY(200%) scale(.4) rotateX(-65deg);
}
.particulars.active .package-bg{
	-webkit-animation: rotateCarouselTopIn 1.2s 1;
	-moz-animation: rotateCarouselTopIn 1.2s 1;
	-ms-animation: rotateCarouselTopIn 1.2s 1;
	-o-animation: rotateCarouselTopIn 1.2s 1;
	animation: rotateCarouselTopIn 1.2s 1;
	-webkit-transition-delay: 0.25s;
	-moz-transition-delay: 0.25s;
	-ms-transition-delay: 0.25s;
	-o-transition-delay: 0.25s;
	transition-delay: 0.25s;
	-webkit-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-ms-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
}
.particulars .package-front{
	opacity: .3; 
	-webkit-transform: translateY(-200%) scale(.4) rotateX(65deg);
	-moz-transform: translateY(-200%) scale(.4) rotateX(65deg);
	-ms-transform: translateY(-200%) scale(.4) rotateX(65deg);
	-o-transform: translateY(-200%) scale(.4) rotateX(65deg);
	transform: translateY(-200%) scale(.4) rotateX(65deg);
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
.particulars.active .package-front{
	-webkit-transition-delay:0.25s;
	-moz-transition-delay:0.25s;
	-ms-transition-delay:0.25s;
	-o-transition-delay:0.25s;
	transition-delay:0.25s;
	-webkit-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-ms-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-animation: rotateCarouselBottomIn 0.8s 1;
	-moz-animation: rotateCarouselBottomIn 0.8s 1;
	-ms-animation: rotateCarouselBottomIn 0.8s 1;
	-o-animation: rotateCarouselBottomIn 0.8s 1;
	animation: rotateCarouselBottomIn 0.8s 1;
}
.particulars.active .package-front,.particulars.active .package-bg{
	opacity: 1; 
	-webkit-transform: translateY(0) scale(1) rotateX(0deg);
	-moz-transform: translateY(0) scale(1) rotateX(0deg);
	-ms-transform: translateY(0) scale(1) rotateX(0deg);
	-0-transform: translateY(0) scale(1) rotateX(0deg);
	transform: translateY(0) scale(1) rotateX(0deg);
}
.particulars .package-bg{
	-webkit-transition:2s;
	-moz-transition:2s;
	-ms-transition:2s;
	-o-transition:2s;
	transition:2s;
}
.particulars .package-front{
	-webkit-transition:1.6s;
	-moz-transition:1.6s;
	-ms-transition:1.6s;
	-o-transition:1.6s;
	transition:1.6s;
}
.particulars .particulars-title,
.particulars .particulars-num,
.particulars .particulars-date,
.particulars .particulars-btn,
.particulars .contact-number,
.greatest .text-group h2,
.greatest .text-group p,
.greatest .text-group .btn,
.weltanschauung .weltanschauung-text h2,
.weltanschauung .weltanschauung-text p,
.discount .discount-group strong,
.discount .discount-group span,
.discount .discount-group p,
.sf-copyright{
	opacity: 0;
	-webkit-transform: translateY(800px);
	   -moz-transform: translateY(800px);
	    -ms-transform: translateY(800px);
	     -o-transform: translateY(800px);
	        transform: translateY(800px);
}

.particulars.active .particulars-title,.particulars.active .particulars-num,.particulars.active .particulars-date,.particulars.active .particulars-btn,
.particulars.active .contact-number,
.greatest.active .text-group h2,
.greatest.active .text-group p,
.greatest.active .text-group .btn,
.weltanschauung.active .weltanschauung-text h2,
.weltanschauung.active .weltanschauung-text p,
.discount.active .discount-group strong,
.discount.active .discount-group span,
.discount.active .discount-group p,
.active .sf-copyright{
	opacity: 1;
	-webkit-transform: translateY(0px);
	   -moz-transform: translateY(0px);
	    -ms-transform: translateY(0px);
	     -o-transform: translateY(0px);
	        transform: translateY(0px);
}
.particulars .particulars-title,.weltanschauung .weltanschauung-text h2{
	-webkit-transition: 1.8s;
	-moz-transition: 1.8s;
	-ms-transition: 1.8s;
	-o-transition: 1.8s;
	transition: 1.8s;
}
.particulars .particulars-num,.greatest .text-group  h2,.discount .discount-group strong,.weltanschauung .bag_t_left{
	-webkit-transition: 1.4s;
	-moz-transition: 1.4s;
	-ms-transition: 1.4s;
	-o-transition: 1.4s;
	transition: 1.4s;
}
.particulars .particulars-date,.greatest .text-group  p,.discount .discount-group span,.discount .discount-sale,.weltanschauung .text-group,.weltanschauung .big_logo,.discount .discount-group p{
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
.particulars .particulars-btn,.particulars .contact-number,.greatest .text-group .btn,.weltanschauung .bag_t_right{
	-webkit-transition: .6s;
	-moz-transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	transition: .6s;
}
.particulars.active .particulars-title,.greatest.active .text-group h2,.weltanschauung.active .weltanschauung-text h2,.discount.active .discount-group strong,.active .sf-copyright{
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-ms-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	transition-delay: 0.7s;
	-webkit-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-ms-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
	/*-webkit-animation: fadeIn 3s 1;
	-moz-animation: fadeIn 3s 1;
	-ms-animation: fadeIn 3s 1;
	-o-animation: fadeIn 3s 1;
	animation: fadeIn 3s 1;*/
}
.particulars.active .particulars-num,.greatest.active .text-group p,.weltanschauung.active .weltanschauung-text p,.discount.active .discount-group span{
	-webkit-transition-delay: 0.8s;
	-moz-transition-delay: 0.8s;
	-ms-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
	transition-delay: 0.8s;
	-webkit-transition-duration: .7s;
	-moz-transition-duration: .7s;
	-ms-transition-duration: .7s;
	-o-transition-duration: .7s;
	transition-duration: .7s;

	/*-webkit-animation: fadeIn 3.4s 1;
	-moz-animation: fadeIn 3.4s 1;
	-ms-animation: fadeIn 3.4s 1;
	-o-animation: fadeIn 3.4s 1;
	animation: fadeIn 3.4s 1;*/
}
.particulars.active .particulars-date,.greatest.active .text-group .btn,.discount.active .discount-group p{
	-webkit-transition-delay:0.9s;
	-moz-transition-delay:0.9s;
	-ms-transition-delay:0.9s;
	-o-transition-delay:0.9s;
	transition-delay:0.9s;
	-webkit-transition-duration:.8s;
	-moz-transition-duration:.8s;
	-ms-transition-duration:.8s;
	-o-transition-duration:.8s;
	transition-duration:.8s;

	/*-webkit-animation: fadeIn 3.6s 1;
	-moz-animation: fadeIn 3.6s 1;
	-ms-animation: fadeIn 3.6s 1;
	-o-animation: fadeIn 3.6s 1;
	animation: fadeIn 3.6s 1;*/
}
.particulars.active .particulars-btn,.particulars.active .contact-number{
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
	-webkit-transition-duration: 0.9s;
	-moz-transition-duration: 0.9s;
	-ms-transition-duration: 0.9s;
	-o-transition-duration: 0.9s;
	transition-duration: 0.9s;

	/*-webkit-animation: fadeIn 3.8s 1;
	-moz-animation: fadeIn 3.8s 1;
	-ms-animation: fadeIn 3.8s 1;
	-o-animation: fadeIn 3.8s 1;
	animation: fadeIn 3.8s 1;*/
}
.greatest .bag_yellow{
	opacity: 0;
	-webkit-transform: translateX(-1200px);
	   -moz-transform: translateX(-1200px);
	    -ms-transform: translateX(-1200px);
	     -o-transform: translateX(-1200px);
	        transform: translateX(-1200px);
}
.greatest .bag_orange{
	opacity: 0;
	-webkit-transform: translateX(1200px);
	   -moz-transform: translateX(1200px);
	    -ms-transform: translateX(1200px);
	     -o-transform: translateX(1200px);
	        transform: translateX(1200px);
}
.greatest.active .bag_yellow,.greatest.active .bag_orange{
	opacity: 1;
	-webkit-transform: translateX(0px);
	   -moz-transform: translateX(0px);
	    -ms-transform: translateX(0px);
	     -o-transform: translateX(0px);
	        transform: translateX(0px);
}
.greatest.active .bag_yellow,.greatest.active .bag_orange{
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.greatest .bag_yellow,.greatest .bag_orange{
		-webkit-transition:all 1.4s;
	-moz-transition:all 1.4s;
	-ms-transition:all 1.4s;
	-o-transition:all 1.4s;
	transition:all 1.4s;
}

.weltanschauung .bag_t_left{
	-webkit-transform-origin:50% 100%;
	   -moz-transform-origin:50% 100%;
	    -ms-transform-origin:50% 100%;
	     -o-transform-origin:50% 100%;
	        transform-origin:50% 100%;
	-webkit-transform: translateY(800px) rotate(15deg);
	   -moz-transform: translateY(800px) rotate(15deg);
	    -ms-transform: translateY(800px) rotate(15deg);
	     -o-transform: translateY(800px) rotate(15deg);
	        transform: translateY(800px) rotate(15deg);
}
.weltanschauung .bag_t_right{
	-webkit-transform-origin:50% 100%;
	   -moz-transform-origin:50% 100%;
	    -ms-transform-origin:50% 100%;
	     -o-transform-origin:50% 100%;
	        transform-origin:50% 100%;
	-webkit-transform: translateY(800px) rotate(-15deg);
	   -moz-transform: translateY(800px) rotate(-15deg);
	    -ms-transform: translateY(800px) rotate(-15deg);
	     -o-transform: translateY(800px) rotate(-15deg);
	        transform: translateY(800px) rotate(-15deg);
}
.weltanschauung.active .bag_t_left,.weltanschauung.active .bag_t_right,.weltanschauung.active .text-group{
	-webkit-transform: translateY(80px) rotate(0deg);
	   -moz-transform: translateY(80px) rotate(0deg);
	    -ms-transform: translateY(80px) rotate(0deg);
	     -o-transform: translateY(80px) rotate(0deg);
	        transform: translateY(80px) rotate(0deg);
}
.weltanschauung .text-group,.weltanschauung .big_logo{
	-webkit-transform: translateY(800px) rotate(15deg);
	   -moz-transform: translateY(800px) rotate(15deg);
	    -ms-transform: translateY(800px) rotate(15deg);
	     -o-transform: translateY(800px) rotate(15deg);
	        transform: translateY(800px) rotate(15deg);
}
.weltanschauung.active .big_logo{
	-webkit-transform: none;
	   -moz-transform: none;
	    -ms-transform: none;
	     -o-transform: none;
	        transform: none;
}
.weltanschauung.active .bag_t_left,.weltanschauung.active .bag_t_right,.weltanschauung.active .text-group
{	
 -webkit-transition-delay:.6s;
  -moz-transition-delay:.6s;
  -ms-transition-delay: .6s;
  -o-transition-delay:.6s;
  transition-delay:.6s;
}
.weltanschauung.active .big_logo,.discount.active .discount-sale{
	 -webkit-transition-delay: .8s;
  -moz-transition-delay: .8s;
  -ms-transition-delay: .8s;
  -o-transition-delay: .8s;
  transition-delay: .8s;
}
.discount .discount-sale{
	-webkit-transform: translateY(-800px);
	   -moz-transform: translateY(-800px);
	    -ms-transform: translateY(-800px);
	     -o-transform: translateY(-800px);
	        transform: translateY(-800px);
}
.discount.active .discount-sale{
	-webkit-transform: translateY(0px);
	   -moz-transform: translateY(0px);
	    -ms-transform: translateY(0px);
	     -o-transform: translateY(0px);
	        transform: translateY(0px);
}
/*product_detailes*/
#sf-menu.subpage-menu{
padding-top: 0;
}
.underline.subpage-menu{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
#sf-menu.subpage-menu a{
	color: #666;
	font-size: 10.5pt;
	/*font-weight: bold;*/
}
.subpage-menu .navbar-nav>li>a{
	padding-top: 30px;
	height: 80px;
	padding-left: 15px;
	padding-right: 15px;
	border-left:1px solid transparent;
	border-right: 1px solid transparent;
	font-weight: normal;
}
#sf-menu.subpage-menu .navbar-right a:hover{
	color: #111;
}
.subpage-menu .navbar-nav>li.active>a{
	background-color: #fff8e8;
	border-color: #ddd;
	border-bottom-color: #333;
}
.subpage-menu .navbar-header{
	padding-top: 18px;
	margin-bottom: 0;
}
.subpage-menu .navbar{
	height: 80px;
	margin-bottom: 0;
}
.subpage-menu .navbar-default .navbar-nav>li{
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	height: 80px;
	padding-bottom: 0;
}
.subpage-menu .navbar-brand img{
	width: 120px;
}
.subpage-menu .navbar-default .login.btn-group{
	margin-top: 20px;
	padding-left: 15px;
}
.subpage-menu .navbar-default .login.btn-group .btn{
	padding-left: 20px;
	padding-right: 20px;
}
/*---*/
#subbanner{
	background: url(../img/bg.jpg);
}
#subbanner h3{
	font-size: 27pt;
	font-weight: normal;
	margin-top: 135px;
	margin-bottom: 90px;
}
#subbanner .full-container{
	height: 515px;
	font-size: 13.5pt;
	color: #fff;
	line-height: 1.8;
	background: url(../img/subpage_banner.png) no-repeat center bottom;
}
/*main*/
#main{
	font-size: 10.5pt;
	color: #666;
	line-height: 1.8;
}
#main h3{
	color: #333;
	font-size: 27pt;
	font-weight: normal;
	padding-top: 95px;
	padding-bottom: 20px;
}
#main p{
	margin-bottom: 0;
}
#main h4{
	margin-bottom: 10px;
}
#main .items{
	margin-top: 35px;
}
.contry-list{
	margin-top: 10px;
}
.contry-list li{
	width: 49%;
	width\0: 48%;
	margin-left: 1%;
	background-color: #f5f5f5;
	line-height: 30px;
}
.contry-list .list-item{
	background-color: #eee;
}
.contry-list li strong{
	float: left;
	width: 110px;
	padding-left: 15px;
}
.contry-list li:nth-child(2n+1){
	margin-left: 0;
}
#main strong{
	/*font-weight: bolder;*/
	font-size: 10.5pt;
	color: #666;
}
/*subpage-copyright*/
.subpage-copyright{
	color: #999;
	font-size: 9pt;
	padding-top: 50px;
	padding-bottom: 50px;
	border-top: 1px solid #ddd;
	margin-top: 150px;
}
.subpage-copyright.none{
	border-top: none;
}
#subNav{
	width: 172px;
	height: 360px;
	background: url(../img/menu_bg.png) no-repeat center center;
	margin-top: -30px;
	padding:1px 15px;
	top: 0;
}
.fixed{
	position: fixed;
}
#subNav ul{
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	line-height: 50px;
	margin-top: 120px;
	cursor: pointer;
}
#subNav .fa{
	margin-right: 26px;
	margin-left: 15px;
}
#subNav a{
	color: #adadad;
	text-decoration: none;
	display: block;
}
#subNav li:hover{
	background: #eee;
}
#subNav li.active{
	background: #76a7b8;
}
#subNav .active a{
	color: #fff;
}
/*--- search-container ----*/
.search-container{
	padding: 20px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.search-container h3{
	margin-top: 0;
}
.search-container h3 strong{
	font-size: 13.5pt;
	padding-right: 20px;
}
.search-container h3 small{
	font-size: 60%;
	color: #aaa;
}
.search-container .form-group{
	padding: 10px 15px 60px 15px;
	background: #fff;
	border:1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 0;
}
.search-container textarea{
	border:none;
	resize:vertical;
	min-height: 30px;
	outline: none;
}
.search-container .btn{
	cursor: pointer;
}
.search-container .form-group .btn-reset{
	font-size: 10.5pt;
	background: none;
	color: #76a7b8;
	bottom: 20px;
	right: 150px;
	outline: none;
}
.search-container .form-group .btn-search{
	font-size: 13.5pt;
	padding: 10px 40px;
	background: #76a7b8;
	color: #fff;
	/*font-weight: bold;*/
	right: 15px;
	bottom: 10px;
}
.search-container-result{
	margin-top: 20px;
	border-radius: 4px;
	padding: 40px;
	border:1px solid #ddd;
}
.search-container-result.empty{
	height: auto;
	padding-top: 150px;
	padding-bottom: 150px;
}
.search-container .form-group .btn-reset:hover,.search-container .form-group .btn-reset:active,.search-container .form-group .btn-reset:focus{
	box-shadow: none;
}
.search-container .form-group .btn-search:hover,.search-container .form-group .btn-search:active,.search-container .form-group .btn-search:focus{
	background-color: #6791a0;
	outline: none;
}
.full-width{
	width: 100%;
}
/*--contact--*/
.contact-banner{
	background-color: #050c12;
}
.contact-banner .container{
	height: 200px;
	background: url(../img/contact_banner.jpg) no-repeat center center;
	color: #fff;
}
.contact-banner .container h2{
		font-size: 27pt;
		padding-top: 60px;
}
.contact-content{
	font-size: 10.5pt;
	padding-top: 70px;
	line-height: 2;
}
/*media*/
@media(min-width: 950px){
	.container {
    	width: 940px;
  	}
  	.search-container-result{
  		min-height: 300px;
  	}
}
@media(min-width: 992px){
	 .container {
	    width: 960px;
	  }
	.navbar .container{
		width: 930px;
	}
	.navbar-collapse.in{
		background-color: transparent;
	}
	.container.w960{
		width: 960px;
	}
}
@media(min-width: 767px) and (max-width:992px){
	.navbar-default .navbar-nav>li>a{
		font-size: 10.5pt;
	}
}
@media(max-width: 1200px){
	.particulars .package-bg,.particulars .package-front{
		width: 924px;
		margin-left: -462px;
	}
	.particulars .particulars-title{
		margin: 40px 0 0 89px;
	}
	.particulars .particulars-num{
		margin: 106px 0 0 89px;
	}
	.particulars .particulars-date{
		margin: 241px 0 0 356px;
		z-index: 9;
	}
	.particulars .particulars-btn{
		margin: 372px 0 0 610px;
	}
	.particulars .contact-number{
		margin: 382px 0 0 290px;
	}
	
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
        /* iPads (portrait and landscape) */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
        /* iPads (landscape) */
        .particulars .text-group{
        	height: 650px;
        	margin-top: -165px;
        	padding-left: 50px;
        }
        .particulars .package-front{
        	margin-top: -200px;
        }
          .particulars .package-bg{
        	margin-top:-140px;
        }
        .particulars .particulars-btn{
			margin: 380px 0 0 565px;
		}
		.particulars .contact-number{
			margin: 388px 0 0 250px;
		}
		.greatest .bag_yellow{
			top: 10px;
		}
		.greatest .text-group{
			margin-top: 50px;
		}
		.greatest .bag_yellow{
			width: 680px;
		}
		.weltanschauung .text-group{
			margin-left: -300px;
		}
		.weltanschauung .big_t_middle{
			width: 600px;
		}
		.weltanschauung .bag_t_middle_folder{
			width: 536px;
			margin-left: -268px;
		}
		.weltanschauung .big_logo{
			width: 400px;
			margin-left: -220px;
			bottom: 300px;
		}
		.weltanschauung .bag_t_left{
			width: 360px;
			margin-right: 140px;
		}
		.weltanschauung .bag_t_right{
			width: 350px;
			margin-left: 150px;
		}
		.weltanschauung .weltanschauung-text{
			bottom: 160px;
		}
		.discount .discount-group{
			margin-top: -290px;
		}
		.discount .discount-group h2{
			margin-top: 10px;
		}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
        /* iPads (portrait) */
        .particulars .text-group{
        	height: 650px;
        	margin-top: -265px;
        	padding-left: 50px;
        }
        .particulars .package-front{
        	margin-top: -300px;
        }
        .particulars .package-bg{
        	margin-top:-250px;
        }
        .particulars .particulars-btn{
			margin: 380px 0 0 565px;
		}
		.particulars .contact-number{
			margin: 388px 0 0 245px;
		}
}
@media (min-width: 1200px) {
  .container {
    width: 1100px;
  }
}
@media(max-width: 767px){
	#sf-menu{
		padding-top: 10px;
	}
		.navbar-collapse.in{
		position: relative;
		overflow-y:visible;
		margin-right: 2px;
		margin-left: 2px;
		border-radius: 5px;
		text-align: center;
	}
	.subpage-menu .navbar-default .navbar-nav>li,.subpage-menu .navbar-default .navbar-nav>li>a{
		padding-top: 0;
		height: auto;
	}
	#sf-menu.subpage-menu .navbar-collapse.in a{
		color: #fff;
		display: block;
		line-height: 2;
	}
	.subpage-menu .navbar-default .login.btn-group{
		display: block;
		padding-left: 0;
		margin-top: 5px;
	}
	#sf-menu.subpage-menu .navbar-collapse.in a:hover,#sf-menu.subpage-menu .navbar-collapse.in .active a{
		line-height: 30px;
		color: #333;
		background:#fff8e8;
		border-color: transparent;
	}
	.navbar-collapse.in li:first-child:after{
		display: block;
		content: '';
		width: 0;
		border-width: 10px;
		border-style: solid;
		border-color: transparent transparent #211e1e transparent;
		position: absolute;
		right: 10px;
		top: -27px;
	}
 .sf-index-login .login.btn-group{
		display: block;
		font-size: 13.5pt;
	}
	.navbar-collapse.in .btn{
		display: block;
		border:none;
		background-color: transparent;
		float: none;
		border-bottom: 2px solid transparent;
		border-radius:0;
	}
 .sf-index-login .login.btn-group .btn:hover .sf-index-login,.login.btn-group .btn:active .sf-index-login,.login.btn-group .btn:focus{
		background-color: transparent;
		border-color: #fff;
	}
	.sf-index-login .login.btn-group .btn{
		border-color: transparent;
	}
	.sf-copyright{
		line-height: 1.5;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 9pt;
	}

	/*---*/
	.particulars .package-bg, .particulars .package-front{
		width: 320px;
		margin-left: -160px;
	}
	.particulars .package-bg{
		margin-top: -100px;
	}
	.particulars .package-front{
		margin-top: -110px;
	}
	.particulars .text-group{
		width: 320px;
		height: 320px;
		margin-top: -100px;
		margin-left: -160px;
	}
	.particulars .particulars-title{
		width: 120px;
		margin:15px 0 0 30px;
	}
	.particulars .particulars-num{
		width: 116px;
		margin: 40px 0 0 30px;
	}
	.particulars .particulars-date{
		width: 100px;
		margin: 90px 0 0 120px;
	}
	.particulars .particulars-btn img{
		width: 80px;
	}
	.particulars .contact-number{
		width: 320px;
		margin:245px 0 0 10px;
		font-size: 9pt;
		text-align: center;
		font-weight: bold;
	}
	.particulars .particulars-btn{
		margin:280px 0 0 120px;
	}
	.greatest .bag_orange{
		width: 200px;
		margin-left:-40px;
		margin-top: -30px;
	}
	.greatest .bag_yellow{
		width: 360px;
		margin-left: -200px;
		top: 25px;
	}
	.greatest .text-group{
		margin-top: 10px;
		font-size: 10.5pt;
		margin-left: -140px;
	}
	.greatest .text-group h2,.greatest .text-group p{
		margin-bottom: 20px;
	}
	#fullPage-nav{
		display: none;
	}

	/*-----*/
	.weltanschauung .text-group{
		margin-left: -10px;
	}
	.weltanschauung  .big_t_middle{
		width: 240px;
		margin-left: -110px;
	}
	.weltanschauung  .bag_t_middle_folder{
		width: 215px;
		margin-left: -161px;
	}
	.weltanschauung .big_logo{
		width: 160px;
		margin-left: -140px;
		bottom: 120px;
	}
	.weltanschauung .weltanschauung-text h2{
		font-size: 28pt;
	}
	.weltanschauung .weltanschauung-text{
		width: 300px;
		margin-left: -200px;
		bottom: 40px;
		font-size: 10.5pt;
		top: -220px;
		color: #702a00
	}
	.weltanschauung .bag_t_left{
		width: 200px;
		margin-right: 10px;
	}
	.weltanschauung .bag_t_right{
		width: 170px;
		margin-left: 20px;
	}
	.discount .discount-group{
		margin-top: -180px;
	}
	.discount .discount-sale{
		width: 260px;
	}
	.discount .discount-group h2{
		margin-top: 20px;
		font-size: 22pt;
	}
	.contry-list li{
		display: block;
		width: 100%;
		margin:0;
	}
	.contry-list li:nth-child(even){
		background-color: #f5f5f5;
	}
	.contry-list li:nth-child(odd){
		background-color: #eee;
	}
	.search-container{
		padding: 10px;
	}
	.search-container-result.empty{
		padding-top: 50px;
		padding-bottom: 50px;

	}
	.search-container-result{
		min-height: auto;	
	}
	#subbanner h3{
		margin-top: 50px;
		margin-bottom: 40px;
	}
	.discount-group p{
		font-size: 12pt;
	}
}
@media(max-width: 767px) and (orientation : landscape){
	#sf-menu{
		padding-top: 10px;
	}
	.particulars .package-bg, .particulars .package-front{
		width: 440px;
		margin-left: -240px;
	}
	.particulars .package-front{
		margin-top: -80px;
		margin-left: -200px;
	}
	.particulars .text-group{
		width: 400px;
		height: 200px;
		margin-left: -190px;
		margin-top: -60px;
	}
	.particulars .particulars-title{
		width: 180px;
	}
	.particulars .particulars-num{
		width: 150px;
		margin-top: 50px;
	}
	.particulars .particulars-date{
		width: 100px;
		margin:100px 0 0 150px;
	}
	.particulars .contact-number {
		margin:180px 0 0 -20px;
		font-size: 9pt;
	}
	.particulars .particulars-btn{
		margin:175px 0 0 255px;
	}
	.greatest .bag_yellow{
		width: 300px;
		top: -55px;
	}
	.greatest .bag_orange{
		margin-left: 20px;
	}
	.greatest .text-group{
		margin-top: -40px;
		font-size: 9pt;
		margin-left: -100px;
	}
	.greatest .text-group h2{
		font-size: 24pt;
	}
	.weltanschauung .bag_t_left{
		width: 220px;
		margin-right: 30px;
	}
	.weltanschauung .bag_t_right{
		width: 180px;
		margin-left: 30px;
	}
	.weltanschauung .big_t_middle{
		width: 300px;
		margin-left: -140px;
	}
	.weltanschauung .bag_t_middle_folder{
		width: 268px;
		margin-left: -204px;
		bottom: -2px;
	}
	.weltanschauung .big_logo{
		margin-left: -160px;
		bottom: 150px;
	}
	.weltanschauung .weltanschauung-text{
		width: 360px;
		bottom: 0;
		margin-left: -230px;
	}
	.weltanschauung .weltanschauung-text{
		top: 90px;
		color: #fff;
		font-size: 9pt;
		margin-left: -250px;
	}
	.weltanschauung .weltanschauung-text h2{
		font-size: 20pt;
	}
	.discount .discount-group{
		margin-top: -140px;
	}
	.discount .discount-sale{
		width: 200px;
	}
	.discount .discount-group h2{
		margin-top: 5px;
	}
}
@media(min-width: 992px) and (max-height: 767px){
	.particulars .package-bg, .particulars .package-front{
		margin-top: -180px;
	}
	.particulars .text-group{
		margin-top: -155px;
		/*margin-left: -400px;*/
	}
	.particulars .package-bg{
		margin-left: -580px;
	}
	/*.particulars .package-front{
		margin-left: -400px;
	}*/
	.greatest .bag_yellow{
		top: 25px;
		width: 640px;
	}
	.greatest .text-group{
		margin-top: 60px;
	}
	.weltanschauung .text-group{
		top: 50%;
		margin-top: -300px;
	}
	.weltanschauung .bag_t_left{
		margin-right: 100px;
		top: 50%;
		width: 420px;
	}
	.weltanschauung .bag_t_right{
		margin-left: 100px;
		width: 400px;
		top: 50%;
	}
	.weltanschauung .text-group{
		margin-left: -300px;
		margin-top: -220px;
		margin-top\0:-180px; 
	}
	.weltanschauung .big_t_middle{
		width: 600px;

	}
	.weltanschauung .bag_t_middle_folder{
		bottom: -25px;
		width: 535px;
		margin-left: -268px;
	}
	.weltanschauung .big_logo{
		bottom: 300px;
		width: 400px;
		margin-left: -220px;
	}
	.weltanschauung .weltanschauung-text{
		bottom: 140px;
	}
	.discount .discount-group{
		margin-top: -300px;
	}
	.sf-copyright{
		line-height: 6;
	}
	.discount .discount-group h2{
		margin-top: 40px;
	}
}
@media(min-width: 992px) and (max-height: 600px){
.particulars .text-group{
	margin-top: -190px;
}
.greatest .bag_yellow{
	top: 0;
	width: 560px;
}
.greatest .bag_orange{
	width: 300px;
	margin-top: -30px;
}
.greatest .text-group{
	margin-top: 0;
}
.weltanschauung .bag_t_middle_folder{
	bottom: -65px;
}
.weltanschauung .big_logo{
	bottom: 255px;
}
.discount .discount-group{
	margin-top: -270px;
}
.discount.active .discount-sale{
	width: 500px;
}
.discount .discount-group h2{
	margin-top: 0;
}
}