#contact-us-wrap {
    margin :0 auto;
    padding:40px 0 70px 30px;
  }
  #swipe_control:after {
    font-family:'fontello';
    content    :'\e890';
    font-size  :1.5em;
    color      :#ffffff;
    margin     :0 0 0 2px;
  }
  .clear {
    clear:both;
  }
  #contact_form .row {
    margin-bottom:30px;
  }
  #contact_form .field-group {
    font-family  :Helvetica,Arial,sans-serif;
    box-sizing   :border-box;
    margin-bottom:20px;
  }
  #contact_form .field-group .field {
    position:relative;
    margin  :0;
  }
  #contact_form .field-group-left {
    float        :left;
    width        :50%;
    padding-right:10px;
  }
  #contact_form .field-group-right {
    float       :right;
    width       :50%;
    padding-left:10px;
  }
  #contact_form .field .ph-text {
    position   :absolute;
    top        :0;
    left       :0;
    width      :100%;
    padding    :12px 13px 10px 13px;
    font-weight:400;
    font-size  :19px;
    line-height:1.4em;
    color      :#A3A3A3;
    background :#f5f5f5;
    box-sizing :border-box;
  }
  #contact_form .field-textarea .ph-text {
    height:200px;
  }
  ::-webkit-input-placeholder {
    color:#333;
  }
  :-moz-placeholder {
    color:#333;
  }
  :-ms-input-placeholder {
    color:#333;
  }
  .placeholder {
    color:#333;
  }
  #contact_form .txtBox {
    width      :100%;
    padding    :12px 13px 10px 13px;
    font-size  :19px;
    line-height:1.4em;
    background :#f5f5f5;
    border     :none;
    outline    :none;
    color      :#666666;
    box-sizing :border-box;
    font-weight:400;
    font-family:Helvetica,Arial,sans-serif;
  }
  #contact_form textarea.txtBox {
    height     :200px;
    resize     :none;
    line-height:22px;
    box-sizing :border-box;
  }
  #contact_form .txtBox:focus {
    background:#E0E0E0;
  }
  .hidden {
    display:none;
  }
  .error_input {
    box-sizing:border-box;
  }
  .field_error {
    margin-top:3px;
    color     :#FF8B00;
    display   :none;
  }
  #contact_form .field_error strong {
    font-weight:400;
  }
  #contact_form .field-group-submit {
    padding:0 !important;
  }
  #contact_form .btn-submit {
    color             :#fff;
    background        :#0085d0;
    border            :none;
    font-weight       :lighter;
    font-size         :18px;
    line-height       :54px;
    padding           :0 30px 0 30px;
    margin            :0 !important;
    cursor            :pointer;
    -webkit-transition:opacity 0.5s ease;
    -moz-transition   :opacity 0.5s ease;
    -o-transition     :opacity 0.5s ease;
    transition        :opacity 0.5s ease;
    letter-spacing    :0.03em;
    font-family       :"Helvetica",Helvetica,Arial,sans-serif !important;
  }
  #contact_form .btn-submit.locked {
    background:#666;
    cursor    :default;
    opacity   :0;
  }
  #contact_form input.btn-submit:after {
    content    :'\e88d';
    font-family:'fontello';
    display    :inline-block;
    font-style :normal;
    color      :red;
  }
  .dropdown {
    margin:0;
  }
  .dropdown dd,.dropdown dt,.dropdown ul {
    margin     :0px;
    padding    :0px;
    font-size  :19px;
    line-height:1.4em;
    font-weight:400;
  }
  .dropdown ul {
  }
  .dropdown dd {
    position:relative;
  }
  .dropdown a,.dropdown a:visited {
    color          :#666;
    text-decoration:none;
    outline        :none;
  }
  .dropdown a:hover {
    color:#666 !important;
  }
  .dropdown dt a {
    background:#f5f5f5;
    display   :block;
    overflow  :hidden;
    padding   :12px 13px 10px 13px;
    color     :#A3A3A3;
  }
  .dropdown dt a:hover {
    color:#666;
  }
  .dropdown dt a:after {
    content    :'\e88d';
    font-family:'fontello';
    display    :inline-block;
    font-style :normal;
    position   :absolute;
    top        :50%;
    right      :15px;
    margin-top :-5px;
    height     :10px;
    line-height:10px;
  }
  .dropdown dt a.selected {
    color:#666;
  }
  .dropdown dt a span {
    cursor :pointer;
    display:block;
  }
  .dropdown dd ul {
    background:#E0E0E0;
    color     :#666;
    display   :none;
    left      :1px;
    position  :absolute;
    top       :-1px;
    width     :100%;
    list-style:none;
    z-index   :99;
  }
  .dropdown span.value {
    display:none;
  }
  .dropdown dd ul li a {
    display:block;
    padding:12px 13px 10px 13px;
  }
  .dropdown dd ul li a:hover {
    background:#ccc;
  }
  @media only screen and (max-width:950px) {
  #contact_form .field .ph-text,.dropdown dd,.dropdown dt,.dropdown ul {
  font-size:14px !important;
  line-height:2em !important;

}
  #swipe_lock .swipe_text {
    font-size:14px !importan
    t;
  }

}

