/* Theme Name: CoronationCollectables Theme URI: Author: CWG Description: SKT Restaurant is a simple, adaptable and flexible restaurant WordPress theme which is responsive, google mobile friendly and is a multipurpose WordPress theme. Can be used by restaurant, hotel, cafe, coffee shops, lodge, business, corporate and commercial websites. Compatible with contact form 7, nextgen gallery and WooCommerce. Demo Link: http://sktthemesdemo.net/restro/ Version: 1.4 License: GNU General Public License License URI: license.txt Text Domain: restaurant Tags: black,gray,orange,brown,white,yellow,dark,one-column,two-columns,right-sidebar,responsive-layout,custom-background,custom-colors,custom-menu,sticky-post,theme-options,threaded-comments CoronationCollectables WordPress Theme has been created by SKT Themes(sktthemes.net), 2015. CoronationCollectables WordPress Theme is released under the terms of GNU GPL */ /*! * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com) * Code licensed under the Apache License v2.0. * For details, see http://www.apache.org/licenses/LICENSE-2.0. */ body { background:#fff; font-family: 'Raleway', sans-serif; font-size:15px; line-height: 18px; font-weight:400; padding:0;margin:0; } a{ outline:none !important; text-decoration:none !important; } /*================= Fontface Start ==================*/ @font-face { font-family: 'CenturyGothic'; src: url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), url('fonts/CenturyGothic.woff') format('woff'), url('fonts/CenturyGothic.ttf') format('truetype'), url('fonts/CenturyGothic.svg#CenturyGothic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CenturyGothic-Italic'; src: url('fonts/CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/CenturyGothic-Italic.woff') format('woff'), url('fonts/CenturyGothic-Italic.ttf') format('truetype'), url('fonts/CenturyGothic-Italic.svg#CenturyGothic-Italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CenturyGothic-Bold'; src: url('fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/CenturyGothic-Bold.woff') format('woff'), url('fonts/CenturyGothic-Bold.ttf') format('truetype'), url('fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Calibri'; src: url('fonts/Calibri.eot?#iefix') format('embedded-opentype'), url('fonts/Calibri.woff') format('woff'), url('fonts/Calibri.ttf') format('truetype'), url('fonts/Calibri.svg#Calibri') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Calibri-Bold'; src: url('fonts/Calibri-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Calibri-Bold.woff') format('woff'), url('fonts/Calibri-Bold.ttf') format('truetype'), url('fonts/Calibri-Bold.svg#Calibri-Bold') format('svg'); font-weight: normal; font-style: normal; } /*================= Fontface End ==================*/ /*================= Header Start ==================*/ /*================= Header Start ==================*/ #header{padding:5px 0 0 0; margin:0; background-color:#0b0b0b; } #header .header-top{padding:0; margin:0; border-top:1px dashed #6f6f6f; border-bottom:1px dashed #6f6f6f; } #header .header-top .lt-block{ float:left; padding:15px 0; margin:0; } #header .header-top .lt-block a{display:inline-block; font-size:21px; color:#fff; line-height:17px; padding:0; margin:0; transition:all 300ms ease-in-out; } #header .header-top .lt-block a i{ margin-right:7px; } #header .header-top .lt-block a:hover{ color:#bb3a43; } #header .header-top .rt-block{ width:60%; float:right; padding:0; margin:0; } #header .header-top .rt-block .lt-side{ width:40%; float:left; padding:0; margin:5px 45px 0 0; } #header .header-top .rt-block .lt-side .input-group{ height:36px; border:1px solid #565656; border-radius:2px; } #header .header-top .rt-block .lt-side .input-group .form-control{ height:36px; border:none; box-shadow:none; background:none; font-size:15px; color:#fff; line-height:17px; font-weight:300; font-style:italic; } #header .header-top .rt-block .lt-side .input-group .btn-danger{ outline:none; height:36px; border:none; box-shadow:none; background:none; } #header .header-top .rt-block .md-side{ float:left; width:197px; padding:0; margin:0; position:relative; } #header .header-top .rt-block .md-side .block{ padding:0; margin:0; width:100%; position:absolute; left:0; top:-6px; } #header .header-top .rt-block .md-side .block h3{ font-size:23px; color:#fff; line-height:25px; font-weight:700; padding:0; margin:0;} #header .header-top .rt-block .md-side .block h3 a{ display:block; color:#fff; background:url(images/cal-icon.png) no-repeat 12px center, url(images/bg-col-us.png) repeat-x left top; padding:18px 0 18px 45px; border-radius:0 0 4px 4px; } #header .header-top .rt-block .md-side .block h3 a:hover{ background:url(images/cal-icon.png) no-repeat 12px center, url(images/bg-col-us-h.png) repeat-x left top; } #header .header-top .rt-block .rt-side{ float:right; padding:15px 0 0 30px; margin:0; line-height:0; } #header .header-top .rt-block .rt-side h3{ float:left; font-size:17px; color:#fff; line-height:15px; font-weight:500; padding:0; margin:0; } #header .header-top .rt-block .rt-side a{ display:block; float:left; color:#fff; padding:0; margin:0 0 0 15px; transition:all 300ms ease-in-out; } #header .header-top .rt-block .rt-side a:hover{ color:#bb3a43; } #header .header-bottom{ background:url(images/bg-header-bottom.jpg) no-repeat top center; background-size:cover; padding:8px 0; margin:3px 0 0 0; } #header .header-bottom .logo-block{ width:126px; float:left; padding:0; margin:0; } #header .header-bottom .rt-block{ float:right; padding:54px 0 0 0; margin:0; } #navigation{ border-right:1px solid #aba9a8; float:left; padding:0; margin:0 25px 0 0; } #header .header-bottom .rt-block .cart-panel{ float:right; padding:0; margin:0; } #header .header-bottom .rt-block .cart-panel a{ position:relative; display:inline-block; font-size:15px; color:#000; line-height:22px; text-transform:uppercase; font-weight:600; padding:0 19px 0 0; margin:0; transition:all 300ms ease-in-out; } #header .header-bottom .rt-block .cart-panel a img{ padding:0 0 0 8px; } #header .header-bottom .rt-block .cart-panel a span{ border-radius:100%; width:21px; height:21px; background:#bb3a43; position:absolute; top:-24px; right:17px; font-family: 'CenturyGothic-Bold'; font-size:14px; color:#fff; line-height:21px; text-align:center; padding:0; margin:0; } /*================= Banner Start ==================*/ .banner-block{ padding:0; padding:0; position:relative; } .banner-block .img-block{ padding:0; margin:0; } .banner-block .img-block img{ width:100%; height:auto; line-height:0; } .banner-block .text-block{ width:100%; position:absolute; left:0; bottom:15%; padding:0; margin:0; } .banner-block .text-block .lt-text{ width:30%; padding:0; margin:0; } .banner-block .text-block .lt-text img{ width:100%; height:auto; padding:0; padding:0; } .banner-block .product-block{ position:absolute; left:45%; bottom:0; padding:0; margin:0; } .banner-block .product-block .rt-product{ width:85%; padding:0; margin:0; } .banner-block .product-block .rt-product img{ width:100%; height:auto; padding:0; margin:0; } /*================= Products Start ==================*/ .products-block{ background: url(images/product-bg-cover-img1.jpg) no-repeat top center; background-size: cover; padding:0; padding:0;} .products-block .text-block{ padding:46px 0 51px 0; margin:0;} .products-block .text-block h2{ font-size:25px; color:#101010; line-height:27px; font-weight:700; text-align:center; text-transform:uppercase; padding:0 0 44px 0; margin:0; } .products-block .text-block .border-block{ border:1px solid #e2e2e2; padding:0; padding:0; background-color:#fff; position:relative;} .products-block .text-block .border-block .new-product{ text-align:center; width:94px; height:36px; text-align:left; position: absolute; top:-4%; left:-1px; padding:0; margin:0; } .products-block .text-block .border-block .new-product a{ display:block; width:94px; height:36px; background:url(images/pro-new-icon.png) no-repeat top left; font-size:16px; color:#fff; line-height:36px; padding:0 0 0 17px; margin:0; transition:all 300ms ease-in-out; } .products-block .text-block .border-block .new-product a:hover{ color:#bb3a43; } .products-block .text-block .border-block .block-img{ padding:0; margin:0; } .products-block .text-block .border-block .block-img a{ max-height:190px; overflow:hidden; display:block; padding:0; margin:0; } .products-block .text-block .border-block .block-img img{ width:100%; height:auto; padding:0; margin:0;} .products-block .text-block .border-block .text-head{ background-color:#0b0b0b; padding:5px 0; margin:0;} .products-block .text-block .border-block .text-head .bg-border{border-top:1px dashed #6f6f6f; border-bottom:1px dashed #6f6f6f; padding:6px 0 8px 0; margin:0;} .products-block .text-block .border-block .text-head .bg-border .text-block{ padding:0; margin:0;} .products-block .text-block .border-block .text-head .bg-border .text-block h2{ font-size:18px; color:#fff; line-height:20px; font-weight:700; text-align:center; padding:0; margin:0;} .products-block .text-block .border-block .text-head .bg-border .text-block h2 a{ display:inline-block; color:#fff; padding:0; margin:0; transition:all 300ms ease-in-out; } .products-block .text-block .border-block .text-head .bg-border .text-block h2 a:hover{ color:#bb3a43; } .products-block .text-block .border-block .text-des{padding:12px 0 19px 0; margin:0;} .products-block .text-block .border-block .text-des p{ font-size:16px; color:#101010; line-height:18px; font-weight:500; text-align:center; padding:0; margin:0;} .products-block .text-block .border-block .text-rs{ padding:11px 0; margin:0; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; background:rgba(225, 225, 225, 0.33); } .products-block .text-block .border-block .text-rs .border-left{ border-right:1px solid #e2e2e2; } .products-block .text-block .border-block .text-rs h3{ font-family: 'Calibri'; font-size:15px; color:#101010; line-height:17px; text-align:left; padding:0 0 0 13px; margin:0; } .products-block .text-block .border-block .text-rs h2{ font-family: 'Calibri-Bold'; font-size:24px; color:#bb3a43; line-height:26px; text-align:left; padding:0 0 0 13px; margin:0; } .products-block .text-block .border-block .text-rs h5{ padding:8px 0 0 13px; margin:0; } .products-block .text-block .border-block .text-rs h5 a{ display:inline-block; padding:0; margin:0 3px 0 0; } .products-block .text-block .border-block .text-view{ padding:13px 0; margin:0;} .products-block .text-block .border-block .text-view h3{ font-family: 'Calibri-Bold'; font-size:13px; color:#393939; line-height:15px; text-align:center; padding:0; margin:0; } .products-block .text-block .border-block .text-view h3 a{ font-family: 'Calibri-Bold'; font-size:13px; color:#393939; line-height:15px; text-align:center; padding:0; margin:0; } .products-block .text-block .border-block .text-view h3 a:hover{ color:#186764; } /*================= About Start ==================*/ .about-block{ background: url(images/about-bg-img.jpg) no-repeat top center; background-size: cover; background-attachment:fixed; padding:50px 0 50px 0; margin:0; } .about-block .text-block{ border-right:1px solid rgba(255,255,255,0.3); padding:0 40px 0 0; margin:0; } .about-block .text-block h3{ font-family: 'CenturyGothic-Bold'; font-size:24px; color:#3ba4a0; line-height:29px; padding:0; margin:0 0 20px 0; } .about-block .text-block h3 span{ font-family: 'CenturyGothic-Bold'; font-size:27px; color:#d0b33f; line-height:29px; padding:0; margin:0; display:block; } .about-block .text-block p{ font-size:13px; color:#fff; line-height:20px; padding:21px 0 0 0; margin:0; } .about-block .text-block p a{ display:inline-block; font-size:13px; color:#fff; line-height:17px; padding:0; margin:0; transition:all 300ms ease-in-out; } .about-block .text-block p a i{ padding:0 0 0 7px; transition:all 300ms ease-in-out; } .about-block .text-block p a:hover{ color:#3ba4a0; } .about-block .text-block p a:hover i{ padding:0 0 0 5px; } .about-block .rt-block{ padding:0; margin:0; } .about-block .rt-block .block-box{ padding:0 0 40px 0; margin:0; } .about-block .rt-block .img-panel{ width:20%; float:left; padding:0; margin:0; } .about-block .rt-block .img-panel{ width:auto; height:auto; } .about-block .rt-block .text-panel{ width:80%; float:right; padding:0; margin:0; } .about-block .rt-block .text-panel h4{ font-size:23px; color:#fff; line-height:28px; font-weight:600; padding:0; margin:0; } .about-block .rt-block .text-panel p{ font-size:13px; color:#fff; line-height:18px; padding:13px 0 0 0; margin:0; } /*================= Gallery Start ==================*/ .contain-top{ position:relative; padding:0; margin:0; border-top:1px solid #fff; } .contain-top .slider-fix-box{ z-index:999; background:url(images/bg-gallery.jpg) no-repeat center; background-size:cover; position:absolute; top:0; left:20%; padding:20px; margin:0; width:20%; height:100%; } .contain-top .slider-fix-box .block-text{ border:1px solid #176360; text-align:center; padding:19% 0 15% 0; margin:0; } .contain-top .slider-fix-box .block-text h1{ font-size:24px; color:#fff; line-height:26px; text-transform:uppercase; padding:0; margin:0; } .contain-top .slider-fix-box .block-text h2{ font-size:68px; color:#fff; line-height:70px; font-weight:700; text-transform:uppercase; padding:0; margin:0; } .contain-top .slider-fix-box .block-text h3{ font-size:26px; color:#fff; line-height:45px; font-weight:500; text-transform:uppercase; padding:0; margin:0;} .contain-top .slider-fix-box .block-text h4{ font-size:26px; color:#fff; line-height:28px; font-weight:300; text-transform:uppercase; padding:0; margin:0; } .contain-top img{ width:100%; height:auto; border-right:1px solid #fff; } /*================= Contact Start ==================*/ #contain-md-block-up{ background: url(images/contain-bg-md-up.jpg) no-repeat top center; background-size: cover; padding:60px 0 50px 0; margin:0; } #contain-md-block-up h2{ font-size:21px; color:#393939; line-height:28px; font-weight:500; padding:0 0 12px 0; margin:0;} #contain-md-block-up .border-left{ border-left: 1px solid #e2e2e2; } #contain-md-block-up .block-text{ border-top:2px solid #d2b43b; padding:15px 0 0 0; margin:0;} #contain-md-block-up .block-text .text-1{ background:url(images/contact-icon1.png) no-repeat left top; padding:0 0 20px; margin:0; } #contain-md-block-up .block-text .text-1 h3{ font-size:13px; color:#393939; line-height:19px; padding:0 0 0 40px; margin:0; } #contain-md-block-up .block-text .text-2{ background:url(images/contact-icon2.png) no-repeat left top; padding:3px 0 30px 0; margin:0; } #contain-md-block-up .block-text .text-2 a{ font-size:19px; color:#393939; line-height:27px; font-weight:700; padding:0; margin:0 0 0 40px; transition:all 300ms ease-in-out; } #contain-md-block-up .block-text .text-2 a:hover{ color:#bb3a43; } #contain-md-block-up .block-text .text-3{ background:url(images/contact-icon3.png) no-repeat left top; padding:10px 0 10px 0; margin:0; } #contain-md-block-up .block-text .text-3 a{ font-size:13px; color:#393939; line-height:18px; padding:0; margin:0 0 0 40px; transition:all 300ms ease-in-out; } #contain-md-block-up .block-text .text-3 a:hover{ color:#bb3a43; } #contain-md-block-up .block-text2 {padding:0; margin:0;} #contain-md-block-up .block-text2 .block-box{ padding-bottom:9px;} #contain-md-block-up .block-text2 .block-box .form-control{ height: 40px; font-size:13px; line-height:15px; color:#393939; border-radius:0; border:1px solid #ddd9d5; box-shadow: none; } #contain-md-block-up .block-text2 .block-box textarea.form-control{height:100px; resize:none; } #contain-md-block-up .block-text2 .button-block button{ background:url(images/tick-icon.png) no-repeat left 14px center #176360; border: none; border-bottom:5px solid #0b4f4c; width:135px; height:44px; font-size:20px; color:#fff; line-height:22px; font-weight:700; text-transform:uppercase; padding:0 0 0 12px; margin:0; transition:all 300ms ease-in-out; } #contain-md-block-up .block-text2 .button-block button:hover{ background:url(images/tick-icon.png) no-repeat left 14px center #0b4f4c; } #contain-md-block-up .block-maps { padding:0; margin:0; text-align:right; border:3px solid #fff; } #contain-md-block-up .block-maps iframe { width:247px; height:266px; border:none; padding:0; margin:0;} /*================= Contain Md Down Start ==================*/ /*#contain-md-block-down{ background: url(images/contain-bg-md-down.jpg) no-repeat top center; background-size: cover; padding:55px 0 68px 0; margin:0; } #contain-md-block-down .border-block{ background: url(images/contain-md-down-border.png) no-repeat top center; background-size:contain; padding:33px 0 0 0; margin:0; text-align:center; } #contain-md-block-down .border-block h2{font-family: 'CenturyGothic-Bold'; font-size:51px; color:#fff; line-height:53px; padding:0 0 28px 0; margin:0;} #contain-md-block-down .border-block h3{font-family: 'CenturyGothic'; font-size:25px; color:#ececec; line-height:27px; padding:0; margin:0;}*/ /*================= Contain bottom Start ==================*/ /*#contain-bottom{ background: url(images/contain-bg-bottom.jpg) no-repeat top center; background-size: cover; padding:48px 0 24px 0; margin:0; } #contain-bottom .block { border:4px solid #fff; padding:0; margin:0; background:#fff; -webkit-box-shadow: 0px 1px 13px 0px rgba(50, 50, 50, 1); -moz-box-shadow: 0px 1px 13px 0px rgba(50, 50, 50, 1); box-shadow: 0px 1px 13px 0px rgba(50, 50, 50, 1);} #contain-bottom .block-border { border-right:1px solid #d3d3d3; } #contain-bottom .block .block-img { padding:0; margin:0 auto; text-align:center;} #contain-bottom .block .block-img img{ padding:0; margin:0; width:100%; height:auto;} #contain-bottom .block .block-text { text-align:center; padding:10px 0 12px 0; margin:0;} #contain-bottom .block .block-text h2 { font-family: 'CenturyGothic-Bold'; font-size:18px; color:#caad38; line-height:20px; padding:0; margin:0;} #contain-bottom .text-block { padding:18px 0 0 0; margin:0;} #contain-bottom .text-block p { font-family: 'Calibri'; font-size:17px; color:#2a2a2a; line-height:19px; padding:0; margin:0;}*/ /*================= Footer Start ==================*/ #footer{ padding:0; margin:0; } #footer .top-block{ background:#303030; padding:31px 0 21px 0; margin:0; } #footer .top-block p{ font-family: 'CenturyGothic-Bold'; font-size:20px; color:#fff; line-height:22px; padding:0; margin:0; } #footer .top-block p span{ display:block; } #footer .top-block input.form-control{ box-shadow:none; border:1px solid #eee; height:41px; border-radius:3px; font-family: 'CenturyGothic-Italic'; font-size:15px; color:#b0b0b0; line-height:20px; } #footer .top-block button{ width:130px; background:#176360; border:none; border-radius:2px; font-family: 'CenturyGothic-Bold'; font-size:18px; color:#fff; line-height:41px; padding:0; margin:0; transition:all 300ms ease-in-out; } #footer .top-block button:hover{ background:#0b4f4c; } #footer .bottom-block{ background:url(images/footer-bg.jpg) no-repeat top center; padding:0; margin:0; } #footer .bottom-block .top-panel{ padding:30px 0 25px 0; margin:0; } #footer .bottom-block .top-panel h3{ font-size:17px; color:#fff; line-height:18px; font-size:500; text-transform:uppercase; padding:0; margin:0 0 10px 0; } #footer .bottom-block .top-panel .menu-block{ vertical-align:top; min-height:220px; display:inline-block; padding:0 12% 0 0; margin:0; } #footer .bottom-block .top-panel .menu-block:last-child{ border-right:1px solid #313131; } #footer .bottom-block .top-panel .menu-block ul{ display:inline-block; padding:0; margin:0; } #footer .bottom-block .top-panel .menu-block ul li{ display:block; list-style:none; padding:0 0 10px 0; margin:0; } #footer .bottom-block .top-panel .menu-block ul li a{ display:inline-block; font-size:13px; color:#fff; line-height:18px; padding:0; margin:0; transition:all 300ms ease-in-out; } #footer .bottom-block .top-panel .menu-block ul li a:hover{ color:#176360; } #footer .bottom-block .top-panel .our-blog{ min-height:220px; border-right:1px solid #313131; padding:0 5% 0 0; margin:0; } #footer .bottom-block .top-panel .blog-box{ padding:0; margin:0 0 35px 0; } #footer .bottom-block .top-panel .blog-box .lt-img{ width:58px; float:left; padding:0; margin:0; } #footer .bottom-block .top-panel .blog-box .lt-img img{ border-radius:2px; width:100%; height:auto; } #footer .bottom-block .top-panel .blog-box .rt-text{ width:75%; float:right; padding:0; margin:0; } #footer .bottom-block .top-panel .blog-box .rt-text a{ font-size:13px; color:#fff; line-height:16px; font-weight:300; padding:0; margin:0; transition:all 300ms ease-in-out; } #footer .bottom-block .top-panel .blog-box .rt-text a:hover{ color:#176360; } #footer .bottom-block .top-panel .payment-panel{ float:right; padding:0; margin:0; } #footer .bottom-block .top-panel .payment-panel .payment-block{ padding:0 0 35px 0; margin:0; } #footer .bottom-block .top-panel .payment-panel .payment-block a{ display:inline-block; padding:0; margin:0 5px 0 0; transition:all 300ms ease-in-out; opacity:1; } #footer .bottom-block .top-panel .payment-panel .payment-block a:hover{ opacity:0.7; } #footer .bottom-block .top-panel .payment-panel .payment-block a img{ width:auto; height:auto; } #footer .bottom-block .top-panel .payment-panel .social-block{ padding:0; margin:0; } #footer .bottom-block .top-panel .payment-panel .social-block a{ font-size:13px; color:#fff; line-height:15px; text-transform:uppercase; display:inline-block; padding:0; margin:0 15px 0 0; transition:all 300ms ease-in-out; } #footer .bottom-block .top-panel .payment-panel .social-block a i{ margin-right:10px; } #footer .bottom-block .top-panel .payment-panel .social-block a:hover{ color:#176360; } #footer .bottom-block .bottom-panel{ border-top:1px solid #313131; padding:23px 0 25px 0; margin:0; } #footer .bottom-block .bottom-panel p{ font-size:14px; color:#fff; line-height:16px; font-weight:300; padding:0; margin:0; } #footer .bottom-block .bottom-panel a{ display:inline-block; font-size:14px; color:#fff; line-height:16px; font-weight:300; float:right; padding:0; margin:0; transition:all 300ms ease-in-out; } #footer .bottom-block .bottom-panel a:hover{ color:#176360; } /*================= about Pasge Start ==================*/ .contain-about-top{ background-size:cover; padding:82px 0 78px 0; margin:0; } .contain-about-top .border-block{ padding:15px 0 15px ; margin:0; text-align:center; } .contain-about-top .border-block h2{ background: url(images/about-border-img1.png) no-repeat top center; display:inline-block; background-size:100% 100%; font-family: 'CenturyGothic-Bold'; font-size:66px; color:#fff; line-height:68px; padding:10px; margin:0; } .contain-about-top .border-block h3{ background: url(images/about-border-img1.png) no-repeat top center; display:inline-block; background-size:100% 100%; font-family: 'CenturyGothic-Bold'; font-size:55px; color:#fff; line-height:68px; padding:10px; margin:0; } .contain-about-bottom{ background:url(images/about-bg-img3.jpg) repeat top center; padding:30px 0 20px 0; margin:0; } .contain-about-bottom .block-head{ padding:15px 0; margin:0; width:50%; background:#b09219; } .contain-about-bottom .block-head h4{ font-family: 'CenturyGothic-Bold'; font-size:28px; color:#fff; line-height:30px; padding:0 0 0 10px; margin:0; } .contain-about-bottom .block-top{ border-top:1px solid #d2d2d2; padding:12px 0;} .contain-about-bottom .block-top h3{ font-family: 'Calibri-Bold'; font-size:26px; color:#b09219; line-height:27px; padding:0; margin:0;} .contain-about-bottom .block{ border-top:1px solid #d2d2d2; padding:22px 0 14px 0;} .contain-about-bottom .block .block-img img{ width:100%; height:auto; border:4px solid #fff; -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.75); padding:0; margin:0;} .contain-about-bottom .block .block-text h2{ font-family: 'CenturyGothic-Bold'; font-size:19px; color:#393939; line-height:21px; padding:0; margin:0;} .contain-about-bottom .block .block-text p{ font-family: 'Calibri'; font-size:17px; color:#393939; line-height:21px; padding:10px 0 0 0; margin:0;} .contain-about-bottom .block-nicotine{padding:0; margin:0;} .contain-about-bottom .block-nicotine h2{ font-family: 'CenturyGothic-Bold'; font-size:27px; color:#d0b33f; line-height:29px; padding:0; margin:0;} .contain-about-bottom .block-nicotine p{ font-size:18px; color:#393939; line-height:22px; padding:10px 0; margin:0; } .contain-about-bottom .block-nicotine ul{ padding:0 0 0 20px; margin:0; } .contain-about-bottom .block-nicotine ul li{font-family: 'Calibri'; font-size:14px; color:#393939; line-height:22px; padding:0; margin:0; } .contain-about-bottom .block-nicotine .block-video{ width:100%; padding:20px 0 0 0; margin:0 auto;} .contain-about-bottom .block-nicotine .block-video iframe{ width:100%; height:320px; padding:0; margin:0;} /* ************* media ****************************************** */ @media screen and (max-width: 1600px) { .contain-top .slider-fix-box .block-text{ text-align:center; padding:13% 0 16% 0; } .contain-top .slider-fix-box .block-text h1{ font-size:23px; line-height:26px; } .contain-top .slider-fix-box .block-text h2{ font-size:50px;line-height:52px; } .contain-top .slider-fix-box .block-text h3{ font-size:24px; line-height:45px; } .contain-top .slider-fix-box .block-text h4{ font-size:24px; line-height:30px; } .banner-block .text-block .lt-text{ width: 26%; } .banner-block .product-block .rt-product{ width:75%; } } @media screen and (max-width: 1370px) { .contain-top .slider-fix-box .block-text{ text-align:center; padding:8% 0 12% 0;} .contain-top .slider-fix-box .block-text h1{ font-size:21px; line-height:26px; } .contain-top .slider-fix-box .block-text h2{ font-size:44px;line-height:46px; } .contain-top .slider-fix-box .block-text h3{ font-size:23px; line-height:45px; } .contain-top .slider-fix-box .block-text h4{ font-size:23px; line-height:30px; } .banner-block .text-block .lt-text{ width: 20%; } .banner-block .product-block .rt-product{ width:63%; } } @media screen and (max-width: 1199px) { #navigation ul li{ display:block; float:left; padding:24px 22px 31px 0; margin:0 10px 0 0; background:url(images/divider.png) no-repeat right 30px; text-align:center; } .banner-block .block .lt-block{ padding:30px 0 0 0; margin:0; float:left; width:23%;} .banner-block .block .rt-block{ padding:0; padding:0; float:left; width:16%;} /*================= Contain Top Start ==================*/ .contain-top .slider-fix-box{padding:20px; margin:0; width:100%; height:100%; } .contain-top .slider-fix-box .block-text{ border:1px solid #a78f2d; text-align:center; padding:25px 0 22px 0; margin:0;} .contain-top .slider-fix-box .block-text h1{ font-size:15px; line-height:17px; } .contain-top .slider-fix-box .block-text h2{ font-size:25px; line-height:27px; padding-top:5px; padding-bottom:15px; } .contain-top .slider-fix-box .block-text h3{ font-size:15px; line-height:17px; padding-top:5px; padding-bottom:15px; } .contain-top .slider-fix-box .block-text h4{ font-size:15px; line-height:17px; } /*================= Contain Md up Start ==================*/ #contain-md-block-up .block-maps iframe { width:100%; height:266px; border:none; padding:0; margin:0;} /*================= Contain Md Down Start ==================*/ #contain-md-block-down .border-block{ background-size:contain; padding:20px 0 0 0; } #contain-md-block-down .border-block h2{font-size:41px; line-height:43px; padding:0 0 25px 0; } /*================= Footer Start ==================*/ /*================= About Page Start ==================*/ .contain-about-bottom .block-head h4{ font-size:24px; line-height:26px; } .contain-about-bottom .block-top{ border-top:1px solid #d2d2d2; padding:12px 0;} .contain-about-bottom .block-top h3{ font-size:22px; line-height:24px;} } @media screen and (max-width: 1030px) { .banner-block .block .lt-block img{ width:50%; } .banner-block .block .rt-block img{ width:24%; } .contain-top .slider-fix-box{padding:10px; } .contain-top .slider-fix-box .block-text{padding:20px 0 17px 0;} } @media screen and (max-width: 991px) { /*================= About Start ==================*/ .about-block .text-block{ padding:0;} .about-block .text-block1{ padding:50px 0 0 0; } .about-block .border-left{ background:none;} /*================= Products Start ==================*/ .products-block .text-block .border-block{ margin-top:30px; } .products-block .text-block .border-block .new-product{ top: -4%; left:-1px;} /*================= Contain Top Start ==================*/ .contain-top .slider-fix-box .block-text h2{ padding-bottom:10px; } /*================= Contain Md up Start ==================*/ #contain-md-block-up .border-left{ border-left:none;} #contain-md-block-up .block-text{ padding-bottom:30px;} #contain-md-block-up .block-text2 .block-box{ padding-bottom:9px;} #contain-md-block-up .block-maps { margin-top: 30px; } /*================= Contain Md Down Start ==================*/ #contain-md-block-down .border-block h2{font-size:31px; line-height:33px; padding:0 0 15px 0; } #contain-md-block-down .border-block h3{font-size:18px; color:#ececec; line-height:20px; } /*================= Footer Start ==================*/ /*================= About Page Start ==================*/ .contain-about-bottom .block-head{ width:70%; } .contain-about-bottom .block-head h4{ font-size:22px; line-height:24px; } .contain-about-bottom .block-top h3{ font-size:20px; line-height:22px;} .contain-about-bottom .block .block-img{ text-align:center; } .contain-about-bottom .block .block-img img{ width:214px; height:auto; } .contain-about-bottom .block .block-text h2{ padding-top:20px;} } @media screen and (max-width: 900px){ .contain-top .slider-fix-box{padding:19px; } .contain-top .slider-fix-box .block-text{padding:46px 0 60px 0;} } @media screen and (max-width: 767px) { .banner-block .block .lt-block{ padding:15px 0 0 0; } .banner-block .block .lt-block img{ width:40%; } .banner-block .block .rt-block img{ width:22%; } /*================= Products Start ==================*/ .products-block .text-block .border-block .new-product{ top: -4%; left:-1px; } /*================= Contain Md Down Start ==================*/ #contain-md-block-down .border-block h2{font-size:31px; line-height:33px; padding:0 0 12px 0; } /*================= Contain bottom Start ==================*/ #contain-bottom .block { width:337px; height:auto; margin:0 auto;} #contain-bottom .block-border { border-right:none; } #contain-bottom .text-block { padding:18px 0 40px 0;} /*================= Footer Start ==================*/ #footer .block-top .block .box-block .rt-block2{ text-align:center;} .contain-top .slider-fix-box .block-text{padding:32px 0 37px 0;} } @media screen and (max-width: 720px) { /*================= Contain Md Down Start ==================*/ #contain-md-block-down .border-block h2{font-size:25px; line-height:27px; padding:0 0 12px 0; } #contain-md-block-down .border-block h3{font-size:15px; color:#ececec; line-height:17px; } /*================= Footer Start ==================*/ #footer .block-top .block .menu-block .rt-block{ width:85%;} } @media screen and (max-width: 650px) { /*================= Products Start ==================*/ .products-block .text-block .border-block .new-product{ top: -4%; left:-1px;} /*================= Contain Md Down Start ==================*/ #contain-md-block-down .border-block{ padding:15px 0 0 0; } /*================= Footer Start ==================*/ .contain-top .slider-fix-box{padding:16px; } .contain-top .slider-fix-box .block-text{padding:20px 0 20px 0;} /*================= About Page Start ==================*/ .contain-about-bottom .block-head{ width:100%; } .contain-about-bottom .block-head h4{ font-size:20px; line-height:22px; } .contain-about-bottom .block-top h3{ font-size:18px; line-height:20px;} .contain-about-bottom .block .block-text h2{ font-size:16px; line-height:18px;} .contain-about-bottom .block .block-text p{ font-size:16px; line-height:19px;} } @media screen and (max-width: 600px) { /*================= Contain Md Down Start ==================*/ #contain-md-block-down{ padding:35px 0 48px 0; margin:0; } #contain-md-block-down .border-block h2{font-size:25px; line-height:27px; padding:0 0 8px 0; } #contain-md-block-down .border-block h3{font-size:12px; color:#ececec; line-height:15px; } .contain-top .slider-fix-box{padding:20px; } .contain-top .slider-fix-box .block-text{padding:52px 0;} } @media screen and (max-width: 550px) { /*================= Contain Md Down Start ==================*/ #contain-md-block-down .border-block h2{font-size:20px; line-height:22px; padding:0 0 7px 0; } #contain-md-block-down .border-block h3{font-size:12px; color:#ececec; line-height:15px; } .contain-top .slider-fix-box .block-text{padding:41px 0;} /*================= About Page Start ==================*/ .contain-about-top{ padding:42px 0 38px 0; } .contain-about-top .border-block h2{ font-size:46px; line-height:48px; } } @media screen and (max-width: 500px) { /*================= Products Start ==================*/ .products-block .text-block .col-xs-6{ width:100%; padding-bottom:30px; } .products-block .text-block .border-block .text-rs .col-xs-6{ width:50%;} .products-block .text-block .border-block{ width:350px; margin:0 auto;} .products-block .text-block .border-block .new-product{ top: -3.6%; left:-1px;} /*================= Contain Md Down Start ==================*/ #contain-md-block-down .border-block h2{font-size:17px; line-height:19px; padding:0 0 5px 0; } #contain-md-block-down .border-block h3{font-size:11px; color:#ececec; line-height:13px; } .contain-top .slider-fix-box{padding:109px; } .contain-top .slider-fix-box .block-text{padding:50px 0;} } @media screen and (max-width: 450px) { #contain-md-block-down .border-block{ background: none;} /*================= Footer Start ==================*/ .contain-top .slider-fix-box{padding:87px; } } @media screen and (max-width: 400px) { /*================= Products Start ==================*/ .products-block .text-block .border-block{ width:100%; margin:0 auto;} /*================= Contain bottom Start ==================*/ #contain-bottom .block { width:100%; height:auto; margin:0 auto;} /*================= Footer Start ==================*/ .contain-top .slider-fix-box{padding:65px; } .contain-about-bottom .block .block-img img{ width:100%; height:auto; } } @media screen and (max-width: 320px) { .contain-top .slider-fix-box{ padding:30px; } }