/* ============================================================ ========================= DEFAULT ========================== ============================================================ */ /* ============================== General ============================== */ /* Font info: ----------------------------------------------------------- - Regular: font-weight: 400; font-style: normal; - Regular Italic: font-weight: 400; font-style: italic; - Semibold: font-weight: 600; font-style: normals; - Bold: font-weight: 700; font-stlye: normal; */ /* Grid info: ========== Mobile First Method ========== Custom, iPhone Retina @media only screen and (min-width : 320px) { } Extra Small Devices, Phones @media only screen and (min-width : 480px) { } Small Devices, Tablets @media only screen and (min-width : 768px) { } Medium Devices, Desktops @media only screen and (min-width : 992px) { } Large Devices, Wide Screens @media only screen and (min-width : 1200px) { } ========== Non-Mobile First Method ========== Large Devices, Wide Screens @media only screen and (max-width : 1200px) { } Medium Devices, Desktops @media only screen and (max-width : 992px) { } Small Devices, Tablets @media only screen and (max-width : 768px) { } Extra Small Devices, Phones @media only screen and (max-width : 480px) { } Custom, iPhone Retina @media only screen and (max-width : 320px) { } ----------------------------------------------------------- */ body { background: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; font-style: normal; line-height: 1.57142857142857; color: #8a8a8a; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; color: #1a1a1a; } h1 { font-size: 34px; } h2 { font-size: 34px; } h3 {} h4 {} h5 {} h6 {} p { margin: 0 0 2em; } img { vertical-align: middle; max-width: 100%; } input, button, textarea, select { font-family: 'Open Sans', sans-serif; background: #fff; } .bg-tone-1 { background-color: #f7f8fa; } .hr { width: 100%; height: 13px; background: url(../img/hr.png) no-repeat 50% 50%; } .btn { font-size: 15px; font-weight: 600; } .btn.btn-default { background: #f7f8fa; border-color: #a1a1a1; color: #a1a1a1; } .btn.btn-default:hover { background: #f7f8fa; border-color: #000; color: #1a1a1a; } .btn.btn-primary {} .gallery-pager { list-style: none; margin: 0; padding: 0; font-size: 0; text-align: center; } .gallery-pager li { display: inline-block; margin-left: 13px; } .gallery-pager li:first-child { margin-left: 0; } .gallery-pager li a { display: block; text-decoration: none; } .gallery-pager li a i { display: block; width: 12px; height: 12px; background: url('../img/gallery-pager.png') no-repeat -12px 0; } .gallery-pager li.active a i, .gallery-pager li:hover a i { background-position: 0 0; } /* ============================== Header ============================== */ #header #lang-selector > .btn { min-width: 176px; background: transparent; color: #fff; text-transform: uppercase; } #header #lang-selector > .btn:hover { border-color: #fff; color: #fff; } #header #lang-selector i { display: inline-block; margin-right: 6px; width: 30px; height: 22px; margin-bottom: -7px; background-image: url(../img/lang-icons.png); background-repeat: no-repeat; } #header #lang-selector i.lang-en { background-position: 0 -22px; } #header #lang-selector i.lang-ru { background-position: 0 -44px; } #header #lang-selector i.lang-hu { background-position: 0 -66px; } #header #lang-selector i.lang-de { background-position: 0 -88px; } #header #lang-selector i.lang-cn { background-position: 0 -110px; } #header #lang-selector-box .lang-caret { display: inline-block; margin-left: 4px; width: 11px; height: 6px; position: relative; top: -2px; background-repeat: no-repeat; background-position: 0 0; } #header #lang-selector-box .btn-group.open .lang-caret { background-position: -11px 0; } #header #lang-selector-box .btn-group li { cursor: pointer; font-weight: 600; color: #a1a1a1; text-transform: uppercase; } #header #lang-selector-box .btn-group li a { display: block; padding: 0; outline: none; } #header #lang-selector-box .btn-group .dropdown-toggle:active { box-shadow: none; } #header #lang-selector-box .btn-group.open .dropdown-toggle { background: transparent; box-shadow: none; border-radius: 4px 4px 0 0; } #header #lang-selector-box .btn-group.open .dropdown-menu { background: #fff; min-width: 176px; box-shadow: none; border-radius: 0; padding: 5px 0; border-color: #fff; } #header #lang-selector-box .btn-group.open .dropdown-menu li { position: relative; background: transparent; font-weight: 600; text-transform: uppercase; padding: 6px 12px 6px 26px; border-top: 1px solid #fff; color: #a1a1a1; } #header #lang-selector-box .btn-group.open .dropdown-menu li:first-child { border-top: 0; } #header #lang-selector-box .btn-group.open .dropdown-menu li:hover { background: #f7f8fa; } #header #lang-selector-box .btn-group.open .dropdown-menu li:hover:before, #header #lang-selector-box .btn-group.open .dropdown-menu li:hover:after { display: block; content: ' '; position: absolute; left: 0; right: 0; height: 1px; background: #ececec; } #header #lang-selector-box .btn-group.open .dropdown-menu li:hover:before { top: 0; } #header #lang-selector-box .btn-group.open .dropdown-menu li:hover:after { bottom: 0; } #header #lang-selector-box .btn-group.open .dropdown-menu li a { color: #000000; } @media only screen and (max-width: 400px) { #header #lang-selector > .btn, #header #lang-selector-box .btn-group.open .dropdown-menu { min-width: 156px; } } #header #header-motto { margin-bottom: 30px; padding: 0 15px; text-align: center; color: #fff; font-size: 60px; font-weight: 700; } #header #header-motto span { color: #008ed6; } #header #header-links {} #header #header-links a { display: inline-block; color: #008ed6; text-decoration: none; } #header #header-links a:hover { color: #00a9ff; } #header .scroll-to-content-box { text-align: center; } #header .scroll-to-content-box .scroll-to-content { display: inline-block; padding: 0; margin: 0; background: transparent; border: 0; width: 92px; height: 92px; } #header .scroll-to-content-box .scroll-to-content i { display: inline-block; width: 100%; height: 100%; background: url(../img/content-scroll-large-btns.png) no-repeat 0 0; } #header .scroll-to-content-box .scroll-to-content:hover i { background-position: -102px 0; } #header #header-video-wrapper { position: absolute; z-index: 0; top: 0; right: 0; left :0; overflow: hidden; } #header #header-video { position: absolute; bottom: 0; } /* ============================== Navigation ============================== */ #navigation { margin-bottom: 0; background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,.05); position: relative; border-radius: 0; } #navigation.navigation-fixed { position: fixed; top: 0; left :0; right: 0; z-index: 1000; } #navigation .container { position: relative; } #navigation #navigation-logo-box { position: absolute; top: 22px; left: 15px; } #navigation #Navigation-logo-box #navigation-logo {} #navigation #navigation-logo-box #navigation-logo img {} #navigation .navigation-list { float: right; margin: 0; padding: 0; } #navigation .navigation-list li { } #navigation .navigation-list li a { display: block; padding: 33px 25px 32px; text-decoration: none; color: #a1a1a1; line-height: 1; font-size: 15px; font-weight: 600; text-transform: uppercase; } #navigation .navigation-list li:hover a { color: #7a7a7a; } #navigation .navigation-list li.active a { color: #1a1a1a; background: transparent; } @media only screen and (max-width: 1200px) { #navigation #navigation-logo-box { display: none; } #navigation .navigation-list { float: none; margin-left: auto; margin-right: auto; } #navigation .navigation-list li a { padding-left: 18px; padding-right: 18px; font-size: 14px; } } @media only screen and (max-width: 992px) { #navigation .navigation-list li a { padding-left: 14px; padding-right: 14px; font-size: 13px; } } @media only screen and (max-width: 768px) { #navigation .navigation-list li a { font-size: 12px; } } @media only screen and (max-width: 767px) { #navigation #navigation-logo-box { display: block; top: 6px; } #navigation .navigation-list li a { padding: 18px; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { #navigation .navigation-list { display: table; text-align: center; } #navigation .navigation-list > li { display: table-cell; } } /* ============================== Main ============================== */ #main { min-height: 100%; } #navigation.navigation-fixed + #main { padding-top: 80px; } /* ============================== Footer ============================== */ #footer { background: #1a1a1a; background: url(../img/footer-bg.jpg) no-repeat 50% 0; } #footer .scroll-to-top-box { text-align: center; margin-top: 58px; margin-bottom: 50px; } #footer .scroll-to-top-box .scroll-to-top { display: inline-block; padding: 0; margin: 0; background: transparent; border: 0; width: 92px; height: 92px; } #footer .scroll-to-top-box .scroll-to-top i { display: inline-block; width: 100%; height: 100%; background: url(../img/content-scroll-large-btns.png) no-repeat 0 -92px; } #footer .scroll-to-top-box .scroll-to-top:hover i { background-position: -102px -92px; } #footer #footer-logo-box { text-align: center; margin-bottom: 20px; } #footer #footer-logo-box #footer-logo { display: inline-block; } #footer #footer-logo-box #footer-logo img { display: block; } #footer #footer-logo-box #footer-logo:hover img { opacity: .7; } #footer #footer-navigation {} #footer #footer-navigation .navigation-list { display: table; list-style: none; padding: 0; margin: 0 auto; } #footer #footer-navigation .navigation-list li { display: table-cell; color: #fff; font-weight: 600; font-size: 15px; } #footer #footer-navigation .navigation-list li a { display: block; text-decoration: none; color: #fff; padding: 10px 24px; border-radius: 3px; } #footer #footer-navigation .navigation-list li:hover a { background: rgba(255,255,255,.1); } #footer #footer-social { display: table; list-style: none; padding: 0; margin: 20px auto; } #footer #footer-social li { display: table-cell; padding: 0 6px; } #footer #footer-social li a { display: block; text-decoration: none; width: 43px; height: 50px; } #footer #footer-social li:hover a { opacity: .7; } #footer #footer-social li a i { display: block; width: 100%; height: 100%; background-image: url(../img/social-icons-footer.png); background-repeat: no-repeat; } #footer #footer-social li.fb a i { background-position: 0 0; } #footer #footer-social li.tw a i { background-position: -56px 0; } #footer #footer-social li.gp a i { background-position: -112px 0; } #footer #footer-social li.vk a i { background-position: -168px 0; } #footer #rights { text-align: center; margin-bottom: 42px; } @media only screen and (max-width: 992px) { #footer #footer-navigation .container { width: auto; } #footer { background: #1a1a1a; text-align: center; } #footer #footer-navigation .navigation-list { display: block; margin: 0; padding: 0; } #footer #footer-navigation .navigation-list li { display: block; } } /* ============================== General ============================== */ .general-pages { background-image: url(../img/general-pages-bg.png); background-position: 50% 0; background-repeat: no-repeat; } @media only screen and (max-width: 812px) { .general-pages { background-image: none; } } .general-pages h2 { margin-top: 26px; margin-bottom: 28px; font-size: 24px; text-align: left; } .general-pages #main-container { position: relative; min-height: 100%; } .general-pages #main-container #content-section { margin: 0 230px; padding-left: 15px; padding-right: 15px; padding-bottom: 60px; } .general-pages #sidebar-1, .general-pages #sidebar-2 { position: absolute; top: 0; width: 230px; min-height: 100%; padding-top: 32px; } .general-pages #sidebar-1 { left: 0; } .general-pages #sidebar-2 { right: 0; } @media only screen and (max-width: 1200px) { .general-pages #main-container #content-section { margin: 0 auto; } .general-pages #sidebar-1, .general-pages #sidebar-2 { position: static; width: 48.5%; } .general-pages #sidebar-1 { float: left; } .general-pages #sidebar-2 { float: right; } .general-pages #sidebar-2 { margin-bottom: 60px; } .general-pages #content-section #content-menu { display: block !important; } .general-pages #sidebar-1 #sidebar-menu { display: none !important; } } /* @media only screen and (max-width: 820px) { .general-pages #content-section { width: auto; } .general-pages #sidebar-1, .general-pages #sidebar-2 { width: auto; float: none; } } */ .general-pages .sidebar-box { margin-bottom: 20px; } .general-pages .sidebar-box .sidebar-header { position: relative; padding: 12px; min-height: 40px; background: #008ed6; color: #fff; font-size: 15px; text-align: center; text-transform: uppercase; } .general-pages .sidebar-box .sidebar-header * { color: #fff; font-size: 15px; text-align: center; text-transform: uppercase; } .general-pages .sidebar-box .sidebar-header:after { display: block; position: absolute; z-index: 1; bottom: -8px; left: 50%; margin-left: -5px; content: ' '; width: 0; height: 0; border-style: solid; border-width: 8px 10px 0 10px; border-color: #008ed6 transparent transparent transparent; } .general-pages .sidebar-box .sidebar-content { background: #fff; border: 1px solid #dedede; } .general-pages .sidebar-box.sidebar-box-dark .sidebar-header { background: #1a1a1a; } .general-pages .sidebar-box.sidebar-box-dark .sidebar-header:after { border-color: #1a1a1a transparent transparent transparent; } .general-pages #sidebar-1 #sidebar-menu { background: #fff; margin-bottom: 20px; } .general-pages #sidebar-1 #sidebar-menu a, .general-pages #sidebar-1 #sidebar-menu a:hover { text-decoration: none; } .general-pages #sidebar-1 #sidebar-menu ul { list-style: none; margin: 0; padding: 0; } .general-pages #sidebar-1 #sidebar-menu ul li a { position: relative; } .general-pages #sidebar-1 #sidebar-menu > ul > li > a { display: block; padding: 12px 13px 12px 36px; background: #f0f2f2; color: #1a1a1a; border-top: 1px solid #ececec; font-size: 14px; text-transform: uppercase; } .general-pages #sidebar-1 #sidebar-menu > ul > li:hover > a { background: #f9f9f9; } .general-pages #sidebar-1 #sidebar-menu > ul > li + li > a { border-bottom: 1px solid #fff; } .general-pages #sidebar-1 #sidebar-menu > ul > li.active > a { background: #008ed6; color: #fff; } .general-pages #sidebar-1 #sidebar-menu > ul > li > ul { display: none; } .general-pages #sidebar-1 #sidebar-menu > ul > li.active ul { display: block; } .general-pages #sidebar-1 #sidebar-menu > ul > li > ul > li > a { display: block; padding: 12px 13px 12px 36px; color: #333333; border-top: 1px solid #ececec; } /* color #8a8a8a*/ .general-pages #sidebar-1 #sidebar-menu > ul > li > ul > li:first-child > a { border-bottom: 0; } .general-pages #sidebar-1 #sidebar-menu > ul > li > ul > li.active a { color: #008ed6; font-weight: 600; } .general-pages #sidebar-1 #sidebar-menu > ul > li > ul > li:hover > a { background: #f9f9f9; } .general-pages #sidebar-1 #sidebar-menu > ul > li .menu-icon { display: block; left: 0; top: 0; z-index: 0; width: 45px; height: 45px; position: absolute; background-image: url(../img/sidebar-menu-icons.png); background-repeat: no-repeat; } .general-pages #sidebar-1 #sidebar-menu > ul > li.menu-profile .menu-icon { background-position: 0 0; } .general-pages #sidebar-1 #sidebar-menu > ul > li.menu-messages .menu-icon { background-position: 0 -45px; } .general-pages #sidebar-1 #sidebar-menu > ul > li.menu-finances .menu-icon { background-position: 0 -90px; } .general-pages #sidebar-1 #sidebar-menu > ul > li.menu-platforms .menu-icon { background-position: 0 -135px; } .general-pages #sidebar-1 #sidebar-menu > ul > li.menu-webinars .menu-icon { background-position: 0 -180px; } .general-pages #sidebar-1 #sidebar-menu > ul > li .menu-caret { display: block; width: 12px; height: 6px; position: absolute; right: 13px; top: 21px; background-image: url(../img/caret-dark-icons.png); background-repeat: no-repeat; background-position: 0 0; } .general-pages #sidebar-1 #sidebar-menu > ul > li.active .menu-caret { background-image: url(../img/caret-icons.png); background-position: -11px 0; } .general-pages #sidebar-1 #sidebar-menu > ul > li.menu-balance .menu-icon { background-image: url(../images/balance_money.png); top: 15px; left: 10px; height:20px; } .general-pages #sidebar-1 #sidebar-menu > ul > li.menu-url .menu-icon { background-image: url(../images/web-url.png); top: 15px; left: 10px; height:20px; } .general-pages #sidebar-1 #sidebar-menu > ul > li.menu-url a.url { padding: 20px 0; text-align:center; font-weight: bold; color: #008ED6; border: 1px solid #F0F2F2; } .general-pages #content-section #content-menu { background: #fff; margin-bottom: 20px; display: none; } .general-pages #content-section #content-menu a, .general-pages #content-section #content-menu a:hover { text-decoration: none; } .general-pages #content-section #content-menu ul { list-style: none; margin: 0; padding: 0; } .general-pages #content-section #content-menu ul li a { position: relative; } .general-pages #content-section #content-menu > ul > li > a { display: block; padding: 12px 13px 12px 36px; background: #f0f2f2; color: #1a1a1a; border-top: 1px solid #ececec; font-size: 14px; text-transform: uppercase; } .general-pages #content-section #content-menu > ul > li:hover > a { background: #f9f9f9; } .general-pages #content-section #content-menu > ul > li + li > a { border-bottom: 1px solid #fff; } .general-pages #content-section #content-menu > ul > li.active > a { background: #008ed6; color: #fff; } .general-pages #content-section #content-menu > ul > li > ul { display: none; } .general-pages #content-section #content-menu > ul > li.active ul { display: block; } .general-pages #content-section #content-menu > ul > li > ul > li > a { display: block; padding: 12px 13px 12px 36px; color: #8a8a8a; border-top: 1px solid #ececec; } .general-pages #content-section #content-menu > ul > li > ul > li:first-child > a { border-bottom: 0; } .general-pages #content-section #content-menu > ul > li > ul > li.active a { color: #008ed6; font-weight: 600; } .general-pages #content-section #content-menu > ul > li > ul > li:hover > a { background: #f9f9f9; } .general-pages #content-section #content-menu > ul > li .menu-icon { display: block; left: 0; top: 0; z-index: 0; width: 45px; height: 45px; position: absolute; background-image: url(../img/sidebar-menu-icons.png); background-repeat: no-repeat; } .general-pages #content-section #content-menu > ul > li.menu-profile .menu-icon { background-position: 0 0; } .general-pages #content-section #content-menu > ul > li.menu-messages .menu-icon { background-position: 0 -45px; } .general-pages #content-section #content-menu > ul > li.menu-finances .menu-icon { background-position: 0 -90px; } .general-pages #content-section #content-menu > ul > li.menu-supervision-order .menu-icon { background-position: 0 -135px; } .general-pages #content-section #content-menu > ul > li.menu-webinars .menu-icon { background-position: 0 -180px; } .general-pages #content-section #content-menu > ul > li .menu-caret { display: block; width: 12px; height: 6px; position: absolute; right: 13px; top: 21px; background-image: url(../img/caret-dark-icons.png); background-repeat: no-repeat; background-position: 0 0; } .general-pages #content-section #content-menu > ul > li.active .menu-caret { background-image: url(../img/caret-icons.png); background-position: -11px 0; } .general-pages #sidebar-1 #sidebar-cars ul { list-style: none; margin: 0; padding: 0; } .general-pages #sidebar-1 #sidebar-cars ul li { margin: 0; padding: 10px 10px 0 10px; display: block; } .general-pages #sidebar-1 #sidebar-cars ul li .item-box { border-bottom: 1px solid #e0e0e0; } .general-pages #sidebar-1 #sidebar-cars ul li:last-child .item-box { border-bottom: 0; } .general-pages #sidebar-1 #sidebar-cars ul li a { display: block; color: #008ed6; font-weight: 700; padding-bottom: 10px; line-height: 1; } .general-pages #sidebar-1 #sidebar-cars ul li a img { display: block; width: 100%; max-width: 100%; height: auto; } .general-pages #sidebar-1 #sidebar-houses ul { list-style: none; margin: 0; padding: 0; } .general-pages #sidebar-1 #sidebar-houses ul li { margin: 0; padding: 10px 10px 0 10px; display: block; } .general-pages #sidebar-1 #sidebar-houses ul li:first-child { padding-top: 20px; } .general-pages #sidebar-1 #sidebar-houses ul li .item-box { border-bottom: 1px solid #e0e0e0; } .general-pages #sidebar-1 #sidebar-houses ul li:last-child .item-box { border-bottom: 0; } .general-pages #sidebar-1 #sidebar-houses ul li a { display: block; color: #008ed6; font-weight: 700; padding-bottom: 10px; line-height: 1; } .general-pages #sidebar-1 #sidebar-houses ul li a img { display: block; width: 100%; max-width: 100%; height: auto; } .general-pages #sidebar-1 #exchange-rate-box .sidebar-content { padding: 10px; } .general-pages #sidebar-1 #exchange-rate-box table { width: 100%; border: 0; border-spacing: 20px 10px; border-collapse: separate; } .general-pages #sidebar-1 #exchange-rate-box table thead th { padding: 5px 0; border-bottom: 1px solid #c9c9c9; font-size: 13px; color: #2a2b2c; text-align: center; font-weight: 400; } .general-pages #sidebar-1 #exchange-rate-box table tbody td { padding: 0; text-align: center; color: #2a2b2c; font-weight: 600; } .general-pages #sidebar-1 #exchange-rate-box table tbody td span { display: block; color: #008ed6; } .general-pages #sidebar-2 #sidebar-products ul { list-style: none; margin: 0; padding: 0; } .general-pages #sidebar-2 #sidebar-products ul li { margin: 0; padding: 10px 10px 0 10px; display: block; } .general-pages #sidebar-2 #sidebar-products ul li:first-child { padding-top: 20px; } .general-pages #sidebar-2 #sidebar-products ul li .item-box { border-bottom: 1px solid #e0e0e0; } .general-pages #sidebar-2 #sidebar-products ul li:last-child .item-box { border-bottom: 0; } .general-pages #sidebar-2 #sidebar-products ul li a { display: block; color: #008ed6; font-weight: 700; padding-bottom: 10px; line-height: 1; } .general-pages #sidebar-2 #sidebar-products ul li a img { display: block; width: 100%; max-width: 100%; height: auto; } .general-pages #sidebar-2 #sidebar-promotion .sidebar-content { border: 0; } .general-pages #sidebar-2 #sidebar-promotion ul { list-style: none; margin: 0; padding: 0; } .general-pages #sidebar-2 #sidebar-promotion ul li a { display: block; } .general-pages #sidebar-2 #sidebar-promotion ul li a img { display: block; width: 100%; max-width: 100%; height: auto; } .general-pages #sidebar-2 #sidebar-fresh-news ul { list-style: none; margin: 0; padding: 0; } .general-pages #sidebar-2 #sidebar-fresh-news ul li { position: relative; margin: 0; padding: 10px 10px 0 10px; display: block; } .general-pages #sidebar-2 #sidebar-fresh-news ul li:first-child { padding-top: 20px; } .general-pages #sidebar-2 #sidebar-fresh-news ul li a { display: block; font-weight: 400; font-size: 13px; color: #2a2b2c; } .general-pages #sidebar-2 #sidebar-fresh-news ul li .img-box:after { display: block; content: ' '; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.2) url(../img/image-pattern.png) repeat 0 0; z-index: 1; } .general-pages #sidebar-2 #sidebar-fresh-news ul li:hover a { text-decoration: none; } .general-pages #sidebar-2 #sidebar-fresh-news ul li.featured:after { display: block; position: absolute; content: ' '; width: 50px; height: 50px; background: url(../img/featured-icon.png) no-repeat 0 0; background-size: cover; top: 25px; right: 25px; z-index: 1; opacity: .8; } .general-pages #sidebar-2 #sidebar-fresh-news ul li .img-box { display: block; position: relative; } .general-pages #sidebar-2 #sidebar-fresh-news ul li .img-box img { display: block; width: 100%; opacity: .7; } .general-pages #sidebar-2 #sidebar-fresh-news ul li:hover .img-box img { opacity: 1; } .general-pages #sidebar-2 #sidebar-fresh-news ul li:hover .img-box:after { display: none; } .general-pages #sidebar-2 #sidebar-fresh-news ul li a img { display: block; width: 100%; max-width: 100%; height: auto; } .general-pages #sidebar-2 #sidebar-fresh-news ul li a .title { display: block; text-transform: uppercase; } .general-pages #sidebar-2 #sidebar-fresh-news ul li a time { display: block; font-size: 12px; color: #008ed6; } .general-pages #sidebar-2 #sidebar-fresh-news .btn-box { margin: 20px 0; text-align: center; } .general-pages #sidebar-2 #sidebar-ndhotels a, .general-pages #sidebar-2 #sidebar-ndhotels a img { display: block; width: 100%; max-width: 100%; } .general-pages #sidebar-2 #sidebar-ndhotels .sidebar-content { border: 0; } .general-pages #sidebar-2 #sidebar-webinars a { display: block; height: 57px; padding: 12px 0 0 30px; font-size: 14px; line-height: 1.2; text-transform: uppercase; font-weight: 600; background: url(../img/sidebar-webinars.png) no-repeat 50% 50%; text-align: center; color: #2a2b2c; } .general-pages #sidebar-2 #sidebar-webinars a span { display: block; font-size: 13px; font-weight: 400; text-transform: none; } .general-pages #sidebar-2 #sidebar-webinars a:hover { text-decoration: none; opacity: .8; } .general-pages #sidebar-2 #sidebar-document-download ul { list-style: none; margin: 0; padding: 20px; } .general-pages #sidebar-2 #sidebar-document-download ul li { position: relative; margin: 0; margin-top: 20px; display: block; } .general-pages #sidebar-2 #sidebar-document-download ul li:first-child { margin-top: 0; } .general-pages #sidebar-2 #sidebar-document-download ul li a { display: table; text-decoration: underline; color: #008ed6; font-weight: 600; font-size: 13px; } .general-pages #sidebar-2 #sidebar-document-download ul li a:hover { text-decoration: none; } .general-pages #sidebar-2 #sidebar-document-download ul li a i { display: table-cell; vertical-align: top; width: 30px; height: 40px; background: url(../img/sidebar-download-icon.png) no-repeat 0 0; } .general-pages #sidebar-2 #sidebar-document-download ul li a:hover i { opacity: .8; } .general-pages #sidebar-2 #sidebar-document-download ul li a span.title { display: table-cell; vertical-align: top; padding-left: 10px; } .general-pages #header { display: table; width: 100%; border-spacing: 0; border-collapse: collapse; } .general-pages #header .container { padding-left: 0; padding-right: 0; } .general-pages #header .container > div { display: table-cell; height: 50px; padding: 0; text-align: left; vertical-align: middle; font-size: 14px; white-space: nowrap; } .general-pages.logged-in #header .container > div { font-weight: 600; } .general-pages #header { height: 50px; position: relative; } .general-pages.logged-in #header { background-color: #008ed6; color: #fff; border-bottom: 1px solid #fff; z-index: 1001; } .general-pages.logged-out #header { background-color: #f3f3f3; color: #8a8a8a; border-bottom: 1px solid #e1e1e1; z-index: 1001; } @media only screen and (max-width: 1199px) { .general-pages.logged-out #header .container > div { display: block; height: auto; padding: 0 15px; } .general-pages.logged-out #header { height: 100px; } } /* Fixed Header & Navigation */ .general-pages { padding-top: 127px; } .general-pages #header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; } .general-pages #navigation { position: fixed; top: 51px; left: 0; right: 0; z-index: 1000; } @media only screen and (max-width: 1200px) { .general-pages { padding-top: 159px; } .general-pages #navigation { top: 83px; } } /* Christmas */ /* #header #header-box > .container { position: relative; } #header #header-box > .container:before { display: block; position: absolute; z-index: 10; left: -10px; top: 47px; width: 110px; height: 125px; content: ''; background: url(../images/logo-decoration.svg) no-repeat 0 0; } #main-page #header #header-box > .container:before { top: 12px; } */ /* Christmas End */ .general-pages #header a { display: block; text-decoration: none; } .general-pages #header a:hover { text-decoration: none; opacity: .8; } .general-pages.logged-in #header a { color: #fff;} .general-pages.logged-in #header a:hover { color: #fff; } .general-pages.logged-out #header a { color: #8a8a8a;} .general-pages.logged-out #header a:hover { color: #8a8a8a; } .general-pages #header #brand { width: 1%; font-weight: 700; padding-right: 20px; } .general-pages #header #brand a i { display: inline-block; position: relative; top: 3px; margin-left: 10px; width: 6px; height: 12px; background-repeat: no-repeat; background-position: -6px -6px; } .general-pages.logged-in #header #brand a i { background-image: url(../img/caret-icons.png); } .general-pages.logged-out #header #brand a i { background-image: url(../img/caret-dark-icons.png); } .general-pages #header #lang-selector-box { width: 1%; } .general-pages #header #lang-selector-box .dropdown-menu { z-index: 11000; } .general-pages #header #lang-selector > .btn { border-color: transparent; height: 50px; font-size: 14px; } .general-pages.logged-in #header #lang-selector-box .lang-caret { background-image: url(../img/caret-icons.png); } .general-pages.logged-out #header #lang-selector-box .lang-caret { background-image: url(../img/caret-dark-icons.png); } .general-pages #lang-selector > .btn:hover { border-color: transparent; } .general-pages #header #lang-selector-box .btn-group.open .dropdown-menu { min-width: 300px; font-size: 14px; box-shadow: 0 0px 3px rgba(0,0,0,.2); } .general-pages.logged-in #header #lang-selector > .btn { color: #fff; } .general-pages.logged-out #header #lang-selector > .btn { color: #8a8a8a; } .general-pages.logged-out #header #header-login-form-box { } .general-pages.logged-out #header #header-login-box { text-align: right; } .general-pages.logged-out #header #header-login-box .form-box { float: right; } .general-pages.logged-out #header #header-login-box #header-links { float: right; } .general-pages.logged-out #header #header-login-box #header-links a { padding-right: 30px; float: right; font-size: 14px; line-height: 2.5; } .general-pages.logged-out #header #header-login-box input[type="email"], .general-pages.logged-out #header #header-login-box input[type="text"], .general-pages.logged-out #header #header-login-box input[type="password"] { width: 146px; height: 36px; line-height: 36px; margin-right: 10px; padding: 0 10px; float: left; color: #8a8a8a; font-size: 14px; border: 1px solid #008ed6; border-radius: 3px; } .general-pages.logged-out #header #header-login-box button[type="submit"] { width: 146px; float: left; padding: 0 10px; height: 36px; line-height: 36px; background-color: #008ed6; color: #fff; border: 1px solid #008ed6; border-radius: 3px; } .general-pages.logged-out #header #header-login-box button[type="submit"]:hover { background: #00a9ff; } .general-pages.logged-out #header #header-login-box button[type="submit"]:active, .general-pages.logged-out #header #header-login-box button[type="submit"]:focus { background: #008ed6; border: 2px solid #fff; } .general-pages.logged-out #header #header-login input::-webkit-input-placeholder { color: #8a8a8a; } .general-pages.logged-out #header #header-login input::-moz-placeholder { color: #8a8a8a; } .general-pages.logged-out #header #header-login input:-ms-input-placeholder { color: #8a8a8a; } .general-pages.logged-out #header #header-login input:-moz-placeholder { color: #8a8a8a; } @media only screen and (max-width: 1199px) { .general-pages.logged-out #header #header-login-form-box { position: absolute; top: 7px; right: 0; } .general-pages.logged-out #header #brand { width: auto; position: absolute; bottom: 15px; left: 0; } .general-pages.logged-out #header #lang-selector-box { width: auto; position: absolute; bottom: 0px; left: 100px; } } @media only screen and (max-width: 1060px) { .general-pages.logged-out #header #header-login-form-box { width: 512px; } .general-pages.logged-out #header #header-login-box #header-links a { padding-right: 0; padding-left: 30px; padding-top: 15px; } } @media only screen and (max-width: 600px) { .general-pages.logged-out #header { height: 220px; } .general-pages.logged-out #header #header-login-form-box { width: 100%; top: 15px; } .general-pages.logged-out #header #header-login-box input[type="email"], .general-pages.logged-out #header #header-login-box input[type="text"], .general-pages.logged-out #header #header-login-box input[type="password"] { width: 100%; margin-bottom: 5px; } .general-pages.logged-out #header #header-login-box button[type="submit"] { float: right; } .general-pages.logged-out #header #header-login-box #header-links a { padding-left: 20px; padding-top: 0; } .general-pages.logged-out #header #brand { left: auto; right: 0; } .general-pages.logged-out #header #lang-selector-box { left: 0; } } .general-pages.logged-in #header #music-player-box { padding-right: 30px; padding-left: 30px; } .general-pages.logged-in #header #music-player-box button { float: left; background: transparent; border: 0; margin: 0 0 0 2px; padding: 0; } .general-pages.logged-in #header #music-player-box button i { display: block; background-image: url(../img/header-icons.png); background-repeat: no-repeat; width: 24px; height: 24px; } .general-pages.logged-in #header #music-player-box button.music-player-play i { background-position: 0 0; } .general-pages.logged-in #header #music-player-box button.music-player-pause i { background-position: -24px 0; } .general-pages.logged-in #header #music-player-box button.music-player-play:hover i { background-position: 0 -24px; } .general-pages.logged-in #header #music-player-box button.music-player-pause:hover i { background-position: -24px -24px; } .general-pages #header #user-site-link-box { font-size: 14px; font-weight: 700; padding-right: 20px; padding-left: 20px; } .general-pages.logged-in #header #welcome-message-box { padding-right: 20px; } .general-pages.logged-in #header #welcome-message-box .registration-code { display: inline-block; margin-left: 10px; padding-right: 5px; padding-left: 5px; font-size: 15px; font-weight: 400; letter-spacing: 2px; border: 1px solid #fff; border-color: rgba(255,255,255,.75); border-radius: 2px; } .general-pages.logged-in #header #logout-box { text-align: right; white-space: normal; } .general-pages.logged-in #header #logout-box a { display: block; background: transparent; border: 0; margin: 0; } .general-pages.logged-in #header #logout-box a:hover { opacity: 1; } .general-pages.logged-in #header #logout-box a i { display: block; float: right; margin-left: 10px; background: url(../img/header-icons.png) no-repeat -48px 0; width: 24px; height: 24px; } .general-pages.logged-in #header #logout-box a:hover i { background-position: -48px -24px; } @media only screen and (max-width: 1199px) { .general-pages.logged-in #header .container > div { display: block; height: auto; padding: 0 15px; } .general-pages.logged-in #header { height: 83px; } .general-pages.logged-in #header #brand { width: auto; position: absolute; bottom: 15px; left: 0; } .general-pages.logged-in #header #lang-selector-box { width: auto; position: absolute; bottom: 0px; left: 100px; } .general-pages.logged-in #header #welcome-message-box { position: absolute; top: 15px; left: 0; } .general-pages.logged-in #header #user-site-link-box { position: absolute; bottom: 15px; right: 0; } .general-pages.logged-in #header #music-player-box { position: absolute; right: 80px; top: 15px; } .general-pages.logged-in #header #logout-box { position: absolute; right: 0; top: 15px; } } @media only screen and (max-width: 660px) { .general-pages.logged-in #header #welcome-message-box .long-desc { display: none; } } @media only screen and (max-width: 520px) { .general-pages.logged-in #header #brand { display: none; } .general-pages.logged-in #header #lang-selector-box { left: 0; } } @media only screen and (min-width: 813px) and (max-width: 1200px) { .general-pages .media-box [id$="video"] { display: none; } .general-pages .media-box .video-alternate { display: block; } } @media only screen and (max-width: 700px) { .general-pages .media-box [id$="video"] { display: none; } .general-pages .media-box .video-alternate { display: block; } } .content-btn-group .btn-group li { cursor: pointer; } .content-btn-group .btn-group .dropdown-toggle:active { box-shadow: none; } .content-btn-group .btn-group.open .dropdown-toggle { border-radius: 4px 4px 0 0; } .content-btn-group .btn-group.open .dropdown-toggle { background: #f7f8fa; border-color: #1a1a1a; box-shadow: none; } .content-btn-group .btn-group.open .dropdown-menu { box-shadow: none; border-radius: 0; padding: 0; margin-top: -1px; border-color: #1a1a1a; } .content-btn-group .btn-group.open .dropdown-menu li { background: #f7f8fa; font-weight: 600; padding: 6px 12px; border-top: 1px solid #1a1a1a; color: #1a1a1a; } .content-btn-group .btn-group.open .dropdown-menu li:first-child { border-top: 0; } .content-btn-group .btn-group.open .dropdown-menu li:hover { background: #eaecee; } .content-btn-group-video .btn-group { text-align: center; margin-top: 24px; } .media-box .video-alternate { display: none; } @media only screen and (max-width: 1200px) { .media-box { margin-bottom: 44px; text-align: center; } .media-box [id$="video"] { margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 672px) { .media-box [id$="video"] { display: none; } .media-box .video-alternate { display: block; } } #social { position: fixed; left: 20px; top: 250px; list-style: none; margin: 0; padding: 0; } #social li { display: block; margin-bottom: 5px; padding: 0; } #social li a { display: block; } #social li:hover a { } #social li a i { display: block; width: 43px; height: 50px; background-image: url(../img/social-icons.png); background-repeat: no-repeat; opacity: .7; } #social li a:hover i { opacity: 1; } #social li.fb a i { background-position: 0 0; } #social li.tw a i { background-position: 0 -54px; } #social li.gp a i { background-position: 0 -107px; } #social li.vk a i { background-position: 0 -160px; } /* ============================================================ ========================== PAGES =========================== ============================================================ */ /* ============================== Main Page ============================== */ #main-page {} #main-page #header { background: url(../img/video-img-bg.jpg) no-repeat 50% 0; background-size: cover; } @media only screen and (max-width: 992px) { #main-page #header { height: 300px; } } #main-page #header #header-box { background: url(../img/image-pattern.png) repeat 0 0; position: absolute; top: 0; left: 0; width: 100%; height: auto; } #main-page #header #header-box .container { position: relative; padding-bottom: 56.041666666667%; height: auto; } #main-page #header #logo { position: absolute; top: 28px; left: 15px; z-index: 1; } #main-page #header #logo a { display: block; } #main-page #header #logo a img { display: block; } #main-page #header #lang-selector { position: absolute; top: 23px; right: 15px; z-index: 1; } #main-page #header #lang-selector > .btn { border-color: #fff; } #main-page #header #lang-selector-box .lang-caret { background-image: url(../img/caret-icons.png); } #main-page #header #lang-selector > .btn:hover { background: rgba(255,255,255, .2); } #main-page #header #lang-selector-box .btn-group.open .dropdown-toggle { border-color: #fff; } #main-page #header #lang-selector-box .btn-group.open .dropdown-menu { margin-top: -1px; } #main-page #header #header-login { position: absolute; bottom: 15px; left: 0; right: 0; } #main-page #header #header-login #header-login-box { width: 700px; margin: 0 auto; } #main-page #header #header-links a { /*width: 214px;*/ padding-left: 15px; padding-right: 10px; margin-top: 12px; margin-right: 20px; margin-bottom: 40px; font-size: 15px; font-weight: 700; } #main-page #header #header-login input[type="email"], #main-page #header #header-login input[type="text"], #main-page #header #header-login input[type="password"] { display: inline-block; margin-right: 25px; padding: 0 20px; width: 214px; height: 54px; border: 2px solid #17a0e6; color: #373636; border-radius: 2px; } #main-page #header #header-login input::-webkit-input-placeholder { color: #373636; } #main-page #header #header-login input::-moz-placeholder { color: #373636; } #main-page #header #header-login input:-ms-input-placeholder { color: #373636; } #main-page #header #header-login input:-moz-placeholder { color: #373636; } #main-page #header #header-login button[type="submit"] { display: inline-block; padding: 0 20px; background: #17a0e6; width: 214px; height: 54px; border: 0; color: #fff; text-transform: uppercase; font-weight: 700; border-radius: 2px; } #main-page #header #header-login button[type="submit"]:hover { background: #00a9ff; } #main-page #header #header-login button[type="submit"]:active, #main-page #header #header-login button[type="submit"]:focus { background: #008ed6; border: 2px solid #fff; } #main-page .fancybox-inner, #main-page .fancybox-iframe { overflow: hidden !important; } @media only screen and (max-width: 992px) { #main-page #header #header-motto { font-size: 46px; } } @media only screen and (max-width: 840px) { #main-page #header #header-motto { margin-top: 30px; font-size: 38px; } } @media only screen and (max-width: 768px) { #main-page #header #header-video-wrapper { display: none; } #main-page #header #header-motto { text-align: left; margin-bottom: 10px; } #main-page #header #header-login input[type="email"], #main-page #header #header-login input[type="text"], #main-page #header #header-login input[type="password"] { margin-left: 0; margin-right: 0; width: 100%; margin-bottom: 10px; max-width: 500px; } #main-page #header #header-login button[type="submit"] { height: 52px; } #main-page #header #header-login #header-login-box { width: auto; padding-left: 15px; padding-right: 15px; } #main-page #header #header-links { display: inline-block; text-align: right; } #main-page #header #header-links a { width: auto; padding: 0; margin: 0 0 0 10px; display: inline-block; } } @media only screen and (max-width: 620px) { #main-page #header #header-motto { margin-bottom: 0px; } #main-page #header #header-login input[type="email"], #main-page #header #header-login input[type="text"], #main-page #header #header-login input[type="password"] { margin-bottom: 5px; } #main-page #header #header-login button[type="submit"] { width: 200px; } } @media only screen and (max-width: 500px) { #main-page #header #logo a img { width: 70%; height: auto; } #main-page #header #header-login input[type="email"], #main-page #header #header-login input[type="text"], #main-page #header #header-login input[type="password"] { height: 44px; line-height: 44px; margin-bottom: 4px; } #main-page #header #header-login button[type="submit"] { width: 150px; height: 44px; } } @media only screen and (max-width: 460px) { #main-page #header #header-login button[type="submit"] { width: 120px; } #main-page #header #header-links a { font-size: 14px; } } @media only screen and (max-width: 420px) { #main-page #header #header-links a { font-size: 12px; } } @media only screen and (max-height: 500px) { #main-page #header #header-motto { line-height: 1.2; } } @media only screen and (max-height: 460px) { #main-page #header #header-motto { display: none; } #header .scroll-to-content-box .scroll-to-content { display: none; } } #main-page .section-container { padding-top: 88px; padding-bottom: 88px; } #main-page h2 { text-align: center; margin-bottom: 34px; } #main-page p.text { text-align: center; margin: 34px auto; max-width: 820px; font-size: 16px; font-style: italic; color: #a1a1a1; line-height: 1.5; } #main-page .stripeMe { width: 100%; } #main-page .stripeMe th { background: #0c6e95; color: #fff; padding: 5px; } #main-page .stripeMe td { padding: 5px; } #main-page #info-section-container #join-now-box { text-align: center; font-weight: bold; } #main-page #info-section-container #join-now-box a { width: 80%; color: #00a9ff; padding: 10px; margin-bottom: 20px; } #main-page #info-section-container #join-now-box a > span { color: #8a8a8a; } #main-page #info-section-container .user-card { margin-bottom: 0; } #main-page #info-section-container .video-button-box { text-align: center; } #main-page #info-section-container .desc-box h1 { margin-bottom: 28px; text-align: left; } #main-page #info-section-container .desc-box h2 { margin-bottom: 28px; font-size: 24px; text-align: left; } #main-page #info-section-container .desc-box .more-desc-btn { display: block; background: transparent; padding: 0; border: 0; width: 36px; height: 36px; margin: 20px auto 0 auto; } #main-page #info-section-container .desc-box .more-desc-btn i { display: block; width: 100%; height: 100%; background: url(../img/content-scroll-btns.png) no-repeat 0 0; width: 36px; height: 36px; } #main-page #info-section-container .desc-box .more-desc-btn:hover i { background-position: -40px 0; } #main-page #info-section-container .desc-box .more-desc-btn:active i { background-position: -80px 0; } #main-page #info-section-container .desc-box .more-desc-btn.expanded i { background-position: 0 -36px; } #main-page #info-section-container .desc-box .more-desc-btn.expanded:hover i { background-position: -40px -36px; } #main-page #info-section-container .desc-box .more-desc-btn.expanded:active i { background-position: -80px -36px; } #main-page #service-section-container ul { list-style: none; padding: 0; margin: 0; } #main-page #service-section-container li { position: relative; margin-bottom: 30px; } #main-page #service-section-container li a { display: block; text-decoration: none; } #main-page #service-section-container li .title { display: block; width: 100%; top: 30px; left: 0; position: absolute; color: #fff; font-size: 18px; font-weight: 600; text-transform: uppercase; text-align: center; z-index: 1; } #main-page #service-section-container li .img-box { display: block; position: relative; } #main-page #service-section-container li .img-box img { display: block; width: 100%; opacity: .7; } #main-page #service-section-container li:hover .img-box img { opacity: 1; } #main-page #service-section-container li .img-box:after { display: block; content: ' '; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.2); z-index: 1; } #main-page #service-section-container li:hover .img-box:after { display: none; } @media only screen and (max-width: 1200px) { #main-page #service-section-container li:last-child { margin-bottom: 0; } } @media only screen and (max-width: 480px) { #main-page #service-section-container li { width: 100%; } } #main-page #fresh-news-section-container ul { list-style: none; padding: 0; margin: 0; } #main-page #fresh-news-section-container li { position: relative; } #main-page #fresh-news-section-container li a { display: block; text-decoration: none; } #main-page #fresh-news-section-container li .title { display: block; margin-top: 10px; color: #2a2b2c; font-size: 15px; text-transform: uppercase; } #main-page #fresh-news-section-container li.featured:after { display: block; position: absolute; content: ' '; width: 50px; height: 50px; background: url(../img/featured-icon.png) no-repeat 0 0; background-size: cover; top: 10px; right: 25px; z-index: 1; opacity: .8; } #main-page #fresh-news-section-container li time { display: block; color: #008ed6; font-size: 14px; } #main-page #fresh-news-section-container li .img-box { display: block; position: relative; } #main-page #fresh-news-section-container li .img-box img { display: block; width: 100%; } #main-page #fresh-news-section-container li .img-box:after { display: block; content: ' '; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.2) url(../img/image-pattern.png) repeat 0 0; z-index: 1; } #main-page #fresh-news-section-container li:hover .img-box:after { display: none; } #main-page #fresh-news-section-container .btn { text-transform: uppercase; margin-top: 40px; } @media only screen and (max-width: 1200px) { #main-page #fresh-news-section-container li { margin-bottom: 40px; } #main-page #fresh-news-section-container li:last-child { margin-bottom: 0; } } #main-page #document-download-section li { font-size: 15px; font-weight: 600; } #main-page #document-download-section li a { display: block; text-decoration: none; color: #1a1a1a; } #main-page #document-download-section li i { display: block; margin: 0 auto; width: 205px; height: 222px; background: url(../img/download-icons.png) no-repeat -206px 0; } #main-page #document-download-section li:hover i { background-position: 0 0; } #main-page #document-download-section li .title { display: block; text-align: center; margin-top: 10px; } @media only screen and (max-width: 1200px) { #main-page #document-download-section li { margin-bottom: 30px; } #main-page #document-download-section li:last-child { margin-bottom: 0; } } #main-page #webcams-section-container #webcam-list li a { display: block; text-decoration: none; } #main-page #webcams-section-container #webcam-list li a .title { display: block; margin-top: 10px; color: #2a2b2c; font-size: 15px; text-transform: uppercase; } #main-page #webcams-section-container #webcam-list li .img-box { display: block; position: relative; } #main-page #webcams-section-container #webcam-list li .img-box img { width: 100%; max-width: 100%; } #main-page #webcams-section-container #webcam-list li:hover .img-box img { opacity: .9; } #main-page #webcams-section-container .gallery-pager { margin-top: 50px; } @media only screen and (max-width: 1200px) { #main-page #webcams-section-container #webcam-list li { margin-bottom: 30px; } #main-page #webcams-section-container #webcam-list li:last-child { margin-bottom: 0; } } @media only screen and (max-width: 768px) { #main-page #webcams-section-container #webcam-list li a .title { font-size: 13px; } } @media only screen and (max-width: 460px) { #main-page #webcams-section-container #webcam-list li { width: 100%; } } /* --- 2 car --- */ @media screen and (min-width: 993px) { #main-page #webcams-section-container #webcam-list { text-align: center; } #main-page #webcams-section-container #webcam-list li { width: 50%; } } /* --- 2 car --- */ /* ============================== Welcome Page ============================== */ #welcome-page .video-button-box { text-align: center; } /* Non-Responsive style */ .general-pages #main-container #content-section { width: 670px; } .sexy-tooltip .small_text { color: #000000; } .sexy-tooltip .small_text tr td { padding: 5px; }