#page-wrap {
  width      :720px;
  margin     :0 auto;
  padding-top:100px;
}
  #swipe_lock {
    float              :left;
    background         :#f5f5f5;
    height             :54px;
    width              :334px;
    overflow           :hidden;
    -webkit-user-select:none;
    position           :relative;
    margin-right       :20px;
  }
  #swipe_lock #swipe_control {
    float      :left;
    height     :54px;
    width      :54px;
    background :#0085d0;
    display    :inline-block;
    line-height:54px;
    text-align :center;
    cursor     :pointer;
    cursor     :-webkit-grab;
    cursor     :-moz-grab;
  }
  #swipe_lock #swipe_control .icon-right-dir:after {
    color    :#fff;
    font-size:20px;
  }
  #swipe_lock #swipe_control.unloacked {
    background-color:#666;
    cursor          :default;
  }
  #swipe_lock .swipe_text {
    font-size               :18px;
    color                   :#666;
    text-align              :center;
    font-weight             :400;
    padding                 :0;
    -webkit-text-size-adjust:none;
    margin                  :0;
    padding                 :0;
    float                   :left;
    width                   :280px;
    margin-left             :-27px;
    display                 :block;
    line-height             :54px;
  }
  .clear {
    clear:both;
  }
  #feedback_form .row {
    margin-bottom:30px;
  }
  #feedback_form .field-group {
    font-family  :Helvetica,Arial,sans-serif;
    box-sizing   :border-box;
    margin-bottom:20px;
  }
  #feedback_form .field-group .field {
    position:relative;
    margin  :0;
  }
  #feedback_form .field-group-left {
    float        :left;
    width        :50%;
    padding-right:10px;
  }
  #feedback_form .field-group-right {
    float       :right;
    width       :50%;
    padding-left:10px;
  }
  #feedback_form .field .ph-text {
    position   :absolute;
    top        :0;
    left       :0;
    width      :100%;
    padding    :12px 13px 10px 13px;
    font-weight:400;
    font-size  :19px;
    line-height:1.4em;
    color      :#A3A3A3;
    background :#f5f5f5;
    box-sizing :border-box;
  }
  #feedback_form .field-textarea .ph-text {
    height:200px;
  }
  ::-webkit-input-placeholder {
    color:#333;
  }
  :-moz-placeholder {
    color:#333;
  }
  :-ms-input-placeholder {
    color:#333;
  }
  .placeholder {
    color:#333;
  }
  #feedback_form .txtBox {
    width      :100%;
    padding    :12px 13px 10px 13px;
    font-size  :19px;
    line-height:1.4em;
    background :#f5f5f5;
    border     :none;
    outline    :none;
    color      :#666666;
    box-sizing :border-box;
    font-weight:400;
    font-family:Helvetica,Arial,sans-serif;
  }
  #feedback_form textarea.txtBox {
    height     :200px;
    resize     :none;
    line-height:22px;
    box-sizing :border-box;
  }
  #feedback_form .txtBox:focus {
    background:#E0E0E0;
  }
  .hidden {
    display:none;
  }
  .error_input {
    box-sizing:border-box;
  }
  .field_error {
    margin-top:3px;
    color     :#FF8B00;
    display   :none;
  }
  #feedback_form .field_error strong {
    font-weight:400;
  }
  #feedback_form .field-group-submit {
    padding:0 !important;
  }
  #feedback_form .btn-submit {
    color             :#fff;
    background        :#0085d0;
    border            :none;
    font-weight       :lighter;
    letter-spacing    :0.03em;
    font-size         :18px;
    line-height       :54px;
    padding           :0 30px 0 30px;
    margin            :0 !important;
    cursor            :pointer;
    -webkit-transition:opacity 0.5s ease;
    -moz-transition   :opacity 0.5s ease;
    -o-transition     :opacity 0.5s ease;
    transition        :opacity 0.5s ease;
    font-family       :"Helvetica",Helvetica,Arial,sans-serif !important;
  }
  #feedback_form .btn-submit.locked {
    background:#666;
    cursor    :default;
    opacity   :0;
  }
  #feedback_form input.btn-submit:after {
    content    :'\e88d';
    font-family:'fontello';
    display    :inline-block;
    font-style :normal;
    color      :red;
  }
  .dropdown dd,.dropdown dt,.dropdown ul {
    margin     :0px;
    padding    :0px;
    font-size  :19px;
    line-height:1.4em;
    font-weight:400;
  }
  .dropdown ul {
  }
  .dropdown dd {
    position:relative;
  }
  .dropdown a,.dropdown a:visited {
    color          :#666;
    text-decoration:none;
    outline        :none;
  }
  .dropdown a:hover {
    color:#666;
  }
  .dropdown dt a {
    background:#f5f5f5;
    display   :block;
    overflow  :hidden;
    padding   :12px 13px 10px 13px;
    color     :#A3A3A3;
  }
  .dropdown dt a:hover {
    color:#666;
  }
  .dropdown dt a:after {
    content    :'\e88d';
    font-family:'fontello';
    display    :inline-block;
    font-style :normal;
    position   :absolute;
    top        :50%;
    right      :15px;
    margin-top :-5px;
    height     :10px;
    line-height:10px;
  }
  .dropdown dt a.selected {
    color:#666;
  }
  .dropdown dt a span {
    cursor :pointer;
    display:block;
  }
  .dropdown dd ul {
    background:#E0E0E0;
    color     :#666;
    display   :none;
    left      :1px;
    position  :absolute;
    top       :-1px;
    width     :100%;
    list-style:none;
    z-index   :99;
  }
  .dropdown span.value {
    display:none;
  }
  .dropdown dd ul li a {
    display:block;
    padding:12px 13px 10px 13px;
  }
  .dropdown dd ul li a:hover {
    background:#ccc;
  }
  @media only screen and (max-width:950px) {
  #feedback_form .field .ph-text {
  font-size:14px !important;
  line-height:2em !important;

}
  #swipe_lock .swipe_text {
    font-size:14px !importan
    t;
  }

}
  @media only screen and (max-width:360px) {
  #swipe_lock {
  width:284px;

}
  #swipe_lock .swipe_text {
    width:230p
    x;
  }

}

