/*
-----------------------------------------
RESET
----------------------------------------- 
*/

html, body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, table, ul, li {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0
}
fieldset, img {
    border:0
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style:normal;
    font-weight:normal
}
caption, th {
    text-align:left
}
h1, h2, h3, h4, h5, h6 {
    font-size:100%;
}
q:before, q:after {
    content:''
}
strong {
    font-weight:bold;
}
em {
    font-style:italic;
}

strong em{
    font-weight:bold;
    font-style:italic;
}
a img {
    border:none
}
img {
    vertical-align:middle;
}
/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/ 
html, body {
    height:100%;
}
body, td {
    padding:0;
    margin:0;
    color:#535353;
    font:1em/1.5em "Roboto", Arial, Helvetica, sans-serif;
}
body {
    margin:0 auto;
}
form, p, h1, h2, h3, h4, h5 {
    margin:0;
    padding:0;
}
img a, a img {
    border:none;
    text-decoration:none;
}
.clear {
    clear: both;
    height:0px;
    line-height:0px;
}
.left {
    float:left;
}
.right {
    float:right;
    text-align:right;
}
.container {
    margin:30px auto;
    width:80%;
}
.container p {
    margin-bottom:15px;
}
/*
-----------------------------------------
TITLE
----------------------------------------- 
*/
.title {
    padding:20px 2%;
}
h1 {}
h2 {
    text-align:center;
    color:#000;
    background:url(../images/limit.png) repeat-x left center;
    font-size:125%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    font-weight:700;
    margin:3px auto 33px auto;
    letter-spacing: 0.1em;
}
h2 span {
    background:#fff;
    padding:5px 25px;
}
h3 {
    text-align:left;
    color:#000;
    /*font-size:120%;*/
    font-size:110%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight:700;
    margin-bottom:5px;
    /*margin-bottom:16px;*/
    text-transform: uppercase;
    /*height: 45px;*/
}
h3 a, h3 a:visited {
    color:#000;
}
h3 a:hover {
    color:#f26d7d;
}
h4 {
    text-align:left;
    color:#f26d7d;
    font-size:120%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight:700;
    margin-bottom:15px;
}
h5 {
    text-align:left;
    color:#f26d7d;
    font-size:120%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight:700;
    margin-bottom:15px;
}
h5 a, h5 a:visited {
    /*color:#f26d7d !important;*/
    color:#000000 !important;
    font-size:100% !important;
}
h6 {
    font-size:80%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    margin-bottom:15px;
    font-weight:400;
}
.note {
    border-left:2px solid #f26d7d;
    font-size:80%;
    font-style:italic;
    padding-left:5px;
    margin-bottom:15px;
}
.note2 {
    font-size:80%;
    font-style:italic;
    margin-bottom:15px;
}
a, a:visited {
    color :#535353;
    text-decoration:none;
}
/*blockquote {
    float:left;
    font-weight:bold;
    font-size:300%;
    margin-right:5px;
    margin-bottom:5px;
    margin-top:0;
}*/
blockquote.instagram-media {
    text-align: center !important;
    margin: 0 auto !important;
    align-items: z;
    /* margin-left: auto !important; */
    /* margin-right: auto; */
    float: none;
}
.limit {
    background:#ccc;
    height:2px;
    margin:30px auto;
    /*margin: 0px auto 45px;*/
    width:100%;
    clear:both;
}
.limit2 {
    background:#f3f3f3;
    height:2px;
    margin:30px auto;
    width:100%;
    clear:both;
}
.limit-comment {
    background: #ccc;
    height: 1px;
    margin: 30px auto;
    /* margin: 0px auto 45px; */
    width: 100%;
    clear: both;
}
.limit-comment-reply {
    background: #ccc;
    height: 1px;
    margin: 30px auto;
    /* margin: 0px auto 45px; */
    width: 85%;
    clear: both;
    float: right;
}
ul {
    padding:0 0 0 15px;
    margin:0 0 20px 0;
}
ul li {
    padding:0 0 0 5px;
    margin:0 0 5px 0;
}
/*
-----------------------------------------
FIXED AREA
----------------------------------------- 
*/
#toparea {
    /*position:fixed;*/
    background:#fff;
    width:100%;
    margin:0 auto;
    z-index:9999;
}
#bottomarea {
    /*padding-top:170px;*/
}
/*
-----------------------------------------
HEADER
----------------------------------------- 
*/
#header {
    padding:20px 5%;
}
#logo {
    display:inline-table;
    width:40%;
    text-align:center;
    vertical-align:top;
}
#logo img {
    width:100%;
    max-width:228px;
}
#smo {
    display:inline-table;
    width:29%;
    vertical-align:top;
}
#smo div {
    display:inline-block;
    margin:0 5px;
}
#smo-yt {
    background:url(../images/smo-yt.png) no-repeat top center;
    width:16px;
    height:16px;
}
#smo-ig {
    background:url(../images/smo-ig.png) no-repeat top center;
    width:16px;
    height:16px;
}
#smo-tw {
    background:url(../images/smo-tw.png) no-repeat top center;
    width:16px;
    height:16px;
}
#smo-fb {
    background:url(../images/smo-fb.png) no-repeat top center;
    width:16px;
    height:16px;
}
#smo-g {
    background:url(../images/smo-g.png) no-repeat top center;
    width:16px;
    height:16px;
}
#smo-yt:hover, #smo-ig:hover, #smo-tw:hover, #smo-fb:hover, #smo-g:hover {
    background-position:bottom center;
}

