@font-face {
    font-family: "Arian AMU";
    font-weight: normal;
    src: url('../../bundles/demobakerymain/fonts/arnamu.ttf');
}
@font-face {
    font-family: "Arian AMU";
    font-weight: bold;
    src: url('../../bundles/demobakerymain/fonts/arnamu_bold.ttf');
}

html.hy * {
    font-family:  "Arian AMU", sans-serif;
}
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    overflow-y: scroll;
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    margin: 0.67em 0;
    font-size: 2em;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-size: 1em;
    font-family: monospace, serif;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
    border: 1px solid #c0c0c0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    padding: 0; /* 2 */
    border: 0; /* 1 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    margin: 0; /* 3 */
    font-size: 100%; /* 2 */
    font-family: inherit; /* 1 */

}

input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
    margin: 0; /* 3 */
    color: #707070;
    font-size: 100%; /* 2 */
    font-family: inherit; /* 1 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 3 */
    -webkit-appearance: button; /* 2 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-box-sizing: content-box; /* 2 */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield; /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-spacing: 0;
    border-collapse: collapse;
}

html,body{
    min-height: 100%;
    height: 100%;
    font-size: 14px;
    font-family: 'Open Sans';
}
body{
	background-size: cover;
}
.overlay{
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
width: 100%;
background: url(../../360/images/patt.png);
}
.background video{
position: fixed;
top: 0;
min-width: 100%;
min-height: 100%;
opacity: 0;
}
.background{
position: fixed;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
}

.container{
    margin: 0 auto;
    width: 1180px;
}
.clearfix:after,
.row:after{
    display: block;
    clear: both;
    height: 0;
    content:"";
}
.row{
    margin-left: -20px;
}
[class^="span"]{
    display: block;
    float: left;
    margin-left: 20px;
}
.span1{
    width: 80px;
}
.span2{
    width: 180px;
}
.span3{
    width: 280px;
}
.span4{
    width: 380px;
}
.span5{
    width: 480px;
}
.span6{
    width: 580px;
}
.span7{
    width: 680px;
}
.span8{
    width: 780px;
}
.span9{
    width: 880px;
}
.span10{
    width: 980px;
}
.span11{
    width: 1080px;
}
.span12{
    width: 1180px;
}
header:before{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.07) 0%, rgba(255,255,255,0.07) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.07)), color-stop(100%,rgba(255,255,255,0.07))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.07) 0%,rgba(255,255,255,0.07) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.07) 0%,rgba(255,255,255,0.07) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.07) 0%,rgba(255,255,255,0.07) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.07) 0%,rgba(255,255,255,0.07) 100%); /* W3C */
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#12ffffff',GradientType=0 ); /* IE6-9 */
}
header .container{
    position: relative;
    z-index: 1;
}
header{
    position: relative;
    height: 87px;
    background: rgba(255,255,255,0.57);
    box-shadow: 0 3px 0 rgba(0,0,0,0.06), 0 1px 0 rgba(0,0,0,0.20);
}
a.logo{
    display: block;
    float: left;
    margin-top: 8px;
    margin-left: 10px;
}
.pull-right{
    float: right;
}
.pull-left{
    float: left;
}
nav{
    display: block;
    padding-top: 28px;
}
ul.sign-reg{
    display: block;
    margin: 0;
    padding: 0;
    padding-top: 24px;
}
nav ul.menu{
    display: block;
    margin: 0 15px 0 0;
    padding: 0;
}
nav ul.menu li.active a,
nav ul.menu li a:hover{
    padding: 0px 10px;
    border: solid 2px #425b73;
    box-shadow: 0 1px 0 0 rgba(23,157,131,0.4);
}
nav ul.menu li a{
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px 12px;
    height: 34px;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #425b73;
    text-decoration: none;
    font-weight: 600;
    line-height: 32px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}
nav ul.menu li{
    display: block;
    float: left;
    margin-left: 3px;
}
ul.sign-reg li{
    display: block;
    float: left;
}
ul.sign-reg li.join{
    margin-right: 15px;
}
ul.sign-reg li.join a:hover,
ul.sign-reg li.login a:hover{
    border-color: #485566;
    background: #485566;
    color: #fff;
}
ul.sign-reg li.join a{
    padding: 0px 10px;
    border: solid 2px #f27934;
    box-shadow: 0 1px 0 0 rgba(23,157,131,0.4);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;       
}
ul.sign-reg li.login a{
    padding: 0px 10px;
    border: solid 2px #148d75;
    box-shadow: 0 1px 0 0 rgba(23,157,131,0.4);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;   
}
ul.sign-reg li a{
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 97px;
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #425b73;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    line-height: 38px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
}
ul.sign-reg li.active a,
ul.sign-reg li a:hover{

}
.gmap iframe{
    display: block;
    width: 1178px;
    height: 553px;
    border: 0;
    border: solid 1px #dadada;;
}
.gmap{
    width: auto;
    height: 555px;
}
.pane-heading{
    padding: 30px 0;
    background:  #fff;
    box-shadow: 0 3px 0 0 rgba(0,0,0,0.06) ;
}
h3.st-heading span:after{
    position: absolute;
    top: 12px;
    right: -1180px;
    display: block;
    width: 1180px;
    height: 1px;
    height: 1px;
    background: #485566;
    content: "";
}
h3.st-heading span:before{
    position: absolute;
    top: 12px;
    left: -1180px;
    display: block;
    width: 1180px;
    height: 1px;
    background: #485566;
    content: "";
}
h3.st-heading span{
    position: relative;
    display: inline-block;
    padding: 0 10px;
}
h3.st-heading:after{
    position: absolute;
    top: 8px;
    right: 0;
    display: block;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #485566;
    content: "";
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}
h3.st-heading:before{
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #485566;
    content: "";
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}
h3.st-heading.white span:before,
h3.st-heading.white span:after{
    background-color: #fff; 
    color: #fff;
}
h3.st-heading.white:before,
h3.st-heading.white:after{
    background-color: #fff; 
    color: #fff;
}
h3.st-heading.white{
    margin: 20px auto;
    width: 800px;
    color: #FFF;
}
h3.st-heading{
    position: relative;
    overflow: hidden;
    margin: 0;
    color: #425b73;
    text-align: center;
    font-size: 22px;
    line-height: 24px;
}
.gmap-filter > div{
    position: absolute;
    top: 10px;  
    z-index: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    width: 1158px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #16a085;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-border-radius: 3px;
    -ms-border-radius: 3px; 
	z-index: 1;
}
.gmap-filter{
    margin: 0 auto;
    width: 1158px;
}


.places{
    color: #485566;
}