html {
  width    :100%;
  height   :100%;
  font-size:16px;
}
  body {
    width                 :100%;
    height                :100%;
    -webkit-font-smoothing:antialiased;
    font-family           :"Helvetica",Helvetica,Arial,sans-serif;
    margin                :0 auto;
    padding               :0;
    padding-bottom        :0;
    position              :relative;
  }
  #page {
    margin:auto;
  }
  .container {
    margin     :auto;
    height     :0;
    font-size  :0;
    line-height:0;
  }
  .clear {
    clear:both;
  }
  .icon-play:after {
    content    :'\e890';
    font-family:'fontello';
    display    :inline-block;
    margin     :0 0 0 8px;
    font-style :normal;
    font-size  :1em;
  }
  .icon-angle-left:before {
    content    :'\e895';
    font-family:'fontello';
    font-style :normal;
  }
  .icon-angle-right:before {
    content    :'\e896';
    font-family:'fontello';
    font-style :normal;
  }
  .pane-map .map-controls {
    position:relative;
    z-index :99;
  }
  .pane-map .map-controls .nav-controls a {
    position  :absolute;
    top       :0;
    background:#02bed4;
    z-index   :99;
    color     :#fff;
    width     :100%;
    height    :520px;
    width     :30px;
    overflow  :hidden;
  }
  .pane-map .map-controls .nav-controls i {
    position               :absolute;
    vertical-align         :middle;
    outline                :0px none;
    -moz-osx-font-smoothing:grayscale;
    width                  :100%;
    padding                :0;
    margin                 :0;
    border                 :none;
    text-align             :center;
    text-decoration        :none;
    box-sizing             :border-box;
    font-size              :24px;
    line-height            :20px;
    margin-top             :-5px;
    background-repeat      :no-repeat;
    background-position    :center center;
    display                :block;
    top                    :50%;
  }
  .pane-map .map-controls .nav-controls .prev {
    left:0;
  }
  .pane-map .map-controls .nav-controls .next {
    right:0;
  }
  .pane-map .map-controls .nav-controls .prev span {
    background-image:url(/sites/all/modules/ccsf_map/images/arrow-prev.png);
  }
  .pane-map .map-controls .nav-controls .next span {
    background-image:url(/sites/all/modules/ccsf_map/images/arrow-next.png);
  }
  .view-map {
    overflow  :hidden;
    background:#c3f7f2;
    width     :100%;
    box-sizing:border-box;
    height    :520px;
  }
  .view-map .view-content {
    height :100%;
    margin :auto;
    width  :3196px;
    padding:0;
  }
  .view-map .view-content .steps {
    height         :100%;
    width          :3196px;
    padding        :0;
    margin         :0;
    background     :url(/sites/all/modules/ccsf_map/images/screen/path.png) no-repeat 58px 112px;
    background-size:2893px 150px;
    margin-top     :-5px;
  }
  .view-map .views-row {
    float       :left;
    position    :relative;
    height      :100%;
    color       :#222;
    width       :246px;
    padding     :0;
    padding-left:50px;
  }
  .view-map .views-row-2 {
    width       :228px;
    padding-left:70px;
  }
  .view-map .views-row.views-row-first {
    width  :226px;
    padding:0;
  }
  .view-map .views-row .views-field-field-number a {
    color:#fff !important;
  }
  .view-map .views-row a {
    text-decoration       :none;
    outline               :none;
    color                 :#4dd8e3;
    -webkit-font-smoothing:subpixel-antialiased;
    -webkit-transition    :color 0.25s linear;
    transition            :color 0.25s linear;
  }
  .view-map .views-row .views-field-field-number {
    position              :absolute;
    display               :block;
    top                   :0;
    left                  :0;
    border-radius         :50%;
    background            :#4dd8e3;
    color                 :#fff;
    text-align            :center;
    z-index               :2;
    width                 :40px;
    height                :40px;
    line-height           :42px;
    font-size             :1.25em;
    -webkit-font-smoothing:subpixel-antialiased;
    -webkit-transition    :background 0.25s linear;
    transition            :background 0.25s linear;
  }
  .view-map .views-row .views-field-field-image {
    overflow     :hidden;
    position     :relative;
    width        :140px;
    height       :140px;
    margin-bottom:7px;
  }
  .view-map .views-row .views-field-field-image img {
    width :100%;
    height:100%;
  }
  .view-map .views-row .views-field-field-image .overlay {
    position              :absolute;
    z-index               :1;
    top                   :0;
    left                  :0;
    width                 :100%;
    height                :100%;
    background            :#C3F7F2;
    border-radius         :50%;
    opacity               :.5;
    display               :block;
    text-indent           :-9999em;
    line-height           :0;
    font-size             :0;
    -webkit-font-smoothing:subpixel-antialiased;
    -webkit-transition    :opacity 0.25s linear;
    transition            :opacity 0.25s linear;
  }
  .view-map .views-row .views-field-field-heading {
    font-size    :1.0625em;
    font-weight  :700;
    line-height  :1.4;
    margin-bottom:5px;
  }
  .view-map .views-row .views-field-field-heading {
    color:#4dd8e3;
  }
  .view-map .views-row .views-field-field-heading a {
    text-decoration:none;
    color          :#4dd8e3;
  }
  .view-map .views-row .views-field-field-heading a:hover {
    color:#02bed4;
  }
  .view-map .views-row .views-field-body {
    font-size             :.8em;
    line-height           :1.4;
    color                 :#4dd8e3;
    -webkit-font-smoothing:subpixel-antialiased;
    -webkit-transition    :color 0.25s linear;
    transition            :color 0.25s linear;
  }
  .view-map .views-row .views-field-field-link {
    font-weight   :700;
    margin-top    :7px;
    font-size     :1em;
    line-height   :1.4;
    letter-spacing:1px;
  }
  .view-map .views-row .views-field-field-link a {
  }
  .view-map .views-row .views-field-field-link a .icon {
  }
  .view-map .views-row-1 .views-field-field-heading {
    background   :#ff9900;
    width        :8px !important;
    height       :8px !important;
    border-radius:20px;
    left         :55px;
    top          :257px;
    position     :absolute;
  }
  .view-map .views-row-1 .views-field .field-content {
    display:none;
  }
  .home-pane-map .view-map .views-row.views-row-first .views-field-field-heading {
    position       :absolute !important;
    top            :166px !important;
    left           :0 !important;
    width          :120px !important;
    height         :99px !important;
    background     :url(/sites/all/modules/ccsf_map/images/screen/get-started.png) no-repeat !important;
    background-size:120px 99px !important;
    border-radius  :0px;
  }
  .home-pane-map .view-map .views-row-1 .views-field .field-content {
    display:block !important;
  }
  .view-map .views-row.views-row-first .views-field-field-heading .field-content {
    color      :#fff;
    text-align :center;
    line-height:34px;
    font-family:"Helvetica",Helvetica,Arial,sans-serif;
    font-size  :1em;
    font-weight:400;
  }
  .home-pane-map .map-controls .nav-controls a {
    background-color:#0082ed;
  }
  .home-pane-map .view-map {
    background:#c8f1ff;
  }
  .home-pane-map .view-map .view-content .steps {
    background-image:url(/sites/all/modules/ccsf_map/images/screen/path-home.png);
    margin-top      :-5px;
  }
  .home-pane-map .view-map .views-row .views-field-field-number {
    background-color:#0082ed;
  }
  .home-pane-map .view-map .views-row .views-field-field-image .overlay {
    background-color:#c8f1ff;
  }
  .home-pane-map .view-map .views-row .views-field-field-heading,.home-pane-map .view-map .views-row .views-field-field-heading a {
    color:#222;
  }
  .home-pane-map .view-map .views-row .views-field-body {
    color:#222222;
  }
  .home-pane-map .view-map .views-row .views-field-field-link a {
    color:#0d84e9 !important;
  }
  .view-map .views-row .flag {
    background     :url(/sites/all/modules/ccsf_map/images/screen/you-are-here.png) no-repeat;
    background-size:120px 99px;
    width          :120px;
    height         :95px;
    position       :absolute;
    top            :147px;
    left           :-41px;
    z-index        :1;
    color          :#fff;
    text-align     :center;
    line-height    :34px;
    font-size      :1em;
    font-weight    :400;
  }
  .view-map .views-row-current .views-field-field-number {
    background-color:#FF9800;
  }
  .view-map .views-row-current .views-field-field-heading a,.view-map .views-row-current .views-field-body a,.view-map .views-row-current .views-field-field-heading a {
    color:#222;
  }
  .view-map .views-row-current .views-field-field-heading a:hover,.view-map .views-row-current .views-field-body a:hover {
    color:#222;
  }
  .view-map .views-row-current .views-field-field-link a {
    color:#00bed5 !important;
  }
  .view-map .views-row-current .views-field-body {
    color:#666666;
  }
  .view-map .views-row-current .flag {
    display:block;
  }
  .view-map .views-row.mouseover .views-field-field-number {
    background-color:#FF9900;
  }
  .view-map .views-row.mouseover .views-field-field-heading a,.view-map .views-row.mouseover .views-field-field-heading,.view-map .views-row.mouseover .views-field-body a,.view-map .views-row.mouseover .views-field-body p {
    color:#222222 !important;
  }
  .view-map .views-row.mouseover .views-field-field-link a {
    color:#ff9900;
  }
  .home-pane-map .view-map .views-row.mouseover .views-field-field-number {
    background-color:#FF9900 !important;
  }
  .home-pane-map .view-map .views-row .views-field-body a {
    color:#222;
  }
  .home-pane-map .view-map .views-row.mouseover .views-field-body a {
    color:#222 !important;
  }
  .home-pane-map .view-map .views-row.mouseover .views-field-field-link a {
    color:#FF9900 !important;
  }
  .home-pane-map .view-map .views-row.mouseover .views-field-field-heading a {
    color:#222 !important;
  }
  .view-map .views-row-2 .views-field-field-number,.view-map .views-row-3 .views-field-field-number,.view-map .views-row-8 .views-field-field-number,.view-map .views-row-9 .views-field-field-number {
    top:242px;
  }
  .view-map .views-row-2 .views-field-field-image,.view-map .views-row-3 .views-field-field-image,.view-map .views-row-8 .views-field-field-image,.view-map .views-row-9 .views-field-field-image {
    margin-top:192px;
  }
  .view-map .views-row-2 .flag,.view-map .views-row-3 .flag,.view-map .views-row-8 .flag,.view-map .views-row-9 .flag {
    top:147px;
  }
  .view-map .views-row-4 .views-field-field-number,.view-map .views-row-6 .views-field-field-number,.view-map .views-row-10 .views-field-field-number,.view-map .views-row-11 .views-field-field-number {
    top:93px;
  }
  .view-map .views-row-4 .views-field-field-image,.view-map .views-row-6 .views-field-field-image,.view-map .views-row-10 .views-field-field-image,.view-map .views-row-11 .views-field-field-image {
    margin-top:43px;
  }
  .view-map .views-row-4 .flag,.view-map .views-row-6 .flag,.view-map .views-row-10 .flag,.view-map .views-row-11 .flag {
    top:29px;
  }
  .view-map .views-row-5 .views-field-field-number,.view-map .views-row-7 .views-field-field-number {
    top :142px;
    left:95px;
  }
  .view-map .views-row-5 .views-field-field-image,.view-map .views-row-7 .views-field-field-image {
    margin-top:192px;
  }
  .view-map .views-row-5 .flag,.view-map .views-row-7 .flag {
    top :47px;
    left:54px;
  }
  @media screen and (max-width:950px) {
  .home-pane-map .view-map .views-row.views-row-first .views-field-field-heading {
  top:92px !important;
  left:-14px !important;

}
  .view-map,.pane-map .map-controls .nav-controls a {
    height   :330px;
    font-size:12px;
  }
  .pane-map .map-controls .nav-controls a {
    width  :20px;
    display:none;
  }
  .pane-map .map-controls .nav-controls i {
    font-size          :18px;
    line-height        :14px;
    margin-top         :-7px;
    background-repeat  :no-repeat;
    background-position:center center;
    display            :block;
    top                :50%;
  }
  .view-map .view-content {
    width:2260px !important;
  }
  .view-map .view-content .steps {
    width          :2260px;
    margin         :0px 0 0 60px;
    padding-right  :60px;
    background     :url(/sites/all/modules/ccsf_map/images/tablet/path.png) no-repeat 45px 80px;
    background-size:2059px 109px;
  }
  .home-pane-map .view-map .view-content .steps {
    background-image:url(/sites/all/modules/ccsf_map/images/tablet/path-home.png);
    margin-top      :0px;
  }
  .view-map .views-row {
    width       :170px;
    padding     :0;
    padding-left:40px;
  }
  .view-map .views-row .views-field-field-heading {
  }
  .view-map .views-row .views-field-field-link {
    margin-top:0;
  }
  .view-map .views-row.views-row-first {
    width:160px;
  }
  .view-map .views-row.views-row-first .views-field-field-heading {
  }
  .view-map .views-row-1 .views-field-field-heading {
    left:41px;
    top :183px;
  }
  .view-map .views-row.views-row-first .views-field-field-heading .field-content {
    line-height:25px;
    font-size  :1.25em;
    margin     :5px 0 0 0;
  }
  .view-map .views-row .views-field-field-number {
    width      :30px;
    height     :30px;
    line-height:30px;
  }
  .view-map .views-row .views-field-field-image {
    width :100px;
    height:100px;
  }
  .view-map .views-row .flag {
    left            :-29px;
    background-image:url(/sites/all/modules/ccsf_map/images/tablet/you-are-here.png);
    background-size :86px 68px;
    width           :86px;
    height          :68px;
    line-height     :25px;
  }
  .view-map .views-row-2 .views-field-field-number,.view-map .views-row-3 .views-field-field-number,.view-map .views-row-8 .views-field-field-number,.view-map .views-row-9 .views-field-field-number {
    top:172px;
  }
  .view-map .views-row-2 .views-field-field-image,.view-map .views-row-3 .views-field-field-image,.view-map .views-row-8 .views-field-field-image,.view-map .views-row-9 .views-field-field-image {
    margin-top:137px;
  }
  .view-map .views-row-2 .flag,.view-map .views-row-3 .flag,.view-map .views-row-8 .flag,.view-map .views-row-9 .flag {
    top:119px;
  }
  .view-map .views-row-4 .views-field-field-number,.view-map .views-row-6 .views-field-field-number,.view-map .views-row-10 .views-field-field-number,.view-map .views-row-11 .views-field-field-number {
    top:66px;
  }
  .view-map .views-row-4 .views-field-field-image,.view-map .views-row-6 .views-field-field-image,.view-map .views-row-10 .views-field-field-image,.view-map .views-row-11 .views-field-field-image {
    margin-top:31px;
  }
  .view-map .views-row-4 .flag,.view-map .views-row-6 .flag,.view-map .views-row-10 .flag,.view-map .views-row-11 .flag {
    top:21px;
  }
  .view-map .views-row-5 .views-field-field-number,.view-map .views-row-7 .views-field-field-number {
    top :101px;
    left:75px;
  }
  .view-map .views-row-5 .views-field-field-image,.view-map .views-row-7 .views-field-field-image {
    margin-top:136px;
  }
  .view-map .views-row-5 .flag {
    top :39px;
    left:47px;
  }
  .view-map .views-row-7 .flag {
    top :39px;
    left:47px;
  }
  .views-field-body {
    display:non
    e;
  }

}
  @media screen and (max-width:580px) {
  .home-pane-map .view-map .views-row.views-row-first .views-field-field-heading {
  top:61px !important;
  left:-14px !important;

}
  .view-map .view-content .steps {
    background     :url(/sites/all/modules/ccsf_map/images/mobile/path.png) no-repeat 45px 156px;
    background-size:2111px 1px !important;
    margin-top     :-25px;
  }
  .home-pane-map .view-map .view-content .steps {
    background-image:url(/sites/all/modules/ccsf_map/images/mobile/path-home.png);
    background-size :2111px 1px !important;
    margin-top      :-25px;
  }
  .view-map .views-row-1 .views-field-field-heading {
    top:152px;
  }
  .view-map .views-row .views-field-field-image {
    margin-top:106px !important;
  }
  .view-map .views-row .views-field-field-number {
    top :141px !important;
    left:0 !important;
  }
  .view-map .views-row .views-field-body {
    display:none;
  }
  .view-map .views-row .flag {
    top :75px;
    left:-27p
    x;
  }

}