/* social footer */
#smo-footer {
    display:inline-table;
    width:100%;
    vertical-align:top;
}
#smo-footer div {
    display:inline-block;
    /*margin:0 5px;*/
    margin:0 10px;
}
#smo-footer-yt {
    background:url(../images/yt-copy.png) no-repeat top center;
    width:22px;
    height:16.5px;
}
#smo-footer-ig {
    background:url(../images/ig-copy.png) no-repeat top center;
    width:22px;
    height:22px;
}
#smo-footer-tw {
    background:url(../images/tw-copy.png) no-repeat top center;
    width:22px;
    height:19px;
}
#smo-footer-fb {
    background:url(../images/fb-copy.png) no-repeat top center;
    width:22px;
    height:22px;
}
#smo-footer-g {
    background:url(../images/g-copy.png) no-repeat top center;
    width:22px;
    height:19px;
}
#smo-footer-yt:hover, #smo-footer-ig:hover, #smo-footer-tw:hover, #smo-footer-fb:hover, #smo-footer-g:hover {
    background-position:bottom center;
}

/*
-----------------------------------------
SEARCH
----------------------------------------- 
*/ 
.search-area {
    display:inline-table;
    width:30%;
    vertical-align:top;
}
#search {
    padding:3px 0;
    text-align:right;
    position: relative;
}
#search input[type=text], #search input[type=password], #search textarea {
    width:60%;
    min-height:24px;
    background:none;
    border:none;
    padding:2px 5px;
    border:1px solid #b9b9b9;
    color:#535353;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    margin-bottom:0;
    vertical-align:middle;
}
#search input[type=button], #search input[type=submit], #search input[type=reset], #search button {
    background:url(../images/icoSearch.png) no-repeat;
    font-size:0;
    height:24px;
    width:24px;
    margin-bottom:0;
    vertical-align:middle;
    border:none;
    margin-left: 15px;
}
#search button.m {
    background:url(../images/icoSearch-m.png) no-repeat;
    font-size:0;
    height:24px;
    width:24px;
    margin-bottom:0;
    vertical-align:middle;
    border:none;
    margin-left: 15px;
}
#topmenu {
    font-size:85%;
    text-align:right;
    font-style:italic;
    margin-right:35px;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}
