@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Base CSS */
/* line 6, ../scss/style.scss */
.forMobile {display:none;}
body { 
/*    font-family: 'notob', "맑은 고딕", "Malgun Gothic", Dotum, 돋움, gulim, 굴림, Helvetica, sans-serif !important !important; */
	font-family: 'notob' !important;
    font-size: 16px;  
	letter-spacing:normal;
	-webkit-text-size-adjust:none;
} 

/* line 17, ../scss/style.scss */
body,
html {
    height: 100%;
    margin: 0;
}

/* line 22, ../scss/style.scss */
.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
	max-width:1200px;
}

/* Typography */
/* line 3, ../scss/_typography.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222222;
    font-family: 'notob' !important;
    font-weight: 400;
    letter-spacing: 0.05em;
    margin-top: 0;
}

/* line 11, ../scss/_typography.scss */
h1 {
    font-size: 36px;
    margin-bottom: 24px;
}

/* line 16, ../scss/_typography.scss */
h2 {
    font-size: 30px;
    margin-bottom: 22px;
}

/* line 21, ../scss/_typography.scss */
h3 {
    font-size: 26px;
    margin-bottom: 20px;
}

/* line 26, ../scss/_typography.scss */
h4 {
    font-size: 22px;
    margin-bottom: 18px;
}

/* line 31, ../scss/_typography.scss */
h5 {
    font-size: 18px;
    margin-bottom: 14px;
}

/* line 36, ../scss/_typography.scss */
h6 {
    font-size: 16px;
    margin-bottom: 12px;
}

/* line 41, ../scss/_typography.scss */
a {
    color: #111111;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    -webkit-transition: 0.2s ease-in;
    -ms-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
/*    letter-spacing: 0.05em;*/
    font-weight: 300;
    outline: 0 !important;
}
/* line 44, ../scss/_typography.scss */
a:active,
a:focus,
a:hover {
    color: #555555;
    text-decoration: none;
}

/* line 53, ../scss/_typography.scss */
p {
    font-family: 'notob' !important;
    font-weight: 300;
    font-size: 16px;
/*    line-height: 20px;*/
    color: #999999; 
    margin-bottom: 10px;
}

/* line 63, ../scss/_typography.scss */
ul {
    list-style: none;
    padding: 0;
}

/* line 68, ../scss/_typography.scss */
ol,
ul {
    padding-left: 16px;
    margin-top: 0;
    margin-bottom: 20px;
}

/* line 74, ../scss/_typography.scss */
.list-featured {
    list-style: none;
    padding: 0;
}

/* line 79, ../scss/_typography.scss */
.list-featured li {
    position: relative;
    padding-left: 14px;
    margin-bottom: 7px;
}

/* line 85, ../scss/_typography.scss */
.list-featured li:before {
    position: absolute;
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 0;
    top: 7px;
    background-color: #111111;
}

/* line 97, ../scss/_typography.scss */
ol li {
    margin-bottom: 7px;
}

/* line 101, ../scss/_typography.scss */
li { 
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.05em;
}

/* line 108, ../scss/_typography.scss */
blockquote {
    border-left: 5px solid #ebebeb;
}

/* line 112, ../scss/_typography.scss */
blockquote p {
    font-size: 16px;
    font-weight: 300;
}

/* line 117, ../scss/_typography.scss */
cite {
    color: #cccccc;
    font-size: 14px;
}

/* line 122, ../scss/_typography.scss */
strong {
    font-weight: 400;
}

/* line 126, ../scss/_typography.scss */
.text-uppercase {
    text-transform: uppercase;
}

/* line 130, ../scss/_typography.scss */
.lead {
    font-size: 18px;
}

/* line 134, ../scss/_typography.scss */
.text-sm {
    font-size: 14px;
}

/* line 138, ../scss/_typography.scss */
.text-xs {
    font-size: 12px;
}

/* line 142, ../scss/_typography.scss */
.text-left {
    text-align: left;
}

/* line 146, ../scss/_typography.scss */
.text-center {
    text-align: center;
}

/* line 150, ../scss/_typography.scss */
.text-right {
    text-align: right;
}

/* line 154, ../scss/_typography.scss */
.text-default {
    color: #777777;
}

/* line 158, ../scss/_typography.scss */
.text-primary {
    color: #111111;
}

/* line 162, ../scss/_typography.scss */
.text-success {
    color: #83be50;
}

/* line 166, ../scss/_typography.scss */
.text-info {
    color: #44a1e1;
}

/* line 170, ../scss/_typography.scss */
.text-warning {
    color: #fdcc36;
}

/* line 174, ../scss/_typography.scss */
.text-danger {
    color: #ec3636;
}

/* line 178, ../scss/_typography.scss */
.bg-default {
    color: white;
    background: #777777;
    padding: 3px 4px;
}

/* line 184, ../scss/_typography.scss */
.bg-primary {
    color: white;
    background: #111111;
    padding: 3px 4px;
}

/* line 190, ../scss/_typography.scss */
.bg-success {
    color: white;
    background: #83be50;
    padding: 3px 4px;
}

/* line 196, ../scss/_typography.scss */
.bg-info {
    color: white;
    background: #44a1e1;
    padding: 3px 4px;
}

/* line 202, ../scss/_typography.scss */
.bg-warning {
    color: white;
    background: #fdcc36;
    padding: 3px 4px;
}

/* line 208, ../scss/_typography.scss */
.bg-danger {
    color: white;
    background: #ec3636;
    padding: 3px 4px;
}

/* / End Typography */
/* line 29, ../scss/style.scss */
.row {
    margin-right: 0;
    margin-left: 0;
}

/* line 34, ../scss/style.scss */
img {
/*
    width: 100%;
    max-width: 100%;
*/
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* line 42, ../scss/style.scss */
.page-header {
    font-size: 30px;
    font-weight: 700;
    border: none;
    margin-top: 0;
    margin-bottom: 15px;
}

/* line 50, ../scss/style.scss */
.page-header:after {
    content: "";
    background: #111111;
    position: absolute;
    height: 2px;
    width: 50px;
    margin-left: -25px;
}

/* line 59, ../scss/style.scss */
.page-header.text-left:after {
    margin-left: 0;
}

/* line 63, ../scss/style.scss */
.page-header.text-right:after {
    margin-left: -50px;
}

/* line 67, ../scss/style.scss */
.page-header h2 {
    margin-bottom: 8px;
}

/* line 71, ../scss/style.scss */
.page-header h3 {
    margin-bottom: 8px;
}

/* line 75, ../scss/style.scss */
.page-header.wsub {
    margin-bottom: 10px;
}

/* line 79, ../scss/style.scss */
.page-header.wsub h2 {
    margin-bottom: 10px;
}

/* line 83, ../scss/style.scss */
.sub-title {
    color: #555555;
    font-size: 20px;
    font-weight: 400;
}

/* line 89, ../scss/style.scss */
.space-top {
    margin-top: 20px !important;
}

/* line 93, ../scss/style.scss */
.space-top-30 {
    margin-top: 30px !important;
}

/* line 97, ../scss/style.scss */
.space-top-2x {
    margin-top: 40px !important;
}
/* line 97, ../scss/style.scss */
.space-top-3x {
    margin-top: 50px !important;
}
/* line 97, ../scss/style.scss */
.space-top-5x {
    margin-top: 80px !important;
}

/* line 101, ../scss/style.scss */
.space-bottom {
    margin-bottom: 20px !important;
}

/* line 105, ../scss/style.scss */
.space-bottom-30 {
    margin-bottom: 30px !important;
}

/* line 105, ../scss/style.scss */
.space-bottom-50 {
    margin-bottom: 50px !important;
}

/* line 109, ../scss/style.scss */
.space-bottom-2x {
    margin-bottom: 40px !important;
}

/* line 113, ../scss/style.scss */
.line-height-30 {
    line-height: 30px !important;
}

/* line 117, ../scss/style.scss */
.space-left {
    padding-left: 15px !important;
}

/* line 121, ../scss/style.scss */
.space-left-2x {
    padding-left: 30px !important;
}

/* line 125, ../scss/style.scss */
.space-right-10 {
    padding-right: 10px !important;
}

/* line 129, ../scss/style.scss */
.space-right {
    padding-right: 15px !important;
}

/* line 133, ../scss/style.scss */
.space-right-2x {
    padding-right: 30px !important;
}

/* line 137, ../scss/style.scss */
.space-25 {
    margin: 12.5px 0;
    line-height: 0;
}

/* line 142, ../scss/style.scss */
.space-50 {
    margin: 25px 0;
    line-height: 0;
}

/* line 147, ../scss/style.scss */
.space-100 {
    margin: 50px 0;
    line-height: 0;
}

/* line 152, ../scss/style.scss */
.space-200 {
    margin: 100px 0;
    line-height: 0;
}

/* line 157, ../scss/style.scss */
.margin-left {
    margin-left: 15px;
}

/* line 161, ../scss/style.scss */
.margin-left-2x {
    margin-left: 30px;
}

/* line 165, ../scss/style.scss */
.margin-right {
    margin-right: 15px;
}

/* line 169, ../scss/style.scss */
.margin-right-2x {
    margin-right: 30px;
}

/* line 173, ../scss/style.scss */
.no-margin {
    margin: 0 !important;
}

/* line 177, ../scss/style.scss */
.no-padding {
    padding: 0 !important;
}

/* line 181, ../scss/style.scss */
.no-border {
    border: none !important;
}

/* line 185, ../scss/style.scss */
.no-border-radius {
    border-radius: 0 !important;
}

/* line 189, ../scss/style.scss */
.rounded {
    border-radius: 5px !important;
}

/* line 193, ../scss/style.scss */
.fixed-top {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;

}

/* line 200, ../scss/style.scss */
.fixed-bottom {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 99;
}

/* line 207, ../scss/style.scss */
.media-left {
    float: left !important;
}

/* line 211, ../scss/style.scss */
.media-right {
    float: right !important;
}

/* line 215, ../scss/style.scss */
a:focus {
    outline: none !important;
}

/* line 219, ../scss/style.scss */
.btn:focus {
    outline: none !important;
}

/* line 223, ../scss/style.scss */
.btn-social:focus {
    outline: none !important;
}

/* line 227, ../scss/style.scss */
input:focus {
    outline: none !important;
}

/* line 231, ../scss/style.scss */
button:focus {
    outline: none !important;
}

/* line 235, ../scss/style.scss */
.fa {
    display: initial !important;
}

/* Buttons */
/* line 3, ../scss/_buttons.scss */
.btn {
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.05em;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    -webkit-transition: 0.2s ease-in;
    -ms-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    border-radius: 0;
    padding: 10px 18px;
    margin: 5px;
}

/* line 17, ../scss/_buttons.scss */
.btn span {
    margin-left: 10px;
    margin-right: 10px;
}

/* line 22, ../scss/_buttons.scss */
.btn:hover {
    background: transparent;
}

/* line 26, ../scss/_buttons.scss */
.btn:focus {
    background: transparent;
}

/* line 30, ../scss/_buttons.scss */
.btn-xl {
    font-size: 20px;
    padding: 9px 10px;
}

/* line 35, ../scss/_buttons.scss */
.btn-lg {
    font-size: 15px;
    padding: 10px 12px;
}

/* line 40, ../scss/_buttons.scss */
.btn-sm {
    font-size: 12px;
    padding: 7px 6px;
}

/* line 45, ../scss/_buttons.scss */
.btn-xs {
    font-size: 10px;
    padding: 5px 8px;
}

/* line 50, ../scss/_buttons.scss */
.btn-rounded {
    border-radius: 5px !important;
}

/* line 54, ../scss/_buttons.scss */
.btn-pill {
    border-radius: 50px !important;
}

/* line 58, ../scss/_buttons.scss */
.btn-circle {
    border-radius: 50% !important;
    height: 40px;
    width: 40px;
    padding: 3px !Important;
}

/* line 65, ../scss/_buttons.scss */
.btn-square {
    height: 40px;
    width: 40px;
    border-radius: 5px;
    padding: 3px !Important;
}

/* line 72, ../scss/_buttons.scss */
.btn-link {
    color: #111111;
}

/* line 76, ../scss/_buttons.scss */
.btn-link:hover {
    color: #555555;
    text-decoration: none;
}

/* line 81, ../scss/_buttons.scss */
.btn-link:focus {
    color: #555555;
    text-decoration: none;
}

/* line 86, ../scss/_buttons.scss */
a.btn {
    white-space: nowrap;
}

/* Default Button */
/* line 93, ../scss/_buttons.scss */
.btn-default,
.btn-default:active,
.btn-default:focus {
    color: #777777;
    border: 2px solid #777777;
    background: transparent;
}

/* line 99, ../scss/_buttons.scss */
.btn-default:hover {
    color: white;
    background: #777777;
    border: 2px solid #777777;
}

/* line 105, ../scss/_buttons.scss */
.btn-default-filled,
.btn-default-filled:active,
.btn-default-filled:focus {
    color: white;
    background: #777777;
    border: 2px solid #777777;
}

/* line 111, ../scss/_buttons.scss */
.btn-default-filled:hover {
    color: white;
    background: #555555;
    border: 2px solid #555555;
}

/* / End Default Button */
/* Primary Button */
/* line 122, ../scss/_buttons.scss */
.btn-primary,
.btn-primary:active,
.btn-primary:focus {
    color: #111111;
    border: 2px solid #111111;
    background: transparent;
}

/* line 128, ../scss/_buttons.scss */
.btn-primary:hover {
    color: white;
    background: #111111;
    border: 2px solid #111111;
}

/* line 134, ../scss/_buttons.scss */
.btn-primary-filled,
.btn-primary-filled:active,
.btn-primary-filled:focus {
    color: white;
    background: #111111;
    border: 2px solid #111111;
}

/* line 140, ../scss/_buttons.scss */
.btn-primary-filled:hover {
    color: white;
    background: #555555;
    border: 2px solid #555555;
}

/* / End Primary Button */
/* Success Button */
/* line 151, ../scss/_buttons.scss */
.btn-success,
.btn-success:active,
.btn-success:focus {
    color: #83be50;
    border: 2px solid #83be50;
    background: transparent;
}

/* line 157, ../scss/_buttons.scss */
.btn-success:hover {
    color: white;
    background: #83be50;
    border: 2px solid #83be50;
}

/* line 163, ../scss/_buttons.scss */
.btn-success-filled,
.btn-success-filled:active,
.btn-success-filled:focus {
    color: white;
    background: #83be50;
    border: 2px solid #83be50;
}

/* line 169, ../scss/_buttons.scss */
.btn-success-filled:hover {
    color: white;
    background: #679440;
    border: 2px solid #679440;
}

/* / End Success Button */
/* Info Button */
/* line 180, ../scss/_buttons.scss */
.btn-info,
.btn-info:active,
.btn-info:focus {
    color: #44a1e1;
    border: 2px solid #44a1e1;
    background: transparent;
}

/* line 186, ../scss/_buttons.scss */
.btn-info:hover {
    color: white;
    background: #44a1e1;
    border: 2px solid #44a1e1;
}

/* line 192, ../scss/_buttons.scss */
.btn-info-filled,
.btn-info-filled:active,
.btn-info-filled:focus {
    color: white;
    background: #44a1e1;
    border: 2px solid #44a1e1;
}

/* line 198, ../scss/_buttons.scss */
.btn-info-filled:hover {
    color: white;
    background: #3379a9;
    border: 2px solid #3379a9;
}

/* / End Info Button */
/* Warning Button */
/* line 209, ../scss/_buttons.scss */
.btn-warning,
.btn-warning:active,
.btn-warning:focus {
    color: #fdcc36;
    border: 2px solid #fdcc36;
    background: transparent;
}

/* line 215, ../scss/_buttons.scss */
.btn-warning:hover {
    color: white;
    background: #fdcc36;
    border: 2px solid #fdcc36;
}

/* line 221, ../scss/_buttons.scss */
.btn-warning-filled,
.btn-warning-filled:active,
.btn-warning-filled:focus {
    color: white;
    background: #fdcc36;
    border: 2px solid #fdcc36;
}

/* line 227, ../scss/_buttons.scss */
.btn-warning-filled:hover {
    color: white;
    background: #e3b425;
    border: 2px solid #e3b425;
}

/* / End Warning Button */
/* Danger Button */
/* line 238, ../scss/_buttons.scss */
.btn-danger,
.btn-danger:active,
.btn-danger:focus {
    color: #ec3636;
    border: 2px solid #ec3636;
    background: transparent;
}

/* line 244, ../scss/_buttons.scss */
.btn-danger:hover {
    color: white;
    background: #ec3636;
    border: 2px solid #ec3636;
}

/* line 250, ../scss/_buttons.scss */
.btn-danger-filled,
.btn-danger-filled:active,
.btn-danger-filled:focus {
    color: white;
    background: #ec3636;
    border: 2px solid #ec3636;
}

/* line 256, ../scss/_buttons.scss */
.btn-danger-filled:hover {
    color: white;
    background: #c22626;
    border: 2px solid #c22626;
}

/* / End Danger Button */
/* Social Buttons */
/* line 267, ../scss/_buttons.scss */
.btn-social {
    font-size: 13px;
    padding: 8px 15px;
    letter-spacing: 0.05em;
    vertical-align: middle;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    -webkit-transition: 0.2s ease-in;
    -ms-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    margin: 5px;
    border-radius: 0;
}

/* line 281, ../scss/_buttons.scss */
.btn-social.btn-xs {
    padding: 5px 8px;
}

/* line 285, ../scss/_buttons.scss */
a.btn-social {
    display: inline-block;
    white-space: nowrap;
}

/* line 290, ../scss/_buttons.scss */
.btn-social span {
    margin-left: 10px;
}

/* line 294, ../scss/_buttons.scss */
.btn-social.btn-xs span {
    margin-left: 3px;
}

/* Facebook Button */
/* line 300, ../scss/_buttons.scss */
.btn-facebook,
.btn-facebook:active,
.btn-facebook:focus {
    color: #4e68a1;
    background: transparent;
    border: 2px solid #4e68a1;
}

/* line 306, ../scss/_buttons.scss */
.btn-facebook:hover {
    color: white !important;
    background: #4e68a1;
    border: 2px solid #4e68a1;
}

/* line 312, ../scss/_buttons.scss */
.btn-facebook-filled,
.btn-facebook-filled:active,
.btn-facebook-filled:focus {
    color: white;
    background: #4e68a1;
    border: 2px solid #4e68a1;
}

/* line 318, ../scss/_buttons.scss */
.btn-facebook-filled:hover {
    color: white;
    background: #3b4f7a;
    border: 2px solid #3b4f7a;
}

/* line 324, ../scss/_buttons.scss */
.btn-facebook-link,
.btn-facebook-link:active,
.btn-facebook-link:focus {
    color: #4e68a1;
    background: transparent;
    border: none;
}

/* line 330, ../scss/_buttons.scss */
.btn-facebook-link:hover {
    color: #3b4f7a;
}

/* / End Facebook Button */
/* Twitter Button */
/* line 339, ../scss/_buttons.scss */
.btn-twitter,
.btn-twitter:active,
.btn-twitter:focus {
    color: #65b5f2;
    background: transparent;
    border: 2px solid #65b5f2;
}

/* line 345, ../scss/_buttons.scss */
.btn-twitter:hover {
    color: white;
    background: #65b5f2;
    border: 2px solid #65b5f2;
}

/* line 351, ../scss/_buttons.scss */
.btn-twitter-filled,
.btn-twitter-filled:active,
.btn-twitter-filled:focus {
    color: white;
    background: #65b5f2;
    border: 2px solid #65b5f2;
}

/* line 357, ../scss/_buttons.scss */
.btn-twitter-filled:hover {
    color: white;
    background: #5294c6;
    border: 2px solid #5294c6;
}

/* line 363, ../scss/_buttons.scss */
.btn-twitter-filled:hover {
    color: white;
    background: #5294c6;
    border: 2px solid #5294c6;
}

/* line 369, ../scss/_buttons.scss */
.btn-twitter-link,
.btn-twitter-link:active,
.btn-twitter-link:focus {
    color: #65b5f2;
    background: transparent;
    border: none;
}

/* line 375, ../scss/_buttons.scss */
.btn-twitter-link:hover {
    color: #5294c6;
}

/* / End Twitter Button */
/* Google Button */
/* line 384, ../scss/_buttons.scss */
.btn-google,
.btn-google:active,
.btn-google:focus {
    color: #e05d4b;
    background: transparent;
    border: 2px solid #e05d4b;
}

/* line 390, ../scss/_buttons.scss */
.btn-google:hover {
    color: white;
    background: #e05d4b;
    border: 2px solid #e05d4b;
}

/* line 396, ../scss/_buttons.scss */
.btn-google-filled,
.btn-google-filled:active,
.btn-google-filled:focus {
    color: white;
    background: #e05d4b;
    border: 2px solid #e05d4b;
}

/* line 402, ../scss/_buttons.scss */
.btn-google-filled:hover {
    color: white;
    background: #b94c3d;
    border: 2px solid #b94c3d;
}

/* line 408, ../scss/_buttons.scss */
.btn-google-link,
.btn-google-link:active,
.btn-google-link:focus {
    color: #e05d4b;
    background: transparent;
    border: none;
}

/* line 414, ../scss/_buttons.scss */
.btn-google-link:hover {
    color: #b94c3d;
}

/* / End Google Button */
/* Linkedin Button */
/* line 423, ../scss/_buttons.scss */
.btn-linkedin,
.btn-linkedin:active,
.btn-linkedin:focus {
    color: #2083bc;
    background: transparent;
    border: 2px solid #2083bc;
}

/* line 429, ../scss/_buttons.scss */
.btn-linkedin:hover {
    color: white;
    background: #2083bc;
    border: 2px solid #2083bc;
}

/* line 435, ../scss/_buttons.scss */
.btn-linkedin-filled,
.btn-linkedin-filled:active,
.btn-linkedin-filled:focus {
    color: white;
    background: #2083bc;
    border: 2px solid #2083bc;
}

/* line 441, ../scss/_buttons.scss */
.btn-linkedin-filled:hover {
    color: white;
    background: #186592;
    border: 2px solid #186592;
}

/* line 447, ../scss/_buttons.scss */
.btn-linkedin-link,
.btn-linkedin-link:active,
.btn-linkedin-link:focus {
    color: #2083bc;
    background: transparent;
    border: none;
}

/* line 453, ../scss/_buttons.scss */
.btn-linkedin-link:hover {
    color: #186592;
}

/* / End Linkedin Button */
/* Pinterest Button */
/* line 462, ../scss/_buttons.scss */
.btn-pinterest,
.btn-pinterest:active,
.btn-pinterest:focus {
    color: #d2373b;
    background: transparent;
    border: 2px solid #d2373b;
}

/* line 468, ../scss/_buttons.scss */
.btn-pinterest:hover {
    color: white;
    background: #d2373b;
    border: 2px solid #d2373b;
}

/* line 474, ../scss/_buttons.scss */
.btn-pinterest-filled,
.btn-pinterest-filled:active,
.btn-pinterest-filled:focus {
    color: white;
    background: #d2373b;
    border: 2px solid #d2373b;
}

/* line 480, ../scss/_buttons.scss */
.btn-pinterest-filled:hover {
    color: white;
    background: #ad2c2f;
    border: 2px solid #ad2c2f;
}

/* line 486, ../scss/_buttons.scss */
.btn-pinterest-link,
.btn-pinterest-link:active,
.btn-pinterest-link:focus {
    color: #d2373b;
    background: transparent;
    border: none;
}

/* line 492, ../scss/_buttons.scss */
.btn-pinterest-link:hover {
    color: #ad2c2f;
}

/* / End Pinterest Button */
/* Dribbble Button */
/* line 501, ../scss/_buttons.scss */
.btn-dribbble,
.btn-dribbble:active,
.btn-dribbble:focus {
    color: #ec5f94;
    background: transparent;
    border: 2px solid #ec5f94;
}

/* line 507, ../scss/_buttons.scss */
.btn-dribbble:hover {
    color: white;
    background: #ec5f94;
    border: 2px solid #ec5f94;
}

/* line 513, ../scss/_buttons.scss */
.btn-dribbble-filled,
.btn-dribbble-filled:active,
.btn-dribbble-filled:focus {
    color: white;
    background: #ec5f94;
    border: 2px solid #ec5f94;
}

/* line 519, ../scss/_buttons.scss */
.btn-dribbble-filled:hover {
    color: white;
    background: #b4446e;
    border: 2px solid #b4446e;
}

/* line 525, ../scss/_buttons.scss */
.btn-dribbble-link,
.btn-dribbble-link:active,
.btn-dribbble-link:focus {
    color: #ec5f94;
    background: transparent;
    border: none;
}

/* line 531, ../scss/_buttons.scss */
.btn-dribbble-link:hover {
    color: #b4446e;
}

/* / End Dribbble Button */
/* / End Social Buttons */
/* Checkboxes */
/* line 541, ../scss/_buttons.scss */
.checkbox {
    padding-left: 10px;
}

/* line 545, ../scss/_buttons.scss */
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    width: 25px;
    height: 25px;
}