.animate-spin {
  -moz-animation   :spin 2s infinite linear;
  -o-animation     :spin 2s infinite linear;
  -webkit-animation:spin 2s infinite linear;
  animation        :spin 2s infinite linear;
  display          :inline-block;
}
  @-moz-keyframes spin {
  0% {
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);

}
  100% {
    -moz-transform   :rotate(359deg);
    -o-transform     :rotate(359deg);
    -webkit-transform:rotate(359deg);
    transform        :rotate(359deg
    );
  }

}
  @-webkit-keyframes spin {
  0% {
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);

}
  100% {
    -moz-transform   :rotate(359deg);
    -o-transform     :rotate(359deg);
    -webkit-transform:rotate(359deg);
    transform        :rotate(359deg
    );
  }

}
  @-o-keyframes spin {
  0% {
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);

}
  100% {
    -moz-transform   :rotate(359deg);
    -o-transform     :rotate(359deg);
    -webkit-transform:rotate(359deg);
    transform        :rotate(359deg
    );
  }

}
  @-ms-keyframes spin {
  0% {
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);

}
  100% {
    -moz-transform   :rotate(359deg);
    -o-transform     :rotate(359deg);
    -webkit-transform:rotate(359deg);
    transform        :rotate(359deg
    );
  }

}
  @keyframes spin {
  0% {
  -moz-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg);

}
  100% {
    -moz-transform   :rotate(359deg);
    -o-transform     :rotate(359deg);
    -webkit-transform:rotate(359deg);
    transform        :rotate(359deg
    );
  }

}