#topmenu a, #topmenu a:visited {
    color:#000;
}
#topmenu a:hover {
    color:#f26d7d;
}
/*
-----------------------------------------
ADS
----------------------------------------- 
*/
.ads {
    /*margin:20px 10%;*/
    margin:20px 9.5%;
    text-align:center;
}
.ads img {
    width:93%;
}
/*
-----------------------------------------
SLIDESHOW
----------------------------------------- 
*/
#slideshow {
    width:100%;
    margin:20px 0;
    position:relative;
}
.caption {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    color:#fff;
    padding:20px 5%;
    background:rgba(242, 109, 125, 0.3);
}
.caption h1 {
    color:#fff;
    font-size:250%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:10px;
}
.caption h3 {
    color:#f26d7d;
    font-size:150%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    font-weight:400;
}
.caption p {
    color:#fff;
    font-size:90%;
}
/*
-----------------------------------------
CONTENT
----------------------------------------- 
*/ 
#content {
    min-height:250px;
    padding:30px 5%;
}
p {
    margin-bottom:15px;
}
/*
-----------------------------------------
ARTICLE
----------------------------------------- 
*/
#highlight h2, #estore h2 {
    width:93%;
}
#video h2 {
    /*width: 75.5%;*/
    width: 82.5%;
}
#highlight .limit, #estore .limit {
    /*border-bottom:1px solid #d6d6d6;*/
    width:93%;
}
#internal h3 {
    /*min-height:2.5em;*/
}
.article-area {
    text-align:center;
    margin:20px 0;
}
.article-item {
    width:30%;
    display:inline-table;
    text-align:left;
    padding:0 1%;
    margin-bottom:15px;
}
.article-item-container {
    padding:10px;
    font-size:90%;
}
.article-pic img {
    width:100%;
}
.article-pic {
    position:relative;
    margin-bottom:10px;
}
.cat {
    position:absolute;
    bottom:0;
    left:0;
    text-align:left;
    color:#fff;
    background:#f26d7d;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    font-weight:400;
    margin-bottom:0;
    cursor:pointer;
}
.cat h4 {
    color:#fff;
    /*padding:5px;*/
    padding:2px;
    margin:0;
    font-weight:400;
    font-size:95%;
}
.cat a, .cat a:visited {
    color:#fff;
}

