/* fonts */
@import url(../includes/bootstrap/css/bootstrap.min.css);
@import url(../includes/fonts/avantgarde/stylesheet.css);
@import url(../includes/fonts/opensan/stylesheet.css);
@import url(../includes/fonts/nucleo/outline/css/nucleo-outline.css);
@import url(../includes/fonts/nucleo/mini/css/nucleo-mini.css);
@import url(../includes/fonts/nucleo/glyph/css/nucleo-glyph.css);
/* google Fonts */
@import url(https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy&subset=latin-ext);
/*------------------------------------------------------------------
CSS
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[1. Body]
*/
/* Typography */
body { color: #232530; font-family: "open_sansregular"; font-size: 14px; line-height: 1.4; background: white; }

h1, h2, h3, h4, h5, h6 { color: #000; line-height: 1; margin: 0 0 15px; }

h1 { font-family: "Sorts Mill Goudy", serif; font-size: 3.286em; text-transform: uppercase; }

h2 { font-size: 3.286em; font-family: "Sorts Mill Goudy", serif; text-transform: uppercase; font-weight: 700; }

h3 { font-size: 1.428em; font-family: "Sorts Mill Goudy", serif; }

a { font-family: "Sorts Mill Goudy", serif; color: #232530; outline: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
a:hover, a:focus { color: #cc8126; outline: none; text-decoration: none; }

p, ul, ol { margin-bottom: 20px; }

address { line-height: 1.7; }

label { font-weight: 100; }

img { max-width: 100%; height: auto; }

.form-text, .form-select, .form-textarea { border: 1px solid #d1d1d1; padding: 10px; }

.views-view-grid .views-col { float: left; }
.views-view-grid.cols-1 .views-col { width: 100%; }
.views-view-grid.cols-2 .views-col { width: 50%; }
.views-view-grid.cols-3 .views-col { width: 33.33333333%; }
.views-view-grid.cols-4 .views-col { width: 25%; }
.views-view-grid.cols-5 .views-col { width: 20%; }

/* skin menu */
.change-skin-menu-wrapper { position: fixed; left: -188px; top: 150px; z-index: 500; background-color: #fafafa; box-shadow: 1px 1px 2px -1px #888; -webkit-box-shadow: 1px 1px 2px -1px #888; border-radius: 0 0 3px 0; -webkit-border-radius: 0 0 3px 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; /* tag a */ /* color */ /*background*/ /*layout*/ /* .color-orange { background: $orange;
}
.color-yellow { background: $yellow;
} */ }
.change-skin-menu-wrapper .container { width: 185px; padding: 10px; }
.change-skin-menu-wrapper .background, .change-skin-menu-wrapper .skin-color { overflow: hidden; }
.change-skin-menu-wrapper .skin-color { margin-bottom: 15px; }
.change-skin-menu-wrapper .change-skin { text-align: center; border-radius: 0 5px 5px 0; position: absolute; top: 0; left: 100%; background-color: #fafafa; padding: 11px; width: 40px; height: 40px; box-shadow: 1px 1px 2px -2px #888; -webkit-box-shadow: 1px 1px 2px -2px #888; color: #666; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.change-skin-menu-wrapper .change-skin:hover, .change-skin-menu-wrapper .change-skin:focus { color: #333; }
.change-skin-menu-wrapper .change-skin i { font-size: 18px; }
.change-skin-menu-wrapper strong { margin-bottom: 10px; display: block; font-weight: 600; }
.change-skin-menu-wrapper ul { padding-left: 0; margin-bottom: 0; }
.change-skin-menu-wrapper li { list-style: none; display: inline-block; float: left; margin-right: 3px; margin-bottom: 3px; }
.change-skin-menu-wrapper .change-skin-button, .change-skin-menu-wrapper .change-background-button { display: inline-block; text-indent: -999em; width: 30px; height: 30px; opacity: 0.7; }
.change-skin-menu-wrapper .change-skin-button:hover, .change-skin-menu-wrapper .change-skin-button:focus, .change-skin-menu-wrapper .change-background-button:hover, .change-skin-menu-wrapper .change-background-button:focus { opacity: 1; }
.change-skin-menu-wrapper .change-background-button { border: 1px solid #cdcdcd; }
.change-skin-menu-wrapper .change-background-button:hover, .change-skin-menu-wrapper .change-background-button:focus { border-color: #7b7b7b; }
.change-skin-menu-wrapper .layout { margin-bottom: 15px; }
.change-skin-menu-wrapper .change-layout-button { border-radius: 0; -webkit-border-radius: 0; padding: 4px 18px; background-color: #fff; background-image: none; }
.change-skin-menu-wrapper .change-layout-button.active { background-color: #428bca; color: #fff; border-color: #428bca; }
.change-skin-menu-wrapper .change-layout-button.active:first-child { border-right: none; }
.change-skin-menu-wrapper .color-default { background: #cc8126; }
.change-skin-menu-wrapper .color-green { background: #00a100; }
.change-skin-menu-wrapper .color-violet { background: #603cbb; }
.change-skin-menu-wrapper .color-blue { background: #3598db; }
.change-skin-menu-wrapper .color-purple { background: #8f0097; }
.change-skin-menu-wrapper .color-orange { background: #d34826; }

/* change background */
.bg-1 { background: url("../images/bg-1.png") 0 0 repeat; }

.bg-2 { background: url("../images/bg-2.png") 0 0 repeat; }

.bg-3 { background: url("../images/bg-3.png") 0 0 repeat; }

.bg-4 { background: url("../images/bg-4.png") 0 0 repeat; }

.bg-5 { background: url("../images/bg-5.png") 0 0 repeat; }

.bg-6 { background: url("../images/bg-6.png") 0 0 repeat; }

.bg-7 { background: url("../images/bg-7.png") 0 0 repeat; }

.fly-out { left: 0; }

/* direction */
.change-direction .direction { margin-bottom: 15px; }

.change-skin-menu-wrapper .change-direction-button { border-radius: 0; display: block; -webkit-border-radius: 0; padding: 4px 18px; color: #333; background-color: #fff; background-image: none; border: 1px solid #ccc; text-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075); }

.change-skin-menu-wrapper .change-direction li { display: inline-block; margin-right: 0; font-size: 14px; margin-left: 0; float: none; }

.change-skin-menu-wrapper .change-direction-button:hover, .change-skin-menu-wrapper .change-direction-button:focus { border-color: #adadad; }

.change-skin-menu-wrapper .change-direction .active .change-direction-button { background-color: #428bca; color: #fff; border-color: #428bca; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; }

.change-skin-menu-wrapper .background { margin-bottom: 15px; }

/* YP Custom */
.services-block .views-field-body .field-content p a { color: #cc8126; font-family: "open_sansregular"; }

.text-formatted.field.field--name-body a { color: #333; font-weight: bold; outline: medium none; text-decoration: underline; transition: all 0.3s ease 0s; font-family: "open_sansregular"; }
.text-formatted.field.field--name-body a:hover, .text-formatted.field.field--name-body a:focus { color: #cc8126; outline: none; text-decoration: none; }

#block-sitebranding { float: left; }

/* header */
#logo { float: left; }

.not-front #logo { margin-top: 15px; margin-bottom: 16px; }

.front .header { padding-top: 91px; margin-bottom: 35px; }

.not-front .header { box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1); border-bottom: 1px solid #eee; margin-bottom: 75px; }

.intro-block-home { width: 75%; float: right; text-align: right; color: #fff; margin-top: 82px; line-height: 1.2; font-family: "Sorts Mill Goudy", serif; }
.intro-block-home h1 { color: #fff; font-size: 2.285em; }
.intro-block-home h2 { margin-bottom: 0; font-size: 1.142em; color: #fff; text-transform: none; font-weight: 500; line-height: 1.3; }

/* menu */
.not-front #main-menu { display: none; }

/* menu page detail */
@media (min-width: 992px) { .not-front #main-menu { display: block; }
  .not-front #main-menu nav { float: right; }
  .not-front #main-menu ul { margin: 0; padding: 0; }
  .not-front #main-menu ul li { list-style: none; padding: 0; border-right: 1px solid #242629; float: left; }
  .not-front #main-menu ul li a { border-right: 1px solid #404650; position: relative; display: inline-block; padding: 20px 15px; font-family: "Sorts Mill Goudy", serif; font-size: 1.142em; color: #fff; text-transform: uppercase; font-weight: bold; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .not-front #main-menu ul li a:hover, .not-front #main-menu ul li a:focus { background: #cc8126; }
  .not-front #main-menu ul li a.current { background: #cc8126; } }
/* end menu page detail */
/* menu page home */
.front .region-primary-menu { display: block; }
.front #main-menu { width: 100%; background: #938b81; z-index: 101; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.3); }
@media (min-width: 992px) { .front #main-menu nav:before, .front #main-menu nav:after { content: " "; display: table; }
  .front #main-menu nav:after { clear: both; }
  .front #main-menu ul { margin: 0; float: right; }
  .front #main-menu ul li { list-style: none; border-right: 1px solid #242629; padding-top: 0; float: left; }
  .front #main-menu ul li a { padding: 16px 30px; display: inline-block; font-family: "Sorts Mill Goudy", serif; font-size: 1.142em; color: #fff; text-transform: uppercase; border-right: 1px solid #404650; font-weight: bold; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .front #main-menu ul li a:hover { background: #cc8126; }
  .front #main-menu ul li a.current { background: #cc8126; }
  .front #main-menu ul li a.is-active { /* background: $link-color; */ } }

.fixed-menu { position: fixed; top: 0; left: 0; }

/* end menu page home */
.responsive-menu-button { display: none; }

/* end menu */
/* end header */
.footer { background: #222; color: #b4b4b4; font-size: 0.857em; }
.footer .container { padding-top: 15px; padding-bottom: 15px; }
.footer .copyright { margin-bottom: 0; float: left; }
.footer .copyright a { color: #fff; }
.footer .copyright a:hover, .footer .copyright a:focus { text-decoration: underline; }
.footer .socials { float: right; }
.footer .socials p { margin-bottom: 0; float: left; }
.footer .socials .social-list { float: right; padding: 0; margin: 0; }
.footer .socials .social-list li { list-style: none; display: inline-block; margin-left: 12px; }
.footer .socials .social-list span { font-size: 0; }
.footer .socials .social-list .nc-icon-mini, .footer .socials .social-list .nc-icon-outline, .footer .socials .social-list .nc-icon-glyph { color: #7a7a7d; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.footer .socials .social-list .nc-icon-mini:before, .footer .socials .social-list .nc-icon-outline:before, .footer .socials .social-list .nc-icon-glyph:before { font-size: 14px; }
.footer .socials .social-list .nc-icon-mini:hover, .footer .socials .social-list .nc-icon-mini:focus, .footer .socials .social-list .nc-icon-outline:hover, .footer .socials .social-list .nc-icon-outline:focus, .footer .socials .social-list .nc-icon-glyph:hover, .footer .socials .social-list .nc-icon-glyph:focus { color: #cc8126; }
.footer ul.menu li.menu-item { text-align: center; }
.footer ul.menu a { color: #b4b4b4; font-family: "open_sansregular"; }
.footer ul.menu a:hover, .footer ul.menu a:focus { color: #cc8126 !important; text-decoration: underline; }
.footer ul.menu a.is-active { color: #cc8126 !important; }
.footer .region-footer > div { width: 33.3333%; float: left; }
.footer .region-footer .block.block-menu { width: 33.3333%; float: left; }

/* color for skin */
.change-skin-menu-wrapper .color-default { background-color: #cc8126; }

/* background skin */
.change-skin-menu-wrapper .bg-default a { background-color: #fff; }
.change-skin-menu-wrapper .bg-black a { background-color: #000; }
.change-skin-menu-wrapper .bg-1 a { background: url(../images/skins-menu/bg-1.png) 0 0 repeat; }
.change-skin-menu-wrapper .bg-2 a { background: url(../images/skins-menu/bg-2.png) 0 0 repeat; }
.change-skin-menu-wrapper .bg-3 a { background: url(../images/skins-menu/bg-3.png) 0 0 repeat; }
.change-skin-menu-wrapper .bg-4 a { background: url(../images/skins-menu/bg-4.png) 0 0 repeat; }
.change-skin-menu-wrapper .bg-5 a { background: url(../images/skins-menu/bg-5.png) 0 0 repeat; }
.change-skin-menu-wrapper .bg-6 a { background: url(../images/skins-menu/bg-6.png) 0 0 repeat; }
.change-skin-menu-wrapper .bg-7 a { background: url(../images/skins-menu/bg-7.png) 0 0 repeat; }

/* change background */
.bg-1 { background: url("../images/skins-menu/bg-1.png") 0 0 repeat; }

.bg-2 { background: url("../images/skins-menu/bg-2.png") 0 0 repeat; }

.bg-3 { background: url("../images/skins-menu/bg-3.png") 0 0 repeat; }

.bg-4 { background: url("../images/skins-menu/bg-4.png") 0 0 repeat; }

.bg-5 { background: url("../images/skins-menu/bg-5.png") 0 0 repeat; }

.bg-6 { background: url("../images/skins-menu/bg-6.png") 0 0 repeat; }

.bg-7 { background: url("../images/skins-menu/bg-7.png") 0 0 repeat; }

.bg-default { background-color: #fff; }

/* skin menu */
.change-skin-menu-wrapper { position: fixed; left: -188px; top: 150px; z-index: 500; background-color: #fafafa; box-shadow: 1px 1px 2px -1px #888; -webkit-box-shadow: 1px 1px 2px -1px #888; border-radius: 0 0 3px 0; -webkit-border-radius: 0 0 3px 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; /* tag a */ /* color */ /*background*/ /*layout*/ /* direction */ }
.change-skin-menu-wrapper .container { width: 185px; padding: 10px; }
.change-skin-menu-wrapper .background, .change-skin-menu-wrapper .skin-color { overflow: hidden; }
.change-skin-menu-wrapper .skin-color { margin-bottom: 15px; }
.change-skin-menu-wrapper .change-skin { line-height: 1.6; text-align: center; border-radius: 0 5px 5px 0; position: absolute; top: 0; left: 100%; background-color: #fafafa; padding: 10px; width: 41px; height: 41px; box-shadow: 1px 1px 2px -2px #888; -webkit-box-shadow: 1px 1px 2px -2px #888; color: #666; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.change-skin-menu-wrapper .change-skin:hover, .change-skin-menu-wrapper .change-skin:focus { color: #333; }
.change-skin-menu-wrapper .change-skin i { font-size: 18px; line-height: 21px; }
.change-skin-menu-wrapper strong { margin-bottom: 10px; display: block; font-weight: 600; }
.change-skin-menu-wrapper ul { padding: 0; margin-bottom: 0; }
.change-skin-menu-wrapper li { list-style: none; display: inline-block; float: left; margin-right: 3px; margin-bottom: 3px; }
.change-skin-menu-wrapper .change-skin-button, .change-skin-menu-wrapper .change-background-button { display: inline-block; text-indent: -999em; width: 30px; height: 30px; position: relative; opacity: 0.7; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.change-skin-menu-wrapper .change-skin-button:hover, .change-skin-menu-wrapper .change-skin-button:focus, .change-skin-menu-wrapper .change-background-button:hover, .change-skin-menu-wrapper .change-background-button:focus { opacity: 1; }
.change-skin-menu-wrapper .change-background-button { border: 1px solid #cdcdcd; }
.change-skin-menu-wrapper .change-background-button:hover, .change-skin-menu-wrapper .change-background-button:focus { border-color: #7b7b7b; }
.change-skin-menu-wrapper .layout { margin-bottom: 15px; }
.change-skin-menu-wrapper .change-layout-button { border-radius: 0; -webkit-border-radius: 0; padding: 5px 18px 3px; background-color: #fff; background-image: none; }
.change-skin-menu-wrapper .change-layout-button.active { background-color: #428bca; color: #fff; border-color: #428bca; }
.change-skin-menu-wrapper .change-layout-button.active:first-child { border-right: none; }
.change-skin-menu-wrapper .change-direction li { margin-left: 0; margin-right: 0; }
.change-skin-menu-wrapper .change-direction li a { display: block; padding: 5px 16px 3px; color: #333; border: 1px solid #ccc; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075); line-height: 1.42857; font-size: 14px; }
.change-skin-menu-wrapper .change-direction li a:hover, .change-skin-menu-wrapper .change-direction li a:focus { border-color: #adadad; }
.change-skin-menu-wrapper .change-direction .active a { background-color: #428bca; color: #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset; border-color: #428bca; }
.change-skin-menu-wrapper .change-direction .active a:hover, .change-skin-menu-wrapper .change-direction .active a:focus { border-color: #428bca; }
@media (max-width: 767px) { .change-skin-menu-wrapper { display: none; } }

.fly-out { left: 0; }

/* RTL Skinmenu */
[dir="rtl"] .change-skin-menu-wrapper li { float: right; margin-right: auto; margin-left: 3px; }
[dir="rtl"] .change-direction li { margin-left: 0; }

.form-control:focus { box-shadow: none; -webkit-box-shadow: none; }

.form-item, .form-url { margin: 0 0 20px 0; }

label { display: block; margin-bottom: 15px; }

.form-text, .form-email, .form-url { padding: 7px 15px; max-width: 100%; margin-bottom: 10px; }

.form-submit { border: none; font-size: 1em; padding: 10px 30px; text-transform: uppercase; color: #fff; border-color: none; background-color: #cc8126; transition: all 0.3s; }
.form-submit:hover, .form-submit:focus { color: #fff; border-color: none; background-color: #232530; }

.form-actions .button { margin-left: 0; margin-right: 0; line-height: 1.4; border: none; font-size: 1em; padding: 10px 30px; font-family: "open_sansregular"; margin-right: 4px; text-transform: uppercase; color: #fff; border-color: none; background-color: #cc8126; transition: all 0.3s; }
.form-actions .button:hover, .form-actions .button:focus { color: #fff; border-color: none; background-color: #232530; }

.user-pass .form-text { margin-bottom: 0; }

/* form-login */
.user-login-form { max-width: 500px; margin: 0 auto; border: 1px solid #ccc; padding: 40px; }
.user-login-form label { font-weight: 700; }
.user-login-form .form-actions { text-align: center; }

/* form user-register */
.user-register-form details { border: none; }
.user-register-form summary { border: none; border-bottom: 1px solid #d0d0d0; padding-bottom: 10px; margin-bottom: 10px; }
.user-register-form .description { margin-top: 15px; }

/* end form user-register*/
/* form-comment */
.field--name-comment-body { margin-bottom: 50px; }

.field-name-comment-body .field-item { margin-bottom: 15px; }
.field-name-comment-body .form-item { margin-bottom: 0; }
.field-name-comment-body .filter-wrapper { margin-bottom: 45px; }

.comment-form { margin-top: 35px; }
.comment-form legend { padding-bottom: 20px; margin-bottom: 20px; }
.comment-form details { border: none; }
.comment-form details h4 { line-height: 38px; min-width: 104px; float: left; font-family: "open_sansregular"; font-weight: 700; font-size: 1em; }
.comment-form details .form-item-status { float: left; margin-right: 20px; }
.comment-form details .form-url, .comment-form details .form-date, .comment-form details .form-time { border: 1px solid #d1d1d1; }
.comment-form .form-item-uid label { float: left; margin-top: 7px; font-weight: 700; margin-right: 5px; min-width: 100px; }
.comment-form summary { border: none; border-bottom: 1px solid #d0d0d0; padding-bottom: 25px; margin-bottom: 30px; }
.comment-form .field--name-subject:before, .comment-form .field--name-subject:after { content: " "; display: table; }
.comment-form .field--name-subject:after { clear: both; }
.comment-form .field--name-subject label { float: left; margin-right: 5px; min-width: 100px; font-weight: 700; }
.comment-form .field--name-subject a { color: #cc8126; -webkit-transition: all, 0.3s; -moz-transition: all, 0.3s; -o-transition: all, 0.3s; transition: all, 0.3s; }
.comment-form .field--name-subject a:hover, .comment-form .field--name-subject a:focus { color: #232530; }
.comment-form .field--name-comment-body label { font-weight: 700; }
.comment-form .field--name-comment-body .form-item { margin-bottom: 0; }
.comment-form .field--name-subject label { line-height: 40px; float: left; min-width: 80px; }
.comment-form .form-item-homepage label { font-weight: 700; line-height: 33px; float: left; margin-right: 5px; min-width: 100px; }
.comment-form .form-date { float: left; margin-right: 10px; }
.comment-form .form-date, .comment-form .form-time { padding: 10px 20px; min-width: 195px; }
.comment-form .form-text, .comment-form .form-url { width: 100%; max-width: 400px; }
.comment-form .form-radios:before, .comment-form .form-radios:after { content: " "; display: table; }
.comment-form .form-radios:after { clear: both; }
.comment-form .form-radios > .form-item { float: left; margin-right: 20px; }

.comment-confirm-form .form-actions { margin-top: 20px; }

/* end form-comment */
/* button close navbarmenu */
.btn-close { display: none; }

/* end button close navbarmenu */
nav.tabs ul { margin: 0 0 35px; padding: 0; text-align: center; }
nav.tabs ul:before, nav.tabs ul:after { content: " "; display: table; }
nav.tabs ul:after { clear: both; }
nav.tabs ul li { display: inline-block; list-style: none; margin-right: 3px; margin-left: 3px; }
nav.tabs ul li a { line-height: 1; padding: 14px 30px 11px; border: 1px solid; font-size: 0.928em; text-transform: uppercase; color: #232530; border-color: #232530; background-color: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
nav.tabs ul li a:hover, nav.tabs ul li a:focus { color: #fff; border-color: #cc8126; background-color: #cc8126; }
nav.tabs ul li a.is-active { color: #fff; border-color: #cc8126; background: #cc8126; }

.form-no-label h4.label { color: #232530; font-size: 1em; }

iframe { width: 100%; border: none; }

.title, #block-pagetitle h1 { /* padding-bottom: 40px; */ margin-bottom: 35px; text-align: center; font-size: 2.857em; font-weight: 700; font-family: "Sorts Mill Goudy", serif; line-height: 1.3; }

ul.address { margin: 0; padding: 0; }
ul.address li { list-style: none; }
ul.address li a { color: #cc8126; text-decoration: none; }
ul.address li a:hover, ul.address li a:focus { text-decoration: underline; }

.toolbar-horizontal .fixed-menu { top: 39px; }

.toolbar-tray-open .fixed-menu { top: 79px; }

.toolbar-vertical .fixed-menu { top: 38px; }

.btn-btt { display: none; width: 30px; height: 30px; background: #232530; position: fixed; right: 20px; bottom: 20px; font-size: 0; transition: all 0.3s; z-index: 999; }
.btn-btt:hover { background: #cc8126; }
.btn-btt:before { display: inline-block; font-family: "Nucleo Outline"; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; content: "\eb11"; color: black; position: absolute; top: 3px; left: 50%; margin-left: -9px; color: #fff; }

.section { position: relative; }

.field-label-inline .field-items { float: none; }

h4.label { padding-top: 10px; padding-left: 0; }

.owl-controls { text-align: center; }

/* block contact */
.contact-content { line-height: 1.5; width: 50%; float: left; padding-right: 15px; }
.contact-content h4 { font-size: 1.071em; color: #b4b4b4; margin-bottom: 20px; }

.iframe-map { padding-left: 15px; width: 50%; float: left; }

/* end block contact */
/* article content-detail */
.content-detail { line-height: 1.6; }
.content-detail .field-name-field-image { float: left; margin-right: 30px; margin-bottom: 15px; max-width: 50%; margin-top: 7px; }
.content-detail .field-name-field-image + div ul { overflow: hidden; padding-left: 17px; }
.content-detail h2 { text-align: center; font-size: 1.714em; margin-bottom: 35px; }
.content-detail h2 a { color: #cc8126; }
.content-detail h2 a:hover, .content-detail h2 a:focus { color: #232530; }
.content-detail .content-comment h2 { text-align: left; }
.content-detail .field-name-body p { line-height: 1.6; }
.content-detail .field-name-field-icon { text-align: center; margin-bottom: 15px; float: left; margin-right: 25px; padding: 70px; border: 1px solid #232530; margin-top: 7px; }
.content-detail .field-name-field-icon .nc-icon-glyph { font-size: 68px; }
.content-detail .field-name-field-position { margin-bottom: 15px; }
.content-detail .field-label { font-weight: 700; margin-right: 5px; float: left; }
.content-detail .social-area .nc-icon-glyph { font-size: 16px; margin-left: 5px; }
.content-detail footer { margin-bottom: 10px; }
.content-detail footer a { color: #cc8126; }
.content-detail footer a:hover, .content-detail footer a:focus { color: #232530; }
.content-detail footer span { color: #cc8126; }
.content-detail .list-items span { margin-left: 3px; }

/* end article content-detail */
/* content comment */
.content-comment { clear: both; padding-top: 20px; }
.content-comment > h2 { border-top: none; }
.content-comment h2 { padding-top: 35px; border-top: 1px solid #d0d0d0; font-size: 1.571em; text-align: left; }
.content-comment h2 a { color: #cc8126; }
.content-comment h2 a:hover, .content-comment h2 a:focus { color: #232530; }
.content-comment .indented { padding-left: 100px; }
.content-comment .indented .js-comment { margin-top: 0; border: none; padding-top: 0; }
.content-comment .indented .js-comment:first-child { border-top: 1px solid #d0d0d0; }
.content-comment .indented .js-comment img { top: 5px; }
.content-comment .comment-form .form-item-name label { font-weight: 500; }
.content-comment .js-comment:first-child { border-top: none; }

.js-comment { margin-bottom: 35px; padding-top: 35px; border-top: 1px solid #d0d0d0; position: relative; padding-left: 100px; }
.js-comment img { position: absolute; top: 40px; left: 0; max-width: 70px; border-radius: 50%; -webkit-border-radius: 50%; }
.js-comment:first-child { border-top: none; }
.js-comment footer { text-align: left; }
.js-comment footer:before, .js-comment footer:after { content: " "; display: table; }
.js-comment footer:after { clear: both; }
.js-comment footer a { float: left; margin-right: 5px; }
.js-comment footer span { color: #999; }
.js-comment h3 { margin-bottom: 0; margin-bottom: 20px; }
.js-comment p { margin-bottom: 0; }
.js-comment p span { float: left; margin-right: 5px; }
.js-comment a { color: #232530; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.js-comment a:hover, .js-comment a:focus { color: #cc8126; }
.js-comment ul.links { margin: 20px 0 0; padding: 0; }
.js-comment ul.links li { list-style: none; display: inline; padding: 0 5px; }
.js-comment ul.links li:first-child { padding-left: 0; }
.js-comment ul.links a { line-height: 1; margin-bottom: 0; color: #cc8126; }
.js-comment ul.links a:hover, .js-comment ul.links a:focus { text-decoration: underline; color: #232530; }

.new mark { text-align: center; display: inline-block; line-height: 41px; width: 43px; height: 43px; color: #fff; background: red; position: absolute; top: 35px; right: 0; border-radius: 50%; -webkit-border-radius: 50%; }
.new footer { margin-bottom: 0; }

/* end content comment */
.metro-block { margin-left: -10px; margin-bottom: 50px; }
.metro-block:before, .metro-block:after { content: " "; display: table; }
.metro-block:after { clear: both; }
.metro-block .views-row { color: #fff; float: left; display: inline-block; padding-left: 10px; margin-bottom: 10px; }
.metro-block .feed-icon { display: none; }

.metro-link { width: 16.66666%; position: relative; }
.metro-link .metro-homepage { background-color: #0098aa; }
.metro-link .metro-title a { z-index: 3; }
.metro-link .nc-icon-glyph { position: absolute; top: 37px; left: 50%; font-size: 70px; color: #fff; display: block; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.metro-link a { position: absolute; top: -18%; left: 0; height: 100%; width: 100%; display: block; padding-top: 125px; font-family: "Sorts Mill Goudy", serif; font-size: 1.428em; text-transform: uppercase; color: #fff; text-decoration: underline; font-weight: bold; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.metro-link a:hover .nc-icon-glyph { top: 47px; }
.metro-link .field-body { display: none; }

.metro-content { width: 33.3333333%; overflow: hidden; }
@media (min-width: 768px) { .metro-content .metro-info { background: #cc8126; opacity: 0; text-align: left; position: absolute; top: 0; width: 101%; height: 100%; display: block; left: 0; transform: translate(0, 145px); -webkit-transform: translate(0, 145px); -o-transform: translate(0, 145px); -ms-transform: translate(0, 145px); -moz-transform: translate(0, 145px); -webkit-transition: all, 0.4s; -moz-transition: all, 0.4s; -o-transition: all, 0.4s; transition: all, 0.4s; }
  .metro-content .metro-info .views-field-body { font-family: "open_sansregular"; font-weight: bold; }
  .metro-content .metro-info a { line-height: 1.3; font-size: 1.428em; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: underline; }
  .metro-content .metro-info a:hover, .metro-content .metro-info a:focus { text-decoration: underline; }
  .metro-content:hover .metro-info, .metro-content:focus .metro-info { opacity: 0.8; padding: 20px; transform: translate(0); -webkit-transform: translate(0); -o-transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); } }
.metro-content .metro-homepage > a { color: #fff; }
.metro-content .metro-homepage > a:hover, .metro-content .metro-homepage > a:focus { color: #fff; }
.metro-content .metro-title { margin-bottom: 10px; }

.metro-homepage { text-align: center; position: relative; min-height: 193px; }
.metro-homepage img { display: block; }

/* end view metro */
/* view services */
.services-block .view-header { margin-bottom: 60px; margin-top: -40px; }
.services-block .sub-title { font-size: 1.142em; font-weight: normal !important; line-height: 1.3em; }
.services-block .views-col { position: relative; padding: 20px 20px 30px; -webkit-transition: all, 0.5s; -moz-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; }
.services-block .views-col:hover, .services-block .views-col:focus { background: rgba(0, 0, 0, 0.7); }
.services-block .views-col:hover .views-field-view-node a, .services-block .views-col:hover .views-field-title-1 a, .services-block .views-col:focus .views-field-view-node a, .services-block .views-col:focus .views-field-title-1 a { border: 2px solid #cc8126; color: #fff; background: #cc8126; }
.services-block .views-col:hover .views-field-field-icon, .services-block .views-col:focus .views-field-field-icon { margin-bottom: 15px; margin-top: 15px; }
.services-block .views-field-field-icon { text-align: center; margin-bottom: 30px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.services-block .views-field-field-icon .nc-icon-glyph { font-size: 4.286em; color: #fff; }
.services-block .views-field-title { margin-bottom: 30px; line-height: 1; }
.services-block .views-field-title a { font-size: 1.5em; text-transform: uppercase; color: #b4b4b4; }
.services-block .views-field-body { margin-bottom: 35px; }
.services-block .views-field-view-node a, .services-block .views-field-title-1 a { display: inline-block; padding: 12px 50px; border: 2px solid; font-size: 0.857em; text-transform: uppercase; color: #fff; border-color: #fff; background-color: none; transition: all 0.3s; font-family: "open_sansregular"; }

/* end view services */
/* view about us */
.about-us-block { text-align: center; overflow: hidden; }
.about-us-block .view-header { margin-bottom: 60px; margin-top: -45px; }
.about-us-block .view-content { margin-left: -20px; }
.about-us-block .sub-title { text-align: center; font-size: 1.142em; font-weight: 600; margin-bottom: 21px; color: #fff0a6; font-family: "open_sansregular"; }
.about-us-block p { margin-bottom: 0; }

.owl-carousel-about-us.owl-theme .owl-controls { margin-top: 0; position: relative; /* two line */ /* end two line */ /* note */ /* end note */ }
.owl-carousel-about-us.owl-theme .owl-controls:before { content: ""; position: absolute; top: 50%; margin-top: -1px; left: 0; width: 100%; height: 1px; background: #bc291f; }
.owl-carousel-about-us.owl-theme .owl-controls:after { content: ""; position: absolute; top: 50%; margin-top: -2px; left: 0; width: 100%; height: 1px; background: #f16b62; }
.owl-carousel-about-us.owl-theme .owl-controls .owl-page, .owl-carousel-about-us.owl-theme .owl-controls .owl-dot { display: inline-block; }
.owl-carousel-about-us.owl-theme .owl-controls .owl-page span, .owl-carousel-about-us.owl-theme .owl-controls .owl-dot span { background: #fcf0b3; height: 13px; width: 13px; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset; opacity: 1; position: relative; display: block; }
.owl-carousel-about-us.owl-theme .owl-controls .owl-page span:hover:before, .owl-carousel-about-us.owl-theme .owl-controls .owl-page span:focus:before, .owl-carousel-about-us.owl-theme .owl-controls .owl-dot span:hover:before, .owl-carousel-about-us.owl-theme .owl-controls .owl-dot span:focus:before { background: #ad251c; position: absolute; top: 4px; left: 4px; content: ""; width: 5px; height: 5px; border-radius: 50%; }
.owl-carousel-about-us.owl-theme .owl-controls .owl-page.active span, .owl-carousel-about-us.owl-theme .owl-controls .owl-dot.active span { position: relative; }
.owl-carousel-about-us.owl-theme .owl-controls .owl-page.active span:before, .owl-carousel-about-us.owl-theme .owl-controls .owl-dot.active span:before { background: #ad251c; position: absolute; top: 4px; left: 4px; content: ""; width: 5px; height: 5px; border-radius: 50%; }
.owl-carousel-about-us.owl-theme .owl-controls .owl-pagination, .owl-carousel-about-us.owl-theme .owl-controls .owl-dots { background: #000 url("../images/bg-panel-3.png") center top repeat; display: inline-block; padding: 0 7px; position: relative; z-index: 2; }
.owl-carousel-about-us.owl-theme .owl-controls { margin-left: 20px; margin-top: 15px; }
.owl-carousel-about-us .views-row { padding-left: 20px; }
.owl-carousel-about-us .views-field-field-image { margin-bottom: 22px; }
.owl-carousel-about-us .views-field-field-image img { /* width: 360px !important; */ height: auto; }
.owl-carousel-about-us .views-field-title { margin-bottom: 3px; font-size: 1.214em; }
.owl-carousel-about-us .views-field-title a { color: #fff; }
.owl-carousel-about-us .views-field-title a:hover, .owl-carousel-about-us .views-field-title a:focus { text-decoration: underline; }
.owl-carousel-about-us .views-field-field-position { margin-bottom: 23px; }
.owl-carousel-about-us .views-field-field-position .field-content { color: #fff0a6; font-size: 0.857em; }
.owl-carousel-about-us .views-field-body { margin-bottom: 26px; }
.owl-carousel-about-us .views-field-nothing { margin-right: 5px; }
.owl-carousel-about-us .views-field-nothing .nc-icon-glyph { width: 23px; height: 23px; line-height: 23px; color: #fff; background: #ad251c; box-shadow: 0 0 1px 100px rgba(255, 255, 255, 0.1) inset; margin-bottom: 3px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.owl-carousel-about-us .views-field-nothing .nc-icon-glyph:hover, .owl-carousel-about-us .views-field-nothing .nc-icon-glyph:focus { background: #f99a58; box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.6) inset; }
.owl-carousel-about-us .owl-wrapper-outer { margin-bottom: 55px; }

/* End view about us */
/* View blog */
.blogs-block .sub-title { text-align: center; color: #232530; font-size: 1.142em; font-weight: normal !important; line-height: 1.3em; }
.blogs-block .view-header { margin-top: -40px; margin-bottom: 60px; }
.blogs-block .view-content { margin-right: -30px; }

.owl-carousel-blogs.owl-theme .owl-controls { margin-top: 0; position: relative; /* two line */ /* end two line */ /* note */ /* end note */ }
.owl-carousel-blogs.owl-theme .owl-controls:before { content: ""; position: absolute; top: 50%; margin-top: -1px; left: 0; width: 100%; height: 1px; background: #d19f22; }
.owl-carousel-blogs.owl-theme .owl-controls:after { content: ""; position: absolute; top: 50%; margin-top: -2px; left: 0; width: 100%; height: 1px; background: #fae2a6; }
.owl-carousel-blogs.owl-theme .owl-controls .owl-page, .owl-carousel-blogs.owl-theme .owl-controls .owl-dot { display: inline-block; }
.owl-carousel-blogs.owl-theme .owl-controls .owl-page span, .owl-carousel-blogs.owl-theme .owl-controls .owl-dot span { background: #fcf0b3; height: 13px; width: 13px; border-radius: 50%; margin: 0 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset; opacity: 1; position: relative; display: block; }
.owl-carousel-blogs.owl-theme .owl-controls .owl-page span:hover:before, .owl-carousel-blogs.owl-theme .owl-controls .owl-page span:focus:before, .owl-carousel-blogs.owl-theme .owl-controls .owl-dot span:hover:before, .owl-carousel-blogs.owl-theme .owl-controls .owl-dot span:focus:before { background: #9e7100; position: absolute; top: 4px; left: 4px; content: ""; width: 5px; height: 5px; border-radius: 50%; }
.owl-carousel-blogs.owl-theme .owl-controls .owl-page.active span, .owl-carousel-blogs.owl-theme .owl-controls .owl-dot.active span { position: relative; }
.owl-carousel-blogs.owl-theme .owl-controls .owl-page.active span:before, .owl-carousel-blogs.owl-theme .owl-controls .owl-dot.active span:before { background: #9e7100; position: absolute; top: 4px; left: 4px; content: ""; width: 5px; height: 5px; border-radius: 50%; }
.owl-carousel-blogs.owl-theme .owl-controls .owl-pagination, .owl-carousel-blogs.owl-theme .owl-controls .owl-dots { background: #000 url("../images/bg-panel-4.png") center top repeat; display: inline-block; padding: 0 7px; position: relative; z-index: 2; }
@media (min-width: 992px) { .owl-carousel-blogs.owl-theme .owl-controls { margin-right: 30px; } }
.owl-carousel-blogs .views-row { padding-right: 30px; }
.owl-carousel-blogs .item { margin-bottom: 30px; background-color: #FFFDFB; padding: 20px; }
.owl-carousel-blogs .item:before, .owl-carousel-blogs .item:after { content: " "; display: table; }
.owl-carousel-blogs .item:after { clear: both; }
.owl-carousel-blogs .views-field { overflow: hidden; }
.owl-carousel-blogs .views-field-field-image { float: left; margin: -20px 20px -20px -20px; }
.owl-carousel-blogs .views-field-nothing { overflow: hidden; }
.owl-carousel-blogs .views-field-title { margin-bottom: 9px; line-height: 1; word-wrap: break-word; }
.owl-carousel-blogs .views-field-title a { font-size: 1.214em; color: #cc8126; }
.owl-carousel-blogs .views-field-title a:hover, .owl-carousel-blogs .views-field-title a:focus { text-decoration: underline; }
.owl-carousel-blogs .views-field-created { font-size: 0.857em; color: #232530; margin-bottom: 9px; }
.owl-carousel-blogs .views-field-body { font-size: 0.928em; color: #232530; margin-bottom: 13px; word-wrap: break-word; }
.owl-carousel-blogs .views-field-body p:last-child { margin-bottom: 0; }
.owl-carousel-blogs .views-field-view-node a { font-family: "open_sansregular"; font-size: 13px; font-style: italic; color: #cc8126; }
.owl-carousel-blogs .views-field-view-node a:hover, .owl-carousel-blogs .views-field-view-node a:focus { text-decoration: underline; }
.owl-carousel-blogs .owl-wrapper-outer { margin-bottom: 60px; }

/* End view blog */
/* view portfolio */
.portfolio-isotope .portfolio-select-list { display: none; }
.portfolio-isotope .view-header { text-align: center; margin-bottom: 45px; margin-top: -20px; }
.portfolio-isotope .view-header:before, .portfolio-isotope .view-header:after { content: " "; display: table; }
.portfolio-isotope .view-header:after { clear: both; }
@media (min-width: 768px) { .portfolio-isotope .view-header .views-row { display: inline-block; margin-bottom: 10px; }
  .portfolio-isotope .view-header .views-row > a { display: inline-block; border: 1px solid; font-size: 1.142em; padding: 8px 35px; font-family: "open_sansregular"; margin-right: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-transform: uppercase; color: #232530; border-color: #232530; background-color: none; transition: all 0.3s; text-transform: none; }
  .portfolio-isotope .view-header .views-row > a:hover, .portfolio-isotope .view-header .views-row > a:focus { color: #fff; border-color: #cc8126; background-color: #cc8126; }
  .portfolio-isotope .view-header .views-row > a.current { text-transform: uppercase; color: #fff; border-color: #cc8126; background-color: #cc8126; transition: all 0.3s; text-transform: none; } }
.portfolio-isotope .view-header > div { display: inline-block; }
.portfolio-isotope .view-content-body { margin-right: -8px; position: relative; overflow: hidden; }
.portfolio-isotope .view-content-body .views-row { width: 20%; padding-right: 8px; margin-bottom: 8px; }
.portfolio-isotope .view-content-body .views-row:hover .view-field-nothing, .portfolio-isotope .view-content-body .views-row:focus .view-field-nothing { opacity: 1; transform: translate(0); -webkit-transform: translate(0); -o-transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); }
.portfolio-isotope .views-field { position: relative; overflow: hidden; }
.portfolio-isotope .view-field-nothing { position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.8); height: 101%; overflow: hidden; width: 100%; text-align: center; opacity: 0; transform: translate(-300px, 0); -webkit-transform: translate(-300px, 0); -o-transform: translate(-300px, 0); -ms-transform: translate(-300px, 0); -moz-transform: translate(-300px, 0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.portfolio-isotope .views-field-title { text-align: center; }
.portfolio-isotope .views-field-title a { display: block; background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 1.142em; margin-bottom: 12px; margin-top: 30px; padding: 10px 3px; color: #fff; }
.portfolio-isotope .views-field-title a:hover, .portfolio-isotope .views-field-title a:focus { text-decoration: underline; }
.portfolio-isotope .views-field-body { padding: 0 10px; font-size: 0.928em; }
.portfolio-isotope .views-field-view-node { position: static; overflow: visible; }
.portfolio-isotope .views-field-view-node a { display: inline-block; position: absolute; bottom: 0; right: 0; font-size: 0; width: 36px; height: 36px; text-align: center; background: rgba(35, 37, 48, 0.9); box-shadow: 0 0 1px 100px rgba(255, 255, 255, 0.1) inset; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.portfolio-isotope .views-field-view-node a:before { display: inline-block; font-family: "Nucleo Mini"; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea66"; position: absolute; display: inline-block; top: 0; left: 50%; margin-left: -6px; font-size: 14px; line-height: 35px; color: #fff; }
.portfolio-isotope .views-field-view-node a:hover, .portfolio-isotope .views-field-view-node a:focus { box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.6) inset; background: rgba(204, 129, 38, 0.9); }

.owl-carousel-portfolio { margin-bottom: 33px; /* Flex-slider */ /* end flex-slider */ }
.owl-carousel-portfolio .owl-theme .owl-controls { position: relative; margin-top: 44px; /* note */ /* end note */ }
.owl-carousel-portfolio .owl-theme .owl-controls .owl-page span { background: none; height: 13px; width: 13px; border-radius: 50%; margin: 0 3px; border: 1px solid #d0d0d0; opacity: 1; position: relative; }
.owl-carousel-portfolio .owl-theme .owl-controls .owl-page span:hover:before, .owl-carousel-portfolio .owl-theme .owl-controls .owl-page span:focus:before { background: #cc8126; position: absolute; top: 3px; left: 3px; content: ""; width: 5px; height: 5px; border-radius: 50%; }
.owl-carousel-portfolio .owl-theme .owl-controls .owl-page.active span { border: 1px solid #cc8126; position: relative; }
.owl-carousel-portfolio .owl-theme .owl-controls .owl-page.active span:before { background: #cc8126; position: absolute; top: 3px; left: 3px; content: ""; width: 5px; height: 5px; border-radius: 50%; }
.owl-carousel-portfolio .owl-theme .owl-controls .owl-pagination { display: inline-block; padding: 0 10px; position: relative; z-index: 2; }
.owl-carousel-portfolio ul.slides { padding-left: 0; }
.owl-carousel-portfolio .flex-viewport { margin-bottom: 20px; }
.owl-carousel-portfolio .flex-direction-nav { display: none; }
.owl-carousel-portfolio .flex-control-paging { text-align: center; padding: 0; }
.owl-carousel-portfolio .flex-control-paging:before, .owl-carousel-portfolio .flex-control-paging:after { content: " "; display: table; }
.owl-carousel-portfolio .flex-control-paging:after { clear: both; }
.owl-carousel-portfolio .flex-control-paging li { list-style: none; display: inline-block; }
.owl-carousel-portfolio .flex-control-paging li a { display: inline-block; background: none; height: 13px; width: 13px; border-radius: 50%; margin: 0 3px; border: 1px solid #d0d0d0; opacity: 1; position: relative; font-size: 0; }
.owl-carousel-portfolio .flex-control-paging li a:hover:before, .owl-carousel-portfolio .flex-control-paging li a:focus:before { background: #cc8126; position: absolute; top: 3px; left: 3px; content: ""; width: 5px; height: 5px; border-radius: 50%; }
.owl-carousel-portfolio .flex-control-paging li a.flex-active { border: 1px solid #cc8126; position: relative; }
.owl-carousel-portfolio .flex-control-paging li a.flex-active:before { background: #cc8126; position: absolute; top: 3px; left: 3px; content: ""; width: 5px; height: 5px; border-radius: 50%; }

/* end view portfolio */
/* menu block module navigation und Detailansicht */
body.page-node-type-service p { line-height: 1.6em; }
body.page-node-type-service .services-block-navigation .views-col { position: relative; padding: 10px 5px; -webkit-transition: all, 0.5s; -moz-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; line-height: 120%; }
body.page-node-type-service .services-block-navigation .views-col:hover, body.page-node-type-service .services-block-navigation .views-col:focus { background-color: #cc8126; }

#block-views-block-services-block-2 { margin-top: 4em; border-top: 1px dotted #ccc; padding-top: 2em; }
#block-views-block-services-block-2 .view-header h3 { margin: 0; padding: 0; padding-bottom: 1.2em; text-align: center; }

.services-block-navigation .weitere-leistungen { text-align: center; }
.services-block-navigation .weitere-leistungen a { font-size: 1em; text-transform: uppercase; line-height: 150%; color: #333333; text-decoration: underline; }

/* eof menu block module navigation */
.main { min-height: 390px; }

.front #page { background-color: #222; }

body.front { background-color: #222222; }

#content .page-title { text-align: center; margin-bottom: 30px; }

.not-front .header { background: #363b43; margin-bottom: 75px; padding-bottom: 15px; }
.not-front .header .container { position: relative; }
.not-front #block-sitebranding { position: absolute; left: 15px; top: 5px; }
.not-front #block-sitebranding img { width: 120px; }
.not-front .main { padding-bottom: 85px; }
.not-front .responsive-menu-button + div { display: block !important; }
.not-front #block-onepage-main-menu { text-align: left; }

/* Panel first */
.section-first { color: #b4b4b4; text-align: center; background-color: #15161a; }
.section-first .container { padding-top: 60px; padding-bottom: 60px; }
.section-first h2 { color: #cc8126; margin-bottom: 60px; line-height: 1; }

/* End Panel first */
/* Panel second */
.section-second { background: #eeeeee url("../images/section-leistungen-berge-dunst.jpg") no-repeat scroll center top; color: #232520; }
.section-second .container { padding-top: 60px; padding-bottom: 60px; }
.section-second h2 { text-align: center; margin-bottom: 60px; color: #cc8126; }
.section-second a { font-weight: bold; outline: medium none; text-decoration: underline; transition: all 0.3s ease 0s; font-family: "open_sansregular"; color: #cc8126; }
.section-second a:hover, .section-second a:focus { color: #232530; outline: none; text-decoration: none; }

/* End Panel second */
/* Panel third */
.section-third { background: #6a6359 url("../images/section-preise-l2.jpg") no-repeat scroll center center; color: #fff; }
.section-third .container { padding-top: 60px; padding-bottom: 57px; }
.section-third .section-third-inner { background: transparent; }
.section-third h2 { color: #cc8126; font-weight: 700; text-align: center; margin-bottom: 60px; }
.section-third .text-formatted.field.field--name-body a { font-weight: bold; outline: medium none; text-decoration: underline; transition: all 0.3s ease 0s; font-family: "open_sansregular"; color: #cc8126; }
.section-third .text-formatted.field.field--name-body a:hover, .section-third .text-formatted.field.field--name-body a:focus { color: #fff; outline: none; text-decoration: none; }

/*  End Panel third */
/* Panel-fourth */
.section-fourth { background-color: #72685A; color: #9f7200; }
.section-fourth h2 { color: #cc8126; font-weight: 700; text-align: center; margin-bottom: 60px; }
.section-fourth .container { padding-top: 60px; padding-bottom: 56px; }

/* End Panel-fourth */
/* panel-fifth */
.section-fifth { background-color: #bbb4ab; color: #232530; }
.section-fifth h2 { color: #cc8126; font-weight: 700; text-align: center; margin-bottom: 60px; }
.section-fifth .container { padding-top: 60px; padding-bottom: 60px; }

/* End panel-fifth */
/* panel-fifth */
.section-sixth.section { background-color: #ddd; color: #232530; }
.section-sixth.section h2 { color: #cc8126; font-weight: 700; text-align: center; margin-bottom: 60px; font-size: 3.286em; }
.section-sixth.section .container { padding-top: 60px; padding-bottom: 60px; }

/* End panel-fifth */
.content-detail .field-items .nc-icon-glyph { margin-right: 5px; }

.messages { margin-bottom: 20px; margin-bottom: 10px; }

.comment .field--name-comment-body { margin-bottom: 20px; }

#edit-field-bio-wrapper .tips { margin-left: 30px; }

/* YP Custom */
div.introtext { color: #fff; }
div.introtext h3 { color: #fff; }
div.introtext a { font-weight: bold; outline: medium none; text-decoration: underline; transition: all 0.3s ease 0s; font-family: "open_sansregular"; color: #cc8126 !important; }
div.introtext a:hover, div.introtext a:focus { color: #fff !important; outline: none; text-decoration: none; }

.flex-control-nav { position: static; }

.flex-control-paging li a { box-shadow: inherit; -webkit-box-shadow: inherit; -moz-box-shadow: inherit; }

.container-fluid { padding-left: 0; padding-right: 0; }

.row-fluid, .container-fluid > .row { margin-left: 0; margin-right: 0; }
.row-fluid > [class^="col-"], .container-fluid > .row > [class^="col-"] { padding-left: 0; padding-right: 0; }

.row-wider { margin-left: -30px; margin-right: -30px; }
.row-wider > [class^="col-"] { padding-left: 0; padding-right: 0; }

@media (max-width: 1199px) { /* view portfolio */
  .portfolio-isotope .view-content-body .views-row { width: 33.333333%; padding-right: 8px; } }
/* end view portfolio */
@media (min-width: 992px) { .front .region-primary-menu { display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) { /* view metro */
  .metro-link .nc-icon-glyph { top: 37px; font-size: 58px; }
  .metro-link a { padding-top: 115px; }
  .metro-link a:hover .fa, .metro-link a:hover .nc-icon-glyph { top: 48px; }
  .metro-homepage { min-height: 158px; }
  /* end view metro */ }
@media (max-width: 991px) { /* header */
  .intro-block-home { width: 68%; margin-top: 47px; }
  /* end header */
  /* view metro */
  .metro-link { width: 25%; }
  .metro-content { width: 50%; }
  .metro-homepage { min-height: 183px; }
  /* end view metro */
  /* menu responsive */
  .fixed-menu { text-align: center; }
  .responsive-menu-button { display: block; padding: 10px 0; color: #fff; font-size: 1.571em; font-family: "Sorts Mill Goudy", serif; text-transform: uppercase; }
  .responsive-menu-button:hover, .responsive-menu-button:focus { color: #fff; }
  .not-front .responsive-menu-button { display: none; }
  .front .header .navbar-toggle { display: none; }
  .front .responsive-menu-button + div { display: none; }
  .front #main-menu .region-primary-menu { display: none; }
  .front #main-menu nav ul { margin: 0; padding: 0; text-align: center; }
  .front #main-menu nav ul li { list-style: none; padding: 0; border-bottom: 1px solid #242629; }
  .front #main-menu nav ul li a { border-bottom: 1px solid #404650; display: block; padding: 15px; text-transform: uppercase; font-size: 1.142em; color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .front #main-menu nav ul li a:hover, .front #main-menu nav ul li a:focus { background: #cc8126; }
  .front #main-menu nav ul li a.current { background: #cc8126; }
  .front #main-menu nav ul li:last-child { border-bottom: none; }
  .front #main-menu nav ul li:last-child a { border-bottom: none; }
  /* end menu responsive */
  /* view services */
  .services-block .views-view-grid .views-col { float: none; width: 100% !important; }
  /* end view services */
  body.page-node-type-service .services-block-navigation .views-view-grid .views-col { float: none; width: 100% !important; }
  /* view blog */
  .blogs-block .view-content { margin-right: 0; }
  .owl-carousel-blogs .views-row { padding-right: 0; }
  /* End view blog */
  /* view portfolio */
  .portfolio-isotope .view-content-body .views-row { width: 33.33333%; padding-right: 8px; }
  /* end view portfolio */
  /* block contact */
  .contact-content { width: 100%; float: none; padding-right: 0; margin-bottom: 30px; }
  .iframe-map { padding-left: 0; width: 100%; float: none; }
  /* end block contact */
  /* content-detail */
  .content-detail .field-name-field-image { margin-right: 25px; }
  /* end content-detail */
  /* Mobile menu */
  .not-front #header { padding: 0; }
  #block-menu-menu-head-menu-mobile { display: block; }
  #block-menu-menu-head-menu, #block-system-user-menu { display: none; }
  #header { padding-bottom: 15px; }
  .not-front { /* end Mobile-menu */ }
  .not-front #page { padding-left: 0; right: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; position: relative; margin-right: 0; }
  .not-front #page.toggled { right: 250px; }
  .not-front .btn-close { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; display: block; color: white; cursor: pointer; position: absolute; padding: 5px 10px; right: 0; top: -28px; font-size: 12px; color: #aaa; }
  .not-front .btn-close:hover, .not-front .btn-close:focus { color: white; }
  .not-front .navbar-toggle { display: inline-block; padding: 32px 26px; float: none; border: none; margin: 0; border-radius: 0; background: #cc8126; float: right; }
  .not-front .navbar-toggle .icon-bar { background-color: #fff !important; }
  .not-front .navbar-toggle:hover, .not-front .navbar-toggle:focus { background: #017a88; }
  .not-front #page.toggled .mobile-main-menu { right: 0; display: block; }
  .not-front .overlay { cursor: pointer; position: fixed; left: 0; top: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; }
  .not-front .mobile-main-menu { position: fixed; top: 0; bottom: 0; right: -250px; width: 250px; height: 100%; z-index: 1000; overflow-y: auto !important; background: #333; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; display: block !important; padding: 30px 0 0; }
  .not-front .nav .open > a { background: none; }
  .not-front .nav .open > a:hover, .not-front .nav .open > a:focus { background: none; }
  .not-front .navbar-collapse { border: none; box-shadow: none; max-height: none; }
  .not-front .navbar-collapse.collapse { overflow-y: auto !important; }
  .not-front .mobile-main-menu { /* main-menu */ /* end main-menu */ }
  .not-front .mobile-main-menu .region-primary-menu { position: relative; }
  .not-front .mobile-main-menu .container { padding: 0; position: static; width: auto; }
  .not-front .mobile-main-menu a { color: #ccc; text-transform: none; }
  .not-front .mobile-main-menu a:hover, .not-front .mobile-main-menu a:focus { color: #fff; }
  .not-front .mobile-main-menu ul { width: 250px; padding-left: 0; margin: 0; }
  .not-front .mobile-main-menu ul a { display: block; font-size: 14px; line-height: 14px; text-decoration: none; }
  .not-front .mobile-main-menu ul a:hover, .not-front .mobile-main-menu ul a:focus { background-color: #404040; }
  .not-front .mobile-main-menu ul > li { margin-left: 0; margin-bottom: 0; padding-top: 0; padding-right: 0; list-style: none; float: none; display: block; }
  .not-front .mobile-main-menu ul > li > a { border-top: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; padding: 15px; background: none; }
  .not-front .mobile-main-menu ul > li > a.active, .not-front .mobile-main-menu ul > li > a.active-trail { color: #fff !important; background-color: #1a1a1a; }
  .not-front .mobile-main-menu ul > li > a.active-trail { color: #fff; }
  .not-front .mobile-main-menu ul > li > a:hover:before, .not-front .mobile-main-menu ul > li > a:focus:before { border-top-color: #fff; }
  .not-front .mobile-main-menu ul > li ul { padding: 5px 0 15px 30px; }
  .not-front .mobile-main-menu ul > li ul li a { padding: 7px 0; border: 0 none; box-shadow: none; }
  .not-front .mobile-main-menu ul > li ul li a.active-trail { color: #fff; }
  .not-front .mobile-main-menu ul > li ul li a:hover, .not-front .mobile-main-menu ul > li ul li a:focus { background-color: transparent; }
  .not-front .mobile-main-menu ul > li ul li ul { padding-left: 20px; }
  .not-front .mobile-main-menu ul > li ul li ul a { border-bottom: none; }
  .not-front .mobile-main-menu ul > li ul.menu > li > a { background: none; }
  .not-front .mobile-main-menu ul .expanded > a { position: relative; }
  .not-front .mobile-main-menu ul .expanded > a:before { content: ""; position: absolute; right: 10px; top: 50%; margin-top: -2px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #aeaeae; }
  .not-front .mobile-main-menu ul .expanded.active-trail ul li .active, .not-front .mobile-main-menu ul .expanded.active-trail ul li a.active-trail { background-color: transparent; } }
@media (max-width: 767px) { #block-sitebranding { float: none; }
  .front #logo { float: none; }
  .header { margin-bottom: 30px; text-align: center; }
  .intro-block-home { margin-bottom: 30px; text-align: center; width: 100%; }
  .intro-block-home h1 { font-size: 1.571em; }
  .intro-block-home p { font-size: 1em; }
  /* end header */
  /* view metro */
  .metro-link { width: 50%; }
  .metro-content { width: 100%; }
  .metro-content img { width: 100%; }
  .metro-content .views-field-body { display: none; }
  .metro-content .metro-info { background: rgba(204, 129, 38, 0.6); text-align: left; position: absolute; bottom: 0; width: 101%; height: 57px; display: block; padding: 20px; }
  .metro-content .metro-info a { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; color: #fff; font-size: 1.428em; }
  .metro-content .metro-info a:hover, .metro-content .metro-info a:focus { text-decoration: underline; }
  .metro-content .metro-info .field-body { display: none; }
  .metro-homepage { min-height: 180px; }
  /* end view metro */
  /* view portfolio */
  .portfolio-isotope .portfolio-select-list { display: block; height: 44px; border: 1px solid #232530; padding: 0 20px; width: 100%; color: #232530; font-family: "open_sansregular"; font-size: 1.142em; background: none; }
  .portfolio-isotope .portfolio-select-list option { padding: 10px 20px; height: 44px; background: none; }
  .portfolio-isotope .view-header { margin-bottom: 50px; }
  .portfolio-isotope .view-header .views-row { display: none; text-align: left; border-right: 2px solid #232530; border-left: 2px solid #232530; }
  .portfolio-isotope .view-header .views-row > a { color: #232530; display: block; border-bottom: 1px solid #d0d0d0; font-size: 1.142em; width: 100%; font-family: "open_sansregular"; padding: 10px 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-transform: none; /*  &.current { text-transform: none; } */ }
  .portfolio-isotope .view-header .views-row > a:hover, .portfolio-isotope .view-header .views-row > a:focus { color: #cc8126; }
  .portfolio-isotope .view-header .views-row:last-child { border-bottom: 2px solid #232530; }
  .portfolio-isotope .view-header .views-row:last-child a { border-bottom: none; }
  .portfolio-isotope .view-header .views-row:first-child { border-top: 2px solid #333; }
  .portfolio-isotope .view-header > div { display: block; }
  .portfolio-isotope .view-header .mobile-item { cursor: pointer; border: none; background: none; border: 2px solid #232530; }
  .portfolio-isotope .view-header .mobile-item > a { color: #232530; position: relative; border: none; background: none; }
  .portfolio-isotope .view-header .mobile-item > a:before { position: absolute; bottom: 50%; right: 10px; margin-bottom: -5px; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #232530; }
  .portfolio-isotope .view-header .mobile-item > a:hover, .portfolio-isotope .view-header .mobile-item > a:focus { background: none; color: #232530; }
  .portfolio-isotope .view-header .tab-open .mobile-item > a:before { border-top: none; border-bottom: 5px solid #232530; }
  .portfolio-isotope .view-content-body .views-row { width: 50%; padding-right: 8px; }
  .portfolio-isotope .views-field-body { display: none; }
  .portfolio-isotope .views-field-view-node { display: none; }
  .portfolio-isotope .view-field-nothing { transform: translate(0); -webkit-transform: translate(0); -o-transform: translate(0); -ms-transform: translate(0); -moz-transform: translate(0); opacity: 1; background: none; position: absolute; bottom: 0; left: 0; top: auto; height: auto; }
  .portfolio-isotope .view-field-field-images a { display: block; }
  .portfolio-isotope .views-field-title { margin-top: 0; margin-bottom: 0; }
  .portfolio-isotope .views-field-title a { margin-top: 0; margin-bottom: 0; }
  /* end view portfolio */
  /* content detail */
  .content-detail .field-name-field-image { margin-right: 20px; margin-bottom: 15px; }
  /* end content detail */
  /*  block comment */
  .content-comment .indented { padding-left: 100px; }
  /* end block comment*/
  /* footer */
  .footer { text-align: center; }
  .footer .region-footer > div { float: none; width: 100%; text-align: center; }
  .footer .copyright { float: none; margin-bottom: 15px; }
  .footer .socials { float: none; }
  .footer .socials .social-list { float: none; display: inline-block; }
  .footer .socials .social-list li { margin: 0 3px; }
  .footer .socials p { float: none; display: inline-block; }
  /* end footer */ }
@media (max-width: 640px) { h1 { font-size: 2.571em; }
  /* Page login */
  .form-text, .form-email { max-width: 100%; width: 100%; }
  nav.tabs { text-align: center; }
  nav.tabs ul li { float: none; display: inline-block; }
  nav.tabs ul li a { display: inline-block; }
  /* end page login */
  .owl-carousel-portfolio { margin-bottom: 25px; }
  .owl-carousel-portfolio .owl-theme .owl-controls { margin-top: 36px; /* note */ } }
@media (max-width: 609px) { body.toolbar-fixed .toolbar-oriented, .toolbar-oriented .toolbar-bar, .toolbar-oriented .toolbar-tray { position: fixed; top: 0; } }
@media (max-width: 560px) { /* view blog */
  .owl-carousel-blogs .views-field-field-image { margin: 0 20px 0 0; }
  /* end view blog */
  /* Page login */
  nav.tabs { text-align: center; }
  nav.tabs ul li { float: none; margin-right: 0; margin-bottom: 7px; }
  nav.tabs ul li a { display: inline-block; min-width: 200px; min-height: 44px; }
  /* end page login */ }
@media (max-width: 480px) { .section h2 { font-size: 2.5em; }
  /*  block comment */
  .js-comment { padding-left: 70px; }
  .js-comment img { max-width: 60px; }
  .js-comment footer a { float: none; margin-right: 0; }
  .content-comment h2 { font-size: 1.786em; }
  .content-comment .indented { padding-left: 25px; }
  /* end block comment*/
  /* view metro */
  .metro-homepage { min-height: 172px; }
  .metro-content .metro-info { height: 44px; padding: 12px; }
  .metro-content .metro-title a { margin-bottom: 10px; }
  /* end view metro */
  /* view portfolio */
  .portfolio-isotope .view-content-body .views-row { width: 100%; padding-right: 8px; }
  .owl-carousel-portfolio { margin-bottom: 20px; }
  .owl-carousel-portfolio .owl-theme .owl-controls { margin-top: 31px; /* note */ }
  /* end view portfolio */
  /* content detail */
  .content-detail .title, .content-detail #block-pagetitle h1, #block-pagetitle .content-detail h1 { font-size: 2.142em; }
  .content-detail .field-name-field-image { float: none; text-align: center; margin-right: 0; max-width: 100%; margin-bottom: 15px; }
  .content-detail .field-name-field-icon { float: none; margin-right: 0; }
  /* end content detail */
  nav.tabs ul li { margin-left: 0; display: block; }
  nav.tabs ul li a { display: block; } }
@media (max-width: 375px) { .metro-content .metro-info { height: 44px; padding: 12px; }
  .metro-content .metro-title a { margin-bottom: 10px; } }
@media (max-width: 360px) { .header h1 { margin-bottom: 15px; line-height: 1.4; }
  /* view metro */
  .metro-link .nc-icon-glyph { top: 31px; font-size: 58px; }
  .metro-link a { padding-top: 101px; }
  .metro-link a:hover .nc-icon-glyph { top: 40px; }
  .metro-homepage { min-height: 149px; }
  .metro-content .metro-title a { margin-bottom: 10px; font-size: 1.214em; }
  /* end view metro */
  /* view blog */
  .owl-carousel-blogs .views-field-field-image img { max-width: 80px; }
  /* end view blog */
  /* view portfolio */
  .portfolio-isotope .view-content-body .views-row { width: 100%; padding-right: 8px; }
  .owl-carousel-portfolio { margin-bottom: 15px; }
  .owl-carousel-portfolio .owl-theme .owl-controls { margin-top: 26px; /* note */ }
  /* end view portfolio */
  /* content detail */
  .content-detail .field-name-field-image { float: none; }
  /* end content detail */
  /*  block comment */
  .content-comment .indented { padding-left: 15px; }
  /* end block comment*/ }
@media (max-width: 320px) { /* view metro */
  .metro-link .nc-icon-glyph { top: 33px; font-size: 58px; }
  .metro-link a { padding-top: 106px; }
  .metro-link a:hover .nc-icon-glyph { top: 43px; }
  .metro-homepage { min-height: 149px; }
  /* end view metro */ }