.tipsy {
  font-family:"Helvetica",Helvetica,Arial,sans-serif;
  font-size  :14px;
  position   :absolute;
  padding    :5px;
  z-index    :100000;
}
  .tipsy-inner {
    background-color:#000;
    color           :#FFF;
    max-width       :200px;
    padding         :10px 10px 8px 10px;
    text-align      :center;
  }
  .tipsy-arrow {
    position   :absolute;
    width      :0;
    height     :0;
    line-height:0;
    border     :5px dashed #000;
  }
  .tipsy-arrow-n {
    border-bottom-color:#000;
  }
  .tipsy-arrow-s {
    border-top-color:#000;
  }
  .tipsy-arrow-e {
    border-left-color:#000;
  }
  .tipsy-arrow-w {
    border-right-color:#000;
  }
  .tipsy-n .tipsy-arrow {
    top                :0px;
    left               :50%;
    margin-left        :-5px;
    border-bottom-style:solid;
    border-top         :none;
    border-left-color  :transparent;
    border-right-color :transparent;
  }
  .tipsy-nw .tipsy-arrow {
    top                :0;
    left               :10px;
    border-bottom-style:solid;
    border-top         :none;
    border-left-color  :transparent;
    border-right-color :transparent;
  }
  .tipsy-ne .tipsy-arrow {
    top                :0;
    right              :10px;
    border-bottom-style:solid;
    border-top         :none;
    border-left-color  :transparent;
    border-right-color :transparent;
  }
  .tipsy-s .tipsy-arrow {
    bottom            :0;
    left              :50%;
    margin-left       :-5px;
    border-top-style  :solid;
    border-bottom     :none;
    border-left-color :transparent;
    border-right-color:transparent;
  }
  .tipsy-sw .tipsy-arrow {
    bottom            :0;
    left              :10px;
    border-top-style  :solid;
    border-bottom     :none;
    border-left-color :transparent;
    border-right-color:transparent;
  }
  .tipsy-se .tipsy-arrow {
    bottom            :0;
    right             :10px;
    border-top-style  :solid;
    border-bottom     :none;
    border-left-color :transparent;
    border-right-color:transparent;
  }
  .tipsy-e .tipsy-arrow {
    right              :0;
    top                :50%;
    margin-top         :-5px;
    border-left-style  :solid;
    border-right       :none;
    border-top-color   :transparent;
    border-bottom-color:transparent;
  }
  .tipsy-w .tipsy-arrow {
    left               :0;
    top                :50%;
    margin-top         :-5px;
    border-right-style :solid;
    border-left        :none;
    border-top-color   :transparent;
    border-bottom-color:transparent;
  }