.link {    
    position: relative;
    display: inline-block;
}
.link-more, .link-more:visited {
    color:#f26d7d;
    text-decoration:none;
    font-size:110%;
    font-weight:600;
}
.link-more:hover {
    color: #000;
}
.link-more:after {
    content: "";
    width: 15px;
    height: 10px;
    background:url(../images/btMore.png) no-repeat 7px 0;   
    /*position: absolute;*/
    position: relative;
    display: inline-block;
    /*top:9px;*/
    top: 1px;
    margin-left: -3px;
}
.link-more:hover:after {
    background:url(../images/btMore.png) no-repeat 7px -10px;   
}
.related-link {
    border-top:1px solid #d6d6d6;
    margin-top:20px;
    padding-top:20px;
    font-family: 'Montserrat', sans-serif;
}
.related-link a, .related-link a:visited {
    color:#000;
    text-decoration:none;
    font-weight:600;
    font-size:100%;
    text-transform:uppercase;
}
.related-link a:hover {
    color: #f26d7d !important;
}
.btMore {
    width:120px;
    margin:30px auto 0 auto;
    padding:4px;
    /*padding:10px;*/
    color:#fff;
    font-size:90%;
    font-weight:600;
    background:#fff;
    text-align:center;
    cursor:pointer;
    border:1px solid #f26d7d;
    text-transform:uppercase;
    letter-spacing:1px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btMore a, .btMore a:visited {
    color:#f26d7d;
    text-decoration:none;
}
.btMore:hover {
    background:#f26d7d;
}
.btMore a:hover, .btMore:hover a {
    color:#fff;
}
.long {
    width:150px
}
/*
-----------------------------------------
ESTORE
----------------------------------------- 
*/
#banner-estore {
    margin:20px 0;
    position:relative;
}
#banner-estore img {
    width:100%;
}
#banner-estore .desc {
    position:absolute;
    right:10%;
    top:35%;
    width:40%;
    max-width:410px;
    text-align:center;
    color:#000;
}
#banner-estore .desc img {
    width:100%;
    margin-bottom:10px;
}
#banner-estore .desc .btShop img {
    width:60%;
    max-width:144px;
    margin-top:20px;
}
/*
-----------------------------------------
VIDEO
----------------------------------------- 
*/
#video {
    width: 100%;
    margin:30px 0;
    padding-top: 30px;
    padding-bottom: 30px;
    background:#f5f5f5;
}
#video h2 span {
    background:#f5f5f5;
}
#video .link {
    width: 95.5%;
    text-align:right;
    font-style:italic;
    font-size:90%;
    font-weight:400;
}
#video .link a {
    font-weight:400;
    text-decoration:underline;
    margin-right: 25px;
}
/*
-----------------------------------------
EVENT
----------------------------------------- 
*/
#event {
    /*padding:0 5% 30px;*/
    padding:0 4% 30px;
    text-align:center;
}
#event-banner {
    margin-bottom:25px;
}
#event-banner img {
    width:100%;
    /*max-width:952px;*/
    max-width: 100%;
}
.event-item {
    /*width:45%;*/
    width: 47%;
    display:inline-table;
}
.last {
    margin-left:5%;
}
.event-item img {
    width:100%;
}
.event-item .title {
    padding:10px 20px;
    width:150px;
    margin:0 auto 15px auto;
    text-align:center;
}
.event-item h2 {
    background:none;
    border-bottom:3px solid #f26d7d;
    padding-bottom:10px;
    margin-bottom:10px;
    font-weight:600;
    width:100%;
}
/*
-----------------------------------------
INSTAGRAM CAROUSEL
----------------------------------------- 
*/
#instagram-slides {
    margin:30px 0 0;
    padding:30px 4%;
    background:#fdeef1;
}
#instagram-slides .title {
    padding:10px 20px;
    width:50%;
    margin:0 auto 10px auto;
    text-align:center;
}
#instagram-slides .title img {
    vertical-align:middle;
}
#instagram-slides h2 {
    background:none;
    border-bottom:3px solid #f26d7d;
    padding-bottom:10px;
    margin-bottom:10px;
    width:60%;

    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .1em;
}
#instagram-slides p {
    font-size:12px;
    letter-spacing:1px;
    color:#2d2d2d;
}

#instagram-slides p.instagram-desc {
    line-height: 18px;
    position: relative;
    display: inline-block;
    letter-spacing: .05em;
}

span.link-dep {
    font-size: 21px;
    position: relative;
    top: 1.2px;
}
bx-wrapper .slide {
    width:20%; !important
}

.slide img {
    width: 100%;
}
/*
-----------------------------------------
FOOTER
----------------------------------------- 
*/

#footer {
    background:#000000;
    /*padding:30px 5%;*/
    padding:40px 4% 60px;
    color:#9d9d9d;
    text-transform:100%;
    clear:both;
    /*font-size:80%;*/
    font-size: 12px;
}
#footer a {
    color:#fff;
    text-decoration:none;
    /*margin:0 5px;*/
    margin-right: 15px;
}
/*#footerlink {
    width:50%;
    display:inline-table;
}
#footerlink ul {
    width:33%;
    display:inline-table;
    list-style:none;
    line-height:1.55em;
    padding: 0;
    margin: 0;
}
#footerlink ul li {
    margin: 0 0 3px 0;
    line-height: 20px;
}
#footerlink li {
    margin-left:0;
    padding-left:0;
}*/