/* line 553, ../scss/_buttons.scss */
.checkbox label span {
    margin-top: 2px;
    position: absolute;
    white-space: nowrap;
}

/* line 559, ../scss/_buttons.scss */
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 25px;
    height: 25px;
    left: 0;
    margin-left: -20px;
    border: 2px solid #cccccc;
    border-radius: 5px;
    background-color: white;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

/* line 575, ../scss/_buttons.scss */
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 25px;
    height: 25px;
    left: 0;
    top: 0;
    margin-left: -17px;
    padding-left: 3px;
    padding-top: 3px;
    font-size: 14px;
    color: #777777;
}

/* line 589, ../scss/_buttons.scss */
.checkbox + .checkbox,
.radio + .radio {
    margin-top: 0;
}

/* line 593, ../scss/_buttons.scss */
.checkbox input[type="checkbox"] {
    opacity: 0;
}

/* line 597, ../scss/_buttons.scss */
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

/* line 602, ../scss/_buttons.scss */
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.3;
}

/* line 606, ../scss/_buttons.scss */
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #ebebeb;
    cursor: not-allowed;
}

/* line 611, ../scss/_buttons.scss */
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

/* line 615, ../scss/_buttons.scss */
.checkbox.checkbox-inline {
    margin-top: 0;
}

/* line 619, ../scss/_buttons.scss */
.checkbox-default input[type="checkbox"]:checked + label::before {
    background-color: #777777;
    border-color: #777777;
}

/* line 624, ../scss/_buttons.scss */
.checkbox-default input[type="checkbox"]:checked + label::after {
    color: white;
}

/* line 628, ../scss/_buttons.scss */
.checkbox-default label {
    color: #777777;
}

/* line 632, ../scss/_buttons.scss */
.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #111111;
    border-color: #111111;
}

/* line 637, ../scss/_buttons.scss */
.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: white;
}

/* line 641, ../scss/_buttons.scss */
.checkbox-primary label {
    color: #111111;
}

/* line 645, ../scss/_buttons.scss */
.checkbox-success input[type="checkbox"]:checked + label::before {
    background-color: #83be50;
    border-color: #83be50;
}

/* line 650, ../scss/_buttons.scss */
.checkbox-success input[type="checkbox"]:checked + label::after {
    color: white;
}

/* line 654, ../scss/_buttons.scss */
.checkbox-success label {
    color: #83be50;
}

/* line 658, ../scss/_buttons.scss */
.checkbox-info input[type="checkbox"]:checked + label::before {
    background-color: #44a1e1;
    border-color: #44a1e1;
}

/* line 663, ../scss/_buttons.scss */
.checkbox-info input[type="checkbox"]:checked + label::after {
    color: white;
}

/* line 667, ../scss/_buttons.scss */
.checkbox-info label {
    color: #44a1e1;
}

/* line 671, ../scss/_buttons.scss */
.checkbox-warning input[type="checkbox"]:checked + label::before {
    background-color: #fdcc36;
    border-color: #fdcc36;
}

/* line 676, ../scss/_buttons.scss */
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: white;
}

/* line 680, ../scss/_buttons.scss */
.checkbox-warning label {
    color: #fdcc36;
}

/* line 684, ../scss/_buttons.scss */
.checkbox-danger input[type="checkbox"]:checked + label::before {
    background-color: #ec3636;
    border-color: #ec3636;
}

/* line 689, ../scss/_buttons.scss */
.checkbox-danger input[type="checkbox"]:checked + label::after {
    color: white;
}

/* line 693, ../scss/_buttons.scss */
.checkbox-danger label {
    color: #ec3636;
}

/* / End Checkboxes */
/* Radio Buttons */
/* line 702, ../scss/_buttons.scss */
.radio {
    padding-left: 10px;
}

/* line 706, ../scss/_buttons.scss */
.radio label {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    width: 25px;
    height: 25px;
}

/* line 714, ../scss/_buttons.scss */
.radio label span {
    margin-top: 2px;
    position: absolute;
    white-space: nowrap;
}

/* line 720, ../scss/_buttons.scss */
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 25px;
    height: 25px;
    left: 0;
    margin-left: -20px;
    border: 3px solid #cccccc;
    border-radius: 50%;
    background-color: white;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

/* line 736, ../scss/_buttons.scss */
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 7px;
    top: 7px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #cccccc;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

/* line 757, ../scss/_buttons.scss */
.radio input[type="radio"] {
    opacity: 0;
}

/* line 761, ../scss/_buttons.scss */
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

/* line 768, ../scss/_buttons.scss */
.radio input[type="radio"]:disabled + label {
    opacity: 0.3;
}

/* line 772, ../scss/_buttons.scss */
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}

/* line 776, ../scss/_buttons.scss */
.radio.radio-inline {
    margin-top: 0;
}

/* line 780, ../scss/_buttons.scss */
.radio-default input[type="radio"] + label::after {
    background-color: #777777;
}

/* line 784, ../scss/_buttons.scss */
.radio-default input[type="radio"]:checked + label::before {
    border-color: #777777;
}

/* line 788, ../scss/_buttons.scss */
.radio-default input[type="radio"]:checked + label::after {
    background-color: #777777;
}

/* line 792, ../scss/_buttons.scss */
.radio-default label {
    color: #777777;
}

/* line 796, ../scss/_buttons.scss */
.radio-primary input[type="radio"] + label::after {
    background-color: #111111;
}

/* line 800, ../scss/_buttons.scss */
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #111111;
}

/* line 804, ../scss/_buttons.scss */
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #111111;
}

/* line 808, ../scss/_buttons.scss */
.radio-primary label {
    color: #111111;
}

/* line 812, ../scss/_buttons.scss */
.radio-success input[type="radio"] + label::after {
    background-color: #83be50;
}

/* line 816, ../scss/_buttons.scss */
.radio-success input[type="radio"]:checked + label::before {
    border-color: #83be50;
}

/* line 820, ../scss/_buttons.scss */
.radio-success input[type="radio"]:checked + label::after {
    background-color: #83be50;
}

/* line 824, ../scss/_buttons.scss */
.radio-success label {
    color: #83be50;
}

/* line 828, ../scss/_buttons.scss */
.radio-info input[type="radio"] + label::after {
    background-color: #44a1e1;
}

/* line 832, ../scss/_buttons.scss */
.radio-info input[type="radio"]:checked + label::before {
    border-color: #44a1e1;
}

/* line 836, ../scss/_buttons.scss */
.radio-info input[type="radio"]:checked + label::after {
    background-color: #44a1e1;
}

/* line 840, ../scss/_buttons.scss */
.radio-info label {
    color: #44a1e1;
}

/* line 844, ../scss/_buttons.scss */
.radio-warning input[type="radio"] + label::after {
    background-color: #fdcc36;
}

/* line 848, ../scss/_buttons.scss */
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #fdcc36;
}

/* line 852, ../scss/_buttons.scss */
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #fdcc36;
}

/* line 856, ../scss/_buttons.scss */
.radio-warning label {
    color: #fdcc36;
}

/* line 860, ../scss/_buttons.scss */
.radio-danger input[type="radio"] + label::after {
    background-color: #ec3636;
}

/* line 864, ../scss/_buttons.scss */
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #ec3636;
}

/* line 868, ../scss/_buttons.scss */
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #ec3636;
}

/* line 872, ../scss/_buttons.scss */
.radio-danger label {
    color: #ec3636;
}

/* / End Radio Buttons */
/* Paginations */
/* line 880, ../scss/_buttons.scss */
.pagination .btn {
    font-size: 14px;
    padding: 5px 14px;
    margin: 0 5px;
}

/* line 886, ../scss/_buttons.scss */
.pagination .btn-direction {
    font-size: 12px;
    padding: 6.5px 11px;
}

/* line 891, ../scss/_buttons.scss */
.pagination .btn-default {
    color: #111111;
    border: 1px solid #111111;
    background: transparent;
}

/* line 897, ../scss/_buttons.scss */
.pagination .btn-default:hover {
    color: white;
    background: #111111;
    border: 1px solid #111111;
}

/* line 903, ../scss/_buttons.scss */
.pagination .btn-active {
    color: white !important;
    background: #111111 !important;
    border: 1px solid #111111 !important;
}

/* line 909, ../scss/_buttons.scss */
.pagination .btn-default-filled {
    color: #555555;
    background: #ebebeb;
    border: 1px solid #ebebeb;
}

/* line 915, ../scss/_buttons.scss */
.pagination .btn-default-filled:hover {
    color: white;
    background: #555555;
    border: 1px solid #555555;
}

/* line 921, ../scss/_buttons.scss */
.pagination .btn-circle {
    height: 35px;
    width: 35px;
    padding: 3px !important;
}