#comments {
  margin-top:15px;
}
  .indented {
    margin-left:25px;
  }
  .comment-unpublished {
    background-color:#fff4f4;
  }
  .comment-preview {
    background-color:#ffffea;
  }

.field .field-label {
  font-weight:bold;
}
  .field-label-inline .field-label,.field-label-inline .field-items {
    float:left;
  }
  form .field-multiple-table {
    margin:0;
  }
  form .field-multiple-table th.field-label {
    padding-left:0;
  }
  form .field-multiple-table td.field-multiple-drag {
    width        :30px;
    padding-right:0;
  }
  form .field-multiple-table td.field-multiple-drag a.tabledrag-handle {
    padding-right:.5em;
  }
  form .field-add-more-submit {
    margin:.5em 0 0;
  }

.node-unpublished {
  background-color:#fff4f4;
}
  .preview .node {
    background-color:#ffffea;
  }
  td.revision-current {
    background:#ffc;
  }

.permit-control {
  cursor:pointer;
}
  .permit-control:hover {
    color:red;
  }
  #edit-select {
    display:none;
  }
  .vbo-select-all-markup {
    display:none;
  }
  span.views-throbbing {
    display:none !important;
  }
  a.views-throbbing {
    padding-right:0 !important;
  }
  .ajax-progress-throbber {
    display:none !important;
  }
  #selected-permits {
    display:none !important;
  }
  .bef-toggle {
    display:none;
  }
  .ui-autocomplete-field-name {
    display:none !important;
  }
  .ui-autocomplete-field-comment_count {
    display:none !important;
  }