/* startcustom */
#footerlink {
    width:50%;
    display:inline-table;
}
ul.first-block {
    width:22%;
    display:inline-table;
    list-style:none;
    line-height:1.55em;
    padding: 0;
    margin: 0;
}
ul.second-block, ul.third-block {
    width:35%;
    display:inline-table;
    list-style:none;
    line-height:1.55em;
    padding: 0;
    margin: 0;
}
ul li.first-block, ul li.second-block, ul li.third-block {
    margin: 0 0 3px 0;
    line-height: 20px;
}
li.first-block, li.second-block, li.third-block {
    margin-left:0;
    padding-left:0;
}
/* end custom */

#footerlink h3 {    
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 16px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
}
#footerlink a, #footerlink a:visited {
    color:#9d9d9d;
    text-decoration:none;
    margin-left:0;
    padding-left:0;
    font-weight: 300;
}
#footerlink a:hover {
    color:#f26d7d;
}
#footerlink h3 a  {
    color:#fff;
}
#social div {
    display:inline-block;
    margin-right:30px;
    cursor:pointer;
    margin-top: 10px;
}
#footer-yt {
    width:22px;
    height:22px;
    background:url(../images/footer-yt.png) no-repeat 0 0;
}
#footer-ig {
    width:22px;
    height:22px;
    background:url(../images/footer-ig.png) no-repeat 0 0;
}
#footer-tw {
    width:22px;
    height:22px;
    background:url(../images/footer-tw.png) no-repeat 0 0;
}
#footer-fb {
    width:22px;
    height:22px;
    background:url(../images/footer-fb.png) no-repeat 0 0;
}
#footer-g {
    width:22px;
    height:22px;
    background:url(../images/footer-g.png) no-repeat 0 0;
}
#footer-yt:hover, #footer-ig:hover, #footer-tw:hover, #footer-fb:hover, #footer-g:hover {
    background-position: 0 100%;
}
/*
-----------------------------------------
MOBILE
----------------------------------------- 
*/
#footerlink-m {
    width:100%;
    /*display:inline-table;*/
}
#footerlink-m ul {
    width:100%;
    /*display:inline-table;*/
    list-style:none;
    line-height:1.55em;
    text-align: left;
    margin: 10px 0px 10px;
}
#footerlink-m li {
    margin-left:0;
    padding-left:0;
}
#footerlink-m h3 {
    color:#fff;
    font-weight:400;
    font-size:110%;
    text-transform:uppercase;
    letter-spacing: 0.1em;
}
#footerlink-m a, #footerlink-m a:visited {
    color:#9d9d9d;
    text-decoration:none;
    margin-left:0;
    padding-left:0;
}
#footerlink-m a:hover {
    color:#f26d7d;
}
#footerlink-m h3 a  {
    color:#fff;
}