/* / End Paginations */
/* Button Groups */
/* line 931, ../scss/_buttons.scss */
.btn-group-xl > .btn {
    font-size: 20px;
    padding: 9px 10px;
    border-radius: 5px;
}

/* line 937, ../scss/_buttons.scss */
.btn-group-lg > .btn {
    font-size: 15px;
    padding: 10px 12px;
    border-radius: 5px;
}

/* line 943, ../scss/_buttons.scss */
.btn-group > .btn {
    border-radius: 5px;
}

/* line 947, ../scss/_buttons.scss */
.btn-group-sm > .btn {
    font-size: 12px;
    padding: 5px 4px;
    border-radius: 5px;
}

/* line 953, ../scss/_buttons.scss */
.btn-group-xs > .btn {
    font-size: 10px;
    padding: 3px;
    border-radius: 5px;
}

/* / End Button Groups */
/* Dropdown Buttons */
/* line 964, ../scss/_buttons.scss */
.dropdown-buttons {
    display: inline-block;
    position: relative;
}

/* line 969, ../scss/_buttons.scss */
.dropdown-buttons .btn-group > .btn {
    padding-left: 17px;
}

/* line 973, ../scss/_buttons.scss */
.dropdown-buttons .dropdown-icon {
    margin: 0 2px 0 10px;
}

/* line 977, ../scss/_buttons.scss */
.dropdown-buttons .btn {
    border-radius: 0;
}

/* line 981, ../scss/_buttons.scss */
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 100px;
    padding: 10px;
    margin-top: 5px;
    margin-left: -35px;
    background-color: #f8f8f8;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}

/* line 1001, ../scss/_buttons.scss */
.dropdown-menu > li > a {
    color: #999999;
    padding: 7px 20px;
}

/* line 1006, ../scss/_buttons.scss */
.dropdown-menu > li > a:hover {
    color: #555555;
    background: transparent;
}

/* line 1011, ../scss/_buttons.scss */
.dropdown-menu .divider {
    height: 1px;
    margin: 3px 0;
    background-color: #ebebeb;
}

/* line 1017, ../scss/_buttons.scss */
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* line 1022, ../scss/_buttons.scss */
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
    color: white;
    background-color: #777777;
    border-color: #777777;
}

/* line 1028, ../scss/_buttons.scss */
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
    color: white;
    background-color: #777777;
    border-color: #777777;
}

/* line 1034, ../scss/_buttons.scss */
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
    color: white;
    background-color: #111111;
    border-color: #111111;
}

/* line 1040, ../scss/_buttons.scss */
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
    color: white;
    background-color: #111111;
    border-color: #111111;
}

/* line 1046, ../scss/_buttons.scss */
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
    color: white;
    background-color: #83be50;
    border-color: #83be50;
}

/* line 1052, ../scss/_buttons.scss */
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
    color: white;
    background-color: #83be50;
    border-color: #83be50;
}

/* line 1058, ../scss/_buttons.scss */
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
    color: white;
    background-color: #44a1e1;
    border-color: #44a1e1;
}

/* line 1064, ../scss/_buttons.scss */
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
    color: white;
    background-color: #44a1e1;
    border-color: #44a1e1;
}

/* line 1070, ../scss/_buttons.scss */
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
    color: white;
    background-color: #fdcc36;
    border-color: #fdcc36;
}

/* line 1076, ../scss/_buttons.scss */
.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
    color: white;
    background-color: #fdcc36;
    border-color: #fdcc36;
}

/* line 1082, ../scss/_buttons.scss */
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
    color: white;
    background-color: #ec3636;
    border-color: #ec3636;
}

/* line 1088, ../scss/_buttons.scss */
.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
    color: white;
    background-color: #ec3636;
    border-color: #ec3636;
}

/* / End Dropdown Buttons */
/* / End Buttons */
/* Tabs & Accordions */
/* Tabs */
/* line 5, ../scss/_tabs-accordions.scss */
.nav-tabs {
    border-bottom: 2px solid #ebebeb;
}

/* line 9, ../scss/_tabs-accordions.scss */
.nav-tabs > li {
    float: none;
    margin-bottom: -2px;
    display: inline-block;
}

/* line 15, ../scss/_tabs-accordions.scss */
.nav-tabs > li > a {
    position: relative;
    z-index: 0;
    display: block;
    color: #999999;
    text-decoration: none;
    font-weight: 300;
    margin-right: 0;
    padding: 20px;
    line-height: 1.5;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
}

/* line 31, ../scss/_tabs-accordions.scss */
.nav-tabs > li > a:focus {
    background: transparent;
    border: 0 !important;
}

/* line 36, ../scss/_tabs-accordions.scss */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #111111;
    background: none;
    border: none;
    border-bottom: 2px solid #111111 !important;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

/* line 47, ../scss/_tabs-accordions.scss */
.nav > li > a:hover {
    background: none;
    border: none;
}

/* line 52, ../scss/_tabs-accordions.scss */
.nav-pills.text-right > li {
    float: right;
}

/* line 56, ../scss/_tabs-accordions.scss */
.nav.nav-pills a:hover {
    color: white;
    background: #555555;
}

/* line 61, ../scss/_tabs-accordions.scss */
.tab-content {
    padding-top: 30px;
}

/* / End Tabs */
/* Accordions */
/* line 69, ../scss/_tabs-accordions.scss */
.panel-group {
    margin-bottom: 10px;
}

/* line 73, ../scss/_tabs-accordions.scss */
.panel-group .panel {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    border: 0;
    border-radius: 0;
}

/* line 82, ../scss/_tabs-accordions.scss */
.panel-group .panel-heading {
    padding: 10px 0;
    border: none;
    border-radius: 0;
}

/* line 88, ../scss/_tabs-accordions.scss */
.panel-group .panel-title {
    font-size: 14px;
    font-weight: 400;
}

/* line 93, ../scss/_tabs-accordions.scss */
.panel-group .panel-heading + .panel-collapse > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}

/* line 97, ../scss/_tabs-accordions.scss */
.panel-group .panel-heading > a:after {
    display: inline-block;
    vertical-align: middle;
    font-family: "FontAwesome";
    font-size: 10px;
    content: "\f068";
    margin-top: -2px;
    margin-left: 10px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* line 115, ../scss/_tabs-accordions.scss */
.panel-group .panel-heading .panel-title.collapsed:after {
    content: "\f067";
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* line 124, ../scss/_tabs-accordions.scss */
.panel-group .panel-body {
    padding: 15px 0;
}

/* line 128, ../scss/_tabs-accordions.scss */
.panel-group.tabbed .panel-heading {
    background: #ebebeb;
    padding: 10px 15px;
}

/* line 133, ../scss/_tabs-accordions.scss */
.panel-group.tabbed a {
    color: #999999;
}

/* line 137, ../scss/_tabs-accordions.scss */
.panel-group.tabbed .panel-heading > a:after {
    float: right;
}

/* line 141, ../scss/_tabs-accordions.scss */
.panel-group.tabbed .panel-heading .panel-title.collapsed:after {
    float: right;
}

/* / End Accordions */
/* / End Tabs & Accordions */
/* Labels Badges & Alerts */
/* Labels */
/* line 5, ../scss/_labels-badges-alerts.scss */
.label {
    font-weight: 300;
    padding: 0.2em 0.6em;
}

/* line 10, ../scss/_labels-badges-alerts.scss */
.label-pill {
    border-radius: 5em;
}

/* line 14, ../scss/_labels-badges-alerts.scss */
.label-default {
    color: #777777;
    background-color: transparent;
    border: 2px solid #777777;
}

/* line 20, ../scss/_labels-badges-alerts.scss */
.label-default-filled {
    color: white;
    background-color: #777777;
    border: 2px solid #777777;
}

/* line 26, ../scss/_labels-badges-alerts.scss */
.label-primary {
    color: #111111;
    background-color: transparent;
    border: 2px solid #111111;
}

/* line 32, ../scss/_labels-badges-alerts.scss */
.label-primary-filled {
    color: white;
    background-color: #111111;
    border: 2px solid #111111;
}

/* line 38, ../scss/_labels-badges-alerts.scss */
.label-success {
    color: #83be50;
    background-color: transparent;
    border: 2px solid #83be50;
}

/* line 44, ../scss/_labels-badges-alerts.scss */
.label-success-filled {
    color: white;
    background-color: #83be50;
    border: 2px solid #83be50;
}

/* line 50, ../scss/_labels-badges-alerts.scss */
.label-info {
    color: #44a1e1;
    background-color: transparent;
    border: 2px solid #44a1e1;
}

/* line 56, ../scss/_labels-badges-alerts.scss */
.label-info-filled {
    color: white;
    background-color: #44a1e1;
    border: 2px solid #44a1e1;
}

/* line 62, ../scss/_labels-badges-alerts.scss */
.label-warning {
    color: #fdcc36;
    background-color: transparent;
    border: 2px solid #fdcc36;
}

/* line 68, ../scss/_labels-badges-alerts.scss */
.label-warning-filled {
    color: white;
    background-color: #fdcc36;
    border: 2px solid #fdcc36;
}

/* line 74, ../scss/_labels-badges-alerts.scss */
.label-danger {
    color: #ec3636;
    background-color: transparent;
    border: 2px solid #ec3636;
}

/* line 80, ../scss/_labels-badges-alerts.scss */
.label-danger-filled {
    color: white;
    background-color: #ec3636;
    border: 2px solid #ec3636;
}

/* / End Labels */
/* Badges */
/* line 90, ../scss/_labels-badges-alerts.scss */
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    color: white;
    background-color: #111111;
}

/* line 95, ../scss/_labels-badges-alerts.scss */
.nav-pills > li > a:hover {
    color: white;
    background-color: #cccccc;
}

/* line 100, ../scss/_labels-badges-alerts.scss */
.nav-pills > li > a {
    border-radius: 5px;
    padding: 10px;
}

/* line 105, ../scss/_labels-badges-alerts.scss */
.badge {
    color: white;
    background-color: #111111;
    font-size: 10px;
    font-weight: 300;
    border-radius: 5px;
    padding: 6px 7px;
}

/* line 114, ../scss/_labels-badges-alerts.scss */
.active .badge {
    color: #111111 !important;
}

/* / End Badges */
/* Alerts */
/* line 122, ../scss/_labels-badges-alerts.scss */
.alert {
    border: 2px solid transparent;
    border-radius: 5px;
}

/* line 127, ../scss/_labels-badges-alerts.scss */
.alert-success {
    color: white;
    background-color: #83be50;
    border-color: #679440;
}

/* line 133, ../scss/_labels-badges-alerts.scss */
.alert-success .close {
    color: #679440;
}

/* line 137, ../scss/_labels-badges-alerts.scss */
.alert-info {
    color: white;
    background-color: #44a1e1;
    border-color: #3379a9;
}

/* line 143, ../scss/_labels-badges-alerts.scss */
.alert-info .close {
    color: #3379a9;
}

/* line 147, ../scss/_labels-badges-alerts.scss */
.alert-warning {
    color: white;
    background-color: #fdcc36;
    border-color: #e3b425;
}

/* line 153, ../scss/_labels-badges-alerts.scss */
.alert-warning .close {
    color: #e3b425;
}

/* line 157, ../scss/_labels-badges-alerts.scss */
.alert-danger {
    color: white;
    background-color: #ec3636;
    border-color: #c22626;
}

/* line 163, ../scss/_labels-badges-alerts.scss */
.alert-danger .close {
    color: #c22626;
}

/* line 167, ../scss/_labels-badges-alerts.scss */
.alert-dismissible .close {
    font-size: 16px;
    top: -14px;
    right: -31px;
    text-shadow: none;
    opacity: 1;
}

/* line 175, ../scss/_labels-badges-alerts.scss */
.alert-dismissible .close:hover {
    opacity: 0.8;
}

/* line 179, ../scss/_labels-badges-alerts.scss */
.alert-sm {
    font-size: 14px;
    padding: 5px;
}

/* line 184, ../scss/_labels-badges-alerts.scss */
.alert i {
    margin: 0 10px 0 5px;
}

/* line 188, ../scss/_labels-badges-alerts.scss */
.alert-sm.alert-dismissible .close {
    top: -5px;
    right: -2px;
}

/* / End Alerts */
/* / End Labels Badges & Alerts */
/* Listgroups & Panels */
/* Listgroups */
/* line 5, ../scss/_listgroups-panels.scss */
.list-group-item {
    color: #999999;
    background-color: white;
    font-size: 14px;
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
}

/* line 15, ../scss/_listgroups-panels.scss */
.list-group-item p {
    font-size: 14px;
}

/* line 19, ../scss/_listgroups-panels.scss */
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    color: white;
    background-color: #111111;
    border-color: #111111;
}

/* line 25, ../scss/_listgroups-panels.scss */
a.list-group-item:hover {
    color: #111111;
}

/* line 29, ../scss/_listgroups-panels.scss */
a.list-group-item,
button.list-group-item {
    color: #999999;
}

/* line 33, ../scss/_listgroups-panels.scss */
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: white;
}

/* line 37, ../scss/_listgroups-panels.scss */
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #222222;
}

/* / End Listgroups */
/* Panels */
/* line 45, ../scss/_listgroups-panels.scss */
.panel-default {
    border-color: #555555;
}

/* line 49, ../scss/_listgroups-panels.scss */
.panel-default > .panel-heading {
    color: white;
    background-color: #777777;
    border-color: #555555;
}

/* line 55, ../scss/_listgroups-panels.scss */
.panel-success {
    border-color: #679440;
}

/* line 59, ../scss/_listgroups-panels.scss */
.panel-success > .panel-heading {
    color: white;
    background-color: #83be50;
    border-color: #679440;
}

/* line 65, ../scss/_listgroups-panels.scss */
.panel-primary {
    border-color: #555555;
}

/* line 69, ../scss/_listgroups-panels.scss */
.panel-primary > .panel-heading {
    color: white;
    background-color: #111111;
    border-color: #555555;
}

/* line 75, ../scss/_listgroups-panels.scss */
.panel-info {
    border-color: #3379a9;
}

/* line 79, ../scss/_listgroups-panels.scss */
.panel-info > .panel-heading {
    color: white;
    background-color: #44a1e1;
    border-color: #3379a9;
}

/* line 85, ../scss/_listgroups-panels.scss */
.panel-warning {
    border-color: #e3b425;
}

/* line 89, ../scss/_listgroups-panels.scss */
.panel-warning > .panel-heading {
    color: white;
    background-color: #fdcc36;
    border-color: #e3b425;
}

/* line 95, ../scss/_listgroups-panels.scss */
.panel-danger {
    border-color: #c22626;
}

/* line 99, ../scss/_listgroups-panels.scss */
.panel-danger > .panel-heading {
    color: white;
    background-color: #ec3636;
    border-color: #c22626;
}

/* / End Panels */
/* Well */
/* line 109, ../scss/_listgroups-panels.scss */
.well {
    min-height: 20px;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #ebebeb;
    border: 1px solid #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

/* line 120, ../scss/_listgroups-panels.scss */
.rounded-well {
    border-radius: 5px;
}

/* / End Well */
/* Jumbotron */
/* line 128, ../scss/_listgroups-panels.scss */
.jumbotron {
    background: #ebebeb;
    border: 1px solid #cccccc;
    border-radius: 0 !important;
}

/* line 134, ../scss/_listgroups-panels.scss */
.rounded-jumbotron {
    border-radius: 5px !important;
}

/* line 138, ../scss/_listgroups-panels.scss */
.jumbotron h1 {
    color: #111111;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 25px;
}

/* line 145, ../scss/_listgroups-panels.scss */
.jumbotron p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 25px;
}

/* / End Jumbotron */
/* / End Listgroups & Panels */
/* Progress Bars */
/* line 3, ../scss/_progress-bars.scss */
.progress {
    height: 8px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #ebebeb;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* line 13, ../scss/_progress-bars.scss */
.progress-bar {
    font-size: 12px;
    line-height: 20px;
    color: white;
    background-color: #111111;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* line 23, ../scss/_progress-bars.scss */
.progress-bar-default {
    background-color: #777777;
}

/* line 27, ../scss/_progress-bars.scss */
.progress-bar-primary {
    background-color: #111111;
}

/* line 31, ../scss/_progress-bars.scss */
.progress-bar-success {
    background-color: #83be50;
}

/* line 35, ../scss/_progress-bars.scss */
.progress-bar-info {
    background-color: #44a1e1;
}

/* line 39, ../scss/_progress-bars.scss */
.progress-bar-warning {
    background-color: #fdcc36;
}

/* line 43, ../scss/_progress-bars.scss */
.progress-bar-danger {
    background-color: #ec3636;
}

/* line 47, ../scss/_progress-bars.scss */
.progress-label .sr-only {
    position: relative;
}

/* / End Progress Bars */
/* Tables */
/* line 3, ../scss/_tables.scss */
table {
    width: 100%;
    max-width: 100%;
}

/* line 8, ../scss/_tables.scss */
table > caption + thead > tr:first-child > td,
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > td,
table > thead:first-child > tr:first-child > th {
    border-top: 0;
}

/* line 12, ../scss/_tables.scss */
table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 1px solid #cccccc;
}

/* line 17, ../scss/_tables.scss */
table > thead > tr > td,
table > thead > tr > th {
    border-bottom-width: 2px !important;
}

/* line 21, ../scss/_tables.scss */
table > tbody > tr > td,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > thead > tr > th,
table > tr > td {
    padding: 15px;
    line-height: 1.5;
    vertical-align: top;
    border-bottom: 1px solid #ebebeb;
}

/* line 28, ../scss/_tables.scss */
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f8f8f8 !important;
}

/* / End Tables */
/* End Base CSS */
/* Headers */
/* Navigations */
/* line 252, ../scss/style.scss */
.navbar {
    border: 0;
    border-radius: 0 !important;
    margin-bottom: 0;
}

/* line 258, ../scss/style.scss */
.navbar-nav {
/*
    padding-left: 15px;
    padding-right: 15px;
*/
}

/* line 263, ../scss/style.scss */
.navbar-brand span {
    color: #111111;
}

/* line 267, ../scss/style.scss */
.navbar-brand > img {
/*
    width: auto;
    max-height: 25px;
*/
}

/* line 272, ../scss/style.scss */
.navbar-toggle .icon-bar {
    background: #111111;
    width: 20px;
    height: 3px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* line 281, ../scss/style.scss */
.navbar-collapse {
    text-align: center;
}

/* line 285, ../scss/style.scss */
.dropdown-menu {
    z-index: 9999;
    border-radius: 0;
}

/* line 290, ../scss/style.scss */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    background-color: transparent;
}

/* Default Menus */
/* line 296, ../scss/style.scss */
.navbar {
    border-radius: 5px;
    margin-bottom: 0;
}

/* line 301, ../scss/style.scss */
.navbar-fixed-top {
    border-radius: 0;
}

/* line 305, ../scss/style.scss */
.navbar-brand {
    color: #cccccc !important;
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
    height: 60px;
/*    padding: 20px 15px;*/
}

/* line 314, ../scss/style.scss */
.navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}

/* line 318, ../scss/style.scss */
.navbar-brand span {
    color: #111111;
}

/* line 322, ../scss/style.scss */
.navbar-brand > img {
/*
    width: auto;
    max-height: 20px;
*/
}

/* line 327, ../scss/style.scss */
.navbar-toggle .icon-bar {
    background: #111111;
    width: 20px;
    height: 2px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* line 336, ../scss/style.scss */
.navbar-toggle {
    margin-right: 0;
}

/* line 340, ../scss/style.scss */
.navbar-collapse {
    text-align: center;
}

/* line 344, ../scss/style.scss */
.dropdown-menu {
    z-index: 9999;
    border-radius: 0;
}

/* Underline Hover Effect */
/* line 351, ../scss/style.scss */
.navbar-1 li a span {
    position: relative;
    padding-bottom: 23px;
}

/* line 356, ../scss/style.scss */
.navbar-1 .dropdown-menu li a span {
    padding-bottom: 5px;
}

/* line 360, ../scss/style.scss */
.navbar-1 li a span.caret {
    padding-bottom: 0;
}

/* line 364, ../scss/style.scss */
.navbar-1 li.active a span {
    color: #555555;
}

/* line 368, ../scss/style.scss */
.navbar li.active a span:before {
    visibility: visible !important;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* line 374, ../scss/style.scss */
.navbar-1 li a span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #555555;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

/* line 395, ../scss/style.scss */
.navbar li a:hover span:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

/* End Underline Hover Effect */
/* Default Navbar */
/* line 408, ../scss/style.scss */
.navbar-default {
    background-color: #fff;
    border: none !important;
}

/* line 413, ../scss/style.scss */
.navbar-default >.container {height:73px;}
.navbar-default >.container .navbar-nav {margin-top:27px; margin-right:0;}
.navbar-default >.container .navbar-nav li+li {margin-left:13px;}
.navbar-default >.container .navbar-nav li {position:relative; font-size:16px; color:#666; line-height:21px; font-family:notor;}
.navbar-default >.container .navbar-nav li a {display:inline; padding:0; font-size:16px; color:#666; line-height:21px; font-family:notor;}
.navbar-default >.container .navbar-nav li img {height:21px;}
.navbar-default >.container .navbar-nav li.typeB, .navbar-default .navbar-nav li.qna {padding-left:14px;}
.navbar-default >.container .navbar-nav li.typeB:before, .navbar-default .navbar-nav li.qna:before {content:""; position:absolute; left:0; top:calc(50% - 8px); width:1px; height:16px; background:#d9d9d9;}
.navbar-default >.container .navbar-nav li.typeB+.typeB {padding-left:0;}
.navbar-default >.container .navbar-nav li.typeB+.typeB:before {display:none;}
.navbar-default >.container .navbar-nav li.qna a {position:relative; padding-left:27px; color:#aaa;}
.navbar-default >.container .navbar-nav li.qna a:before {content:""; position:absolute; left:0; top:50%; width:17px; height:18px; margin-top:-9px; background:url(/images/member/ico_qna2.png) no-repeat 0 0;}

/* line 419, ../scss/style.scss */
.navbar-default .navbar-nav > li > a:hover {
    color: #ffd36c !important;
}

/* line 423, ../scss/style.scss */
.navbar-default .navbar-nav > li > a:focus {
    color: black !important;
}

/* line 427, ../scss/style.scss */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: #111111;
    background-color: transparent;
}

/* line 432, ../scss/style.scss */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    color: #111111;
    background-color: transparent;
}

/* line 437, ../scss/style.scss */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #111111;
}

/* line 441, ../scss/style.scss */
.navbar-default .navbar-toggle {
/*    border-color: transparent;*/
}

/* line 445, ../scss/style.scss */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

/* line 449, ../scss/style.scss */
.navbar-default .dropdown-menu > li > a {
    font-size: 13px;
    font-weight: 300;
}

/* End Default Navbar */
/* End Navigations */
/* End Headers */
/* Slider */
/* line 462, ../scss/style.scss */
.full-height {
    height: 100%;
}

/* line 466, ../scss/style.scss */
.full-height-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* line 474, ../scss/style.scss */
.slider-container {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    float: left;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

/* line 491, ../scss/style.scss */
.slider-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

/* line 497, ../scss/style.scss */
.slider {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    float: left;
}

/* line 505, ../scss/style.scss */
.slick-slide {
    opacity: 0.3;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

/* line 514, ../scss/style.scss */
.slick-slide.slick-active {
    opacity: 0.9;
}

/* line 518, ../scss/style.scss */
.slick-slide:focus {
    outline: none !important;
}

/* line 522, ../scss/style.scss */
.slick-list {
    width: 100%;
    height: 100%;
}

/* line 527, ../scss/style.scss */
.slick-track {
    width: 100%;
    height: 100%;
}

/* line 532, ../scss/style.scss */
.slick-slide {
    width: auto !important;
    height: 100% !important;
}

/* line 537, ../scss/style.scss */
.slider img {
    padding: 0 15px;
    width: auto;
    height: 100%;
}

/* line 543, ../scss/style.scss */
.slick-arrow {
    color: black;
    background-color: white;
    font-size: 14px;
    line-height: 1;
    border: none;
    padding: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/* line 556, ../scss/style.scss */
.slick-arrow:hover {
    opacity: 0.7;
}

/* line 560, ../scss/style.scss */
.slick-arrow i {
    line-height: 2.6;
    padding: 0 10px;
}

/* line 565, ../scss/style.scss */
.slick-prev {
    position: fixed;
    left: 30px;
    top: 46%;
    z-index: 9;
}

/* line 572, ../scss/style.scss */
.slick-next {
    position: fixed;
    right: 30px;
    top: 46%;
    z-index: 9;
}

/* End Slider */
/* Content */
/* line 585, ../scss/style.scss */
.has-fixed-top {
    padding-top: 60px;
}

/* line 589, ../scss/style.scss */
#page-content.has-fixed-top {
    padding-top: 90px;
}

/* line 593, ../scss/style.scss */
.banner {
    padding: 250px 0;
    position: relative;
}

/* line 598, ../scss/style.scss */
.banner .page-header {
    opacity: 0.8;
}

/* line 602, ../scss/style.scss */
.scroll-down {
    font-size: 18px;
    position: absolute;
    bottom: 10px;
    padding: 20px;
    margin-left: -25px;
    border-top: 1px solid #111111;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

/* line 615, ../scss/style.scss */
.scroll-down:hover {
    opacity: 0.7;
}

/* line 619, ../scss/style.scss */
#page-content {
    padding-top: 30px;
    padding-bottom: 100px;
    background-color: white;
}

/* line 625, ../scss/style.scss */
.contact-me-page #page-content {
    padding-top: 90px;
    padding-bottom: 100px;
}

/* line 630, ../scss/style.scss */
#page-content p {
    font-size: 14px;
}

/* line 634, ../scss/style.scss */
.section-w-image {
    position: relative;
}

/* line 638, ../scss/style.scss */
.section-description { 
    padding: 80px 30px;
}

/* line 643, ../scss/style.scss */
.section-description.dark {
    background-color: #333333;
}

/* About */
/* line 649, ../scss/style.scss */
#about-banner {
    background-image: url("../images/banner.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-color: #f8f8f8;
}

/* line 658, ../scss/style.scss */
#about-banner.dark {
    background-color: #333333;
}

/* line 662, ../scss/style.scss */
.about-image {
    position: absolute;
    background: url("../images/content-img.jpg") scroll center no-repeat;
    background-size: cover;
    height: 100%;
}

/* line 669, ../scss/style.scss */
#facts {
    padding: 30px 0;
}

/* line 673, ../scss/style.scss */
.fact-icon {
    color: #cccccc;
    font-size: 26px;
    display: block;
    margin-top: 0;
    margin-bottom: 15px;
}

/* line 681, ../scss/style.scss */
.timer {
    color: #111111;
    font-size: 28px;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 15px;
}

/* line 689, ../scss/style.scss */
.fact-title {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

/* line 696, ../scss/style.scss */
.block img {
    margin-top: 50px;
    margin-bottom: 10px;
}

/* line 701, ../scss/style.scss */
.block .social i {
    font-size: 12px;
}

/* line 705, ../scss/style.scss */
.block .social.center a {
    margin: 0 5px;
}

/* line 709, ../scss/style.scss */
.block h6 {
    margin: 0;
}

/* line 713, ../scss/style.scss */
.block p {
    font-size: 14px;
    margin: 5px 0;
}

/* line 718, ../scss/style.scss */
#team {
/*    padding: 0px 15px; */
}

.padding-bot-top-30 { padding: 30px 0 30px 0; }

/* Testimonials Slider */
/* line 725, ../scss/style.scss */
#testimonials-slider {
    background-image: url("../images/section-bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-color: #cccccc;
    padding: 50px 0;
}

/* line 735, ../scss/style.scss */
#testimonials-slider .testimonial {
    padding: 100px 0;
    text-align: center;
}

/* line 740, ../scss/style.scss */
.testimonial img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    margin-top: -40px;
    margin-bottom: 40px;
}

/* line 748, ../scss/style.scss */
#testimonials-slider .testimonial h3 {
    color: white;
    font-size: 24px;
    margin: 0 auto 40px;
    max-width: 900px;
}

/* line 758, ../scss/style.scss */
.customer-name {
    color: white;
    font-size: 16px;
    font-weight: 400;
}

/* line 764, ../scss/style.scss */
#testimonials-slider .carousel-indicators {
    margin-bottom: 10px;
}

/* line 768, ../scss/style.scss */
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    background-color: white;
    margin: 3px;
    opacity: 1;
}

/* line 776, ../scss/style.scss */
.carousel-indicators li {
    width: 12px;
    height: 12px;
    margin: 3px;
    background-color: white;
    border: 0;
    opacity: 0.5;
}

/* End Testimonials Slider */
/* End About */
/* Services */
/* line 792, ../scss/style.scss */
#services {
    padding-top: 30px;
}

/* line 796, ../scss/style.scss */
#services-banner {
    background-image: url("../images/banner.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-color: #f8f8f8;
    padding: 50px 0;
}

/* line 806, ../scss/style.scss */
#services-banner.dark {
    background-color: #333333;
}

/* line 810, ../scss/style.scss */
#services-3col {
    padding: 50px 0;
}

/* line 814, ../scss/style.scss */
.service-icon {
    background: #ebebeb;
    text-align: center;
    width: 50px;
    height: 50px;
    margin: 0 auto 15px;
}

/* line 822, ../scss/style.scss */
.service-icon i {
    color: #111111;
    font-size: 24px;
    line-height: 2.1;
}

/* line 828, ../scss/style.scss */
.service-left .service-icon {
    position: absolute;
    float: left;
    left: 15px;
}

/* line 834, ../scss/style.scss */
.service-left .service {
    text-align: left;
    padding-left: 65px;
}

/* line 839, ../scss/style.scss */
.service-center {
    text-align: center;
}

/* line 843, ../scss/style.scss */
.service-right .service-icon {
    position: absolute;
    float: right;
    right: 15px;
}

/* line 849, ../scss/style.scss */
.service-right .service {
    text-align: right !important;
    padding-right: 65px;
}

/* line 854, ../scss/style.scss */
.service-description .btn {
    margin-top: 8px;
}

/* line 858, ../scss/style.scss */
.service-image {
    position: absolute;
    background: url("../images/content-img.jpg") scroll center no-repeat;
    background-size: cover;
    height: 100%;
}

/* line 865, ../scss/style.scss */
.services .section-description {
    padding-bottom: 50px;
}

/* line 869, ../scss/style.scss */
.services-2col {
    padding: 0;
}

/* line 873, ../scss/style.scss */
.services-2col .service.block {
    margin: 30px 0;
}

/* line 877, ../scss/style.scss */
.service .price {
    color: #222222;
    font-size: 15px !important;
    font-weight: 400;
    margin-top: 15px;
    padding: 10px 0;
    border-top: 1px solid #111111;
}

/* End Services */
/* Pricing */
/* line 891, ../scss/style.scss */
#pricing-banner {
    background-image: url("../images/banner.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-color: #f8f8f8;
    padding: 15px 0;
}

/* line 901, ../scss/style.scss */
#pricing-banner.dark {
    background-color: #333333;
}

/* line 905, ../scss/style.scss */
.pricing-table {
    background: #f8f8f8;
    text-align: center;
    margin-bottom: 30px;
}

/* line 911, ../scss/style.scss */
.pricing-table ol,
.pricing-table ul {
    margin-bottom: 0;
}

/* line 915, ../scss/style.scss */
.pricing-title {
    color: #777777;
    background-color: transparent;
    border-bottom: 1px solid #777777;
    font-size: 16px;
    font-weight: 400;
    padding: 30px;
}

/* line 924, ../scss/style.scss */
.featured .pricing-title {
    color: #111111;
    background-color: transparent;
    border-bottom: 1px solid #111111;
}

/* line 930, ../scss/style.scss */
.pricing-table-price {
    font-weight: 400;
    padding: 0 0 20px;
}

/* line 935, ../scss/style.scss */
.pricing-table-price p {
    color: #222222;
}

/* line 939, ../scss/style.scss */
.featured .pricing-currency {
    color: #111111;
}

/* line 943, ../scss/style.scss */
.featured .pricing-price {
    color: #111111;
}

/* line 947, ../scss/style.scss */
.pricing-currency {
    font-size: 16px;
    font-weight: 400;
    vertical-align: 30px;
}

/* line 953, ../scss/style.scss */
.pricing-price {
    font-size: 50px;
    font-weight: 400;
}

/* line 958, ../scss/style.scss */
.pricing-period {
    font-weight: 400;
}

/* line 962, ../scss/style.scss */
.pricing-table-content li {
    font-size: 14px;
    margin-bottom: 15px;
}

/* line 967, ../scss/style.scss */
.pricing-table-button {
    padding: 15px 0 35px;
}

/* line 971, ../scss/style.scss */
.stacked > .col-md-3,
.stacked > .col-md-4,
.stacked > .col-sm-4 {
    padding-left: 0;
    padding-right: 0;
}

/* line 976, ../scss/style.scss */
.stacked .pricing-table {
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1);
}

/* line 982, ../scss/style.scss */
.stacked .pricing-table {
    position: relative;
    z-index: 1;
}

/* line 987, ../scss/style.scss */
.stacked .featured.pricing-table {
    position: relative;
    z-index: 2;
    margin-top: -32px;
}

/* line 993, ../scss/style.scss */
.stacked .featured .pricing-table-price {
    padding: 15px 0 30px;
}

/* line 997, ../scss/style.scss */
.stacked .featured .pricing-table-button {
    padding: 35px 0 55px;
}

/* line 1001, ../scss/style.scss */
.stacked .col-md-3 .featured.pricing-table {
    margin-top: -22px;
}