.search-form {
  margin-bottom:1em;
}
  .search-form input {
    margin-top   :0;
    margin-bottom:0;
  }
  .search-results {
    list-style:none;
  }
  .search-results p {
    margin-top:0;
  }
  .search-results .title {
    font-size:1.2em;
  }
  .search-results li {
    margin-bottom:1em;
  }
  .search-results .search-snippet-info {
    padding-left:1em;
  }
  .search-results .search-info {
    font-size:0.85em;
  }
  .search-advanced .criterion {
    float       :left;
    margin-right:2em;
  }
  .search-advanced .action {
    float:left;
    clear:left;
  }

#kit-admin-permits,#kit-admin-related-documents,#kit-admin-journey-map,#new-name-wrap,#new-info-wrap {
  float:left;
  clear:both;
  width:100%;
}
  #edit-explore {
    clear:both;
  }
  .starter-kit-node-entry {
    border-bottom:1px solid #DBDBDB;
    margin       :0 0 0 0;
  }
  .starter-kit-node-entry p {
    float:left;
  }
  .starter-kit-node-entry input {
    float :right;
    margin:8px 0 0 0;
  }
  .starter-kit-add-node {
    margin:15px 0 0 0;
  }
  .starter-kit-add-node div {
    float:left;
  }
  .starter-kit-add-node .form-submit {
    float :left;
    margin:20px 0 0 20px;
  }
  .starter-kit-node-entry .kit-link {
    float :right;
    margin:14px 0 0 20px;
  }
  .item-checkbox {
    float :left;
    margin:10px 10px 0 0;
  }
  #new-button {
    margin:10px 0 0 0;
    height:30px;
  }
  #new-name-wrap div {
    float:left;
  }
  #new-name-wrap #edit-name-input {
    float :left;
    margin:20px 0 0 20px;
  }
  #new-name-wrap h2 {
    float          :left;
    margin         :4px 20px 0 0;
    text-decoration:underline;
  }
  #delete-buttons input {
    float:left;
  }
  #delete-buttons p {
    float :left;
    margin:5px 0 0 20px;
  }
  .rearrange-title {
    margin:0;
  }
  #starter-kit-select-all:hover {
    cursor:pointer;
  }
  #starter-kit-deselect-all:hover {
    cursor:pointer;
  }
  #starter-kit-download-selected:hover {
    cursor:pointer;
  }
  #starter-kit-add-selected:hover {
    cursor:pointer;
  }

