@-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } *::selection { color: #ffffff; background-color: #3a8eca; } *::-moz-selection { color: #ffffff; background-color: #3a8eca; } html { overflow-y: scroll; -ms-overflow-style: scrollbar; } body#body { background-color: #6dbcbf; position: relative; } .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.500s; -moz-transition: opacity 0.500s; -ms-transition: opacity 0.500s; -o-transition: opacity 0.500s; transition: opacity 0.500s; opacity: 1; } .sqrallwaysfullwidth { margin-left: -20px; margin-right: -20px; } @media screen and (max-width: 767px) { .sqrmobilefullwidth { margin-left: -20px; margin-right: -20px; } .sqrmobileboxed { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width: 1023px) { .sqrallwaysfullwidth .sqrmobileboxed { padding-left: 20px; padding-right: 20px; } } .paragraphsidebarright img, .paragraphsidebarleft img { max-width: 100%; width:100%; height:auto; } .paragraphsidebarright p, .paragraphsidebarleft p, .paragraphpicture p, #body .paragraphsidebarright h3, #body .paragraphsidebarleft h3, #body .paragraphpicture h3 { margin: 5px 0; } #page, #left, #container { padding: 0; } #top, #main, #bottom, #footer { position: relative; padding: 20px; } #bg-container, #particles-js { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden !important; } #sidebarleft { background-color: #c3f4f6; background-color: rgba(195, 244, 246, 1); padding: 20px; } #main { background-color: #9beeee; } #topbar { padding: 10px 20px; line-height: 40px; min-height: 60px; position: relative; color: #ffffff; background-color: #4985b5; } .topbar-right { position: absolute; top: 10px; right: 15px; padding: 0; margin: 0; text-align: right; } #common { display: inline-block; } #common a { text-transform: uppercase } .socialicons { display: inline-block; } .socialicons a { font-size: 1.5em; margin: 0 0 0 10px; float: left; } #common a, .socialicons a { color: #2ee617; text-decoration: none; -webkit-transition: color 0.2s; transition: color 0.2s; } #common a:hover, .socialicons a:hover { color: #0b4b4b; text-decoration: none; } .header-logo { padding: 50px 15px; text-align: center; background-color: #ddf7fc; background-color: rgba(221, 247, 252, 1); } .header-logo img { margin: 0 auto; } #top { border-bottom: 1px solid #85eaea; background-color: #9beeee; } .header-bottom { border-top: 1px solid #85eaea; } #sidebarleft { color: #000000; } #sidebarleft h2, #sidebarleft h3{ color: #333333; } #sidebarleft a { color: #3a8eca; } #sidebarleft a:hover, #sidebarleft a:focus { color: #21bed5; } #eyecatcher { padding: 0; width: 100%; display: block; overflow: hidden; position: relative; background-color: #9beeee; } #eyecatcher img { width: 100%; min-width: 100%; height: auto; border: 0; margin: 0 auto; } #eyecatcher .container { position: relative; margin: 0 auto; } #eyecatcher .summary { color: #ffffff; position: absolute; bottom: 0; z-index: 1; padding: 0 20px 10px; width: 100%; } #eyecatcher .summary a { color: #ffffff; } #eyecatcher .summary h2 { color: #ffffff; } #body .breadcrumb { margin: 0 0 10px 0; font-size: 90%; color: #6d7070; } #body .breadcrumb a { text-decoration: none; -webkit-transition: color 0.2s; transition: color 0.2s; } #body .breadcrumb a:hover, #body .breadcrumb a:focus { text-decoration: none; } #body .breadcrumb > li + li::before { content: "»"; } #body .breadcrumb > li.no-separator + li::before { content: ""; } a.accordionlink { color: #000000; } a.accordionlink:hover, a.accordionlink:focus { color: #000000; } /* #left h2:first-child, #sidebarright h2:first-child { margin-top: 0 } */ .thumbnail h3, .thumbnail .h3 { margin: 0; } ul.teaserpicturecaption li { box-sizing: initial; } .nginfobox, .nganimatedbox { box-sizing: content-box } #audioopen, #audioclose { display: none; } #bottom h2, #bottom h3 { color: #000000; } #bottom { color: #ffffff; border: 1px solid #85eaea; border-width: 1px 0 1px; background-color: #9beeee; } div[class^=paragraphborder] p { margin: 5px 0; } a { transition-delay: 0s; transition-duration: 0.3s; transition-property: all; transition-timing-function: ease-in-out } a.btn, .ngparaguestbook .ngparaguestbookstars a { -moz-transition: none; -webkit-transition: none; -o-transition: all 0 ease-in; transition: none; } ul.list li p { margin: 0; } .tabcontainer { background-color: #ffffff; } .fluid-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .fluid-video > iframe, .fluid-video > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } video { width: 100% !important; height: auto !important; } #bottom a { color: #0b5656 } #bottom a:hover, #bottom a:focus { color: #000000 } #footer { padding: 20px; background-color: #6dbcbf; color: #000000; } #footer p { margin: 0; padding-right: 45px; } #footer a { color: #000000 } #footer a:hover, #footer a:focus { color: #000000 } #nav { margin-bottom: 0; } #search { display: inline; } #searchform { position: relative; margin-left: 10px; } #searchlabel { height: 2.5em; position: relative; z-index: 30; } #searchlabel label { height: 2.5em; font-size: 20px; cursor: pointer; } #searchlabel label i { color: #2ee617; padding-right: 10px; } #searchlabel.active label i { color: #4985b5; } #searchinput { top: 0; right: 0; width: 0; height: 2.5em; overflow: hidden; position: absolute; } #searchinput input { display: block; position: absolute; top: 0; width: 0; height: 100%; margin: 0; border: none; background-color: #2ee617; color: #4985b5; font-size: 18px; opacity: 0; -webkit-backface-visibility: none; -moz-backface-visibility: none; -ms-backface-visibility: none; backface-visibility: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: opacity 0.33s; -moz-transition: opacity 0.33s; -ms-transition: opacity 0.33s; -o-transition: opacity 0.33s; transition: opacity 0.33s; } #searchinput input:focus { outline: none } #searchform.focus #searchinput { z-index: 20; width: 550px; } #searchform.focus #searchinput input { width: 550px; padding: 0 40px 0 10px; opacity: 1; } #nav .main-menu.nav > li em.ngshopcartindicator { display: none; background: #000000; color: #000000; font-style: normal; padding: 4px 8px; border-radius: 5px; font-weight: normal; margin: -4px 0 -4px 0.5em; } #nav .main-menu.nav > li em.ngshopcartindicatoractive { display: inline-block; } .flex-control-paging li a { background: url(../img/?f=bullet&ca=ffffff) no-repeat 0 -20px; } .flex-direction-nav a, .flex-direction-nav a:hover, .flex-direction-nav a:focus { color: #ffffff; } #eyecatcher #control-video { position: absolute; font-size: 1em; top: 15px; right: 15px; padding: 10px; background-color: #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity: 0; transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; } #eyecatcher #control-video a, #eyecatcher #control-video i { width: 1em; text-align: center; } #eyecatcher:hover #control-video { opacity: .5; } #eyecatcher:hover #control-video:hover { opacity: .75; } #eyecatcher #control-video a { color: #fff; } #eyecatcher #control-video a:last-child { margin-left: .5em; } #eyecatcher #control-video a:hover, #eyecatcher #control-video a:focus, #eyecatcher #control-video a:active { text-decoration: none; outline: none; } a#scroll-top { display: inline-block; z-index: 999; font-family: FontAwesome; position: absolute; right: 20px; bottom: 15px; text-align: center; height: 30px; width: 30px; font-size: 25px; color: #ffffff; background-color: #9beeee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } a#scroll-top:hover { background-color: #dcf9f9; text-decoration: none; } a#scroll-top:hover, a#scroll-top:active, a#scroll-top:focus { color: #ffffff; outline: none; } @media (max-width:1199px) { .columncontainer { background: none !important; } .paragraph.overflow-x { overflow-x: auto; } } @media (max-width: 991px) { img.img-responsive { margin-left: auto; margin-right: auto; } } @media (min-width:768px) and (max-width:1199px) { #left { width: 25%; float: left; } #container { max-width: 75%; width: 75%; float: right; } } @media (min-width:1200px) { #bg-container:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: url("./../../vertika/img/overlay/purty-wood.png"); } #page.container { width: 1170px; } #left { width: 300px; float: left; } #container { max-width: 870px; width: 870px; float: right; } } @media (min-width:1200px) { #page.container { width: 1170px; } #left { width: 300px; } #container { max-width: 870px; width: 870px; } } @media (min-width: 768px) { #left.affix { top: 0; transform: none; -webkit-transform: none; z-index: 999; } #nav { border: none; border-width: 0px; } #nav-default, #nav-inverse { background: none; } #navbar-collapse.navbar-collapse { padding: 0; } .main-menu, .main-menu.nav > li, .main-menu.navbar-nav, .main-menu.navbar-nav > li { float: none; } #nav .main-menu.nav > li { display: block; position: relative; text-align: center; border-top: 1px solid #3dbaec; } #nav .main-menu.nav > li > a { display: block; position: relative; padding: 10px 15px; text-decoration: none; text-shadow: none; position: relative; outline: none; background-color: #54c2ee; background-color: rgba(84, 194, 238, 0.9); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.03), rgba(255,255,255,.03)); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.03), rgba(255,255,255,.03)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.03), rgba(255,255,255,.03)); background-image: linear-gradient(to top, rgba(0,0,0,.03), rgba(255,255,255,.03)); transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -webkit-backface-visibility: hidden; } #nav .main-menu.nav > li.dropdown > a { padding-right: 30px; } #nav .main-menu.nav > li > a:hover, #nav .main-menu.nav > li > a:focus { background-color: #54c2ee; } #nav .main-menu.nav .dropdown.active > div:before { color: #6bf284; } .main-menu.nav li a span { display: inline-block; width: 100%; position: relative; z-index: 2; } #nav ul.dropdown-menu li a { display: block; background-color: transparent; background-image: none; color: #000000; font-size: 14px; padding: 5px 15px; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; white-space: normal; } #nav ul.dropdown-menu li a:hover, #nav ul.dropdown-menu li a:focus { color: #111111; background: #0bedf6; background-image: none; } #nav .main-menu.nav > li.active + li.active { border-top: 1px solid #0851ca; } #nav .main-menu.nav > li.active > a, #nav .main-menu.nav > li.active > a:hover, #nav .main-menu.nav > li.active > a:focus { background-image: none; box-shadow: none; background-color: rgba(15, 102, 246, 0.9); color: #6bf284; text-shadow: none; } #nav .main-menu.nav .dropdown.active .dropdown > div:before { color: #000000; } #nav .main-menu.nav .dropdown.active .dropdown.active > div:before { color: #6bf284; } .main-menu.nav > li > a:focus, .main-menu.nav > li > a:hover, .navbar .main-menu.navbar-nav > li > a:focus, .navbar .main-menu.navbar-nav > li > a:hover, .navbar-inverse .main-menu.navbar-nav > li > a:focus, .navbar-inverse .main-menu.navbar-nav > li > a:hover { background-color: #54c2ee; background-color: rgba(84, 194, 238, 0.9); } .main-menu.nav > li > a:after { position: absolute; content: ''; top: 0; left: 0; width: 0; height: 100%; background-color: #54c2ee; background-color: rgba(84, 194, 238, 1); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; z-index: 1; } #nav .dropdown-menu { font-size: 14px; position: absolute; display: block; top: 0; width: 220px; visibility: hidden\0/; opacity: 0; z-index: 3; left: 100%; padding: 0; margin: 0; border-width: 0px 1px 1px 0px; border-bottom: 1px solid #08d7df; background-color: rgba(11, 237, 246, 0.9); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); } #nav .dropdown-menu li { border-top: 1px solid #08d7df; border-right: 1px solid #08d7df; position: relative; } #nav.navbar .dropdown > .dropdown-menu { display: block; } #nav .dropdown:hover > .dropdown-menu { visibility: visible; opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; } .main-menu.nav > .dropdown > div:before, .main-menu.nav .dropdown .dropdown > div:before { position: absolute; top: 0; right: 0; width: 30px; padding: 10px 10px; font-family: FontAwesome; text-align: center; content: "\f105"; transition: transform 0.5s; } .main-menu.nav .dropdown .dropdown > div:before { padding: 5px 10px; font-size: 14px; line-height: 1.42857143; } .main-menu.nav > li:hover > a:after { width: 100%; z-index: 0; } .main-menu.nav > li.active:hover > a:after { width: 0%; } #nav .main-menu.nav li.active > a, #nav .main-menu.nav li.active > a:hover, #nav .main-menu.nav li.active > a:focus { background-image: none; box-shadow: none; background-color: rgba(15, 102, 246, 0.9); color: #6bf284; text-shadow: none; } } @media (max-width: 767px) { .header-logo { padding: 10px 0; } h1, .h1, h2, .h2 { text-align: center; } .paragraphborder_default { border: none !important; background: none !important; box-shadow: none !important; } #nav.navbar, #nav.navbar-default, #nav.navbar-inverse { background-image: none; background-color: #54c2ee; border-color: #26b1e9; border-left-width: 0; border-right-width: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #nav.navbar-default .navbar-collapse, #nav.navbar-default .navbar-form { border-color: #26b1e9; } #nav.navbar-default .navbar-toggle:focus, #nav.navbar-default .navbar-toggle:hover, #nav.navbar-default .navbar-nav > .active > a, #nav.navbar-default .navbar-nav > .active > a:focus, #nav.navbar-default .navbar-nav > .active > a:hover, #nav.navbar-default .navbar-nav > .open > a, #nav.navbar-default .navbar-nav > .open > a:focus, #nav.navbar-default .navbar-nav > .open > a:hover, #nav.navbar-default .navbar-nav .open .dropdown-menu > .active > a, #nav.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, #nav.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, #nav.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, #nav.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, #nav.navbar-default .navbar-nav > li > a:focus, #nav.navbar-default .navbar-nav > li > a:hover { background-color: #3dbaec; } #nav.navbar .dropdown .dropdown > a:after { content: ""; } #nav.navbar .dropdown .dropdown > .dropdown-menu { display: block; padding-top: 0; } #nav.navbar .dropdown .dropdown > .dropdown-menu > li > a { padding-left: 45px; } #nav.navbar .dropdown .dropdown > .dropdown-menu > li > a:before { font-family: FontAwesome; content: "\f101"; position: absolute; left: 30px; } #topbar { min-height: 45px; } #common, .topbar-right, .socialicons { text-align: center; display: block; line-height: 1.8em; } .socialicons a { float: none; } .socialicons a:first-child { margin-left: 0px } .topbar-right { position: relative; top: 0; right: 0; } #search { display: none; } } .sqrcommonnavhierarchical { display: block; list-style: none; text-align: left; padding: 0; } .sqrcommonnavhierarchical>li { display: block; list-style: none; padding: 0 0 5px 0; } .sqrcommonnavhierarchical>li>ul { display: block; margin: 0; padding: 5px 0 15px 0; } .sqrcommonnavhierarchical>li>ul>li { list-style: none; margin: 0; padding: 0 0 2px 0; } .sqrcommonnavhierarchical:after, .sqrcommonnav:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .sqrcommonnavhierarchical a { color: #000000; } .sqrcommonnavhierarchical>li>em { font-style: normal; color: #000000; } .sqrcommonnavhierarchical a:hover, .sqrcommonnavhierarchical a:focus { color: #000000; text-decoration: none; } @media screen and (min-width: 992px) { .sqrcommonnavhierarchical>li { float: left; padding-right: 5%; } .sqrcommonnavhierarchical2col>li { width: 50%; } .sqrcommonnavhierarchical3col>li { width: 33.3333333%; } .sqrcommonnavhierarchical4col>li { width: 25%; } .sqrcommonnavhierarchical5col>li { width: 20%; } } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.header { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .animated.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }