@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,300,200,100&subset=cyrillic';
@import 'https://fonts.googleapis.com/css?family=Marck+Script:400,300,200,100&&subset=latin,cyrillic';
@import  'https://fonts.googleapis.com/css?family=Bad+Script:400,300,200,100&subset=latin,cyrillic' rel='stylesheet';
a {color:#9d452f;}
a:hover {color:#ff0000; text-decoration:none;}
h1,h2,h3,h4 {font-weight:300;font-family: "Open Sans",Georgia,"Times New Roman",Times,serif;}
.warp {width:100%;margin:0 auto 0 auto; z-index:2;padding: 20px 0 0 0; position:relative !important;top:0 !important; background-color:rgba(244,244,244,1);}
@media only screen and (max-width: 979px) {
.warp {padding: 0;}
}
.tophead {
margin:0;padding:0;
background: #e4d2cc;
}
@media only screen and (max-width: 479px) {
.tophead {margin:0;}
}
@media (min-width: 480px) and (max-width: 767px) {
.tophead {margin:0;}
}
@media (min-width: 768px) and (max-width: 979px) {
.tophead {margin:0;}
}
.tophead-in {width:100%;max-width:1480px;margin:0 auto 0 auto;}
.search {float: none;margin:5px auto 0 auto;}
@media (min-width: 380px) and (max-width: 979px) {
.search {float: none;margin:-55px auto 0 auto;}
}
@media only screen and (max-width: 379px) {
.search {float: none;margin:-35px auto 0 auto;}
}
.tel {font-size:130%;z-index:999999; float:right;}
.tel a {color:#444!important;}
.tel a:hover {color: #9A9898!important;}
@media (min-width: 769px) and (max-width: 985px) {
.tel {font-size:95%;z-index:999999;padding-bottom:15px;}
.tel a {color:#fff!important;}
}
@media only screen and (max-width: 768px) {
.tel {font-size:95%;z-index:999999; float:none;}
.tel a {color:#fff!important;}
}
.tel-1 {font-size:130%;z-index:999999; float:right;}
@media only screen and (max-width: 979px) {
.tel-1 {display:none !important;}
}
.adress {font-size:90%;z-index:999999; float:right;}
@media only screen and (max-width: 979px) {
.adress {display:none !important;}
}
.action-out {display:block;}
@media only screen and (max-width: 979px) {
.action-out {display:none;}
}
.action-in {display:none;}
@media only screen and (max-width: 979px) {
.action-in {display:block;}
}
.action h1 {font-size:32px; font-weight:normal; color:brown;}
@media only screen and (max-width:979px) {
.action h1 {font-size:20px; font-weight:normal; color:brown;}
}
.action span {font-size:18px; font-weight:300;}
@media only screen and (max-width:979px) {
.action span {font-size:14px;}
}
.action em {font-size:24px;}
@media only screen and (max-width:979px) {
.action em {font-size:18px;}
}
.action img {max-width:120px;}
@media only screen and (max-width:479px) {
.action img {max-width:70px;}
}
@media only screen and (max-width:379px) {
.action img {display:none !important;}
}
.action ul li {list-style: url(../images/arrow_right.png);margin:0;}
.breadcrumbs-mob {}
@media only screen and (max-width: 639px) {
.breadcrumbs-mob {position:relative;top:8px;}
}
.mod-search { float:right;position:relative;top:20px;}
@media (max-width: 479px) {
.mod-search { float:none;margin:0 auto 0 auto; text-align:center;position:relative;top:0;}
}
@media (min-width: 480px) and (max-width: 767px) {
.mod-search { float:none;margin:0 auto 0 auto; text-align:center;position:relative;top:-120px;}
}
@media (min-width: 768px) and (max-width: 979px) {
.mod-search { float:right;position:relative;top:30px;}
}
.search-button {background: none !important;position: relative;right: 25px;}
.top0 { display:none;}
@media only screen and (max-width: 979px) {
.top0  {display: block; float:none; text-align:center !important;}
.top0 img {float:none;text-align:center !important; max-width:250px;}
}
.top1 {font-size:14px; font-weight:normal;}
@media (min-width: 768px) and (max-width: 979px) {
.top1  {font-size:12px;font-weight:300;}
}
@media (max-width: 767px) {
.top1  {float:none;margin:0 auto 0 auto;text-align:center;font-weight:normal;position:relative;top:-30px;}
}
.top1 img {}
@media (max-width: 979px) {
.top1 img {float:none;text-align:center;max-width:250px;}
}
.top1-txt {}
@media (max-width: 639px) {
.top1-txt { position:relative;top:10px;}
}
.top2 {text-align:center;}
.top2 h1 {font-size:18px;font-weight:300; line-height:20px;position:relative;top:0;}
@media (min-width: 420px) and (max-width: 767px) {
.top2 h1  {font-size:16px;ine-height:18px;float: none;text-align: center; position:relative;top:-20px;margin: 0 auto 0 auto;}
}
@media (min-width: 768px) and (max-width: 991px) {
.top2 h1  {font-size:16px;line-height:16px;float:none;text-align:center; position:relative;top:-10px;/*right:20px;width:65%;*/}
}
@media only screen and (max-width: 419px) {
.top2 h1  {font-size:14px;line-height:14px;float: none;text-align: center; position:relative;top:-20px;margin: 0 auto 0 auto;}
}
.top2-1 {display:block;visibility:visible;}
@media only screen and (max-width: 767px) {
.top2-1 {display:none;visibility:hidden;}
}
.top2-2 {display:none;visibility:hidden;}
@media only screen and (max-width: 767px) {
.top2-2 {display:block;visibility:visible;line-height:14px;position:relative;text-align:center;margin: 0 auto 0 auto;}
}
.top2Left {text-align:left; font-size: 14px; border-right: 1px solid #ccc; padding:7px 7px 7px 57px;}
@media (min-width: 767px) and (max-width: 1214px) {
.top2Left {padding:7px;}
}
@media (min-width: 640px) and (max-width: 767px) {
.top2Left {float:left; position:absolute;left:0;top:-80px;text-align:left; font-size: 14px; border-right:none; padding:7px;}
}
.top2Right {float:left; text-align:left; font-size: 14px; padding:7px;}
@media (min-width: 640px) and (max-width: 767px) {
.top2Right {float:left; position:absolute;left:30%;top:-80px;text-align:left; font-size: 14px; padding:7px;}
}
@media (min-width: 527px) and (max-width: 639px) {
.top2Left {float:left; position:absolute;left:50%;top:10px;text-align:left; font-size: 14px; border-right:none; padding:7px;}
}
@media (min-width: 527px) and (max-width: 639px) {
.top2Right {float:left; position:absolute;left:50%;top:80px;text-align:left; font-size: 14px; padding:7px;}
}
@media (min-width: 380px) and (max-width: 526px) {
.top2Left {border-right:none;padding:7px;}
}
@media (min-width: 380px) and (max-width: 526px) {
.top2Right {float:right; position:absolute;left:52%;top:90px;text-align:left; font-size: 14px; padding:7px;}
}
@media only screen and (max-width: 379px) {
.top2Left,
.top2Right {text-align: center;border-right:none;padding:7px;}
}
.top3 {text-align:center;}
.top3 h3 {font-size:18px;font-weight:300;}
@media (max-width: 479px) {
.top3  { float:none;margin:0 auto 0 auto; text-align:center;}
}
@media (min-width: 480px) and (max-width: 767px) {
.top3  { float:left; text-align:left;width:50%;}
}
@media (min-width: 768px) and (max-width: 979px) {
.top3  { float:left; text-align:left;}
}
.top4 {position:relative;top:15px;}
@media (min-width: 768px) and (max-width: 979px) {
.top4  {position:relative; top:15px;}
}
.iconstop {position:absolute;top:45px;right:40px;}
@media (min-width: 480px) and (max-width: 767px) {
.iconstop {position:relative;top:-220px;left:10px;}
}
@media (min-width: 380px) and (max-width: 479px) {
.iconstop {position:relative;top:-230px;left:10px;}
}
@media (min-width: 350px) and (max-width: 379px) {
.iconstop {position:relative;top:-220px;left:10px;}
}
@media only screen and (max-width: 349px) {
.iconstop {position:relative;top:-210px;left:10px;}
}
.icons-media {display:block;position:relative;right:0;top:-7px; float:right;max-width: 250px;}
@media only screen and (max-width: 979px) {
.icons-media {display:none !important;}
}
.icon_mobile {display:none;}
@media only screen and (max-width: 979px) {
.icon_mobile {display:block!important;position:fixed;left:60%;top:7px; font-size:24px;}
.icon_mobile a {color:#fff;}
}
@media only screen and (max-width: 767px) {
.icon_mobile {display:block!important;position:fixed;left:40%;top:7px;font-size:24px;}
}
@media only screen and (max-width: 479px) {
.icon_mobile {display:block!important;position:fixed;left:25%;top:7px;font-size:24px;}
}
@media only screen and (max-width: 379px) {
.icon_mobile {display:block!important;position:fixed;left:15%;top:7px;font-size:24px;}
}
.icons-button {display:block;position:relative;right:0;top:-7px; float:right;max-width: 250px;}
@media only screen and (max-width: 979px) {
.icons-button {display:none !important;}
}
.icons-link a  {color:fff !important;}
.icons-link a:hover  {color: #ffff99 !important;}
.icons-link.btn  {color: #fff !important; font-size:12px;padding:0 10px 1px 10px !important;border-radius:0;background: #8b6011;border: 2px solid #fff;}
.icons-link.btn:hover  {color: #ffff00!important;}

.icons-link1 a  {color:fff !important;}
.icons-link1 a:hover  {color: #ffff99 !important;}
.icons-link1.btn  {color: #fff !important; font-size:16px;padding:5px 10px 6px 10px !important;border-radius:0;background: #bca6aa;border: 2px solid #fff;}
.icons-link1.btn:hover  {color: #444!important;background: #e4d2cc !important;}

.icons-link2 a  {color:444 !important;}
.icons-link2 a:hover  {color: #ff0000 !important;}
.icons-link2.btn  {color: #444 !important; font-size:16px;padding:0 10px 1px 10px !important;border-radius:0;background: #e4d2cc;border: 2px solid #fff;}
.icons-link2.btn:hover  {color: #fff!important;background:#bca6aa !important;}

.top01 {padding: 10px 0 0 10px;color:#fff;}
@media only screen and (max-width: 979px) {
.top01 {display:none !important;}
}
.top02 {padding: 20px;margin:0 auto 0 auto; text-align:center !important;color:#444;}
.top02 h1 {font-size:24px; font-weight:normal!important; letter-spacing: 2px; font-family: open sans, arial;line-height:20px !important;}
.top02 span {font-size:16px; font-weight:normal; letter-spacing: 1px; font-family: open sans, arial; line-height:18px!important;}
/*.top2 img {width:140px;}*/
@media only screen and (max-width: 979px) {
.top02 {display:none !important;}
}

.top04 {float:right !important;text-align:left !important; position:relative;top:18px;right:30px!important;color:#444;font-size:18px;padding-left:10px;}
.top04 span {display:block;}
@media only screen and (max-width: 979px) {
.top04  {max-width:250px;position:fixed;top:10px;right:0;z-index:999;font-size:20px;padding-left:0;text-align:right !important;color:#444;}
.top04 a {color:#444;}
.top04 a:hover {color:#ff0000;}
}

.top05 {float:none !important;text-align:center !important; position:relative;top:5px;}
@media only screen and (max-width: 979px) {
.top05 {display:none; visibility:hidden;}
}

.top6 {display:none;}
@media only screen and (max-width: 979px) {
.top6 {display: block; text-align:center; margin::0 auto 0 auto;position:relative;top:-15px;}
}

.logo_mod {max-width:400px !important;}
@media (min-width: 768px) and (max-width: 999px) {
.logo_mod{max-width:180px !important;}
}
@media only screen and (max-width: 767px) {
.logo_mod {display:none;}
}
#FlexibleVM3Cart {
    padding: padding:0;
    position: fixed !important;
    display: inline-block;
    text-align: left;
	z-index:999;
}
.logintop4 {float: none;text-align:right;position: relative;top: 0px;}
@media (min-width: 768px) and (max-width: 979px) {
.logintop4 {float: right;position: absolute;top: 20px;}
}
@media (min-width: 480px) and (max-width: 767px) {
.logintop4 {float: right;position: absolute;top: 18px;right:120px;}
}
@media only screen and (max-width: 479px) {
.logintop4 {float: none;text-align: center;position: relative;top: -50px;}
}
.logout-top4 {float:right; text-align: right;}
.sclogin-top4 .logout-link {
    background-color: transparent;
    text-decoration: underline;
    border: none;
    color: #095197;
    cursor: pointer;
	text-align: right;
}
@media (min-width: 480px) and (max-width: 767px) {
.sclogin-top4 .logout-link  {font-size:16px;}
}
.sclogout-button {float:right !important;}
@media (max-width: 479px) {
.sclogout-button {float:none !important;position:relative;top:-19px;left:-120px;}
}
@media (min-width: 480px) and (max-width: 767px) {
.sclogout-button  {float:none !important;position:relative;top:-19px;left:-190px;}
}
.phonetop {}
@media (max-width: 479px) {
.phonetop {float:none; text-align:center;}
}
@media (min-width: 480px) and (max-width: 767px) {
.phonetop  { float:left; text-align:left;}
}

.side_out {width:100%; margin: 0 auto 0 auto;padding-top:0; background-color: rgba(188,166,170,1);}
@media only screen and (max-width: 767px) {
.side_out {background-color: rgba(188,166,170,1); height:48px;padding-top:0;} 
}

.side_in {width:auto;max-width: 1200px;margin: 0 auto 0 auto; background-color: rgba(188,166,170,1);}
@media only screen and (max-width: 992px) {
.side_in {background-color: rgba(188,166,170,1); height:48px;} 
}

.contentmain {position:relative;top:0; width:100%;max-width:1480px;margin:0 auto 0 auto;}
@media (min-width: 480px) and (max-width: 767px) {
.contentmain {position:relative;top:-10px;width:100%;}
}
@media only screen and (max-width: 479px) {
.contentmain {position:relative;top:0;width:100%;}
}
.header{ position:relative;top:-10px; display:none;}
.header h3{ position:relative;top:10px;font-weight:300;}
@media (min-width: 480px) and (max-width: 979px) {
.header {position: relative; top: 30px;display: block;background:#f2f2f2!important;}
.header h3{position: relative; top: 30px;font-weight: 300;left: 50%;width: 50%;}
}
@media only screen and (max-width: 479px) {
.header {position: relative; top: 30px;display: block;background:#f2f2f2!important;}
.header img{margin:0 auto;}
}

.hometitle h2 { line-height:36px;}
@media only screen and (max-width: 767px) {
.hometitle h2 {display:none;}
}

.room-home-title {position:absolute;top:85%;left:3%;width:90%;text-align:center;}
@media only screen and (max-width: 991px) {
.room-home-title {display:none;}
}
.overlay {font-size:14px !important;}

.calchome {width:100%; font-size:30px; font-weight:bold; padding-top:80px; padding-bottom:80px; background: url(../../../images/sampledata/calc/calc_bg.jpg) no-repeat center;}
.calchome a {color:#fff;}
.calchome a:hover {color:#ffff99;}
@media only screen and (max-width: 767px) {
.calchome {padding-top:20px; padding-bottom:20px;font-size:22px;}
}

.clear {clear:both;}
.sticky {position:fixed;top: 0;z-index: 101;background-color:#fff;}
.address-top {visibility:visible;float:none;}
@media only screen and (max-width: 979px) {
.address-top {visibility:hidden;}
}
.icons-top {display:block;position: absolute;top:25px;padding-left:15%;}
@media only screen and (max-width: 479px) {
.icons-top {display:none;}
}
@media (min-width: 480px) and (max-width: 979px) {
.icons-top  {float: right;position: absolute;top:25px;right: 20px;}
}

.position-1 {display:block;position:relative;top:0px;z-index:1}

.position-11 {width:100%;margin:0 auto -20px auto; z-index:2;padding: 0 0 0 0; position:relative !important;top:-20px !important; background-color:rgba(105,0,0,1);}
@media only screen and (max-width: 979px) {
.position-11 {display:none;}
}
.reclame {width:100%;max-width:1480px;margin:0 auto 0 auto;}

.block_home {
width: 95%;
padding: 0;
height: auto !important;
border-radius: 3px;
float: none;
display: inline-block;
background: #fff;
box-shadow: 0px 2px 8px #ccc;
margin-bottom: 30px;
box-shadow: 2px 2px 8px 5px rgba(1,0,0,0.2);
-webkit-box-shadow: 2px 2px 8px 5px rgba(1,0,0,0.2);
-moz-box-shadow: 2px 2px 8px 5px rgba(1,0,0,0.2);
-o-box-shadow: 2px 2px 8px 5px rgba(1,0,0,0.2);
}
.block_home h3 { font-weight:normal !important; font-size:22px !important; position:relative; top:-30px;}
.block_home em { font-weight:bold !important; font-size:18px !important; position:relative; top:-30px;}

.block_home-k2 {
width: 100%;
padding: 0;
height: auto !important;
float: none;
display: inline-block;
margin-bottom: 10px;
min-height:270px;
}
.block_home-k2 z {font-weight:normal !important; font-size:18px !important;}

.block_home_promotion {
width: 100%;
padding: 0;
height: auto !important;
border-radius: 3px;
float: none;
display: inline-block;
background: #fff;
box-shadow: 0px 2px 8px #ccc;
margin-bottom: 30px;
box-shadow: 2px 2px 20px 11px rgba(1,0,0,0.4);
-webkit-box-shadow: 2px 2px 20px 11px rgba(1,0,0,0.4);
-moz-box-shadow: 2px 2px 20px 11px rgba(1,0,0,0.4);
-o-box-shadow: 2px 2px 20px 11px rgba(1,0,0,0.4);
}
@media only screen and (max-width: 767px) {
.block_home_promotion {
box-shadow:none;
-webkit-box-shadow:none; 
-moz-box-shadow:none;
-o-box-shadow:none;
}
}
/**********************rotate img***************************/
.flipcard {
  position: relative;
  width: 100%;
  height: 250px;
  perspective: 500px;
}
.flipcard.v:hover .front, .flipcard.v.flip .front{
  transform: rotateX(180deg);
}
.flipcard.v:hover .back, .flipcard.v.flip .back{
  transform: rotateX(0deg);
}
.flipcard.v .back{
  transform: rotateX(-180deg);
}
.flipcard.h:hover .front, .flipcard.h.flip .front{
  transform: rotateY(180deg);
}
.flipcard.h:hover .back, .flipcard.h.flip .back{
  transform: rotateY(0deg);
}
.flipcard.h .back{
  transform: rotateY(-180deg);
}
.flipcard .front, .flipcard .back
{
  position:absolute;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-in;
  color: white;
  padding: 10px;*/
  backface-visibility: hidden;
}
/**************************otate img out***************************/
.dektop-main-bar {visibility:visible;display:block;}
@media (max-width: 767px) {
.dektop-main-bar {visibility:hidden;display:none;} 
}
.dektop-main-only {visibility:hidden;display:none;}
@media (max-width: 549px) {
.dektop-main-only {visibility:visible;display:block;}
}
.dektop-main-dubble {visibility:hidden;display:none;}
@media (min-width: 550px) and (max-width: 767px) {
.dektop-main-dubble {visibility:visible;display:block;}
}
.contbody {position:relative;top:-10px;width:100%;max-width:1480px;margin:0 auto 0 auto;background-color:rgba(244,244,244,1);}
@media (min-width: 1198px) and (max-width: 1539px) {
.contbody {position:relative;top:0;width:95%;padding:0;}
}
@media (min-width: 480px) and (max-width: 1197px) {
.contbody {position:relative;top:0;width:95%;padding:0;}
}
@media only screen and (max-width: 479px) {
.contbody {position:relative;top:0;width:94%;padding:0;}
}

.modbody1 {
position:relative;
top:0px;
width:100%;
max-width:100%;
margin:0 auto 0 auto; 
background:url(../../../images/sampledata/Slideshow/010.jpg) no-repeat; 
background-attachment: scroll;
}
.modbody1 img {width:90%;}
@media (min-width: 1198px) and (max-width: 1539px) {
.modbody1 {position:relative;top:0;width:100%;padding:0;}
}
@media (min-width: 480px) and (max-width: 1197px) {
.modbody1 {position:relative;top:0;width:100%;padding:0;}
}
@media only screen and (max-width: 479px) {
.modbody1 {position:relative;top:0;width:100%;padding:0;}
}
.modbodycontent {color:#fff !important; font-size:16px;width:100%;max-width:1480px;margin:0 auto 0 auto;}
.modbodycontent a {color:#fff !important;}
.modbodycontent h3 {color:#fff !important; padding:20px 10px;}
.modbodycontent p {color:#fff !important; padding:20px 10px;}
.modbodycontent span {color:#fff !important;}
.modbodycontent img {width:90%;}
@media only screen and (max-width: 767px) {
.modbodycontent img {width:100%;}
}


.modbody2 {
position:relative;
top:0px;
width:100%;
max-width:100%;
margin:0 auto 0 auto; 
background:url(../../../images/sampledata/Slideshow/011.jpg) no-repeat; 
background-attachment: scroll;
}
.modbodycontent2 {color:#444 !important; font-size:16px;width:100%;max-width:1480px;margin:0 auto 0 auto;}
.modbodycontent2 a {color:#V !important;}
.modbodycontent2 h3 {color:#444 !important; padding:20px 10px;}
.modbodycontent2 p {color:#444 !important; padding:20px 10px;}
.modbodycontent2 span {color:#444 !important;}
.modbodycontent2 img {width:90%;}
@media only screen and (max-width: 767px) {
.modbodycontent2 img {width:100%;}
}

@media (min-width: 1198px) and (max-width: 1539px) {
.modbody2 {position:relative;top:0;width:100%;padding:0;}
}
@media (min-width: 480px) and (max-width: 1197px) {
.modbody2 {position:relative;top:0;width:100%;padding:0;}
}
@media only screen and (max-width: 479px) {
.modbody2 {position:relative;top:0;width:100%;padding:0;}
}

.modbody3 {
position:relative;
top:0px;
width:100%;
max-width:100%;
margin:0 auto 0 auto; 
background:url(../../../images/sampledata/Slideshow/012.jpg) no-repeat; 
background-attachment: scroll;
}
.modbody3 img {width:90%;}
@media (min-width: 1198px) and (max-width: 1539px) {
.modbody3 {position:relative;top:0;width:100%;padding:0;}
}
@media (min-width: 480px) and (max-width: 1197px) {
.modbody3 {position:relative;top:0;width:100%;padding:0;}
}
@media only screen and (max-width: 479px) {
.modbody3 {position:relative;top:0;width:100%;padding:0;}
}

@media only screen and (max-width: 767px) {
.modbody3 img {width:100%;}
}
.dubble-left {float: left;width:48%;margin:0 5px}
.dubble-right {float: right;width:100%;}

.leftbar {float:left;}
.mainbar {float:right;}
/*******************************************************/
.radio, .checkbox {min-height: 18px;padding-left: 30px;float: left;}
.star {color:red;}
em {font-style: normal;color: #AE3800;}
.componentheading {font-size:24px; line-height:24px;}
.dropdown-menu { background-color:#0481AB;}
@media only screen and (max-width: 767px) {
.dropdown-menu {background-color:#0481AB !important;}
}
.chrono_credits {visibility:hidden;}
@media only screen and (max-width: 767px) {
.chrono_credits {visibility:hidden;}
}
.control-label  {font-weight:normal;}
/**********************bottom*****************************/
.bottom-bg {
    background-image: url(../images/bg_bottom.jpg );
    background-position:center;
    background-repeat: no-repeat;
    background-attachment:fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	width:100%;
}
@media only screen and (max-width: 479px) {
.bottom-bg {top:30px;}
}

.bottom-1 {width:100%; max-width:1480px;margin:0 auto 0 auto;}
.bottom-2 {width:100%; max-width:1480px;margin:0 auto 0 auto;}
.simple-bottom { background-image: url(../images/bg_bottom.jpg) !important;color:#fff; padding:20px;margin:0 -20px;}
.mod_content {margin:0 20px;font-size:11px;}
.mod_content a {color:#fff;font-weight:300;}
.mod_content a:hover {color:#ccc;}
even:hover.mod_content { background:none !important;}
@media only screen and (max-width: 767px) {
img.mod_content {width:30%;}
}
.clearList {background:none !important;}
h3.mod_content {font-size:1.8em !important;color:#fff;}
h3.mod_content1 {font-size:1.8em !important;color:#fff;}

.mod_content1 {margin:0 20px;font-size:11px;}
@media only screen and (max-width: 767px) {
img.mod_content1 {width:30%;}
}
.simple_2 {border-right:1px solid #fff;margin:0 10px;}
.simple_3 {border-right:1px solid #fff;margin:0 10px;}
.simple_4 {padding:0 10px;}
.simple {
	min-height: 20px;
	padding: 10px;
	margin-bottom: 20px;
	border-right:1px solid #fff;
	font-size:12px;
}
.simple1 {
	min-height: 20px;
	padding: 10px;
	margin-bottom: 20px;
	border-right:1px solid #fff;
	font-size:12px;
}
.footer {background-color: rgba(129,111,115,1);!important;color:#fff; padding:20px 0;margin-top:0px; z-index:2;position:relative;}
.footer2 {}
.footer2 > p > a:link {color:#999 !important;}
.footer1 {float:left;font-size:12px;color:#ededed;padding-left:10px;}
.footer1 > p > a {color:#fff !important;}
.footer1 > p > a:hover {color:#ccc !important;}
@media only screen and (max-width: 767px) {
.footer1 {margin:0 auto;float:none;text-align:center;padding-left:0;}
}
.footer3 {font-size:11px;color:#ededed;margin:0 auto;text-align:center;}
.footer3 hr { margin:0 auto 10px auto; width:35%; border-top:1px dotted #ccc;}
.footer4 {}
@media only screen and (max-width: 767px) {
.footer4 {margin:0 auto;float:none;text-align:center;}
}
/***********************bottom out****************************/
/***********************btn-link******************************/
.btn-link,
.btn-link:active,
.btn-link[disabled] {
	background-color: transparent;
	background-image: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-link {
	border-color: transparent;
	cursor: pointer;
	color: #ededed;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.btn-link:hover,
.btn-link:focus {
	color: #ccc;
	text-decoration: none;
	background-color: transparent;
}

.btn-link1,
.btn-link1:active,
.btn-link1[disabled] {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-link1 {
	border-color: transparent;
	cursor: pointer;
	color: #444;
}
.btn-link1:hover,
.btn-link1:focus {
	color: #9A9898;
	text-decoration: none;
}
.btnhome {margin-bottom:0;}
@media only screen and (max-width: 479px) {
.btnhome {margin-bottom:10px;}
}
/***********************btn-link out****************************/
.front-content-top {font-size:16px;font-family:'Open Sans',Source,Arial,Helvetica,sans-serif !important;font-weight: 300 !important;color:#333;}
.front-content {font-size:18px; line-height:20px;font-family:'Open Sans',Source,Arial,Helvetica,sans-serif !important;font-weight: 300 !important;}
.front-content a {color: #BD5B2D}
.front-content a:hover {color: #ff0000;}
.front-content h2 {color: #444;font-size:28px;font-weight:normal;}
.front-content h3 {color: #BD5B2D;font-size:24px;font-weight:normal;}
.front-content ul li {color: #444;font-size:16px;}
.home-content ul li {color: #444;font-size:16px;line-height:24px;font-family:'Open Sans',Source,Arial,Helvetica,sans-serif !important;font-weight: 300 !important; list-style:none !important;;}
.front-desc {text-align:left !important; line-height:20px;font-size:16px;}
.searchintro strong {font-size:18px;font-family:'Open Sans',Source,Arial,Helvetica,sans-serif !important;font-weight: 300 !important;}
.search-results {font-size:14px;font-family:'Open Sans',Source,Arial,Helvetica,sans-serif !important;font-weight: 300 !important;}
.user-13,user-14,user-15,user-16,user-17,user-18 {font-size:16px;color:#000;font-family:'Open Sans',Source,Arial,Helvetica,sans-serif !important;font-weight: 300 !important;}
.user-13 a {color:#000;font-family:'Open Sans',Source,Arial,Helvetica,sans-serif !important;font-weight: 300 !important;}
.user-13 a:hover {color:#990000;opacity: 0.8;}
img.user-13 hover {color:#990000;opacity: 0.8;}
.itemJFullText, .k2mainwrap {background: #f3f3f3 none repeat scroll 0% 0%;}
.cont_headtitle {font-size:18px;}
.contactText {font-size:14px;}
.frontpage-mod {font-size:20px;}
.floatlogo {width:140px;margin:0 0 10px 20px;float:right;}
@media only screen and (max-width: 767px) {
.floatlogo {width:140px;margin:0 0 10px 0;float:none;}
}

.floatright {width:32%;margin:0 0 10px 20px;float:right;}
@media only screen and (max-width: 767px) {
.floatright {width:100%;margin:0 0 10px 0;float:none;}
}

.frontright {width:40%;margin:0 0 10px 20px;float:right;} 
@media only screen and (max-width: 767px) {
.frontright {width:100%;margin:0 0 10px 0;float:none;}
}

.frontleft {width:40%;margin:0 20px 10px 0;float:left;} 
@media only screen and (max-width: 767px) {
.frontleft {width:100%;margin:0 0 10px 0;float:none;}
}

.floatleft {width:22%;margin:0 20px 10px 0;float:left;}
@media only screen and (max-width: 767px) {
.floatleft {width:100%;margin:0 0 10px 0;}
}

.floatadditional {width:15%;margin:0 20px 10px 0;float:left;}
@media only screen and (max-width: 767px) {
.floatadditional {width:30%;margin:0 0 10px 0;}
}
@media only screen and (max-width: 479px) {
.floatadditional {width:100%;margin:0 0 10px 0;}
}

.floatImgModRight {width:50%;margin:0 20px 10px 20px;float:right !important;}
@media only screen and (max-width: 767px) {
.floatImgModRight {width:100%;margin:0 0 10px 0;}
}

.floatformsbutton {margin:20px 20px 20px 0;float:left;}

.margintextfield {margin:0 0 20px 0;}

.floatleftSmall {width:120px;margin:10px 20px 10px 0;float:left;}
@media only screen and (max-width: 767px) {
.floatleftSmall {width:80px;margin:0 0 10px 0;float:left;}
}

.front-block {
	padding:10px;
	font-size:18px;
	font-family:'Open Sans',Source,Arial,Helvetica,sans-serif !important;
	font-weight: normal !important;
	color:#333;
}
.front-block h3 { border-bottom:1px solid #ccc;padding-bottom:10px;width:80%;}
.equal, .equal > div[class*='col-'] {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex:1 0 auto;
}
.help-block { font-size:12px;}

/********************sitemap***************************/
#xmap ul {
    display : block;
    list-style : none;
    margin : 0;
    padding : 0;
}
#xmap ul li {
    margin : 0 0 0 20px;
    padding : 0;
    background : transparent;
	font-size:16px;
	font-weight:300;
	list-style: url(../images/arrow_1.png);
}
#xmap a img {
    border : none;
}
#xmap ul.level_0 ul {
    list-style: url(../images/arrow_right.png);
    padding : 0 10px;
}
#xmap ul.level_1 li {
    padding : 0 1em 0 0;
	margin: 0 0 0 10px;
	font-size:14px;
	list-style: url(../images/arrow_right.png);
}
#xmap ul.level_2 li {
    padding : 0 1em 0 0;
	margin: 0 0 0 10px;
	font-size:12px;
	list-style: url(../images/arrow_right_2.png);
}
#xmap .active {
    font-style : italic;
}
/********************sitemap out***************************/
/***********************K2*********************************/
div.catItemHeader h3.catItemTitle {
    font-family: "Open Sans",Georgia,"Times New Roman",Times,serif;
    font-size: 24px;
    padding: 10px 0px 4px;
    margin: 0px;
}
div.tagItemHeader h2.tagItemTitle {
    font-family: "Open Sans",Georgia,"Times New Roman",Times,serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 110%;
    padding: 10px 0px 4px;
    margin: 0px;
}
div.catItemIntroText {
    font-family: "Open Sans",Georgia,"Times New Roman",Times,serif;
    /*font-size: inherit;*/
	font-size:16px;
    font-weight: 100;
    line-height: inherit;
    padding: 4px 0px 12px;
}
div.catItemIntroText li {list-style: url(../images/arrow_right.png);margin : 0 0 0 20px;}
div.itemHeader h2.itemTitle {
    font-family: "Open Sans",Georgia,"Times New Roman",Times,serif;
    font-size: 32px;
    font-weight:300;
    line-height: 110%;
    padding: 10px 0px 4px;
    margin: 0px;
}
.catItemTitle a {font-size: 22px;font-weight: normal;}
div.itemFullText {font-weight:300;font-size:16px;}
div.itemFullText li {list-style: url(../images/arrow_right.png);margin : 0 0 0 20px;}
div.itemFullText h4 {font-weight:normal; text-align:center; font-size:20px; position:relative; top:-20px;}
div.itemFullText ez {font-weight:normal; text-align:center !important; font-size:22px; position:relative;left:38%;top:-15px;}
div.itemRelated  li {list-style: none;}
.tagItemBody li {list-style: url(../images/arrow_right.png);margin : 0 0 0 20px;}
div.item-page {font-size: 18px;font-weight: normal; letter-spacing:1px;line-height:24px;}
div.item-page li {list-style: url(../images/arrow_right.png);margin : 0 0 0 20px;font-weight:normal;line-height:24px;}
div.item-page li li {list-style: url(../images/arrow_right.png);margin : 0 0 0 20px;font-weight:normal;line-height:24px;}
div.item-page h2 {font-size:28px;font-weight: normal;line-height:30px;}
div.item-page h3 {font-size:26px;font-weight: normal;line-height:28px;}
@media only screen and (max-width: 767px) {
div.item-page {font-size: 16px;font-weight: normal; letter-spacing:1px;line-height:20px;padding:0 8px;}
div.item-page li {list-style: url(../images/arrow_right.png);margin : 0 0 0 5px;font-weight:normal;line-height:20px;}
div.item-page li li {list-style: url(../images/arrow_right.png);margin : 0 0 0 5px;font-weight:normal;line-height:20px;}
div.item-page h2 {font-size:18px;font-weight: normal;line-height:20px;}
div.item-page h3 {font-size:18px;font-weight: normal;line-height:20px;}
}
div.tagItemView {
    border-bottom: 0px dotted #CCC;
}
span.catItemImage img {
	border:none;
    padding: 0;
	width:100%;
	margin: 20px 1%;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.33);
}
.shadow {box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.33);}
div.itemContainer {}
@media only screen and (max-width: 767px) {
div.itemContainer {float:none;min-width:100%;}
}
div.catItemImageBlock {
    padding: 8px 8px 0 0;
    margin: 0 10px 0 0;
}
div.k2ItemsBlock ul li {background: none;margin: 0 0 12px 0;}
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {
    padding: 0px;
    border: 2px solid #DDD;
    float: right;
    margin: 0px 0px 10px 4px;
}
@media only screen and (max-width: 1279px) {
div.k2ItemsBlock ul li div.moduleItemIntrotext a.moduleItemImage img {margin: -5px 0px 10px 4px;}
}
div.k2ItemsBlock ul li a.moduleItemTitle {
font-weight:normal;
}
div.itemIntroText {
    color: #000;
    font-size: 16px;
	font-weight:300;
    line-height: 18px;
    padding: 4px 0px 12px;
}
div.itemIntroText li {list-style: url(../images/arrow_right.png);margin : 0 0 0 20px;}
div.itemListCategory {
    background: none;
    border: none;
    margin: 4px 0;
    padding: 8px;
	font-size:16px;
	letter-spacing:1px;
}
div.itemFullText h3 {color: #CC6600;}
div.itemToolbar {padding: 3px;margin: 16px 0 0 0;background: #fafafa;border-radius: 4px;}
div.itemExtraFields ul li span.itemExtraFieldsLabel {
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 4px 0 0;
    width: 40%;
}
div.itemExtraFields .even{
    padding: 4px;
    background-color: #fff;
}
div.itemExtraFields .odd{
    padding: 4px;
    background-color: #f8f8f8;
}

div.itemExtraFields .even:hover {background: #FFFFCC;}
div.itemExtraFields .odd:hover {background: #FFFFCC;}

.blockExtraFields {display: block;}
.even{
    padding: 4px 10px;
}
.odd{
    padding:  4px 10px;
    background-color: #f8f8f8;
}
.even:hover {background: #f8f8f8;}
.odd:hover {background: #f8f8f8;}
.itemExtraFieldsLabel {font-weight:bold;width:40%;float: left;}
.itemExtraFieldsValie {font-weight:normal;/*width:60%;*/float: left;}
div.k2CategoriesListBlock ul li {
margin: 0 0 2px 10px;
list-style-image: url(../images/arrow_1.png) !important;
}
div.k2CategoriesListBlock ul li li {margin: 4px 0 0 10px;}
div.k2CategoriesListBlock ul li.activeCategory a {font-weight:normal;}
.itemRelTitle {font-size:14px;}
.itemRelCat {font-size:12px;}
div.itemNavigation {background:none;}
div.tagItemCategory span {font-weight:normal;}
div.itemListCategory ul li {list-style: url(../images/arrow_right.png);margin:0;}
div.itemListCategory img {float:left;display:block;margin:0 8px 20px 0;}
img.itemRelImg {float:right;position:relative;top:0;margin:0 0 0 10px;}
@media only screen and (max-width: 479px) {
img.itemRelImg {position:relative;top:0;}
}
div.itemListCategory p {font-size:16px;font-weight:300;}
div.itemRelated ul li {padding: 8px 5px 15px 5px;margin:0 0 10px 0;}
/**************************K2 out**************************/
/**********************K2 IMAGE************************/
.itemImageBlock {
	margin: 0 0 40px;
	overflow: hidden;
	position: relative;
}
.itemImage {
	display: block;
	line-height: 0;
	overflow: hidden;
	/*box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.33);*/
}
.itemImageBlock img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	height: auto;
	max-width: 100%;
	padding: 0;
	-webkit-transition: all .18s linear;
	-moz-transition: all .18s linear;
	-ms-transition: all .18s linear;
	-o-transition: all .18s linear;
	transition: all .18s linear;
	/*width: 100%!important;*/
}
.itemImageBlock img:hover {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06);
}
.itemImageCaption {
	display: block;
	color: #999;
	padding: 8px 0 0;
	font-size: 11px;
}
.itemImageBlock > a {
	display: block;
	width: 100%;
}
/**********************K2 IMAGE OUT************************/
/**************************callmy**************************/
.callmy {
position:fixed;
bottom:70px;
right:0px;
z-index:1;
}

@media only screen and (max-width: 767px) {
.callmy {bottom:140px;right:0px;}
}

a.jcepopup span.jcemediabox-zoom-image {display:none;}
/**************************callmy out**************************/
/**************************scrollTop**************************/
.scrollTop {
	display:block;
	position:fixed;
	width:50px;
	height:40px;
	bottom:30px;
	right:10px;;
	background: url(../images/arrow_top3.png) no-repeat;	 
	z-index:2000;
	border:none;
}
/**************************scrollTop out**********************/
/******************image load******************/
.opacity-transform {
visibility: hidden;
}
.opacity-transform {
animation-name: my-opacity-transform;
-webkit-animation-name: my-opacity-transform; 
animation-duration: 0.3s; 
-webkit-animation-duration: 0.3s;
animation-timing-function: ease-in; 
-webkit-animation-timing-function: ease-in; 
visibility: visible !important; 
}

.opacity-transform1 {
visibility: hidden;
}
.opacity-transform1 {
animation-name: my-opacity-transform;
-webkit-animation-name: my-opacity-transform; 
animation-duration: 0.4s; 
-webkit-animation-duration: 0.4s;
animation-timing-function: ease-in; 
-webkit-animation-timing-function: ease-in; 
visibility: visible !important; 
}

.opacity-transform2 {
visibility: hidden;
}
.opacity-transform2 {
animation-name: my-opacity-transform;
-webkit-animation-name: my-opacity-transform; 
animation-duration: 0.5s; 
-webkit-animation-duration: 0.5s;
animation-timing-function:ease-in; 
-webkit-animation-timing-function: ease-in; 
visibility: visible !important; 
}

.opacity-transform3 {
visibility: hidden;
}
.opacity-transform3 {
animation-name: my-opacity-transform;
-webkit-animation-name: my-opacity-transform; 
animation-duration: 0.6s; 
-webkit-animation-duration: 0.6s;
animation-timing-function: ease-in; 
-webkit-animation-timing-function: ease-in; 
visibility: visible !important; 
}

.opacity-transform4 {
visibility: hidden;
}
.opacity-transform4 {
animation-name: my-opacity-transform;
-webkit-animation-name: my-opacity-transform; 
animation-duration: 0.7s; 
-webkit-animation-duration: 0.7s;
animation-timing-function: ease-in; 
-webkit-animation-timing-function: ease-in; 
visibility: visible !important; 
}

.opacity-transform5 {
visibility: hidden;
}
.opacity-transform5 {
animation-name: my-opacity-transform;
-webkit-animation-name: my-opacity-transform; 
animation-duration: 0.8s; 
-webkit-animation-duration: 0.8s;
animation-timing-function: ease-in; 
-webkit-animation-timing-function: ease-in; 
visibility: visible !important; 
}

.opacity-transform6 {
visibility: hidden;
}
.opacity-transform6 {
animation-name: my-opacity-transform;
-webkit-animation-name: my-opacity-transform; 
animation-duration: 0.8s; 
-webkit-animation-duration: 0.8s;
animation-timing-function: ease-in; 
-webkit-animation-timing-function: ease-in; 
visibility: visible !important; 
}
@keyframes my-opacity-transform{0%{transform:scale(0);opacity:0}10%{transform:scale(0.1);opacity:.1;transform:scale(0.1);opacity:.1}20%{transform:scale(0.2);opacity:.2}30%{transform:scale(0.3);opacity:.3}40%{transform:scale(0.4);opacity:.4}50%{transform:scale(0.5);opacity:.5}60%{transform:scale(0.6);opacity:.6}70%{transform:scale(0.7);opacity:.7}80%{transform:scale(0.8);opacity:.8}90%{transform:scale(0.9);opacity:.9}100%{transform:scale(1);opacity:1}}
@-webkit-keyframes my-opacity-transform{0%{transform:scale(0);opacity:0}10%{transform:scale(0.1);opacity:.1}20%{transform:scale(0.2);opacity:.2}30%{transform:scale(0.3);opacity:.3}40%{transform:scale(0.4);opacity:.4}50%{transform:scale(0.5);opacity:.5}60%{transform:scale(0.6);opacity:.6}70%{transform:scale(0.7);opacity:.7}80%{transform:scale(0.8);opacity:.8}90%{transform:scale(0.9);opacity:.9}100%{transform:scale(1);opacity:1}}

.img-transform {width:33.33%; float:left;}
@media only screen and (max-width: 767px) {
.img-transform {width:100%;}
}
.homeimgbottom {position:relative;top:-42px;}
@media only screen and (max-width: 767px) {
.homeimgbottom {position:relative;top:0;}
}

.works {padding:10px; font-size:16px;font-weight:300;text-align:left !important; float:left;}
.works em {font-size:20px;font-weight:normal; text-align:center !important;}
/******************image load out**************/
/***************MODUIE SUFFICS CSS*********************/
.bottomMod {background:none; border:none;color:#ededed; font-size:92%;}
.bottomMod h3 {color:#ededed;border-bottom: none;font-size:24px;padding:10px 0;}
.bottomMod li {background:none;color:#ededed;}
.bottomMod li:hover {background:none;color:#ededed;}
.bottomMod li a {color: #ededed; font-size:14px;}
.bottomMod li a:hover,
.bottomMod li a:focus {color: #ccc;text-decoration: none;background-color: transparent;}
.bottomMod a {color: #ededed;}
.bottomMod a:hover,
.bottomMod a:focus {color:#ffff99;text-decoration: none;background-color: transparent;}

.bottomMod1 {background:none; border:none;color:#ededed; font-size:92%;}
.bottomMod1 h3 {color:#ededed;border-bottom: none;font-size:24px;padding:10px 0;}
.bottomMod1 li {background:none;color:#ededed;}
.bottomMod1 li:hover {background:none;color:#ededed;}
.bottomMod1 li a {color: #ededed; font-size:12px;}
.bottomMod1 li a:hover,
.bottomMod1 li a:focus {color: #ccc;text-decoration: none;background-color: transparent;}
.bottomMod1 a {color: #ededed;}
.bottomMod1 a:hover,
.bottomMod1 a:focus {color:#ffff99;text-decoration: none;background-color: transparent;}


.vmcatalog {background-color: #FDEEDB;font-size:14px;}
.vmcatalog h3 {
	font-size:22px;
	font-weight:normal !important;
	background:none;
	display:block;
	padding:5px;
	color:#444;
	border-bottom:3px solid #fff;
	border-radius: 0px;
}
.vmcatalog li {list-style-image: url(../images/arrow_1.png); margin:0 0 0 10px;font-size:16px;}
@media only screen and (max-width: 767px) {
.vmcatalog li {margin:0 0 0 20px;}
}
.vmcatalog li li {list-style-image: url(../images/arrow_right.png); margin-left:-10px;}
.vmcatalog li li li {list-style-image: url(../images/arrow_right_2.png); margin-left:-20px;}
.vm-img-search {width:80px;float:left;margin:5px 10px 15px 0;}
.vmcatalog a {color:#444;}
.vmcatalog a:hover {color: #ff0000;}

.information {background-color: #FDFBE3;}
.information h3 {
	font-size:22px;
	font-weight:normal !important;
	background:none;
	display:block;
	padding:5px;
	color:#444;
	border-bottom:3px solid #fff;
	border-radius: 0px;
}
.information li { line-height:23px;padding:0 0;margin:0 0 0 0;}
.information li � {padding:0 8px;}
.information li �:hover { text-decoration:none !important;}
.information li:hover {background-color: #f8f8f9;}


.lastnews {background:none;border:none;margin:10px 0;}
.lastnews h3 {
	font-size:30px;
	font-weight:normal !important;
	background:none;
	display:block;
	padding:5px;
	color:#444;
	border: none;
	border-radius: 0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif; 
	line-height:34px;
}
.lastnews a {color:#444;font-size:18px;}
.lastnews a:hover {color: #B76B33;}
.lastnews li { line-height:14px;font-size:13px; font-weight:100;padding:6px 10px !important;}
.lastnews li � {padding:0 8px;font-size:16px;font-weight:normal;color:#444 !important;}
.lastnews li �:hover { text-decoration:none !important;color: #0099FF !important;}
.lastnews li:hover {background-color: #f8f8f9;}

.inforight {background: #F2F9FF;margin:10px 0;border-radius:3px;box-shadow: inset 0 0px 0px rgba(0,0,0,0.05);}
.inforight h3 {
	font-size:22px;
	font-weight:normal !important;
	background:none;
	display:block;
	padding:5px;
	color:#444;
	border-bottom:3px solid #ccc;
	border-radius: 0px;
}
.inforight a {color:#444;font-size:13px;}
.inforight a:hover {color: #B76B33;}
.inforight li { line-height:14px;font-size:13px; font-weight:100;padding:3px 10px !important;}
.inforight li � {padding:0 8px;font-size:16px;font-weight:normal;color:#444 !important;}
.inforight li �:hover { text-decoration:none !important;color: #0099FF !important;}
.inforight li:hover {background-color: #f8f8f9;}

.popular {background-color: #fff;}
.popular h3 {
	font-size:22px;
	font-weight:normal !important;
	background:none;
	display:block;
	padding:5px;
	color:#444;
	border-bottom:3px solid #ccc;
	border-radius: 0px;
}
.filter-search {background-color: #F4F4F4;padding:5px 10px 25px 10px;color:#444!important;}
.filter-search h3 {
	font-size:22px;
	font-weight:normal !important;
	background:none;
	display:block;
	padding:5px;
	color:#444;
	border-bottom:2px solid #fff;
	border-radius: 0px;
}
div.k2TagCloudBlock a {color: #444;}
div.k2TagCloudBlock a:hover {background-color: #999;}

.mod-meta {background-color: #F8FBE8;padding:5px 10px 25px 10px;display: block !important;}
.mod-meta h3 {
	font-size:22px;
	font-weight:normal !important;
	background:none;
	display:block;
	padding:10px 5px;
	color:#444;
	border-bottom:2px solid #ccc;
	border-radius: 0px;
}
div.mod-meta a {color:#666 !important;padding:0 3px;}
div.mod-meta a:hover {
color:#fff !important; 
text-decoration:none !important;
background-color: #9D9D9D !important;
border:0px solid;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
}

.catmodule {background:#fff;}
.catmodule h3 {
	font-size:22px;
	font-weight:normal !important;
	background:none;
	display:block;
	padding:5px;
	color:#444;
	border-bottom:3px solid #ccc;
	border-radius: 0px;
}
.catmodule a {color:#444;font-size:14px;font-weight:normal;}
.catmodule a:hover {color: #ff0000;}
.catmodule ul li {background:none !important;}
.catmodule-img {width:70%;}
@media (min-width: 481px) and (max-width: 939px) {
.catmodule-img {width:50%;max-width:250px;}
}
@media (min-width: 400px) and (max-width: 480px) {
.catmodule-img {width:100%;}
}
@media only screen and (max-width: 399px) {
.catmodule-img {width:100%;}
}

.couponmodule {background: none;border:none;box-shadow:inset 0 0 0 rgba(0,0,0,0.05);border-radius:0;padding:0;}
.couponmodule img {width:100% !important;float:left;}
@media only screen and (max-width: 979px) {
.couponmodule {width:100% !important;float:none; text-align:center;margin:0 auto 0 auto;}
}

.onlinemodule {background: none;border:none;box-shadow:inset 0 0 0 rgba(0,0,0,0.05);border-radius:0;padding:0;}
.onlinemodule img {width:100% !important;float:left;margin-bottom: 20px;}
@media only screen and (max-width: 979px) {
.onlinemodule {width:100% !important;float:none; text-align:center;margin: 10px auto  10px auto;}
}

.imgtop {position: relative;bottom: 15px;}
.iconsfooter {font-size:18px;}

img.right-image {margin: 0 0 10px 10px; float: right !important;}
@media only screen and (max-width: 559px) {
img.right-image {margin: 10px; float:left;width:98% !important;}
}
img.left-image {margin: 0 10px 10px 0; float: left;}
@media only screen and (max-width: 559px) {
img.left-image {margin: 10px; float:left;width:98% !important;}
}
iframe.right-image {margin: 0 0 10px 10px;width:40% !important; height:210px; float: right !important;}
@media only screen and (max-width: 559px) {
iframe.right-image {margin: 10px; float:left;width:98% !important;}
}
.result-created {font-size:12px !important;}

.pos4 { display:none !important;}
@media only screen and (max-width: 767px) {
.pos4 {display: block !important;}
}
.mod-newprod {text-align:center !important;}
.mod-newprod h3 {text-align:left !important;position:relative;top:-5px;background: #ededed;display: block;font-size:18px;font-weight:300;padding:5px 10px;}

@media only screen and (max-width: 767px) {
#dj-megamenu157mobile {
    display: block;
    background-color: rgba(35,33,64,1);
    padding: 5px 0 5px 0;
}
}
/***************MODUIE SUFFICS CSS OUT*********************/
/**************************************************************************
 * Bootstrap v3.3.7 (http://getbootstrap.com)
/**************************************************************************/
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}

html {
  font-size: 10px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img, {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ccc;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}

/***********************************************************/
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  /*padding-right: 0px;*/
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: 0px;
  margin-left: 0px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 73%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 32.33333333%;
  }
  .col-sm-3 {
    width: 23%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 940px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 32.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {

    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
/**************************Bootstrap v3.3.7 OUT ******************************************/
/******************image load******************/
.opacity-transform {
visibility: hidden;
}
.opacity-transform {
animation-name: my-opacity-transform;
-webkit-animation-name: my-opacity-transform; 
animation-duration: 0.3s; 
-webkit-animation-duration: 0.3s;
animation-timing-function: ease-in; 
-webkit-animation-timing-function: ease-in; 
visibility: visible !important; 
}

.opacity-transform1 {
visibility: hidden;
}
.opacity-transform1 {
animation-name: my-opacity-transform;
-webkit-animation-name: my-opacity-transform; 
animation-duration: 0.4s; 
-webkit-animation-duration: 0.4s;
animation-timing-function: ease-in; 
-webkit-animation-timing-function: ease-in; 
visibility: visible !important; 
}

.opacity-transform2 {
visibility: hidden;
}
.opacity-transform2 {
animation-name: my-opacity-transform;
-webkit-animation-name: my-opacity-transform; 
animation-duration: 0.5s; 
-webkit-animation-duration: 0.5s;
animation-timing-function:ease-in; 
-webkit-animation-timing-function: ease-in; 
visibility: visible !important; 
}

.opacity-transform3 {
visibility: hidden;
}
.opacity-transform3 {
animation-name: my-opacity-transform;
-webkit-animation-name: my-opacity-transform; 
animation-duration: 0.6s; 
-webkit-animation-duration: 0.6s;
animation-timing-function: ease-in; 
-webkit-animation-timing-function: ease-in; 
visibility: visible !important; 
}

.opacity-transform4 {
visibility: hidden;
}
.opacity-transform4 {
animation-name: my-opacity-transform;
-webkit-animation-name: my-opacity-transform; 
animation-duration: 0.7s; 
-webkit-animation-duration: 0.7s;
animation-timing-function: ease-in; 
-webkit-animation-timing-function: ease-in; 
visibility: visible !important; 
}

.opacity-transform5 {
visibility: hidden;
}
.opacity-transform5 {
animation-name: my-opacity-transform;
-webkit-animation-name: my-opacity-transform; 
animation-duration: 0.8s; 
-webkit-animation-duration: 0.8s;
animation-timing-function: ease-in; 
-webkit-animation-timing-function: ease-in; 
visibility: visible !important; 
}

.opacity-transform6 {
visibility: hidden;
}
.opacity-transform6 {
animation-name: my-opacity-transform;
-webkit-animation-name: my-opacity-transform; 
animation-duration: 0.8s; 
-webkit-animation-duration: 0.8s;
animation-timing-function: ease-in; 
-webkit-animation-timing-function: ease-in; 
visibility: visible !important; 
}
.opacity-transform7 {
visibility: hidden;
}
.opacity-transform7 {
animation-name: my-opacity-transform;
-webkit-animation-name: my-opacity-transform; 
animation-duration: 0.9s; 
-webkit-animation-duration: 0.9s;
animation-timing-function: ease-in; 
-webkit-animation-timing-function: ease-in; 
visibility: visible !important; 
}
@keyframes my-opacity-transform{0%{transform:scale(0);opacity:0}10%{transform:scale(0.1);opacity:.1;transform:scale(0.1);opacity:.1}20%{transform:scale(0.2);opacity:.2}30%{transform:scale(0.3);opacity:.3}40%{transform:scale(0.4);opacity:.4}50%{transform:scale(0.5);opacity:.5}60%{transform:scale(0.6);opacity:.6}70%{transform:scale(0.7);opacity:.7}80%{transform:scale(0.8);opacity:.8}90%{transform:scale(0.9);opacity:.9}100%{transform:scale(1);opacity:1}}
@-webkit-keyframes my-opacity-transform{0%{transform:scale(0);opacity:0}10%{transform:scale(0.1);opacity:.1}20%{transform:scale(0.2);opacity:.2}30%{transform:scale(0.3);opacity:.3}40%{transform:scale(0.4);opacity:.4}50%{transform:scale(0.5);opacity:.5}60%{transform:scale(0.6);opacity:.6}70%{transform:scale(0.7);opacity:.7}80%{transform:scale(0.8);opacity:.8}90%{transform:scale(0.9);opacity:.9}100%{transform:scale(1);opacity:1}}

.img-transform {width:33.33%; float:left;}
@media only screen and (max-width: 767px) {
.img-transform {width:100%;}
}
.homeimgbottom {position:relative;top:-42px;}
@media only screen and (max-width: 767px) {
.homeimgbottom {position:relative;top:0;}
}

.img-transform4 {width:25%; float:left;}
@media only screen and (max-width: 767px) {
.img-transform4 {width:100%;}
}
.homeimgbottom4 {position:relative;top:-82px;}
@media only screen and (max-width: 767px) {
.homeimgbottom4 {position:relative;top:0;}
}

.img-transform8 {width:12.5%; float:left;}
@media (min-width: 480px) and (max-width: 767px) {
.img-transform8 {width:25%;}
}
@media only screen and (max-width: 479px) {
.img-transform8 {width:50%;}
}

.homeimgbottom8 {position:relative;top:-62px;}
@media only screen and (max-width: 767px) {
.homeimgbottom4 {position:relative;top:0;}
}

.homeimgbottom0 {position:relative;top:-100px;}
@media only screen and (max-width: 767px) {
.homeimgbottom0 {position:relative;top:0;}
}
@media only screen and (max-width: 767px) {
.homeimgbottom1 {position:relative;top:0;}
}

.homeimgbottom1 {position:relative;top:-42px;}
@media only screen and (max-width: 767px) {
.homeimgbottom1 {position:relative;top:0;}
}
.homeimgbottom2 {position:relative;top:-82px;}
@media only screen and (max-width: 767px) {
.homeimgbottom2 {position:relative;top:0;}
}
.homeimgbottom3 {position:relative;top:-124px;}
@media only screen and (max-width: 767px) {
.homeimgbottom3 {position:relative;top:0;}
}
.homeimgbottom5 {position:relative;top:-152px;}
@media only screen and (max-width: 767px) {
.homeimgbottom5 {position:relative;top:0;}
}
.homeimgbottom6 {position:relative;top:-190px;}
@media only screen and (max-width: 767px) {
.homeimgbottom6 {position:relative;top:0;}
}
.homeimgbottom7 {position:relative;top:-228px;}
@media only screen and (max-width: 767px) {
.homeimgbottom7 {position:relative;top:0;}
}
.homeimgbottom8 {position:relative;top:-266px;}
@media only screen and (max-width: 767px) {
.homeimgbottom8 {position:relative;top:0;}
}
.homeimgbottom9 {position:relative;top:-304px;}
@media only screen and (max-width: 767px) {
.homeimgbottom9 {position:relative;top:0;}
}
/******************image load out**************/
/**********************ICON IMAGE************************/
.iconImageBlock {
	margin: 0 0 10px;
	overflow: hidden;
	position: relative;
}
.iconImage {
	display: block;
	line-height: 0;
	overflow: hidden;
	/*box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.33);*/
}
.iconImageBlock img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	height: auto;
	max-width: 90px;
	padding: 0;
	-webkit-transition: all .18s linear;
	-moz-transition: all .18s linear;
	-ms-transition: all .18s linear;
	-o-transition: all .18s linear;
	transition: all .18s linear;
	width: 90px !important;
}
@media (min-width: 520px) and (max-width: 991px) {
.iconImageBlock img {max-width: 90px;width:90px !important;}
}
@media only screen and (max-width: 519px) {
.iconImageBlock img {max-width: 80px;width:80px !important;}
}
.iconImageBlock img:hover {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06);
}
.iconImageBlock a {color:#fff;}
.iconImageBlock a:hover {color: #ffff00;}
.iconImageCaption {
	display: block;
	color: #999;
	padding: 8px 0 0;
	font-size: 11px;
}
.iconImageBlock > a {
	display: block;
}

.iconImageBlock1 {
	margin: 0 0 40px;
	overflow: hidden;
	position: relative;
}
.iconImage1 {
	display: block;
	line-height: 0;
	overflow: hidden;
	/*box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.33);*/
}
.iconImageBlock1 img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	height: auto;
	max-width: 200px;
	padding: 0;
	-webkit-transition: all .18s linear;
	-moz-transition: all .18s linear;
	-ms-transition: all .18s linear;
	-o-transition: all .18s linear;
	transition: all .18s linear;
	width: 200px !important;
	text-align:center !important;
}
@media only screen and (max-width: 767px) {
.iconImageBlock1 img {max-width: 120px;width:120px !important;}
}
@media only screen and (max-width: 519px) {
.iconImageBlock1 img {max-width: 60px;width:60px !important;}
}
.iconImageBlock1 img:hover {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06);
}
.iconImageBlock1 > a {
	display: block;
}
.iconImageBlock1 span { display:block; font-size:18px; font-weight:300; padding:0 7px;}
@media only screen and (max-width: 767px) {
.iconImageBlock1 span { display:none;font-size:14px;}
}
.iconImageBlock1 h4 {font-size:22px;font-weight:normal;}
@media only screen and (max-width: 767px) {
.iconImageBlock1 h4 { font-size:16px;}
}
@media only screen and (max-width: 479px) {
.iconImageBlock1 h4 { font-size:14px;}
}


.iconImageBlock2 {
	margin: 0 0 40px;
	overflow: hidden;
	position: relative;
}
.iconImage2 {
	display: block;
	line-height: 0;
	overflow: hidden;
	/*box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.33);*/
}
.iconImageBlock2 img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	height: auto;
	max-width: 150px;
	padding: 0;
	-webkit-transition: all .18s linear;
	-moz-transition: all .18s linear;
	-ms-transition: all .18s linear;
	-o-transition: all .18s linear;
	transition: all .18s linear;
	width: 150px !important;
	text-align:center !important;
}
@media only screen and (max-width: 767px) {
.iconImageBlock2 img {max-width: 120px;width:120px !important;}
}
@media only screen and (max-width: 519px) {
.iconImageBlock2 img {max-width: 60px;width:60px !important;}
}
.iconImageBlock2 img:hover {
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-ms-transform: scale(1.06);
	-o-transform: scale(1.06);
	transform: scale(1.06);
}
.iconImageBlock2 > a {
	display: block;
}
.iconImageBlock2 span { display:block; font-size:18px; font-weight:300; padding:0 7px;}
@media only screen and (max-width: 767px) {
.iconImageBlock2 span { display:none;font-size:14px;}
}
.iconImageBlock2 h4 {font-size:22px;font-weight:normal;}
@media only screen and (max-width: 767px) {
.iconImageBlock2 h4 { font-size:16px;}
}
@media only screen and (max-width: 479px) {
.iconImageBlock2 h4 { font-size:14px;}
}

.iconhome {font-size:16px;font-weight:normal;}
@media (min-width: 568px) and (max-width: 991px) {
.iconhome {font-size:14px;font-weight:300;}
}
@media only screen and (max-width: 567px) {
.iconhome {font-size:70%;font-weight:300;}
}
/**********************ICON IMAGE OUT************************/
*[class^="revealator"] {
    display: inline-block;
    height: auto;
    margin: 0 auto;
    width: 24.5%;
}
@media (min-width: 520px) and (max-width: 991px) {
*[class^="revealator"] {width: 47% !important;}
}
@media only screen and (max-width: 519px) {
*[class^="revealator"] {width: 100% !important;}
}

.book-top {color:#fff; background:none; border:2px solid #fff; padding:2px 5px;text-shadow: 0 0 3px rgba(0, 0, 0, 1), 0 0 5px rgba(0, 0, 0, 1); -webkit-border-radius3px;-moz-border-radius:3px;border-radius:3px;}
.book-top:hover {color: #ffff00;border:2px solid #ffff00;}
c.book-topmargin {border:none;line-height:30px;}
.imagebook {color:#fff; background:none; border:2px solid #fff; padding:3px;text-shadow: 0 0 3px rgba(0, 0, 0, 1), 0 0 5px rgba(0, 0, 0, 1);-webkit-border-radius3px;-moz-border-radius:3px;border-radius:3px;}
.imagebook:hover {color: #ffff00;border:2px solid #ffff00;}
.imagebook-out {position:absolute;top:20px;left:0;right:0;}
a.jcepopup span.jcemediabox-zoom-link, a.jcepopup span.jcemediabox-zoom-link.icon-right, a.jcepopup span.jcemediabox-zoom-link.zoom-right {
    padding-right: 16px;
    background: none;
    display: none;
}

.hotel-price {
    /*display: block;*/
    height: auto;
    margin: 0 auto;
    width: 14.0%;
	text-align:center;
	font-size:14px;
	float:left;
	padding:10px;
}
.hotel-price b {color:brown; font-weight:bold;font-size:18px;}
@media (min-width: 480px) and (max-width: 1078px) {
.hotel-price {width: 44% !important; text-align:center;margin: 0 auto 0 auto;}
}
@media only screen and (max-width: 479px) {
.hotel-price {width: 95% !important;}
}

.ui.form .field > label {
    display: block;
    margin: 0 0 4.00000006px 0;
    color: rgba(0,0,0,.87);
    font-size:1.1em !important;
    font-weight: normal !important;
    text-transform: none;
	max-width:30% !important;
}

/*****************************CFRONOFORMS6*********************/
.ui.form .field.error input:not([type]), .ui.form .field.error input[type="date"], .ui.form .field.error input[type="datetime-local"], .ui.form .field.error input[type="email"], .ui.form .field.error input[type="file"], .ui.form .field.error input[type="number"], .ui.form .field.error input[type="password"], .ui.form .field.error input[type="search"], .ui.form .field.error input[type="tel"], .ui.form .field.error input[type="text"], .ui.form .field.error input[type="time"], .ui.form .field.error input[type="url"], .ui.form .field.error select, .ui.form .field.error textarea, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="datetime-local"], .ui.form .fields.error .field input[type="email"], .ui.form .fields.error .field input[type="file"], .ui.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="search"], .ui.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="time"], .ui.form .fields.error .field input[type="url"], .ui.form .fields.error .field select, .ui.form .fields.error .field textarea
{max-width:70% !important; position:relative !important;top:-30px !important;float:right !important;}

@media only screen and (max-width: 479px) {
.ui.form .field.error input:not([type]), .ui.form .field.error input[type="date"], .ui.form .field.error input[type="datetime-local"], .ui.form .field.error input[type="email"], .ui.form .field.error input[type="file"], .ui.form .field.error input[type="number"], .ui.form .field.error input[type="password"], .ui.form .field.error input[type="search"], .ui.form .field.error input[type="tel"], .ui.form .field.error input[type="text"], .ui.form .field.error input[type="time"], .ui.form .field.error input[type="url"], .ui.form .field.error select, .ui.form .field.error textarea, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="datetime-local"], .ui.form .fields.error .field input[type="email"], .ui.form .fields.error .field input[type="file"], .ui.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="search"], .ui.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="time"], .ui.form .fields.error .field input[type="url"], .ui.form .fields.error .field select, .ui.form .fields.error .field textarea
{max-width:100% !important; position:relative !important;top:0px !important;float:left !important;}
}

.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"]
{max-width:70% !important; position:relative !important;top:-30px !important;float:right !important;}

@media only screen and (max-width: 479px) {
.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"]
{max-width:100% !important; position:relative !important;top:0px !important;float:left !important;}
}
/*****************************CFRONOFORMS6 OUT*********************/
.price-info {
    /*display: block;*/
    height: auto;
    margin: 0 auto;
    width: 18.5%;
	text-align:center;
	font-size:14px;
	float:left;
	padding:10px 4px;
}
.price-info b {color:brown; font-weight:bold;font-size:18px;}
@media (min-width: 480px) and (max-width: 1078px) {
.price-info {width: 30% !important; text-align:center;margin: 0 auto 0 auto;}
}
@media only screen and (max-width: 479px) {
.price-info {width: 43% !important;}
}

.rightbar {}
@media only screen and (max-width: 767px) {
.rightbar {margin:0 0 10px 0;}
}
.red {color:red;}
.room-name {font-size:18px; font-weight:normal; text-align:center;padding:10px;}
/*****************tabletov*************************/
.tabletov {text-align:left; font-size:14px; width:100%;}
.tabletov th { padding: 6px 10px 6px 10px; text-align: center; background:#B7B7B7; color:#fff; border-right:1px solid #fff;}
.tabletov tr {background: #f2f2f2; padding: 4px 0}
.tabletov tr:nth-child(odd) {background: #F5F5F5;padding: 6px 0}
.tabletov tr:hover {background: #f8f8f8;padding: 6px 0}
.tabletov td {padding: 6px 0 6px 10px; text-align: left; }
.tabletov a {color:#fff;}
.tabletov a:hover {color: #ffff99;}
.tabletov u {color:red; text-decoration: line-through;font-size:16px;font-weight:bold;}
.tabletov n {color:red; font-size:16px;font-weight:bold;}
/*****************tabletov out*************************/
.muted {visibility: hidden;}

/********************phone icon********************/
 #popup_toggle{bottom:25px;right:0px;position:absolute;}
@media only screen and (max-width: 767px) {
#popup_toggle {top:25px;right:0px;position:fixed;}
}
.img-circle{background-color:#29AEE3;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #29AEE3;width:80px;height:80px;bottom:-5px;right:0px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
@media only screen and (max-width: 767px) {
.circlephone{top:-5px;right:0px;position:absolute;}
}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#29AEE3;width:60px;height:60px;bottom:4px;right:11px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
@media only screen and (max-width: 767px) {
.circle-fill{top:5px;right:9px;position:absolute;}
}

.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:42px;height:42px;bottom: 14px;right: 19px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
@media only screen and (max-width: 767px) {
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:42px;height:42px;top: 14px;right: 19px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
}

.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:42px;height:42px;background-image:url(../../../images/mini.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
}
/****************************phone icon out****************************/
/*********************		Special Effects for Images 			******************************************/

.js-border .main_component [class*="effect-image"] img {
display: block;
position: relative;
background: transparent;
border:none;
border-radius: 0;
box-shadow:none;
margin: 0;
padding: 0;
}

[class*="effect-image"] {
position: relative;
float: left;
overflow: hidden;
margin: 0%;
max-width:100%;
text-align: center;
box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.33);
}

[class*="effect-image"] + p, [class*="effect-image"] + h1, [class*="effect-image"] + h2,
[class*="effect-image"] + h3, [class*="effect-image"] + h4, [class*="effect-image"] + h5 {
clear:both;
}


[class*="effect-image"] img {
position: relative;
display: block;
width:100%;

}

[class*="effect-image"] figcaption {
padding: 2em;
color: #fff;
font-size: 1.25em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

[class*="effect-image"] figcaption::before,
[class*="effect-image"] figcaption::after {
pointer-events: none;
}

[class*="effect-image"] figcaption,
[class*="effect-image"] figcaption > a {
position: absolute;
top: 0;
bottom:0;
left: 0;
right:0;
font-style:normal;
}

/* Anchor will cover the whole item by default */

[class*="effect-image"] figcaption > a {
z-index: 1000;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
}

[class*="effect-image"] h3 {
text-transform: uppercase;
text-shadow: 0 0 1px rgba(0, 0, 0, 1), 0 0 20px rgba(0, 0, 0, 1);
font-weight: 300;
font-size:32px;
}
@media only screen and (max-width: 979px) {
[class*="effect-image"] h3 {font-size:24px;}
}

[class*="effect-image"] h3 span {
font-weight: 800;
}

[class*="effect-image"] h3, [class*="effect-image"] p {
margin: 0;
padding:0;
}

[class*="effect-image"] p {
letter-spacing: 1px;
font-size: 70%;
}

[class*="effect-image"] h3 {
color: #fff;font-weight:bold; 
}
[class*="effect-image"] p {
color: #fff;
}

[class*="effect-image"] a, [class*="effect-image"] a:hover {
color:yellow;
}

/*****		EFFECT 01		**********/

.effect-image-1 {
box-shadow:none;
}
.effect-image-1:hover {
background: #403315;
}

.effect-image-1 figcaption {
padding: 0em;
}

@media screen and (min-width: 600px) {

	.effect-image-1 figcaption::before,
	.effect-image-1 figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
	}
	
	.effect-image-1 figcaption::before {
	top: 12px;
	right: 12px;
	bottom: 12px;
	left: 12px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	}
	
	.effect-image-1 figcaption::after {
	top: 12px;
	right: 12px;
	bottom: 12px;
	left: 12px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	-ms-transform: scale(1);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	}
	
}

@media screen and (min-width: 600px) {

	.effect-image-1 h3 {
	padding-top: 5%;
	transition: transform 0.35s;
	}
	
	.effect-image-1 h3 {
	-webkit-transform: translate3d(0,25px,0);
	transform: translate3d(0,25px,0);
	}

}

.effect-image-1 p {
padding: 1em 2em 0.5em 2em;
text-transform: none;
opacity: 0;
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
font-size:12px;
}
@media only screen and (max-width: 555px) {
.effect-image-1 p {
display:none;
}
}

@media screen and (max-width: 600px) {
	
	.effect-image-1 figcaption {
	padding: 20px;
	}

	.effect-image-1 p {
	padding: 8px 0px 0 0px;
	}
}

.effect-image-1 img, .effect-image-1 figcaption::before,
.effect-image-1 figcaption::after, .effect-image-1 p {
transition: opacity 0.35s, transform 0.35s;
}

.effect-image-1:hover img {
opacity: 0.5;
}

.effect-image-1:hover figcaption::before, .effect-image-1:hover figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

.effect-image-1:hover h3, .effect-image-1:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

.effect-image-1:hover figcaption::after, .effect-image-1:hover h3,
.effect-image-1:hover p, .effect-image-1:hover img {
transition-delay: 0.15s;
}

/*****		EFFECT 02		**********/
.effect-image-2 {
background: #22682a; /* Old browsers */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjI2ODJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjOWI0YTFiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhMzQyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  #22682a 0%, #9b4a1b 40%, #3a342a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#22682a), color-stop(40%,#9b4a1b), color-stop(100%,#3a342a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  #22682a 0%,#9b4a1b 40%,#3a342a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  #22682a 0%,#9b4a1b 40%,#3a342a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  #22682a 0%,#9b4a1b 40%,#3a342a 100%); /* IE10+ */
background: linear-gradient(45deg,  #22682a 0%,#9b4a1b 40%,#3a342a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22682a', endColorstr='#3a342a',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}

.effect-image-2 img {
opacity: 1;
transition: opacity 0.35s;
}

.effect-image-2 figcaption {
padding: 3em;
transition: background-color 0.35s;
}

@media screen and (min-width: 600px) {

	.effect-image-2 figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	}

}

.effect-image-2 h3 {
margin: 20% 0 10px 0;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}

.effect-image-2 figcaption::before,
.effect-image-2 p {
opacity: 0;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}

.effect-image-2:hover h3 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

.effect-image-2:hover figcaption::before,
.effect-image-2:hover p {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

.effect-image-2:hover figcaption {
background-color: rgba(58,52,42,0);
}

.effect-image-2:hover img {
opacity: 0.4;
}

@media screen and (max-width: 600px) {
	.effect-image-2 figcaption {
	padding: 20px;
	}	
	.effect-image-2 h3 {
	margin: 10px 0;
	}
}
/*****		EFFECT 03		**********/
.effect-image-3 figcaption {
text-align: right;
}
.effect-image-3 figcaption:hover {
background: rgba(0,0,0,0.25);
}
.effect-image-3 h3, .effect-image-3 p {
/*position: absolute;*/
right: 30px;
left: 30px;
padding: 10px 0;
}
.effect-image-3 p {
bottom: 30px;
line-height: 1.5;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
font-size:12px;
}
@media only screen and (max-width: 1180px) {
.effect-image-3 p {
display:none;
}
}
.effect-image-3 h3 {
top: 30px;
font-size:22px;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
.effect-image-3:hover h3 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.effect-image-3 h3::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: '';
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}
.effect-image-3 h3::after,
.effect-image-3 p {
opacity: 0;
transition: opacity 0.35s, transform 0.35s;
}
.effect-image-3:hover h3::after,
.effect-image-3:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*****		EFFECT 04		**********/
.effect-image-4 {
background: #030c17;
}
.effect-image-4 img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
@media screen and (min-width: 600px) {
	.effect-image-4 figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
	}
	
}
.effect-image-4 h3 {
margin: 20% 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
@media screen and (max-width: 600px) {	
	.effect-image-4 h3 {
	margin: 10px 0;
	}
}
.effect-image-4 p {
padding: 1em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
.effect-image-4:hover h3 {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.effect-image-4:hover figcaption::before,
.effect-image-4:hover p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}

.effect-image-4:hover figcaption {
background-color: rgba(58,52,42,0);
}
.effect-image-4:hover img {
opacity: 0.4;
}
/*****		EFFECT 05		**********/
.effect-image-5 {
background: #2e5d5a;
}
.effect-image-5 img {
max-width: none;
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
opacity: 1;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-30px,0,0) scale(1.12);
transform: translate3d(-30px,0,0) scale(1.12);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.effect-image-5:hover img {

opacity: 0.5;
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1);
}
.effect-image-5 h3 {
position: absolute;
right: 0;
bottom: 0;
padding: 1em 1.2em;
}
.effect-image-5 p {
padding: 0 10px 0 0;
width: 50%;
border-right: 1px solid #fff;
text-align: right;
opacity: 0;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
}
@media screen and (max-width: 600px) {
	.effect-image-5 p {
	width: 80%;
	}
}
.effect-image-5:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*****		EFFECT 06		**********/
.effect-image-6 {
background: #3498db;
}
.effect-image-6 img {
opacity: 0.95;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
.effect-image-6 figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.5);
content: '';
transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.effect-image-6 p {
position: absolute;
right: 0;
bottom: 0;
margin: 3em;
padding: 0 1em;
max-width: 150px;
border-right: 4px solid #fff;
text-align: right;
	opacity: 0;
	transition: opacity 0.35s;
	}	
	@media screen and (max-width: 600px) {	
	.effect-image-6 p {
	margin: 12px;
	padding: 0 8px;
	max-width: none;
	border-right: 2px solid #fff;
	}
}

.effect-image-6 h3 {
text-align: left;
}
.effect-image-6:hover img {
opacity: 0.6;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.effect-image-6:hover figcaption::before {
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.effect-image-6:hover p {
opacity: 1;
transition-delay: 0.1s;
}
/************************************/
/******************MODULE CARUSEL HOME******************/
.post-slide{
 margin: 0 15px;
 border-bottom: 1px solid #dadada;
 box-shadow: 0 0 5px rgba(167, 197, 167, 0.8);
 transition: all 0.4s ease-in-out 0s;
}
.post-slide .post-img{
 position: relative;
 overflow: hidden;
}
.post-slide .post-img:before{
 content: "";
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: rgba(0, 0, 0, 0);
 transition: all 0.4s linear 0s;
}
.post-slide:hover .post-img:before{
 background: rgba(0, 0, 0, 0.6);
}
.post-slide .post-img img{
 width: 100%;
 height: auto;
}
.post-slide .category {
    width: 40%;
    font-size: 14px;
    color: #fff;
    line-height: 14px;
    text-align: center;
    padding: 11px 10px;
    background: #9B7DF5;
    position: absolute;
    bottom: 0;
    left: -50%;
    transition: all 0.5s ease-in-out 0s;
}
.post-slide:hover .category{
 left: 0;
}
.post-slide .post-review{
 padding: 25px 20px;
 background: #fff;
 position: relative;
}
.post-slide .post-title{
 margin: 0;
}
.post-slide .post-title a{
 display: inline-block;
 font-size: 16px;
 color: brown;
 font-weight: bold;
 letter-spacing: 2px;
 text-transform: uppercase;
 margin-bottom: 10px;
 transition: all 0.30s linear 0s;
}
.post-slide .post-title a:hover{
 text-decoration: none;
 color: #555;
}
.post-slide .post-description{
 text-align:left;
 font-size: 14px;
 color: #555;
 line-height: 14px;
}
.post-review .post-bar{
 margin-top: 20px;
}
.post-bar span{
 display: inline-block;
 font-size: 14px;
}
.post-bar span i{
 margin-right: 5px;
 color: #999;
}
.post-bar span a{
 color: #999;
 text-transform: uppercase;
}
.post-bar span a:hover{
 text-decoration: none;
 color: #9B7DF5;
}
.post-bar span.comments{
 float: right;
}
@media only screen and (max-width: 359px) {
 .post-slide .category{ font-size: 13px; }
}
/************************MODULE CARUSEL HOME OUT******************************/
/************************MODULE PROMOTION*************************************/
.promotion {display:inline-block;position:relative;}
.promotion .promotion_text {
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
    color:#fff !important;
    padding:10px;
    background-color:rgba(0,0,0,0.3);     
}
.promotion_text z {font-family:Arial, Helvetica, sans-serif;font-size:22px;font-style:normal;font-weight:normal;color:fff !important;}
@media only screen and (max-width: 1023px) {
.promotion_text z {font-size:18px;}
}
@media only screen and (max-width: 339px) {
.promotion_text z {font-size:14px;}
}
.promotion_link a {color:fff !important;}
.promotion_link a:hover {color: #ffff00;}
.promotion span {font-family: "Open Sans",Arial, Helvetica, sans-serif;font-size:16px;font-weight:300; }
@media only screen and (max-width: 1023px) {
.promotion span {font-size:12px;}
}
.promotion img {width:100%;max-width:600px;}
.promotion hr {border: 0;border-top: 1px solid #ccc;}
.promotion_home h2 {color:#333 !important;font-size:32px !important;font-weight:normal !important;font-family:Arial, Helvetica, sans-serif; line-height:34px; letter-spacing:1px;}
@media only screen and (max-width: 1023px) {
.promotion_home h2 {font-size:24px!important;line-height:26px;}
}
.promotion_home h2 a {color:#333 !important;}
.promotion_home h2 a:hover {color: #ffff00; !important;}

.menu-home {
	margin:20px auto 0 auto;
	font-size:30px;
	font-weight:normal;
	padding-bottom:7px;
	width:70%; 
	text-align:center;
	text-shadow: 0 0 3px rgba(0, 0, 0, 1), 0 0 8px rgba(0, 0, 0, 1);
}
@media (min-width: 768px) and (max-width: 1199px) {
.menu-home {font-size:18px;padding-bottom:0;font-weight:normal;}
}
@media (min-width: 480px) and (max-width: 767px) {
.menu-home {font-size:18px;padding-bottom:0;font-weight:normal;}
}
@media only screen and (max-width: 479px) {
.menu-home {font-size:18px;padding-bottom:7px;font-weight:300;width:100%;margin-left:-15px;}
}
.menu-home a { 
color: #fff !important;border: 2px solid #fff; background:#C71D25;padding:5px 10px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
}
.menu-home a:hover {
color:#ffff99 !important;text-decoration:none;background:#9E393E;
}
/************************MODULE PROMOTION OUT*********************************/
.bonus_bg {
margin:0;padding:0;
background: url(../../../images/sampledata/Slideshow/005.png) no-repeat;
-moz-background-size: 100%;
-webkit-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}
.interior_bg {
margin:0;padding:0;
background: url(../../../images/sampledata/Slideshow/007.png) no-repeat;
-moz-background-size: 100%;
-webkit-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
}
/****************************carousel-caption-1********************************/
.carousel-caption-1 {
	position: absolute;
	width:100%;
	left: 0;
	right:0;
	margin:0 auto 0 auto;
	top: 30%;
	padding:5px 15px 25px 15px;
	background: none;
	text-align:center;	
}
@media (min-width: 680px) and (max-width: 1329px) {
.carousel-caption-1 {top: 20%;}
}
@media (min-width: 480px) and (max-width: 679px) {
.carousel-caption-1 {top: 0%;}
}
@media only screen and (max-width: 479px) {
.carousel-caption-1 {top: 0%;}
}
.carousel-caption-1 h3 {
	color: #444;
	font-size:26px;
	font-weight: normal;
	line-height: 30px;
	width:80%;
	margin: 0 auto 0 auto !important;
}
.carousel-caption-1 p {
	color: #444;
	line-height: 20px;
	width:80%;
	margin: 0 auto 0 auto !important;
}
.carousel-caption-1 p {
    display: block;
	margin:0;
	text-align:left !important;
	font-size:20px;
	font-weight:normal;
}
@media (min-width: 768px) and (max-width: 1199px) {
.carousel-caption-1 p {font-size:16px;padding-bottom:0;font-weight:normal;}
}
@media (min-width: 480px) and (max-width: 767px) {
.carousel-caption-1 p {font-size:14px;}
}
.carousel-caption-1 p a {color: #ffff99 !important;text-align:center !important;}
.carousel-caption-1 p a:hover {color:#fff !important; text-decoration:none;}
.carousel-img-height {height:auto;}
}
@media only screen and (max-width: 767px) {
.carousel-img-height {height:auto; min-height:200px;}
}

@media only screen and (max-width: 479px) {
.carousel-caption-1 p {font-size:14px;}
}
.carousel-caption-1 p a {color: #ffff99 !important;text-align:center !important;}
.carousel-caption-1 p a:hover {color:#fff !important; text-decoration:none;}
.carousel-img-height {height:auto;}
@media only screen and (max-width: 767px) {
.carousel-img-height {height:auto; min-height:240px;}
}
/********************************/
