/* transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; */ /* PAGE MODULES */ body{ font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 22px; font-weight: 400; color: #413f33; padding-top: 83px; } @media (min-width:1230px){ .container { width:1210px; } } a { transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } img { max-width: 100%; } form p.ajaxInfo { display: none; padding: 10px 5px; border: 1px solid #000; text-align: center; color: #FFF; font-weight: 500; font-size: 16px; margin-bottom: 35px; } form p.ajaxInfo.error { background-color: #690000; border-color: #F00; } form p.ajaxInfo.error_send { background-color: #690000; border-color: #F00; } form p.ajaxInfo.ok { background-color: #006900; border-color: #0F0; } form p.error { display: none; } form label { text-align: right; width: 120px; display: inline-block; line-height: 44px; vertical-align: top; } form label.full { text-align: left; width: 100%; display: inline-block; } form label, form textarea, form input { width: 100%; box-sizing: border-box; } form button, form .button { display: inline-block; vertical-align: top; } textarea, select, input:not([type="checkbox"]):not([type="radio"]) { background: #ffffff; border: 1px solid #e8e8e8; box-sizing: border-box; height: 44px; padding: 0 10px; font-size: 15px; font-family: inherit; } textarea { height: 120px; } select { } input:not([type="checkbox"]):not([type="radio"]) { margin-bottom: 8px; } textarea.error, select.error, input:not([type="checkbox"]):not([type="radio"]).error { border-color: #f00; } :-moz-placeholder { opacity: 1; font-weight: 200; font-style: italic; color: #bfbfbf; } ::-moz-placeholder { opacity: 1; font-weight: 200; font-style: italic; color: #bfbfbf; } :-ms-input-placeholder { opacity: 1; font-weight: 200; font-style: italic; color: #bfbfbf; } ::-webkit-input-placeholder { opacity: 1; font-weight: 200; font-style: italic; color: #bfbfbf; } .tc { text-align: center; } .tr { text-align: right; } .tl { text-align: left; } .cb { clear: both; } .info { display: none; text-align: center; font-size: 24px; border: 2px solid #666; padding: 10px 20px; border-radius: 15px; margin: 10px 0 20px; } .info.show { display: block; } .info.error { background-color: #ab0268; border-color: #780148; color: #fff; } .info.ok { background-color: #02ab68; border-color: #017848; color: #fff; } .gallery { margin-top: 35px; } .gallery-item { opacity: 1; display: inline-block; vertical-align: top; background: url() no-repeat scroll center top transparent; max-width: 100%; width: 227px; height: 170px; background-size: cover; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; border: 5px #FFFFFF solid; } .gallery-item:hover { opacity: 0.7; } .button { display: inline-block; vertical-align: top; cursor: pointer; background: none no-repeat scroll center center #FFF; border: 1px solid #484848; box-sizing: border-box; height: 48px; line-height: 48px; padding: 0 37px; font-weight: 700; font-size: 16px; color: #000; text-transform: lowercase; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .button:active, .button:focus, .button:hover { background-color: #484848; color: #fff; text-decoration: none; outline: none; } .gwbtn, .new-button { border: 2px #cba856 solid; display:inline-block; padding:8px 30px; color:#cba856; font-size:14px; text-transform: uppercase; text-decoration:none; border-radius:15px; font-weight:600; } .gwbtn:hover, .new-button:hover { text-decoration: none; color:#333; } .banner-text .gwbtn:hover { color:#FFF; } /* mobilne menu */ /* .mobile-nav { } .mobile-nav nav { display: none; background: #b1c903; position: fixed; max-height: 100%; overflow: auto; z-index: 1005; width: 100%; text-align: center; padding: 15px 0; } .mobile-nav nav.show { display: block; } .mobile-nav nav ul { list-style: none; margin: 0; padding: 0; } .mobile-nav nav li { display: block; } .mobile-nav nav a { display: block; color: #FFF; padding: 8px 0; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 16px; } .mobile-nav-toggle { padding: 0; position: fixed; top: 20px; right: 20px; width: 50px; height: 50px; box-sizing: border-box; border-radius: 100px; border: 3px solid #b1c903; background-color: #fff; z-index: 1020; } .mobile-nav-toggle span { display: block; height: 3px; background: #b1c903; margin: 4px 8px; } .mobile-nav-toggle:active, .mobile-nav-toggle:focus, .mobile-nav-toggle:hover { outline: none; opacity: 1; background-color: #fff; } */ /* /mobilne menu */ /* mobilne menu */ .mobile-nav { } .mobile-nav nav { display: none; background: #ec6013; position: fixed; max-height: 100%; overflow: auto; z-index: 1005; width: 100%; text-align: center; padding: 15px 0; } .mobile-nav nav.show { display: block; } .mobile-nav nav ul { list-style: none; margin: 0; padding: 0; } .mobile-nav nav li { display: block; } .mobile-nav nav a { display: block; color: #FFF; padding: 8px 0; text-transform: uppercase; font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 16px; } .mobile-nav nav .dropdown-menu { display: block; position: static; width: 100%; text-align: center; background: 0; border: none; box-shadow: none; background: rgba(255, 255, 255, 0.2); padding: 0; margin: 0 0 5px 0; } .mobile-nav nav .dropdown-menu a { font-size: 14px; } .mobile-nav nav .dropdown-menu a:hover { background: none; color: #FFF; } .mobile-nav-toggle { padding: 0; position: fixed; top: 20px; right: 20px; width: 50px; height: 50px; box-sizing: border-box; border-radius: 100px; border: 3px solid #ec6013; background-color: #fff; z-index: 1020; } .mobile-nav-toggle span { display: block; height: 3px; background: #ec6013; margin: 4px 8px; } .mobile-nav-toggle:active, .mobile-nav-toggle:focus, .mobile-nav-toggle:hover { outline: none; opacity: 1; background-color: #fff; } /* /mobilne menu */ /* RESPONSIVE */ /* @media (min-width: 1230px) {...} @media (min-width: 1022px) {...} @media (max-width: 1021px) {...} @media (min-width: 798px) {...} @media (max-width: 797px) {...} @media (max-width: 598px) {...} @media (max-width: 510px) {...} @media (min-width: 798px) and (max-width: 1021px) {...} @media (min-width: 1022px) and (max-width: 1229px) {...} */ h1 { color: #19161B; font-weight: 300; font-size: 32px; line-height: 40px; } h2 { font-size: 34px; color: #413f33; margin-bottom: 28px; line-height: 37px; text-transform: uppercase; font-weight: 700; } h2 strong { color:#caaa57; } h3 { text-transform: uppercase; font-size: 25px; overflow: hidden; text-align: center; font-weight: 400; position: relative; letter-spacing: 1px; margin: 30px 0 35px; } h3:before { content: ''; position: absolute; left: 0; top: 12px; width: 100%; height: 2px; background-color: #EBE9E9; z-index: -1; } h3 span { background-color: #FFF; box-shadow: 0 0 20px 20px #FFF; } .logo { } .logo a { display: inline-block; vertical-align: top; margin: 16px 0; opacity: 1; } .logo a:hover { opacity: 0.7; } .logo a img { max-width: 100%; } header { left: 0; right: 0; position: fixed; top: 0; background: #fff; z-index: 99; } header nav { text-align: right; padding: 15px 0 0; } header nav ul { margin: 0; padding: 0; } header nav li { display: inline-block; vertical-align: top; position:relative; } header nav > ul > li:not(:last-of-type):after { border-right: 1px solid #d5d5d5; content: ""; display: block; position: absolute; right: 0px; top: 22px; height: 15px; } header nav li:last-of-type a { padding-right: 0; } header nav a { display: block; font-size: 14px; text-transform: uppercase; font-weight: 400; color: #1f1a17; text-decoration: none; padding: 6px 35px 6px; line-height: 24px; margin-top: 9px; border: 2px solid transparent; position: relative; outline: 0; } header nav li.current a, header nav a:focus, header nav a:active, header nav a:hover { outline: none; text-decoration: underline; } header nav li ul.dropdown-menu { opacity: 0; display: none; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; columns: 2; -webkit-columns: 2; -moz-columns: 2; left:-100px; padding-bottom:20px; top:40px; } header nav li:hover ul { opacity: 1; display:block; } header nav li li { border: none; display: block; } header nav li li a { text-decoration: none !important; } .dropdown-menu>li>a { padding:3px 15px; font-size:14px; line-height:16px; } .main-slider-wrap { } .main-slider { width: 100%; height: 290px; overflow: hidden; opacity: 0; visibility: hidden; } .main-slider.owl-loaded { opacity: 1; visibility: visible; height: auto; } .main-slider .item { width: 100%; height: 405px; padding-bottom: 0%; background: none no-repeat scroll top center rgba(0, 0, 0, 0); background-size: cover; } .main-slider .owl-item { transition: transform 5s linear; transform:scale(1); } .main-slider .owl-item.active { transform:scale(1.1); } .main-slider .owl-dots { position:relative; text-align:center; top:-30px; } .main-slider .owl-dot { display: inline-block; width: 10px; height: 10px; background-color: rgba(0,0,0,.3); margin: 0 3px; border-radius: 50%; border:1px rgba(255,255,255,.5) solid; } .main-slider .owl-dot.active { background-color:#FFF; } .states-row { margin: 7px -0px 23px; } .state-item { font-size: 0; background: #fff; margin-bottom:25px; } .state-item span { background: none no-repeat scroll center center transparent; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .state-item .image { opacity: 1; display: inline-block; vertical-align: top; width: 100%; padding-bottom: 210px; height: 0; background-size: cover; outline: 2px #999 solid; border: 10px #FFF solid; } .state-item .logo-normal, .state-item .logo-white { position: absolute; top: 0; left: 15px; right: 15px; bottom: 0; } .state-item .logo-normal { opacity: 0; } .state-item .logo-white { opacity: 1; } .state-item:hover .image { opacity: 0.2; } .state-item:hover .logo-normal { opacity: 1; } .state-item:hover .logo-white { opacity: 0; } .state-item-new { width: 270px; height: 280px; display: inline-block; box-shadow: 0px 0px 0px 2px #e7e7e7; border: 15px #FFF solid; margin: 5px 12px 20px; } .state-item-new .image { opacity: 1; display: block; width: 100%; height:220px; background-size: cover; transition: filter .25s ease; } .state-item-new .name { text-align: center; display: block; color: #000; text-transform: uppercase; font-size: 22px; letter-spacing: 1px; margin: 10px 0 0; } .state-item-new:hover .image { filter:grayscale(1); } .state-item-new:hover { text-decoration:none; } .partners { background: #f0f0f2; padding-top: 30px; padding-bottom: 40px; } .partners h4 { font-size: 28px; text-transform: uppercase; color: #4a4e57; font-weight: 600; } .partners h4 strong { color: #cca857; } .banner { padding-top: 44px; font-size: 22px; line-height:30px; color: #cca857; font-weight: 600; padding-bottom: 38px; background: no-repeat center; background-size: cover; background-color: #737373; background-blend-mode: multiply; } .banner-text { padding: 0 50px; text-align: center; } .banner-text .new-button { color: #fff; padding: 0 29px; margin-top: 32px; background: transparent; } .motto { padding: 50px 0; font-size: 15px; line-height: 26px; font-weight: 400; } .motto h2 { font-weight: 700; font-size: 34px; letter-spacing: -1px; margin: 0px 0 20px 0; } section.motto h2 strong { color: #cca857; } .offer-section { position:relative; } .offer-section p.header { text-transform: uppercase; text-align: center; font-size: 28px; font-weight: 600; position: relative; } .offer-section p.header:before { display:block; position:absolute; background-color:#cbcbcb; top:10px; left:5%; width:25%; height:1px; content:""; } .offer-section p.header:after{ display:block; position:absolute; background-color:#cbcbcb; top:10px; right:5%; width:25%; height:1px; content:""; } .zoom-images-view-container { position: relative; } .offer-content { padding: 0px 0 50px; line-height: 26px; min-height: 500px; } .offer-content h2 { font-weight: 700; font-size: 34px; letter-spacing: -1px; margin: 0px 0 20px 0; } .offer-content h2 strong { color:#cca857; } .zoom-images-view-container > img { width: 100%; } .benefits { padding:30px 0; text-align: center; } .benefits h2 { text-transform: uppercase; font-size:46px; margin:10px auto 50px; font-weight:700; letter-spacing:1px; } .benefits .item { color:#000; text-transform: uppercase; height: 280px; } .benefits .inverted { background-color:#dedede; } .benefits .item .icon { width: 330px; height: 175px; line-height: 175px; margin: 25px auto; } .benefits .item strong { color:#FFF; } .benefits .item .icon img { border:2px #dedede solid; } .benefits .item .desc strong { display:block; color:#000; } .benefits-int { background-color:#cda857; color:#FFF; padding:45px 0 40px; text-align:center; font-size:28px; font-weight: 700; text-transform:uppercase; } .benefits-int a { color: inherit; border: 2px #FFF solid; padding: 6px 17px; margin-left: 20px; } /* .benefits { background:#333 url(../img/bg-benefits.jpg) no-repeat center center / cover; padding:70px 0; text-align: center; } .benefits h2 { color:#f7d977; text-transform: uppercase; font-size:46px; margin:10px auto 50px; font-weight:700; letter-spacing:1px; } .benefits .item { color:rgba(255,255,255,.7); text-transform: uppercase; height: 280px; } .benefits .item .icon { background-color: #1d232f; width: 140px; height: 140px; line-height: 140px; margin: 20px auto; border-radius: 90px; } .benefits .item strong { color:#FFF; } .benefits .item .round { border: 3px #fad07c solid; border-radius: 200px; content: ""; width: 190px; margin: 0 auto 20px; } .benefits .item .desc strong { display:block; } .benefits-int { background-color:#cda857; color:#FFF; padding:45px 0 40px; text-align:center; font-size:28px; font-weight: 700; text-transform:uppercase; } .benefits-int a { color: inherit; border: 2px #FFF solid; padding: 6px 17px; margin-left: 20px; } */ .stats-bar { padding-top: 50px; padding-bottom: 0; background: #737373 no-repeat center/cover; padding-bottom: 50px; background-blend-mode: multiply; } .stats-item { width: 33%; float: left; color: #c9c7c7; font-size: 17px; text-transform: uppercase; font-weight: 500; display:flex; } .stats-item strong { font-size:57px; color:#fbd47c; display: inline-block; margin:0 5px; } .stats-bar { padding-top: 50px; padding-bottom: 0; background: #737373 no-repeat center/cover; padding-bottom: 50px; background-blend-mode: multiply; } .machines { padding:50px 0; /*font-size:16px; */ line-height:26px; } .machines h2 { font-size: 34px; color: #1a171b; margin-bottom: 28px; line-height: 37px; text-transform:uppercase; font-weight:700; letter-spacing: -1px; } .machines .items { border-top:1px #e5e5e5 solid; margin-top: 35px; } .machines .items .header { text-align: center; text-transform: uppercase; font-size:24px; padding:30px 0; margin:0 auto 35px; box-shadow:0px 30px 40px -30px rgba(0,0,0,0.2); background-color:#FFF; border-bottom:1px #f0f0f0 solid; max-width: 200px; height: 100px; } .machines .content .col-sm-6 { padding-right:35px; /*font-size: 17px; line-height: 26px; */ } .machines .item { text-align:center; } .machines .item img { width:initial !important; } .machines .owl-prev, .machines .owl-next { position: absolute; top: 290px; font-size: 56px; font-weight: 400; } .machines .owl-prev { left:-10px; } .machines .owl-next { right:-10px; } .map-holder h2 { text-transform: uppercase; text-align: center; font-size: 28px; font-weight: 600; position: relative; margin:40px auto 5px; } .map-holder h2:before { display:block; position:absolute; background-color:#cbcbcb; top:10px; left:5%; width:25%; height:1px; content:""; } .map-holder h2:after{ display:block; position:absolute; background-color:#cbcbcb; top:10px; right:5%; width:25%; height:1px; content:""; } .map-holder h2 strong { color:#caa958; font-weight: inherit; } .rounded { vertical-align: top; line-height: 24px; display: block; margin: 5px auto 15px; border-radius: 8px; width: 300px; text-align: center; background-color: #2b2b2b; color: #dfdfdf; text-transform: uppercase; padding: 9px 15px; font-size: 15px; text-decoration: none; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .rounded:focus, .rounded:active, .rounded:hover { text-decoration: none; background: #000000; } .map-row { margin:10px;} .map-of-state { text-align: center; margin: 10px 0; } .map-of-state a { display:block; width:100%; height:175px; background-size:cover; background-position:center center; } .coins-row { margin: 22px -5px 30px; display: flex; flex-direction: row; flex-wrap: wrap; } .coins-row > div { padding: 0 5px; } .coin { background: #F4F3F3; display: block; color: inherit; margin-bottom: 10px; } .coin:hover { color:#656565; } .coin .imgs { padding: 4.5px; display: block; min-height: 162px; } .coin .imgs:after, .coin .imgs:before { content: ''; display: block; clear: both; } .coin img { display:inline-block !important; padding:4px; max-width: 48%; max-height: 192px; height: auto !important; line-height:192px; } /*.coin img { width: 50%; padding: 4.5px; } .coin img:first-of-type { float: left; } .coin img:last-of-type { float: right; } */ .coin .text { background-color: #D4D1D1; padding: 5px 11px 9px; font-size: 16.67px; line-height: 48px; display: block; } .coin .text span { display: inline-block; vertical-align: middle; line-height: 24px; text-align: center; } /*.coin-place { background: #D4D1D1; display: block; position: relative; line-height: 0; color: #515151; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; margin-bottom: 30px; } .coin-place:focus, .coin-place:active, .coin-place:hover { background-color: #bf9535; color: #fff; } .coin-place .imgs { background: none no-repeat scroll center center transparent; background-size: cover; display: inline-block; position: relative; width: 100%; height: 0; padding-bottom: 67%; overflow: hidden; } .coin-place .imgs span { position: absolute; bottom: -22px; left: 12px; width: 114px; height: 114px; z-index: 6; } .coin-place .imgs span::after { content: ''; position: absolute; border-radius: 100%; box-shadow: 3px 3px 15px 0px #000; left: 0; top: 0; right: 0; bottom: 0; } .coin-place .imgs img { width: 114px; } .coin-place .imgs span:nth-of-type(2) { margin-left: 33px; z-index: 5; } .coin-place .imgs span:nth-of-type(3) { margin-left: 66px; z-index: 4; } .coin-place .text { padding: 5px 11px 10px; font-size: 16.67px; line-height: 48px; display: block; } .coin-place .text span { display: inline-block; vertical-align: middle; line-height: 20px; font-size: 15px; text-align: center; width: 100%; } */ .coin-place { background: #fff; display: block; position: relative; line-height: 0; color: #515151; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; margin-bottom: 30px; border: 2px solid #e7e7e7; padding: 14px; } .coin-place .text span { display: inline-block; vertical-align: middle; line-height: 20px; font-size: 15px; text-align: left; color: #363636; width: 100%; font-weight: 600; text-transform: uppercase; height:40px; } .coin-place .imgs { background: none no-repeat scroll center center transparent; background-size: cover; display: inline-block; position: relative; width: 100%; height: 0; padding-bottom: 67%; overflow: initial; } .coin-place .imgs img { width: 98px; } .coin-place .imgs span { position: absolute; bottom: -30px; left: 4px; width: 114px; height: 114px; z-index: 6; } .coin-place .imgs span:nth-of-type(2) { margin-left: 33px; z-index: 25; } .coin-place .imgs span:nth-of-type(2) img { } .coin-place .imgs span:nth-of-type(2) img { width: 80px; } .coin-place .imgs span:nth-of-type(2) { margin-left: 63px; z-index: 25; bottom: -51px; } .coin-place .imgs img { width: 98px; box-shadow: 2px 1px 4px 0px #000; border-radius: 100%; } .coin-place .imgs span:nth-of-type(3) img { width: 60px; } .coin-place .imgs span:nth-of-type(3) { margin-left: 116px; z-index: 88; bottom: -72px; } .coin-place .text { padding: 20px 0 10px; font-size: 16.67px; line-height: 29px; display: block; } .idea-row { background: url('../img/world-map.jpg') no-repeat scroll center 0 rgba(0, 0, 0, 0); background-size: 100% auto; padding: 13px 0 20px; } .idea-row .flags { text-align: center; font-size: 0; margin: 46px 0 43px; } .idea-row .flags span { display: inline-block; vertical-align: top; width: 14.285%; } .idea-row .flags img { max-width: 100%; } .idea-row .content { font-size: 15px; line-height: 26px; margin-top:160px; } .idea-row .content h2 { font-size: 32px; margin-bottom: 30px; font-weight: 700; color:#252831; } .promotion { text-align:center; font-size: 15px; line-height:26px; } .promotion .content { padding:25px; } .how-row { background: #ecebeb; white-space: nowrap; padding: 50px 0; } .how-row span { position: relative; display: inline-block; vertical-align: middle; margin:0 25px; } .how-row span:after { content: ''; position: absolute; background: none no-repeat scroll center center transparent;; width: 56px; height: 46px; z-index: 5; } .how-row span img { vertical-align: middle; } .how-row .img-1 { padding-right: 5px; } .how-row .img-1:after { background-image: url(../img/how_arr_down.png); right: -30px; top: 20px; } .how-row .img-2 { padding-right: 20px; } .how-row .img-2:after { background-image: url(../img/how_arr_up.png); right: 4px; bottom: 0; } .how-row .img-3 { padding-right: 47px; } .how-row .img-3:after { background-image: url(../img/how_arr_down.png); top: 107px; right: -17px; } .how-row .img-4:after { display: none; } .promo-row { padding-bottom: 25px; } .promo-row > div:not(:last-of-type) { border-bottom: 1px solid #EAE8E8; margin-bottom: 30px; } footer { background: #444243; min-height: 300px; color: #fff; padding: 35px 0; margin-top: 0px; } footer h3 { color: #CCA857; margin-top: 0; border-bottom: 1px rgba(155, 155, 155, 0) solid; padding-bottom: 15px; } footer h3:before { display: none; } footer a, footer a:focus, footer a:active, footer a:hover { color: inherit; } .place-img { max-width:100%; margin:5px auto 15px; } .footer-slider-wrap { margin-top: 35px; } .footer-slider { display: none; width: 98%; margin: 10px auto 20px; } .footer-slider.owl-loaded { display: block; } .footer-slider .item { filter:url("data:image/svg+xml;utf8,#grayscale"); filter:gray; padding-bottom: 70%; background: none no-repeat scroll center center rgba(0, 0, 0, 0); background-size: contain; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); border: solid #eee; border-width: 0 1px; } .madeby { text-align: center; font-size: 12px; line-height: 18px; margin-top: 55px; border-top: 1px #777777 solid; padding: 25px 0; color:#cdcdcd; } .madeby nav { padding:5px 0 20px; } .madeby nav a { display:inline-block; padding:2px 8px; color:#efefef; text-transform: uppercase; } footer #contactFormSendFooter input[type="text"], footer #contactFormSendFooter textarea { border: 1px #8a8a8a solid; margin: 0 auto 5px; border-radius: 8px; background-color: transparent; } footer #contactFormSendFooter button::after { content: ''; background: url(../img/ico-mail.png) no-repeat center; width: 30px; height: 25px; margin-bottom: 5px; display: inline-block; margin-left: 15px; vertical-align: middle; position: absolute; right: 20px; top: 7px; } footer #contactFormSendFooter button { background: transparent; border: 2px solid #cca857; border-radius: 15px; height: 45px; line-height: 42px; padding: 0 15px; display: inline-block; font-size: 13px; text-transform: uppercase; color: #fff; position: relative; display: block; width: 100%; } footer #contactFormSendFooter button:hover, footer #contactFormSendFooter button:focus, footer #contactFormSendFooter button:active { background: #cca857; color:#FFF; cursor:pointer; } footer .xs-tc { text-align:center; } .left-nav { margin-bottom: 10px; } .left-nav ul { padding: 0; margin: 0; list-style: none; } .left-nav li ul { display: none; padding-left: 15px; } .left-nav li li ul { display: none; padding-left: 15px; } .left-nav li { line-height: 28px; } .left-nav li li { padding: 5px 0; line-height: 20px; } .left-nav li li li { } .left-nav li a { color: #515151; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; font-size: 16px; } .left-nav li li a { font-size: 14px; } .left-nav li.active > ul { display: block; } .left-nav li a:focus, .left-nav li a:active, .left-nav li a:hover, .left-nav li.active > a { color: #BF9535; text-decoration: none; border-bottom: 1px solid #bf9535; } .border-right { border-right: 1px solid #bf9535; } .border-left { box-shadow: -1px 0 0 0 #bf9535; } div#cookieinfo { position: fixed; z-index: 500; top: 50%; left: 0px; width: 200px; font-size: 10px; border-radius: 0 15px 15px 0; background: #2c2c2c url(../img/bgdark.jpg); padding: 15px; color: #FFF; line-height: 1.6em; } #contactFormSend { margin-bottom: 30px; } .social-fb-plugin { text-align: right; } .contact-box:not(:last-of-type) { border-bottom: 1px solid #d5d5d5; margin-bottom: 15px; padding-bottom: 15px; } .map-warp { line-height: 1em; } .map-warp img { max-width: none; } .tabs { } .tabs .tab-content { border: solid #dddddd; border-width: 0 1px 1px; padding: 20px 15px; } .tabs .tab-content iframe { width: 100%; } .tabs .tab-content table { width: 100%; } .tabs .nav-tabs>li>a { border-radius: 0; } .coin-wrap { padding: 5px; } .offer-map { padding: 35px 0; } .offer-map #gMap { width: 100%; height: 500px; } .details-coin-wrap { text-align: center; padding: 0 10px; } .details-coin-wrap a { display: inline-block; padding: 0 10px 20px;; max-width: 50%; } .details-coin-wrap img { width: 100%; } .details-coin-wrap img { display: inline-block; padding: 0 10px 20px;; max-width: 50%; } #otherCoinsSlider, #otherStatesSlider { min-height: 243px; } #otherCoinsSlider.owl-loaded, #otherStatesSlider.owl-loaded { } #otherCoinsSlider .owl-item { padding: 0 5px; } #otherStatesSlider { margin-bottom:35px; } .owl-carousel .owl-item img { width: 50%; } #offerMap { height: 200px; } .position-details { font-size: 14px; line-height: 1.4em; } .position-details .imgs { text-align: center; font-size: 0; padding-bottom: 50px; } .position-details .imgs img { max-width: 50%; box-sizing: border-box; padding: 0 10px 20px; } .position-details .address { text-align: center; padding-bottom: 30px; } .position-details .map { } .position-details h1 { color: #caa757; font-size: 24px; line-height: 1.4em; margin-top: 0; font-weight: 500; } .position-details .desc { } .position-details .col-sm-6:first-of-type { border-right: 1px solid #bf9535; padding-right: 25px; padding-bottom:25px;} .position-details .col-sm-6:last-of-type { box-shadow: -1px 0 0 0 #bf9535; padding-left: 25px; padding-bottom:25px;} .position-details .gallery-wrap { padding: 30px 0 0; margin: 0 30px; position: relative; } .position-details .gallery-wrap::before, .position-details .gallery-wrap::after { content: ''; display: block; clear: both; } .position-details .gallery { display: none; position: relative; } .position-details .gallery.owl-loaded { display: block; } .position-details .gallery .gallery-item { width: 100%; display: block; vertical-align: top; padding-bottom: 140%; border-width: 3px; height: 0; } .position-details .gallery .owl-controls, .position-details .gallery .owl-controls .owl-nav { position: static; } .position-details .gallery .owl-controls .owl-nav .owl-prev, .position-details .gallery .owl-controls .owl-nav .owl-next { display: block; position: absolute; top: 0; bottom: 0; height: 30px; width: 30px; text-align: center; line-height: 22px; color: #bf9535; font-size: 40px; margin: auto; font-weight: 700; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .position-details .gallery .owl-controls .owl-nav .owl-prev { left: -30px; } .position-details .gallery .owl-controls .owl-nav .owl-next { right: -30px; } .position-details .gallery .owl-controls .owl-nav .owl-prev:focus, .position-details .gallery .owl-controls .owl-nav .owl-prev:active, .position-details .gallery .owl-controls .owl-nav .owl-prev:hover, .position-details .gallery .owl-controls .owl-nav .owl-next:focus, .position-details .gallery .owl-controls .owl-nav .owl-next:active, .position-details .gallery .owl-controls .owl-nav .owl-next:hover { color: #000; } .coin-slider { margin-bottom: 35px; display: none; } .coin-slider.owl-loaded { display: block; } .coin-slider .owl-item { text-align: center; } .coin-slider.owl-carousel .owl-item img { max-width: 100%; margin: auto; width: auto; } .coin-slider.owl-carousel .owl-controls .owl-nav .owl-prev, .coin-slider.owl-carousel .owl-controls .owl-nav .owl-next { position: absolute; top: 0; bottom: 0; margin: auto; height: 36px; width: 36px; font-size: 65px; text-align: center; color: #bf9535; opacity: 1; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .coin-slider.owl-carousel .owl-controls .owl-nav .owl-prev { left: -15px; } .coin-slider.owl-carousel .owl-controls .owl-nav .owl-next { right: -15px; } .coin-slider.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .coin-slider.owl-carousel .owl-controls .owl-nav .owl-next:hover { opacity: 0.7; } .menu-button { position: absolute; top:30px; right: 20px; } .menu-button span { width: 30px; display: block; height: 2px; background-color: #515151; margin: 3px; } .mobile-menu { display:none; opacity:0; visibility: hidden; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .mobile-menu.show { display:block; opacity:1; visibility: visible; } .zoom-images-view-container { position: relative; } #zoom-images-view { position: absolute;top: 0; left: 0; width: 100%; height: 0; padding-bottom: 100%; } .zoom-images { margin: 15px -7px 0; } .zoom-images::before, .zoom-images::after { content: ''; display: block; clear: both; } .zoom-images .item { padding: 0 7px; float: left; width: 16.666666%; } .zoom-images .item div { background: #fff; padding: 4px; /* box-shadow: 0 0 1px 0 #9f9d9d; */ position: relative; } .zoom-images > div:not(:last-of-type) { border-right: 1px solid #dfdfdf; } .zoom-images .item div::before { content: ''; opacity: 1; position: absolute; background: url('../img/zoom.png') no-repeat scroll center center rgba(255,255,255,0.8); transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; right: 0; bottom: 0; width: 40px; height: 40px; background-size: 30px; } .zoom-images .item.hover div::before { opacity: 0; } .zoom-images .item.loading div::after { content: ''; visibility: visible; opacity: 1; background: url('../img/loading.gif') no-repeat scroll center center rgba(255,255,255,0.8); position: absolute; left: 0; right: 0; bottom: 0; top: 0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .zoom-images .item div::after { visibility: hidden; opacity: 0; } .zoom-images img { } .lang { position: absolute; top: 0; right: 0; height: 30px; width: 110px; z-index:9999; } .lang a { height: 13.3px; width: 22.4px; display: inline-block; background: none no-repeat scroll center center; background-size: cover; } #otherCoinsSlider, #otherStatesSlider { overflow: hidden; } @media (max-width: 1229px) { } @media (min-width: 1022px) { .border-right { width: 20%; } .border-left { width: 80% } } @media (max-width: 1021px) { .how-row { white-space: normal; } .how-row span:after { display: none; } header nav a { font-size:15px; padding-left: 15px; padding-right: 15px } } @media (max-width: 797px) { #contactFormSend { margin-top: 30px; } header nav li ul.dropdown-menu { display: none; } .logo { text-align: center; } header nav { text-align: center; } .coins-row { text-align: center; } .coin { display: inline-block; } .coin .imgs { text-align: center; } .coin img:first-of-type, .coin img:last-of-type { float: none; } .coin .text { text-align: left; } } /*aa*/ @media (max-width: 1229px) { } @media (min-width: 1022px) { .border-right { width: 20%; } .border-left { width: 80% } } @media (max-width: 1021px) { .how-row { white-space: normal; } .how-row span:after { display: none; } header nav a { font-size:15px; padding-left: 10px; padding-right: 10px } .how-row { text-align:center; } } @media (max-width: 797px) { #contactFormSend { margin-top: 30px; } header nav li ul.dropdown-menu { display: none; } .logo { text-align: center; } header nav { text-align: center; } .coins-row { text-align: center; } .coin { display: inline-block; width:100%;} .coin .imgs { text-align: center; min-height: 180px;} .coin img:first-of-type, .coin img:last-of-type { float: none; } .coin .text { text-align: left; } .owl-carousel .owl-item img { margin:0 auto; } .main-slider-wrap { margin-top: 67px; } .coins-row { margin: 22px -5px 100px; } footer h3 { margin-top:20px; } .social-fb-plugin { text-align: center; } .contact-box { margin-top:70px; } .lang { position:relative; margin:0 auto; width:68px; } } @media (max-width: 600px){ .coin .text { line-height: 80px; } .main-slider-wrap { margin-top: 30px; } header { position: relative; } body { padding-top:0; } /*header+.container { margin-top:40px; }*/ h1 { font-size: 20px; line-height: 25px; } h3 { font-size: 18px; box-shadow: initial; margin: 15px 0 15px; } body { font-size:14px; line-height:20px; } .promo-row h2 { margin-top:5px!important; } .left-nav li > ul { display:none!important; } .left-nav ul li { position: relative; } /* .left-nav > ul > li::after { content:''; position: absolute; right: 20px; background-image:url(../img/arrow_up.png); width:16px; height: 14px; top:6px;} .left-nav li.show::after { content:''; position: absolute; right: 20px; background-image:url(../img/arrow_down.png); width:16px; height: 14px; top:6px;}*/ /*.left-nav li > ul.show::after { content:''; position: absolute; right: 20px; background-image:url(../img/arrow_down.png);width:16px; height: 14px; top:6px; }*/ .left-nav li.show > ul { display:block!important; } .owl-carousel .owl-item { float:none; display:inline-block } #otherCoinsSlider, #otherStatesSlider { height: 393px; } .zoom-images .item { width:50%; } } @media (max-width: 430px) { .state-item { width:80%; margin:10px auto; float:none; display:block; } .logo a img { width:40%; } header nav { padding:0; } header nav a { line-height: 12px; } .formularz .col-xs-2,.formularz .col-xs-8 { width:100%; } .row.coins-row .col-xs-6 { width:100%; } } @media (min-width: 1022px) { .position-col-item:nth-of-type(3n-2) { clear: left; } } @media (min-width: 798px) and (max-width: 1021px) { .position-col-item:nth-of-type(2n-1) { clear: left; } } #recaptcha { position:absolute; top:0; left:0; } button.button { right: 13px; position: absolute; top: 0px; } p.big { color:#000; font-size:28px; margin:0 0 15px; } p.address { font-size:16px; line-height:24px; } .ico-link { color:#000; font-weight:600; display:block; padding:5px; margin:3px 0 3px; text-decoration:none; } .ico-link i { background-color: #646464; color: #FFF; border-radius: 50%; width: 36px; height: 36px; display: inline-block; text-align: center; line-height: 32px; font-size: 16px; border: 2px #FFF solid; box-shadow: 0px 0px 0 1px #EFEFEF; } .contact-sect { margin:20px auto; } .contact-frame { padding:20px; background-color:#f5f5f5; margin-bottom:15px; } .fb_iframe_widget { transform: scale(.95); } .footer-address { color:#FFF; text-align:left; padding-left:65px; } footer .row > div { height:220px; } .footer-address p.big, footer p.big { color:#FFF; font-size:22px; font-weight:bold; text-transform:uppercase; } .footer-address .ico-link { color:#FFF; font-size:18px; } .bor-left { border-left:2px rgba(255,255,255,.5) solid; } footer .img-logo { margin-top:50px; } .footer-icon a { display: inline-block; font-size: 36px; padding: 10px; margin: 10px 10px 0 10px; } /* .benefits-int { display:none;}/*