.places ul > li > div h4{
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 10px 0;
    line-height: 20px;

}
.places ul > li > div > div:nth-child(2){
    margin: 0 0 10px 0;
}
.places ul > li > div > div > span{
    font-weight: 600;
}
.places ul > li > div > div{
    font-size: 18px;
    line-height: 22px;
    padding-left: 20px;
}
.places ul > li > div{
    overflow: hidden;
    max-width: 375px;
}
.places ul > li > img{
    width: 83px;
    height: 83px;
    display: block;
    float: left;
    margin: 0 15px 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.places ul > li:after{
    clear: both;
    content: "";
    height: 0px;
    display: block;
}
/*.places ul > li:first-child{
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	background: #f4f4f4;

}*/
/*.places ul > li:last-child{
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #f4f4f4;

}*/
.places:after{
    clear: both;
    content: "";
    height: 0px;
    display: block;
}
.places{
    margin: 20px 0;
    max-height: 496px;
    overflow-y: scroll;
}
/*.places ul > li:nth-child(even){
	background: #fff;
}*/

.places ul > li{
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 20px;
    padding-bottom: 0px !important;
    background: #fff;
    position: relative;
    cursor: pointer;
}

.places ul{
    width: 564px;
    margin: 0 10px;
    padding: 0;
    float: left;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
}
/* new added */
.places ul{
    width: 1158px;
}
.places ul > li{
    width: 528px;
    min-height: 111px;
    float: left;
    display: block;
    margin-bottom: 5px !important;
}
.places ul > li.nthchild2n {
    margin-left: 20px;
}

.places ul > li:hover{
    background: #16a085;
    color: #fff;
}
/* new added */
.places{
    padding: 5px 0;
}


.jspTrack{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f4f4f4 !important;
}
.jspDrag{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #1ca388 !important;
}
.jspVerticalBar {
    width: 7px !important;
    background: transparent !important;
}
.places li:hover .ic1{
    background: url(../../360/images/place-icon-1-hover.png);
}
.places .ic1{
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    margin-top: -25px;
    width: 50px;
    height: 51px;
    background: url(../../360/images/place-icon-1.png);
}
.pane.white{
    overflow: hidden;
    background: #fff;
}
.pane.gray{
    overflow: hidden;
    background: #e2e2e2 url(../../360/images/patt_.png);
}
.pane.darkBlue{
    overflow: hidden;
    padding: 35px 0;
    background: #323c49;
}
ul.bxslider li > img{
    display: block;
    margin: 0 auto;
}
ul.bxslider li > div{
    margin: 0 auto;
}
ul.bxslider li{
    display: block;
    height: 530px;
}
.story-slider .bx-wrapper a.bx-next{
    right: -70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    outline: 0;
    border: solid 3px #fff;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    background: url(../../360/images/arr-right-slider.png) center center no-repeat;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
}
.story-slider .bx-wrapper a.bx-prev{
    left: -70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    outline: 0;
    border: solid 3px #fff;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    background: url(../../360/images/arr-left-slider.png) center center no-repeat;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
}
ul.bxslider{

    margin: 0;
}
.story-slider{
    margin: 0 auto;
    padding: 130px 0;
    width: 750px;
    max-width: 100%;
}
.st-story .top .author > div > h4 span{

}
.st-story .top .author > div > h4 span{
    color: #f27934;
}
.st-story .top .author > div  > a{
    display: block;
    padding-left: 30px;
    height: 25px;
    background: url(../../360/images/story-fb.png) left top no-repeat;
    color: #a2a2a2;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 25px;
}
.st-story .top .author > div  > div{
    margin: 0 0 5px 0;
    color: #425b73;
    font-size: 14px;
    line-height: 14xp;
}
.st-story .top .author > div  > h4{
    margin: 0 0 5px 0;
    color: #16a085;
    font-weight: 700;
    font-size: 14px;
    line-height: 14xp;
}
.st-story .top .author:after{
    display: block;
    clear: both;
    height: 0px;
    content: "";
}
.st-story.orange .top .alt-auth:before{
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 9px;
    background: url(../../360/images/pattern2.png);
    content: "";
}
.st-story .top .author:before{
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 9px;
    background: url(../../360/images/pattern1.png);
    content: "";
}
.st-story .top .alt-auth,
.st-story .top .author{
    position:relative;
    margin: 0 -7px;
    padding-bottom: 23px;
}
.st-story .top .author > div{
    overflow: hidden;
}
.st-story .top .author > img{
    float: left;
    margin: 0 10px 0 0;
    width: 74px;
    height: 74px;
    border: solid 5px #e9e9e9;
    -webkit-border-radius: 42px;
    -moz-border-radius: 42px;
    border-radius: 42px;
}
.st-story .top .story .text{
    overflow: hidden;

    color: #425b73;
    text-align: justify;
    font-size: 14px;
    line-height: 18px;
}
.st-story .top .story h3{
    margin: 16px 0 12px;
    color: #425b73;
    font-weight: 700;
    font-size: 18px;
}

/*
.st-story .top ul.media li img{
    display: block;
    width: 100%;
    height: 100%;
}
.st-story .top ul.media li a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
*/
.st-story .top ul.media li{
    display: block;
    float: left;
    overflow: hidden;
    margin-left: 0px;
    width: 140px;
    height: 100px;
    position: relative;
}

.st-story .top ul.media:after{
    display: block;
    clear: both;
    height: 0px;
    content: "";
}
.st-story .top ul.media a.video:after{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    margin: -25px;
    width: 50px;
    height: 49px;
    background: url(../../360/images/play.png);
    content: "";
}
.st-story .top ul.media{
    margin: 0 0 10px -9px;
    padding: 0;
}
.st-story .top{
    padding: 20px;
}
.st-story{
    /*height: 530px;*/
    width: 330px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
}
div.comments-counter{
    display: block;
    padding-left: 42px;
    height: 37px;
    background: url(../../360/images/comments.png) left center no-repeat;
    color: #fff;
    text-decoration: none !important;
    border: none !important;
    font-size: 26px;
    line-height: 37px;
}
.st-story .bottom{
    padding: 8px 10px;
    min-height: 37px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #16a085;
    text-decoration: none !important;
    border: none !important;
}
button.but-var1{
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    min-width: 213px;
    height: 37px;
    border: solid 2px #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: transparent;    
    color: #fff;
    text-align: center;
    font-weight: bold;
    line-height: 33px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-sizE: 14px;
    text-decoration: none !important;
}
button.view-more{
    display: block;
    margin: 20px auto;
    width: 64px;
    height: 2px;
    border: 0;
    background: #808e9c;
}
.bx-wrapper .bx-loading {
    background-color: transparent !important;
    display: none;
}
.blog-latest .item .img .date span:nth-child(2){
    font-size: 38px;
    line-height: 52px;  
}
.blog-latest .item .img .date span:nth-child(1){
    background: #117d68;
    font-size: 25px;
    line-height: 32px;
}
.blog-latest .item .img .date span{
    display: block;
    font-weight: 300;
}
.blog-latest .item .img .inner a:hover{
    background: url(../../360/images/plus.png) center center no-repeat rgba(22,160,133,0.65);
}
.blog-latest .item .img .inner a{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;   
    background-position: -370px center;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.blog-latest .item .img .inner img{
    display: block;
}
.blog-latest .item .img .inner{
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.blog-latest .item .img .date{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 70px;
    background: #16a085;
    color: #fff;
    text-align: center;
}
.blog-latest .item .img{
    position: relative;
    
}
.blog-latest .item h3 a:hover{
    text-decoration: underline;
}
.blog-latest .item h3 a{
    color: inherit;
    text-decoration: none;
}
.blog-latest .item h3{
    margin: 0;
    padding: 5px 0;
    border-bottom: solid 1px #485566;
    color: #485566;
    font-weight: 600;
    font-size: 21px;
    line-height: 31px;
}
.blog-latest .item{
    padding-top: 25px;
}
.blog-latest .but-var2{
    margin-top: 45px;
}
.blog-latest{
    padding: 20px 0 45px;
}
a.but-var2{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    min-width: 183px;
    height: 54px;
    border: solid 1px #c0c0c0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #16a085;
    -webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.06);
    -moz-box-shadow: 0 3px 0 0 rgba(0,0,0,0.06);
    box-shadow: 0 3px 0 0 rgba(0,0,0,0.06);
    color: #fff;
    text-align: center;
    text-decoration:none;
    font-size: 18px;
    line-height: 52px;
}
.filters ul li a i.ic1{
    display: inline-block;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    background: url(../../360/images/pw-ic1.png);
    vertical-align: -5px;
}
.filters ul li a.clicked{
    background: #485566 !important;
}
.filters ul li a:hover{
    background: #348374;
}
.filters ul li a{
    display: block;
    padding: 0 5px;
    height: 27px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #47b49f;
    color: #fff;
    text-decoration: none;  
    font-weight: 600;
    font-size: 13px;
    line-height: 27px;
}
.filters ul li{
    display: block;
    float: left;
    margin: 0 3px 3px 3px;
}
.filters ul{
    display: block;
    margin: 0;
    padding: 0;
}
.filters > a.clicked{
    background-image: url(../../360/images/arr-up.png);
}
.filters > a{
    position: absolute;
    top: 7px;
    right: 10px;
    display: block;
    width: 42px;
    height: 42px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #485566 url(../../360/images/arr-down.png) center center no-repeat;        
    -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,0.06);
    -moz-box-shadow: 0 0 0 3px rgba(0,0,0,0.06);
    box-shadow: 0 0 0 3px rgba(0,0,0,0.06); 
}
.filters{
    position: relative;
    float: left;
    overflow: hidden;
    padding-right: 70px;
    min-height: 57px;
    width: 840px;
    height: 57px;
    
}
.search input{      
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 7px;
    padding: 10px 10px 10px 45px;
    width: 212px;
    height: 42px;
    outline: none;  
    border: solid 1px #949494;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff url(../../360/images/search.png) 10px center no-repeat;   
    -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,0.06);
    -moz-box-shadow: 0 0 0 3px rgba(0,0,0,0.06);
    box-shadow: 0 0 0 3px rgba(0,0,0,0.06); 
    font-size: 14px;
    font-family: inherit;
    line-height: 20px;
}
.pos-rel{
    position: relative;
}
.bottom-slider ul.bxslider1 li > div p.top{
    padding: 60px 10px 0 10px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}