/* line 1005, ../scss/style.scss */
.stacked .col-md-3 .featured .pricing-table-price {
    padding: 10px 0 30px;
}

/* line 1009, ../scss/style.scss */
.stacked .col-md-3 .featured .pricing-table-button {
    padding: 25px 0 45px;
}

/* End Pricing */
/* Portfolio / Gallery */
/* line 1018, ../scss/style.scss */
#portfolio {
    padding: 30px 0;
}

/* line 1022, ../scss/style.scss */
#portfolio.no-gutter {
    padding: 0;
}

/* line 1026, ../scss/style.scss */
#project-banner {
    background-image: url("../images/project-img.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-color: #f8f8f8;
    padding: 15px 0;
}

/* line 1036, ../scss/style.scss */
#project-banner.dark {
    background-color: #333333;
}

/* line 1040, ../scss/style.scss */
.gallery-page #page-content {
    padding: 75px 15px 85px;
}

/* line 1044, ../scss/style.scss */
body.gallery-full {
    background-color: white;
}

/* line 1048, ../scss/style.scss */
.gallery-full #page-content {
    padding: 60px 0 70px 0 !important;
}

/* line 1052, ../scss/style.scss */
.gallery-full #portfolio .project {
    padding: 0;
}

/* line 1056, ../scss/style.scss */
.gallery-full .full-height {
    max-height: 550px;
}

/* line 1060, ../scss/style.scss */
.gallery-full .full-height-wrapper {
    max-height: 550px;
}

/* line 1064, ../scss/style.scss */
.gallery-full .slider-container {
    max-height: 550px;
    padding-top: 60px;
}

/* line 1069, ../scss/style.scss */
.gallery-full .slider-wrapper {
    max-height: 550px;
}

/* line 1073, ../scss/style.scss */
.gallery-full .slider {
    max-height: 550px;
}

/* line 1077, ../scss/style.scss */
.gallery-full .slick-arrow {
    position: absolute !important;
}

/* line 1081, ../scss/style.scss */
.gallery-full .portfolio-filter {
    margin-top: 0;
}

/* line 1085, ../scss/style.scss */
#portfolio ul.portfolio {
    margin-bottom: 0 !important;
}

/* line 1089, ../scss/style.scss */
.portfolio-filter {
    margin-top: 35px;
    margin-bottom: 20px;
}

/* line 1094, ../scss/style.scss */
.portfolio-filter.list-inline li {
    padding: 0;
}

/* line 1098, ../scss/style.scss */
.portfolio-filter a {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 6px 15px;
}

/* line 1106, ../scss/style.scss */
.portfolio-filter a.active {
    color: #111111;
    background-color: #f8f8f8;
}

/* line 1111, ../scss/style.scss */
.portfolio-filter a:hover {
    background-color: #ebebeb;
}

/* line 1115, ../scss/style.scss */
.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
}

/* line 1124, ../scss/style.scss */
.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(17, 17, 17, 0.8);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* line 1137, ../scss/style.scss */
.hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all 0.5s linear;
    transition: all 0.2s linear;
}

/* line 1144, ../scss/style.scss */
.hovereffect:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* line 1150, ../scss/style.scss */
.hovereffect-title h5 {
    font-size: 14px;
    color: white;
    background: transparent;
    text-align: center;
    position: absolute;
    top: 43%;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 10px;
}

/* line 1163, ../scss/style.scss */
.hovereffect-title p {
    font-size: 10px !important;
    color: #999999;
    background: transparent;
    text-align: center;
    position: absolute;
    top: 52%;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 10px;
}

/* line 1176, ../scss/style.scss */
.hovereffect:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* line 1181, ../scss/style.scss */
.project.portrait-img .hovereffect-title h5 {
    font-size: 14px;
    color: white;
    background: transparent;
    text-align: center;
    position: absolute;
    top: 46%;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 10px;
}

/* line 1194, ../scss/style.scss */
.project.portrait-img .hovereffect-title p {
    font-size: 10px !important;
    color: #999999;
    background: transparent;
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 10px;
}

/* line 1207, ../scss/style.scss */
.hovereffect:hover a.info,
.hovereffect:hover h6 {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0);
}

/* line 1215, ../scss/style.scss */
.hovereffect:hover a.info {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

/* line 1220, ../scss/style.scss */
#portfolio .project {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* line 1225, ../scss/style.scss */
#portfolio .project-description {
    font-size: 14px;
}

/* line 1229, ../scss/style.scss */
.project.block img {
    margin-top: 0;
    margin-bottom: 0;
}

/* line 1234, ../scss/style.scss */
.project-info i {
    font-size: 16px;
    margin-top: 5px;
    vertical-align: middle;
}

/* line 1240, ../scss/style.scss */
.project-info span {
    margin-left: 20px;
    margin-top: 3px;
    position: absolute;
}

/* line 1246, ../scss/style.scss */
.project-info .info {
    margin: 15px 0;
}

/* line 1250, ../scss/style.scss */
.project-info a {
    font-size: 14px;
}

/* line 1254, ../scss/style.scss */
.info-buttons {
    margin-top: 30px;
    padding: 20px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

/* line 1261, ../scss/style.scss */
#project-slider {
    margin-bottom: 30px;
}

/* Lightbox */
/* line 1267, ../scss/style.scss */
.mfp-arrow {
    color: white;
    opacity: 0.7 !important;
}

/* line 1272, ../scss/style.scss */
.mfp-arrow:hover {
    opacity: 1 !important;
}

/* line 1276, ../scss/style.scss */
.mfp-arrow:after {
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    top: 5px !important;
}

/* line 1282, ../scss/style.scss */
.mfp-arrow-right:before {
    border-left: none !important;
}

/* line 1286, ../scss/style.scss */
.mfp-arrow-left:before {
    border-right: none !important;
}

/* line 1290, ../scss/style.scss */
.mfp-arrow-right:after {
    content: '\f105' !important;
    font-family: "FontAwesome" !important;
    font-size: 40px;
    border-left: none !important;
    margin-left: 46px !important;
}

/* line 1298, ../scss/style.scss */
.mfp-arrow-left:after {
    content: '\f104' !important;
    font-family: "FontAwesome" !important;
    font-size: 40px;
    border-right: none !important;
    margin-left: 27px !important;
}

/* End Lightbox */
/* End Portfolio / Gallery */
/* Journal */
/* line 1313, ../scss/style.scss */
#journal-banner {
    background-image: url("../images/banner.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-color: #f8f8f8;
    padding: 15px 0;
}

/* line 1323, ../scss/style.scss */
#journal-banner.dark {
    background-color: #333333;
}

/* line 1327, ../scss/style.scss */
#blog {
    padding: 30px 0;
}

/* line 1331, ../scss/style.scss */
.blog.block img {
    margin-top: 0;
    margin-bottom: 30px;
}

/* line 1336, ../scss/style.scss */
.blog .btn {
    margin-left: 0;
}

/* line 1340, ../scss/style.scss */
.blog .btn-social {
    margin-left: 0;
}

/* line 1344, ../scss/style.scss */
.carousel-post {
    padding: 0 15px;
}

/* line 1348, ../scss/style.scss */
#blog .owl-theme .owl-controls {
    margin-top: 20px;
}

/* line 1352, ../scss/style.scss */
#blog .padd15 {
    padding: 0 15px;
}

/* line 1356, ../scss/style.scss */
#blog .post-content-area p {
    margin-bottom: 20px;
}

/* line 1360, ../scss/style.scss */
#blog .post-category {
    padding: 15px 0;
    border-bottom: 1px solid #ebebeb;
}

/* line 1365, ../scss/style.scss */
#blog .post-category span {
    color: #999999;
}

/* line 1369, ../scss/style.scss */
#blog .blog-post-small {
    padding-bottom: 20px;
}

/* line 1373, ../scss/style.scss */
#blog .blog-post-small.first-post {
    border-bottom: 1px solid #cccccc;
    margin-top: 0;
}

/* line 1378, ../scss/style.scss */
#blog .blog-post-small.mid-post {
    border-bottom: 1px solid #cccccc;
    margin-top: 25px;
}

/* line 1383, ../scss/style.scss */
#blog .blog-post-small.last-post {
    margin-top: 25px;
    padding-bottom: 0;
}

/* line 1388, ../scss/style.scss */
#blog .blog-posts-small img {
    max-width: 66px;
    margin: 0 10px 0 0;
    float: left;
}

/* line 1394, ../scss/style.scss */
#blog .blog-posts-small a {
    font-size: 14px;
}

/* line 1398, ../scss/style.scss */
.media-object {
    max-width: 175px;
    max-height: 175px;
}

/* line 1403, ../scss/style.scss */
.post-footer {
    padding: 10px 0;
    min-height: 120px;
}

/* line 1408, ../scss/style.scss */
.post-author-block {
    background: #ebebeb;
    padding: 60px 30px;
    text-align: left;
}

/* line 1414, ../scss/style.scss */
.post-author-block img {
    max-width: 100px;
    float: left;
    margin-right: 30px;
    border: 3px solid white;
    border-radius: 100%;
}

/* line 1422, ../scss/style.scss */
.post-author-block p {
    margin-bottom: 0;
}

/* line 1426, ../scss/style.scss */
.comments {
    margin-top: 60px;
}

/* line 1430, ../scss/style.scss */
.comments img {
    max-width: 65px;
    border-radius: 50%;
}

/* line 1435, ../scss/style.scss */
.comment-date {
    font-size: 12px;
    margin-bottom: 2px;
}

/* line 1440, ../scss/style.scss */
.comment-author {
    font-size: 14px;
    margin-bottom: 2px;
}

/* line 1445, ../scss/style.scss */
.comment-author a {
    font-weight: 400;
}

/* line 1449, ../scss/style.scss */
.comment p {
    font-size: 13px;
    margin-bottom: 2px;
}

/* line 1454, ../scss/style.scss */
.comment-log-in {
    font-size: 12px;
    font-weight: 400;
}

/* Comment Form */
/* line 1461, ../scss/style.scss */
#comment-form {
    margin: 50px 0;
}

/* line 1465, ../scss/style.scss */
#commentForm .form-control {
    color: #999999;
    background: #f8f8f8;
    font-weight: 400;
    letter-spacing: 0.05em;
    border: 1px solid #ebebeb;
    border-radius: 0;
    margin-bottom: 30px;
    padding: 10px 20px;
    min-height: 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* line 1482, ../scss/style.scss */
#commentForm textarea {
    max-width: 100%;
    min-height: 130px !important;
    max-height: 211px;
    margin-bottom: 30px;
}

/* line 1489, ../scss/style.scss */
#comment-form .form-group {
    margin-bottom: 0;
}

/* line 1493, ../scss/style.scss */
#comment-form #commentForm {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* line 1499, ../scss/style.scss */
#comment-form .btn-form-submit {
    width: 100%;
    border-radius: 0;
    padding: 14px 24px;
    margin: 0;
}

/* End Comment Form */
/* Carousel */
/* line 1510, ../scss/style.scss */
#blog-carousel img {
    margin-bottom: 0;
}

/* line 1514, ../scss/style.scss */
#blog-carousel {
    margin-bottom: 30px;
}

/* line 1518, ../scss/style.scss */
.carousel-control {
    font-size: 30px;
}

/* line 1522, ../scss/style.scss */
.carousel-control.left,
.carousel-control.right {
    background-image: none !important;
}

/* line 1526, ../scss/style.scss */
.carousel-control .lnr-chevron-left {
    position: absolute;
    color: white;
    top: 48%;
    left: 15%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
    float: left;
}

/* line 1537, ../scss/style.scss */
.carousel-control .lnr-chevron-right {
    position: absolute;
    color: white;
    top: 48%;
    right: 15%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}

/* line 1547, ../scss/style.scss */
.carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 8px;
    border: 1px solid white;
    background-color: white;
}

/* line 1555, ../scss/style.scss */
.carousel-indicators li.active {
    width: 12px;
    height: 12px;
    margin: 7px;
    border-width: 2px;
    background-color: transparent;
}

/* End Carousel */
/* line 1565, ../scss/style.scss */
.embed-responsive {
    margin-bottom: 30px;
}

/* line 1569, ../scss/style.scss */
.pagination {
    margin-top: 50px;
    padding: 25px 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0;
    display: block;
}

/* line 1578, ../scss/style.scss */
#blog blockquote {
    font-size: 14px;
}

/* End Journal */
/* Contact */
/* line 1587, ../scss/style.scss */
#contact-banner {
    background-image: url("../images/banner.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-color: #f8f8f8;
    padding: 15px 0;
}

/* line 1597, ../scss/style.scss */
#contact-banner.dark {
    background-color: #333333;
}

/* line 1601, ../scss/style.scss */
.contact-image {
    position: absolute;
    /* background: url("../images/content_logo.jpg") scroll center no-repeat; */
/*    background-size: cover;*/
    height: 100%;
}

/* line 1608, ../scss/style.scss */
.contact-info {
    margin-top: 50px;
}

/* line 1612, ../scss/style.scss */
.contact-info i {
    font-size: 18px;
    margin-top: 5px;
    vertical-align: middle;
}

/* line 1618, ../scss/style.scss */
.contact-info span {
    margin-left: 20px;
    margin-top: 3px;
    position: absolute;
}

/* line 1624, ../scss/style.scss */
.contact-info .info {
    margin: 15px 0;
}

/* line 1628, ../scss/style.scss */
.contact-info a {
    color: white;
    font-size: 14px;
    opacity: 0.8;
}

/* line 1634, ../scss/style.scss */
.contact-info a:hover {
    opacity: 1;
}

/* line 1638, ../scss/style.scss */
.contact-area {
    margin-top: 30px;
}

/* line 1642, ../scss/style.scss */
.contact-area .map {
    padding-left: 0;
}

/* line 1646, ../scss/style.scss */
.contact-area .map-full {
    padding: 0;
}

/* line 1650, ../scss/style.scss */
.contact-form-area {
    padding-right: 0;
}

/* line 1654, ../scss/style.scss */
#map {
    width: 100%;
    height: 370px;
}

/* Contact Form */
/* line 1661, ../scss/style.scss */
.form-control {
    color: #999999;
    background: #f8f8f8;
    font-weight: 400;
    letter-spacing: 0.05em;
    border: 1px solid #ebebeb;
    border-radius: 0;
    margin-bottom: 30px;
    padding: 10px 20px;
    min-height: 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* line 1678, ../scss/style.scss */
#contactForm .form-control {
    color: #999999;
    background: #f8f8f8;
    font-weight: 400;
    letter-spacing: 0.05em;
    border: 1px solid #ebebeb;
    border-radius: 0;
    margin-bottom: 30px;
    padding: 10px 20px;
    min-height: 50px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* line 1695, ../scss/style.scss */
#contactForm textarea {
    max-width: 100%;
    min-height: 130px !important;
    max-height: 211px;
    margin-bottom: 30px;
}

/* line 1702, ../scss/style.scss */
::-webkit-input-placeholder {
    color: #cccccc !important;
}

/* line 1706, ../scss/style.scss */
:-moz-placeholder {
    color: #cccccc !important;
}

/* line 1710, ../scss/style.scss */
::-moz-placeholder {
    color: #cccccc !important;
}

/* line 1714, ../scss/style.scss */
:-ms-input-placeholder {
    color: #cccccc !important;
}

/* line 1718, ../scss/style.scss */
.has-error .form-control {
    color: #ec3636 !important;
    border: 1px solid #ec3636 !important;
}

/* line 1723, ../scss/style.scss */
.help-block.with-errors li {
    color: #ec3636;
    font-size: 13px;
    margin-top: -30px;
    margin-bottom: 0;
}

/* line 1730, ../scss/style.scss */
#msgSubmit.h3 {
    font-size: 14px;
    margin-top: 5px;
}

/* line 1735, ../scss/style.scss */
#contact-form-1 .form-group {
    margin-bottom: 0;
}

/* line 1739, ../scss/style.scss */
#contact-form-1 #contactForm {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* line 1745, ../scss/style.scss */
#contact-form-1 .btn-form-submit {
    width: 100%;
    border-radius: 0;
    padding: 14px 24px;
    margin: 0;
}

/* End Contact Form */
/* End Contact */
/* 404 */
/* line 1758, ../scss/style.scss */
#pnf-banner {
    background-image: url("../images/banner.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-color: #f8f8f8;
    height: 100%;
    width: 100%;
}

/* line 1769, ../scss/style.scss */
#pnf-banner.dark {
    background-color: #333333;
}

/* line 1773, ../scss/style.scss */
#pnf-banner .banner {
    top: 35%;
    bottom: 35%;
    padding: 0;
}

/* End 404 */
/* End Content */
/* Footers */
/* line 1787, ../scss/style.scss */
.pop_hotline{display: none;position: fixed;  z-index: 999999999999; top: 24px; left: 50%; transform: translateX(-50%);}
.pop_hotline .closePop{text-align: center;vertical-align: middle;height: 34px;padding-top: 4px;background-color: #3d3d3d;}

.footer-info {
/*    padding: 25px 15px;*/
}

/* line 1791, ../scss/style.scss */
footer p.ftTxtAddr {
    font-size: 14px; 
    margin-bottom: 0; 
	color:#cccccc !important;
}
footer p.ftTxtAddr span {display: inline-block; padding-top:4px; margin:0px 15px 0px 15px; font-size: 10px; vertical-align: top;  }
footer p.ftTxtSub { font-size: 12px; font-weight: normal; color:#cccccc !important; margin-top:10px;}

/* line 1797, ../scss/style.scss */
footer a {
    font-size: 12px;
}

/* line 1801, ../scss/style.scss */
footer .social a {
    font-size: 12px; 
}

/* line 1806, ../scss/style.scss */
.light-footer {
    position:relative;
	background-color:#4d4d4d;
	padding-bottom:10px;
}

/* line 1810, ../scss/style.scss */
.light-footer p {
    color: #999999;
}

/* line 1814, ../scss/style.scss */
.footer-ci {
    padding-left: 15px;
    margin-left: 15px;
}

/* line 1819, ../scss/style.scss */
.footer-contact-info a {
    border-left: 2px solid #ebebeb;
}

/* line 1823, ../scss/style.scss */
.footer-contact-info i {
    margin-right: 10px;
}

footer .familySite { position:absolute; top:25px; right:100px;}
footer .familySite select { height:28px; font-size:12px; color:#4c4c4c; padding-left:5px;}
footer .ccm {position:absolute; right:192px; top:65px;}
footer .ccm img {width:60px;}

/* End Footers */
/* Dark Variations */
/* line 1832, ../scss/style.scss */
.dark a {
    color: white;
    -webkit-font-smoothing: antialiased;
}

/* line 1837, ../scss/style.scss */
.dark a:hover {
    opacity: 0.8;
}

/* line 1841, ../scss/style.scss */
.dark a.btn {
    -webkit-font-smoothing: antialiased;
}

/* line 1845, ../scss/style.scss */
.dark a.btn:hover {
    color: white;
    opacity: 1;
}

/* line 1850, ../scss/style.scss */
.dark-footer {
    background: #222222;
}

/* line 1854, ../scss/style.scss */
.dark-footer p {
    color: #cccccc;
}

/* line 1858, ../scss/style.scss */
.dark .slick-arrow {
    color: white;
    background-color: #111111;
}

/* line 1863, ../scss/style.scss */
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
    color: white;
}

/* line 1867, ../scss/style.scss */
.dark .page-header:after {
    background: white;
}

/* line 1871, ../scss/style.scss */
.dark p {
    color: #ebebeb;
}

/* line 1875, ../scss/style.scss */
.dark .scroll-down {
    color: white;
    border-top: 1px solid white;
}

/* line 1880, ../scss/style.scss */
.dark .service-icon {
    background: #777777;
}

/* line 1884, ../scss/style.scss */
.dark .service-icon i {
    color: #ebebeb;
}

/* line 1888, ../scss/style.scss */
.dark .service .price {
    color: white;
    border-top: 1px solid white;
}

/* line 1893, ../scss/style.scss */
.dark .portfolio-filter a:hover {
    background-color: #333333;
}

/* End Dark Variations */
/* Preloader */
/* line 1901, ../scss/style.scss */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f8f8f8;
    z-index: 999999;
}

/* line 1911, ../scss/style.scss */
.spinner {
    width: 50px;
    height: 50px;
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    top: 45%;
    left: 48%;
}

/* line 1921, ../scss/style.scss */
.spinner-round:before {
    border-radius: 50%;
    content: " ";
    width: 50px;
    height: 50px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 2px #ebebeb;
    border-right: solid 2px #ebebeb;
    border-bottom: solid 2px #ebebeb;
    border-left: solid 2px #ebebeb;
    position: absolute;
    top: 0;
    left: 0;
}

/* line 1937, ../scss/style.scss */
.spinner-round:after {
    border-radius: 50%;
    content: " ";
    width: 50px;
    height: 50px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 2px #111111;
    border-right: solid 2px transparent;
    border-bottom: solid 2px transparent;
    border-left: solid 2px transparent;
    position: absolute;
    top: 0;
    left: 0;
    animation: spinner-round-animate 1s ease-in-out infinite;
}

@keyframes spinner-round-animate {
    /* line 1955, ../scss/style.scss */
    0% {
        transform: rotate(0deg);
    }

    /* line 1958, ../scss/style.scss */
    100% {
        transform: rotate(360deg);
    }
}
.others {width:430px; padding:30px; margin:0 auto; border:1px solid #e6e6e6; border-radius:8px;}
.agreeSelect	{ text-align:right; }
.agreeSelect select {padding-right:18px; border:0; height:24px; font-size:14px; color:#888; background:url(/images/common/ico_arrow2.png) no-repeat 100% calc(50% + 2px);}
.agree	{ margin-top:20px; }
.agree *	{ font-size:16px;line-height:1.5em; }
.agree h2	{ margin-bottom:30px;font-family:notob;font-weight:bold; }
.agree h3	{ margin:30px 0;font-family:notob;font-weight:bold; }
.agree h4	{ margin:20px 0; }
.agree p.date	{ margin-top:20px }
.agree dl dt	{ font-family:notob;font-weight:bold; }

/* End Preloader */
/* Media Screens */
@media only screen and (max-width: 1200px) {
    /* line 5, ../scss/_media-screens.scss */
    .pricing-currency {
        font-size: 14px;
        vertical-align: 20px;
    }

    /* line 10, ../scss/_media-screens.scss */
    .pricing-price {
        font-size: 40px;
    }

    /* line 14, ../scss/_media-screens.scss */
    .pricing-table .pricing-table-content ul li {
        font-size: 14px;
    }

    /* line 18, ../scss/_media-screens.scss */
    .post-footer .pull-left,
    .post-footer .pull-right {
        float: none !important;
    }

    /* line 22, ../scss/_media-screens.scss */
    .post-footer .pull-right {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 991px) {
    /* line 29, ../scss/_media-screens.scss */
    .navbar-nav > li > a {
        font-size: 16px !important;
    }
    .naviSub > li > span {
        font-size: 10px !important;
    }
    .naviSub > li > img {
        width:20px;
		margin-top:5px;
    }

    /* line 33, ../scss/_media-screens.scss */
    .nav > li > a {
        padding: 12.5px 10px;
    }

    /* line 37, ../scss/_media-screens.scss */
    .banner {
        padding: 150px 0;
    }

    /* line 41, ../scss/_media-screens.scss */
    #page-content.has-fixed-top {
        padding-top: 80px;
    }

    /* line 45, ../scss/_media-screens.scss */
    .block {
        margin-bottom: 30px;
    }

    /* line 49, ../scss/_media-screens.scss */
    .block .social {
        margin-bottom: 20px;
    }

    /* line 53, ../scss/_media-screens.scss */
    .about-image {
        position: relative;
        height: 450px;
    }

    /* line 58, ../scss/_media-screens.scss */
    .service-image {
        position: relative;
        height: 450px;
    }

    /* line 63, ../scss/_media-screens.scss */
    .gallery-full #page-content {
        padding: 60px 0 107px 0 !important;
    }

    /* line 67, ../scss/_media-screens.scss */
    .contact-image {
        position: relative;
        height: 450px;
    }

    /* line 72, ../scss/_media-screens.scss */
    .fact-title {
        margin-bottom: 30px;
    }

    /* line 76, ../scss/_media-screens.scss */
    #testimonials-slider .testimonial {
        padding: 70px 0;
    }

    /* line 80, ../scss/_media-screens.scss */
    #page-content {
        padding-bottom: 145px;
    }

    /* line 84, ../scss/_media-screens.scss */
    .gallery-page #page-content {
        padding-bottom: 125px;
    }

    /* line 88, ../scss/_media-screens.scss */
    #services {
        padding: 20px 0;
    }

    /* line 92, ../scss/_media-screens.scss */
    #services-3col {
        padding: 20px 0;
    }

    /* line 96, ../scss/_media-screens.scss */
    .footer-info { 
        text-align: center;
        line-height: 1.8; 
		font-size: 13px;
		word-break: keep-all;
    }

    /* line 101, ../scss/_media-screens.scss */
    .footer-info .pull-right {
        float: none !important;
        display: block;
    }

    /* line 106, ../scss/_media-screens.scss */
    footer .social {
/*        margin-top: 15px;*/
    }
}
@media only screen and (max-width: 767px) {

    footer .familySite {left:50%; top: 21px; right:initial; transform:translateX(-50%);}
    footer .ccm {top:13px; left:50%; right:initial; transform:translateX(calc(-50% + 110px));}
    footer .ccm img {width:50px;}
    footer .social {margin-top: 38px !important;}
    /* line 113, ../scss/_media-screens.scss */
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* line 118, ../scss/_media-screens.scss */
    .navbar-brand {
        font-size: 20px;
        line-height: 20px;
        font-weight: 700;
        height: 50px;
        padding: 15px;
    }

    /* line 127, ../scss/_media-screens.scss */
    .navbar-nav > li > a {
        font-size: 13px !important;
    } 

    /* line 130, ../scss/_media-screens.scss */
    .navbar-1 li a span {
        position: relative;
        padding-bottom: 10px;
    }

    /* line 135, ../scss/_media-screens.scss */
    .open .dropdown-menu > li > a {
        padding: 5px 20px;
        text-align: center;
    }

    /* line 140, ../scss/_media-screens.scss */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #999999;
    }

    /* line 144, ../scss/_media-screens.scss */
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #cccccc;
    }

    /* line 148, ../scss/_media-screens.scss */
    .navbar-nav .open .dropdown-menu {
        max-width: 160px;
        margin: 0 auto;
    }

    /* line 153, ../scss/_media-screens.scss */
    .navbar-nav .open .dropdown-menu > li > a {
        padding: 7px 15px;
    }

    /* line 157, ../scss/_media-screens.scss */
    .navbar .btn {
        margin: 7px 0 20px;
    }

    /* line 161, ../scss/_media-screens.scss */
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        background-color: transparent;
    }

    /* line 165, ../scss/_media-screens.scss */
    header h3 {
        font-size: 30px;
    }

    /* line 169, ../scss/_media-screens.scss */
    header h5 {
        font-size: 16px;
    }

    /* line 173, ../scss/_media-screens.scss */
    header p {
        font-size: 14px;
    }

    /* line 177, ../scss/_media-screens.scss */
    .has-fixed-top {
        padding-top: 50px;
    }

    /* line 181, ../scss/_media-screens.scss */
    #page-content.has-fixed-top {
        padding-top: 60px;
    }

    /* line 185, ../scss/_media-screens.scss */
    #page-content {
        padding-bottom: 150px;
    }

    /* line 189, ../scss/_media-screens.scss */
    .gallery-page #page-content {
        padding-top: 70px;
        padding-bottom: 150px;
    }

    /* line 194, ../scss/_media-screens.scss */
    .gallery-full #page-content {
        padding: 50px 0 133px 0 !important;
    }

    /* line 198, ../scss/_media-screens.scss */
    .gallery-full .slider-container {
        padding-top: 50px;
    }

    /* line 202, ../scss/_media-screens.scss */
    .contact-me-page #page-content {
        padding-top: 70px;
        padding-bottom: 155px;
    }

    /* line 207, ../scss/_media-screens.scss */
    #services {
        padding: 30px 0 0;
    }

    /* line 211, ../scss/_media-screens.scss */
    #services-3col {
        padding: 0;
    }

    /* line 215, ../scss/_media-screens.scss */
    .blog-sidebar {
        margin-top: 100px;
    }

    /* line 219, ../scss/_media-screens.scss */
    .pricing-table {
        max-width: 80%;
        margin: 30px auto;
    }

    /* line 224, ../scss/_media-screens.scss */
    .stacked > .col-md-3,
    .stacked > .col-md-4,
    .stacked > .col-sm-4 {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* line 229, ../scss/_media-screens.scss */
    .stacked .col-md-3 .featured.pricing-table {
        margin-top: 0;
    }

    /* line 233, ../scss/_media-screens.scss */
    .stacked .featured.pricing-table {
        margin-top: 0;
    }

    /* line 237, ../scss/_media-screens.scss */
    .contact-area .map {
        padding: 0;
    }

    /* line 241, ../scss/_media-screens.scss */
    .contact-form-area {
        margin: 30px 0;
        padding: 0;
    }

    /* line 246, ../scss/_media-screens.scss */
    #about-banner {
        background-attachment: scroll;
    }

    /* line 250, ../scss/_media-screens.scss */
    #services-banner {
        background-attachment: scroll;
    }

    /* line 254, ../scss/_media-screens.scss */
    #pricing-banner {
        background-attachment: scroll;
    }

    /* line 258, ../scss/_media-screens.scss */
    #project-banner {
        background-attachment: scroll;
    }

    /* line 262, ../scss/_media-screens.scss */
    #journal-banner {
        background-attachment: scroll;
    }

    /* line 266, ../scss/_media-screens.scss */
    #contact-banner {
        background-attachment: scroll;
    }

    /* line 270, ../scss/_media-screens.scss */
    #pnf-banner {
        background-attachment: scroll;
    }

    /* line 274, ../scss/_media-screens.scss */
    #testimonials-slider {
        background-attachment: scroll;
    }

    /* line 278, ../scss/_media-screens.scss */
    .navbar.fixed-top {
        position: relative;
    }

    /* line 282, ../scss/_media-screens.scss */
    .slick-prev {
        position: absolute;
    }

    /* line 286, ../scss/_media-screens.scss */
    .slick-next {
        position: absolute;
    }

    /* line 290, ../scss/_media-screens.scss */
    #page-content {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    /* line 295, ../scss/_media-screens.scss */
    .gallery-page #page-content {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    /* line 300, ../scss/_media-screens.scss */
    .gallery-full #page-content {
        padding: 0 !important;
    }

    /* line 304, ../scss/_media-screens.scss */
    .contact-me-page #page-content {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    /* line 309, ../scss/_media-screens.scss */
    #page-content.has-fixed-top {
        padding-top: 10px;
    }

    /* line 313, ../scss/_media-screens.scss */
    footer.fixed-bottom {
        position: relative;
    }

    /* line 317, ../scss/_media-screens.scss */
    .footer-contact-info {
        display: block;
        margin-top: 5px;
    }

    /* line 322, ../scss/_media-screens.scss */
    .footer-contact-info a {
        border-left: none;
    }

    /* line 326, ../scss/_media-screens.scss */
    .spinner {
        left: 46%;
    }
    .others {width:auto; padding:12px;}
    .agree *	{font-size:14px;}

}
@media only screen and (max-width: 600px) {
    .pop_hotline, .pop_hotline > a, .pop_hotline img {width: 100%;}

    /* line 333, ../scss/_media-screens.scss */
    .top-menu .left {
        float: none;
        display: block;
        text-align: center;
    }

    /* line 339, ../scss/_media-screens.scss */
    .top-menu .right {
        float: none;
        display: block;
        text-align: center;
        margin-top: 10px;
    }

    /* line 346, ../scss/_media-screens.scss */
    #contactForm .form-control {
        margin-bottom: 20px;
        padding: 10px;
        min-height: 40px;
    }

    /* line 352, ../scss/_media-screens.scss */
    #contactForm textarea {
        padding: 15px 10px !important;
    }

    /* line 356, ../scss/_media-screens.scss */
    #contact-form-1 .btn-form-submit {
        padding: 9px;
    }

    /* line 360, ../scss/_media-screens.scss */
    #commentForm .form-control {
        margin-bottom: 20px;
        padding: 10px;
        min-height: 40px;
    }

    /* line 366, ../scss/_media-screens.scss */
    #commentForm textarea {
        padding: 15px 10px !important;
    }

    /* line 370, ../scss/_media-screens.scss */
    #comment-form .btn-form-submit {
        padding: 9px;
    }

    /* line 374, ../scss/_media-screens.scss */
    .help-block {
        margin-top: 20px;
    }

    /* line 378, ../scss/_media-screens.scss */
    .help-block.with-errors li {
        margin-top: -20px;
    }

    /* line 382, ../scss/_media-screens.scss */
    .page-header h2 {
        font-size: 24px;
    }

    /* line 386, ../scss/_media-screens.scss */
    h3 {
        font-size: 20px;
    }

    /* line 390, ../scss/_media-screens.scss */
    .about-image {
        height: 300px;
    }

    /* line 394, ../scss/_media-screens.scss */
    .service-image {
        height: 300px;
    }

    /* line 398, ../scss/_media-screens.scss */
    .media-object {
        max-width: 150px;
        max-height: 150px;
    }

    /* line 403, ../scss/_media-screens.scss */
    .contact-image {
        height: 300px;
    }

    /* line 407, ../scss/_media-screens.scss */
    .section-description {
        padding: 30px 25px;
    }

    /* line 411, ../scss/_media-screens.scss */
    #testimonials-slider .testimonial {
        padding: 50px 0;
    }

    /* line 415, ../scss/_media-screens.scss */
    .testimonial img {
        width: 75px;
        height: 75px;
        margin-bottom: 20px;
    }

    /* line 421, ../scss/_media-screens.scss */
    #testimonials-slider .testimonial h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    /* line 426, ../scss/_media-screens.scss */
    .spinner {
        left: 45%;
    }
}
@media only screen and (max-width: 480px) {
    /* line 433, ../scss/_media-screens.scss */
    header h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    /* line 438, ../scss/_media-screens.scss */
    .header-brand {
        font-size: 26px;
    }

    /* line 442, ../scss/_media-screens.scss */
    header h5 {
        font-size: 12px;
        margin-bottom: 5px;
    }

    /* line 447, ../scss/_media-screens.scss */
    header p {
        padding: 10px 0;
    }

    /* line 451, ../scss/_media-screens.scss */
    #portfolio .col-xs-6 {
        width: 100%;
    }

    /* line 455, ../scss/_media-screens.scss */
    #map {
        height: 220px;
    }

    /* line 459, ../scss/_media-screens.scss */
    .media-object {
        max-width: 100px;
        max-height: 100px;
    }

    /* line 464, ../scss/_media-screens.scss */
    .blog-sidebar {
        margin-top: 50px;
    }

    /* line 468, ../scss/_media-screens.scss */
    .project-sidebar {
        margin-top: 50px;
    }
}
/* Min Widths */
@media only screen and (min-width: 992px) {
    /* line 478, ../scss/_media-screens.scss */
    .split-menu {
        max-height: 60px;
    }
}
@media only screen and (min-width: 768px) {
    /* line 485, ../scss/_media-screens.scss */
    .navbar-nav {
        float: right;
    }

    /* line 489, ../scss/_media-screens.scss */
    .navbar-nav > li > a {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size:21px;
    }
}
/* End Min Widths */
/* / End Media Screens */
#headers { background-color:#fff !important; }
.headerGnb {
	background: url(../images/redblack50.jpg);background-size:cover;
	height: 56px;
}
.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}
.vcenter2 {
	display: flex;
    align-items: center;
}
.naviSub { margin:0; padding:0; display:inline-block; overflow: hidden; vertical-align: middle; }
.naviSub li {  margin:10px 0 0 0; margin-right:7px;  }
.naviSub li span { font-size:13px; color:#fff; line-height: 13px; vertical-align: top; letter-spacing:normal;}
.naviSub li:first-child img {max-width:32px; }
.naviSub li:nth-child(3) img {max-width:38px; }
@media only screen and (max-width: 1200px) { 
	#headerTxt li a {
		margin-left:15px !important; 
	} 	
	.navbar-nav li:nth-child(1) .gnbSub{ left:-28px !important; }
	.navbar-nav li:nth-child(2) .gnbSub{ left:8px !important; }
	.navbar-nav li:nth-child(3) .gnbSub{ left:-31px !important; }
	.navbar-nav li:nth-child(4) .gnbSub{ left:-37px !important; }
} 
@media only screen and (max-width: 991px) { 
	.navbar-nav li:nth-child(1) .gnbSub{ left:-46px !important; }
	.navbar-nav li:nth-child(2) .gnbSub{ left:-21px !important; }
	.navbar-nav li:nth-child(3) .gnbSub{ left:-41px !important; }
	.navbar-nav li:nth-child(4) .gnbSub{ left:-54px !important; } 
	.gnbSub li a { font-size: 15px !important; line-height: 35px !important;} 
}