#permissions td.module {
  font-weight:bold;
}
  #permissions td.permission {
    padding-left:1.5em;
  }
  #permissions tr.odd .form-item,#permissions tr.even .form-item {
    white-space:normal;
  }
  #user-admin-settings fieldset .fieldset-description {
    font-size     :0.85em;
    padding-bottom:.5em;
  }
  #user-admin-roles td.edit-name {
    clear:both;
  }
  #user-admin-roles .form-item-name {
    float       :left;
    margin-right:1em;
  }
  .password-strength {
    width     :17em;
    float     :right;
    margin-top:1.4em;
  }
  .password-strength-title {
    display:inline;
  }
  .password-strength-text {
    float      :right;
    font-weight:bold;
  }
  .password-indicator {
    background-color:#C4C4C4;
    height          :0.3em;
    width           :100%;
  }
  .password-indicator div {
    height          :100%;
    width           :0%;
    background-color:#47C965;
  }
  input.password-confirm,input.password-field {
    width        :16em;
    margin-bottom:0.4em;
  }
  div.password-confirm {
    float     :right;
    margin-top:1.5em;
    visibility:hidden;
    width     :17em;
  }
  div.form-item div.password-suggestions {
    padding:0.2em 0.5em;
    margin :0.7em 0;
    width  :38.5em;
    border :1px solid #B4B4B4;
  }
  div.password-suggestions ul {
    margin-bottom:0;
  }
  .confirm-parent,.password-parent {
    clear :left;
    margin:0;
    width :36.3em;
  }
  .profile {
    clear :both;
    margin:1em 0;
  }
  .profile .user-picture {
    float :right;
    margin:0 1em 1em 0;
  }
  .profile h3 {
    border-bottom:1px solid #ccc;
  }
  .profile dl {
    margin:0 0 1.5em 0;
  }
  .profile dt {
    margin     :0 0 0.2em 0;
    font-weight:bold;
  }
  .profile dd {
    margin:0 0 1em 0;
  }

.views-exposed-form .views-exposed-widget {
  float  :left;
  padding:.5em 1em 0 0;
}
  .views-exposed-form .views-exposed-widget .form-submit {
    margin-top:1.6em;
  }
  .views-exposed-form .form-item,.views-exposed-form .form-submit {
    margin-top   :0;
    margin-bottom:0;
  }
  .views-exposed-form label {
    font-weight:bold;
  }
  .views-exposed-widgets {
    margin-bottom:.5em;
  }
  .views-align-left {
    text-align:left;
  }
  .views-align-right {
    text-align:right;
  }
  .views-align-center {
    text-align:center;
  }
  .views-view-grid tbody {
    border-top:none;
  }
  .view .progress-disabled {
    float:none;
  }