.bottom-slider ul.bxslider1 li > div hr{
    display: block;
    margin: 20px auto;
    width: 90px;
    height: 2px;
    border: 0;
    background: #fff;
}
.bottom-slider ul.bxslider1 li > div p.bottom{
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
}
.bottom-slider ul.bxslider1 li > div{
    margin: 0 auto;
    width: 600px;
    height: 205px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    background: #16a085;
}
.bottom-slider ul.bxslider1 li{
    
}
.bottom-slider ul.bxslider1{
    margin: 0;
    padding: 0;
}
.bottom-slider{
    margin: 0 auto;
    padding: 100px 0 127px;
    width: 620px; 
}
.story-slider .bx-wrapper a.bx-next:hover,
.story-slider .bx-wrapper a.bx-prev:hover,
.bottom-slider .bx-wrapper a.bx-prev:hover,
.bottom-slider .bx-wrapper a.bx-next:hover{
    opacity: 0.6; 
}
.story-slider .bx-wrapper a.bx-next:active,
.story-slider .bx-wrapper a.bx-prev:active,
.bottom-slider .bx-wrapper a.bx-prev:active,
.bottom-slider .bx-wrapper a.bx-next:active{
    border-color: #f27934;
    opacity: 1; 
}
.story-slider .bx-wrapper a.bx-prev:active,
.bottom-slider .bx-wrapper a.bx-prev:active{
    border-color: #f27934; 
    background: url(../../360/images/arr-left-slider-active.png) center center no-repeat;
    opacity: 1;
}
.story-slider .bx-wrapper a.bx-next:active,
.bottom-slider .bx-wrapper a.bx-next:active{
    border-color: #f27934; 
    background: url(../../360/images/arr-right-slider-active.png) center center no-repeat;
    opacity: 1;
}
.bottom-slider .bx-wrapper a.bx-next{
    right: -70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    outline: 0;
    border: solid 3px #fff;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    background: url(../../360/images/arr-right-slider.png) center center no-repeat;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
}
.bottom-slider .bx-wrapper a.bx-prev{
    left: -70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    outline: 0;
    border: solid 3px #fff;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    background: url(../../360/images/arr-left-slider.png) center center no-repeat;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
}
.bottom-slider .bx-wrapper .bx-pager.bx-default-pager a:after{
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background: #a5a5a5;
    content: "";
}
.bottom-slider .bx-wrapper .bx-pager.bx-default-pager a.active:after,
.bottom-slider .bx-wrapper .bx-pager.bx-default-pager a:hover:after{
    background: #16a085;
}
.bottom-slider .bx-wrapper .bx-pager.bx-default-pager a {
    position: relative;
    display: block;
    margin: 0 5px;
    width: 22px;
    height: 22px;
    outline: 0;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    background: #d6d3cf;
    text-indent: -9999px;
}
.bottom-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bottom-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #d6d3cf;
}
.bottom-slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
bottom: -57px;
}
a.download-button{
    display: inline-block;
    margin-top: 25px;
    padding: 0 40px 0 60px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    
    background: #16a085 url(../../360/images/download.png) 15px center no-repeat;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 54px;
}
h3.foot-h3{
    margin: 0 0 15px 0;
    color: #foot-h3;
    font-weight: 600;
    font-size: 14px;
}
.footer{
    -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,0.06);
    -moz-box-shadow: 0 0 0 3px rgba(0,0,0,0.06);
    box-shadow: 0 0 0 3px rgba(0,0,0,0.06);
    color: #7c8087;     
}
ul.foot-menu li{
    text-transform: uppercase;
    display: block;
}
ul.foot-menu li a:hover{
    text-decoration: underline;
}
ul.foot-menu li a{
    color: #7c8087;
    text-decoration: none;
}
ul.foot-menu{
    display: block;
    margin: 0;
    padding: 0;
}
.contact-text p.email,
.contact-text p.tel{
    margin: 0;
}
.contact-text p.address{
    margin: 0 0 15px 0;
}
ul.lang.open > li > a:after{
    background: url(../../360/images/lang-arr-up.png);
}
ul.lang > li > a:after{
    position: absolute;
    top: 11px;
    right: 10px;
    display: block;
    width: 9px;
    height: 6px;
    background: url(../../360/images/lang-arr.png);
    content: "";
}
ul.lang > li > a:hover{
    color: #fff;
}
ul.lang > li > a{
    position: relative;
    display: inline-block;
    padding: 0 30px 0 10px;
    height: 28px;
    border: solid 1px #515963;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #9fa3a7; 
    text-decoration: none;
    line-height: 28px;
}