#copyright {
    width:49%;
    display:inline-table;
    color:#fff;
}
#social {
    padding-bottom:50px;
    margin-bottom:30px;
    border-bottom:1px solid #9d9d9d;
}
#social img {
    width:22px;
    padding:0 25px 0 0;
}
#social h3 {
    color:#fff;
    font-weight:400;
    font-size:110%;
    text-transform:uppercase;
    margin-bottom:10px;
}
/*
-----------------------------------------
ARTICLE PAGE
----------------------------------------- 
*/
.highlight {
    /*margin:30px 0;*/
    margin:0px;
    padding:30px 5%;
    background:#fdeef1;
}
.highlight img {
    width:100%;
}
.highlight h2 span {
    background:#fdeef1;
}
.highlight h3 {
    font-size:150%;
}
.highlight .link {
    font-size:80%;
    margin-bottom:20px;
}
.highlight .link img {
    width:auto;
}
/*
-----------------------------------------
2 COLUMN PAGE
----------------------------------------- 
*/
#main {
    width:70%;
    display:inline-table;
    vertical-align:top;
}
#widget {
    width:20%;
    margin-left:4%;
    display:inline-table;
    vertical-align:top;
}
#widget img {
    width:100%;
}
#main.single {
    display:block;
    margin:0 auto;
}
#breadcrumbs {
    vertical-align:middle;
    color:#f26d7d;
    padding-top:20px;
    margin-bottom:20px;
    font-size:80%;
}
#breadcrumbs.single {
    width:70%;
    margin:0 auto;
}
#breadcrumbs img {
    margin:0 3px;
}
/*
-----------------------------------------
ARTICLE DETAIL
----------------------------------------- 
*/
.article-detail {
    margin:0 0 30px;
    padding:20px 0;
}
.article-detail img {
    max-width:100%;
    max-height:auto;
}
.article-detail h3 {
    font-size:150%;
}
.article-detail .link {
    font-size:80%;
    margin-bottom:20px;
}
.article-detail .link img {
    width:auto;
}
/*
-----------------------------------------
RELATED ARTICLE
----------------------------------------- 
*/
.container-related {
    padding:20px 5% 20px 3%;
}
.container-related h4 {
    padding-left:2%;
}
.related-article-area {
    margin:20px 0;
}
.related-article-item {
    width:22%;
    display:inline-table;
    text-align:left;
    padding:0 1%;
    margin-bottom:15px;
}
.related-article-item-container {
    padding:10px;
    font-size:90%;
}
.related-article-pic img {
    width:100%;
    margin-bottom:10px;
}
.article-pic {
    position:relative;
}
/*
-----------------------------------------
SNIPET
----------------------------------------- 
*/
.snipet {
    vertical-align:middle;
}
.snipet div {
    vertical-align:middle;
    display:inline-block;
    margin: 0 5px;
}
.snipet img {
    width:auto !important;
}
/*
-----------------------------------------
COMMENT
----------------------------------------- 
*/
#comment {
    margin:30px 0;
    padding:0 5%;
}
#comment .left, #comment .right {
    color:#f26d7d;
}
#comment .limit {
    margin: 20px 0;
}
.comment-item {
    clear:both;
    /*margin:10px 0 20px;*/
}
.user-pic {
    display: inline-table;
    vertical-align:top;
    /*margin-right:5%;*/
    width:10%;
}
.user-comment {
    display: inline-table;
    vertical-align:top;
    width:84%;
    font-size:90%;
}
.user-comment b {
    color:#f26d7d;
}
/*
-----------------------------------------
COMMENT
----------------------------------------- 
*/

