.contact_show{ display: block; } .contact_hide{ display: none; } .g-recaptcha{ display: inline-block; } .contact-panel-form-submit, .contact-panel-form-cancel{ background-color: #2388b1 !important; color:#ffffff; transition: all 0.5s ease; padding: 10px !important; font-size: 12pt; font-weight: 700; } .contact-panel-form-submit:hover{ background-color: #1bbbff !important; } .contact-panel-form-cancel{ background-color: #ff4800 !important; } .contact-panel-form-cancel:hover{ background-color: #F49F00 !important; } .contact-panel-form-message{ width:100%; height: 150px; } #contact_clicker{ position: absolute; top: 10px; right: 10px; } #contact-panel-form input ,#contact-panel-form textarea{ background-color: #cccccc; border: 0px; padding: 5px; } /* #contact-panel-form th{ font-weight: 300; }*/ #contact-panel-form h2{ margin: 0px; padding: 0px; font-family: oswald, sans-serif; font-weight: 300; padding-bottom: 5px; font-size: 18pt; border-bottom: solid 1px #4b4d50; color: #4b4d50; margin-bottom: 20px; } /*#contact-panel-form table{ width: 100%; }*/ /*#contact-panel-form th, #contact-panel-form td{ text-align: left; color:#4b4d50; padding: 5px; } #contact-panel-form td{ width: 300px; }*/ #name, #email,#subject,#organization{ width: 180px; } /**dynamics*/ #contact-panel-form{ transition: all 0.5s ease; position: fixed; /*left: 50%;*/ left: 50%; /*margin-left: auto; margin-right: auto; */ padding: 20px; display: fixed; font-size: 11pt; color:#808080; background-color: white; overflow: hidden; } .contact-panel-form-show{ top:20%; width: 600px; margin-left: -300px; /* Half of the width */ opacity: 1; } .contact-panel-form-hide{ top:100%; width: 0px; margin-left: 0px; /* Half of the width */ border: solid 0px; border-color:#cccccc; opacity: 0; } #contact-panel{ /* background-image: url('/images/opacity60.png');*/ background: rgba(0,0,0,0.60); left:0px; position: fixed; transition: all 0.75s ease; z-index: 999; } .contact-panel-hide{ width: 100%; margin-left: 0%; height:0%; top:0%; opacity: .5; }.contact-panel-show{ width: 100%; margin-left: 0%; height:100%; top:0%; opacity: 1; } #contact-user-details{ width:275px; display: inline-block; } #contact-user-details div{ margin-bottom: 28px; }label{ color:#000000; } #contact-buttons{ vertical-align: top; text-align: right; } #form-items-left{ display: flex; margin-top: 15px; } #form-items-right{ display: inline-block;margin-left:15px; width: 300px; } .form-float-right{ float: right !important; } .form-align-right{ text-align: right; } #contact-cover{ visibility: hidden; display: none; } a{ transition: all 0.5s ease; text-decoration: none; } body{ background-image: url(/images/border_top.png), url(/images/border_bottom.png),url(/images/shadow.png) ,url(/images/guidex.png); background-position: center top, center bottom,center ,center top; background-repeat: repeat-x, repeat-x, repeat-y, no-repeat; margin: 0 !important; padding: 0 !important; } #maincontent, #nav, .maincontent{ width:1300px; left: 0; right: 0; margin: auto; } #nav{ height:65px; /*background-color: #121212;*/ background-image: url(/images/logo.png); background-position: left top; background-repeat: no-repeat; } #menu1{ height:65px; padding: 0px; margin-left: 240px; /*border: solid 1px;*/ display: block; float: left; margin-top: 0px; margin-bottom: 0px; } #menu2{ height:65px; padding: 0px; /*border: solid 1px;*/ display: block; float: right; margin-top: 0px; margin-bottom: 0px; } #menu3{ height:65px; padding: 0px; /*border: solid 1px;*/ display: block; float: right; margin-top: 0px; } .menuitem, .menuitem-selected{ display:inline-block; } #icons{ float: right; display: inline-block; height:65px; margin-left: 0px; } .icon{ margin-top: 17px; margin-left: 6px; } .menuitem a, .menuitem-selected a{ height:65px; line-height:65px; display:inline-block; font-family: 'Oswald', sans-serif; font-size: 13pt; transition: all 0.5s ease; } .menuitem a{ padding-left:10px; padding-right: 10px; } .menuitem-selected a, #menu2 .menuitem a{ padding-left:20px; padding-right: 20px; } .menuitem a{ color: #cccccc; text-decoration: none; } .menuitem-selected a{ background-color: #4d4d4d; color: #ffffff; text-decoration: none; } .menuitem-selected a:hover, .menuitem a:hover { background-color: #666666; color:#cccccc; } /*Banner*/ #banner{ left: 0; right: 0; margin: auto; width:1300px; height: 460; /*background-color: white; opacity: .4; */ } #bottom-footer{ height:60px; background-color: #151616; /* 2d2e2f */ } .bottom-footer-links{ text-decoration: none; font-family: 'Oswald', sans-serif; font-weight:400; color:white; padding-left: 14px; font-size: 14pt; background-image: url(/images/footer/bottom_arrow.png); background-position:0px 25px; background-repeat: no-repeat; height:60px; display: inline-block; line-height: 60px; color:#808080; margin-left: 50px; transition: all 0.5s ease; } .bottom-footer-links:hover{ color:#cccccc; background-image: url(/images/footer/bottom_arrow_hover.png); } #copyright{ display: inline-block; float: right; padding-right: 15px; height: 60px; line-height: 60px; font-size: 9pt; color:#808080; } #top-footer{ height:250px; background-color:#1e1f21; background-color:#303030; /*1e1f21*/ background-image: url("/images/footer/footer_logo.png"); background-position: 1060px 170px; background-repeat: no-repeat; } .top-footer-services{ color:white; padding: 0px; margin:0px; margin-bottom: 6px; font-family: 'PT Sans', sans-serif; font-size: 11pt; } .top-footer-services a{ transition: all 0.5s ease; text-decoration: none; color:#2388b1; } .top-footer-services a:hover{ color: white; } .top-footer-segment{ float: left; margin-left: 20px; height:250px; background-image: url(images/footer/segment2.png); background-position: 639px 26px ; background-repeat: no-repeat; width:640px; }.top-footer-segment-services{ background-image: url("/images/footer/segment1.png"); background-position: 279px 16px ; background-repeat: no-repeat; width:280px; } .top-footer-segment-merchandise{ background-image: url(/images/footer/segment2.png); background-position: 639px 26px ; background-repeat: no-repeat; width:640px; }.top-footer-segment-about{ background-image: url(/images/footer/segment3.png); background-position: 99px 26px ; background-repeat: no-repeat; width:100px; } .top-footer-segment-like-us{ position: relative; margin-left: 30px; width:170px; } .top-footer-segment-socail-network-text{ margin: 0px; padding: 0px; font-family: 'PT Sans', sans-serif; font-weight: 400; color: #808080; font-size: 12px; }.top-footer-segment-socail-networks{ position: absolute; top: 80px; left: 0px; } .top-footer-heading{ padding-top: 15px; font-family: 'Oswald', sans-serif; font-weight:400; font-size: 20pt; color:#4b4d50; color:#7F7F7F; } .top-footer-merchandise{ float: left; width: 160px; } .top-footer-merchandise-link a,.top-footer-merchandise-more-link{ font-family: 'PT Sans', sans-serif; font-weight: 700; color: #808080; text-decoration: none; font-size: 9pt; } .top-footer-merchandise-link a:hover{ color: #ffffff; } .top-footer-merchandise-link{ margin: 0px; margin-bottom: 5px; } .top-footer-merchandise-heading{ color:#cccccc; margin-bottom: 10px; font-family: 'Oswald', sans-serif; font-weight:400; font-size: 13pt; } #top-footer-about-heading,#top-footer-social-media-heading{ color:#cccccc; margin-bottom: 10px; font-family: 'Oswald', sans-serif; font-weight:300; font-size: 13pt; margin-top: 45px; } #top-footer-social-media-heading{ margin-bottom: 0px; } .top-footer-merchandise-more-link{ color:#2388b1; padding-right: 15px; background-image: url("/images/footer/more_arrow.png"); background-position: right; background-repeat: no-repeat; }.top-footer-merchandise-more-link:hover{ color: #ffffff; background-image: url("/images/footer/more_arrow_hover.png"); } /* *links */ .orange-link-arrow-reverse, .orange-link-arrow{ font-size:13pt; color:#ff4800; text-decoration: none; min-height: 14px; padding-right: 20px; background-image: url("/images/arrow_orange.png"); background-position: center right; background-repeat: no-repeat; } .orange-link-arrow-reverse:hover, .orange-link-arrow:hover{ color:#F49F00; background-image: url("/images/arrow_orange_hover.png"); } .orange-link-arrow-reverse{ padding-left: 20px; padding-right: 0px; background-image: url("/images/arrow_orange_reverse.png"); background-position: center left ; } .orange-link-arrow-reverse:hover{ background-image: url("/images/arrow_orange_hover_reverse.png"); } .orange-link{ font-size:13pt; color:#ff4800; text-decoration: none; }.orange-link:hover{ color:#F49F00; } .gray-link{ font-size:13pt; color:#4d4d4d; text-decoration: none; }.gray-link:hover{ color:#808080; color:#F49F00; color:#ff4800; } .blue-link-arrow{ font-size:13pt; color:#2388b1; text-decoration: none; min-height: 14px; padding-right: 20px; background-image: url("/images/arrow_blue.png"); background-position: center right; background-repeat: no-repeat; } .blue-link-arrow:hover{ color:#1bbbff; background-image: url("/images/arrow_blue_hover.png"); } .blue-link{ font-size:13pt; color:#2388b1; text-decoration: none; }.blue-link:hover{ color:#1bbbff; } .services-title{ padding: 0px; margin:0px; font-family: 'Oswald', sans-serif; font-weight:400; font-size: 24pt; color:#2a2d32; }.services-panel{ margin-top: 75px; margin-left: 100px; margin-right: 100px; } #last-panel, .services-panel,.services-panel-1,.services-panel-2,.services-panel-3{ color:#4b4d50; position: relative; font-size: 14pt; } .services-panel-1{ background-color: #f2f2f2; height: 440px; } .services-panel-2,.services-panel-3{ height: 440px; } .services-panel-3{ background-color: #f9f9f9; } .services-panel-desc{ font-size: 14pt; } .t10{ margin-top: 10px; padding-top: 0px; } .t20{ margin-top: 20px; padding-top: 0px; } .t30{ margin-top: 30px; padding-top: 0px; } .t40{ margin-top: 40px; padding-top: 0px; } #last-panel{ background-color: #f2f2f2; padding-top: 70px; padding-bottom: 70px; } #last-panel div{ text-align: center; margin: auto; width:620px; } .mb-18{ margin-bottom: 18px; } .mb-12{ margin-bottom: 12px; } .w140{ width: 140px; } .ml180{ margin-left: 180px; } .ml15{ margin-left: 15px; } .desktop_hide{ display: none; visibility: hidden; } #current-detail-panel-picture{ width:460px; } #btn1,#btn2,#btn3{ cursor: pointer; } #btn1,#btn2,#btn3, .btn-unselected{ margin-right: 1px; height: 15px; width: 15px; display: inline-block; background-image:url('/images/home/btn.png'); }#btn2, .btn-selected{ background-image:url('/images/home/btn_selected.png'); } #btns{ margin: auto; bottom: 20px; display: inline ; position: absolute; height: 15px; left:623px; z-index: 3; } .panel,#panel1,#panel2,#panel3{ z-index: 2; top: 0px; height: 160px; position: absolute; width:1300px; overflow: hidden; height: 460px; } #panel2{ background-color: #1b1c1e; right: 0px; opacity: 1; } #panel1{ transition: all .8s ease-in-out; background-color: #1b1c1e; width: 1300px; right: 1300px; opacity: 1; } #panel3{/*transition: all 1s linear;*/ transition: all .8s ease-in-out; background-color: #1b1c1e; opacity: 0; width: 0px; right: 0px; opacity: 0; } .panel3-fill{ width: 1300px !important; opacity: 1 !important; } .panel3-unfill{ width: 0px !important; opacity: 0 !important; } .panel1-unfill{ right: 1200px !important; opacity: 0 !important; } .panel1-fill{ right: 0px !important; opacity: 1 !important; } .cta-btn{ display: inline-block; font-size: 13pt; color: white; padding: 8px; padding-left: 15px; padding-right: 50px; position: relative; background-color: #ff4800; } .cta-btn img{ position: absolute; right: 15px; top:12px; } .cta-btn:hover{ background-color:#F49F00; } /* *BANNER: */ /*Panel2*/ #panel2-div-image{ width:1300px; height:460px; background-image: url('/images/home/banners/default/backdrop.jpg'); text-align: center; position: relative; } #panel2-img{ position: absolute; left: 340px;top:70px; } #panel2 #panel2-h1{ position: absolute; left: 672px;top:57px;font-family: 'Oswald', sans-serif;font-weight: 400;font-size: 30pt;color: white; } #panel2-h1 span{ font-weight: 300; } /*Panel1*/ #panel1-div-image{ width:1300px; height:460px; background-image: url('/images/home/banners/panel1/backdrop.jpg'); text-align: center; position: relative; } #panel1-div-text{ position: absolute; width: 460px;height: 300px;left:820px;top:90px; } #panel1-div-text-1{ position: absolute;left: 50px;top:15px; font-size: 31pt;color: white;margin: 0px; } #panel1-div-text-2{ position: absolute;left: 40px;top: 0px; font-size: 120pt;color: white;margin: 0px; } #panel1-div-text-3{ position: absolute;left: 90px;top:170px; font-size: 27pt;color: white;margin: 0px;letter-spacing: 26px; } #panel1-div-link{ position: absolute; left: 135px; top:235px; } /*Panel3*/ #panel3-div-image{ position: absolute; width:1300px; height: 460px; text-align: center; background-image: url('/images/home/banners/panel3/backdrop.jpg'); left: 0px; bottom: 0px; } #panel2-h2-1,#panel2-h2-2, #panel2-h2-3,#panel2-h2-4,#panel2-h2-5{ position: absolute; font-family: 'Oswald', sans-serif; color: white; margin: 0px; } #panel2-h2-1{ left: 50px;top:35px; font-weight: 400; font-size: 28pt; } #panel2-h2-2{ left: 45px;top:75px; font-weight: 400; font-size: 54pt; } #panel2-h2-3{ left: 307px;top:107px; font-weight: 400; font-size: 34pt; } #panel2-h2-4{ left: 75px;top:155px; font-weight: 400; font-size: 54pt; } #panel2-h2-5_{ left: 75px;top:245px; font-weight: 400; font-size: 27pt; }#panel2-h2-5{ left: 45px;top:175px; font-weight: 400; font-size: 26pt; } #panel2-link{ position: absolute; left: 45px; top:240px; } /* *MARQUEE1: */ .marquee{ height: 60px; } .marquee div,.marquee a{ margin:0px; float: left; height: 60px; line-height: 55px; font-family: 'Oswald', sans-serif; font-size: 22pt; font-weight: 300; } .marquee div span,.marquee a span{ margin-left:23px; margin-left:60px; color: #ffffff; } /* *MARQUEE2: */ /*********/ #marquee2-segment1{ width:100px;background-color: #696969; } #marquee1-segment1{ width:40px;background-color: #1bbbff; } #marquee1-segment2,#marquee1-segment3, #marquee2-segment2,#marquee2-segment3{ background-position: center left; background-repeat: no-repeat; } #marquee1-segment2{ background-color: #0093d2; width:500px; background-image: url(/images/home/marquee_arrow1.png); } #marquee1-segment3{ width:500px; background-color: #0079aa; background-image: url(/images/home/marquee_arrow2.png); } #marquee2-segment2{ width:280px; background-color: #5e5e5e; background-image: url(/images/home/marquee_arrow4.png); } #marquee2-segment3{ width:660px; background-color: #555555; background-image: url(/images/home/marquee_arrow5.png); } #marquee2-segment2 span,#marquee2-segment3 span{ color: #cccccc; } #learn_more1 img,#learn_more2 img{ margin-left:15px; position: absolute; left: 180px; top:18px; } #learn_more2,#learn_more1{ background-position: center left; background-repeat: no-repeat; position: relative; display: block; text-decoration: none; transition: all 0.5s ease; width:260px; } #learn_more1{ background-image: url(/images/home/marquee_arrow3.png); background-color: #005b83; } #learn_more2{ background-image: url(/images/home/marquee_arrow6.png); background-color: #4d4d4d; } #learn_more1:hover{ background-color: #1bbbff; } #learn_more2:hover{ background-color: #696969; } #collection{ background-color: white; background-image:url('/images/home/collection_bg.png'); background-position: right top; background-repeat: no-repeat; height:400px; position: relative; } #category-group{ display: block; margin-left: 60px; width:952px; width:955px; } #category-group h3{ padding: 0px; margin: 0px; margin-left: 40px; font-family: 'Oswald', sans-serif; font-weight:300; font-size: 24pt; color:#1a1a1a; padding-top: 15px; } #category-group h3 b{ font-weight:400; } .category,.category-last{ text-align: center; width:220px; margin-right: 20px; display: inline-block; font-size: 11pt; } .category-last{ margin-right:0px !important; } .category-heading{ font-family: 'Oswald', sans-serif; font-weight:400 !important; font-size: 16pt !important; margin: 0px !important; margin-bottom: 10px !important; }.category-heading a{ text-decoration: none; transition: all 0.5s ease; } .category-img{ margin-top: 10px; height: 160px; } .catalog-link-1,.catalog-link-2{ position: absolute; bottom:22px; margin: 0px; font-family: 'Oswald', sans-serif; font-weight:300; font-size: 22pt; text-decoration: none; display: inline-block; background-position: 100% 60%; background-repeat: no-repeat; transition: all 0.5s ease; } .catalog-link-2:hover, .catalog-link-1:hover{ color:#1bbbff !important; background-image: url(/images/home/catalog_arrow_btn3.png) !important; } #green:hover{ color:#bcf202; }#green{ color:#96bd0e; } #pink:hover{ color:#ff85ff; }#pink{ color:#ff00ff; } #blue:hover{ color:#6dd5ff; }#blue{ color:#0097d4; } #red:hover{ color:#ff7d7d; }#red{ color:#ff0000; } #collection-cot-container{ text-align: right;position:absolute;color:#ffffff;top:22px; right:40px; } #collection-cot-head1{ margin: 0px;font-family: 'Oswald', sans-serif;font-weight:300;font-size: 22pt; } #collection-cot-head2{ font-weight:700;font-size:29pt;margin:0px;font-family: 'Oswald', sans-serif; } #collection-cot-text{ top:118px;line-height: 26px;font-size: 13pt;position: absolute;right: 0px;width:200px; } #collection-cot-link1{ right:40px;color:#ffffff;width: 150px;background-image: url(/images/home/catalog_arrow_btn1.png); } #collection-cot-link2{ right:220px;color:#2388b1;width: 220px;background-image: url(/images/home/catalog_arrow_btn2.png); } /* *COLLECTION */ #pitch{ /* height: 525px; */ background-color: #ececec; padding-top: 60px; } .inner-pitch{ width: 380px; /*height:465px; */ margin: auto; float: left; background-color: #ffffff; } #pitch-group{ background-color: #ffffff; display: block; margin-left: 80px; width:1140px; } .inner-pitch div{ width: 300px; /*height: 400px;*/ margin-bottom: 40px; margin-top: 50px; margin-left: auto; margin-right: auto; text-align: center; padding:0px; color:#4b4d50; } .inner-pitch div h3{ color:#2a2d32; margin: 0px; padding: 0px; font-family: 'Oswald', sans-serif; font-weight:300; font-size: 24pt; margin-bottom: 0px; } .inner-pitch-text{ line-height: 30px; margin-top: 8px; font-size:14pt; } /* .inner-pitch-link{ margin-bottom: 0px; } .inner-pitch-link p{ padding: 0px; margin: 0px; } */ .pitch-images{ background-color: #ffffff; display: block; margin-left: 80px; width:1140px; padding: 0px;}