ul.lang > li > ul > li:not(:last-child) > a{
    border-bottom: solid 1px #515963;
}
ul.lang > li > ul > li > a:hover{
    color: #fff;
}
ul.lang > li > ul > li > a{
    display: block;
    padding: 0 10px 0 10px;
    height: 28px;
    color: #9fa3a7;
    text-decoration: none;
    line-height: 28px;
}
ul.lang > li > ul > li{
    display: block;
}
ul.lang > li > ul{
    position: absolute;
    top: 35px;
    display: none;  
    padding: 0;
    border: solid 1px #515963;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
ul.lang > li{
    position: relative;
    display: block;
}
ul.lang{
    display: block;
    margin: 0;
    padding: 0;
}
.pane.copyright{
    padding: 15px 0 25px;
    color: rgba(255,255,255,0.5);
    line-height: 20px;
}
ul.social li.tw a{
    background:url(../../360/images/twitter.png);
}
ul.social li.fb a{
    background:url(../../360/images/facebook.png);
}
ul.social li.em a{
    background:url(../../360/images/email.png);
}
ul.social li a:hover{
    background-position: 0 -21px;
    opacity: 1;
}
ul.social li a{
    display: block;
    margin-left: 8px;
    width: 21px;
    height: 21px;
    opacity: 0.7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
ul.social li{
    display: block;
    float: left;
}
ul.social{
    display: block;
    margin: 0;
    padding: 0;
}
.green-bg{
    /*background: #19987f url(../../360/images/patt.png);*/ 
}

.personal-information label, .settings label{
    color: #878787;
    font-weight: 600;
}
.settings {
    margin-bottom: 80px !important;
}
.personal-information label, .settings label{
    text-align: left !important;
    text-transform: lowercase;
}
.personal-information, .settings {
    margin: 0 auto;
    padding: 40px;
    width: 720px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    background: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    color: #878787;
}
.user-avatar-change {
    margin: 0 0 40px 0;
    padding: 0 0 25px 0;
    border-bottom: solid 1px #485566;
}
.user-avatar-preview {
    width: 190px;
}
.browse-bar {
    overflow: hidden;
    padding-left: 20px;
}
.user-avatar-preview img {
    display: block;
    float: right;
    width: 128px;
    height: 128px;
    border: dashed 3px #CFCFCF;
}
.button-row:first-child button{
    border-radius: 2px;
}
.button-row:first-child {
    display: inline-block;
    margin-top: 24px;
    border: solid 2px #19987f;
    border-radius: 4px;
}
.button-row {
    margin: 0 0 6px 0;
}
.blue-button {
    display: inline-block;
    padding: 0 10px;
    min-width: 100px;
    height: 40px;
    border: 0;
    border-radius: 5px;
    background: #19987f;
    color: #FFF !important;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    line-height: 38px;
}
.button-row button {
    min-width: 130px;
}
.button-row:first-child span {
    display: inline-block;
    padding: 0 10px;
    min-width: 80px;
    color: #BABABA;
    text-align: center;
    font-weight: 600;
    line-height: 40px;
}
.pink-button {
    display: inline-block;
    padding: 0 10px;
    min-width: 100px;
    height: 40px;
    border: 0;
    border-radius: 5px;
    background: #db4105;
    color: #FFF;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    line-height: 38px;
}
.user-info-change .input-row1 > label {
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 10px 0;
    min-height: 20px;
    width: 190px;
    vertical-align: top;
    text-align: right;
    font-size: 18px;
    line-height: 20px;
}
.user-info-change .input-row1 input[type="text"] {
    margin-bottom: 20px;
    padding: 10px;
    width: 190px;
    width: 450px;
    height: 18px;
    outline: none;
    border: solid 2px #cccccc;
    border-radius: 3px;
    background: #fff;
    color: inherit;
    font-size: 18px;
}
.user-info-change .input-row1 textarea {
    margin-bottom: 20px;
    padding: 10px;
    width: 190px;
    width: 450px;
    height: 146px;
    outline: none;
    border: solid 2px #cccccc;
    border-radius: 3px;
    background: #fff;
    color: inherit;
    font-size: 18px;
    resize: none;
}
.pink-button:hover {

}
.user-info-change .input-row1 > * {
    display: block;
    float: left;
}
.user-info-change .input-row1 > input[type="submit"] {
    float: right;
    margin: 0 36px 0 0;
}
.blue-button:hover {

}
.settings .password, .settings .newsletter, .settings .visibility, .settings .social {
    border-bottom: solid 1px #b5b5b5;
}
.settings .input-row2 > * {
    display: block;
    float: left;
}
.settings .input-row2 > label {
    margin-right: 20px;
    padding: 10px 0;
    min-height: 20px;
    width: 190px;
    vertical-align: top;
    text-align: right;
    font-size: 18px;
    line-height: 20px;
}
.settings .input-row2 .input-group {
    width: 508px;
}
.settings .input-row2 input[type="password"] {
    margin-bottom: 20px;
    padding: 10px;
    width: 188px;
    width: 258px;
    height: 18px;
    outline: none;
    border: solid 2px #cccccc;
    border-radius: 3px;
    background: #fff;
    color: inherit;
    font-size: 18px;
}
.settings .social, .settings .visibility, .settings .newsletter {
    padding: 10px 0;
}
.visibility .input-group, .newsletter .input-group {
    margin: 19px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}
.visibility .input-group label, .newsletter .input-group label {
    display: inline-block;
    margin: 0 10px 0 5px;
    height: 22px;
    vertical-align: top;
    line-height: 22px;
}
.radiobutton {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: solid 3px #CBCBCB;
    border-radius: 11px;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.radiobutton .point {
    visibility: hidden;
    margin: 3px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #19987f;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.radiobutton.checked .point {
    visibility: visible;
    opacity: 1;
}
.visibility .input-group label span {
    color: #D96666;
    font-weight: 400;
}
ul.social-connect {
    display: block;
    margin: 0;
    padding: 0;
}
ul.social-connect li {
    display: block;
    margin: 0 0 15px 0;
    padding: 3px 0;
}
ul.social-connect li * {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}
ul.social-connect li span {
    color: #D0D0D0;
    font-size: 18px;
}
ul.social-connect li.connected span {
    color: #878787;
}
ul.social-connect li a.remove {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    background: #db4105 url(../../360/images/x.png) center center no-repeat;
    vertical-align: middle;
}
ul.social-connect li a.add {
    color: #db4105;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
}
.input-row2 input[type="submit"] {
    float: right;
    margin: 0 36px 0 0;
}
.settings .social {
    margin: 0 0 20px 0;
}
header.white{
    background: #fff;
}
.forbsns h4{
    margin: 0 0 25px 0;
    color: #566d83;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
}
.forbsns ul{
    margin:0 0 0 -20px;
    padding: 0;
}
.forbsns ul li.ribbon:after{
    position: absolute;
    top: -4px;
    right: -4px;
    display: block;
    width: 82px;
    height: 82px;
    background: url(../../360/images/ribbon.png);
    content: "";
}
.forbsns ul li p{
    margin: 0 0 0;
    color: #485566;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
}
.forbsns ul li h5{
    margin: 40px 0 10px;
    color: #485566;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
}
.forbsns ul li img{
    display: block;
    margin: 25px auto 0 auto;
}
.forbsns ul li a{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 30px;
    width: 100%;
}
.forbsns ul li.fullwidth p{
    text-align: left;
}
.forbsns ul li.fullwidth{
    width: 720px;
    text-align: left;
}
.forbsns ul li{
    position: relative;
    display: block;
    float: left;    
    margin-left: 20px;
    padding: 20px;
    width: 200px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ecf0f1;
}
.forbsns{
    margin: 0 auto;
    padding: 20px;
    width: 760px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    background: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    color: #878787;
}
.contact-us .left a.blue-button{
    margin-bottom: 30px;
    width: 157px;
}
.contact-us .left p.tel-fax,
.contact-us .left p.address,
.contact-us .right p{
    margin: 0 0 40px 0;
    color: #333333;
    font-weight: 600;
    line-height: 24px;
}
.contact-us .right p{
    margin: 0 0 15px 0;
}
.contact-us .left{
    padding: 25px 20px 85px;
    width: 360px;
}
.contact-us .right textarea{
    margin-bottom: 10px;
    padding: 10px;
    width: 516px;
    height: 180px;
    outline: none;
    border: solid 2px #CCC;
    border-radius: 3px;
    background: #FFF;
    color: inherit;
    font-size: 18px;    
}
.contact-us .right input[type="text"], .contact-us .right input[type="email"]{
    margin-bottom: 10px;

    padding: 10px;
    width: 516px;
    height: 18px;
    outline: none;
    border: solid 2px #CCC;
    border-radius: 3px;
    background: #FFF;
    color: inherit;
    font-size: 18px;
}
.contact-us .right{
    padding: 25px 20px 85px;
    width: 540px;
}
.contact-us .left h3,
.contact-us .right h3{
    margin: 0 0 20px 0;
    color: rgba(0,0,0,0.5);
    font-weight: 600;
    font-size: 14px;
}
.contact-us iframe{ 
    display: block;
    width: 100%;
    height: 444px;
}
ul.bl-social li{
    display: block;
    float: left;
    margin-right: 15px;
}
ul.bl-social{
    margin: 0;
    padding: 0;
}
.g980{
    margin: 0 auto;
    width: 980px;
}
.auth{
margin: 0 auto; 
margin-bottom: 80px;
padding: 30px;
width: 289px;
border: solid 1px rgba(218,218,218,0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.06);
-moz-box-shadow: 0 3px 0 0 rgba(0,0,0,0.06);
box-shadow: 0 3px 0 0 rgba(0,0,0,0.06);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.auth h3{
    margin: 0 0 20px 0;
    color: #566d83;
    text-align: center;
    font-weight:700;
    font-size: 18px;
}
.auth input[type="submit"]{
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
}
.auth input[type="email"],
.auth input[type="password"],
.auth input[type="text"]{
    margin-bottom: 10px;

    padding: 10px;
    width: 265px;
    height: 18px;
    outline: none;
    border: solid 2px #CCC;
    border-radius: 3px;
    background: #FFF;
    color: inherit;
    font-size: 18px;;
}
.sep1{
    margin: 0 0 20px 0;
    width: 100%;
    height: 9px;
    background: url(../../360/images/pattern1.png);
}
.sep2 > span{
    display: block;
    margin: 0 auto;
    width: 38px;
    height: 38px;
    border: solid 1px #1c9981;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    background: #f4f4f4;
    color: #19987f;
    text-align: center;
    line-height: 38px;
}
.sep2{
    margin: 0 0 20px 0;
    width: 100%;
    height: 9px;
    height: 40px;
    background: url(../../360/images/pattern1.png) left center repeat-x;
}
.fb-con {
    display: inline-block;
    min-width: 100px;
    width: 100%;
    height: 40px;
    border: 0;
    border-radius: 5px;
    background: #44589a;
    color: #FFF;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    line-height: 38px;
}
i.fbic{
    display: inline-block;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    background: url(../../360/images/fb-con.png);
    vertical-align: -8px;   
}
header.alter .container{
    border-top: solid 3px #1c9981;
}
ul.alt-nav li a.story-but:hover,
ul.alt-nav li a.place-but:hover{
    background: #425b73; 
}
ul.alt-nav li a.story-but:hover:after,
ul.alt-nav li a.place-but:hover:after{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../360/images/bpl.png) center center no-repeat;
    content: "";
}
ul.alt-nav li a.story-but{
    background: url(../../360/images/nav-ic1.png) center center no-repeat;
}
ul.alt-nav li a.place-but{
    background: url(../../360/images/nav-ic2.png) center center no-repeat;
}
ul.alt-nav li a.toggle-but.pressed span.sp2{
    display: block;
}
ul.alt-nav li a.toggle-but.pressed span.sp1{
    display: none;
}
ul.alt-nav li a.toggle-but span.sp1{
    display: block;
}
ul.alt-nav li a.toggle-but span.sp2{
    display: none;
}
ul.alt-nav li a.toggle-but.pressed:hover{
    background-color: #19987f;
}
ul.alt-nav li a.toggle-but.pressed{
    border: solid 2px #19987f;
    border-color: #19987f;
    background: url(../../360/images/nav-ic4.png) center 11px no-repeat;
}
ul.alt-nav li a:active{
    border-color: #f27934;
    opacity: 1;
}
ul.alt-nav li a.toggle-but:hover{
    background-color: #f27934;
}
ul.alt-nav li a.toggle-but{
    border-color: #f27934;
    background: url(../../360/images/nav-ic3.png) center 11px no-repeat;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    font-size: 10px;
    line-height: 67px;  
}
ul.alt-nav li a{

    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    position: relative;
    display: block;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    border: solid 2px #425b73;
    -webkit-box-shadow: 0 1px 0 0 rgba(23,157,131,0.4);
    -moz-box-shadow: 0 1px 0 0 rgba(23,157,131,0.4);
    box-shadow: 0 1px 0 0 rgba(23,157,131,0.4);
}
ul.alt-nav li{
    display: block;
    float: left;
    margin-right: 8px;
}
ul.alt-nav{
    padding: 0;
}
.logo-alt{
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -36px;
}
.background-dummy{
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: url(../../360/images/houses.jpg);
    background-size: cover;
}
.bubble:after{
    position: absolute;
    bottom: -15px;
    left: 50%;
    display: block;
    margin-left: -15px;
    width: 30px;
    height: 30px;
    background:#fff;
    content: "";
    -webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -moz-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.bubble h3{
    margin: 0 0 10px 0;
    color: #566d83;
    font-weight:700;
    font-size: 18px;
}
.st-story .top > div > div,
.bubble > div > div{
    overflow: hidden;
}
.st-story .top > div > img, .st-story .top > div > a > img,
.bubble > div > img{
    float: left;
    margin-right: 7px;
    width: 97px;
    height: 70px;
    border: solid 3px #ccc;
}
.st-story > a.edit{
    position: absolute;
    top: 60px;
    right: -50px;
    width: 39px;
    height: 39px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    background: rgba(21,22,23,0.6) url(../../360/images/pencil.png) center center no-repeat;
    -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
    box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
}


.st-story > div.share {
    position: absolute;
    top: 50px;
    right: -50px;
    width: 36px;
    -webkit-border-radius: 5px;
    padding-top: 5px;
    padding-left: 4px;
    background: #1E1D1A;
}


.st-story > div.share img {
    opacity: 0.85;
}

.st-story > div.share img:hover {
    opacity: 0.99;
}

.addplacepane > a.close:hover,
.addstorypane > a.close:hover,
.addhotspot > a.close:hover,
.st-story > a.close:hover,
.auth > a.close:hover,
.bubble > a.close:hover{
    background: rgba(255, 255, 255, 0.7) url(../../360/images/close-hvr.png) center center no-repeat;
}
.addplacepane > a.close,
.addstorypane > a.close,
.addhotspot > a.close,
.st-story > a.close,
.auth > a.close,
.bubble > a.close{
    position: absolute;
    top: 3px;
    right: -50px;
    width: 39px;
    height: 39px;
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px; 
    background: rgba(0, 0, 0, 0.7) url(../../360/images/close.png) center center no-repeat;
    -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
    box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
}
.addhotspot > a.remove:hover, .st-story > a.remove:hover {
    background: rgba(255, 0, 0, 0.7) url(../../360/images/remove.png) center center no-repeat;
}
.addhotspot > a.remove, .st-story > .remove{
    position: absolute;
    top: 63px;
    right: -50px;
    width: 39px;
    height: 39px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    background: rgba(0, 0, 0, 0.7) url(../../360/images/remove.png) center center no-repeat;
    -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
    box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
}
.st-story .top .address,
.bubble .address{
    display: block;
    margin: 0 0 12px 0;
    padding-left: 15px;
    height: 16px;
    background: url(../../360/images/pin.png) left center no-repeat;
    color: #425b73;
    font-size: 12px;
}
.st-story .top  .tel,
.bubble .tel{
    display: block;
    margin: 0 0 12px 0;
    padding-left: 15px;
    height: 16px;
    background: url(../../360/images/tel1.png) left center no-repeat;
    color: #425b73;
    font-weight: 700;
    font-size: 12px;
}
.st-story .top .link,
.bubble .link{
    display: block;
    margin: 0 0 12px 0;
    padding-left: 15px;
    height: 16px;
    background: url(../../360/images/link.png) left center no-repeat;
    color: #425b73;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
}
.st-story .top .link{
    background: url(../../360/images/linko.png) left center no-repeat;
}
.st-story .top .tel{
    background: url(../../360/images/tel1o.png) left center no-repeat;
}
.st-story .top .address{
    background: url(../../360/images/pino.png) left center no-repeat;
}
.bubble{
    position: absolute;
    bottom: 80px;
    left: -140px;   
    padding: 10px;
    
    width: 310px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);    
}
.pin > a.place{
    display: block;
    width: 42px;
    height: 42px;
    border: solid 5px #b35520;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    background: #f27934 url(../../360/images/pl-ic.png) center center no-repeat;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
}
.pin > div.st-story:after{
position: absolute;
top: 120px;
left: 3px;
display: block;
margin-left: -15px;
width: 25px;
height: 25px;
background: #FFF;
content: "";
-webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-moz-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.pin > div.st-story{
    position: absolute;
    top: -105px;
    left: 80px; 
}
.pin > a.story{
    display: block;
    width: 42px;
    height: 42px;
    border: solid 5px #0f6e5b;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    background: #148d75 url(../../360/images/st-ic.png) center center no-repeat;
    -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
}
header{
    position: relative;
    z-index: 2;
}
.pin{
    position: absolute;
    top: 130px;
    left: 35%;
}
.st-story.orange .bottom {
background: #f27934;
}
.mhpane .jspVerticalBar{
    position: absolute;
}
.mhpane {
    max-height: 330px;
}
.scroll{
    outline: none !important;
}
.mhpane.jspScrollable{
    margin-right: -11px;
}
.comments .comment > div > small{
    display: block;
    color: #f27934;
    font-size: 10px;
}
.comments .comment > div > div{
    display: inline;
    color: #425b73;
    line-height: 30px;
    font-size: 12px;
}
.comments .comment > div > a{
    color: #f27934;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}
.comments .commenter > div,
.comments .comment > div{
    overflow: hidden;
}
.comments .commenter > a img,
.comments .comment > a img{
    display: block;
    width: 42px;
    height: 42px;
    -webkit-border-radius: 21px;
    -moz-border-radius: 21px;
    border-radius: 21px;
}
.comments .commenter > a,
.comments .comment > a{
    display: block;
    float: left;
    margin: 0 10px 10px 0;
}
.comments .commenter textarea:focus{
    height: 40px;
}   
.comments .commenter textarea{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;
    width: 100%;
    height: 36px;
    outline: none;
    border: solid 2px #CCC;
    border-radius: 3px;
    background: #FFF;
    font-size: 13px;
    resize: none;
    -webkit-transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -ms-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
    transition: height 0.3s ease;   
}
.comments .commenter{
    padding: 10px 0;
}
.comments .comment{
    padding: 10px 0;
    border-bottom: solid 1px #dadada;
}
.pin > a.addstory{
display: block;
width: 42px;
height: 42px;
border: solid 5px #0F6E5B;
-webkit-border-radius: 26px;
-moz-border-radius: 26px;
border-radius: 26px;
background: #148D75 url(../../360/images/bpl.png) center center no-repeat;
-webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);  
}
.pin > .addstorypane,
.pin > .addplacepane{
position: absolute;
top: -105px;
left: 80px;
width: 330px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #FFF;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.pin > .addstorypane .top .inputs:after,
.pin > .addplacepane .top .inputs:after{
    bottom: 0;
    display: block; 
    margin: 0 0 10px 0;
    width: 100%;
    height: 9px;
    background: url(../../360/images/pattern3.png);
    content: "";
}

.pin > .addstorypane .top .upload span,
.pin > .addplacepane .top .upload span{
    color: #f4976a;
    font-weight: 600;
}
.pin > .addstorypane .top .upload:hover:after,
.pin > .addplacepane .top .upload:hover:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgba(24,155,129,0.65) url(../../360/images/bpl.png) center center no-repeat;
    content: "";
}
.pin > .addplacepane .top .upload:hover:after{
    background: rgba(242,123,52,0.65) url(../../360/images/bpl.png) center center no-repeat;
}
.pin > .addstorypane .bottom,
.pin > .addplacepane .bottom{
    padding: 10px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #189b81;    
}
.pin > .addplacepane .bottom button:hover{
    color: #f27934;
}
.pin > .addstorypane .bottom button:hover{
    color: #189b81;
}
.pin > .addplacepane .bottom{
    background: #f27934;
}
.pin > .addstorypane .bottom button,
.pin > .addplacepane .bottom button{    
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.pin > .addstorypane .bottom button:hover,
.pin > .addplacepane .bottom button:hover{  
    background: #fff;

}   
.pin > .addstorypane .top .upload,
.pin > .addplacepane .top .upload{
    position: relative;
    margin: 0 0 20px 0;
    padding: 10px;
    border: dashed 2px #dadada;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #969696;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
}
.pin > .addstorypane .top .inputs textarea,
.pin > .addplacepane .top .inputs textarea{
    margin-bottom: 10px;
    padding: 10px;
    width: 264px;
    height: 80px;
    outline: none;
    border: solid 2px #CCC;
    border-radius: 3px;
    background: #FFF;
    color: inherit;
    font-size: 14px;
}
.pin > .addstorypane .video,
.pin > .addplacepane .video{
    position: relative;
}
.pin > .addstorypane .video:after,
.pin > .addplacepane .video:after{ 
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 42px;
    background: url(../../360/images/video.png) left center no-repeat;
    content: "";
}
.pin > .addstorypane .video input[type="text"],
.pin > .addplacepane .video input[type="text"]{
    margin-left: 30px;
    width: 236px;;
}
.pin > .addstorypane input[type="text"],
.pin > .addplacepane input[type="text"]{
    margin-bottom: 10px;
    padding: 10px;
    width: 266px;
    height: 18px;
    outline: none;
    border: solid 2px #CCC;
    border-radius: 3px;
    background: #FFF;
    color: #CCC;
    font-size: 14px;
}
.pin > .addstorypane .top h3,
.pin > .addplacepane .top h3{
margin: 0 0 12px;
color: #425B73;
font-size: 18px;
}
.pin > .addstorypane .top,
.pin > .addplacepane .top {
padding: 20px;
}
.pin > .addstorypane:after,
.pin > .addplacepane:after{
position: absolute;
top: 120px;
left: 3px;
display: block;
margin-left: -15px;
width: 25px;
height: 25px;
background: #FFF;
content: "";
-webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-moz-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.pin > a.addplace{
display: block;
width: 42px;
height: 42px;
border: solid 5px #B35520;
-webkit-border-radius: 26px;
-moz-border-radius: 26px;
border-radius: 26px;
background: #F27934 url(../../360/images/bpl.png) center center no-repeat;
-webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
}
.pin > .addstorypane .aside,
.pin > .addplacepane .aside {
    position: absolute;
    top: 50%;
    left: 100%;
    overflow: hidden;
    margin-top: -185px;
    width: 210px;
    height: 370px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: rgba(237,237,237, 0.65);
}
.pin > .addstorypane .aside .aside-top,
.pin > .addplacepane .aside .aside-top{
    padding: 22px 20px 14px 0;
}   
.pin > .addstorypane .aside .aside-top h3,
.pin > .addplacepane .aside .aside-top h3{
    margin: 0;
    background: rgba(237,237,237, 0.58);
    color: #425b73;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 33px;
}
.pin > .addstorypane .aside .aside-top h3 i.map-pin,
.pin > .addplacepane .aside .aside-top h3 i.map-pin{
display: inline-block;
margin-left: 10px;
width: 15px;
height: 22px;
background: url(../../360/images/bl-pin.png);
vertical-align: -5px;
}
.pin > .addstorypane .aside iframe,
.pin > .addplacepane .aside iframe{
    display: block;
    border: 0;
}
.pin > .addstorypane .aside:after,
.pin > .addplacepane .aside:after{
position: absolute;
top: 0;
bottom: 0;
bottom: 0;
left: -10px;
display: block;
width: 3px;
box-shadow: 13px 0 30px 2px rgb(0, 0, 0);
content: "";
}
.checkbox .check{
visibility: hidden;
width: 11px;
height: 11px;
background: url(../../360/images/check.png) center center no-repeat;   
opacity: 0;
-webkit-transition: all 0.3s ;
-moz-transition: all 0.3s ;
-ms-transition: all 0.3s ;
-o-transition: all 0.3s ;
transition: all 0.3s ;
}
.checkbox.checked .check{
visibility: visible;
opacity: 1;
-webkit-transition: all 0.3s ;
-moz-transition: all 0.3s ;
-ms-transition: all 0.3s ;
-o-transition: all 0.3s ;
transition: all 0.3s ;
}
.checkbox{
display: inline-block;
margin: 0;
width: 11px;
height: 11px;
border: solid 2px #a5a5a5;
background: white;
vertical-align: middle;
cursor: pointer;
}
.agree small a{
    color: inherit;
    text-decoration: none;
}
.agree .checkbox{
    display: block;
    float: left;
    margin: 0 10px 0 0;
}
.agree small{
    display: block;
    overflow: hidden;
    color: #425b73;
    font-size: 10px;
}
.st-story button.but-var1:hover{
    background: #fff;
    color: #189b81;
}
.st-story.orange button.but-var1:hover{
    background: #fff;
    color: #f27934;
}
.comments-counter.no-comments{
    background-image: url(../../360/images/no-comments.png);
}
.user > a img{
    margin-right: 15px;
    margin-left: 10px;
    width: 48px;
    height: 48px;
    border-radius: 24px;
}
.user > a *{
    display: block;
    float: left;
    height: 48px;
    color: #425b73;
    font-weight: 600;
    font-size: 14px;
    line-height: 48px;
    line-height: 48px;
}
.user > a:after{
    display: block;
    clear: both;
    height: 0;
    content:"";
}
.user > a.open{
    background: url(../../360/images/user-arr-down.png) right center no-repeat;
}
.user > a{
    display: block;
    margin: 20px 0 0 0;
    background: url(../../360/images/user-arr.png) right center no-repeat;
    text-decoration: none;
}
.user > ul > li:last-child a:hover{
    background-color: #e33f4b;
    color: #fff;
}
.user > ul > li:first-child a:hover{
    background-color: #148d75;
    color: #fff;
}
.user > ul > li:last-child a{
border-color: #e33f4b;
color: #e33f4b;
}
.user > ul > li:first-child{
    margin: 0 0 15px 0;
}
.user > ul > li > a{
    display: block;
    border: solid 2px #148d75;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 0 rgba(23, 157, 131, 0.4);
    -moz-box-shadow: 0 1px 0 0 rgba(23,157,131,0.4);
    box-shadow: 0 1px 0 0 rgba(23, 157, 131, 0.4);
    color: #;
    color: #425b73;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;  
    -webkit-transition: all 0.3s ;
    -moz-transition: all 0.3s ;
    -ms-transition: all 0.3s ;
    -o-transition: all 0.3s ;
    transition: all 0.3s ;  
}
.user > ul > li{
    display: block;
}
.user > ul:before{
    position: absolute;
    top: 0;
    right: -1px;
    left: -1px;
    display: block;
    height: 3px;
    background: #16a085;
    content: "";
}
.user > ul
{
    position: absolute;
    z-index: 101;
    display: none;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 16px 0 0;
    padding: 18px;
    width: 155px;
    border: solid 1px #daf0f6;
    border-top: 0;
    background: rgba(255,255,255,0.88);
}
.st-story.orange .top > h3{
margin: 0 -7px 10px;
color: #566D83;
font-weight: 700;
font-size: 18px;
}
img{
    max-width: 100%;
}
iframe{
    display: block;
    max-width: 100%;
}
.addhsp-ir1 input:nth-child(1){
    float: left;
    width: 115px !important;
}
.addhsp-ir1 input:nth-child(2){
    float: right;
    width: 115px !important;
}
.addhsp-ir2 input{
    width: 50px !important;
}
.addhsp-ir2 label{
    color: #969696;
    text-align: center;
    font-size: 14px;
    line-height: 42px;
}
.addhsp-ir2 *{
    float: left;
    width: 50px;
    
}
.row-pack-1{
font-size: 14px;
font-weight: bold;
text-align: center;
line-height: 20px;
padding: 5px 0;
border-bottom: dashed 3px;

}
.row-pack-2{
font-size: 14px;
text-align: center;
padding: 5px 0;
border-bottom: dashed 3px;

}
.row-pack-3{
font-size: 14px;
text-align: center;
padding: 5px 0;
border-bottom: dashed 3px;

}
.row-pack-2 span,
.row-pack-3 span{
	font-size: 22px;
	font-weight: bold;
	display: block;
	color: #19987f;
}
.row-pack-4{
font-size: 12px;
text-align: center;
line-height: 16px;
height: 20px;
padding: 5px 0;
color: #19987f;
}
@media all and (max-width: 1200px){
    .gmap-filter > div,
    .gmap-filter {
        width: 980px;
    }
    .filters {
        width: 670px;
    }
    .places ul {
        /*width: 474px;*/
        overflow-x: hidden;
    }

    .places ul li {
        zoom: 0.84;
    }

    .container{
        margin: 0 auto;
        width: 1000px;
    }
    .row:after{
        display: block;
        clear: both;
        width: 100%;
        height: 0;
        content: "";
    }
    [class*="span"] {
    float: left;
    margin-left: 20px;
    min-height: 1px;
    }
    .row{
        margin-left: -20px;
    }
    .span12{
        width: 1000px;
    }
    .span11{
        width: 915px;
    }
    .span10{
        width: 830px;
    }
    .span9{
        width: 745px;
    }
    .span8{
        width: 660px;
    }
    .span7{
        width: 575px;
    }
    .span6{
        width: 490px;
    }
    .span5{
        width: 405px;
    }
    .span4{
        width: 320px;
    }
    .span3{
        width: 235px;
    }
    .span2{
        width: 150px;
    }
    .span1{
        width: 65px;
    }

}
@media all and (max-width: 1024px){
	video{
		display: none !important;
	}
}
@media all and (max-width: 1023px){
    .gmap-filter > div, .gmap-filter {
        width: 690px;
    }
    .filters {
        width: 385px;
    }
    .places ul {
        width: 678px;
    }
    .forbsns ul li {
        width: 170px;
    }
    .forbsns {
        width: 670px;
    }
    .forbsns ul li.fullwidth {
        width: 630px;
    }   
    h3.st-heading.white{
        width: 710px;
    }   
    .contact-us .right textarea ,
    .contact-us .right input[type="text"] {
        width: 466px;
    }   
    .contact-us .right {
        padding: 25px 20px 85px;
        width: 490px;
    }   
    .contact-us .left {
        padding: 25px 0 85px;
        width: 180px;
    }
    .personal-information, .settings {
        padding: 40px;
        width: 630px;
    }
    .user-info-change .input-row1 textarea ,    
    .user-info-change .input-row1 input[type="text"] {
        width: 396px;
    }   
    .input-row2 input[type="submit"] ,
    .user-info-change .input-row1 > input[type="submit"] {
        margin: 0;
    }
    a.download-button {
        padding: 0 15px 0 40px;
        background: #16a085 url(../../360/images/download.png) 5px center no-repeat;
        font-size: 12px;
    }    
    .settings .input-row2 .input-group {
        width: 420px;
    }
    .g980 {
        width: 710px;
    }
    .footer{
        font-size: 10px;
    }
    .footer-logo{
display: block;
width: 120px;   
    }
    a.logo {
        margin-top: 23px;
        width: 135px;
    }
    .container{
        margin: 0 auto;
        width: 710px;
    }
    .row:after{
        display: block;
        clear: both;
        width: 100%;
        height: 0;
        content: "";
    }
    [class*="span"] {
    float: left;
    margin-left: 10px;
    min-height: 1px;
    }
    .row{
        margin-left: -10px;
    }
    .span12{
        width: 710px;
    }
    .span11{
        width: 650px;
    }
    .span10{
        width: 590px;
    }
    .span9{
        width: 530px;
    }
    .span8{
        width: 470px;
    }
    .span7{
        width: 410px;
    }
    .span6{
        width: 350px;
    }
    .span5{
        width: 290px;
    }
    .span4{
        width: 230px;
    }
    .span3{
        width: 170px;
    }
    .span2{
        width: 110px;
    }
    .span1{
        width: 50px;
    }
}

.auth span.extra-span ,
.auth a.extra-link {
	color: #19987f;
}
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {

}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../../bundles/demobakerymain/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(http://360yerevan.com/Resources/public/images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(http://360yerevan.com/Resources/public/images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(http://360yerevan.com/Resources/public/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(http://360yerevan.com/Resources/public/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../../bundles/demobakerymain/images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../../bundles/demobakerymain/images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../../bundles/demobakerymain/images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

/*
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}
*/

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../../bundles/demobakerymain/images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	/*overflow: auto;
	overflow-y: scroll;*/
    z-index: 10000;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../../bundles/demobakerymain/images/fancybox_sprite-2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../../bundles/demobakerymain/images/fancybox_loading-2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
input:focus,
select:focus,
textarea:focus {
    color: black !important;
}

input,
select,
textarea {
    color: black !important;
}

:-moz-placeholder { text-transform: uppercase; }
::-moz-placeholder { text-transform: uppercase; }
:-ms-input-placeholder { text-transform: uppercase; }
::-webkit-input-placeholder { text-transform: uppercase; }

.upload {
    display: block;
    overflow: hidden;
    overflow: hidden;
    padding: 0 10px;
    height: 40px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #FFF;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    line-height: 40px;
}

.upload input {
    position: relative;
    top: -40px;
    display: block !important;
    overflow: hidden !important;
    width: 110px !important;
    height: 40px !important;
    opacity: 0 !important;    
}

.flashMsg {
    padding: 20px;
    color: maroon;
    width: 400px;
    margin: 0 auto;
    font-size: 12pt;
}

#ajaxforms {
    position: relative;
    z-index: 10;
}


.blogitem {
    height: 300px;
    overflow: hidden;
}
.addstory .inputs label {
    color: #000;
}


#map_canvas img {
    max-width: none;
}

#map_canvas .GoogleMapMarkerTitle {
    font-family: "Open Sans";
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 27px;
    text-decoration: none;
    margin: 4px;
    margin-left: 0px;
}

#map_canvas .GoogleMapMarkerTitle:hover {
    text-decoration: underline;
}

#categories img {
    position: relative;
    top: 4px;
    margin-left: 2px;
}

.ui-autocomplete {
    list-style: none;
    padding-left: 20px;
    padding: 0px;
    margin-left: 1px;
    width: 210px;
    position: absolute;
    overflow-y: scroll;
    overflow-x: hidden;
}


.ui-autocomplete .jspPane {
    width: 210px !important;
}

.ui-autocomplete li {
    color: #16A085;
    background: #fff;
    padding: 2px 1px 1px 10px;
}

.ui-autocomplete li:hover {
    color: black;
    cursor: pointer;
}
.ui-helper-hidden-accessible {
    display: none;
}


#search-loader {
    position: absolute;
    display: none;
    margin-left: -30px;
    margin-top: 20px;
}

#searchSuggest ul {
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}