.floatingArea {position:fixed; right:20px; bottom:0; z-index:20; height:101px; /*height:168px;*/ padding-bottom:30px; text-align:right;}
.floatingArea.noFix {position:absolute;}
.floatingArea .btnTop {display:inline-block; height:71px; margin:0;}
.floatingArea .back-to-top {display: none;}
.floatingArea .back-to-top img {margin:0;}
.floatingArea .floatingBtn {margin:15px 0 0;}
.floatingArea .floatingBtn a {overflow:hidden; display:inline-block; width:144px; height:48px; border-radius:24px; text-align:center; line-height:48px; font-size:16px; font-weight:500; color:#fff; background:#111; transition:all .2s;}
.floatingArea .floatingBtn a:before {content:""; display:inline-block; width:22px; height:28px; margin:-4px 8px 0 0; vertical-align:middle; background:url(/images/common/ico_receipt.svg) no-repeat;}
.floatingArea .floatingBtn.fold a {width:48px;}
.floatingArea .floatingBtn.fold a:before {margin-right:0;}
.floatingArea .floatingBtn.fold span {display:none;}

.dColor { color:#a66cff; }	

.naviSubMobile {  display: flex; margin: 0 auto; width:100%;}  
.naviSubMobile span:nth-child(1) { flex:1 ;margin:0 auto; text-align: center; } 
.naviSubMobile span:nth-child(1) img { width:22px; margin-top:5px;} 
.naviSubMobile span:nth-child(2) { flex:3 ; min-width:245px; text-align: center;margin:0;}
.naviSubMobile span:nth-child(3) { flex:1 ;margin:0 auto; } 
.naviSubMobile span:nth-child(3) img { width:26px; margin-top:5px;}  
.naviSubMobile span { font-size: 13px; color:#fff; display:inline-block; }

.headerimage img {margin:0; padding:0;width:100%; }

.caption {
	position: absolute;
	top: 0px;
	width: 100%; 
	height:100%; 
}
.caption p { 
    vertical-align:middle;    
	margin:0;
	position:absolute;
	top:50%;
	margin-top:-25px;
	width:100%;
	text-align:center;
}
@media (max-width:425px){
    .caption p {
        font-size:2em !important;
    }
}
	
 .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 20px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.BBsTitle01 {margin-bottom:30px;}
.bbsTitle { font-size:34px; font-weight: 600; }
.bbsSubTitle { font-size:15px; margin-left: 15px; color: #737373; }
.pageNo { position:relative; float:right; left:-50%;}
.pageNo li { 
	line-height: 31px; 
	width:34px; 
	height:34px; 
	position: relative; 
	float:left; 
	left: 50%; 
	border:1px solid #dadada; color:#dadada; margin:2px; text-align: center; vertical-align: middle;
}
.pageNo li a { color:#dadada; }
.pageNo li.on { border:1px solid #4c4c4c; }
.pageNo li.on a { color: #4c4c4c; }

@media (max-width:424px){
	.pageNo li { width:20px; height:20px; line-height: 17px; margin:2px;} 

}

#myNavbar { display: none; }
#myNavbar li {text-align:left !important; padding-left:20px; }
#myNavbar li a { font-size: 19px !important;}

.eventImg  {margin-top:0px !important;; width:100%; max-width:380px; max-height:253px;min-width:340px;min-height:253px;}
.eventDiv { max-width: 380px; max-height: 365px; margin-bottom:50px; }
.eventDiv>div { background-color: #fafafa; }
/*.eventDiv>div a { top:0px; border:1px solid red; overflow: hidden;width:340px; max-width:340px;  }*/
	
@media (min-width:768px){ 
	.eventDiv>div:hover:after
	{ 
		content: " "; top:0px; position:absolute; 
		width:100%; max-width:340px; height: 100%; border:3px solid #aa0500;  
	}
}

.navbar-nav li:nth-child(1) .gnbSub{ left:-13px; }
.navbar-nav li:nth-child(2) .gnbSub{ left:20px; }
.navbar-nav li:nth-child(3) .gnbSub{ left:-13px; }
.navbar-nav li:nth-child(4) .gnbSub{ left:-25px; }
.gnbSub {  
	display: none;
	position:absolute;
	top:55px;
	background-color:#fff;
	z-index: 999;
	border-radius: 5px; 
	min-width:212px !important;
	border:1px solid #dedede;
}	 
.gnbSub li a { line-height: 50px; font-weight: bold; font-size: 18px; color: #333333; } 

.eventDiv h6 { max-width:350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right:16px; padding-left:18px; padding-top:25px; font-size: 22px; font-weight: bold; color:#333333; }
.eventDiv p { padding-left:18px; padding-top:22px; padding-bottom:28px;font-size: 15px; color:#808080; }

.bx-wrapper { border:0px; margin-bottom:0px;} 
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { bottom:10px !important;}
.bx-controls .bx-pager .bx-pager-item a { background-color:#FAFBFA; opacity: .8; width:8px; height:8px; margin: 0 4px;}
.bx-controls .bx-pager .bx-pager-item a.active {background-color:#FFAD01; }

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	width: 40px;
	height: 40px;
    z-index:30;
}
.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
	 background-position: 0 0;
}
.bgDining2 .bx-wrapper:nth-child(3) .bx-prev  {display:none;}
.bgDining2 .bx-wrapper:nth-child(3) .bx-next {display:none;} 

.bgDining2 .bx-wrapper:nth-child(3) .bx-prev  { position:absolute;  left:60px;}  
.bgDining2 .bx-wrapper:nth-child(3) .bx-next { position:absolute;  right:65px; } 
@media (max-width:768px) {
	.bgDining2 .bx-wrapper:nth-child(3) .bx-prev  {display:block;}
	.bgDining2 .bx-wrapper:nth-child(3) .bx-next {display:block;} 
}
@media (max-width:1220px) {
		.bgDining2 .bx-wrapper:nth-child(2) .bx-prev  {display:none;}
		.bgDining2 .bx-wrapper:nth-child(2) .bx-next {display:none;} 
}
@media (max-width:1200px) {
	.visual_img .visualDiv .title { font-size:40px !important; }
	.visual_img .visualDiv .subTitle { font-size:15px !important; }
}
@media (max-width:768px){  
	.visual_img .visualDiv .title { font-size:30px !important; } 
	.visual_img .visualDiv .subTitle { font-size:15px !important; margin:10px 0 0 0 !important; word-break: keep-all; padding:0 50px 0 50px;} 
}
@media (max-width:768px){  
	.visual_img .visualDiv .title { font-size:20px !important; }
	.visual_img .visualDiv .subTitle { font-size:10px !important; }
}	

.bx-wrapper .bx-next {   
	right:5%; 
	background: url(../images/control_right.png)   no-repeat;
}
.bx-wrapper .bx-prev  {
	left:5%; 
	background: url(../images/control_left.png)   no-repeat;
} 

.visual .bx-wrapper:nth-child(2) .bx-next { position:absolute; right:0px; display:none; }
.visual .bx-wrapper:nth-child(2) .bx-prev { position:absolute; left:15px; display:none;  }

@media (max-width:768px) {
	.visual .bx-wrapper:nth-child(1) {display:none;} 
	.visual .bx-wrapper:nth-child(2) .bx-next {  display:block; }
	.visual .bx-wrapper:nth-child(2) .bx-prev { display:block;  }
}
.visual { padding:0; margin:0; }
.visual_img .visualDiv { 
	margin-top:-34px;
	position: absolute;
	top: 45%;
	left: 0;
	width: 100%;
	text-align: center;
	letter-spacing: 0em; 
}
.visual_img .visualDiv .title{
	color:white; font-size:46px; font-weight:800;letter-spacing: 0em;  margin:0 ;
	line-height: 40px;
} 
.visual_img .visualDiv .subTitle{
	color:white;font-size:18px;  letter-spacing: 0em; margin:30px 0 0 0 ;
	line-height: 20px;
}


.visual_img2 .visualDiv { 
	margin-top:-3%;
	position: absolute;
	top: 28%;
	left: 0;
	width: 100%;
	text-align: center;
	letter-spacing: 0em; 
	padding:0 40px 0 40px;
}
.visual_img2 .visualDiv .title{
	word-break:keep-all;
	color:white; font-size:34px; font-weight:800;letter-spacing: 0em;  margin:0 ;
	line-height: 40px;
} 
.visual_img2 .visualDiv .subTitle{
	word-break:keep-all;
	color:white;font-size:20px; 
/*	font-weight:800; */
	letter-spacing: 0em; margin:30px 0 0 0 ;
	line-height: 30px;
}

@media (max-width:375px) {
	.visual_img2 .visualDiv { 
		margin-top:-15%;
	}
	.visual_img2 .visualDiv .title{
		font-size:24px;  
	} 
	.visual_img2 .visualDiv .subTitle{
		font-size:16px;
	}
}
.visual_OurShop2 li img{width:100%;}
.contentTitle {
	font-weight:800; font-size:34px; 
	color:#282828;
	margin:50px 0 30px 0;
}
.adiFt >.bx-wrapper .bx-next {
	margin-right:-100px;
	background: url(../images/cont_right.png)   no-repeat;
}
.adiFt >.bx-wrapper .bx-prev {
	margin-left:-100px;
	background: url(../images/cont_left.png)   no-repeat;
}
.bgDining1 { background-image:url('../images/DiningWithUs_bg.jpg') !important; 	
	 padding-bottom:75px;
}
.bgDining2 { background-image:url('../images/DiningWithUs_bg.jpg') !important; 	 
}
.visual_OurShop { overflow:hidden;; background-image:url('../images/DiningWithUs_bg.jpg') !important; }
.visual_OurShop li { }

.bgDining2 >.bx-wrapper .bx-next {
	margin-right:-120px;
	background: url(../images/cont_right.png)   no-repeat;
}
.bgDining2 >.bx-wrapper .bx-prev {
	margin-left:-100px;
	background: url(../images/cont_left.png)   no-repeat;
}

@media (max-width:768px){  
	.contentTitle { font-size:30px !important; 
	margin:20px 0 20px 0;}
	.bgDining1 {	
		 padding-bottom:50px;
	}
}	

.visualSub { padding:0; margin:0; }
.visualDivSub { 
	top:50%; 
	left:50%;
    transform: translate(-50%, -50%);
	position: absolute;  
	width: 100%;
	text-align: center;
	letter-spacing: 0em; 
	margin:0 auto;
}
.visualDivSub .title{
	color:white; font-size:46px; font-weight:800;letter-spacing: 0em;  margin:0 ; 
}  
@media (max-width:1200px) {
	.visualDivSub .title { font-size:30px !important; } 
}
@media (max-width:768px){   
	.visualDivSub .title { font-size:34px !important; }  
}  



.subPageTitle {margin:0px 0 30px 0 ;}
.subPageTitle .Title { font-size:34px; font-weight: 600;margin-right: 15px;  }
.subPageTitle .SubTitle { display: inline-block; font-size:15px; color: #737373; }
.searchBar { background-color: #f7f7f7; margin:50px 0 0 0 ; height: 70px;}  
#map { width:100%; height:500px; }

/*sub02_01.html		*/
.menuTab { background-color: #fff; padding: 0; margin-bottom: 0px;  border-left: 1px solid #dcdcdc;margin-top: 40px; overflow: hidden;border-top: 1px solid #dcdcdc;  border-bottom: 1px solid #dcdcdc;} 
.menuTab li { float:left; width:50%; height:54px; border-right: 1px solid #dcdcdc; } 
.menuTab li.on { background-color: #4A2682; border:1px solid #4A2682; border-bottom:3px solid #4A2682;   } 
.menuTab li.on a { color:#fff;  } 
.menuTab li a { text-align: center; width: 100%; display: inline-block; font-size: 18px;   line-height: 54px; color:#616161; font-weight: 500; letter-spacing: 0em; word-break: keep-all; }	 
.menuBg { 
	width:100%; height: auto; 		
	background:url(../images/bgAkDf.png) repeat; left:0px;   
}  			
.menuList{ 
	margin:0; 
	font-size: 16px; 
	letter-spacing: 0em;  
	border-bottom:1px solid #dedede;    
	overflow: hidden; 
	line-height: 100px;
} 
.menuList div {
	color:#939393;
} 
.menuList .title { 
	font-size: 18px; 
	color:#4c4c4c;
	font-weight:bold;
/*	min-width: 270px;   */
}   

.telSpan {  
	width:100%;
	display: inline-block;
	line-height:50px; border:1px solid #D9D9DA;  
	border-radius: 20px 20px;
}
.telSpan img { 
	display: inline-block;
	margin: 0 10px 3px 0;
}
.shopList .moreBtn img{ 
	display: inline-block; 
	margin-top:1px;
}
.menuList .moreBtn {  
	width:152px;
	height:44px;
	line-height: 44px;
	display: inline-block; 
	background:url(../images/sIcon.png) no-repeat 23px center;
	background-color: #4A2682; 
	border-radius: 50px 50px; 
}
.menuList .moreBtn a { 
	color:#fff;
	font-weight: 400;
} 
@media (max-width: 500px) {
 
	.menuList .title {   
     	width: 100%;
		text-align: center;
	}  
	.menuList .menuBtn {    
     	width: 100%; 
		text-align: center;
	}    
	.menuList .moreBtn {    
     	width: 100%;  
		margin-bottom: 30px;
	}  
	.menuList{ 
		line-height: 50px;
	}

    .forMobile {display:initial;}
    .forPc {display:none;}
    .floatingArea {height:65px; /*height:125px;*/ right:10px; padding-bottom:15px;}
    .floatingArea .btnTop {height:50px;}
    .floatingArea .btnTop img {width:50px;}
    .floatingArea .floatingBtn {margin-top:5px;}
}
@media (max-width: 900px) {
  
 
	.menuList div {   
/*     	min-width: 200px;*/
		font-size: 15px !important; 
	}  
	.menuList .moreBtn a {   
		font-size: 13px !important; 
	}  
}
/*sub02_01.html		*/


/*sub02_02.html		*/
.menu02List {position:relative; margin:-32px 15px 30px; border-top:2px solid #4B2782;}
.menu02 {display:flex; width:100%; min-height:264px;}
.menu02 .menu02Image{float:none; padding:0;}
.menu02 .menu02Image img { margin:0;}
.menu02 .menu02Txt {float:none;
    display:flex;
	word-break: keep-all;
    flex-direction: column;
    justify-content: center;
}
.menu02 .menu02Txt .title {  
	font-size: 26px;
	color: #503180;
	font-weight: bold;
}
.menu02 .menu02Txt .subtxt {  
	font-size: 18px;
	color: #4c4c4c; 
	font-weight: 400;
	margin:30px 0 30px 0;
}
.menu02 .menu02Txt .shop {  
	display: inline-block;
	background-color: #8571a2;
	color:#fff;
	border-radius: 50px 50px;
	line-height: 22px;
	padding: 0 15px 0 15px; 
	font-size: 14px;
}
.menu02 .menu02Txt .shopList {  
	color:#666666; 
	font-size: 16px;							
}
.signatureMenu .text {margin-left:33.3%; padding-left:15px; font-size: 18px; color: #4c4c4c; font-weight: 400}
@media (max-width: 991px) {
    .menu02 {flex-direction: column;}
	.menu02 .menu02Txt {
		padding: 20px 0 0 0;
	}
	.menu02 .menu02Txt .title {  
		font-size: 20px; 
	}
	.menu02 .menu02Image { 
		position: relative;  
		overflow: hidden;
		text-align: center;

	}
	.menu02 .menu02Image img {    
		width:100%;
	}
	.subPageTitle { margin-top:0px; }
    .signatureMenu .text {margin-left:0;}
}
/*sub02_02.html		*/

/*sub03_01.html		*/
.sub03Th {width:100%; background-color: #f7f7f7; padding:75px 0 0 0; }
.sub03Th .sub03ThCon { max-width: 385px; padding: 0 0 50px 0;}
.sub03Th .sub03ThCon img { max-width: 332px;}
.sub03Th .sub03ThCon .title {		
	font-size: 26px;
	color: #503180;
	font-weight: 900;
	margin-top: 31px;
	margin-bottom: 24px;
	word-break: keep-all;
/*	letter-spacing: -0.1em;*/
}
.sub03Th .sub03ThCon .sub {
	font-size: 16px;
	color: #4c4c4c;
	font-weight: 400;	
	word-break: keep-all;	
}
@media (max-width: 991px) {
	.sub03Th .sub03ThCon { max-width:none;}
	.sub03Th .sub03ThCon {   
		position: relative;
	}
	.sub03Th .sub03ThCon img {  
	   margin-left: auto !important;
	   margin-right: auto !important;
		max-width:none;
		width:100%;
	}
	.sub03Th .sub03ThCon .title, .sub03Th .sub03ThCon .sub {   
		margin-left:0px !important;
		margin-right:0px !important;
	}
}

.sub03Top {
	border: 5px solid #dddddd;
	width:100%;
	margin:50px 0 0px 0;

}
.sub03Top .sub03TopImg { 
	display: inline-block; 
	height: 100%; 
	word-break: keep-all;   
	margin: 50px 20px 0 -20px;

}
.sub03Top .sub03TopImg img {  
	position: relative;
	display: inline-block; 
	margin-top:0px;
	margin-bottom:0px; 
}
.sub03Top .sub03TopTxt { 
	display: inline-block; 
	word-break: keep-all;
	margin:40px 0 40px 0;
}
.sub03Top .sub03TopLine p { 
	display: inline-block; 
	word-break: keep-all;
	margin:40px 0 40px 0;
	height:200px;
	width:2px;
	border:1px solid #dddddd; 
}		 
.sub03Top .sub03TopTxt p.tTxt {	
	font-size: 24px;
	color: #333333;
	font-weight: 400;
}
.sub03Top .sub03TopTxt p.xTxt {		
	font-size: 30px;
	color: #503180;
	font-weight: bold;	
}
.sub03Top .sub03TopTxt p.bTxt {		
	font-size: 17px;
	color: #4c4c4c;
	font-weight: bold;		
}

@media (max-width: 425px) {
	.sub03Top .sub03TopImg {  
		width: 100%; 
		text-align: center;
	}
}
@media (max-width: 364px) {
	.sub03Top .sub03TopImg img {  
		width: 214px; 
	}
}
@media (max-width: 892px) {
	.sub03Top .sub03TopImg {  
		width: 100%; 
		text-align: center;
		margin: 0px 0px 0 0px;
	}
	.sub03Top .sub03TopTxt {   
		margin: -17px 0px 25px 0px; 
	}
	.sub03Top .sub03TopTxt p.tTxt{    
		font-size: 20px !important;
	}
	.sub03Top .sub03TopTxt p.xTxt{    
		font-size: 26px !important;
	}
	.sub03Top .sub03TopTxt p.bTxt{    
		font-size: 15px !important;
	}
}
@media (max-width: 1024px) {
	.sub03Top .sub03TopLine p { 
		display: none;
	}
}
.sub03Btm { 
	background-color:#f7f7f7; min-height:264px; 
	padding: 0;
}
.sub03Btm .sub03BtmImage { 
	position: absolute; 
	height:100%;
	left:0px;
	margin:0px !important; padding: 0px !important;
}
.sub03Btm .sub03BtmImage2{ 
	position: absolute; 
	height:100%;
	right:0px;
	margin:0px !important; padding: 0px !important;
}
.sub03Btm .sub03BtmImage img { display: inline-block; }
.sub03Btm .sub03BtmImage2 img { display: inline-block; }

.sub03Btm .sub03BtmTxt {  
	padding: 32px 0;
	word-break: keep-all;
    padding-left: 15px;
    padding-right: 15px;
}
.sub03Btm .sub03BtmTxt .title {  
	font-size: 24px;
	color: #503180;
	font-weight: bold;
}
.sub03Btm .sub03BtmTxt .subtxt {  
	position: relative;
	font-size: 16px;
	color: #4c4c4c; 
	font-weight: 400;
	margin:30px 0 8px 20px; 
}
.sub03Btm .sub03BtmTxt .subtxt:before {   
	content:'ㆍ';
	color:#a66cff;
	position:absolute;
	left: -23px;		
}
@media (max-width: 1140px) { 
	.sub03Btm .sub03BtmImage, .sub03Btm .sub03BtmImage2 {    
		position: relative;
	}
	.sub03Btm .sub03BtmTxt {    
		margin-left:0px;
	}
	.sub03Btm .sub03BtmImage img, .sub03Btm .sub03BtmImage2 img {    
	   margin-left: auto !important;
	   margin-right: auto !important;				
		width:100%;
	}
	.subPageTitle { margin-top:0px; }
}
/*sub03_01.html		*/

/*sub01_01.html*/
.shopTabSelect {width:100%; height: 60px !important; font-size: 18px; border:2px solid #b3b3b3;}

.shopTab {padding:0px ;margin-bottom: 0px;  border-left: 1px solid #dcdcdc;margin-top: 0px; overflow: hidden;border-top: 1px solid #dcdcdc;  border-bottom: 1px solid #dcdcdc;} 
/*.shopTab li { float:left; width:14.66%; height:54px; border-right: 1px solid #dcdcdc; }*/ 
.shopTab li { float:left; width:16.6676%; height:54px; border-right: 1px solid #dcdcdc; } 
/*.shopTab li:last-child { width:12%; }*/ 
.shopTab li.on { border:1px solid #4A2682; border-bottom:3px solid #4A2682;   } 
.shopTab li.on a { color:#4A2682; font-weight: bold; } 
.shopTab li a { text-align: center; width: 100%; display: inline-block; font-size: 16px;   line-height: 54px; color:#616161; font-weight: 500; letter-spacing: 0em; word-break: keep-all; }	 

.sub01Div .shopList{ 
	margin:0; 
	font-size: 16px; 
	letter-spacing: 0em;  
	border-bottom:1px solid #dedede;    
	overflow: hidden;
	line-height: 100px;  
} 
.sub01Div .shopList div {
	color:#939393;
} 
.sub01Div .shopList .title { 
	font-size: 18px; 
	color:#4d4d4d;
	min-width: 275px;  
	position: relative; 
	padding-left: 0px;
	padding-right: 0px; 
	font-weight:bold;
}   

.sub01Div .shopList .addr {     
	word-break: keep-all; 
	padding-left: 0px;
	padding-right: 0px;
}   
.sub01Div .shopList .addr span {  
	font-size:16px;
	color:#666666;
	line-height: 22px;   
	vertical-align: middle;
	display: inline-block;
	height:auto;
	width:auto;
	letter-spacing:-0.1em;
}   

.telSpan { 
/*					background: url(images/tel_icon.png) no-repeat 20px center;*/
	font-size:16px;
	color:#666666;
	width:228px;
	display: inline-block;
	line-height:50px; border:1px solid #D9D9DA;  
	border-radius: 20px 20px;
	margin-right:48px;

}
.telSpan img { 
	display: inline-block;
	margin: 0 10px 3px 0;
}
.sub01Div .shopList .moreBtn img{ 
	display: inline-block; 
	margin-top:-6px;
}
.sub01Div .shopList .moreBtn { 
	display: inline-block; 
}
	.PhNo { padding:0px; max-width:340px;  margin-left:14px;}
@media (max-width:1276px) {
	.sub01Div .shopList { line-height: 50px; padding-bottom: 20px;}
	.addr { width: 70%; margin-bottom:20px;}
	.PhNo { width: 100%; }
}
@media (max-width:1036px) {
	.sub01Div .shopList { margin: 0; padding: 0; }
	.addr { width: 100%; }
	.telSpan { width:200px;  }
	.PhNo { margin-bottom:20px; }
}
@media (max-width:409px) {
	.telSpan { margin: 0; }
	.moreBtn { float: right;}
	.PhNo { margin-left:0px;}
}
@media (max-width:1106px) {
	.shopTab li a { font-size: 13px; }
}
.sub01Map h2, .sub01Map .infoW { font-weight:bold; font-size: 26px; color: #ffd36a !important; word-break: keep-all; margin-bottom:25px;}
.sub01Map .sub01MapBht {padding:50px 30px 50px 40px; }
.sub01LinkShop a { 
	position:relative;
	word-break:keep-all;
	font-size:20px; 
	font-weight:bold;
	color:#666666;
	margin-left:10px;
	margin-right:10px;
}
.sub01LinkShop a:not(:last-child):after {
	content:'';
	position:absolute;
	height:15px;
	border:1px solid #dedede;
	margin:7px 0px 0px 12px;
	padding:0; 
}
.sub01LinkShop a.on {  
	font-weight:bold;
	color:#4d4d4d;
}
.infoTitle {
	display: table-cell;
	min-width: 85px; 
	font-size: 16px;
	color:#f2f2f2;
}
/*.infoTitle:before {*/
/*	content:'·';*/
/*	position:absolute;*/
/*	color:#fff;*/
/*	left:-20px;*/
/**/
/**/
/*}*/
.infoCont {
	font-size: 16px;
	display: table-cell;
	padding-left: 10px;
	padding-bottom: 5px;
	color: #f2f2f2 !important;
	font-weight:400;
}
.infoAddr {
	vertical-align: top;
	position: relative;
	display: table;
	color: white;
	font-size: 20px;
	margin-bottom:10px;
}
.infoW {
	display: inline-block;
/*	margin-left:20px;*/
/*	margin:20px 50px 50px 50px;*/
	position: relative;
}

.gMapArea {
    position: absolute;
    height: 100%;
}
@media only screen and (max-width: 991px){
	.gMapArea {
		position: relative;
		height: 450px;
	}
	.subPageTitle .Title {
		font-size: 25px;	
	}
	.subPageTitle .SubTitle {
		font-size: 14px; 
		letter-spacing: -0.1em;
	}
	.qweasd{
		margin-top:30px !important;
	}
}
@media (max-width: 425px) {
	.sub01MapBht h2 { font-size: 20px; }
	.infoW div { font-size: 18px; }
	.infoW .infoTitle { min-width:inherit; display: inline-block;    padding-left: 0px;
  }
	.infoW .infoCont { display: inline-block;  width:100%;   padding-left: 0px;
	padding-bottom: 20px; }
}
#mapMenu {  
	width:100%; height:92%; margin-top:15px; margin-bottom:30px;
}
.sub01Map { background-color:#565658;  }
.sub01Map .sub01MapCon {
/*	width:100%;*/
/*
	border:1px solid red;
	height;100%;
	margin:0px !important; padding: 0px !important;
*/
}
.sub01Map .sub03BtmTxt p{
	color:#fff;}
.sub01Map .sub03BtmTxt {
	color:#fff;
/*
	border:1px solid red;
	height;100%;
	margin:0px !important; padding: 0px !important;
*/
}

.sub01Map .sub03BtmTxt {
	padding: 32px 0;
	word-break: keep-all;
}
.sub01Map .sub03BtmTxt .title {
	font-size: 26px;
	color: #503180;
	font-weight: bold;
}
.sub01Map .sub03BtmTxt .subtxt {
	font-size: 17px;
	color: #4c4c4c;
	font-weight: 400;
	margin:30px 0 30px 20px;
}
.menuDown { padding:50px 0 50px 0; }
.menuDown .topTxt { font-weight: bold; font-size: 34px; color:#333333; }
.menuDown .botTxt a { font-weight: bold; font-size: 20px; color:#333333;  }
#grid li {
	margin-bottom:6px;
	padding-left: 6px !important;
	padding-right: 0px !important;
}
.detileTop {
	width:100%;
/*	margin:50px 0 50px 0;*/


}
.detileTop .detileTopImg {
/*	display: inline-block;   */
	margin:0px;
	padding:0px;

}
.detileTop .detileTopImg img {
	margin:0px;
	padding:0px;
	border:1px solid red;
}
.detileTop .detileTopTxt p {
	font-size: 16px;
	color: #525252;
	word-break: keep-all;
}
.detileTop .detileTopTxt p.detileTopTxt01 {
	font-size: 24px;
	color: #333333; 
	font-weight:400;
}
.detileTop .detileTopTxt p.detileTopTxt02 {
	font-size: 18px;
	color: #525252; 
	font-weight:300;
}
@media only screen and (max-width: 991px){
	.detileTopImg {
		height: 183px !important;
	}
	.detileTopTxt {
		padding: 28px 30px;
	}
}
/*sub01_01.html*/

@media (max-width:767px) {
    #headers {height:48px;}
    #headers .navbar-default {position:fixed; left:0; right:0; top:0; z-index:80; height:48px;}
    #headers .row {position:fixed; left:0; right:0; top:48px; background:#fff;}
    .navbar-brand {padding-top:10px;}
    .navbar-brand > img {width:151px;}
    .navbar-nav {margin:0;}
    #myNavbar {border-top:1px solid #f2f2f2;}
    #myNavbar .nav>li {height:48px; line-height:48px; font-size:14px !important; color:#666;}
    #myNavbar .nav>li>a {display:inline; padding:0; font-size:14px !important; color:#666;}
    #myNavbar .nav>li.typeB {color:#666; font-family:notor; background:#f9f9f9;}
    #myNavbar .nav>li.typeB>a {color:#666; font-family:notor;}
    .navbar-toggle {display:block; position:absolute; right:20px; top:16px; z-index:10; width:20px; height:16px; border:0; padding:0; margin:0;}
    .navbar-toggle >span {overflow:hidden; display:block; height:0; padding-top:15px;}
    .navbar-toggle >span:before, .navbar-toggle >span:after, .navbar-toggle >span span:before {content:""; position:absolute; left:50%; top:0; width:20px; height:2px; margin-left:-10px; background:#222; transition:all 0.15s ease-in-out;}
    .navbar-toggle >span:after {top:7px;}
    .navbar-toggle >span span:before {top:14px;}
    .navbar-toggle.on >span:before, #header.on .cate >span:before {top:7px; width:26px; margin-left:-13px; transform:rotate(45deg);}
    .navbar-toggle.on >span:after, #header.on .cate >span:after {top:7px; width:26px; margin-left:-13px; transform:rotate(-45deg);}
    .navbar-toggle.on >span span:before, #header.on .cate >span span:before {width:0; margin-left:0;}
}

#loadingArea {position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:.6;}
#loadingArea img {position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-100px;}
#loadingArea.fullLoad {position:fixed;}