input[type=text], input[type=password], textarea {
    border:1px solid #ccc;
    min-height:30px;
    font-family:"Montserrat", Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size:90%;
    width:98%;
    padding:3px 1%;
    color:#535353;
}
.comment-button {
    margin-left:15%;
    margin-bottom:30px;
    width:80%;
    padding:10px 2%;
    background:#ebebeb;
    border:1px solid #ebebeb;
    float:right;
}
.comment-button input[type=submit], .comment-button input[type=button] {
    width:120px;
    padding:5px;
    color:#fff;
    font-size:90%;
    font-weight:600;
    background:#f26d7d;
    text-align:center;
    cursor:pointer;
    border:1px solid #f26d7d;
    text-transform:uppercase;
    letter-spacing:1px;
    font-family:"Montserrat", Arial, Helvetica, sans-serif;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.comment-button input[type=submit]:hover, .comment-button input[type=button]:hover {
    color:#f26d7d;
    background:#fff;
}
.dropdown-row {
    display:inline;
}
.dropArea {
    display:inline;
    position:relative;
}
select {
    border:none;
    font-size: 100%;
    padding:5px 0;
    margin:0;
    font-size:90%;
    position:relative;
    background:#fff;
    color:#464646;
    border:1px solid #cccccc;
    height:30px;
    font-family:"Montserrat", Arial, Helvetica, sans-serif;
    font-weight:400;
}
.selectList {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width:150px;
    text-indent: 3px;
    cursor:pointer;
}
.dropBt {
    cursor:pointer;
    height:9px;
    width:15px;
    position:absolute;
    right:10px;
    top:6px;
    background:url(../images/dropArrow.png) no-repeat 0 50%;
    z-index:1;
}
option {
    filter: hue-rotate(125deg);
}
.comment-button span {
    color:#b7b7b7;
}
input[type=radio], input[type=checkbox] {
    width:30px;
    height:30px;
    vertical-align:middle;
}
/*
-----------------------------------------
TOGGLE
----------------------------------------- 
*/
.toggle-area {
    margin-bottom:20px;
    padding:20px;
    border:1px solid #ccc;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
}
.toggle-trigger {
    background:url(../images/moreArrowpink.png) no-repeat left center;
    padding-left:25px;
}
.collaps {
    background:url(../images/lessArrowpink.png) no-repeat left center !important;
}
.toggle-wrap {
    display: none;
    padding:20px 0;
    margin-top:20px;
    border-top:1px solid #f37c8b;
    font-size:90%;
    line-height:1.5em;
}
.more-tab {
    font-weight:600;
    cursor:pointer;
}
.additional-detail {
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
}
.additional-detail h4 {
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
    font-size:100%;
}
/*
-----------------------------------------
SEARCH PAGE
----------------------------------------- 
*/
#search-box {
    background:#fdeef1;
    /*margin:30px 0;*/
    margin: 0px;
    padding:20px 5%;
}
#search-box h1 {
    color:#000;
    font-weight:400;
    font-size:150%;
    font-family:"Helvetica Light", Arial, Helvetica, sans-serif;
    margin-bottom:15px;
}
#search-box .left {
    width:70%;
    display:inline-table;
    float:none;
}
#search-box .right {
    width:25%;
    margin-left:4%;
    display:inline-table;
    float:none;
}
#search-box-container {
    border:1px solid #ccc;
    background:#fff;
    margin-bottom:10px;
}
#search-box input[type=text] {
    border:none;
    min-height:30px;
    font-family:"Montserrat", Arial, Helvetica, sans-serif;
    font-weight:400;
    font-size:90%;
    width:78%;
    padding:3px 1%;
    color:#535353;
}
#search-box input[type=button], #search-box input[type=submit] {
    background:url(../images/icoSearch.png) no-repeat;
    font-size:0;
    height:24px;
    width:24px;
    margin-bottom:0;
    vertical-align:middle;
    border:none;
    float:right;
    margin-top:7px;
    margin-right:5px;
}
.sort {
    font-size:80%;
}
.sort .active {
    color:#f26d7d;
}
.search-item {
    margin-bottom:20px;
}
.search-item-pic {
    position:relative;
    display:inline-table;
    width:30%;
    margin-right:4%;
    vertical-align:top;
}
.search-item-pic img {
    width:100%;
}
.search-item-desc {
    position:relative;
    display:inline-table;
    width:65%;
    vertical-align:top;
}
#internal .search-item h3 {
    min-height:inherit;
}
/*
-----------------------------------------
PAGING
----------------------------------------- 
*/
.paging {
    text-align:center;
    font-size:90%;
}
.paging a {
    margin:0 5px;
}
.paging .active {
    color:#f26d7d;
}
/*
-----------------------------------------
VIDEO
----------------------------------------- 
*/
.video-pic {
    position:relative
}
#video-bt {
    position:absolute;
    width:10%;
    left:45%;
    top:45%;
}
#video-bt img {
    width:100%;
}

#navbarmenu.stickytop {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.logo-menu {
    /*margin-bottom: -31px;
    float: left;
    display: none;*/

    margin-bottom: -40px;
    float: left;
    display: none;
    margin-top: 5px;
}

img.logo--image {
    width: 81px;
}

.logo-kan {
    margin-bottom: -31px;
    float: right;
    padding-top: 5px;
    z-index: -1;
    color: #fff;
    display: none;
}

.logo-kan a {
    color: #fff;
    font-style: italic;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 80%;
}

/*
-----------------------------------------
LOGIN POPUP
-----------------------------------------
*/

.login-container {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.login-logo {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 3px solid #000;
    padding-bottom: 20px;
}

.login-logo img{
    width: 150px;
}

.login-row {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.login-row label{
    float: left;
    width: 100%;  
    font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.btn-login {
    float: left;
    margin-top: 5px;
    margin-bottom: 40px;
    width: 100%;  
    padding-top: 10px;
    padding-bottom: 10px;
    color:#000;
    font-size:90%;
    font-weight:600;
    background:#fff;
    text-align:center;
    cursor:pointer;
    border:1px solid #000;
    text-transform:uppercase;
    letter-spacing:1px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn-login:hover {
    color: #FFF;
    border:1px solid #f26d7d;
    background:#f26d7d;
}
.radio-inline {
    float: left;
    width: 33%;
    font-weight: normal;
}

.radio-inline input[type=radio] {
    float: left;
}

.radio-inline input[type=radio] + label {
    float: left;
    font-weight: normal;
}

.label-radio {
    margin-top: 7px;
    font-weight: normal;   
}

.form-control {
    width: 96%;
    margin-right: 4%;
    margin-bottom: 10px;
}

.checkbox {
    font-weight: normal;
}

.checkbox input[type=checkbox] {
    float: left;
}

.checkbox input[type=checkbox] + label {
    float: left;
    font-weight: normal;
}

/** VIDEO **/

.video-con{
    /*width: 86%;
    max-width: 86%;*/
    width: 92% !important;
    /*max-width: 89%;*/
    margin-left: auto;
    margin-right: auto;
}

.video-box{
    width: 91%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

/*@media screen and (max-width: 400px)  {
    .video-con{
        width: 86%;
        max-width: 86%;
        margin-left: auto;
        margin-right: auto;
    }


    .video-box{
        width: 97%;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 600px)  {
    .video-con{
        width: 86%;
        max-width: 86%;
        margin-left: auto;
        margin-right: auto;
    }


    .video-box{
        width: 97%;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 1000px) {
    .video-con{
        width: 89%;
        max-width: 89%;
        margin-left: auto;
        margin-right: auto;
    }


    .video-box{
        width: 100%;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1280px) {
    .video-con{
        width: 96%;
        max-width: 96%;
        margin-left: auto;
        margin-right: auto;
    }

    .video-box{
        width: 92%;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1366px) {
    .video-con{
        width: 89%;
        max-width: 89%;
        margin-left: auto;
        margin-right: auto;
    }  


    .video-box{
        width: 91%;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    } 
}

@media screen and (max-width: 1400px) {
    .video-con{
        width: 89%;
        max-width: 89%;
        margin-left: auto;
        margin-right: auto;
    }  


    .video-box{
        width: 92%;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    } 
}

@media screen and (min-width: 1920px) {
    .video-con{
        width: 90%;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .video-box{
        width: 90%;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }
}*/

.video-pic {
    position: relative;
}

#video-bt {
    position: absolute;
    width: 10%;
    left: 45%;
    top: 45%;
}

#video-bt img {
    width: 100%;
}

#topmenu-m {
    display: none;
}

.search-area-m {
    display: none;
}

@media all and (min-width: 768px) {
    .window {
        display: none;
    }
}

a.back-to-top {
    display: none;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 30px;
    bottom: 30px;
    background: #f26d7d url(../images/up-arrow.png) no-repeat center 43%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
a:hover.back-to-top {
    background-color: #f26d7d;
}

/* scroll horizontal fix */
@media screen and (max-width: 667px) {
    body {
        overflow-x: hidden !important;
    }
    .container {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
}

#login.fancybox-login, #register.fancybox-register {
    width:500px;
    display: none;
}

@media all and (max-width: 768px) { 
    #login.fancybox-login, #register.fancybox-register {
        width:200px;
        display: none;
        overflow-y: scroll;
        overflow-x:hidden;
    }
}


/* digify 28/10/2016 */
iframe#instagram-embed-0 {
    text-align: center;
    display: block;
    margin: auto !important;
}

blockquote#instagram-media-payload-0 {
    text-align: center;
    display: block;
    margin: auto !important;
}