.places .icc {
    position: absolute;
    top: 50%;
    right: 20px;
    display: block;
    margin-top: -25px;
    width: 50px;
    height: 51px;
}

#notifyError {
    display: none;
    color:  #000000;
    height: 20px;
    font-size: 16px;
}

p.link  a {
    text-decoration: none;
    color: #425B73;
}


#storrytype_photos {
    position: relative;
    top: -82px;
    left: -14px;
    z-index: 10000;
    width: 290px !important;
    height: 70px !important;
    cursor: pointer;
}

#ZoomControls {
    position: absolute;
    margin-top: 260px;
    margin-left: 13px;
    z-index: 10;
    display: none;
}

#zoomout, #zoomin {
    background-image: url('../../bundles/demobakerymain/images/zoom.png');
    height: 40px;
    width: 36px;
    cursor: pointer;
}

#zoomout {
    background-position: 0px 40px;
}


#zoomin {
    background-position: 0px 0px;
}

#zoomout:hover, #zoomin:hover {
    opacity: 0.75;
}

.copyColor {
    color: #ffffff;
}

.ribbon_ru:after  {
    background: url(../../360/images/ribbon_ru.png) !important;
}

.ribbon_hy:after  {
    background: url(../../360/images/ribbon_hy.png) !important;
}

.bodyBG {
    background-repeat: repeat;
    background-position: 0px 0px;
    background-image: url('../../360/images/patt.png');
}



.pleaseSignIn {
    color: #2B2D29;
    text-decoration: none;
    font-size: 15px;
}

.pleaseSignIn:hover {
    text-decoration: underline;
}

.comments .comment {
    min-height: 40px;
}

.st-story .top .story h3 a {
    color: #425b73;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
}

.st-story.orange .top > h3 a {
    color: #199980;
    font-weight: 700;
    font-size: 18px;
    text-decoration: underline;
    position: relative;
    top: -10px;
}


.st-story.orange .top > h3 a img {
    position: relative;
    top: 4px;
    margin-right: 6px;
}

.st-story .top {
    padding-bottom: 0px;
}

.st-story .top .alt-auth, .st-story .top .author {
    padding-bottom: 10px;
    position: relative;
    top: -10px;
}

button.view-more {
    margin: 12px auto;
}

.standardStory .author {
    padding-bottom: 16px;
    position: relative;
    top: -10px;
}

.standardStory .story {
    margin-top: -10px;
}

.standardStory .author > div > h4 {
    font-size: 18px !important;
}

#map-loader {
    position: absolute;
    display: none;
    z-index: 10;
    height: 555px;
    background: #333;
    width: 1180px;
    opacity: 0.5;
}

