*{outline:none;} body{margin:0 !important; padding:0; background:#fff; color:#333; font-family: "open_sansregular";-webkit-text-size-adjust: none;-moz-text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:none; } html {-webkit-text-size-adjust: none;-moz-text-size-adjust:100%; -ms-text-size-adjust:100%; input, textarea, select { -webkit-appearance: none; border-radius: 0; -webkit-border-radius:0; } * { -webkit-tap-highlight-color:transparent; } div{ -webkit-user-select:none; -moz-user-select:none; } } a{ color:#333; text-decoration:none;} a:hover{ text-decoration:none;} img {border: none;} body{-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block;} p{color: #666; font-family: "open_sansregular"; font-size: 14px;line-height: 24px; } strong{ color: #666;font-family: 'open_sanssemibold';font-size: 14px;line-height: 20px; font-weight:600;} ul li{ color: #666666; font-family: 'open_sansregular'; font-size: 14px;line-height: 24px;} @font-face { font-family: 'Oswald Book'; font-style: normal; font-weight: normal; src: local('Oswald Book'), url('oswald.woff') format('woff'); } @font-face { font-family: 'oswaldbook'; src: url('../fonts/oswald-regular-webfont.eot'); src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald-regular-webfont.woff2') format('woff2'), url('../fonts/oswald-regular-webfont.woff') format('woff'), url('../fonts/oswald-regular-webfont.ttf') format('truetype'), url('../fonts/oswald-regular-webfont.svg#oswaldbook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "SSPika"; src: url('../fonts/ss-pika.eot'); src: url('../fonts/ss-pika.eot?#iefix') format('embedded-opentype'), url('../fonts/ss-pika.woff') format('woff'), url('../fonts/ss-pika.ttf') format('truetype'), url('../fonts/ss-pika.svg#SSPika') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ostrich_sansbold'; src: url('../fonts/ostrich-bold-webfont.eot'); src: url('../fonts/ostrich-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ostrich-bold-webfont.woff2') format('woff2'), url('../fonts/ostrich-bold-webfont.woff') format('woff'), url('../fonts/ostrich-bold-webfont.ttf') format('truetype'), url('../fonts/ostrich-bold-webfont.svg#ostrich_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswaldlight'; src: url('../fonts/oswald-light-webfont.eot'); src: url('../fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/oswald-light-webfont.woff2') format('woff2'), url('../fonts/oswald-light-webfont.woff') format('woff'), url('../fonts/oswald-light-webfont.ttf') format('truetype'), url('../fonts/oswald-light-webfont.svg#oswaldlight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "SSPika"; src: url('../fonts/ss-pika.eot'); src: url('../fonts/ss-pika.eot?#iefix') format('embedded-opentype'), url('../fonts/ss-pika.woff') format('woff'), url('../fonts/ss-pika.ttf') format('truetype'), url('../fonts/ss-pika.svg#SSPika') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('../fonts/opensans-regular-webfont.eot'); src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanslight'; src: url('../fonts/opensans-light-webfont.eot'); src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-light-webfont.woff2') format('woff2'), url('../fonts/opensans-light-webfont.woff') format('woff'), url('../fonts/opensans-light-webfont.ttf') format('truetype'), url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sanssemibold'; src: url('../fonts/opensans-semibold-webfont.eot'); src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansbold'; src: url('../fonts/opensans-bold-webfont.eot'); src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.ttf') format('truetype'), url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MYRIADPROREGULAR'; src: url('../fonts/MYRIADPROREGULAR.eot'); src: local('MYRIADPROREGULAR'), url('../fonts/MYRIADPROREGULAR.woff') format('woff'), url('../fonts/MYRIADPROREGULAR.ttf') format('truetype'); } @font-face { font-family: 'open_sansextrabold'; src: url('../fonts/opensans-extrabold_0_-_copy-webfont.eot'); src: url('../fonts/opensans-extrabold_0_-_copy-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-extrabold_0_-_copy-webfont.woff2') format('woff2'), url('../fonts/opensans-extrabold_0_-_copy-webfont.woff') format('woff'), url('../fonts/opensans-extrabold_0_-_copy-webfont.ttf') format('truetype'), url('../fonts/opensans-extrabold_0_-_copy-webfont.svg#open_sansextrabold') format('svg'); font-weight: normal; font-style: normal; } p a{color: #66cccc; text-decoration:underline;font-weight: normal; font-family: 'open_sansregular';} p a:hover{text-decoration: none;} .menu-top-icon{position:absolute; top:-8px; left:16%; height:5px; padding:0; margin:0; } .breadcrumbs .ss-icon2{font-family: "SSStandard"; position:relative;top:1px;} .why-this-product .ss-icon2{font-family: "SSStandard"; font-size:30px; color:#66cccc;} .ask-form .ss-icon2{font-family: "SSStandard"; font-size:30px; color:#66cccc;} .about-section { margin: 13px auto 0 auto; width: 82%; float:none; } .our-stones2 .ss-icon2{font-family: "SSStandard"; font-size:30px; color:#66cccc;} .range-icon .ss-icon2{font-family: "SSStandard"; font-size:30px; color:#66cccc;} .top-info .ss-icon2{font-family: "SSStandard"; font-size:30px; color:#ccc;} .about-section span { width:100%; text-align:center; margin:14px 0 2px 0; float:left; display:block; font-size:11px; color:#666; font-family: 'open_sanslight'; text-transform:uppercase;} .about-section span a{ color:#666; text-transform:uppercase;} .about-section span a:hover{ color:#666; text-decoration:none;} .about-section p{ text-align:center; color:#666; font-size:18px; font-family: 'open_sanslight'; margin:0px auto; width:80%;} .stones-landing{ background:none !important; padding-top:10px !important; padding-bottom:20px !important;} .wrapper{ width:100%; float:left;} .wrapperin{width:1190px; margin:0 auto; position:relative;} .header{width:100%; float:left; padding:12px 0 15px 0; height:55px; border-bottom:1px solid #e5e5e5; position:fixed; z-index:999999999; background:#fff; } .body-wrapper{ width:100%; float:left; margin:78px 0 0 0;} .body-wrapper-in{ width:1190px; margin:0px auto; position:relative; clear:both;} .body-wrapper-in3{ width:1190px; margin:0px auto; position:relative; clear:both;} .body-wrapper-in4{ width:1080px; margin:0px auto; position:relative; clear:both;} .body-wrapper-in2{ width:985px; margin:0px auto; position:relative; clear:both;} .logo{ margin:3px 0 0 0; float:left; position:relative; max-height:65px; overflow:hidden;} .logo span{position: absolute; z-index:99; width:308px; height:54px;} .body-area{ width:980px; margin:0px auto; } .menu-desktop{float:right;padding-top:16px; position:relative; } .menu-desktop span{ position:absolute; top:-8px; left:38%;} .menu-desktop ul{ float:right; margin:0; padding:0; list-style:none; position:relative; } .menu-desktop ul li{ padding:0 0 17px 44px; margin:0;float:left; position:relative;} .menu-desktop ul li a { color:#000; font-size:18px; text-decoration:none; display: inline-block; padding-bottom:20px; text-transform:uppercase; font-family: 'oswaldlight'; } .menu-desktop ul li a:hover{ color:#66cccc; } .menu-desktop ul li a.active{ color:#66cccc; padding-bottom:3px; border-bottom:2px solid #66cccc;} .table3{ width:300px; height:200px;} .menu-desktop ul li ul{display:none; position:relative; width:100%; padding:10px 10px !important; } .menu-desktop ul li:hover ul{display:block!important; width:540px; position:absolute; z-index:99999; background:#f9f9f9; margin:0; top:39px; left:38px; float:left; padding:0; border:1px solid #cccccc; box-shadow:0px 0px 5px #ccc; } .menu-desktop ul li ul li{display:block; float:left; color:#666666; font-weight:normal; font-size:12px; background:none; width:47%; padding:0 !important; margin:0 !important; } .menu-desktop ul li ul li:nth-child(1,2){ margin-top:15px !important;} .menu-desktop ul li ul li:last-child{ margin-bottom:12px !important;} .menu-desktop ul li ul li img{ position:relative; top:0px; float:left;} .menu-desktop ul li ul li a.specials{ color:#cc0000 !important;} .menu-desktop ul li ul li a{color:#666666!important; display:block; float:left; padding: 11px 22px 11px 22px; height:auto;line-height:21px; font-family: 'open_sansregular'; font-size:12px; width:85.7%; } .menu-desktop ul li ul li a:hover{ color:#66cccc !important; text-decoration:underline;} .navarrow{position:absolute!important; left:45px; top:-12px; z-index:9999; /top:-5px; } .banner{ width:100%; float:left; margin:70px 0 0 0; position:relative; z-index:1;} .slider-button1{ position:absolute; left:0;bottom:12%; width:81%; padding:10px 10%; text-align:center; } .slider-button { width:330px; text-align:center; margin-left:auto; margin-right:auto; } .slider-button a{ display:block;width:80%; height:42px; line-height:39px; padding:8px 18px 6px 18px; margin:0; color:#ffffff; border:1px solid #bebebe; border-radius:4px; text-decoration:none; background:#252b2f; font-size:16px; font-family: 'open_sanssemibold'; text-decoration:none; letter-spacing:0.20em; } .slider-button a:hover{ text-decoration:none; } .right-social-icons{ z-index:999; position:fixed; top:15%; right:0; background:#252b2f; border-top:1px solid #555554; border-left:1px solid #555554; border-bottom:1px solid #555554; padding:24px 10px 0px 16px; border-top-left-radius:4px; border-bottom-left-radius:4px; } .right-social-icons ul{ margin:0; padding:0; float:left; list-style:none;} .right-social-icons ul li{ margin:0 0 16px 0; padding:0; } .day-night-icons{ z-index:99999999999; position:fixed; top:32%; right:0; background:#fff; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:24px 10px 0px 16px; border-top-left-radius:4px; border-bottom-left-radius:4px; } .day-night-icons ul{ margin:0; padding:0; float:left; list-style:none;} .day-night-icons ul li{ margin:0 0 16px 0; padding:0; } .header-right{ float:right; width:20px; margin-top:21px; margin-left:20px;} .header-right .ss-icon{ color:#000; font-family: "SSPika"; font-size:17px;} .header-right .ss-icon:hover{ color:#66cccc; } .header-right a { text-decoration:none; color:#000; font-size:18px;} .our-skills{ width:100%; float:left; position:relative; padding:0px 0 16px 0;} .our-skills2{ width:100%; float:left; position:relative; padding:40px 0 40px 0; margin-bottom:40px;} .our-skills-in{ margin:0px auto; width:1190px;} .our-skills-in2{ margin:0px auto; width:1080px;} .heading3{ font-size:36px; color:#333; font-family: 'open_sanssemibold'; width:100%; text-align:center; line-height:28px; margin-bottom:21px; padding-top:17px; } .skills-info {position: relative; z-index: 99999999;} .our-skills-in p{ font-size:18px; color:#666; width:100%; text-align:center; display:block; font-family: 'open_sanslight'; } .heading3 span{ color:#4b788e; width:auto; } .stone-heading-phone span{ color:#4b788e; } .heading6{ color:#666; font-size:22px; font-family: 'open_sansregular'; width:100%; text-align:center; text-transform:uppercase; clear:both;margin:0;height:0;} .heading61{ color:#666; font-size:22px; font-family: 'open_sansregular'; margin:10px 0 26px 0; width:100%; text-align:center; text-transform:uppercase; font-weight:normal; float:left; position:relative; z-index:99999} .other-products{ width:100%; float:left; margin-top:20px; clear:both;} .other-product-row{ float:left; width:auto; border-radius:2px; border-top:1px solid #ccc; } .other-product-box{ width:173px; text-align:center; vertical-align:middle; /*height:48px;*/ background:#fff; border-left:1px solid #ccc; border-bottom:1px solid #ccc;text-align:center; display:inline-block; float:left; height:55px; } .other-product-box.viewall span a{ color:#66cccc;} .other-product-box.viewall span{ color:#66cccc;} .other-product-box span{width:173px; color:#666; font-size:12px; font-family: 'open_sansregular'; text-transform:uppercase; /*padding:17px 10px 15px 10px;*/ cursor:pointer; height:56px; vertical-align:middle; padding: 0 12px; display:table-cell; } .other-product-box span a { text-decoration:none; display:block; color:#333; line-height:15px; } .other-product-box:hover{ background:#333; color:#fff;} .other-product-box span:hover a{ color:#fff;} .other-product-box:hover span { color:#fff;} .other-product-box span.active a{ color:#66cccc;} .other-product-box.active { background:#333; color:#fff;} .other-product-box.active span a{ color:#fff;} .other-product-box.active span { color:#fff;} .other-products-mobile{ width:69%; float:none; display:none; margin:30px auto 0 auto; } .other-product-row2{ float:left; width:auto; border-radius:2px; border-top:1px solid #ccc;} .other-product-box1{ width:49.6%; text-align:center; vertical-align:middle; height:59px; background:#fff; border-left:1px solid #ccc; border-bottom:1px solid #ccc;text-align:center; display:inline-block; float:left;} .other-product-box1 span{width:173px; color:#666; font-size:11px; font-family: 'open_sansregular'; text-transform:uppercase; /*padding:17px 10px 15px 10px;*/ display:table-cell; cursor:pointer; height:59px; vertical-align:middle; padding: 0 29px; } .other-product-box1 span a { text-decoration:none; display:block; color:#333; } .other-product-box1 span.active{ color:#66cccc; } .other-product-box1 span.active a{ color:#66cccc;} .other-product-box1 {} .stone2{ height:160px !important;} .skills-slider-info{ width:100%; float:left; margin-top:35px;} .skills-slider-info p{ color:#666; font-size:13px; font-family: 'open_sansregular'; text-align:center; line-height:24px; margin:0px auto; width:85%;} .skills-slider-butn{ width:100%; text-align:center; margin-top:30px; float:left;} .skills-slider-butn a{ background:#66cccc; color:#fff; font-size:16px; font-family: 'open_sanssemibold'; text-align:center; padding:19px 12px; text-decoration:none; width:300px; display:block; text-transform:uppercase; margin:0px auto; border-radius:3px; letter-spacing:0.1em;} .skills-slider-butn a:hover{ background:#55a9a9;} .brd5{ border-right:1px solid #ccc;} .brdr6{ border-top:none;} .brdr61{ border-top:none;} .skills-slider{ float:left; width:100%; position:relative; } .skills-slider-in{ margin:0px auto; float:none; width:979px;} .skills-slider-in ul{ margin:25px 0 0 0; padding:0; float:left; list-style:none; width:100%;} .skills-slider-in ul li{ margin:0 30px 0 0; padding:0; float:left; width:48.4%;} .skills-slider-in ul li img{ max-width:100%;} .mgrn-r{ margin-right:0 !important;} .our-stones{ float:left; width:100%; padding:14px 0px; background:#f9f9f9;} .our-stones2{ float:left; width:100%; padding:22px 0 68px 0; background:#f9f9f9;} .our-stones-in{ width:1189px; margin:0px auto;} .our-stones-in2{ width:1110px; margin:0px auto;} .our-stones p{ font-size:18px; color:#666; width:100%; text-align:center; display:block; font-family: 'open_sanslight'; } .style101{ margin-top:0 !important;} .product-section{ width:100%; float:none; margin:34px auto 0 auto;} .product-section2{ width:1118px; float:none; margin:35px auto 0 auto;} .product-box{ width:345px; float:left; margin:0 24px 26px 0; position:relative;} .product-box2{ width:281px; display:inline-block; margin:0 17px 26px 0; overflow:hidden;} .product-box21{ width:260px; display:inline-block; margin:0 17px 26px 0; overflow:hidden;} .home-mrgn{ margin-top:38px !important;} .style50 .product-box2{ width:278.5px; float:left; margin:0 24px 38px 0;} .our-stones-slider-phone .product-img {float: none;margin: 0 auto; width: 87%;} .product-img{ float:left; width:100%;} .product-img-new{width:100%; height:175px; vertical-align:bottom; float:left; position:relative; } .product-img-new3{width:100%; height:138px; vertical-align:bottom; float:left; position:relative; } .product-img3{ width:100%; position:absolute; bottom:0; text-align:center;} .product-img3 img{ max-width:100%; max-height:178px; } .product-img-stones{ display: table; margin-right: 0; position: relative; text-align: center;width: 100%;} .product-img-stones a{ display: block; /*line-height: 180px; */ vertical-align: bottom; width:275px;} .product-img-stones img{ max-width:100%; } .product-img3-stones{ text-align:center; display:table-cell; vertical-align:bottom; height:178px; width:275px; } .product-img3-stones img{ max-width:100%; } .product-img img{ max-width:100%;} .product-heading{ width:100%; text-align:center; background:#fff; float:left; margin:0; font-weight:normal; } .product-heading span{ font-size:12px; color:#666; text-transform:uppercase; display:block; padding:14px 10px; height:21px; line-height:22px; font-family: 'open_sansregular';} .product-heading a{ text-decoration:none; color:#666; display: block; font-family: "open_sansregular"; font-size: 12px; height: 21px; line-height: 22px; padding: 14px 10px; text-transform: uppercase;} .mrgn1{ margin-right:0 !important;} .all-range-butn{ float:left; width:100%; text-align:center; margin-top:0px; margin-bottom:30px;} .all-range-butn a{ display:block; color:#666; font-size:16px; font-family: 'open_sanssemibold'; margin:0px auto; width:350px; text-align:center; padding:20px; border-radius:3px; border:1px solid #999; text-decoration:none; text-transform:uppercase; letter-spacing:0.20em; height:27px; line-height:27px; } .all-range-butn a:hover{ background:#252b2f; border:1px solid #252b2f; color:#fff;} .all-range-butn-phone{ float:left; width:100%; text-align:center; margin:55px 0 30px 0;} .all-range-butn-phone a{ display:block; color:#fff; font-size:16px; font-family: 'open_sanssemibold'; margin:0px auto; width:83%; text-align:center; padding:12px; border-radius:3px; border:1px solid #66cccc; text-decoration:none; text-transform:uppercase; letter-spacing:0.20em; height:23px; line-height:23px; background:#66cccc; margin:0px auto;} .all-range-butn-phone a:hover{ } .all-range-butn1{ float:left; width:100%; text-align:center; margin-top:10px;} .all-range-butn1 a{ display:block; color:#666; font-size:16px; font-family: 'open_sanssemibold'; margin:0px auto; width:200px; text-align:center; padding:14px; border-radius:3px; border:1px solid #999; text-decoration:none; text-transform:uppercase; letter-spacing:0.20em; height:27px; line-height:27px; } .all-range-butn1 a:hover{ background:#252b2f; border:1px solid #252b2f; color:#fff;} .why-us{ float:left; width:100%; padding:55px 0 55px 0; } .why-us2{ float:left; width:100%; padding:55px 0 55px 0; } .why-us-in{ width:1110px; margin:0px auto;} .style24 ul li{ margin-bottom:14px !important; width:90% !important;} .why-us-in p{ font-size:18px; color:#666; width:100%; text-align:center; display:block;} .why-us-section{ float:left; margin:38px 20px 0 0; width:288px; text-align:center; padding:0 34px; height:362px;} .why-us-img{ width:100%; text-align:center; margin-bottom:30px;} .why-us-img span{ display:block; width:100%; text-align:center; color:#666; font-size:52px;} .why-us-in .heading4{ color:#333; font-size:24px; margin:0 0 22px 0; font-family: 'open_sanslight'; letter-spacing:0.12em; } .why-us-in .heading4 a{ color:#333; text-decoration:none;} .why-us-in .detail{ color:#66cccc; font-size:14px; font-family: 'open_sansbold'; margin:0 0 20px 0; } .why-us-in .detail a{ color:#66cccc;} .why-us-in p{ color:#666; font-size:14px; font-family: 'open_sansregular'; margin:0 0 0 0; line-height:24px; } .why-us-butn{ margin:30px 0 0 0; } .why-us-butn a{ color:#666; font-size:12px; font-family: 'open_sansregular'; border:1px solid #e8e7e6; border-radius:4px; text-decoration:none; padding:11px; width:140px; display:block; margin:0px auto; text-transform:uppercase; text-align:center; letter-spacing: 0.1em; background:#fdfdfd;} .why-us-butn a:hover{ background:#252b2f; border:1px solid #252b2f; color:#fff;} .mrgn4 { margin-right:0;} .footer{ width:100%; float:left; background:#212624; padding:40px 0 30px 0; margin-top:0px;} .footer-in{ margin:0px auto; width:1190px;} .newsletter{ float:left; width:330px; margin-right:60px;} .showroom{ float:left; width:320px; margin-right:60px;} .members{ float:left; width:408px;} .heading5{ color:#fff; font-size:14px; font-family: 'open_sansregular'; margin:10px 0 9px 0; text-transform:uppercase; float:left; width:100%;} .input-txt{ margin-bottom:12px; float:left; width:100%; margin-top:4px;} .input-txt input[type=text]{ background:#343434; border:1px solid #515150; color:#66cccc; font-size:12px; font-family: 'open_sansregular'; height:24px; padding:6px 6px 6px 12px; line-height:24px; border-radius:4px; width:74%; } .input-txt1{ margin-bottom:12px; float:left; width:100%;} .input-txt1 input[type=text]{ background:#343434; color:#66cccc; font-size:12px; font-family: 'open_sansregular'; height:24px; padding:6px 6px 6px 12px; line-height:24px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; width:47%; float:left; border-left:1px solid #515150; border-top:1px solid #515150; border-bottom:1px solid #515150; -moz-border-top-left-radius: 3px; -moz-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-right:1px solid #343434; } .input-txt1 .submit1{ background:#343434; font-size:11px; color:#fff; font-family: 'open_sansregular'; height:38px; padding:6px; width:27%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right:1px solid #515150; border-top:1px solid #515150; border-bottom:1px solid #515150; border-left:1px solid #515150; cursor:pointer; -webkit-appearance:none; -moz-border-top-right-radius: 3px; -moz-border-bottom-right-radius: 3px; -moz-border-right:1px solid #515150; -moz-border-top:1px solid #515150; -moz-border-bottom:1px solid #515150; -moz-border-left:1px solid #515150; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-right:1px solid #515150; -webkit-border-top:1px solid #515150; -webkit-border-bottom:1px solid #515150; -webkit-border-left:1px solid #515150; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; } .input-txt1 .submit1:hover{ background:#343434; color:#66cccc;} .newsletter p{ color:#999; font-size:12px; font-family: 'open_sansregular'; } .newsletter span{ color:#999; font-size:11px; font-family: 'open_sansregular'; float:left; display:block; margin-top:10px; } .newsletter span sup{color:#999; font-size:7px !important; font-family: 'open_sansregular';} .newsletter span a{ text-decoration:none; color:#999;} .showroom span{ font-size:12px; color:#66cccc; font-family: 'open_sansregular'; display:block; margin-bottom:12px; } .showroom span a{ color:#66cccc; } .showroom p{ color:#999; font-size:12px; font-family: 'open_sansregular';} .members-img img{ float:left; margin-right:12px;} .footer-links{ float:right; margin-top:51px; width:100%; } .footer-links-new{ float:left; margin-top:46px; width:91%; } .members-img{ float:left; margin-right:15px;} .footer-links2{ float:left;width:231px; } .footer-links a{ color:#999; font-size:11px; font-family: 'open_sansregular'; text-decoration:none; } .footer-links span{ color:#999; font-size:11px; font-family: 'open_sansregular'; margin-left:10px; display:block; float:left; margin-top:6px;} .footer-links-new a{ color:#999; font-size:11px; font-family: 'open_sansregular'; text-decoration:none; } .members-img{ height:90px; display:inline-block; text-align:center; } .box{ display: table-cell;height: 90px; position: relative; text-align: center; vertical-align: bottom; width:80px;} .heading7{ color: #666; display: block; font-family: "open_sanslight";font-size: 18px; text-align: center;width: 100%; margin-top:22px; font-weight:normal;} .heading72{ color: #333; display: block; font-family: "open_sanslight";font-size: 28px; text-align: center;width: 100%; margin:0 0 34px;} .heading72_notick{ color: #333; display: block; font-family: "open_sanslight";font-size: 28px; text-align: center;width: 100%; margin:0 0 34px;} .form-heading2{ color: #666; display: block; font-family: "open_sanslight";font-size: 28px; text-align: center;width: 100%; margin:20px 0 26px 0; float:left;} .heading9{ color: #666; display: block; font-family: "open_sanslight";font-size: 28px; text-align: center;width: 100%; margin-top:0px; float:left; margin-bottom:30px;} .heading91{ color: #666; display: block; font-family: "open_sanslight";font-size: 28px; text-align: center;width: 100%; margin-top:0px; float:left; margin-bottom:18px;} .heading71{ color: #333; display: block; font-family: "open_sanslight";font-size: 28px; text-align:left; width: 100%; margin:22px 0 18px 0;} #aside-menu-toggler{ display:none;} #nav li div div {display: none;font-size: 0.75em;margin: 0;padding: 12px 0 0; top: -1px; width: 100%; z-index: 1;} #nav li div ul { list-style-type: none; margin-top: 0; padding-left: 15px; padding-right: 10px; position: relative; width: 92%; background:#33cccc;} #nav li div ul li { mar2gin: 0; padding: 0;} .body-wrapper-in{ width:1190px; margin:0px auto; position:relative; clear:both;} .skills3-wrapper{ width:100%; float:left; padding-top:25px;} .skills3{ width:980px; margin:0px auto; position:relative;} .breadcrumbs{ width:100%;float:left;margin:0 0 0 0;} .breadcrumbs{ float:none; text-align:right; width:1192px; margin:16px auto 5px auto; color:#999; font-size:10px; font-family: 'MYRIADPROREGULAR';} .breadcrumbs a{ color:#999; font-size:10px; text-decoration:none;font-family: 'MYRIADPROREGULAR';} .breadcrumbs a .ss-icon2{ color:#999 !important;} .breadcrumbs a:hover{ } .breadcrumbs img{ position:relative; top:2px;} .pageheading{ color:#333; font-size:36px; width:100%; text-align:center; font-family: 'open_sansbold'; margin:25px 0 26px 0; float:left; position:relative; font-weight:normal;} .pageheading span{ color:#4b788e;} .top-info{ width:100%; text-align:center; float:left; margin:0 0 40px 0;} .top-info p{ color:#666; font-size:18px; font-family: 'open_sanslight'; line-height:28px; margin:0px auto; width:60%; } .pool-coping-open.blue2{ margin:25px 0 23px 0;} .blue3{ margin-bottom:18px !important;} .top-info1{ width:100%; text-align:center; float:left; margin:0 0 40px 0;} .top-info1 p{ color:#666; font-size:18px; font-family: 'open_sanslight'; line-height:28px; margin:0px auto; width:43%; } .top-info2{ width:100%; text-align:center; float:left; margin:0 0 40px 0;} .top-info2 p{ color:#666; font-size:18px; font-family: 'open_sanslight'; line-height:28px; margin:0px auto; width:50%; } .scroll-down1{ width:100%; margin:30px 0 0 0; text-align:center;} .range-icon{ width:100%; text-align:center; margin:0px 0 18px 0; float:left;} .range-icon1{ width:100%; text-align:center; margin:18px 0 0px 0; float:left;} .heading71{ color:#666; font-size:18px; font-family: 'open_sanslight'; margin:20px 0 35px 0; float:left; } .bluestones-product{ width:977px; margin:0px auto 50px auto; float:left;} .bluestones-product-left{ float:left; margin-right:30px; width:170px;} .bluestones-product-left img{ max-width:100%;} .bluestones-product-right{ float:left; width:763px;} .bluestones-product-right span{ color:#66cccc; font-size:14px; font-family: 'open_sansbold'; margin:0 0 20px 0; line-height:13px; display:block;} .bluestones-product-right span a{ color:#66cccc; text-decoration:none;} .bluestones-product-right p{ color:#666; font-size:14px; font-family: 'open_sansregular'; line-height:24px;} .find-more{ float:left; margin-top:0px;} .find-more a{ color:#66cccc; font-size:13px; font-family: 'open_sansregular';} .ask-form-section{ float:none; width:1080px; margin:0 auto 0 auto; clear:both; } .style98{width:1080px;} .ask-form{/* width:935px;*/ float:left; margin:0px 0 20px 0; background:#ffffff; padding:25px 100px 60px 100px;} .ask-form2{ width:598px; float:left; margin:10px 0 20px 0; background:#f9f9f9; padding: 10px 24px 35px 26px;} .ask-form2 p{ text-align:center; color:#666; font-size:14px; font-family: 'open_sansregular'; line-height:24px; margin-bottom:28px;} .form-style2{ padding: 21px 24px 62px 26px; width:625px;} .ask-form3{ width:90%; float:left; margin:0px 0 20px 0; background:#f9f9f9; padding:10px 30px 30px 30px;} .ask-form3 p{ text-align:center;} .input-txt6{ width:100%; float:left; margin:0 0 0px 0; text-align:center;} .input-txt61{ width:100%; float:left; margin:0 0 20px 0; } .input-txt6 textarea{ width:95%; padding:12px 2%; border-radius:3px; border:1px solid #d5d5d5; height:95px; color:#666; font-size:12px; font-family: 'open_sansregular'; float:left;} .learning-form .input-txt6 textarea{ width:95.8%; padding:12px 2%; border-radius:3px; border:1px solid #d5d5d5; height:95px; color:#666; font-size:12px; font-family: 'open_sansregular'; float:left;} .tell-the-boss .input-txt6 textarea{ width:95.8%; padding:12px 2%; border-radius:3px; border:1px solid #d5d5d5; height:95px; color:#666; font-size:12px; font-family: 'open_sansregular'; float:left;} .showroom-form .input-txt6 textarea{ width:96%; padding:12px 2%; border-radius:3px; border:1px solid #d5d5d5; height:95px; color:#666; font-size:12px; font-family: 'open_sansregular'; float:left;} .stone-form .input-txt6 textarea{ width:96%; padding:12px 2%; border-radius:3px; border:1px solid #d5d5d5; height:95px; color:#666; font-size:12px; font-family: 'open_sansregular'; float:left;} .input-txt8{ width:100%; float:left; margin:0 0 20px 0; text-align:center;} .input-txt8 input[type=text]{ border: 1px solid #d5d5d5; border-radius: 5px;color: #666; float: left;font-family: "open_sansregular"; font-size: 12px; height: 40px; line-height: 40px; padding: 6px 7px; width: 96.5%; } .pool-form .input-txt8 input[type=text]{ border: 1px solid #d5d5d5; border-radius: 5px;color: #666; float: left;font-family: "open_sansregular"; font-size: 12px; height: 40px; line-height: 40px; padding: 6px 7px; width: 98.2%;} .pool-form .input-txt6 textarea{border: 1px solid #d5d5d5; border-radius: 5px; color: #666; float: left;font-family: "open_sansregular";font-size: 12px;height: 95px; padding: 12px 2%; width: 96%;} .input-txt61 input[type=text]{ border: 1px solid #d5d5d5; border-radius: 5px;color: #666; float: left;font-family: "open_sansregular"; font-size: 12px; height: 40px; line-height: 40px; padding: 6px 7px; width: 28.5%; } .input-txt7{ width:48.9%; margin:0 16px 20px 0; float:left;} .input-txt6 input[type=text]{ width:90%; padding:6px 16px; color:#666; font-size:12px; font-family: 'open_sansregular'; border:1px solid #d5d5d5; border-radius:3px; height:40px; line-height:40px; float:left;} .coneect-form .input-txt7{ width:48.5%; margin:0 16px 20px 0; float:left;} .input-txt7 input[type=text]{ width:90%; padding:6px 5%; color:#666; font-size:12px; font-family: 'open_sansregular'; border:1px solid #d5d5d5; border-radius:3px; height:40px; line-height:40px; float:left;} .mrgn8{margin-right:0 !important;} #smallscreentoggler{ display:none;} .submit2{ background:#66cccc; font-size:16px; color:#fff; font-family: 'open_sanssemibold'; text-align:center; padding:8px; width:269px; margin:25px auto 0px auto; border:none; height:62px; line-height:35px; text-transform:uppercase; border-radius:2px; letter-spacing:0.05em; cursor:pointer; -webkit-appearance:none;} .submit21:hover{ background:#55a9a9;} .submit21{ background:#66cccc; font-size:16px; color:#fff; font-family: 'open_sanssemibold'; text-align:center; padding:8px; width:300px; margin:25px auto 0px auto; border:none; height:55px;text-transform:uppercase; border-radius:2px; letter-spacing:0.05em; cursor:pointer; -webkit-appearance:none;} .submit2:hover{ background:#55a9a9;} .tell-the-boss .submit21{ background:#66cccc; font-size:16px; color:#fff; font-family: 'open_sanssemibold'; text-align:center; padding:8px; width:300px; margin:25px auto 0px auto; border:none; height:55px;text-transform:uppercase; border-radius:2px; letter-spacing:0.05em; cursor:pointer; -webkit-appearance:none;} .tell-the-boss .submit21:hover{ background:#55a9a9;} .sale1{ float:left; width:100%; margin:30px 0 50px 0;} .sale{ width:980px; float:none; margin:0px auto 0px auto;} .sale-left{ float:left; width:430px; height:119px; padding:20px; background:url(../images/clearance-bg.jpg) top left no-repeat;} .sale-left span{ color:#fff; font-size:100px; margin:0px 0 0 20px; line-height:134px; font-family: 'ostrich_sansbold'; letter-spacing: 0.03em; } .sale-right{ width:496px; float:left;} .sale-top{ width:498px; height:116px; background:url(../images/bg4.jpg) top left no-repeat; } .sale-bottom{ background:url(../images/bg5.jpg) top left no-repeat; width:498px; height:43px;} .sale-top span{ color:#fff; font-size:34px; display:block; padding:20px 0 0 20px; font-family: 'open_sansbold';} .sale-top p{ color:#fff; font-size:14px; padding-left:20px; font-family: 'open_sansbold';} .sale-bottom .find-more{ float:left; width:90%;margin:14px 0 0 20px; } .sale-bottom .find-more a{ color:#fff; font-size:10px; font-family: 'open_sansbold'; text-transform:uppercase;} .special1-wrapper{ width:983px; float:none; margin:0 auto 0 auto;} .special1{ float:left; width:983px; margin:30px 0 50px 0; background:url(../images/specia-bg.jpg) top left no-repeat; /*height:159px;*/ background-size:cover; height:159px;} .bg4{ background:url(../images/stone-bg.jpg) top left no-repeat !important; background-size:cover !important;} .special1-in{ width:985px; float:none; margin:0px auto 0px auto;} .special1-left{ width:398px;float:left; width:446px; padding:20px; } .special1-left span{ color:#fff; font-size:100px; margin:0px 0 0 65px; line-height:98px; font-family: 'ostrich_sansbold'; display:block; padding-top:15px; } .special1-right{ width:499px; float:left;} .special1-right span{ color:#fff; font-size:34px; display:block; padding:20px 0 0 28px; font-family: 'open_sansbold'; width:83%; margin-left:30px;} .special1-right p{ color:#fff; font-size:14px; padding-left:28px; font-family: 'open_sansbold'; width:83%; margin:6px 0 10px 30px; text-align:left;} .special1-right2{ width:499px; float:left; } .special1-right2 span{ color:#fff; font-size:34px; display:block; padding:20px 0 0 40px; font-family: 'open_sansbold'; width:83%; margin-left:40px;} .special1-right2 p{ color:#fff; font-size:14px; padding-left:40px; font-family: 'open_sansbold'; width:84%; margin:6px 0 10px 40px;} .special1-right .find-more{ float:left; width:83%; margin:0 0 0 59px; } .special1-right .find-more a{ color:#fff; font-size:10px; font-family: 'open_sansbold'; text-transform:uppercase;} .special1-right2 .find-more{ float:left; width:83%; margin:0 0 0 83px; } .special1-right2 .find-more a{ color:#fff; font-size:10px; font-family: 'open_sansbold'; text-transform:uppercase;} .team{ width:100%; float:left; margin-top:26px; } .team-in{ width:985px; margin:0px auto; float:none; } .team-section{ float:left; width:374px; border:1px solid #e8e7e6; box-shadow:0px 2px 2px #e8e7e6; padding:50px; text-align:center; margin:0 30px 40px 0; height:400px; } .mrgn6{ margin-right:0 !important;} .name{ margin:0 0 10px 0; font-size:26px; color:#333; font-family: 'open_sanslight';} .team-image{ margin:0 0 20px 0;} .team-section span{ margin:0 0 17px 0; color:#999966; font-size:16px; display:block; font-family: 'open_sanslight';} .team-section span i{color:#999966; } .team-section p{ margin:0 0 0 0; line-height:24px; color:#666; font-size:14px; font-family: 'open_sansregular'; } .inspried{ width:100%; float:left; margin:20px 0 40px 0; text-align:center;} .inspried-main{ width:882px; padding:15px 50px; height:100px; background:url(../images/bg3.jpg) top left no-repeat; height:129px; } .inspried-main-left{ float:left;width:509px; margin-top:15px;} .inspried-main-right{ float:left; width:357px;} .inspried-main-left span{ float:left; color:#fff; font-size:72px; font-family: 'oswaldbook'; } .inspried-main-right p{ color:#fff; font-size:36px; font-family: 'oswaldbook'; margin:15px 0 8px 0; text-align:center;} .gallery-butn{width:262px; float:none; margin:28px auto 0 auto;} .gallery-butn a{ font-family: 'open_sansregular'; font-weight:600; display:block; border-radius:4px; text-align:center; padding:10px; color:#fff; font-size:16px; background:rgba(0,0,0,0.6); border:1px solid #bebebe; text-align:center; height:29px; line-height:29px; width:238px; letter-spacing:0.1em;} .gallery-butn a:hover{ text-decoration:none;} .connect{ float:left; width:100%; } .connect-section{ margin:0px auto 0 auto; width:1080px;} .tell-the-boss{ float:left; width:100%;margin-bottom:60px; } .tell-the-boss-section{ margin:0px auto 0 auto; width:765px;} .connect-left1{ width:275px; margin-right:49px; float:left;} .connect-left{ } .connect-right{ width:745px; float:right; } .connect-info{ float:left; width:100%; margin:0 0 34px 0;} .connect-info span{ color:#000; font-size:16px; display:block; margin:0 0 0px 0; font-family: 'open_sansregular';} .connect-info p{ color:#666; font-size:14px; font-family: 'open_sansregular'; margin-top:7px; line-height:24px; margin-bottom:6px;} .connect-info p a{ color:#666;} .connect-info p b{ float:right; font-weight:normal;} .coneect-form{ float:left; width:100%; margin:0 0 0 0;} .connect-form2{ float:left;width:100%; background:#f9f9f9; } .connect-style{ width:925px !important; float:none; margin:0 auto; } .location-map-section{ float:left; width:100%; margin:0px 0 40px 0;} .location-map{ float:none; width:100%; margin:0 auto;} .heading8{ margin:0 0 15px 0; font-size:16px; color:#000; font-family: 'open_sansregular';} .location-map img{ max-width:100%;} .pageinfo{ float:left; width:100%; text-align:center;} .page-info p{ color:#666; font-size:18px; width:40%;} .special{ width:100%; float:left; text-align:center; position:relative; margin-bottom:30px;} .special-section{ display:inline-block;width:265px; margin-right:30px; position:relative; margin-right:26px; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:50px; } .special-img{ width:100%; position:relative; margin-bottom:20px; } .special-img img{ max-width:100%;} .special-offer{ position:absolute; top:23px; left:0; background:url(../images/special-bg.png) top left no-repeat; width:170px; height:32px;} .special-offer span{ color:#fff; font-size:14px; font-family: 'open_sansbold'; float: left;margin: 6px 0 10px 21px; } .special-Clearance{ position:absolute; top:23px; left:0; background:url(../images/clearance-bg1.png) top left no-repeat; width:170px; height:32px;} .special-Clearance span{ color:#fff; font-size:14px; font-family: 'open_sansbold';} .special-section span{ color:#fff; font-size:14px; font-family: 'open_sansbold'; display:block; margin:6px 0 10px 21px; float:left;} .special-section .special-heading{ color:#000; font-size:14px; font-family: 'open_sansbold'; margin-bottom:10px; text-align:left; } .special-section .special-heading a{color:#000; } .special-section p{ color:#666; font-size:12px; font-family: 'open_sansregular'; line-height:19px; text-align:left; } .mrgn8{ margin-right:0;} .price-tag{ width:100%; float:right; margin-top:2px; text-align:right;} .price-tag .price{ font-size:18px; color:#cc0000; margin-bottom:7px; font-family: 'open_sansregular'; } .price-tag .price span{ font-size:12px; display:inline; color:#cc0000; font-family: 'open_sansregular'; margin:0; float:none;} .price-tag .price2{ font-size:24px; color:#cc0000; margin-bottom:7px; font-family: 'open_sansregular'; line-height:20px;} .price-tag .price2 span{ font-size:12px; display:inline; color:#cc0000; font-family: 'open_sansregular'; margin:0; float:none;} .price-tag .save{ color:#666; font-size:12px; font-family: 'open_sansregular';} .price-tag .save2{ color:#666; font-size:14px; font-family: 'open_sansregular';} .special-left{ float:left; width:374px; margin:0 35px 20px 0;} .special-left .heading9{ color:#333; font-size:36px;font-family: 'open_sansbold'; margin-bottom:22px; text-align:left;} .special-main-heading{ color:#333; font-size:36px;font-family: 'open_sansbold'; margin-bottom:22px; text-align:left; margin:0 0 22px 0; } .special-slider{ width:100%; position:relative; height:234px; margin-bottom:80px; } .our-stones-slider-phone{ width:100%; position:relative; height:499px; float:left; display:none; margin:20px 0 35px 0px; background:#f9f9f9;} .special-right{ float:left; width:575px; } .special-right .feature{ color:#000; font-size:14px; display:block; margin:40px 0 0px 0; float:left; width:100%; font-family: 'open_sansbold'; text-align:left;} .special-right p{ color:#666; font-size:14px; line-height:27px; text-align:left; float:left; margin:8px 0 0 0; font-family: 'open_sansregular';} .style2{ font-size:28px !important;} .style21{ text-align:left !important;} .back-butn{ float:right; width:auto; margin-top:26px; position:absolute; right:36px; top:3px;} .back-butn a{ text-decoration:none; color:#333; font-size:11px; font-family: 'open_sansregular'; text-transform:uppercase; } .back-butn1{ float:right; width:auto; position:absolute; right:0px; top:27px;} .back-butn1 a{ text-decoration:none; color:#333; font-size:11px; font-family: 'open_sansregular'; text-transform:uppercase; } .blog{ width:100%; float:left; } .blog-left{ width:100%; float:left; padding-right:0; margin-top:40px; position:relative;} .blog-left1{ width:846px; float:left; padding-right:100px; } .blog-detail{ width:100%; float:left;} .blog-heading{ font-family: 'open_sansbold'; color:#333; font-size:36px; margin:0 0 35px 0; width:100%; float:left; font-weight:normal; text-align:center;} .blog-section{ /*float:left;*/ width:31%; margin:0 35px 2% 0; display:inline-block; vertical-align:top;} .blog-img{ float:left; width:100%; } .blog-img img{ max-width:100%;} .blog-img1{ float:left; width:100%; margin-bottom:27px; } .blog-img1 img{ max-width:100%;} .blog-subheading{ font-size:15px; color:#66cccc; font-family: 'open_sansbold'; margin:22px 0 10px 0; float:left; width:100%;} .blog-subheading a{ color: #66cccc; font-family: "open_sansbold";font-size: 15px; text-decoration:none; } .blog-subheading a:hover{text-decoration:none; } .blog-date{ color:#999; font-size:13px; font-family: 'open_sansregular'; margin-bottom:8px; float:left; width:100%;} .blog-info p{ color:#666; font-size:13px; font-family: 'open_sansregular'; line-height:24px;} .blog-info p img{max-width:100%;} .blog-more { float:left; margin:9px 0 0px 0;} .blog-more a{ text-decoration:none; text-transform:uppercase; color:#666; font-size:12px; font-family: 'open_sansregular'; border:1px solid #e8e7e6; padding:8px; text-align:center; border-radiua:4px; width:120px; display:block; background:#fdfdfd;} .blog-more a:hover{background:#252b2f; border:1px solid #252b2f; color:#fff;} .mrgn9{ margin-right:0;} .blog-right{ float:left; width:199px; border-left:1px solid #e8e7e6; margin-top:84px; padding:0px 0 0 40px;} .category-list{ float:left; width:100%; margin:22px 0 40px 0;} .list-heading{ float:left; width:100%; margin:0 0 25px 0; color:#333; font-size:28px; font-family: 'open_sanslight';} .category-list ul{ margin:0; padding:0; float:left; list-style:none;} .category-list ul li{ margin:0; padding:0; float:left; width:100%; margin-bottom:18px;} .category-list ul li a{ color:#666; font-size:12px; text-decoration:none; text-transform:uppercase; font-family: 'open_sansregular';} .blog-share{ width:100%; float:left; margin-top:30px;} .pagination{ width:100%; float:left; margin:20px 0 40px 0; border-top:1px solid #ccc; padding-top:20px; } .pagi-prev{ float:left; width:34px; } .pagi-next{ float:right; width:34px; } .pagi{ float:left; width:88%; } .pagi1{ margin:0px; width:100%; float:left; text-align:center;} .pagi1 a{ color:#333; font-size:14px; font-family: 'MYRIADPROREGULAR'; display:inline-block; margin:0 10px; width:auto;} .pagi1 a.active{ color:#66cccc; cursor:inherit;} .mrgn10{ margin-right:0 !important;} .mrgn101{ margin-bottom:6px !important;} .page-description{ width:100%; text-align:center; margin:0px auto 10px auto; float:none; font-family: 'open_sanslight'; color:#666; font-size:18px; width:72%; clear:both; } .page-description p{ color:#666; font-size:18px; font-family: 'open_sanslight'; line-height:28px;} .showroom-img{ float:left; width:100%; margin:20px 0 38px 0; position:relative;} .showroom-img img{ max-width:100%;} .showroom-img-heading{ color:#fff; font-size:61px; position:absolute; bottom:5%; left:10%;} .showroom-left{ width:235px; float:left; margin-top:20px;} .showroom-right{ float:right; width:795px; margin-top:12px; } .coneect-form p{ text-align:center;} .showroom-left1{ width:235px; float:left; margin-top:20px;} .showroom-right1{ float:right; width:765px; margin-top:12px; } .showroom-right1 iframe{ max-width:100%; height:455px;} /*.connect-section .connect-info p b{ margin-right:20px;}*/ .showroom-right img{ max-width:100%;} .showroom-right iframe{ max-width:100%;} .showroom-info{ width:100%; float:left; margin-bottom:26px; } .showroom-info span{ color:#000; font-size:16px; font-family: 'open_sansregular'; margin-bottom:9px; display:block; margin-top:5px;} .showroom-info p{ color:#666; font-size:14px; margin:8px 0 8px 0; font-family: 'open_sansregular'; line-height:24px; } .showroom-info p a{ color:#666;} .showroom-info2{ width:100%; float:left; margin-bottom:16px; } .showroom-info2 span{ color:#000; font-size:16px; font-family: 'open_sansregular'; margin-bottom:9px; display:block; margin-top:5px;} .showroom-info2 p{ color:#666; font-size:14px; margin:0px 0 0px 0; font-family: 'open_sansregular'; line-height:24px; } .showroom-info2 p a{ color:#66cccc;} .showroom-info2 p a:hover{ text-decoration:underline;} .showroom-info3{ width:100%; float:left; margin-bottom:8px; } .showroom-info3 span{ color:#000; font-size:16px; font-family: 'open_sansregular'; margin-bottom:9px; display:block; margin-top:5px;} .showroom-info3 p{ color:#666; font-size:14px; margin:0px 0 0px 0; font-family: 'open_sansregular'; line-height:24px; } .showroom-info3 p a{ color:#666;} .virtual-tour{ float:left; width:100%; margin:20px 0 20px; background:#f9f9f9; padding:35px 0 65px 0;} .virtual-tour-section{ margin:0px auto; width:780px;} .virtual-img{ width:100%; float:left; margin:15px 0 15px 0;} .virtual-img img{ max-width:100%;} .virtual-img iframe{ max-width:100%;} .product-slider { width:100%; float:left; position:relative; } .product-slider1 { width:100%; float:left; /*height:759px;*/} .product-slider2{ width:100%; float:left;/* height:710px;*/ position:relative;} .product-description-wrapper{ float:left; width:100%; margin:0 0 9px 0;} .product-description{ width:94%; margin:0px auto;} .product-description p{ color:#666; font-size:13px; font-family: 'open_sansregular';margin-bottom:20px; line-height:24px; } .product-description1{ width:100%; margin:0 0 20px 0;} .product-description1 p{ color:#666; font-size:14px; font-family: 'open_sansregular';margin-bottom:0px; line-height:24px; } .product-list{ float:left; margin:0px 0 20px 0; width:100%;} .product-list ul{ margin:0; padding:0; float:left; list-style:none; width:100%;} .product-list ul li{ margin:0; padding:0; float:left; width:100%; color:#666; font-size:13px; margin-bottom:12px; padding-left:17px; background:url(../images/bullet1.png) left 4px no-repeat; font-family: 'open_sansregular';} .product-list .heading10{ color:#666; font-size:13px; font-family: 'open_sansbold'; margin-bottom:13px; line-height:20px; } .clearfix{ clear:both;} .why-this-product-wrapper{ float:left; width:100%; margin:0px 0 40px 0;} .why-this-product { width:985px; margin:0px auto; } .why-this-product ul{ margin:0; padding:0; width:100%; float:left; list-style:none;} .why-this-product ul li{ margin:0; padding:0; width:43% !important; margin:0 10px 4px 12px; float:left; padding-left:25px; color:#666; font-size:14px; font-family: 'open_sansregular'; background:url(../images/bullet1.png) left 9px no-repeat; line-height:24px; text-align:left;} #carousel.flexslider img {height: 60px;max-height: 60px;width: 100%;} #carousel.flexslider { margin-left: 55px;margin-right: 55px;width: auto;} .slider-area { margin: 0px auto 0px auto;position: relative;text-align: center;width: 1080px; } .slider-area .flexslider .slides { margin-bottom: 0px;} .static-content{ float:left; padding-top:30px;} .slider-area2 { height: 721px;margin: 35px auto 0px;position: relative;text-align: center;width: 80%;} .slider-area3 { height: 744px;margin: 35px auto 0px;position: relative;text-align: center;width: 1080px;} .slider-area3 .product-slider-info{ margin-bottom:20px;} .product-slider-info { color:#666; font-size:13px; font-family: 'open_sansregular'; text-align:center; margin-top:20px;} .product-slider-info span{ float:right; color:#666; font-size:11px; font-family: 'open_sansregular'; display:block; width:128px; text-decoration:underline;} .product-slider-info span a{ color:#666; } .product-slider-info span a:hover{ color:#55a9a9; } .product-slider-info span img{ float:left; position:relative; top:0px; margin-right:10px;} .product-slider-info p{ color:#666; font-size:13px; font-family: 'open_sansregular'; width:60%;float:left; margin:0; } .gallery-img {float: left; width: 100%; margin-top:16px; margin-bottom:20px;} .style20{ float:none !important; margin:30px auto 0px auto !important; width:100% !important;} .gallery-img ul { float: left; list-style: outside none none; margin: 0; padding: 0; width: 100%;} .gallery-img ul li { margin:0 0px 35px 0; padding: 0; position: relative;width: 464px; display: inline-block; } .gallery-img ul li span{ text-align:left; font-size:14px; color:#666; font-family: "open_sansregular"; font-weight:500; margin:12px 0 7px 0; } .gallery-img ul li h2{ text-align:left; font-size:14px; color:#666; font-family: "open_sansregular"; font-weight:500; margin:12px 0 7px 0; text-transform:uppercase; } .gallery-img ul li h2 a{ color:#666;} .gallery-img ul li:hover .overlay{ display:block;} .overlay { color: #fff; display: none; height: 157px; left: 0; padding: 30px 45px 45px 45px; position: absolute; top: 0; width: 81%; z-index: 99999;background:rgba(0,0,0,0.8);} .overlay span {color: #fff !important;display: block; font-family: "open_sansbold"; font-size: 14px; margin: 8px 0 0; text-align:left; } .search {/* bottom: 14px; position: absolute; right: 13px;*/} .gallery-img ul li img { max-width: 100%; max-height:230px;} .overlay p { color: #fff; font-family: "open_sansregular"; font-size: 13px; margin-top: 60px; text-align: left; width:100%;} .mrgn10 {margin-right: 35px !important;} .gallery-counting{ float:left; bottom: 14px;position: absolute; left: 20px; font-family: 'open_sansextrabold'; font-size:30px;} .return-home{ float:right; position:absolute; top:28px; right:0;} .return-home a{ color:#333; font-size:11px; font-family: "open_sansregular"; text-transform:uppercase;} .mrg11{ margin-bottom:0;} .blog-select-phone{width:100%; float:left;} .blog-select-phone select {float: left;position: relative; top: 0; width: 99%;} .blog-select-phone select { border: 1px solid #e7e7e7; border-radius: 5px; color: #666; font-family: "open_sansregular"; font-size: 14px; height: 45px; padding: 12px; /*width: 51%;*/ margin-bottom:14px; width:350px; float:right;} .search-open{ position:absolute; top:60px; right:-30px; display:none; width:260px; background:#f9f9f9; padding:13px; z-index:999999; box-shadow:2px 2px 2px #ddd;} .search-open input[type=text]{ width:76%; border:1px solid #d5d5d5; color:#000; height:38px; line-height:38px; padding:6px 40px 6px 19px; color:#666; font-size:12px; font-family: "open_sansregular"; border-radius:4px; position:relative;} .blog-select-phone select ~ select{display:none;} .search-open img{ position:absolute;top:31px; right:32px;} .search-top-icon{ position:absolute; top:-6px; right:35px;} .mrgn12{ padding-top:0px !important; padding-bottom:10px !important;} .product-search{ bottom: 4px; float: right; position: absolute;right: 15px;} .product-search2{ bottom: 42px; float: right; position: absolute;right: 20px;} .gallery-img ul li{ } .gallery-img ul li .content{ position:relative; width:100%; /*text-align:center;*/ display: table;} .gallery-img ul li .content a{display: block;/*line-height: 230px;*/vertical-align: bottom; } /*.gallery-img ul li .content2 { position:absolute; bottom:0; width:100%; } .gallery-img ul li .content2 img{ max-width:100%;}*/ .overlay{ width:370px; height:155px;} .fb-like{ float:left; width:100%; position:relative; text-align:left; margin-bottom:30px;} .video-section{ width:986px; margin:0 auto; float:none;} .video-box{ width:473px; float:left; margin:20px 40px 32px 0; } .video-box iframe{ max-width:100%; height:261px;} .video-box-img{ width:100%; float:left; margin:0 0 0 0; } .video-box-img iframe{ max-width:100%;} .video-box span{ color:#000; font-size:16px; font-family: "open_sansregular"; margin:15px 0 0 0; display:block;} .mrgn13{ margin-right:0 !important} .style15{ width:100% !important;} .style15 .ask-form2{ width:100% !important;} .accordion{ width:985px; margin:0px auto; float:none;} .style17{ width:980px !important} .heading81{ font-size:13px; color:#666; font-family: "open_sansregular"; text-align:center; width:100%; float:left; margin-bottom:28px; } .gallery-heading{ color: #333; float: left;font-family: "open_sansbold"; font-size: 36px;margin: 26px 0 20px; position: relative;text-align: center; text-transform: capitalize; width: 100%;} .gallery-slider-section{ float:left; margin:24px 0 0 0; width:100%; position:relative; } .gallery-slider{ float:none; width:700px; margin:0px auto; } .gallery-slider1{ float:left; width:100%; background:url(../images/slider-left-bg.jpg) 0% top no-repeat ,url(../images/slider-right-bg.jpg) right top no-repeat; height:414px; margin:0px 0 10px 0; padding:50px 0 0 0; } .gallery-slider1 p{ color: #666; font-family: "open_sanslight";font-size: 18px; margin: 27px 0; text-align: center; } .top-img{ width:100%; float:left; text-align:center;} .bottom-img{ width:100%; float:left; text-align:center;} .page-description span{ display:block; color:#333; font-size:18px; font-family: "open_sansbold"; margin:20px 0 20px 0; text-align:center; } .inspired-butn{ width:100%; float:left; text-align:center; margin:20px 0 58px 0;} .inspired-butn a{ background:#66cccc; font-size:16px; color:#fff; font-family: 'open_sanssemibold'; text-align:center; padding:8px; width:200px; margin:0px auto 0px auto; border:none; height:34px; line-height:34px; text-transform:uppercase; border-radius:2px; letter-spacing:0.05em; cursor:pointer; display:block;} .inspired-butn a:hover{ text-decoration:none; background:#55a9a9;} .virtual-tour2-section{ width:100%; float:left;/* margin:0px 0 65px 0;*/ margin:0;} .virtual-tour2{ width:983px; margin:0px auto; float:none;} .virtual-tour2 img{ max-width:100%;} .showroom-time{ float:left; width:100%; } .showroom-time p{color: #999;font-family: "open_sansregular";font-size: 12px; margin:2px 0;} .footer-links-new{ display:none;} .mrgn15{ margin-right:0 !important;} .ask-question2{ float:none; width:980px; margin:28px auto 0 auto; clear:both; padding-bottom: 14px;} .ask-question2 img{ max-width:100%;} /*.ask-question2 span{ color: #666;display: block; float: right; font-family: "open_sansregular"; font-size: 11px;text-decoration: underline; width: 138px; display:block; margin:10px 0 34px 0;}*/ .ask-question2 .span1{color: #666;display: block; float: right; font-family: "open_sansregular"; font-size: 11px; width: 138px; display:block; margin:10px 0 34px 0;} .ask-question2 .span1 a{color: #666; font-size:13px; text-decoration:none;} .ask-question2 .span1 a span{ text-decoration:none !important;} .ask-question2 .span1 span{ margin-right:5px; color:#66cccc;font-size:13px; } .ask-question2 .span1 img{ position:relative; top:3px; margin-right:6px;} .style24{ width:980px !important;} .style3{ padding-top:14px !important;} .pool-coping-info{ width:100%; float:none; margin:10px auto 25px auto; display:none; text-align: left; } .widthauto{ width: auto !important; padding-bottom: 0px !important;} .pool-coping-info p{ color:#666; font-size:14px; font-family: "open_sansregular"; line-height:24px; } .mrgn2{ margin-right:0 !important;} .mrgn-r{ margin-right:0 !important;} .info3{ float:left; text-align:center; width:100%; margin-bottom:60px;} .info3 p{ color:#666; font-size:18px; font-family: 'open_sanslight'; margin:0px auto; width:40%; } .style14 textarea{ height:170px;} .blog-special{ margin:ox auto;} .style28{ margin-top:65px;} .style50{ margin-top:42px !important;} .phone-info1{ width:100%; float:left; display:none; margin-top:15px;} .phone-info1 span{ color:#000; font-size:14px; font-family: "open_sansregular"; font-weight:600; display:block; width:100%; margin-bottom:12px; text-align:left;} .phone-info1 p{ color:#666; font-size:12px; font-family: "open_sansregular"; text-align:left; width:100%; } .pool-coping-open{ width:100%; float:left; margin:8px 0 0px 0; } .style7 p{ width:40%;} .connect-left .sbHolder{ width:100%;} .coneect-form .input-txt7 input[type="text"]{ width:90%;} .coneect-form .input-txt6 textarea{ width: 95%; height:148px;} .stone-heading-phone{ color:#333; font-size:18px; font-family: "open_sansregular"; font-weight:600; margin:50px 0 28px 0; text-align:center; } .our-stones-slider-phone p{ } .home .stone-heading-phone{ margin-top:35px !important;} .slider-product{ width:100%; text-align:center; color:#666; font-size:12px; font-family: "open_sansregular"; position:absolute; bottom:-38px; } .special-slider .slider-product{ width:100%; text-align:center; color:#666; font-size:12px; font-family: "open_sansregular"; position:absolute; bottom:-38px; } .home .slider-product { bottom:72px; } .stones-skills{ padding-top:15px !important;} .test_form_error{color:#e60000;padding-bottom:8px; font-size:12px; font-family: "open_sansregular";} #newsletter_error{ color:#f00; font-size:12px; font-family: "open_sansregular";} .showbiz img{ max-width:100%;} #static-aside-menu-toggler{ display:none;} .slider-area3 li table{ height:542px; } .slider-area li table{ height:542px; } #map-canvas {height: 350px;width:100%;} .gm-style img {max-width: none;} .style99{ margin-top:39px;} .our-stones-slider-phone2{width: 278px !important; margin:0 auto; float:none; position:relative; height:290px !important; display:none;} .home .flexslider{ width: 278px !important; margin:0 auto; float:none; position:relative; height:290px !important;} .home.our-stones-slider-phone .product-img { width:100%; display:table; vertical-align:bottom; text-align:center;} .home.our-stones-slider-phone .product-img a{line-height:130px; vertical-align:bottom; width:300px;} .home.our-stones-slider-phone .product-heading { float: left; width:100%;} .home .product-heading span { padding: 18px 10px 18px; line-height:21px;} .our-stones-slider-phone2 .slider-product{ bottom:-14px;} .stone{ height:316px; float:left; width:90%; margin:0 auto;} .stone .slider-product{ bottom:31px; z-index:1; } #sb-container {position: fixed;margin: 0;padding: 0;top: 0;left: 0;z-index: 3;text-align: left;visibility: hidden;display: none;} #sb-overlay {position: relative;height: 100%;width: 100%;z-index: 3;} #sb-wrapper {position: absolute;visibility: hidden;width: 350px;z-index: 5;} #sb-wrapper-inner {position: relative;z-index: 5;overflow: hidden;height: 100px;border: 10px #FFF solid;} #sb-body {position: relative;height: 100%;} #sb-body-inner {position: absolute;height: 100%;width: 100%;} #sb-player.html {height: 100%;overflow: auto;} #sb-body img {border: none;} #sb-loading {position: relative;height: 100%;} #sb-loading-inner {position: absolute;font-size: 14px;line-height: 24px;height: 24px;top: 50%;margin-top: -12px;width: 100%;text-align: center;} #sb-loading-inner span {background: url(loading.gif) no-repeat;padding-left: 34px;display: inline-block;} #sb-body, #sb-loading {background-color: #fff;} #sb-title, #sb-info {position: relative;margin: 0;padding: 0;overflow: hidden;} #sb-title, #sb-title-inner {height: 20px;line-height: 20px;} #sb-title-inner {font-size: 16px;height: 26px;} #sb-info, #sb-info-inner {height: 20px;line-height: 20px;} #sb-info-inner {font-size: 12px;} #sb-nav {right: -10px;top: 0px;padding: 0px;position: absolute;z-index: 100;} #sb-nav a {display: block;float: right;height: 30px;width: 30px;cursor: pointer;background-repeat: no-repeat;margin-top: 5px;} #sb-nav-close {background: url(http://www.psk.com.au/images/close.png) no-repeat;} #sb-counter {float: left;width: 45%;} #sb-counter a {padding: 0 4px 0 0;text-decoration: none;cursor: pointer;color: #fff;} #sb-counter a.sb-counter-current {text-decoration: underline;} div.sb-message {font-size: 12px;padding: 10px;text-align: center;} div.sb-message a:link, div.sb-message a:visited {color: #fff;text-decoration: underline;} #errorDiv p{ color: #e60000;font-family: "open_sansregular";font-size: 12px; margin-bottom:0; } .mrgn5{ margin-top:6px !important } .style11{ margin-bottom:11px !important;} .mrgn7{ padding:0px 0 0; margin-bottom:17px;} .style41{ margin-bottom:14px;} .style13{ margin-bottom:2px !important;} .gallery-form{ margin-bottom:30px;} .style16{ margin-bottom:65px !important;} .style18{ margin-bottom:3px !important;} .search-section2 {float: left;margin-bottom: 4px;text-align: center;width: 100%;} .search2 {border: 1px solid #ccc; margin: 0 auto 20px; padding:10px 10px 10px 10px;text-align: left; width: 400px;} .search2 input[type="text"] { background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: medium none;height: 18px; padding: 0;width: 92%; float:left;} .search-heading {border-bottom: 1px solid #dfdfdf; color: #333;float: left;font-family: "open_sansregular";font-size: 20px; margin: 0 0 30px;padding-bottom: 5px; width: 100%;} .search_results {float: left;margin: 0 0 40px; width: 100%;} .search_results .heading4 { color: #000;font-family: "open_sansregular";font-size: 16px; font-weight:600;} .search_results .heading4 a{ color: #000; display:inline;} .search_results .heading4 span{ color: #000;font-family: "open_sansregular";font-size: 13px; font-weight:normal;} .search_results p { color: #000;font-family: "open_sansregular"; font-size: 14px; margin: 8px 0 0;} .search_resulst p a{ color: #66cccc;} .search_results a { color: #66cccc;display: block;font-family: "open_sansregular";font-size: 14px;margin: 8px 0 0; text-decoration: none;} .pagination1 {float: left; margin-bottom: 20px;text-align: center;width: 100%;} .pagination1 a.active {color: #00205c; cursor:inherit;} .pagination1 a {color: #666; font-family: "open_sansregular"; font-size: 14px;margin: 0 8px;text-decoration: none;} .pool-coping-info ul{ float: left;list-style: outside none none; margin: 0; padding: 0;width: 100%;} .pool-coping-info ul li{background: url("../images/bullet1.png") no-repeat scroll left 6px rgba(0, 0, 0, 0); color: #666;float: left; font-family: "open_sansregular"; font-size: 14px;margin: 0 0 12px;padding: 0 0 0 17px;width: 100%; line-height:22px;} .style19{ margin-bottom:0 !important;} .style23{ padding-bottom:35px;} .special-info3{ float:left; width:100%; height:165px;} .special-right ul{ margin:14px 0 12px 33px; padding:0;float:left; width:100%; text-align:left;} .special-right ul li{color:#666; font-family: "open_sansregular"; font-size: 13px; margin-bottom:4px;} .special-right ol{ margin:14px 0 12px 33px; padding:0;float:left; width:100%; text-align:left;} .special-right ol li{color:#666; font-family: "open_sansregular"; font-size: 13px; margin-bottom:4px;} .style25{ margin-bottom:45px;} .thanks{ margin: 100px auto 0;min-height: 400px;text-align: center; width: 550px;} .thanks p{ text-align:center; font-size:16px; color:#333; font-family: "open_sansregular";} .blog-info ul{ margin:14px 0 12px 13px; padding:0;float:left; width:100%; text-align:left;} .blog-info ul li{ color:#666; font-family: "open_sansregular"; font-size: 13px; margin-bottom:4px;} .blog-info ol{ margin:14px 0 12px 13px; padding:0;float:left; width:100%; text-align:left;} .blog-info ol li{ color:#666; font-family: "open_sansregular"; font-size: 13px; margin-bottom:4px;} .thanks h3 {color: #333; font-family: 'open_sansbold'; font-size: 55px;line-height: 58px; margin-bottom: 0;text-align: left; margin-top:0;} .thanks p { color: #505050;font-family: "open_sansregular";font-size: 14px;margin-bottom: 25px;margin-left: 15px;text-align: center;width: auto;} .thanks p a{color:#66cccc; } .thanks-left { float: left;width: 100px;} .thanks img {margin-right: 20px;} .thanks-right { float: left; width: 440px;} .stone.our-stones-slider-phone{ display:none;} .phone-slider2{ float:left;width:100%; } .stone2{ height:200px !important;} /*new slider css */ .mrgn66{ margin-right:0; margin-left:0 !important;} .phone-slider2 .heading72{ display:none;} .up-arrow{ width:100%; float:left; text-align:center; margin-bottom: 0px;} .up-arrow span{ margin-bottom:0px;} .up-arrow span{ width:100%; text-align:center; display:block; font-family: "SSStandard"; font-size:30px; color:#ccc;} .up-arrow a span{ text-decoration:none;} .pool-coping-open a span{ text-decoration:none;} .pool-coping-open span{ width:100%; text-align:center; display:block; font-family: "SSStandard"; font-size:30px; color:#ccc;} .sills-wrapper {width: 943px;margin: 0px auto;float: none; } .sociales {text-align: center;margin-bottom: 20px;} #timeline {overflow: hidden;margin: 150px auto;/*position: relative;*/float: none;margin: 42px auto 0;width: 100%; } #dates {border-radius: 2px 2px 2px 2px;float: left; width: auto !important;overflow: hidden; margin:0 0 40px 0 !important; padding:0 !important;} #dates ul{ width:100%; float:left; margin:0 !important;} #dates li {border-top: 1px solid #CCCCCC;list-style: none; background: none repeat scroll 0 0 #FFFFFF;border-bottom: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC; display: inline-block; float: left; height: 55px;text-align: center; vertical-align: middle;} #dates li a{ color: #666666;cursor: pointer;display: table-cell; font-family: 'open_sansregular';font-size: 12px; height: 56px; padding: 0 12px; text-transform: uppercase;vertical-align: middle;width: 154px; text-decoration:none; line-height:15px;} #dates a {line-height: 38px;padding-bottom: 10px;} #dates a.active { background:#333; color:#fff;} #dates a:hover { background:#333; color:#fff;} .brdr0{ border-right:1px solid #ccc;} #dates a.viewall {color: #66cccc;} #dates a.viewall:hover{ background:none; color: #66cccc;} #issues {width: 800px;/*overflow: hidden;*/ position:relative; margin:0; padding:0 !important;} #issues li {list-style: none;float: left;} #issues li.selected img {} #issues li img {float: left;} #grad_left {width: 26px;height: 51px;top: 29%; background:url(../images/prev-butn.png) left top no-repeat; position:absolute; left:0%; cursor:pointer;} #grad_left:hover {width: 26px;height: 51px;top: 29%; background:url(../images/prev-butn-hover2.png); position:absolute; left:0%} #grad_right {width:26px;height: 51px;top: 29%; background:url(../images/next-butn-new.png) left top no-repeat; position:absolute; right:0%; cursor:pointer; z-index:9;} #grad_right:hover {width:26px;height: 51px;top: 29%; background:url(../images/next-butn-new-hover2.png); position:absolute; right:0%;} .phone-menu{ float:right; display:none;} .stones-list3{ float:left; width:100%; margin-bottom:46px;} /*#image_counter{ bottom: -47px;float: none; margin: 0 auto; position: absolute; width: 100%;}*/ #timeline{ width:99.6%; } #issues li{ width: 1050px; } .list {width: 100%; float:none; margin:0 auto 0 auto;} .skills-product {float: left;width: 42.5%; margin:0 20px 0 70px; } .skills-product img {max-width: 100%;} .skills-info {width: 100%;float: left; } .skills-info-txt {width: 100%;margin: 0 auto;text-align: center;text-shadow: none !important;margin-top: 20px;} .skills-info-txt p{ color: #666;font-family: "open_sansregular";font-size: 14px; line-height: 24px; margin: 0 auto;text-align: center; width: 85%;} .issues-in{ position:relative; float:none; margin:0 auto;} .top-menu-img{position:absolute ; top:-7px; left:7% !important; height:9px; padding:0; margin:0;} .blog-info{ width:100%; float:left;} /* sitemap */ .list3{ width:245px; margin:0 40px 0 0; float:left;} .list3 .heading{ float:left; margin:0 0 10px 0; font-size:25px; color:#333; border-bottom:1px solid #ccc; padding-bottom:15px;width:100%; clear:both;font-family: "open_sansregular"; } .list3 .heading a{ color:#333;} .list3 .heading a:hover{ color:#66cccc;} .list3 ul{ margin:0px 0 0 0; padding:0; list-style:none; float:left;} .list3 ul li{ margin:13px 0;padding:0; float:left;width:100%;} .list3 ul li a{ color:#333; font-size:16px; text-decoration:none; display:block;font-family: "open_sansregular";} .list3 ul li a:hover { text-decoration:none; color:#66cccc;} .list3 ul ul{ margin:8px 0 0 15px; } .list3 ul li li{ margin:9px 0;} .sitemap-wrapper{ float:left; width:100%; margin-bottom:30px;} .list4{ width:532px; margin:0 40px 0 0; float:left;} .list4 .heading{ float:left; margin:0 0 10px 0; font-size:25px; color:#333; border-bottom:1px solid #ccc; padding-bottom:15px;width:100%; clear:both;font-family: "open_sansregular"; } .list4 .heading a{ color:#333;} .list4 .heading a:hover{ color:#66cccc;} .list4 ul{ margin:0px 0 0 0; padding:0; list-style:none; float:left;} .list4 ul li{ margin:13px 0;padding:0; float:left;width:46%; margin-right:20px;} .list4 ul li a{ color:#333; font-size:16px; text-decoration:none; display:block;font-family: "open_sansregular";} .list4 ul li a:hover { text-decoration:none; color:#66cccc;} .list4 ul ul{ margin:8px 0 0 15px; } .list4 ul li li{ margin:9px 0;} #issues li{ position:absolute; left:0px; top:0px; background:#ffffff;} .issues-in{ height:500px;} #carousel li table{ height:auto;} .brdr5{ border-right:1px solid #ccc;} .brdr11{ border-top:none !important;} .zeemo{ float:left; color: #999;font-family: "open_sansregular";font-size: 11px; margin-top: -23px; width: 300px; clear:both;} .zeemo span{ margin-top:4px; display:block; color: #999;font-family: "open_sansregular";font-size: 11px; } .zeemo span a{ color: #999;font-family: "open_sansregular";font-size: 11px; margin-left:0px;} .table2{ height:174px;} #owl-demo .item img{ display: block; width: 100%; height: auto;} .newsletter2{ margin:0 auto; float:none; width:380px; clear:both; min-height:400px; } .input-txt12{ width:100%; float:left; margin:0 0 18px 0;} .style99{ margin-bottom:30px;} .input-txt12 input[type="text"] {border: 1px solid #d5d5d5; border-radius: 3px; color: #666; float: left; font-family: "open_sansregular"; font-size: 12px; height: 40px; line-height: 40px; padding: 6px 5%; width: 89%;} .submit5 { background: none repeat scroll 0 0 #66cccc; border: medium none; border-radius: 2px; color: #fff; cursor: pointer; font-family: "open_sanssemibold"; font-size: 16px; height: 62px; letter-spacing: 0.05em; line-height: 35px; margin: 17px auto 0; padding: 8px; text-align: center; text-transform: uppercase; width: 98%;} .submit5:hover{ background:#55a9a9;} .input-txt13{ width:100%; float:left; margin:0 0 18px 0; text-align:center;} .input-txt12 .sbSelector{ padding: 0 2%;} .butn11{ background:#3f3f3f; color:#66cccc; font-size:14px; font-family: "open_sansregular"; text-align:center; padding:10px; width:270px; border-radius:2px; border:none; letter-spacing:0.09em; text-transform:uppercase; display:block; cursor:pointer; margin:4px 0 0 0;} .loader{ position:absolute; top:20%; left:48%; width:35px; height:35px; } #newsletter_error{ margin-bottom:10px;} .display-editor-content{ float:left; width:100%;} .display-editor-content ol{ float:left; width:100% } .display-editor-content ol li{ float:left; width:100% ; color:#666666; font-family: 'open_sansbold'; font-size: 14px; line-height: 18px; margin-bottom: 13px;font-weight:normal; font-weight:400; } .display-editor-content ol li ol{ list-style:none; margin:5px 0px 0px 0px;padding-left: 14px;} .display-editor-content ol li ol li{ margin-bottom:10px; color: #666; font-family: 'open_sansregular'; font-size: 14px; line-height: 24px;} .display-editor-content ol br { clear: left;display: block; float: left; height: 20px; width: 100%;} .display-editor-content ol span{ padding-right:5px;} @media only screen and (max-width: 1250px) { .skills-product {margin: 0 20px 0 50px;} } @media only screen and (max-width: 1200px) { #issues li{ width: 700px;} .skills-product {margin: 0 20px 0 40px;} .display-editor-content { padding: 20px; width: 88%;} .display-editor-content ol { float: left; margin: 0; padding: 0; width: 100%;} } @media only screen and (max-width: 980px) { #issues li{ width: 700px; } } .logo object {max-width: 100%;} .bluestones-product-right1{ float:left; width: 100%; padding-bottom:25px;} .bluestones-product-right1 span{ color:#66cccc; font-size:14px; font-family: 'open_sansbold'; margin:0 0 20px 0; line-height:13px; display:block;} .bluestones-product-right1 span a{ color:#66cccc; text-decoration:none;} .bluestones-product-right1 p{ color:#666; font-size:14px; font-family: 'open_sansregular'; line-height:24px;} #panel {height: auto; padding:30px 0px 0px 0px;display: none;} .slide {margin: 0; text-align:center;padding:15px 0 0px 0;} .btn-slide { text-align:center; font-size:14px; color:#252525; text-decoration:none; font-family: "open_sanssemibold"; text-transform:uppercase; display:inline; padding-top:10px;} .btn-slide span{float:none;} .btn-slide:hover { color:#252525; text-decoration:none;} .innersection{ margin:0px; padding:20px 20px 0px 20px;} .redmorenew{float:left; padding:10px 0; width:100%;} .redmorenewcenter{width:100%; float:left; text-align:center;} .text-reduce-box{width:100%; float:left; padding-bottom:20px;} .text-reduce-box h3{width:100%; float:left; text-decoration:none; font-family: "open_sansregular"; float:left; font-size:16px; font-weight:normal; margin:0; padding-bottom:10px;} .text-reduce-box p{ color:#666; font-size:14px; font-family: 'open_sansregular'; line-height:24px; float:left; text-align:left; padding-bottom:10px; margin-top:10px;} .text-reduce-box p ~ p{margin:0;} .text-reduce-box h3{margin-top:20px;} .blog-new-box{width:100%; float:left;} .blog-new-box .blog-heading{width:100%; text-align:center; margin:0 0 25px 0;} .blog-new-box-top{width:100%; float:left;} .blog-new-box-top-left{width:49%; float:left;} .blog-new-box-top-left p{width:100%; float:left; color:#666; font-family: "open_sansregular"; font-size:13px; line-height: 24px; padding:0 0 10px 0; margin:0;} .blog-new-box-top-right{width:49%; float:right;} .blog-new-box-top-right p{width:100%; float:left; color:#666; font-family: "open_sansregular"; font-size:13px; line-height: 24px; padding:0 0 10px 0; margin:0;} .blog-new-box-two{width:100%; float:left; margin:35px 0 0 0;} .blog-new-box-two h2{width:100%; float:left; text-align:center; font-family: 'open_sanslight'; font-size:24px; font-weight:normal; color:#000000; padding:0 0 10px 0; margin:0;} .blog-new-box-two p{width:100%; float:left; color:#666; font-family: "open_sansregular"; font-size:13px; line-height: 24px; padding:0 0 10px 0; margin:0; text-align:center;} .blog-new-box-two-img{width:100%; float:left; margin-top:10px;} .blog-new-box-two-img img{max-width:100%;} .blog-new-box-two-img-text{width:100%; float:left; text-align:center; font-family: 'open_sanslight'; font-style:italic; font-size:13px; color:#666666; margin-top:10px;} .blog-new-box-two-img-text2{width:100%; float:left; text-align:center; font-family: 'open_sanslight'; font-style:italic; font-size:13px; color:#666666; margin:10px 0 35px 0;} .blog-new-box-top-two{width:100%; float:left; margin:35px 0 0 0;} .blog-new-box-top-two-left{width:49%; float:left;} .blog-new-box-two-img-left{width:100%; float:left;} .blog-new-box-two-img-left img{max-width:100%;} .blog-new-box-top-two-left p{width:100%; float:left; color:#666; font-family: "open_sansregular"; font-size:13px; line-height: 24px; padding:0 0 10px 0; margin:0;} .blog-new-box-top-two-right{width:49%; float:right;} .blog-new-box-two-img-right{width:100%; float:left;} .blog-new-box-two-img-right img{max-width:100%;} .blog-new-box-top-two-right p{width:100%; float:left; color:#666; font-family: "open_sansregular"; font-size:13px; line-height: 24px; padding:0 0 10px 0; margin:0;} .blog-new-box-top-three{width:100%; float:left; margin:35px 0 0 0;} .blog-new-box-top-three h2{width:100%; float:left; text-align:center; font-family: 'open_sanslight'; font-size:24px; font-weight:normal; color:#000000; padding:0 0 35px 0; margin:0;} .blog-new-box-top-three h2 a{color:#66cccc; text-decoration:none;} .blog-new-box-top-three p{width:100%; float:left; color:#666; font-family: "open_sansregular"; font-size:13px; line-height: 24px; padding:0 0 5px 0; margin:0;} .blognewback{width:100%; float:left; padding:25px 0; font-family: "open_sanslight"; font-size:18px;} .blognewback a{color:#66cccc; text-decoration:none;} .blogfblike{width:100%; float:left; padding-bottom:35px;} .imgcenter{text-align:center;} .mobile-connect { display: block; margin-bottom: 20px; } .mobile-connect a { background: #66cccc; color: #ffffff; display: block; font-family: "open_sansregular"; font-size: 16px; line-height: 36px; text-align: center; text-decoration: none; } .mobile-connect a:hover{ background: #48b3b3;} .phone-menu { width: 32px; } .menu-bar1 { background: #000000; border-radius: 0; float: left; height: 2px; width: 32px; display:block;} .menu-bar2 { background: #000000; border-radius: 0; float: left; height: 2px; margin:8px 0; width: 32px; display:block;} .menu-bar3 { background: #000000; border-radius: 0; float: left; height: 2px; width: 32px; display:block;} .gkMenu{ padding-top:80px; } .phone-link{position:absolute; right:75px; top:19px; display:none;} @media only screen and (max-width:980px){ .phone-link{display:block;} } .why-this-product p iframe{ width: 100%;} .landing-page-btn{ width:100%; text-align:center; margin-top:30px; float:left;} .landing-page-btn a{ background:#66cccc url(../images/calculator.png) right center no-repeat; color:#fff; font-size:16px; font-family: 'open_sanssemibold'; text-align:center; padding:19px 12px; text-decoration:none; width:400px; display:block; text-transform:uppercase; margin:0px auto; border-radius:3px; letter-spacing:0.1em;} .landing-page-btn a:hover{ background:#55a9a9 url(../images/calculator.png) right center no-repeat;} .sec-01-select{ text-align:center; display: block;} .col1{ display: inline-block; vertical-align: top; width: 270px;} .col2{ display: inline-block; vertical-align: top; width: 40px; text-align: center; line-height: 50px;} .col3{ display: inline-block; vertical-align: top; width: 270px;} .sec-01 h2{ font-size: 28px; font-weight:300;font-family: 'open_sanslight'; text-align:center; padding-top:0px; margin-top: 0px;} .sec-01 h2 span{ border-bottom: 1px #66cccc solid; padding:5px 15px} .sec-01{ clear:left; margin-bottom: 0px;} .sec-01 h2{ padding-bottom: 10px;} .sec-011 h2{ font-size: 28px; font-weight:300;font-family: 'open_sanslight'; text-align:center; padding-top:0px; margin-top: 50px;} .sec-011 h2 span{ border-bottom: 1px #66cccc solid; padding:5px 15px} .sec-011{ clear:left; margin-bottom: 0px; border:1px #ffffff solid;} .sec-011 h2{ padding-bottom: 10px;} .down3 h2{ margin-bottom: 0px; padding-bottom: 25px;} .down3 p{ padding-bottom:0px; margin-bottom: 0px;} .sec-part2{ float:left; padding: 50px 0px; width: 100%; text-align:center;} .col4{ display: block; vertical-align: top; max-width: 589px; margin:0 auto;} .col4 input{ width: 100%;} .black-box{ background: #000000; width: 780px; margin:0 auto; clear:left; padding: 40px 40px;} .black-box h3{ text-align:center; color: #ffffff; font-size: 28px; font-family: 'open_sansbold'; margin:0px; padding: 0px;} .black-box p{ font-size: 12px; color: #cccccc;} .black-box ol{ font-size: 12px; color: #cccccc; padding:0px; margin-left: 17px; margin-top: 0px; margin-bottom: 0px; list-style: none;} .black-box ol li{ font-size: 12px; color: #cccccc; margin-bottom: 15px; text-align: left; list-style-type:decimal; line-height: 22px;} .pricebox{ text-align: center; font-size: 34px; color:#ffffff; padding: 25px 0px; font-family: 'open_sansbold';} .centertext{ text-align:center; color: #cccccc;font-size: 12px; } .sec-01 p{ text-align:center;} .sec-01 *, .sec-01 *:before, .sec-01 *:after { box-sizing: border-box } .sec-01 *, .sec-01 *:before, .sec-01 *:after { box-sizing: border-box } .sec-01 .sbHolder { height: 52px; } .sec-01 p{ margin-top:0px; padding-top:0px;} /* added by santosh */ .len {width: 600px; line-height:40px; border:solid thin #CCC; padding: 5px;} .calc_form_error { width: 300px; color:#e60000; font-size: 13px; text-align:center; } .inptclsx{display:none;} .col4 input{ color: #666666; font-size: 12px; padding-left: 15px; padding-right: 15px;font-family: 'open_sansbold';} .col4 input::-webkit-input-placeholder { color: #666666;font-family: 'open_sansbold'; font-size: 12px; opacity:1; } .col4 input::-moz-placeholder { color: #666666;font-family: 'open_sansbold'; font-size: 12px; opacity:1; } .col4 input:-ms-input-placeholder { color: #666666;font-family: 'open_sansbold'; font-size: 12px; opacity:1; } .col4 input:-moz-placeholder { color: #666666;font-family: 'open_sansbold'; font-size: 12px; opacity:1; } .sec_img1 img{ max-width: 327px; max-height:214px; } .sec_img2 img{ max-width: 671px; max-height:214px; } .sec-01 p{ font-size: 18px; color: #666666; } .black-box p{ font-size:12px; color: #cccccc; text-align: left; } .col1 span.select, .col3 span.select { position: absolute; width: 100%; text-align: right; overflow: hidden; color: #666666; left: 0px; background:url(../images/select.png) right 22px no-repeat; border:1px solid #d5d5d5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 50px; padding-right: 50px !important; line-height: 50px; font-size: 12px; } .col1, .col3{ position: relative; } .col1 input.styled, .col3 input.styled { display: none; width: 100%; position: relative; overflow: scroll; } .col1 select.styled, .col3 select.styled { position: relative; z-index: 5; height: 50px; line-height: 50px; opacity: 0; width: 100%; filter: alpha(opacity=0); font-family: 'open_sansbold'; font-size: 12px; color: #666666 !important; } .getprice{ float:left; width: 100%; margin-top: 30px; margin-bottom: 40px; text-align:center; } .getprice a{ background:#66cccc; font-size:16px; display: inline-block; color:#fff; font-family: 'open_sanssemibold'; text-align:center; padding: 0px 8px; width:269px !important; border:none; line-height: 60px; height:60px; text-transform:uppercase; border-radius:2px; letter-spacing:0.05em; cursor:pointer; -webkit-appearance:none; } .getprice a:hover{ background:#55a9a9;} .main_error{ color: #ff0000; font-size: 12px; text-align:center; } .topsp{ margin-top: 30px; float:left; width: 100%; } .col4{ position: relative; } .static-text { position: absolute; right: 38px; font-size: 12px; color: #666666; bottom: 18px; } @media only screen and (max-width:800px){ .black-box{ width: 100%; } .sec-part2 img{ max-width: 100%;} } @media only screen and (max-width:700px){ .col1 { width: 100%;} .col3 { width: 100%;} }