/*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome*/ #nav .container, section .container, footer{ zoom: 0.9; /* all browsers */ margin:0 auto; } @font-face { font-family: 'FontAwesome'; src: url('fontawesome-webfont.eot?v=4.4.0'); src: url('fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('fontawesome-webfont.woff?v=4.4.0') format('woff'), url('fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .fa-phone:before { content: "\f095";} .fa-envelope-o:before { content: "\f003";} .fa-search:before { content: "\f002";} .fa-envelope:before { content: "\f0e0";} .fa-twitter:before { content: "\f099";} .fa-facebook-f:before,.fa-facebook:before { content: "\f09a";} .fa-linkedin:before { content: "\f0e1";} .fa-pinterest-p:before { content: "\f231";} .fa-chevron-left:before { content: "\f053";} .fa-chevron-right:before { content: "\f054";} .fa-chevron-circle-down:before { content: "\f13a";} .fa-google-plus:before {content: "\f0d5";} .fa-instagram:before { content: "\f16d";} .fa-play-circle-o:before { content: "\f01d";} .fa-play:before { content: "\f04b";} .fa-pause:before { content: "\f04c";} .fa-stop:before { content: "\f04d";} .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel,.owl-carousel .owl-wrapper{position:relative; overflow:hidden} .owl-carousel{width:100%;-ms-touch-action:pan-y} .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out} .owl-carousel .owl-item{float:left} .owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer} .owl-controls{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .grabbing{cursor:url(grabbing.png) 8 8,move} .owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-theme .owl-controls{margin-top:10px;text-align:center} .owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;margin:5px;padding:3px 10px;font-size:12px;border-radius:30px;background:#869791;filter:alpha(opacity=50);opacity:.5} .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:alpha(opacity=100);opacity:1;text-decoration:none} .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1} .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:alpha(opacity=50);opacity:.5;border-radius:20px;background:#869791} .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:alpha(opacity=100);opacity:1} .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;border-radius:30px} #nav,#nav .wrapper{display:block;width:100%} .owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) center center no-repeat} .owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px} .owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease} .owl-fade-in{-webkit-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease} .owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease} .owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease} .owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both} .owl-goDown-in{-webkit-animation:goDown .6s ease both;animation:goDown .6s ease both} .owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both} .owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both} @-webkit-keyframes empty{0%{opacity:1}} @keyframes empty{0%{opacity:1}} @-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}} @keyframes fadeIn{0%{opacity:0}100%{opacity:1}} @-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}100%,75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}} @keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px);transform:translateZ(-500px)}100%,75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);transform:translateZ(-500px) translateX(-200%)}} @-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}} @keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px);transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0)}} @-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}} @keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}} @-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}} @keyframes goDown{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}} @-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}} @keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}} @-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}} @keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}} #nav{position:fixed;height:85px;background:#fff;top:0;left:0;z-index:1000} #nav>.container{position:relative} #nav .wrapper{height:85px;line-height:85px;margin:0;padding:0} #nav .left,#nav .right{display:inline-block;vertical-align:top;width:calc(50% - 100px);height:85px;margin:0;padding:0} #nav .left .bottom,#nav .left .top,#nav .right .bottom,#nav .right .top{display:block;width:100%;height:36px;line-height:36px;margin:0;padding:0} #nav .left .bottom,#nav .right .bottom{margin:23px 0 0} @-moz-document url-prefix() { #nav .left .bottom,#nav .right .bottom{margin:13px 0 0} } #nav .left .bottom>a,#nav .right .bottom>a{display:inline-block;vertical-align:top;height:36px;font-size:18px;line-height:36px;font-weight:600;color:#1d1d1b;margin:0 15px 0 0;padding:0 15px;border-top-left-radius:4px;border-top-right-radius:4px;-webkit-transition:background .15s ease;transition:background .15s ease} #nav .left .bottom>a:hover,#nav .right .bottom>a:hover{text-decoration:none;background:#ffd230} #nav .left .bottom>a:active,#nav .left .bottom>a:focus,#nav .right .bottom>a:active,#nav .right .bottom>a:focus{text-decoration:none} #nav .left .bottom>.dropdown,#nav .right .bottom>.dropdown{display:inline-block;position:relative;vertical-align:top;height:36px;margin:0 15px 0 0;padding:0} #nav .left .bottom>.dropdown>.trigger,#nav .right .bottom>.dropdown>.trigger{display:block;width:100%;height:36px;margin:0;padding:0 15px;font-size:18px;line-height:36px;font-weight:600;color:#1d1d1b;border-top-left-radius:4px;border-top-right-radius:4px;cursor:pointer;-webkit-transition:background .15s ease;transition:background .15s ease} #nav .left .bottom>.dropdown>.links,#nav .right .bottom>.dropdown>.links{display:none;position:absolute;top:100%;left:0} #nav .left .bottom>.dropdown>.links a,#nav .right .bottom>.dropdown>.links a{display:block;width:100%;height:30px;margin:0;padding:0 15px;white-space:nowrap;font-size:15px;line-height:30px;background:#fff;font-weight:600;color:#1d1d1b;border-bottom:1px solid #5f5f58;-webkit-transition:background .15s ease;transition:background .15s ease} #nav .left .bottom>.dropdown>.links a:hover,#nav .right .bottom>.dropdown>.links a:hover{background:#ffd230;text-decoration:none} #nav .left .bottom>.dropdown>.links .dropdown,#nav .right .bottom>.dropdown>.links .dropdown{display:block;position:relative;width:100%;height:30px;margin:0;padding:0} #nav .left .bottom>.dropdown>.links .dropdown .trigger,#nav .right .bottom>.dropdown>.links .dropdown .trigger{display:block;width:100%;height:30px;margin:0;padding:0 15px;white-space:nowrap;font-size:15px;line-height:30px;background:#fff;font-weight:600;color:#1d1d1b;cursor:pointer;border-bottom:1px solid #72726a;-webkit-transition:background .15s ease;transition:background .15s ease} #nav .left .bottom>.dropdown>.links .dropdown .trigger:hover,#nav .left .bottom>.dropdown>.links .dropdown:hover>.trigger,#nav .right .bottom>.dropdown>.links .dropdown .trigger:hover,#nav .right .bottom>.dropdown>.links .dropdown:hover>.trigger{background:#ffd230;text-decoration:none} #nav .left .bottom>.dropdown>.links .dropdown .links,#nav .right .bottom>.dropdown>.links .dropdown .links{display:none;position:absolute;top:0;left:100%;border-left:1px solid #72726a} #nav .left .bottom>.dropdown.open>.links,#nav .left .bottom>.dropdown>.links .dropdown.open>.links,#nav .right .bottom>.dropdown.open>.links,#nav .right .bottom>.dropdown>.links .dropdown.open>.links{display:block} #nav .left .bottom>.dropdown>.links .dropdown:hover>.links>a:hover,#nav .right .bottom>.dropdown>.links .dropdown:hover>.links>a:hover{background:#f7b01a} #nav .left .bottom>.dropdown>.links .dropdown:hover>.links>.dropdown:hover>.trigger,#nav .right .bottom>.dropdown>.links .dropdown:hover>.links>.dropdown:hover>.trigger{text-decoration:none;background:#f7b01a} #nav .left .bottom>.dropdown>.links .dropdown:hover>.links>.dropdown:hover>.links>a:hover,#nav .right .bottom>.dropdown>.links .dropdown:hover>.links>.dropdown:hover>.links>a:hover{background:#e87a30} #nav .left .bottom>.dropdown>.links .dropdown.open>.trigger,#nav .right .bottom>.dropdown>.links .dropdown.open>.trigger{text-decoration:none;background:#ffd230} #nav .left .bottom>.dropdown>.links .dropdown.open>.links>a:hover,#nav .right .bottom>.dropdown>.links .dropdown.open>.links>a:hover{background:#f7b01a} #nav .left .bottom>.dropdown>.links .dropdown.open>.links>.dropdown.open>.trigger,#nav .right .bottom>.dropdown>.links .dropdown.open>.links>.dropdown.open>.trigger{text-decoration:none;background:#f7b01a} #nav .left .bottom>.dropdown>.links .dropdown.open>.links>.dropdown.open>.links>a:hover,#nav .right .bottom>.dropdown>.links .dropdown.open>.links>.dropdown.open>.links>a:hover{background:#e87a30} #nav .left .bottom>.dropdown.open>.trigger,#nav .left .bottom>.dropdown:hover>.trigger,#nav .right .bottom>.dropdown.open>.trigger,#nav .right .bottom>.dropdown:hover>.trigger{text-decoration:none;background:#ffd230} #nav .right{text-align:right} #nav .right .bottom a{margin:0 0 0 15px} #nav .logo{display:inline-block;vertical-align:top;width:180px;height:85px;margin:0;padding:20px} #nav .logo img{display:block;width:100%;margin:0;-webkit-transition:width .15s ease,margin .15s ease;transition:width .15s ease,margin .15s ease} #nav .language{display:inline-block;vertical-align:top;height:36px;margin:0 0 0 30px;padding:4px 0} #nav .language .goog-te-gadget,#nav .language .goog-te-gadget-simple,#nav .language>div{height:28px;line-height:28px;border:none;outline:0} #nav .language .goog-te-menu-value:hover{text-decoration:none} #nav a.tab{display:inline-block;vertical-align:top;position:relative;height:36px;line-height:36px;font-size:18px;font-weight:700;color:#1d1d1b;margin:0 0 0 20px;padding:0 15px;background:#ccc;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-webkit-transition:height .15s ease,padding .15s ease,background .15s ease;transition:height .15s ease,padding .15s ease,background .15s ease} #nav a.tab.gold{background:#ffd230} #nav a.tab.gold:hover{background:#ffca0a} #nav a.tab.gold:active,#nav a.tab.gold:focus{background:#efbb00} #nav a.tab.red{color:#fff;background:#922107} #nav a.tab.red:hover{background:#861e06} #nav a.tab.red:active,#nav a.tab.red:focus{background:#7a1c06} #nav a.tab.menu-trigger{display:none} #nav a.tab.menu-trigger svg{display:inline-block;vertical-align:middle;margin:0 10px 0 0;width:16px;height:16px} #nav a.tab:hover{text-decoration:none;padding-top:2px;height:38px} #nav a.tab:active,#nav a.tab:focus{text-decoration:none} #nav.scrolled{ box-shadow: 0px 1px 20px #ccc; } @media (min-width:1200px){ #nav.scrolled .logo{ padding-top: 10px;} #nav.scrolled .logo img{width:50%;margin-left:20%} } @media (max-width:1199px){ #nav .left,#nav .right{width:calc(50% - 80px)} #nav .logo{width:160px} } @media (max-width:991px){ #nav{height:49px} #nav .wrapper{height:49px} #nav .left,#nav .right{width:calc(50% - 60px);height:49px} #nav .left .bottom,#nav .right .bottom{display:none} #nav .logo{width:120px;height:49px;padding:10px} #nav .language{display:none} #nav a.tab.red{display:none} #nav a.tab.menu-trigger{display:inline-block} #nav.scrolled .logo img{width:70%;margin-left:15%} } @media (max-width:767px){ #nav a.tab2.gold{display:none} #nav a.tab.menu-trigger span{display:none} } .main-nav { margin: 0; padding: 0; position: relative; z-index: 9999; } .main-nav li{ list-style: none; position: relative; } .main-nav li a{ white-space: nowrap;color: #1d1d1b; } .main-nav a:hover{ color: #1d1d1b; text-decoration: none; } .main-nav li ul{ margin: 0; padding: 0; } .main-nav li li{ display: block; text-align: left; } .main-nav li li a{ display: block; padding: 5px 10px; border-bottom: 1px solid #999999; line-height: 1.2; font-size: 16px; position: relative; padding-right: 25px; } .main-nav>li{display: inline-block;vertical-align: top;height: 36px;font-size: 18px;line-height: 36px;font-weight: 600;color: #1d1d1b; position: relative;} .main-nav>li>a{ display: inline-block;height: 36px;font-size: 18px;line-height: 36px;font-weight: 600;color: #1d1d1b;padding: 0 15px;padding: 0 15px;border-top-left-radius: 4px;border-top-right-radius: 4px;-webkit-transition: background .15s ease; } .main-nav>li:hover>a{ background:#ffd230;text-decoration:none } .main-nav>li>ul>li:hover>a{ background:#ffd230; } .main-nav>li>ul li:hover>a:after{ content: ''; position: absolute; width: 20px; height: 100%; top:0px; right: -8px; z-index: 9999; background: url(../images/icons/menusub1.png) no-repeat right center; background-size:cover; } .main-nav>li>ul>li>ul>li:hover>a{ background: #e87a30; color: #FFF; } .main-nav>li>ul>li>ul>li:hover>a:after{ background-image: url(../images/icons/menusub2.png); } .main-nav>li>ul>li>ul>li>ul>li:hover>a{ background: #f7b01a; color: #FFF; } .main-nav>li>ul>li>ul>li>ul>li:hover>a:after{ background-image: url(../images/icons/menusub3.png); } .main-nav>li>ul>li>ul>li>ul>li>ul>li:hover>a{ background: #ffd230; color: #FFF; } .main-nav>li>ul>li>ul>li>ul>li:hover>a:after{ background-image: url(../images/icons/menusub3.png); } .main-nav li.nosub>a:after{ display: none;} .main-nav li:hover>ul{ display: block; } .main-nav>li>ul{ display: none; width: auto; min-width: 100%; background: #FFF; position: absolute; top:100%; left: 0; } .main-nav>li>ul>li>ul{ display: none;width: auto; min-width: 100%; background: #ebebeb;position: absolute; top:0; left: 100%; } .main-nav>li>ul>li>ul>li>ul{ display: none;width: auto; min-width: 50%; background: #FFF;position: absolute; top:0; left: 100%; } .main-nav>li>ul>li>ul>li>ul>li>ul{ display: none;width: auto; min-width: 200%; background: #ebebeb;position: absolute; top:0; left: 100%; } .main-nav>li>ul>li>ul>li>ul>li>ul>li>ul{ display: none;width: auto; min-width: 100%; background: #FFF;position: absolute; top:0; left: 100%; } #search-trigger{display:inline-block;vertical-align:top;width:36px;height:36px;margin:0 10px 0 0;padding:4px 2px 0;cursor:pointer} #search-trigger svg{width:32px;height:32px} #search-trigger svg.open{display:none} #search-trigger svg circle,#search-trigger svg line{-webkit-transition:stroke .15s ease;transition:stroke .15s ease} #search-trigger:hover svg circle,#search-trigger:hover svg line{stroke:#ffd230} #search-trigger.open svg.open{display:block} #search-trigger.open svg.closed{display:none} #search-bar{display:block;position:absolute;height:80px;background:rgba(255,255,255,.95);top:-80px;left:15px;right:15px;z-index:99999;box-shadow:0 0 0 0 transparent;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:top .15s ease,box-shadow .15s ease,-webkit-transform .15s ease;transition:top .15s ease,box-shadow .15s ease,-webkit-transform .15s ease;transition:top .15s ease,transform .15s ease,box-shadow .15s ease;transition:top .15s ease,transform .15s ease,box-shadow .15s ease,-webkit-transform .15s ease} #search-bar.open{top:40px;-webkit-transform:scale(1);transform:scale(1);box-shadow:0 4px 24px 6px rgba(0,0,0,.25)} #search-bar input{display:block;width:100%;height:60px;margin:0;padding:0 15px;border:none;outline:0;font-size:30px;line-height:60px;color:#1d1d1b;font-weight:500;background:0 0} #search-bar a{display:inline-block;height:20px;font-size:12px;line-height:20px;margin:0 0 0 15px;padding:0;color:#1d1d1b;text-decoration:underline;font-weight:600} #mobile-nav .dropdown>.trigger,#mobile-nav a{font-size:16px;line-height:30px;font-weight:500} #search-bar a:hover{text-decoration:none} #mobile-nav{display:block;position:fixed;top:0;left:-800px;bottom:0;width:400px;max-width:100vw;background:#fff;z-index:2000;overflow-x:hidden;overflow-y:auto;margin:0;padding:30px;box-shadow:0 0 0 0 transparent;-webkit-transition:box-shadow .3s ease,left .3s ease;transition:box-shadow .3s ease,left .3s ease} #mobile-nav .close,#mobile-nav .close svg{width:30px;height:30px} #mobile-nav.open{left:0;box-shadow:0 0 24px 6px rgba(0,0,0,.25)} #mobile-nav .close{display:block;position:absolute;margin:0;padding:0;top:0;right:0;cursor:pointer} #mobile-nav .dropdown,#mobile-nav .dropdown>.trigger,#mobile-nav a{display:block;width:100%;margin:0 0 5px} #mobile-nav a{color:#1d1d1b;background:#fff;padding:0 15px} #mobile-nav a:hover{text-decoration:none;background:#f5f5f5} #mobile-nav a:active,#mobile-nav a:focus{text-decoration:none} #mobile-nav a.gold{background:#ffd230} #mobile-nav a.gold:hover{background:#fcc500} #mobile-nav a.red{color:#fff;background:#922107} #mobile-nav a.red:hover{background:#7a1c06} #mobile-nav .dropdown{padding:0} #mobile-nav .dropdown>.trigger{height:30px;color:#1d1d1b;background:#fff;padding:0 15px;cursor:pointer} #mobile-nav .dropdown .links{display:none;width:calc(100% - 15px);margin:0 0 0 15px} #mobile-nav .dropdown.open>.trigger,#mobile-nav .dropdown:hover>.trigger{background:#f5f5f5} #mobile-nav .dropdown.open>.links{display:block} header.banner{display:block;width:100%;margin:0;padding:240px 0;background-size:cover;background-repeat:no-repeat;background-position:center center} header.banner h1,header.banner h2,header.gold{padding:0;display:block;width:100%;margin:0} header.banner h1,header.banner h2{color:#fff;text-align:center;text-shadow:2px 3px 7px rgba(0,0,0,.35)} header.banner h1{font-size:66px;line-height:84px;font-weight:900} header.banner h1>span{ font-weight:700; display: block; margin-bottom: -84px;} header.banner h2{font-size:38px;line-height:58px;font-weight:500} header.gold .wrapper{display:block;width:100%;margin:0;padding:80px 20px 20px;border:15px solid #ffd230} .form-section,header.gold h1,header.gold h2{padding:0;display:block;width:100%} header.gold h1{margin:0;font-size:23px;line-height:32px;font-weight:700;color:#000;text-align:center} header.gold h2{margin:0;font-size:22px;line-height:32px;font-weight:400;color:#000;text-align:center} header.gold h2 a{font-weight:700;color:#000;text-decoration:none;-webkit-transition:color .15s ease;transition:color .15s ease} header.gold h2 a:hover{color:#ffd230} @media (max-width:991px){ header.banner{padding:200px 0} header.banner h1{font-size:50px;line-height:72px} header.banner h2{font-size:30px;line-height:48px} header.gold h1{font-size:20px;line-height:28px} header.gold h2{font-size:18px;line-height:26px} } @media (max-width:767px){ header.banner{padding:160px 0} header.banner h1{font-size:34px;line-height:48px} header.banner h2{font-size:20px;line-height:32px} } select{ cursor: pointer;} .form-section{margin:30px 0 0} .form-section .wrapper{padding:30px} .form-section h3{display:block;width:100%;margin:0 0 30px;padding:0;font-size:24px;line-height:32px;font-weight:700} .form-section .group{display:block;width:100%;margin:0 0 25px;padding:0} .form-section .group>label:first-child{display:inline-block;vertical-align:top;width:35%;min-height:40px;margin:0;padding:0 15px 0 0;font-size:20px;line-height:40px;font-weight:400;text-align:left} .form-section .group input[type=text],.form-section .group input[type=email],.form-section .group input[type=password],.form-section .group input[type=date],.form-section .group input[type=time],.form-section .group input[type=datetime],.form-section .group input[type=number]{display:inline-block;vertical-align:top;width:65%;height:40px;margin:0;padding:0 15px;background:#ffd230;border:none;outline:0;font-size:20px;line-height:40px;font-weight:400;color:#000;box-shadow:inset 1px 3px 5px 0 rgba(0,0,0,.1)} .form-section .group input[type=submit], .btsubmit{display:inline-block;width:250px;max-width:100%;height:50px;border-radius:6px;font-size:20px;line-height:50px;text-align:center;padding:0 20px;color:#000;font-weight:700;border:none;outline:0;cursor:pointer;background:#c6c6c6;-webkit-transition:background .15s ease;transition:background .15s ease} .form-section .group input[type=submit]:hover, .btsubmit:hover{background:#adadad; text-decoration: none;color:#000;} .form-section .group .btsubmit.active{background:#922107; text-decoration: none;color:#ffd230;} .form-section .group input[type=submit]:active,.form-section .group input[type=submit]:focus, .btsubmit:active,.btsubmit:focus{background:#939393} .form-section .group .select-wrap{display:inline-block;position:relative;vertical-align:top;width:65%;height:40px;margin:0;padding:0;z-index:90} .form-section .group .select-wrap::after,.form-section .group .select-wrap::before{position:absolute;pointer-events:none;display:block;content:''} .form-section .group .select-wrap::before{width:60px;height:40px;bottom:0;right:0;background:#000;z-index:100} .form-section .group .select-wrap::after{width:52px;height:32px;bottom:4px;right:4px;background-image:url(../images/arrow-right.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;z-index:110} .form-section .group select{display:block;width:100%;height:40px;margin:0;padding:0 15px;border:none;outline:0;background:#000;color:#fff;font-size:20px;line-height:40px;font-weight:400;z-index:90;-moz-appearance: none; -webkit-appearance: none; appearance: none;} .form-section .group .checkboxes{display:inline-block;position:relative;vertical-align:top;width:65%;min-height:40px} .form-section .group .checkboxes label{display:inline-block;vertical-align:top;height:40px;margin:0 60px 20px 0;padding:0;cursor:pointer} .form-section .group .checkboxes label .check{display:inline-block;position:relative;left:-4px;vertical-align:top;width:40px;height:40px;background:#ffd230;box-shadow:inset 1px 3px 5px 0 rgba(0,0,0,.1);margin:0;padding:0;border:4px solid #fff} .form-section .group .checkboxes label .check::after,.form-section .group .checkboxes label .check::before{display:block;position:absolute;content:'';width:10px;height:4px;background:#000;opacity:0;-webkit-transition:opacity .15s ease,-webkit-transform .15s ease;transition:opacity .15s ease,-webkit-transform .15s ease;transition:opacity .15s ease,transform .15s ease;transition:opacity .15s ease,transform .15s ease,-webkit-transform .15s ease} .form-section .group .checkboxes label .check::before{-webkit-transform:rotate(32deg) scale(.8);transform:rotate(32deg) scale(.8);top:20px;left:7px} .form-section .group .checkboxes label .check::after{-webkit-transform:rotate(-60deg) scale(.8);transform:rotate(-60deg) scale(.8);width:20px;top:15px;left:9px} .form-section .group .checkboxes label .label{display:inline-block;position:relative;vertical-align:top;min-width:100px;height:40px;margin:0;padding:0 0 0 10px;font-size:18px;line-height:40px;color:#000;font-weight:400; text-align: left;} .form-section .group .checkboxes label input{display:none} .form-section .group .checkboxes label input:checked~.check::after,.form-section .group .checkboxes label input:checked~.check::before{opacity:1} .form-section .group .checkboxes label input:checked~.check::before{-webkit-transform:rotate(32deg);transform:rotate(32deg)} .form-section .group .checkboxes label input:checked~.check::after{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)} .form-section .group .checkboxes label:hover .label{font-weight:600} .form-section .group.required>label:first-child{position:relative} .form-section .group.groupfull.required>label:first-child{display:none} .form-section .group.required>label:first-child::before{display:block;position:absolute;width:10px;height:40px;top:2px;left:-14px;content:'*';font-size:40px;line-height:40px} .form-section .group .error{display:none} .form-section .group.has-error>label:first-child{color:#db320b} .form-section .group.has-error .error{display:block;position:relative;width:65%;margin:15px 0 0 35%;padding:5px 10px;background:#f1e9e8;border:4px solid #db320b;color:#c32c09;font-size:14px;line-height:28px;font-weight:600} .form-section .group.groupfull.has-error .error{ width: 100%;margin: 15px 0 0 0px; } .form-section .group.has-error .error::after,.form-section .group.has-error .error::before{position:absolute;content:'';left:10px;width:0;height:0;border-style:solid;border-width:0 12.5px 15px;display:block} .form-section .group.has-error .error::before{top:-19px;border-color:transparent transparent #db320b} .form-section .group.has-error .error::after{top:-13px;border-color:transparent transparent #f1e9e8} .form-section.gold .wrapper{background:#fffaea} .form-section.white .wrapper{background:#fff} .signpost-section, .content-section{display:block;width:100%;margin:30px 0 0;padding:0} .signpost-section .wrapper{width:100%;margin:0;padding:30px 0; font-size: 0; text-align: center; overflow: hidden;} .signpost-section .item{display: inline-block; float: none;background:#ecebeb; padding: 20px 15px; margin-bottom: 20px;} .signpost-section .item>div{display:block;position:relative;width:100%;margin:0;padding:75% 0 0;overflow:hidden; background: no-repeat center center; background-size: cover;} .signpost-section .item>div>div,.signpost-section .item>div>div>div{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);display:block;left:50%} @media (max-width:991px){ .form-section .group>label:first-child{font-size:20px} .form-section .group input[type=text],.form-section .group input[type=email],.form-section .group input[type=password],.form-section .group input[type=date],.form-section .group input[type=time],.form-section .group input[type=datetime],.form-section .group input[type=number]{font-size:20px} .form-section .group select{font-size:20px} .signpost-section .wrapper{display:block}.signpost-section .item>div{padding:60% 0 0;} } @media (max-width:767px){ .form-section .group>label:first-child{display:block;width:100%} .form-section .group input[type=text],.form-section .group input[type=email],.form-section .group input[type=password],.form-section .group input[type=date],.form-section .group input[type=time],.form-section .group input[type=datetime],.form-section .group input[type=number]{display:block;width:100%} .form-section .group .select-wrap{display:block;width:100%} .form-section .group .checkboxes{display:block;width:100%} .form-section .group.has-error .error{width:100%;margin:15px 0 0} .signpost-section .item{ width: 100%; } .signpost-section .item>div{padding:50% 0 0} } .signpost-section .item>div>div{width:104%;height:104%;transform:translate(-50%,-50%);background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-transition:width .3s ease,height .3s ease;transition:width .3s ease,height .3s ease} .signpost-section .item>div>div>div{width:100%;transform:translate(-50%,-50%);margin:0;padding:0;text-align:center} .signpost-section .item>div>div>div>span{display:block;font-size:32px;line-height:40px;color:#FFF;font-weight:500;text-shadow:2px 3px 7px rgba(0,0,0,.35)} .signpost-section .item>div>div>div>span:last-child svg{width:32px} .signpost-section a.item:hover>div>div{width:100%;height:100%} .signpost-section .item:first-child{margin-left:0} .signpost-section .item:last-child{margin-right:0} .signpost-section.slim .item>div{padding:50% 0 0} .text-section{display:block;width:100%;margin:30px 0 0;padding:15px 0 0} .button-section,.button-section a,.spotlight-section,.text-section p{padding:0;display:block} .content-text{line-height: 1.4; } .content-text li{ list-style: none; padding-left: 20px; } .content-text li:before{ content: '\2022'; font-size: 2.2em; display: inline-block; vertical-align: top; line-height: 22px; margin-left: -20px; width: 17px; } .content-text.intro{ font-size:18px;line-height:30px;font-weight:500;color:#1d1d1b;} .content-text a{ color:#000;} .content-text a:hover{ color: #ffd230;} .text-section p{width:72%;margin:0 14% 15px;font-size:20px;line-height:30px;font-weight:500;color:#1d1d1b;text-align:center} .text-section p strong,.text-section p b{font-weight:700} .text-section [class*=col-] p{width:100%;margin:0 0 15px} .button-section{width:100%;margin:30px 0 0} .button-section a{position:relative;width:100%;height:50px;margin:0;background:#ffd230;border-radius:5px;text-align:center;font-size:25px;line-height:50px;font-weight:700;color:#1d1d1b;text-transform:uppercase;box-shadow:0 3px 7px 0 rgba(0,0,0,.35);-webkit-transition:background .15s ease,box-shadow .15s ease;transition:background .15s ease,box-shadow .15s ease} .button-section a svg{display:block;position:absolute;width:32px;height:32px;top:9px;right:9px} .button-section a:hover{text-decoration:none;background:#fcc500} .button-section a:active,.button-section a:focus{text-decoration:none;background:#e3b100;box-shadow:0 0 0 0 transparent} .spotlight-section{width:100%;margin:30px 0 0} .spotlight-section .wrapper{display:block;width:100%;margin:0;padding:30px;background:#1d1d1b} .spotlight-section h2{display:block;width:100%;margin:0 0 15px;padding:0;font-size:30px;line-height:48px;font-weight:500;color:#fff;text-align:center} .spotlight-section .slider{display:block;position:relative;width:100%;margin:0;padding:0 120px} .spotlight-section .next,.spotlight-section .prev{display:block;position:absolute;width:120px;height:100%;top:0;cursor:pointer;background:rgba(0,0,0,0);-webkit-transition:background .15s ease;transition:background .15s ease} .spotlight-section .next svg,.spotlight-section .prev svg{display:block;position:absolute;width:56px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .spotlight-section .next:hover,.spotlight-section .prev:hover{background:rgba(0,0,0,.2)} .spotlight-section .prev{left:0} .spotlight-section .next{right:0} .spotlight-section .owl-carousel{display:block;width:100%;margin:0;padding:0} .spotlight-section .one-news-slide{display:block;width:100%;margin:0;padding:0 15px} .spotlight-section .one-news-slide .image{display:block;width:100%;margin:0;padding:60% 0 0;background-position:center center;background-repeat:no-repeat;background-size:cover} .spotlight-section .one-news-slide h3{display:block;width:100%;margin:15px 0 5px;padding:0;font-size:20px;font-weight:500;color:#fff;line-height:32px} .spotlight-section .one-news-slide p,.spotlight-section .one-news-slide time{margin:0 0 15px;padding:0;font-weight:400;display:block;width:100%} .spotlight-section .one-news-slide time{font-size:16px;line-height:20px;color:#ffd230} .spotlight-section .one-news-slide p{font-size:16px;line-height:24px;color:#fff} .spotlight-section .one-news-slide a.more{font-size:16px;line-height:24px;font-weight:500;color:#ffd230} .slide-news.siggle{ max-width: 450px; margin: 0 auto; } .hero-section{display:block;width:100%;margin:30px 0 0;padding:0} .hero-section .image,.hero-section .info,.hero-section .wrapper{margin:0;display:block;padding:0} .hero-section .wrapper{position:relative;width:100%;background:#fff} .hero-section .image{width:66%} .hero-section .image img{max-width:100%} .hero-section .info{position:absolute;width:calc(34% - 30px);right:0;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)} .hero-section .info>div{display:block;width:100%;margin:0 0 15px;padding:0;text-align:center} .hero-section .info>div strong{display:block;width:100%;margin:0;padding:0;font-size:20px;line-height:28px;font-weight:900;color:#1d1d1b} .hero-section .description p,.hero-section .info>div span{font-size:20px;font-weight:500;color:#1d1d1b;padding:0;display:block} .hero-section .info>div span{width:100%;margin:0;line-height:28px} .hero-section .description{display:block;width:100%;margin:0;padding:0} .hero-section .description p{width:72%;margin:0 14%;line-height:30px;text-align:center} .hero-section .description p strong{font-weight:900} .hero-section .description p .red{color:#922107} .partner-section{display:block;width:100%;margin:30px 0 0;padding:0} .partner-section a{display:block;width:100%;margin:0;padding:0} .partner-section img{width:100%} .social-section{display:block;width:100%;margin:60px 0 0;padding:0} .social-section+*{margin-top:60px!important} .social-section .wrapper{display:block;position:relative;width:100%;margin:0;padding:30px 30%;background:#e6f3fb} .social-section .next,.social-section .prev{display:block;position:absolute;width:100px;top:30px;bottom:30px;cursor:pointer;background:rgba(0,0,0,0);-webkit-transition:background .15s ease;transition:background .15s ease} .social-section .next svg,.social-section .prev svg{display:block;position:absolute;width:56px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .social-section .next:hover,.social-section .prev:hover{background:rgba(0,0,0,.04)} .social-section .prev{left:calc(30% - 130px)} .social-section .next{right:calc(30% - 130px)} .social-section .owl-carousel{display:block;width:100%;margin:0;padding:0} .social-section .owl-item>div{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin:0;padding:0} .social-section .owl-item .icon{-ms-flex-preferred-size:150px;flex-basis:150px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0} .social-section .owl-item .content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-left:30px} .social-section .owl-item .content p,.social-section .owl-item .content strong,.social-section .owl-item .content time{display:block;width:100%;padding:0;font-weight:600} .social-section .owl-item .content strong{margin:0 0 8px;font-size:18px;line-height:24px;color:#1d1d1b} .social-section .owl-item .content time{margin:0;font-size:18px;line-height:24px;color:#9d9d9c} .social-section .owl-item .content p{margin:0;font-size:15px;line-height:21px;color:#1d1d1b} .logos-section{display:block;width:100%;margin:30px 0 0;padding:0} .logos-section h2{display:block;width:100%;margin:0 0 25px;padding:0;font-size:30px;line-height:40px;color:#4d4848;font-weight:500;text-align:center} .logos-section .wrapper{display:block; text-align: center;width:100%;margin:0;padding:0; font-size: 0;} .logos-section .wrapper div{display: inline-block; vertical-align: middle; float: none;} @media (max-width:991px){ .spotlight-section .wrapper{padding:15px} .spotlight-section .slider{padding:0 100px} .spotlight-section .next,.spotlight-section .prev{width:100px} .spotlight-section .owl-item .image{padding:55% 0 0} .spotlight-section .owl-item h3{font-size:18px;line-height:28px} .spotlight-section .owl-item time{font-size:14px;line-height:18px} .spotlight-section .owl-item p{font-size:14px;line-height:18px} .spotlight-section .owl-item a.more{font-size:14px;line-height:18px} .hero-section .image{width:100%} .hero-section .info{position:static;width:100%;-webkit-transform:none;transform:none;top:0} .social-section .wrapper{padding:30px 65px} .social-section .next,.social-section .prev{width:50px} .social-section .next svg,.social-section .prev svg{width:48px} .social-section .prev{left:0} .social-section .next{right:0} .social-section .owl-item .content strong{font-size:16px;line-height:22px} .social-section .owl-item .content time{font-size:16px;line-height:22px} .social-section .owl-item .content p{font-size:14px;line-height:20px} /*.logos-section .wrapper{display:block;padding:0 25%} .logos-section .wrapper>div{display:block;width:100%;margin:0 0 30px;text-align:center}*/ } @media (max-width:767px){ .spotlight-section .slider{padding:0 48px} .spotlight-section .next,.spotlight-section .prev{width:48px} .spotlight-section .next svg,.spotlight-section .prev svg{width:48px} .spotlight-section .owl-item .image{padding:50% 0 0} .spotlight-section .owl-item h3{font-size:16px;line-height:24px} } /*.logos-section .wrapper>div:first-child{margin-left:0} .logos-section .wrapper>div:last-child{margin-right:0} .logos-section .wrapper img{max-width:100%;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.65}*/ footer{display:block;width:100%;margin:30px 0 0;padding:80px 30px;font-size:14px;line-height:20px;font-weight:400;color:#1d1d1b;text-align:center} footer a{color:#1d1d1b;-webkit-transition:color .15s ease;transition:color .15s ease} footer a:hover{color:#e3b100;text-decoration:none} footer a:active,footer a:focus{color:#922107;text-decoration:none} body{padding-top:85px} .full-width{width:100%} body > header.slim { padding: 140px 0 100px 0;} body > header h1, .fontRaleway{font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;} .text-content { font-weight: 500; color: #1d1d1b; font-size: 16px;} .text-content a.normal{ font-weight: 500 !important; color: #1d1d1b !important; font-size: inherit !important; text-decoration: underline!important;} .text-content a.normal:hover{ text-decoration: none!important;} .text-content strong{ font-weight: 700;} .text-content.bigger{ font-size: 20px;} .map{ position:relative; padding:30% 0; border:3px solid #ffd230; margin-left:-30px;} #map{ position:absolute; top:0; left:0; width:100%; height:100%;} #map .gm-style-cc{ display: none;} #map .gm-style>div:nth-child(2){ display:none} #view-street{ box-shadow:0 2px 6px rgba(0,0,0,.3); background:url(../images/stock/street-view.jpg) no-repeat left bottom ; background-size:cover; width:120px; height:60px; cursor:pointer; margin:0 0 12px 12px; z-index:9000000} .theteam{ display: block; width: 100%; margin: 30px 0 0; padding: 15px 0 0;} .theteam h2{font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:50px; font-weight:700;} .theteam hr{ border-color:#555;} .one-theteam>div>div{ padding-bottom:25px;} .one-theteam>div:nth-child(1)>div{ margin-right:-30px; padding-top:5px;} .one-theteam>div:nth-child(2)>div{ margin-left:-30px;} .thebutton, .thebutton:focus{font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:18px; font-weight:700; color:#FFF; display:inline-block; padding:5px 10px; background:#922107; border-radius:5px; text-align:center; line-height:25px;text-decoration:none;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;} a.thebutton:hover{ text-decoration:none; background:#ffd230; color:#333} .thebutton.block{ display:block} .thebuttonblack{font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:18px; font-weight:700; color:#FFF; display:inline-block; padding:5px 20px; background:#000; border-radius:5px; text-align:center; line-height:25px;text-decoration:none;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .thebuttonblack:hover{ text-decoration:none; background:#000; color:#922107} .thebuttonyellow{font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:18px; font-weight:700; color:#333; display:inline-block; padding:5px 20px; background:#ffd230; border-radius:5px; text-align:center; line-height:25px;text-decoration:none;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .thebuttonyellow:hover{ text-decoration:none; background:rgb(231,117,48); color:#FFF} .thebuttonyellow.bigger, .thebutton.bigger, .thebuttonblack.bigger{ padding:10px 20px; min-width: 250px;font-size:22px; } .thebutton.text-left,.thebuttonyellow.text-left,.thebuttonblack.text-left{ text-align: left; padding-left: 15px;} .clred, .clred:hover{ color: #922107;} .more-left{ margin-left:-30px;} .more-right{ margin-right:-30px;} .input-group .thebutton{ width: 110px; font-size:16px; line-height:20px;} .input-group input{ width: calc( 100% - 140px ); margin-right:10px; background:#ffd230; border:none; line-height:25px; height:30px; padding:5px; color:#000} .input-group input:focus{ outline:none} .thebutton.download,.thebuttonyellow.download{ text-align:left; background-image:url(../images/icons/icon-download.png); background-position:right center; background-repeat:no-repeat; background-size:auto 70%; padding-right: 40px; padding-left: 15px;} .thebuttonyellow.download{ background-image: url(../images/icons/icon-download-red.png);} .input-group .thebutton.download{width: calc( 100% - 140px );} .social-slide{ display: block; width: 100%; margin: 60px 0 0; padding: 0;} .social-slide .wrapper { display: block; position: relative; width: 100%; margin: 0; padding: 30px 0; background: #e6f3fb; text-align:center; font-size:0;} .social-slide .wrapper>div, .social-slide .wrapper>a{ display:inline-block; vertical-align:middle } .social-slide .wrapper>div, .social-slide .wrapper>a{ width:100px; padding:0 20px; } .social-slide .wrapper>div.carousel{ width:40%; text-align:left; font-size:14px; padding:0;} .social-slide .wrapper>a>svg{fill:#2aa2ee;stroke:#2aa2ee;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;} .social-slide .wrapper>a:hover>svg{ fill:#ffd230;stroke:#ffd230;} .social-slide .owl-item>div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin: 0; padding: 0; font-size:0;} .social-slide .owl-item .content { display:inline-block; width:50% ; vertical-align:middle; font-size:14px;} .social-slide .owl-item .image { display:inline-block; width:50% ;vertical-align:middle; text-align:right} .social-slide .owl-item .image img{ width:calc(100% - 20px) ; max-height: 200px;} .social-slide .owl-item .content p, .social-slide .owl-item .content strong, .social-slide .owl-item .content time { display: block; width: 100%; padding: 0; font-weight: 600;} .social-slide .owl-item .content p{ padding-right: 10px; } .social-slide .owl-item .content a{ color: #333; } .social-slide .owl-item .content strong { margin: 0 0 8px; font-size: 18px; line-height: 24px; color: #1d1d1b; font-weight:700;} .social-slide .owl-item .content time { margin: 0; font-size: 18px; line-height: 24px; color: #9d9d9c;} .signin-section{margin: 30px 0 0;} .signin-section .wrapper{background:#ffd230; color:#1d1d1b; padding:20px 0; font-size:0;} .signin-section .wrapper [class*=col-]{ display:inline-block; float:none; vertical-align:middle} .signin-section .wrapper .signtext{ font-size:20px;} .signin-section .wrapper input{ width:100%; border:none; color:#000; font-size:16px; line-height:30px; padding:5px 10px;} .box-video{ border:3px solid #ffd230; width:80%; margin:10px auto;} .box-video .thumbshow{ padding:70% 0 0; background:url(../images/stock/7.jpg) no-repeat center center; background-size:cover; position:relative;} .box-video .thumbshow .videoplay{ position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/icons/icon-play.png) no-repeat center center; background-size:55px auto; z-index: 2} .box-video .thumbshow .theVideo{ position:absolute; width:100%; height:100%; top:0; left:0; overflow: hidden; opacity: 0; z-index: 1} .box-video .thumbshow .theVideo iframe{ position:absolute; width:120%; height:140%; top:-20%; left:-10%;} .box-coltrol { font-size: 0; width: 80%; margin: 10px auto;} .box-coltrol a{ display: inline-block; width: 25px; height: 25px; background: #000; color: #FFF; font-size: 12px; border-radius: 50%; vertical-align: middle; text-align: center; line-height: 25px; margin-right: 15px;} .box-coltrol a i:nth-child(2){ display: none;} .box-coltrol a.played i:nth-child(1){ display: none;} .box-coltrol a.played i:nth-child(2){ display: inherit;} .box-coltrol .progress{ display: inline-block; width: calc( 100% - 40px ); height: 5px; background: #000; border-radius: 0%; vertical-align: middle; margin: 0;overflow: visible;} .box-coltrol .progress .progress-bar{ background:#ffd230; height: 10px; margin-top: -2px;} @media only screen and (max-width: 1199px) { .social-slide .wrapper>div, .social-slide .wrapper>a{ width:100px; padding:0 20px; } .social-slide .wrapper>div.carousel{ width:60%; text-align:left; font-size:14px; padding:0;} } @media only screen and (max-width: 991px) { body{padding-top:49px} .social-slide .wrapper>div, .social-slide .wrapper>a{ width:70px; padding:0 10px; } .social-slide .wrapper>div.carousel{ width:calc(100% - 210px); text-align:left; font-size:14px; padding:0;} body > header.slim { padding: 120px 0 80px 0;} .map{ margin: 20px 0;} .one-theteam>div>div{ margin:0 !important;} .more-left,.more-right{ margin:0 !important;} .box-video .thumbshow .videoplay, .box-coltrol{ display: none; } .box-video .thumbshow .theVideo{ z-index: 10; opacity: 1; } } @media only screen and (max-width: 767px) { body > header.slim { padding: 100px 0 60px 0;} .social-slide .wrapper>div, .social-slide .wrapper>a{ width:60px; padding:0 10px; } .social-slide .wrapper>div.carousel{ width:calc(100% - 120px); text-align:left; font-size:14px; padding:0;} .social-slide .wrapper>div.icon,.social-slide .wrapper>a.icon{ display:block; margin:0 auto} .social-slide .owl-item .image{ display:none} .social-slide .owl-item .content{ width:100% ; padding:0;} } .main-gallery{ position: relative; margin-bottom: 15px; } .main-gallery .full-width{ position: absolute; width: 100%; height: 100%; top:0; left:0; } .main-gallery>.hoder{ visibility: hidden; width: 100%; } .thumb-gallery>div>div{ padding: 70% 0 0; background:url(../images/gallery/1.jpg) no-repeat center center ; cursor: pointer; background-size:cover; margin-bottom: 14px;} /*#drink-thumb.thumb-gallery>div>div:hover{ background-size: 104% ;}*/ .thumb-gallery>div>div:hover{ background-size: auto 104% ;} #drink-thumb.thumb-gallery>div>div{ border: 1px solid #000; padding-top: 200%; margin: 0 -15px 5px -15px;background-size:contain;} .control-gallery{ margin-left: -15px; font-size: 0;} .control-gallery >a,.control-gallery >div{ display: inline-block; text-align: left; vertical-align: middle;} .control-gallery >div.caption{ width: calc(100% - 100px); font-size: 18px; font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:700; padding-left: 20px;} .control-gallery svg{ stroke:#ffd230; height: 50px; vertical-align: middle; display: inline-block;} .control-gallery a:hover svg{ stroke:#2aa2ee;} /*Individual*/ .drinkdesc{ font-size: 16px; font-weight: 700;} .drinkdesc a{ color: #666;text-decoration: underline; } .drinkdesc a:hover{ text-decoration: none;color: #666; } .drinkdesc.right-box>img{ width: 29%; margin-right: 3%; max-width: 99px;} .slide-horizontal{ font-size: 0;} .slide-horizontal>[class*=col-]{display: inline-block; float: none; vertical-align: middle;} .slide-horizontal>div>a>svg{ stroke:#ffd230; height: 70px; display: inline-block;} .slide-horizontal>div>a:hover>svg{ stroke:#2aa2ee;} .real-slide-horizontal{ text-align: left; font-size: 0;} .real-slide-horizontal div.slide>div, .real-slide-horizontal a.slide>div{ border: 1px solid #AAA; margin: 0 15px; padding:0px 10px 0px 35%; font-size: 15px; font-weight: 700; background: url(../images/bot/1.jpg) no-repeat 15px center; background-size: auto 80%; height: 150px; text-decoration:none !important; color: #333} .real-slide-horizontal div.slide>div>div>div, .real-slide-horizontal a.slide>div>div>div{ font-weight: normal; } .real-slide-horizontal a.slide:hover, .real-slide-horizontal a.slide{ text-decoration: none !important; } .real-slide-horizontal div.slide>div>div, .real-slide-horizontal a.slide>div>div{ display: table-cell; width: 100%; height: 150px; vertical-align: middle;} .real-slide-horizontal div.slide>div span, .real-slide-horizontal a.slide>div span{ font-size: 2em; display: block;} .slide-horizontal .progress{ height: 3px; margin: 15px; border-radius: 0; overflow: visible; position: relative; background: #000;} .slide-horizontal .progress .bar{ position: absolute; background: #ffd230; height: 7px; top:-2px; left: 0; width: 50%;} .no-left{ padding-left: 0;} .no-right{ padding-right: 0;} .no-padding{ padding: 0;} .form-section #left-profile h3{font-size: 20px;} .form-section .groupfull{ margin-bottom: 5px;} .form-section .groupfull input[type="text"],.form-section group.groupfull input[type="text"], .form-section .groupfull input[type="email"], .form-section .groupfull input[type="tel"], .form-section .groupfull input[type="date"], .form-section .groupfull input[type="time"], .form-section .groupfull input[type="datetime"], .form-section .groupfull input[type="number"] {width: 100% !important;} .form-section .groupfull .checkboxes { display: inline-block; position: relative; vertical-align: top; width: 100%; min-height: 40px;} .form-section .groupfull .checkboxes label{ width: 100%;min-height: 0; margin:0 0 10px;height: auto; text-align: left;font-size: 18px;font-weight: 400;} .form-section .groupfull .checkboxes label .label{ padding-left: 0;} .form-section .groupfull .select-wrap,.form-section .group.groupfull .select-wrap, .form-section .groupfull > label:first-child{width:100% !important; } .form-section .groupfull .select-wrap,.form-section .group.groupfull .select-wrap{ padding: 0 !important; } .form-section .groupfull div.select-wrap{ background: #000; color: #FFF;font-size: 20px;line-height: 40px;font-weight: 400; text-indent: 15px;display: block; position: relative; padding-right: 50px; height: auto; min-height: 40px;} .form-section .groupfull .select-wrap.rotate:after{width: 32px;height: 32px;bottom: 4px;right: 4px; margin-right: 10px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);} .form-section .groupfull select{width:100%} .form-section ul{ margin: 0; padding: 0; } .form-section ul li{ list-style: none; } .form-section ul li a{ line-height: 40px; padding-left: 15px; display: block; border-bottom: 1px solid #898988; font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:600;color: #333; font-size: 20px;} .form-section ul li a:hover,.form-section ul li a.active{ background: #fff2c1; text-decoration: none;} .tabshow .nav-pills > li > a { border-radius: 0 ;background-color: #fffaea !important; font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:700;color: #333 !important; padding-left: 60px; font-size: 20px; border: none;} .tabshow .tab-content { color : #333; background-color: #fffaea; padding : 25px 60px;} .tabshow.green .nav-pills > li > a{ background-color: #e6f3fb !important;} .tabshow.green .tab-content{ background-color: #e6f3fb;} .form-section .tabshow.green .group input[type="text"]{background: #a8d4f0 ;} .tabshow.grey .nav-pills > li > a{ background-color: #f1f1f1 !important;} .tabshow.grey .tab-content{ background-color: #f1f1f1;} .tabshow.white .nav-pills > li{ padding-left: 25px; padding-right: 5px;border: 1px solid #333; border-bottom: none; background-color: #fff; position: relative; z-index: 1; margin-bottom: -1px; } .tabshow.white .nav-pills > li > a{ background-color: transparent !important; text-align: left; padding: 5px 100px 5px 0;} .tabshow.white .nav-pills > li.active { background:#ffd230 !important; z-index: 2; position: relative; } .tabshow.white .tab-content{border: 1px solid #333;background:#fff !important; z-index: 1;position: relative; padding:0 40px;} .tabshow.white .tab-content hr{ border-color: #333; } .form-section .tabshow.grey .group input[type="text"]{background: #bebfc1 ; color: #000} .rowtable{ width: 100%; border-bottom: 1px solid #333; font-size: 0;} .rowtable>div{ display: inline-block; width: 28%; padding:10px 10px 10px 0; font-size: 20px;} .rowtable>div:last-child{ width: 16%; text-align: right;} .search-bar{background:#ffd230;} .search-bar input{background:#ffd230; border: 1px solid #333; width: 100%; font-size: 20px; margin: 10px 0; line-height: 40px; padding: 0 15px;} .search-bar h4{line-height: 1.2; margin:20px 0 0px; white-space: nowrap;} .search-item{ display: block; padding: 0 10%; font-size: 0;} .search-item [class*=col-]{display: inline-block; float: none; font-size: 16px; font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif; color: #333;font-weight:600;} .search-item [class*=col-]>span{ font-size: 20px; display: block;font-weight:700;} .search-item .borderbottom{ border-bottom-color: #ffd230} img.haft-width{ max-width: 60%; max-height: 400px;} div.haft-width{ max-width: 60%; max-height: 400px; width: 60%; height: 400px; display: inline-block;} div.haft-width{ background: url(../images/bot/1.jpg) no-repeat left center; background-size: contain;} .one-category{ font-size: 0;} .one-category>div{ display: inline-block; width: 75%; font-size: 20px; vertical-align: middle !important;font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif; color: #333; vertical-align: top; padding-top: 0%} .one-category>div:first-child{ width: 25%; vertical-align: middle; padding-top: 0;} .col-sm-4 .one-category>div{ width: 70%; } .col-sm-4 .one-category>div:first-child{ width: 30%; } .one-category>div>span,.one-category>div>a{ display: block; } .one-category>div>a{ color: #000;text-decoration: none; font-weight: 700;} .one-category>div>a>span{ font-weight: 500; } .one-category>div>span{ font-size: 18px; } .one-category>div>span>em{ font-size: 16px; font-weight: 700 !important; } .one-category>div>a:hover{ text-decoration: underline; } h3 .light{ font-size: 20px; } a.redbold, .one-category>div>a.redbold{ color: #922107; text-decoration: underline; font-weight: 600; font-size: 22px; } a.redbold.bold, .one-category>div>a.redbold{ font-weight: 700; font-size: 24px; } a.redbold.bold>span{ font-weight: 500; } a.redbold:hover, .one-category>div>a.redbold:hover{ text-decoration: none; } a.normal{ color: #555; text-decoration: none; font-weight: 500; font-size: 22px; } .scrollbar{ max-height: 200px; overflow: hidden;} .scrollbar.bigheight{ max-height: 800px;} .btgoup{ display:inline-block; background:url(../images/icons/icon-up-black.png) no-repeat left center; background-size:60px auto; padding-left:75px; font-size:18px; text-align: left;cursor: pointer; font-weight: 700; } .btgoup.down{background-image: url(../images/icons/icon-down-black.png);} .barheader{ font-weight: 900; background: url(../images/background/gold.png) no-repeat center center; background-size: cover; padding:5px 15px; margin-bottom: 25px; font-size: 30px;} .barheader.bronze{ background-image: url(../images/background/bronze.png);} .barheader.silver{ background-image:url(../images/background/silver.png);} .form-section.boldback{ margin: 0;} .form-section.boldback select, .form-section.boldback .select-wrap{ font-weight: 900 !important;} .form-section .groupfull div.select-wrap span{ display: inline-block; padding: 0px; line-height: 1.2; text-indent: 0; width: 100%;} .form-section .groupfull div.select-wrap span>span.onleft{ width: 40px; vertical-align: middle; } .form-section .groupfull div.select-wrap span>span.onright{ width:calc( 100% - 45px ); vertical-align: middle; } .form-section .groupfull div.select-wrap i{ color: #ffd230; font-style: normal;} .form-section .groupfull div.select-wrap ul{ margin: 0; padding: 0; top:100%; left: 0px; width: 100%; background: #000; color: #FFF; position: absolute; overflow: hidden; height: 0;} .form-section .groupfull div.select-wrap.open ul{ height: auto;} .form-section .groupfull div.select-wrap ul li{ display: block; list-style: none; padding: 3px 15px; cursor: pointer;} .form-section.checkout .group > label:first-child{ width: 40%;} .form-section.checkout .group input[type="text"], div.total-price{ width: 60%; display: inline-block;} .form-section.checkout input[type="text"]{ text-align: center;} div.total-price{ font-size: 22px; font-weight: 400; line-height: 1.6;} div.total-price a{ margin-top: 20px;} .form-section.checkout .group{ margin-bottom: 10px;} .group-radio{padding: 30px 0; border-bottom: 1px solid #333; margin: 0 15px; line-height: 40px; } .group-radio.active{ background: #fffaea; } .group-radio input{ display: none; } .group-radio label{ display: inline-block; vertical-align: middle; min-height: 40px;margin: 0;padding: 0 15px 0 0;font-size: 20px;line-height: 40px;font-weight: 400;text-align: left; cursor: pointer } .group-radio label.clred{ font-weight: 900; margin: 0 20px; } .group-radio input + label:after{ width: 30px; height: 30px; content: ''; background: #ffd230; border-radius: 50%; margin:0 0 0 20px; display: inline-block; vertical-align: middle; border: 7px solid #ffd230; } .group-radio input:checked + label:after{ background: #000; } .catnumber{text-align: center; } .catnumber span{display: inline-block; width: 40px; height: 40px; background: #000; border-radius: 50%; text-align: center; line-height: 35px; color: #FFF; font-size:30px; font-weight: 900; margin: 0 auto; } .headline-sponsor{display: inline-block; border: 2px solid #ffd230; border-left: 0; border-right: 0; line-height: 30px; font-weight: 600; padding: 5px; font-size: 18px; } .blog-group{.padding:0;width:100%; display:block ;font-size: 0; text-align: left } .blog-group .item{width:33.33%; padding: 25px; display: inline-block; font-size: 14px;} .blog-group .item:hover{text-decoration: none; } .blog-group .item:nth-child(even){background: #f5f5f5 } .blog-group .item>span{ display: block; color: #333; } .blog-group .item>span.heading{ font-size: 35px; text-transform: uppercase; font-weight: 700; } .blog-group .item>span.time{color: #000; margin-top: 15px; } .blog-group .item>span.button{ cursor: pointer; display: inline-block; background: #ffd230; padding: 5px 10px; margin-top: 15px; font-weight: 500; } .listoffile{font-size: 0; text-align: right; margin: 0 -15px} .listoffile>div{display: inline-block; vertical-align: top; float: none; width: 33.33%;} .listoffile input{display: none;} .listoffile label>span{ position: absolute; top:-10px; left: 0px; text-transform: uppercase; color: #333;font-size: 12px; } .listoffile label{position: relative; cursor: pointer; width: calc(100% - 30px); display: block; padding: 10px 0;} .listoffile label:before{display: inline-block; width: 20px; height: 20px; position: absolute; top:12px; left: -25px; border: 1px solid #000; content: ''; text-align: center; line-height: 20px; font-size: 10px;} .listoffile input:checked+label:before{content: '\274c'} .listoffile label>img{width: 100%;} .link-download{display: inline-block; background: url(../images/icons/icon-download-black.png) no-repeat left center; padding-left: 25px; background-size: 15px auto; color: #333; margin-left: -15px;} .link-download:hover{text-decoration: none; color: #922107; background-image: url(../images/icons/icon-download-red.png); } @media only screen and (max-width: 991px) { .row>div>.row{ margin: 0; } .no-left,.no-right,.no-padding{ padding:0 15px; } .form-section .groupfull select{font-size:20px} .blog-group .item{width: 50%;} .blog-group .item:nth-child(even){background: #FFF;} .blog-group .item:nth-child(4n+2), .blog-group .item:nth-child(4n+3){ background: #f5f5f5 } .download-row>div{ width: 23%; } .download-row>div:first-child{ width: 100%; margin-bottom: 15px; } .download-row>div:last-child{ width: 31%; padding-left: 5px; } } @media only screen and (max-width: 767px) { .form-section.checkout .group{ margin-bottom: 10px;} .form-section.checkout .group > label:first-child, .form-section.checkout .group input[type="text"], div.total-price { width: 100%;} .blog-group .item{ width: 100%; } .blog-group .item:nth-child(4n+2), .blog-group .item:nth-child(4n+3){ background: #FFF; } .blog-group .item:nth-child(even){ background: #f5f5f5 } } @media only screen and (max-width: 499px) { .download-row>div{ width: 33%; } .download-row>div:last-child{ width: 100%; padding-left: 25px; margin-top: 15px; } } a.underline{text-decoration: underline;font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:700;color: #333; } a.underline:hover{ text-decoration: none;} .relative{ position: relative;} .clear{clear: both; height: 0px !important; display: block;} .clearhi5{clear: both; height: 5px !important; display: block;} .clearhi10{clear: both; height: 10px !important; display: block;} .clearhi20{clear: both; height: 20px !important; display: block;} h1,h2,h3,h4,h5,h6{ margin: 0; line-height: 1.4;} .borderbottom{ border-bottom: 1px solid #898988;} .boldback{ font-weight: 900;} .bolder{font-weight: 700;} .bold{font-weight: 600;} .lighter{font-weight: 300;} .light{font-weight: 300;} /*scroll bar*/ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; background: #333;border: 1px solid #333 !important; } .mCSB_scrollTools .mCSB_dragger{ cursor: pointer; width: 4px!important; height: 30px; z-index: 1;background: #ffd230 !important; border-radius: 0px; margin: 0px auto 0 6px ;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{ display: block;position: absolute;height: 12px;width: 20px; overflow: hidden; margin: 0 -3px; cursor: pointer;-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; background: url(../images/icons/icon-up.png) no-repeat center top ; background-size: 20px 10px; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; background-image: url(../images/icons/icon-down.png); background-position: center bottom } .scrollbar.bigheight .mCSB_scrollTools{ left: 40px; right: auto;} body > header.paneles{ height: 560px; background: no-repeat center center / cover; } body > header.paneles .lefttext{ position:relative; overflow:visible;height: 560px; background: url(../images/background/gift-finder.png) no-repeat left top; background-size: 50%; } body > header.paneles .lefttext .realtext{ position:relative; text-align:center; z-index:2; padding-top: 100px; color: #FFF; font-size: 20px; } .bgrgift{ position:absolute; width:5000px; right:-15px; top:0; height:100%;background: url(../images/background/gift-finder.png) no-repeat right 20px #922107; background-size: 500px;z-index: 0 } body > header.paneles .lefttext .realtext h1{ font-size: 66px; line-height: 1; font-weight: 900; margin-bottom: 30px; } body > header.paneles .lefttext .realtext h2{ font-size: 40px; line-height: 1.4; font-weight: 900; margin-bottom: 30px; } body > header.paneles .lefttext .realtext h1 span{ font-size: 0.7em; display: block; } .rowtablemid{ width: 100%; font-size: 0;} .rowtablemid>div{ display: inline-block; float: none; vertical-align: middle; } .listcheckboxes{width: 100%;} .listcheckboxes td{width: 50%;} .listcheckboxes input{display: none;} .listcheckboxes label{ display: inline-block;vertical-align: top;height: 40px;margin: 0 0px 20px 0 !important;padding: 0;cursor: pointer;font-size: 18px;line-height: 40px;color: #000;font-weight: 400;text-align: left;} .listcheckboxes label:hover{ font-weight: 500;} .listcheckboxes label:before{ display: inline-block;position: relative;left: -4px;vertical-align: top;width: 40px;height: 40px;background: #ffd230;box-shadow: inset 1px 3px 5px 0 rgba(0,0,0,.1);margin: 0;padding: 0;border: 4px solid #fff; content: ''; vertical-align: middle;} .listcheckboxes input:checked + label:before{ background-image: url(../images/icons/icon-tick.png) ; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; } .top-banner{position: relative; margin: 0; padding: 0; } .top-banner >.intro_heading{ position: absolute; width: 100%; height: 100%; top: 0; left:0; z-index: 9; } .table{ display: table; height: 100%; width: 100%; } .table-cell{ display: table-cell; height: 100%; vertical-align: middle; text-align: center; } .top-banner h1,.top-banner h2{padding:0;display:block;width:100%;margin:0;color:#fff;text-align:center;text-shadow:2px 3px 7px rgba(0,0,0,.35)} .top-banner h1{font-size:66px;line-height:84px;font-weight:900} .top-banner h1>span{ font-weight:700; display: block; margin-bottom: -84px;} .top-banner h2{font-size:38px;line-height:58px;font-weight:500} #banner-slider, #banner-slider .slideitem, #banner-slider>div.owl-stage-outer, #banner-slider>div.owl-stage-outer{ height: 622px; } .slim #banner-slider,.slim #banner-slider .slideitem, .slim #banner-slider>div.owl-stage-outer{ height: 350px; } #banner-slider>div{ background: no-repeat center center ; background-size: cover; } .shares-this{ margin: 0; padding: 0; } .shares-this li{ list-style: none; display: inline-block; vertical-align: middle; font-weight: 500; font-size: 16px; margin-right: 20px; } .stButton .stLarge{ width: 40px !important; } .st_facebook_large>span>span{ background-image: url(../images/icons/icon-tweet-face.png) !important; background-size: auto 100%; background-position: right center !important; } .st_twitter_large>span>span{ background-image: url(../images/icons/icon-tweet-face.png) !important; background-size: auto 100%; background-position: left center !important; } .mini-gallery{ text-align: center; font-size: 0; } .mini-gallery>div{ float: none; display: inline-block; vertical-align: bottom; margin: 10px 0; } .overout{ position:absolute; width:100%; height:100%; background:rgba(255,255,255,0.3); top:0; left:0; z-index:999; } span.labelyl, .as-input{ display: inline-block; vertical-align: top; width: 100%; height: 40px; margin: 0; padding: 0 15px; background: #ffd230; border: none; outline: 0; font-size: 20px; line-height: 40px; font-weight: 400; color: #000; box-shadow: inset 1px 3px 5px 0 rgba(0,0,0,.1); text-align: center; } .as-input img{ height: 60%; } .as-select{ display: block; width: 100%; height: 40px; margin: 0; padding: 0 15px; border: none; outline: 0; background: #000; color: #fff; font-size: 20px; line-height: 40px; font-weight: 400; z-index: 90; } .form-section .tabshow .group .as-input, .form-section .tabshow .group input { color: #cc6600; } .form-section .tabshow.green .group .as-input , .form-section .tabshow.green .group input{ color : #336699 !important;background: #a8d4f0 ; } .form-section .tabshow.grey .group .as-input , .form-section .tabshow.grey .group input{ color : #333 !important;background: #bebfc1 ; } .form-section .group.has-error input[type="text"],.form-section .group.has-error input[type="password"]{ background: #abc7e9; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #cc6600 !important; opacity: 1; } ::-moz-placeholder { /* Firefox 19+ */ color: #cc6600 !important;opacity: 1; } :-ms-input-placeholder { /* IE 10+ */ color: #cc6600 !important;opacity: 1; } :-moz-placeholder { /* Firefox 18- */ color: #cc6600 !important;opacity: 1; } .yellow-button{ display: inline-block; background: #ffd230;color: #1f1919; font-size: 20px; padding: 10px 20px; border-radius: 5px; line-height: 1; font-weight: 700; text-decoration: none !important; } .red-button{ display: inline-block; background: #922107;color: #FFF; font-size: 20px; padding: 10px 20px; border-radius: 5px; line-height: 1; font-weight: 700; text-decoration: none !important; } .yellow-button.arrow-right{ text-transform: uppercase; line-height: 25px; } .yellow-button.arrow-right:after{ display: inline-block; width: 20px; height: 20px; vertical-align: middle; content: ''; background: url(../images/arrow-right-back.svg) no-repeat right 0px #ffd230;background-size: 20px auto; margin-left: 10px; } .red-button:hover{ text-decoration: none;background: #7a1c06;color: #FFF; } .item.col-sm-6{ position: relative; } .item.col-sm-6 .button{ position: absolute; width: 100%; bottom: -25px; left: 0; } .rightbutton{ position: absolute; left: 100%; top: 0; } .rightbutton a{ display: block; color: #1f1919; margin-left: -5px; } .type-tabs{ display: inline-block; background: #fff;border-radius: 10px; padding: 10px 23px;color: #1f1919 !important;font-size: 20px; font-weight: 700; text-decoration: none !important; } .type-tabs.active{ background: #ffd230; } .tabtaste,.tabdesign{ display: none; -webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out } .tabtaste.active,.tabdesign.active{ display: block; } .country-group h3{ display: block; clear: both; padding: 10px 0; margin: -3px 0; text-transform: uppercase; background: #FFF; border-bottom: 1px solid #555; border-top: 1px solid #555; position: relative; cursor: pointer; } .country-group h3:after{ position: absolute; right: 0; top: 0; height: 100%; width: 56px; content: ''; background: url(../images/arrow-right-back.svg) no-repeat center center; background-size: auto 70%; } .country-group h3:hover:after{ opacity: 0.5; } .country-group h3.active:after{ -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); } .contry-item{ display: none; padding: 20px 0; } .contry-item.active{ display: block; clear: both; } .contry-item h4{ display: block; clear: both; background: url(../images/background/gold.png); padding: 10px; margin-bottom: 20px; background-size: cover; } .contry-item h4.medal-silver{ background-image: url(../images/background/silver.png); } .contry-item h4.medal-bronze{ background-image: url(../images/background/bronze.png); } .contry-item>div{ margin-bottom: 20px; } .topcountry{ font-size: 0; } .topcountry>div{ display: inline-block; float: none; vertical-align:middle; } .listpanel-section{ display: block; width: 100%; margin: 30px 0 0; padding: 0;} .listpanel-section .wrapper { width: 100%; margin: 0; padding: 30px 0;font-size: 0;text-align: center; overflow: hidden;} .listpanel-section .item {display: inline-block; background: #ecebeb; padding: 15px 15px; margin-bottom: 20px;} .listpanel-section .item > div { display: block; position: relative; width: 100%; margin: 0; padding: 75% 0 0;font-size:24px; } .listpanel-section .item >div>a{overflow:visible; width: 100%;height: 100%; position:absolute; top:0; left:0;background-position: center center;background-repeat: no-repeat;background-size: cover; -webkit-transition: width .3s ease,height .3s ease;transition: width .3s ease,height .3s ease; color:#FFF;} .listpanel-section .item > div > a:after{ content:''; position:absolute; top:0; left:0;right:0; bottom:0; background:rgba(0,0,0,0.1); z-index:1;} .listpanel-section .item:hover > div > a:after{ background:none} .listpanel-section .item:hover { text-shadow: 1px 1px 3px #000; } .listpanel-section .item > div > a > div > span>span{ font-size: 16px; line-height: 16px; } .listpanel-section .item > div > a > div > span>div{ font-weight: 600; line-height: 1; } .listpanel-section .item > div > a > div > span svg{vertical-align:middle; width: 32px;} .listpanel-section .item > div > a > div { position: absolute; z-index: 3; transform: translate(0%,-50%); top:50%; text-align:center; width:100%;} .listpanel-typewinner{ display: block; width: 100%; margin: 30px 0 0; padding: 0;} .listpanel-typewinner .wrapper { width: 100%; margin: 0; padding: 0px 0;font-size: 0;text-align: left; overflow: hidden;vertical-align: top;} .listpanel-typewinner .item {display: inline-block; float: none; background: #ecebeb; padding: 15px 15px; margin-bottom: 20px;} .listpanel-typewinner .item.itemtop {background: transparent; margin-bottom: 10px;} .listpanel-typewinner .item > div { display: block; position: relative; width: 100%; margin: 0; padding: 75% 0 0;font-size:24px; } .listpanel-typewinner .item > div .clyellow{ font-size:24px; color: rgb(255,210,48) } .specialspan{ padding: 0 20px !important; } .listpanel-typewinner .item >div>a{overflow:visible; width: 100%;height: 100%; position:absolute; top:0; left:0;background-position: center center;background-repeat: no-repeat;background-size: cover; -webkit-transition: width .3s ease,height .3s ease;transition: width .3s ease,height .3s ease; color:#FFF;} .listpanel-typewinner_old .item > div > a:after{ content:''; position:absolute; top:0; left:0;right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1;} .listpanel-typewinner .item:hover > div > a:after{ background:none} .listpanel-typewinner .item:hover a,.listpanel-typewinner .item:hover a span{ color: #000 !important;} .listpanel-typewinner .item > div > a > div > span>span{ font-size: 16px; line-height: 16px;} .listpanel-typewinner .item > div > a > div > span>div{ font-weight: 600; line-height: 1;} .listpanel-typewinner .item > div > a > div > span svg{vertical-align:middle; width: 22px;stroke:#ffffff} .listpanel-typewinner .item > div > a > div { position: absolute; z-index: 3; bottom:0%; text-align:center; width:100%; padding: 10px; background: rgba(0,0,0,0.7)} .listpanel-typewinner .item:hover > div > a > div { background: rgba(255,210,48,0.9)} .listpanel-typewinner .item:hover > div > a > div> span svg{vertical-align:middle; width: 22px;stroke:#000} .listpanel-typewinner hr{ margin: 0 0 15px 0; } .listpanel-typewinner .topintro{ padding-top: 15px; } .listpanel-typewinner .topintro>div{ font-size: 0; } .listpanel-typewinner .topintro>div>div{ display: inline-block; float: none; vertical-align: top; } .listpanel-typewinner .topintro .relative{ display: block;position: relative;width: 100%;margin: 0;padding: 75% 0 0;font-size: 20px; } .listpanel-typewinner .topintro .relative a{ overflow: visible;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-position: center center;background-repeat: no-repeat;background-size: contain;-webkit-transition: width .3s ease,height .3s ease;transition: width .3s ease,height .3s ease;color: #FFF; } #search-result a{ display: block; text-decoration: none; } #search-result a:hover>div>span{ text-decoration: underline; color: #922107 } #search-result a>div{ display: inline-block; width:calc( 100% - 100px); font-size: 20px; font-weight: 700; color: #101010; vertical-align: middle; } #search-result a>div>span{ text-decoration: none; } #search-result a>div>span>span{ display: block;font-weight: 500; } #search-result a>div>small{ display: block;font-weight: 300; font-size: 18px; text-decoration: none !important; } #search-result a>div:first-child{ width: 50px; margin-right: 30px; } #search-result hr{ border-color: #ffd230; } #search-result .paging{ text-align: right; } #search-result .paging>a:hover{ opacity: 0.6; } #search-result .paging>a{ display: inline-block;background: #ffd230; padding: 5px; text-align: center; margin:5px 3px; border-radius: 4px; color: #101010; text-decoration: none !important;font-weight: 700; min-width: 35px; } #search-result #perpagelink{ display: inline-block; text-align: left; } #search-result .paging>a.active{ background: #cccccc; } #search-result .paging>a.bigchild{ padding: 5px 10px; margin:5px 3px 5px 10px; } #search-result .paging>a.bigchildf{ padding: 5px 10px; margin:5px 10px 5px 3px; } #search-result #paging{ margin:0 -3px; } #search-result #perpagelink>a{ margin:5px 3px;padding: 5px; } @media only screen and (max-width: 570px) { #search-result #paging a.bigchild, #search-result #paging a.bigchildf{ display: none; } #search-result .paging>a{ min-width: 30px; } } .slide-outer{ position: relative; } .slide-outer>span{ position: absolute; left: 100%; display: inline-block; padding-left: 15px;color: #101010; bottom: 10px; } .slidepublications{background:#f7f7f7; padding:20px 50px 10px 50px; position: relative; margin-top: 15px; -webkit-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.24); -moz-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.24); box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.24); } .slidepublications .owl-nav{ position: absolute; top:50%; left:0; width: 100%; height: 0; } .slidepublications .owl-nav>div{ cursor: pointer; } .slidepublications .owl-nav>div.opacity50{ opacity: 0.5; } .slidepublications .owl-nav .owl-prev{ width: 31px; background: url(../images/icons/icon-left-black.png) no-repeat top left; background-size: contain; height: 55px; margin-top: -27px; margin-left: -40px; float: left; } .slidepublications .owl-nav .owl-next{ width: 31px; background: url(../images/icons/icon-right-black.png) no-repeat top left; background-size: contain; height: 55px; margin-top: -27px; margin-right: -40px; float: right; padding-top: 65px; font-size: 10px; } .publication .thebuttonyellow{ margin-right: 15px; margin-bottom: 15px; } .publication img{ box-shadow: 1px 1px 5px #333; border-radius: 3px; } .viewprev{ border-top: 1px solid #101010;border-bottom: 1px solid #101010; padding: 5px 0; text-align: center; margin-top: 10px; position: relative; cursor: pointer;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; } .viewprev>span:last-child{ display: none; } .viewprev:after{ display: block; position: absolute; width: 20px; height: 20px; top:5px; right: 0px; content: ''; background: url(../images/arrow-right-back.svg) no-repeat center center ; background-size: cover; -webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; } .viewprev.open>span:last-child{ display: inherit; } .viewprev.open>span:first-child{ display: none; } .viewprev.open:after{ -webkit-transform:rotate(90deg);transform:rotate(90deg); } .showprev { overflow: hidden; height: 0;-webkit-transition: all 0.5s;transition: all 0.5s; max-height: 0; transition: max-height 0.5s ease-in; } .showprev .slidepublications{ margin-top: 0; margin-bottom: 2px; background: #fff8e0; -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.24) -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.24) box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.24) } .showprev.open{ height: auto; max-height: 8000px; overflow: visible; transition: max-height 0.5s ease-in; } @media only screen and (max-width: 767px) { .publication>div:first-child{ margin-bottom: 15px; } } .affiliatepopup{ width: 100%; position: absolute; top: 0; left:0; z-index: 99; overflow: hidden; height: 0;-webkit-transition: all 0.5s;transition: all 0.5s; } .affiliatepopup.open{ height: auto; -webkit-transition: all 0.5s;transition: all 0.5s; padding: 15px 0; } .affiliatepopup>div{ width: 700px; max-width: 100%; margin: 0 auto;background: #FFF; border: 1px solid #000; box-shadow: 1px 1px 10px #333; } .affiliatepopup>div .heading{ font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; color: #333 !important; font-size: 20px; background: #FFD230; padding: 5px; text-align: center; position: relative; } .affiliatepopup>div .heading .close{ font-size: 25px; position: absolute; top: 7px; right: 10px; font-weight: 400; color: #000; opacity: 1; cursor: pointer; } .affiliatepopup>div .body{ padding: 15px 25px 25px 25px; } .affiliatepopup>div .body a{ display: block; color: #000000;font-weight: 400; border-top: 1px solid #000; padding: 15px 5px; } .affiliatepopup>div .body a:hover{ background: #e5e5ee; } .affiliatepopup>div .body a:first-child{ border: none; } .affiliatepopup>div .body a>span{ font-weight: 600; font-size: 18px;display: inline-block; width: 78%; vertical-align: top; } .affiliatepopup>div .body a>span>u{ color: #3E36D1; } .affiliatepopup>div .body a>span.price{ width: 20%; text-align: right; text-decoration: none; } .affiliatepopup>div .body a>span>span{ display: block;font-weight: 400;font-size: 14px;text-decoration: none !important; } .affiliatepopup>div .footer{ padding: 15px 25px; text-align: center;font-weight: 600; font-size: 18px;color: #000000; } .affiliatepopup>div .footer a{ background: #FFD230; float: left; padding: 3px 15px;color: #000000;text-decoration: none !important;box-shadow: 1px 1px 10px #ccc; border-radius: 5px; text-align: center; min-width: 140px;font-size: 14px; cursor: pointer; } .affiliatepopup>div .footer a:last-child{ float: right; } .btbuynow{ font-size: 18px; display: block; font-weight: 700; color: #fff !important; text-decoration: none !important; padding: 10px 20px; background: #6666ff; border-radius: 5px; text-align: center; line-height: 25px; text-decoration: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .btbuynow:hover{ text-decoration: none; background: #3333cc;color: #fff; } .topintro h3>.boldback,.box-back{ display: inline-block !important; color: #FFD230 !important; background: #000000 !important;padding: 7px 10px 5px 10px;line-height: 1; margin-bottom: 10px; text-decoration: none !important;text-transform: uppercase; font-weight: 700 !important; letter-spacing: 1px; } .topintro h3>.boldback{ font-size: 19px; } .topintro h3>span>em{ font-style: normal !important; text-transform: uppercase;color: #999;font-weight: 700 !important; font-size: 16px !important; } .topintro h3>span>a>span{ font-weight: 500 !important; } .level2-introtop a.normal, .normal-other{ color: #000 !important; text-decoration: none;font-weight: 700 !important; } .level2-introtop a.normal>span, .normal-other>span{ font-weight: 500 !important; } .level2-introtop a.normal:hover, .normal-other{ color: #000 !important; text-decoration: underline; } .level2-introtop em, .one-category em, .level3-introtop em{ font-style: normal !important; text-transform: uppercase;color: #999;font-weight: 700 !important; font-size: 16px !important; } .level3-introtop .box-back, .one-category .box-back{ color: #000000 !important; background: #FFD230 !important; margin-top: 8px; margin-bottom: 15px; } .level3-introtop .box-back{ font-size: 20px; margin-bottom: 20px; } .level3-introtop h3>.redbold { color: #000000 !important; text-decoration: none !important; } .level3-introtop h3>.redbold:hover{ text-decoration: underline !important; } .tighter{line-height: 1.2;} .btn-secondary-outline { border: 2px solid #7D2A15 !important; background-color: #F8EAAE !important; color: #7D2A15 !important; cursor: pointer !important; font-size: 18px; font-weight: 700; } /* Green */ .red-outline { background-color: #F8EAAE !important; color: black !important; } .red-outline:hover { background-color: #7D2A15 !important; color: white !important; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: gray; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: gray; } ::-ms-input-placeholder { /* Microsoft Edge */ color: gray; } .product-order-item-table { width:100%; } .product-order-item-table th { } .product-order-item-table .col-quantity { width:100px; text-align:center; vertical-align:top; } .product-order-item-table .col-winner { width: 250px; text-align: left; vertical-align: top; } .product-order-item-table .col-product { width: 250px; text-align: left; vertical-align: top; } .checkbox-22 { width:22px !important; height:22px !important; }