#map-loader img {
    position: relative;
    top: 300px;
    left: 580px;
}

img#help {
    display: none;
    z-index: 100;
    position: absolute;
    cursor: pointer;
}

.enterURL {
    width: 300px;
    border: none;
    padding: 4px;
    border-radius: 4px;
}

.getCode {
    color: #425B73;
    text-decoration: none;
    border: 1px solid #425B73;
    padding: 3px;
    border-radius: 4px;
}

.codeArea {
    min-height: 100px;
    font-family: Courier;
    color: #199A80;
    font-weight: bold;
}

#files_selected p {
    color: black;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 10px;
}

.bizlink {
    float: left;
    padding: 4px;
    padding-top: 0px;
}


.orange .mhpane {
    max-height: 270px;
}

.ajaxStory .inner  {
    padding-right: 10px;
}

.st-story.orange .top .story h3 {
    margin: 1px 0 12px;
    color: #425b73;
    font-weight: 700;
    font-size: 18px;
    padding: 0px;
    line-height: 20px;
}


#storySlideshow {
    height: 136px !important;
}

.bizWaterMark {
    position: absolute;
    left: 0;
    border: none !important;
    margin-top: 11px;
    height: 50px !important;
    margin-left: 27px;
    width: 50px !important;
    z-index: 100;
}

.orange .jspDrag {
    background-color: darkorange !important;
}

.iPadBG {
    background:  url('../../360/images/bg-pre.jpg') fixed 0 0;
    background-attachment: fixed !important;
    background-size: cover !important;
}

.mhpane .jspTrack {
    display: none;
}

.mhpane .jspVerticalBar:hover .jspTrack {
    display: block !important;
}

.mhpane .jspVerticalBar {
    margin-right: 2px;
}

#viewerLogin {
    position: relative;
    top: 20px;
    z-index: 1000;
    display: none;
}


#ajaxError {
    color: #000000;
}

.frontStory {
    max-height: 160px !important;
}

#storySlideshow .media {
    margin: 0 !important;
}
.caroufredsel_wrapper {
    height: 100px !important;
}

.minStoryText {
    min-height: 126px;
}

.orange .minStoryText {
    min-height: 87px;
}

.maxStoryTextHeight {
    max-height: 72px;
}

#storySlideshow ol#pagination{
    position:relative;
    text-align:center;
    padding-left: 0px;
    font-size: 10px;
}
#storySlideshow ol#pagination li {
    display: inline-block;
    width: 16px;
    height: 13px;
    background: url(../../bundles/demobakerymain/images/bg_buttons.png) no-repeat 0 -2px;
    text-align: left;
    text-indent: -8000px;
    list-style: none;
    cursor: pointer;
    margin: 0px 2px;
}

#storySlideshow ol#pagination li.current{
    background:url(../../bundles/demobakerymain/images/bg_buttons.png) no-repeat 0 -34px;
}


#loginCloser {
    position: relative;
    float: right;
    top: -23px;
    left: 75px;
}
.uppercase {
    text-transform: uppercase;
    color: #19987f;
    font-size: 15px;
    text-decoration: none;
}

.uppercase:hover {
    text-decoration: underline;
}

#storySlideshow .media li {
    margin-right: 5px !important;
}

#commentContainer {
    display: none;
    width: 286px !important;
}

#fadeUp {
    background: repeat-x 0 0 url('../../bundles/demobakerymain/images/bg_fade.png');
    width: 290px;
    height: 10px;
    position: fixed;
    z-index: 1000;
}
/*----------------------------
    The file upload form
-----------------------------*/


#upload {
    font-family:'PT Sans Narrow', sans-serif;
/*    
    background-color:#373a3d;
    background-image:-webkit-linear-gradient(top, #373a3d, #313437);
    background-image:-moz-linear-gradient(top, #373a3d, #313437);
    background-image:linear-gradient(top, #373a3d, #313437);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);    
*/
    width: 100%;
    padding: 0px;
    border-radius:3px;

}

#drop {
    width: 110px;
    background-color: #2E3134;
    padding: 40px 50px;
    margin-bottom: 30px;
    border: 20px dashed #FF9900;
    border-radius: 3px;
    border-image: url('../../360/images/border-image.png') 25 repeat;
    text-align: center;
    text-transform: uppercase;

    font-size:16px;
    font-weight:bold;
    color:#7f858a;
}

#drop a {
    background-color:#007a96;
    padding:12px 26px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:12px;
    line-height:1;
}

#drop a:hover {
    background-color:#0986a3;
}

#drop input {
    display:none;
}

#upload ul {
    list-style:none;
    margin: 10px -30px;
    width: 220px;
}

#upload ul li {

    background-color:#333639;
    background-image:-webkit-linear-gradient(top, #333639, #303335);
    background-image:-moz-linear-gradient(top, #333639, #303335);
    background-image:linear-gradient(top, #333639, #303335);
    border-top:1px solid #3d4043;
    border-bottom:1px solid #2b2e31;
    padding:15px;
    height: 52px;
    position: relative;
}

#upload ul li input {
    display: none;
}

#upload ul li p {
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 100px;
}

#upload ul li i {
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#upload ul li canvas {
    top: 15px;
    left: 32px;
    position: absolute;
}

#upload ul li span {
    width: 15px;
    height: 12px;
    background: url('../../360/images/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

#upload ul li.working span {
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p {
    color:red;
}

#overlay_box {
    background: transparent;
    position: relative;
}
#overlay_box img.loading_circle {
    position: absolute;
    opacity:0.5;
	filter:alpha(opacity=50);
}