/* Used on some static pages */ @font-face { font-family: 'League Gothic Condensed'; src: url('../fonts/leaguegothic-condensed-regular-webfont.eot'); src: url('../fonts/leaguegothic-condensed-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/leaguegothic-condensed-regular-webfont.woff') format('woff'), url('../fonts/leaguegothic-condensed-regular-webfont.ttf') format('truetype'), url('../fonts/leaguegothic-condensed-regular-webfont.svg#league_gothic_condensed-Rg') format('svg'); font-weight: normal; font-style: normal; } .knockout{font-family: 'League Gothic Condensed', Impact, Arial;} /*============== ERROR PAGE ============== */ #error_content{position: relative;margin:40px 0} #error_content >img{max-width:100%; height:auto} #error_content >div{font-size:14px; width:360px; position:absolute; right:5px; top:250px} #error_content >div strong{font-size:16px} #error_content ul{margin:30px 5px 20px 50px} #error_content ul li{color:#a1a1a1; font-weight:bold; margin-bottom:7px} #error_content ul li a{color:#34afb4} /*================= SUBMIT A PHOTO ==================== */ #sf_banner{} #sf_cont{padding:20px 8px 35px 15px; background:url(../images/tiling_bgr.png) 0 0} .sf_steps_wrap{width:460px} .sf_steps_wrap div{position:relative; padding:25px 0 40px 115px; margin-bottom:10px; border-bottom:1px solid #ccc} .sf_steps_wrap div:last-child{border-bottom:none} .sf_steps_wrap div .step_no{display:block; width:59px; height:59px; line-height:59px; text-align:center; font-weight:bold; font-size:40px; color:#34AFB4; border:8px solid #34AFB4; border-radius:40px; position:absolute; top:25px; left:15px} .sf_steps_wrap div img{} .sf_steps_wrap p{font-size:14px; margin:5px 55px 0 15px; line-height:22px} #sp_form, #sp_not_loged{width:426px; position:relative; padding:22px; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.2)} #sp_not_loged{width:325px; margin-right:40px} #sp_form h3, #sp_not_loged h3{font-size:26px; text-align:center; padding: 10px 5px} #sp_form h3 img{vertical-align:middle; margin-right:20px} #sp_form fieldset{padding:10px 0} #sp_form .inp_label{font-size:14px; font-weight:bold; line-height:normal; margin-bottom:10px} #sp_form .lab_check{display:inline-block; width:210px; vertical-align:middle; padding:0 10px} #sp_form .form_note{margin-top:25px} #sp_form select{max-width:100%} #sp_not_loged p{font-size:11px; padding:4px 8px; background:#FFEF98; margin:0 0 30px; display:inline-block; font-weight:bold} #sp_not_loged p a{color:#34afb4} .img_select{float:left; width:160px; margin-bottom:25px} .img_select .img_area{width:130px; height:130px; text-align:center; background:#ececec; font-weight:bold; color:#a1a1a1; margin-bottom:12px; padding:0} .img_select .img_area span{width:110px; height:110px; display:table-cell; vertical-align:middle; padding:10px; word-wrap:break-word; max-width:110px} .file_wrap{width:130px; height:22px; line-height:22px; position:relative} .file_wrap span{text-decoration:underline; font-size:11px; cursor:pointer} .file_wrap span:before{content:''; display:inline-block; vertical-align:top; margin-right:5px; width:30px; height:21px; background:url(../images/sprites.png) -260px 0} .img_select .inp_file{opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; padding:0; cursor:pointer} .photo_checklist{width:260px; float:left} .photo_checklist h4{font-size:18px; margin-bottom:5px} .photo_checklist >div{max-height:240px; overflow-x:hidden} .photo_checklist .lab_check{display:block; font-size:14px; margin-bottom:10px} .photo_checklist .lab_check input{vertical-align:top; margin-right:5px} .photo_checklist .lab_check span{vertical-align:top; width:180px} #submited_orders{padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:bold} #submited_orders a{color:#34AFB4; float:right; text-decoration:underline; position:relative} #submited_orders.opened{border-bottom:none} #submited_orders.opened a:before{content:'X'; font-weight:normal; color:#999; font-size:14px; position:absolute; top:-1px; left:-15px} #submited_orders_list{padding:5px 0 20px; border-bottom:1px solid #ddd; overflow:hidden; display:none} .submission_block .img_hold{float:left; text-align:center; width:130px; overflow:hidden; margin:10px 0} .submission_block img{max-height:100px; max-width:130px;} .submission_block .details_hold{float:left; width:220px; padding:20px 0 0 25px; margin-bottom:20px} .submission_block h4{font-size:14px; margin-bottom:5px} .submission_block a{display:block; font-size:13px; font-weight:bold; color:#34AFB4; text-decoration:underline; margin-bottom:3px} .submission_block .submission_opt{font-size:11px} .submission_block .pending{color:#999; display:block} /*================= IDEA GALLERY ==================== */ /* Gallery Tags */ .tag{position:absolute; z-index:30; text-decoration:none; color:#333} .tag >span{display:block; width:25px; height:25px; text-align:left; text-indent:-9999em; vertical-align:middle; background:url(../images/sprites.png) 0px -172px no-repeat} .tagCloud{display:none; min-width:220px; border-radius:7px; background:#fff; padding:7px 10px 10px 25px; position:absolute; top:0; left:0; box-shadow:0 0 7px rgba(0,0,0,0.4)} .tagCloud.left_oriented{display:none; width:140px; border-radius:7px; background:#fff; padding:7px 25px 10px 10px; position:absolute; top:0; right:0; left:auto} .tagCloud:hover{color:#333; text-decoration:none} .tag:hover .tagCloud{display:block} .tag:hover{z-index:35; text-decoration:none} .tagCloud strong{display:block; margin-bottom:12px; font-size:15px} .tagCloud p{font-size:11px; color:#888; line-height:15px; margin-bottom:10px} .tagCloud:before{content:""; display:block; width:14px; height:14px; background:#34AFB4; border-radius:7px; position:absolute; top:4px; left:4px;} .tagCloud.left_oriented:before{content:""; display:block; width:14px; height:14px; background:#34AFB4; border-radius:7px; position:absolute; top:4px; right:4px; left:auto} /* index */ #idea_gall_header{background:#222} #idea_gall_header .top{font-size:14px; color:#888; font-style:italic; border-bottom:1px solid #666} #idea_gall_header .top ul{} #idea_gall_header .top ul li{display:inline-block; vertical-align:middle; padding:0 25px; position:relative} #idea_gall_header .top ul li:before{content:''; display:block; width:6px; height:6px; border-radius:4px; background:#999; position:absolute; left:-3px; top:50%; margin-top:-3px} #idea_gall_header .top ul li:first-child:before{display:none} #idea_gall_header .top img{display:inline-block; vertical-align:middle; margin:20px 0 10px} #idea_gall_header .bottom{padding:10px 0 14px} #idea_gall_header .bottom h2{font-size:18px; font-weight:normal; line-height:32px; color:#fff; float:left;} .ig_top_filters{float:right; text-align:right} .ig_top_filters.view_look{float:none; text-align:center;} .ig_top_filters{color:#fff; line-height:32px; font-size:14px} .ig_top_filters a{display:inline-block; vertical-align:middle; height:30px; border:1px solid #6a6a6a; border-radius:3px; padding-left:10px; color:#34AFB4; margin:0 7px} .ig_top_filters a .ig_count{display:inline-block; vertical-align:top; height:30px; border-left:1px solid #6a6a6a; padding:0 10px; margin-left:10px; color:#888; border-radius:0 3px 3px 0} .ig_top_filters a.current, .ig_top_filters a:hover{background:#34AFB4; color:#fff; text-decoration:none} .ig_top_filters a.current .ig_count, .ig_top_filters a:hover .ig_count{background:#000; color:#fff} .ig_ico{display:inline-block; vertical-align:middle; width:40px; height:24px; background:url(../images/sprites.png) 0 0 no-repeat} .ig_nav_2 .ig_ico{background-position:-75px -93px} /* living room */ .ig_nav_6 .ig_ico{background-position:-115px -93px} /* bedroom */ .ig_nav_2:hover .ig_ico, .ig_nav_2.current .ig_ico{background-position:-75px -117px} .ig_nav_6:hover .ig_ico, .ig_nav_6.current .ig_ico{background-position:-115px -117px} #ig_grid{padding:0; width:100%; margin:0 auto; text-align:center} #ig_grid a{float:left; width:16.66%; height:auto; display:block; border:1px solid #fff; position:relative; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #ig_grid a img{max-width:100%; width:100%; height:auto} .ig_overlay{background:rgba(52,175,180,0.8); height:100%; position:absolute; top:0; left:0; width:100%; opacity:0; color:#fff; font-size:14px; display:block; text-transform:uppercase; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; transition: all 0.15s ease-out;} #ig_grid a:hover .ig_overlay{opacity:1} .ig_overlay .inner{padding-top:25%; display:block} .ig_overlay .inner span{font-weight:bold; font-size:22px; display:inline-block; padding:4px 0} /*-- View --*/ #ig_caption{padding:50px 0 25px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; height:37px; line-height:37px} #ig_caption .ig_home{display:block; float:left; width:37px; height:37px; text-align:left; text-indent:-9999em; background:url(../images/sprites.png) -203px -104px} #ig_caption h2{font-size:32px; text-align:center} .ig_navigation{float:right;} .ig_navigation a{display:inline-block; width:20px; height:24px; line-height:24px; font-size:17px; font-weight:bold; color:#999; text-align:center; margin:6px 4px 0} .ig_navigation a:hover{text-decoration:none; color:#34AFB4} .ig_navigation .ig_prev{background-position:-295px 0} .ig_navigation .ig_next{background-position:-313px 0} #idea_main2 .banner{padding-bottom:42px; position:relative;} #idea_main2 .banner img{max-width:100%; width:100%; height:auto} #idea_main2 .prod_wrap{position:relative; background:url(../images/top_shadow_cat.png) 50% 0 repeat-y;} #idea_main2 h3{font-size:14px} #idea-banner .img_wrap{position:relative} .ig_rp_top{padding-bottom:15px; border-bottom:1px solid #ebebeb; height:28px; line-height:28px} .ig_rp_top h3{float:left} .ig_rp_top .ig_share{float:right; font-size:12px; font-weight:bold;} .ig_rp_top .ig_share .soc_ico{margin:0 3px 0 7px} /*================ SUBSCRIBE ================*/ #subscribe_success{min-height:190px} #subscribe_success p{font-size:15px; line-height:28px; padding:20px 0 70px; color:#666;} #subscribe_success em{font-size:19px; font-style:normal; padding:20px 0; display:block} #subscribe_main_form{min-height:230px; padding:40px 0 0} #subscribe_main_form label{display:block; font-size:14px; color:#666; margin-bottom:5px} #subscribe_main_form input[type="text"]{width:220px; padding:0 15px; height:26px; border:1px solid #ccc} #subscribe_main_form input[type="submit"]{border:none; height:28px; line-height:28px; padding:0 20px; vertical-align:top; font-weight:bold; font-size:13px; text-shadow:1px 1px rgba(0,0,0,0.4)} #unsubscribe_form{padding:10px 0 30px} #unsubscribe_form .lab_check{display:inline-block; font-size:13px; margin:0 0 12px} /*================= BUILD UPDATES ==================== */ /* -- Index -- */ .bu_main{padding:40px 0 10px; position:relative} .bu_main img{max-width:100%; height:auto} .bu_main p{max-width:320px; width:33%; font-size:14px; line-height:19px; position:absolute; top:32%; left:4%} .bu_text_cols{padding:0 40px 195px; background-image:-moz-linear-gradient(50% 0% 180deg,rgb(255,255,255) 0%,rgb(239,239,239) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(239,239,239))); background-image:-webkit-linear-gradient(270deg,rgb(255,255,255) 0%,rgb(239,239,239) 100%); background-image:-ms-linear-gradient(180deg,rgb(255,255,255) 0%,rgb(239,239,239) 100%); background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(239,239,239) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffefefef,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffefefef,GradientType=0);} .bu_text_cols >div{max-width:400px; width:45%; font-size:14px; line-height:19px} .bu_bottom{margin:-173px -27px 80px 0} .bu_bottom >img{display:inline-block; vertical-align:middle; margin-right:24px} /* -- View -- */ #bu_alert{width:100%; color:#000; border:2px solid #E8C471; background:#EFEC69; font-size:15px; padding:10px 0; line-height:24px; text-align:center; margin:-8px 0px 30px} .build_overview{padding:35px 35px 10px;} .build_overview h2{font-size:36px; font-weight:normal; margin:0 0 10px} .build_overview p{margin:0 0 30px; font-size:11px} .build_overview img{float:left; width:100%; max-width:420px; margin-right:3%} .build_overview .p_details{border:1px solid #ddd; padding:18px 26px; width:50%; margin-left:50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .build_overview label{font-size:14px; font-weight:bold; display:block; margin:0 0 7px} .build_overview select{display:block; width:100%; margin:0 0 18px; border:1px solid #ccc; height:26px; line-height:16px; padding:0px 0 0 10px} .build_overview dl{overflow:hidden; line-height:16px; font-size:11px} .build_overview dt{float:left; clear:left; width:40%; max-width:130px; margin:0 10px 0 0; color:#999} .build_overview dd{float:left} /* --- --- */ .build_steps{border-bottom:1px solid #ccc} .build_steps .build_cover{display:block; margin:10px auto 0; padding:10px 0 0; max-width:100%; border-top:1px solid #ccc} .step_nav{text-align:center; border-top:1px solid #ccc} .step_nav div{width:18px; height:18px; display:inline-block; vertical-align:middle; margin:0 10px; background:#ccc; border-radius:20px; margin:-18px 10px 10px; text-align:left; text-indent:-99999em} .step_nav .current{width:24px; height:24px; padding:4px; border:1px solid #ccc; background:#fff; text-align:center; text-indent:0} .step_nav .current span{display:inline-block; font-weight:bold; font-size:14px; color:#fff; width:24px; height:24px; line-height:24px; background:#34AFB4; border-radius:18px;} .title_img{text-align:center} .build_steps .step{overflow:hidden; padding:25px 0 35px} .build_steps .step .step_img{width:50%; background:url(../images/bird_frame_img.jpg) 0 0 no-repeat; min-height:470px; padding:44px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .build_steps .step .step_img img{max-width:100%; background:#222; width:389px; max-height:220px} .build_steps .step .step_img.first_step, .build_steps .step .step_img.last_step{background:none; padding:0; text-align:center;} .build_steps .step .step_img.first_step img, .build_steps .step .step_img.last_step img{width:auto; height:auto; max-height:100%} /*.build_steps .step .step_img:before, .build_steps .step .step_img:after{content:''; position:absolute; bottom:14px; width:50%; height:10px; box-shadow:0 10px 15px rgba(0,0,0,0.5); z-index:-1;} .build_steps .step .step_img:before{left:10px; -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); transform:rotate(-5deg);} .build_steps .step .step_img:after{right:10px; -webkit-transform:rotate(5deg); -moz-transform:rotate(5deg); transform: rotate(5deg);} .build_steps .step .step_img.finished{position:relative} .build_steps .step .step_img.finished span{display:block; width:86px; height:87px; background:url(../images/step_finished.png) 0 0 no-repeat; position:absolute; bottom:30px; right:25px; z-index:10} */ .build_steps .step.odd .step_img{float:right} .build_steps .step.even .step_img{float:left;} .build_steps .step .step_detail{width:50%; line-height:19px; color:#666} .step_detail h3{margin-bottom:10px; text-align:center} .step_detail h3 img{max-width:100%; height:auto} .step_detail h3 span{display:block} .step_detail p strong{color:#34AFB4} .build_steps .step.odd .step_detail{float:left} .build_steps .step.even .step_detail{float:right} /* --- --- */ .build_step_bottom{padding:80px 0 55px; border-top:1px solid #ccc} .build_step_bottom .quest_title{font-size:18px; font-weight:bold; display:block; margin-bottom:15px} .build_step_quest{width:440px; float:left} .build_step_quest p{margin-bottom:25px; line-height:16px} .build_step_quest a{font-weight:bold; color:#34afb4} .build_step_quest ul li{margin-bottom:5px; font-size:11px} .build_comments{width:460px; float:right} .fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;} .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;} /*================= INVITE FRIEND ==================== */ #friend_refer{padding:40px 0 90px} #friend_refer h2{text-align:center; font-size:36px; font-weight:normal; padding:0 0 15px; margin:0 0 40px; border-bottom:1px solid #666} #referr_resp_success, #referr_resp_error{padding:10px; margin:0 0 20px; font-weight:bold;} #referr_resp_success{border:1px solid #00bb11; color:#00bb11} #referr_resp_error{border:1px solid #bb0000; color:#bb0000} #refer_main{float:left; width:515px; font-size:22px; text-align:center} #refer_main img{display:block; margin:45px 0 35px} #refer_sideforms{float:right; width:400px} #refer_sideforms label{font-size:14px; margin:3px 0; display:inline-block} #refer_sideforms textarea{padding:10px} #refer_sideforms textarea, #refer_sideforms input[type="text"]{margin:5px 0 15px} #refer_sideforms form{padding:0 0 40px; margin:0 0 30px; border-bottom:1px solid #444} .sent_restriction{float:right; max-width:43%; padding:25px; border:2px solid #999; font-size:24px; line-height:32px; color:#444; box-shadow:inset 0 0 12px rgba(0,0,0,0.2); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .sent_restriction >span{display:block; font-size:17px; color:#b00; font-weight:bold; line-height:normal; margin:30px 0 15px} .share_vaucher{} .share_vaucher a{display:inline-block; margin:0 3px 0 0; height: 24px; width: 24px; line-height:24px; text-indent:-9999em; background:url(../images/sprites.png) 0 0 no-repeat} .share_vaucher #facebook{background-position: -102px -172px} .share_vaucher #twitter{background-position: -127px -172px} .share_vaucher #pinterest{background-position: -227px -172px} .share_vaucher #google{background-position:-202px -172px} #not_loged_block{width:400px; float:right} #not_loged_block h3{font-size:28px; margin-bottom:15px} #not_loged_block div p{font-size:11px; padding:4px 8px; background:#FFEF98; margin:0 0 30px; display:inline-block; font-weight:bold} #not_loged_block div p a{color:#34afb4} #refer_login{} #refer_login .inp_label{display:block; font-size:14px; font-weight:bold} #refer_login .inp_text{margin-bottom:22px} #refer_login .cont_elem{margin:0 22px 0 0} #refer_login .inp_btn{font-size:19px; font-weight:normal; height:37px; line-height:37px; float:right; margin:-35px 37px 0 0} #refer_login .form_note{color:#333; width:220px; padding-top:5px; line-height:17px} #refer_login .form_note a{color:#34afb4} #friend_refer #create_account_errors{margin-right:25px} #friend_refer .server_errors{font-size:13px; text-align:left; padding:3px 10px; border:1px solid #900; background:rgb(255, 245, 245); margin:-20px 25px 15px 0} #payment_form .server_errors{font-size:15px; text-align:left; padding:8px 10px; border:1px solid #900; background:rgb(255, 245, 245); margin:-20px 0 15px 0} /* --- INVITE FRIENDS (updated) --- */ #hi_person { display: block; font-family: 'pacifico'; color: #00b1bb; text-align: center; font-size: 32px;} #friend_refer > h2 { display: block; font-family: 'Open Sans'; font-size: 42px; color: #333; text-transform: uppercase; font-weight: lighter; border-bottom: 0px;} .bold_span { font-weight: bold; color: #00b1bb;} #friend_refer > h2:after { content: ''; display: block; width: 160px; border-bottom: 1px solid #ccc; position: relative; top: 15px; left: 400px;} .refer_main_text { display: block; font-family: 'Open Sans'; font-size: 24px; text-align: left;} .refer_main_text2 { display: block; font-family: 'Open Sans'; font-size: 16px; text-align: left;} .form_border { padding-bottom: 20px; border-bottom: 1px solid #ccc;} .email_text_label { font-family: 'Open Sans'; font-size: 14px; text-transform: uppercase; line-height: 35px;} .email_text_label > i {font-size: 14px;color: #333;} .message_text_label {font-family: 'Open Sans';font-size: 14px;text-transform: uppercase;line-height: 35px;} .invite_via_text_label {font-family: 'Open Sans';font-size: 14px;text-transform: uppercase;line-height: 35px;} .invite_via {float: left;margin-top: 10px;} .invite_via > span {display: block;} .w380 {width: 380px;} .w400 {width: 400px;} #invitations { position: relative; padding: 90px 0px 80px 0px; background-color: #f8f8f8;} .invitations_head { display: block; font-family: 'Open Sans'; text-align: center; font-size: 28px; text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #cc } .invitations_head2 { display: block; font-family: "pacifico"; text-align: center; font-size: 42px; padding-bottom: 15px; color: #00b1bb; margin-top: 40px;} .invitations_text { text-align: center; margin-bottom: 55px;} .invitations_text:last-child {margin-bottom: 0px;} .invitations_rev { display: block; position: relative; float: left; font-family: 'Open Sans'; font-size: 14px; color: #333; font-weight: bold; text-transform: uppercase; margin: 25px 70px 25px 20px;} .invitations_rev_right{ float: right; margin-right: 5px;} .circle { display: block; position: absolute; width: 25px; height: 25px; background-color: #ff0303; border-radius: 50%; top: -5px; left: 145px;} .number { font-family: 'Open Sans'; font-size: 16px; position: absolute; color: #f8f8f8; top: -4px; left: 154px; z-index: 3;} .circle1 { display: block; position: absolute; width: 25px; height: 25px; background-color: #00b1bb; border-radius: 50%; top: -5px; left: 180px;} .number1 { font-family: 'Open Sans'; font-size: 16px; position: absolute; color: #f8f8f8; top: -4px; left: 188px; z-index: 3;} .number2 { font-family: 'Open Sans'; font-size: 16px; color: #00b1bb;} .table_main{ float: left; margin-bottom: 10px;} .invite_table { width: 240px; height: 35px; background-color: #eeeeee; text-align: center; font-family: 'Open Sans'; font-size: 14px; color: #333;} .invite_table1 { background-color: transparent; border: 1px solid #eeeeee; border-top: 0px;} .invite_table1 > span { text-align: center; font-family: 'Open Sans'; font-size: 13px; color: #333;} .invite_table:first-child { text-align: left; width: 480px;} .table_htext { font-family: 'Open Sans'; font-size: 13px; text-transform: uppercase; font-weight: bold; margin-left: 20px;} .check_mail { display: block; float: left; position: relative; top: 0px; left: 0px;} .table_label { position: relative;} .table_label span { display: block; font-size: 13px; margin-left: 70px;} .table_label input[type="checkbox"] { visibility:hidden; position:absolute; bottom:0; left:50%; margin-left:-5px;} .table_label span:before { content: ''; background: #fff; border: 1px solid #ddd; margin: 0; padding: 0; width: 15px; height: 15px; vertical-align: middle; position: absolute; left: 20px; font-size:10px; text-align:center; font-weight:bold} .table_label.disabled span:before{display:none;} .table_label input[type="checkbox"]:checked + span:before { content:'\f00c'; color:#70dc46; font-family:'fontAwesome'; font-weight:normal; font-size: 15px; position: absolute;} #invitations_visible > a { display: block; font-family: 'Open Sans'; font-size: 14px; text-align: center; text-transform: uppercase; text-decoration: none; padding: 10px 55px 10px 55px; float: left; background-color: #444; color: #fff;} .check_color { color:#70dc46; } .clock_color { color: #ff3c3c;} #not_loged_block .facebook_login{max-width:100%;} .share_vaucher{} .share_vaucher a{display:inline-block; margin:0 3px 0 0; height:24px; width:24px; line-height:24px; text-align:center; border:1px solid #ccc; border-radius:50%; text-indent:0; background:#fff;} .share_vaucher a i{line-height:24px; font-size:16px; color:#888;} /* Factory Slider */ .tileSliderWrap2{position:relative; overflow:hidden} .tileSliderWrap2 .slick-slider{margin-bottom:0} .tileSliderNav{position:absolute; top:0; left:50%; width:664px; height:100%; margin-left:-332px;} .tileSliderNav:before, .tileSliderNav:after{content:''; position:absolute; top:0; width:2000px; height:100%; background:rgba(0,0,0,0.5); z-index:1} .tileSliderNav:before{left:-2000px; } .tileSliderNav:after{right:-2000px} #meet_team_slider_nav{width:664px; margin-left:-332px} .tileSliderNav button, .tileSliderNav button:hover, .tileSliderNav button:visited{ z-index:2; width:55px; height:55px; margin-top:-28px; background:url(../images/sprites2.png) 55px 55px no-repeat } .tileSliderNav .slick-prev:before, .tileSliderNav .slick-next:before{display:none} .tileSliderNav .slick-prev, .tileSliderNav .slick-prev:hover, .tileSliderNav .slick-prev:focus, .tileSliderNav .slick-prev:visited{margin-left:-70px; background-position:0 -80px} .tileSliderNav .slick-next, .tileSliderNav .slick-next:hover, .tileSliderNav .slick-next:focus, .tileSliderNav .slick-next:visited{margin-right:-70px; background-position:-55px -80px} @media screen and (max-width:840px){ .tileSliderNav .slick-prev, .tileSliderNav .slick-prev:hover, .tileSliderNav .slick-prev:focus, .tileSliderNav .slick-prev:visited {margin-left:10px} .tileSliderNav .slick-next, .tileSliderNav .slick-next:hover, .tileSliderNav .slick-next:focus, .tileSliderNav .slick-next:visited {margin-right:10px} } /*============== CONTACT US ============== */ #contact_us_top{padding:30px 45px 40px} #contact_us_top img{max-width:100%; height:auto} #contact_us_top p{font-size:14px; width:610px; text-align:center; padding-top:15px} #contact_us_form{border-top:1px solid #7F7F7F} #contact_us_form fieldset{padding:30px 0 25px; border-bottom:1px solid #e5e5e5} #contact_us_form #cont_elements{padding-bottom:0; border:none} #contact_us_form .inp_label{font-size:14px; font-weight:bold; width:150px; text-align:right} #contact_us_form .inp_label span{display:block; font-size:12px; font-weight:normal; color:#999; margin:-5px 0 1px; line-height:normal} #contact_us_form .answer{padding:20px 15px; border:10px solid #ebebeb; font-size:11px; line-height:17px; margin:10px 0 0} #contact_us_form .answer .title{display:block; font-weight:bold; font-size:12px; text-transform:uppercase; margin-bottom:10px} #contact_us_form .answer a{text-decoration:underline; color:#34AFB4} #contact_faq h3, #contact_faq h4, #contact_faq .answer{display:none} #contact_faq .answer.current {display:block} .checkbox_area .lab_check{font-size:14px; display:inline-block; line-height:30px} .checkbox_area .lab_check .inp_check{margin:8px 8px 0 0} #thank_you{padding:115px 20px; font-size:22px; font-weight:bold; font-style:italic; color:#999; text-align:center} #thank_you p{margin:10px 0 20px; font-size:17px; font-weight:normal} /*============== ISSUES FORM ============== */ #issues_tracking_form, #issues_form{border-top:1px solid #7F7F7F} #issues_form{padding:25px 0 0} #static_content #issues_form h3{font-size:16px; color:#222; text-decoration:underline} #static_content #issues_form p{color:#333} #issues_form fieldset{padding:30px 0 25px; border-bottom:1px solid #e5e5e5} #issues_form .inp_label{font-size:14px; font-weight:bold; width:150px; text-align:left; color:#333} #issues_form .inp_label span{display:block; font-size:12px; font-weight:normal; color:#999; margin:-5px 0 1px; line-height:normal} .issues_prod_list{} .checking_box{height:64px; border:1px solid #ddd; border-radius:5px; display:inline-block; padding-right:10px; line-height:64px; overflow:hidden; margin-bottom:15px} .checking_box .check_area{display:block; height:64px; padding:25px 15px; width:45px; float:left; border-right:1px solid #ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; background:#f5f5f5} .checking_box .check_area input{} .checking_box .check_name{line-height:1.2; display:inline-block; vertical-align:middle; padding:5px 10px; font-size:14px; color:#222} .checking_box img{width:90px; height:54px; vertical-align:middle} #check_group{} .check_elem{display:inline-block; width:30%; margin-right:1%; height:14px; line-height:14px; margin-bottom:15px} .check_elem >label{display:inline-block; vertical-align:top} .check_elem >input[type="checkbox"]{} /*============== SITEMAP ============== */ #sitemap{padding-top:40px} #static_content #sitemap h2{font-size:18px; padding:0; margin:0 0 10px; font-weight:bold; color:#34AFB4} #static_content #sitemap h3{font-size:14px; padding:0; margin:0 0 5px} #static_content #sitemap ul{margin:0 0 40px; padding:0 2px} #static_content #sitemap li{margin:0 0 4px} #static_content #sitemap li>ul{padding:0 0 0 15px; margin:0 0 15px} #categories_sitemap>li{width:45%; margin-right:3%; display:inline-block; vertical-align:top} #categories_sitemap>li.double_col{width:100%} #categories_sitemap>li.double_col ul{overflow:hidden} #categories_sitemap>li.double_col li{display:inline-block; vertical-align:top; width:45%} /*================= REQUEST A CATALOG ==================== */ .rc_content{padding:30px 0 40px} .rc_content h2{font-size:36px; font-weight:normal; padding-bottom:12px; border-bottom:1px solid #000} #req_catalog_form{} .catalog_image{width:420px; padding:20px 0 30px 90px; float:left; position:relative} .catalog_image a{display:block; width:170px; height:250px; text-align:left; text-indent:-9999em; background:url(../images/view_catalog.png) 0 0 no-repeat; position:absolute; bottom:25px; left:65px} .catalog_form{float:right; width:375px; padding-top:70px} .catalog_form .inp_label{text-align:right} .catalog_form .lab_custom{margin-right:8px} .catalog_form .text_custom{width:52px} .catalog_form .lab_check{font-size:12px; margin-left:107px} .catalog_form .lab_check span{display:inline-block; width:245px} .catalog_form a{margin-left:130px; color:#34AFB4} #catalog_request_thanks{padding-top:40px; text-align:center} #catalog_request_thanks h3{font-size:18px; padding:0 20px} .form_btns{clear:both} /*================= RETAILERS ==================== */ .retailers_banner{text-align:center; margin-bottom:60px;} .retailers_banner img{width:100%;} .retailers_block{margin-bottom:60px; font-family:'Open Sans',Arial, Helvetica, sans-serif;} .retailers_block h2{font-size:36px; font-weight:normal; font-family:'Pacifico'; color:#00b1bb; text-align:center; padding-bottom:10px; margin-bottom:20px; position:relative;} .retailers_block h2:after{content:''; display:block; width:100px; height:1px; background:#e3e3e3; position:absolute; bottom:1px; left:50%; margin-left:-50px;} .retailers_block .subtitle{font-size:18px; color:#666; margin-bottom:40px; text-align:center;} .tOrange{color:#f5b61b;} #map_wrap{padding:8px; border:1px solid #ddd; box-shadow:0 0 6px rgba(0,0,0,0.2); border-radius:2px;} .map_filters{padding:15px 25px; background:#333;} .map_filters .inp_label{margin:0 2% 0 0; line-height:50px; font-size:16px; color:#888; width:16%; float:left;} .map_filters .inp_select, .map_filters .inp_text, .map_filters .inp_btn{height:50px; min-width:23%; border-color:#333; margin:0 0.5%; vertical-align:top; font-weight:bold; font-family:'Open Sans',Arial, Helvetica, sans-serif; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .map_filters .inp_select{width:32%;} .map_filters .inp_btn{} #map_canvas{height:585px; width:100%;} #map_canvas img{max-width:none;} #retail_stores{ text-transform:uppercase; font-size:14px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; -webkit-column-rule: 1px solid #e4e4e4; -moz-column-rule: 1px solid #e4e4e4; column-rule: 1px solid #e4e4e4; } #retail_stores >li{padding:15px 0 25px; line-height:1.3; display:inline-block;} #retail_stores >li >span{font-weight:bold; display:block; margin-bottom:16px;} #retail_stores >li >ul{} #retail_stores >li >ul >li{margin:0 0 5px; position:relative; padding-left:25px;} #retail_stores >li >ul >li i{font-size:18px; position:absolute; left:0; width:18px; height:16px; text-align:center; line-height:16px} #retail_stores >li >ul >li a{color:#00b1bb; text-decoration:underline;} .store_ico{display:inline-block; width:18px; height:16px; background:url(../images/sprites.png) -215px 0} #storePopup{width:315px; height:265px} .storeImg{margin-bottom:20px; width:315px; height:140px; text-align:center; display:table-cell; vertical-align:middle;} .storeImg img{max-width:100%!important; max-height:100%;} .storeName{margin-bottom:20px; width:315px; height:140px; text-align:center; position:relative; background:#545454;} .storeName strong{position:absolute; left:0; top:35%; width:100%; text-align:center; text-transform:uppercase; font-size:22px; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,0.2)} .retailerDetailes{font-size:14px;} .retailerDetailes >li{margin:0 0 10px; position:relative; padding-left:25px;} .retailerDetailes >li i{font-size:16px; position:absolute; left:0; width:18px; height:16px; text-align:center; line-height:16px} .retailerDetailes >li a{color:#00b1bb; text-decoration:underline; text-transform:uppercase;} /*=========================== PRESS ============================== */ #press_banner{} #press_banner >img{width:100%;} #press_header{padding:85px 0 60px; text-align:center; font-family:'Open Sans', Arial, Helvetica, sans-serif;} #press_header .pagewidth{max-width:1180px;} #press_header h2{font-size:28px; font-family:'Pacifico'; font-weight:normal; color:#00b1bb; margin-bottom:20px;} #press_header p{padding:0 9%; margin-bottom:65px; font-size:16px; color:#888; line-height:1.5;} .pressNavWrap{border-bottom:1px solid #eee; border-top:1px solid #eee; text-align:center;} #press_header ul{display:inline-block;} #press_header ul >li{float:left; width:12.5%; min-width:147px;} #press_header ul >li >a{display:block; text-align:center; font-size:14px; text-transform:uppercase; color:#333; line-height:20px; padding:15px 5px; position:relative;} #press_header ul >li >a:after{content:''; width:70%; height:6px; display:block; position:absolute; background:#26b3c0; bottom:-4px; left:15%; display:none;} #press_header ul >li >a:hover{text-decoration:none; color:#00b1bb;} #press_header ul >li >a:hover:after{display:block;} #pressBlocksWrap{background:#f9f9f9; padding:20px; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;} #pressBlocksWrap .pagewidth{max-width:1180px;} .pressBlock{margin-bottom:40px; border:1px solid #eee;} .pressTitle{padding:5px 35px 5px 2px; background:#333; color:#fff; position:relative; text-align:center;} .pressTitle .pressSectCollapse{font-size:18px; display:block; width:20px; height:20px; line-height:20px; color:#fff; text-align:center; position:absolute; right:30px; top:50%; margin-top:-10px;} .pressTitle ul{float:left; padding:10px 0 0; width:240px;} .pressTitle ul li{float:left; font-size:13px; line-height:18px; padding:0 18px; border-right:1px solid #555;} .pressTitle ul li:last-child{border-right:none; padding-right:5px;} .pressTitle ul li a{color:#fff; display:block;} .pressTitle ul li i{font-size:18px; margin-left:4px} .pressTitle h3{font-size:20px; font-family:'Pacifico'; font-weight:normal; line-height:40px; margin:0 210px 0 240px;} .pressContent{padding:30px; background:#f5f5f5; max-height:590px; overflow-x:hidden;} .pressImageWrap{border:1px solid #ccc; float:left;} .pressImage{background:url(../images/transparent_bgr.png) 0 0; text-align:center; position:relative; border-bottom:1px solid #ccc;} .selectedOverlay{position:absolute; width:100%; height:100%; background:rgba(52,175,180,0.5); top:0; left:0;} .pressImage >img{} .pressImageWrap .lab_check{padding:5px 10px;background:#fff; position:relative;} .pressImageWrap .lab_check span, .pressImageWrap .lab_check p{display:block; font-size:13px; color:#888; line-height:16px; padding:7px 35px 7px 5px; position:relative; cursor:pointer;} .pressImageWrap .lab_check p{cursor:default;} .pressImageWrap .lab_check input[type="checkbox"]{visibility:hidden; position:absolute; top:0; right:0;} .pressImageWrap .lab_check span:before{ content:''; background:#f5f5f5; border:1px solid #ccc; margin:0; padding:0; width:28px; height:28px; vertical-align:middle; position:absolute; right:0px; top:0px } .pressImageWrap .lab_check span:before{font-size:15px; text-align:center; font-weight:bold} .pressImageWrap .lab_check input[type="checkbox"]:checked + span:before{content:'\f00c'; color:#fff; background:#34afb4; font-family:'fontAwesome'; font-weight:normal; font-size:20px; line-height:28px;} .threeCol >div{width:31.1666%; margin-right:2.6%; margin-bottom:30px;} .threeCol >div:nth-child(3n){margin-right:0;} .fourCol >div{width:23%; margin-right:2.3%; margin-bottom:30px;} .fourCol >div:nth-child(4n){margin-right:0;} .pressNewsWrap{padding:30px 20px 10px 70px; background:#fff; border:1px solid #eee; margin-bottom:20px;} .pressNewsWrap >.pressNewsImage{width:28%; float:left;} .pressNewsWrap >.pressArticle{padding:0 30px 0 5px; float:right; width:72%; background:none; border:none; margin:0;} .pressArticle{ padding:30px 20px 10px 70px; background:#fff; border:1px solid #eee; font-size:16px; color:#888; line-height:1.5; margin-bottom:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .pressArticle h4{font-size:24px; margin-bottom:15px} .pressArticle h4 .date{font-size:16px; font-weight:normal; padding-left:10px;} .pressArticleBottom{padding-top:25px; line-height:25px;} .pressArticleBottom >a{float:left;} .pressShare{font-size:13px; float:right;} .pressShare a{color:#888; display:inline-block; width:26px; height:26px; text-align:center; border:1px solid #cfcfcf; border-radius:50%; margin-left:5px;} .pressShare a i{line-height:28px; font-size:16px;} .pressSelectStatus{position:fixed; left:0; bottom:0; text-align:center; width:100%; padding:25px 10px; background:#0ab0be; z-index:1; color:#fff; font-size:14px; display:none;} .pressSelectStatus .selGroup{display:inline-block; vertical-align:top; line-height:40px; padding:0 15px} .pressSelectStatus b{color:#ffc23f;} .pressAllDownload i{display:inline-block; vertical-align:middle; width:38px; height38px; line-height:38px; text-align:center; border:1px solid #fff; border-radius:50%} .pressSelectStatus a{color:#fff} .deselectAll i{font-size:24px; line-height:40px;} .pressAllDownload:hover{text-decoration:none; color:#f1f1f1;} .pressAllDownload:hover i{background:#fff; color:#0ab0be;} #press_form{padding:70px 10px;} #press_form h3{font-size:28px; font-family:'Pacifico'; font-weight:normal; color:#333; margin-bottom:7px; text-align:center;} #press_form p{font-size:14px; color:#888; text-align:center; margin-bottom:25px;} #press_form .pagewidth{width:670px;} #press_form .inp_text, #press_form .inp_area{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:12px; padding:5px 20px; border-color:#dfdfdf; height:40px; margin-bottom:25px;} #press_form .inp_area{padding:20px; height:auto;} #press_form .inp_label{display:block; font-size:12px; color:#888; padding:0 0 0 20px;} #press_form .inp_btn{display:block; width:170px; height:50px; line-height:50px; margin:0 auto;} #press_form input.error, #press_form textarea.error, #press_form input.valid, #press_form textarea.valid{background:#fff;} #press_form .error{border-color:#b00;} #press_form .valid{border-color:#00BB34;} /*========================== STATIC PAGES ==========================*/ /* - Static Video - */ #video-bg { background:#000; width:100%; position:relative; height:800px; background-size:cover; background-position:center center; overflow:hidden} #video-bg:before{content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.2); z-index:1;} #video-bg > video {position:absolute; top:0; left:0; width:100%; margin-top:-140px;} ::-webkit-media-controls {display:none !important;} #s2_page .video_desc{position:absolute; width:770px; top:25%; left:50%; margin-left:-380px; text-align:center; z-index:2} #s2_page .careers_video_desc{position:absolute; width:1050px; top:45%; left:50%; margin-left:-525px; text-align:center; z-index:2} #s2_page .video_desc h2{font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; font-size:84px; line-height:1.1; text-shadow:0 0 4px rgba(0,0,0,0.4); font-weight:bold; padding:0;} #s2_page .video_desc h2 span{display:block; font-family:'Pacifico'; font-size:50px; font-weight:normal; letter-spacing:4px; text-transform:none; padding:20px 0 40px; position:relative; color:#fff; margin:0; border:none;} #s2_page .video_desc h2 span:before, .video_desc h2 span:after{content:''; display:inline-block; vertical-align:middle; width:70px; height:17px; background:url(../images/slide_marks.png) 0 0 no-repeat; margin:-5px 15px 0;} #s2_page .video_desc h2 span:after{background-position:0 -19px;} #s2_page .video_desc .inp_btn{min-width:290px; height:64px; line-height:54px; font-size:20px; font-weight:bold; border:5px solid #f2b920; background:rgba(0,0,0,0.3); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /*----- video quality page start-------*/ #s2_page .video_desc_quality{position:absolute; width:770px; top:50%; left:50%; margin-left:-380px; text-align:center; z-index:2} #s2_page .video_desc_quality h2{font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; font-size:52px; line-height:1.1; text-shadow:0 0 4px rgba(0,0,0,0.4); font-weight:bold; padding:0;} #s2_page .video_desc_quality h2 span{display:block; font-family:'Pacifico'; font-size:50px; font-weight:normal; letter-spacing:4px; text-transform:none; padding:20px 0 40px; position:relative; color:#fff; margin:0; border:none;} #s2_page .video_desc_quality h2 span:before, .video_desc_quality h2 span:after{content:''; display:inline-block; vertical-align:middle; width:70px; height:17px; background:url(../images/slide_marks.png) 0 0 no-repeat; margin:-5px 15px 0;} #s2_page .video_desc_quality h2 span:after{background-position:0 -19px;} #s2_page .video_desc_quality .inp_btn{min-width:290px; height:64px; line-height:54px; font-size:20px; font-weight:bold; border:5px solid #f2b920; background:rgba(0,0,0,0.3); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #video-banner{position:relative} #video-banner img{width:100%;} /* - Static pages main styles (Layout 1) - */ #static_content p{font-size:14px; color:#888; margin-bottom:30px; line-height:28px} #static_content{padding:30px 0} .static_main{max-width:710px; width:74%; float:left} .static_main iframe, .static_main iframe *{max-width:100%!important} .static_block{padding-bottom:30px} .static_main h2, #s2_page #info_about h2, #s2_page #info_design h2{font-size:22px; margin-bottom:15px; padding:0; font-weight:bold} .static_main p{font-size:14px; line-height:18px; margin-bottom:20px} #static_content p.opening_moto{padding:15px 0; line-height:normal; font-size:36px} #static_content p a{color:#34AFB4; font-weight:bold; text-decoration:underline} #static_content p a.inp_btn{color:#fff; text-decoration:none; font-weight:normal} #static_content p a:hover{text-decoration:none} strong.s_title{font-size:18px} #static_content h3{font-size:24px; margin-bottom:10px; color:#34AFB4} #static_content h3:hover a{text-decoration:none;} ul.bullit_list{margin-bottom:20px; padding:0 10px 0 35px; list-style:disc} ul.bullit_list li{margin-bottom:7px} ul.point_list{margin-bottom:20px; font-size:14px; line-height:18px} ul.point_list li{position:relative; margin:0 20px 20px 40px;} ul.point_list li:before{content:''; width:24px; height:24px; display:block; position:absolute; top:-3px; left:-35px; background:url(../images/sprites.png) -285px -200px no-repeat} ul.circle_list{margin-bottom:20px; font-size:14px; line-height:18px} ul.circle_list li{position:relative; margin:0 20px 20px 40px;} ul.circle_list li:before{content:''; width: 12px; height: 12px; display:block; position:absolute; top: 0; left:-35px; border: 3px solid #34AFB4;border-radius: 50%;} ul.circle_list.blue{font-size:16px; font-weight:bold; color:#34AFB4; line-height:22px} ul.circle_list.blue li:before{top:3px} ul.dd_list{padding:0px 0 30px} ul.dd_list>li{padding:12px 20px 12px 70px; border-bottom:1px solid #ededed; position:relative} ul.dd_list>li:before{content:''; display:block; width:30px; height:29px; background:url(../images/sprites.png) -310px -197px no-repeat; position:absolute; top:9px; left:20px} ul.dd_list>li.opened{ background-image:-moz-linear-gradient(50% 0% 180deg,rgb(255,255,255) 0%,rgb(249,249,249) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(249,249,249))); background-image:-webkit-linear-gradient(180deg,rgb(255,255,255) 0%,rgb(249,249,249) 100%); background-image:-ms-linear-gradient(180deg,rgb(255,255,255) 0%,rgb(249,249,249) 100%); background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(249,249,249) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff9f9f9,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff9f9f9,GradientType=0); } ul.dd_list>li.opened:before{background-position:-340px -197px} ul.dd_list>li >a{font-size:18px; font-weight:bold; color:#34AFB4; display:block} ul.dd_list>li >div{font-size:14px; line-height:22px; padding:3px 0; display:none} /*ul.dd_list>li:first-child >div{display:block}*/ ul.dd_list ul{padding:0 10px 0 35px; list-style:disc} ul.dd_list ul li{margin-bottom:7px} ul.dd_list>li >div a{color:#34AFB4; text-decoration:underline} ul.dd_list>li >div a:hover{text-decoration:none} .circle_icon{ display:block; float:left; width:42px; height:42px; line-height:42px; margin:0 15px 0 5px; text-align:center; font-size:24px; font-weight:bold; vertical-align:top; color:#fff; background:#34AFB4; border:5px solid #f4f4f4; border-radius:50%; } .reqSwIcoBlock .inp_btn{height:51px; line-height:51px; padding:0 30px; font-size:20px; margin:30px 0 0 30px} .careMarks{margin:5px 0 20px} .careMarks .circle_icon{margin-top:-10px} .careMarks .col{width:48%} .static_sidebar{float:right; max-width:220px; width:24%} .static_sidebar img{max-width:100%; height:auto} .static_sidebar_cont{padding:0 10px 15px; border:10px solid #ebebeb; font-size:14px; margin-bottom:10px} .static_sidebar_cont strong{display:block; padding:15px 0 0} .static_sidebar_cont .phone_numb{font-size:22px} .static_sidebar_cont a{color:#34afb4; text-decoration:underline} .static_sidebar_cont a:hover{text-decoration:none} #info_design{} #info_design img{float:left} #info_design h2, #info_design p, #info_design a{margin-left:220px} .static_section{padding:30px 0 10px; border-bottom:1px solid #ededed} .static_section >img{width:28%} .static_section .side_text{margin-left:30%} .static_section:last-of-type{border-bottom:none} .full_banner{text-align:center; height:auto} .full_banner >img{width:100%; height:auto} /* - About Us (Layout 1) - */ .aboutus_top{width:100%; height:890px; background:url(../static/aboutus_top_bgr.jpg) 50% 50%; background-size:cover; margin:0 auto; padding-top:110px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .aboutus_top >.pagewidth{background:#fff} .aboutus_top_text{width:52%; float:left; padding:30px 25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .aboutus_top_text h2{font-size:36px; color:#333; text-transform:uppercase; margin-bottom:30px; line-height:1.15} #static_content .aboutus_top_text p{font-size:16px; line-height:28px} #static_content .aboutus_top_text p.intro{font-family: 'Courgette'; color:#00b1bb; font-size:26px} .aboutus_top_img{width:48%; float:left;} .aboutus_top_img img{width:100%} .aboutus_main{background:#f5f5f5; padding:100px 0 40px} .aboutus_main h2{font-family: 'Courgette'; color:#00b1bb; font-size:44px; padding-bottom:15px; margin:0 0 25px; position:relative} .aboutus_main h2:after{content:''; width:250px; height:1px; display:block; border-bottom:1px solid #ccc; position:absolute; left:50%; margin-left:-125px; bottom:0} .aboutus_points{padding:30px 20px} .greed_text{width:50%; padding:70px 35px 5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .greed_text h3{font-size:34px; color:#00b1bb; line-height:1.3; margin-bottom:22px; font-weight:normal;} .greed_text p{font-size:12px; line-height:20px} .greed_image{width:47%; max-width:560px; padding:10px; border:1px solid #ededed; border-radius:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .greed_image img{border-radius:50%} .image_greed .greed_text, .image_greed.full .greed_text{float:right} .image_greed.right .greed_text, .image_greed.full.right .greed_text{float:left} .image_greed .greed_image, .image_greed.full .greed_img{float:left} .image_greed.right .greed_image, .image_greed.right.full .greed_image{float:right} .image_greed.full .greed_text, .image_greed.full .greed_img{width:50%; padding:0} .image_greed.full .greed_text >div{float:left} .image_greed.full .greed_img img{float:right; width:100%} .image_greed.full.right .greed_text{float:left} .image_greed.full.right .greed_text >div{float:right} .image_greed.full.right .greed_img{float:right} .image_greed.full.right .greed_img img{float:left} #company_points{} #company_points .image_greed{} #company_points .greed_text >div{max-width:470px; padding:115px 0px 30px 30px; overflow:hidden; font-size:13px; line-height:22px; padding-top:20%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #company_points .greed_text p{font-size:16px} #company_points .image_greed.full.right .greed_text >div{padding:115px 20px 30px 0; padding-top:20%} #company_points .greed_img img{} #company_points .greed_text h3{font-size:52px; color:#00b1bb; line-height:1.3; margin-bottom:30px; text-transform:capitalize} /* - About Us -V2 (Layout 2) - */ .timeline_list{} .timeline_list li{} .timeline_list li .date_point{width:50%; padding:0 10px 120px 50px; border-left:2px solid #34afb4; position:relative; min-height:420px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .timeline_list li:nth-child(even) .date_point{float:left; border-left:none; border-right:2px solid #34afb4; width:480px; padding:0 50px 120px 10px; text-align:right} .timeline_list li:nth-child(odd) .date_point{float:right; width:482px} #s2_page li:first-child .date_point{margin-top:50px} #s2_page .date_point h3{color:#666; font-size:74px; font-weight:normal; text-transform:uppercase; padding:0; margin:0; line-height:70px} #s2_page li:first-child .date_point h3{line-height:110px; margin-top:-50px} .date_point h3 .large{font-size:133px; display:inline-block; vertical-align:middle; margin-right:10px} #s2_page .date_point p{border-top:1px solid #999; color:#34afb4; line-height:24px; padding-top:12px} .date_point img{position:absolute; right:530px; top:-120px; max-height:380px} .timeline_list li:nth-child(even) .date_point img{left:530px; right:auto} li:nth-child(even) .date_point:before, li:nth-child(odd) .date_point:before{content:''; display:block; width:30px; height:30px; border:2px solid #34afb4;border-radius:20px; background:#34afb4; position:absolute; top:53px} li:nth-child(even) .date_point:after, li:nth-child(odd) .date_point:after{content:''; display:block; width:64px; height:64px; border-radius:36px; background:#eee; position:absolute; top:38px; z-index:-1} li:nth-child(even) .date_point:before{right:-18px} li:nth-child(odd) .date_point:before{left:-18px} li:nth-child(even) .date_point:after{right:-33px} li:nth-child(odd) .date_point:after{left:-33px} .timeline_list li .date_point.current:before{background:#fff} .timeline_list li:last-child .date_point{min-height:200px; border:none; margin-top:-55px} .timeline_list li:first-child .date_point:before{top:0!important} .timeline_list li:first-child .date_point:after{top:-15px!important} /* - Showroom - */ .showroom_header{height: 590px; padding:60px; background:url(../static/showroom_header.jpg) 50% 50% no-repeat; background-size:contain; text-align:center; margin-bottom:90px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #static_content .showroom_header h2{font-family:'Pacifico', Times, serif; font-size:64px; color:#fff; text-shadow:1px 1px 8px rgba(0,0,0,0.8)} #static_content .showroom_header p{max-width:810px; margin:0 auto 30px; color:#fff; font-size:17px} .showroom_header .inp_btn{width:280px; height:58px; line-height:52px; font-size:15px;} .showroom_body .showroom_block{padding-bottom:70px; margin-bottom:70px; border-bottom:1px solid #ddd} .showroom_body .showroom_block:last-child{margin:0} #static_content .showroom_body h3{font-family:'Courgette', Times, serif; font-weight:normal; text-align:center; color:#00b1bb; font-size:54px; padding:0 0 25px; margin-bottom:60px; position:relative} #static_content .showroom_body h3:after{content:''; display:block; width:210px; height:1px; border-bottom:1px solid #ccc; position:absolute; bottom:0; left:50%; margin-left:-105px} .showroom_body .cols3 .col{font-size:14px; color:#888; line-height:24px; padding:0 12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .showroom_body .cols3 .col h4{font-family:'Courgette', Times, serif; font-weight:normal; font-size:30px; color:#333; padding:20px 30px 30px; text-align:center; line-height:1.2} .showroom_body .cols3 .col img{margin:0 auto; display:block} .la_badge{float:left; width:55%} .la_badge img{} .showroom_address{width:40%; float:right; font-size:15px; color:#888; line-height:26px} .showroom_address h4{font-size:27px; font-weight:normal; text-transform:uppercase; color:#00b1bb; padding:20px 0 30px} #static_content .showroom_address p{font-size:16px; color:#333; margin-bottom:70px} .showroom_address dl{padding:25px 0} .showroom_address dl dt{float:left; clear:left; width:33%; font-weight:bold; color:#333} .showroom_address dl dd{width:65%; float:left} .showroom_address .inp_btn{} .showroom_footer{padding:90px 0; background:#333; text-align:center} #static_content .showroom_footer h3{font-family:'Courgette', Times, serif; font-weight:normal; text-align:center; color:#00b1bb; font-size:38px; padding:0 0 10px; margin-bottom:40px; position:relative} .showroom_footer h3 span{font-family:Verdana, Geneva, sans-serif; display:block; color:#fff; font-size:24px; margin-bottom:10px} #static_content .showroom_footer h3:after{content:''; display:block; width:210px; height:1px; border-bottom:1px solid #616161; position:absolute; bottom:0; left:50%; margin-left:-105px} .showroom_footer .inp_btn{min-width:280px; color:#fff; background:#f2b920; height:52px; line-height:52px; font-size:18px} /* - Sleeper Sofas Landing Page - */ .sleeper_banner >img{width:100%} .sleeper_block{padding:20px 0; border-bottom:1px solid #ddd} #static_content .sleeper_block h2{font-family:'Courgette', Times, serif; font-size:44px; color:#00b1bb; font-weight:normal; position:relative; padding:40px 0 7px; margin-bottom:20px} #static_content .sleeper_block h2:after{content:''; display:block; width:210px; height:1px; border-bottom:1px solid #ddd; position:absolute; bottom:0; left:50%; margin-left:-105px} .sleeper_points{padding:70px 0; background:#f1f1f1} .sleeper_points .col{text-align:center; padding:0 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #static_content .sleeper_points .col h3{font-family:'Courgette', Times, serif; font-weight:normal; font-size:30px; color:#333; padding:35px 0px 15px;} #static_content .sleeper_points .col p{text-align:left; font-size:14px; line-height:24px; color:#888} #sleepers_questions.dd_list{padding:30px 0} #sleepers_questions.dd_list>li{padding:0px; border-bottom:1px solid #ededed; position:relative} #sleepers_questions.dd_list>li:before{content:'+'; display:block; width:40px; height:40px; line-height:36px; text-align:center; font-size:28px; font-weight:bold; color:#fff; border-radius:50%; background:#9b9b9b; position:absolute; top:21px; left:auto; right:0} #sleepers_questions.dd_list>li.opened{background-image:none;} #sleepers_questions.dd_list>li.opened:before{content:'-'; background:#34afb4;} #sleepers_questions.dd_list>li >a{font-size:19px; color:#333; display:block; font-weight:normal; line-height:24px; padding:30px 0} #sleepers_questions.dd_list>li.opened >a{font-size:26px; color:#00b1bb} #sleepers_questions.dd_list>li >div{font-size:15px; line-height:28px; padding:40px 25px 60px; background:#444; color:#fff; display:none} /* - Sectionals Landing Page - */ .list_of_products{} #static_content .list_of_products h2{font-family:'Pacifico', Times, serif; font-size:40px; color:#00b1bb; text-align:center; padding:20px 0 35px; font-weight:normal;} .list_of_products .single_product{width:48%; max-width:460px; margin:0 1%; margin-bottom:30px; border:1px solid #e7e7e7; position:relative; min-height:260px; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .list_of_products .single_product img{max-width:100%; max-height:100%; height:auto} #static_content .list_of_products .single_product h3{width:100%; text-align:center; position:absolute; top:30px; left:0; font-size:16px; color:#333} .list_of_products .single_product .overlay{position:absolute; width:100%; height:0; top:0; left:0; background:rgba(0,177,187,0.8); color:#fff; text-align:center; overflow:hidden; -webkit-transition: height 0.15s; -moz-transition: height 0.15s; -ms-transition: height 0.15s; -o-transition: height 0.15s; transition: height 0.15s; } .list_of_products .single_product:hover .overlay{ height:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .list_of_products .single_product:hover h3{display:none} #static_content .list_of_products .single_product p{font-size:20px; color:#fff; max-width:280px; margin:0 auto 30px} #static_content .list_of_products .single_product .overlay p.title{font-family:'Pacifico', Times, serif; font-size:25px; text-align:center; padding:30px 0 15px; display:inline-block; max-width:90%; margin:0 0 20px; border-bottom:1px solid #6fd3d8} .list_of_products .single_product .inp_btn{min-width:210px; height:38px; line-height:38px; font-size:12px;} /* - About Us -V3 (Layout 3) - */ .wrapper { margin: 0 auto; width:100%; max-width: 1240px;} .photo_first { position: relative;} .photo_first img { width: 100%;} .photo_first .wrapper{position:absolute; width:100%; height:100%; top:0; left:0; max-width:100%} .photo_first .wrapper>div{margin:0 auto; margin-top:8%; width:100%; max-width:1240px} .photo_first .wrapper>div p{width:400px} #static_content .first_text { display: block; font-family: 'Open Sans'; font-size: 40px; font-weight: bold; color: #fff ; text-transform: uppercase; line-height: 50px;} #static_content .first_text2 { display: block; font-family: 'Open Sans'; font-size: 16px; color: #fff ; line-height: 28px;} @media only screen and (max-width:1300px){ .photo_first .wrapper>div{margin-left:20px} } @media only screen and (max-width:1120px){ .photo_first .wrapper>div{margin-top:30px;} } @media only screen and (max-width:960px){ #static_content .first_text{font-size:26px; line-height:32px; margin-bottom:15px} #static_content .first_text2{line-height:21px} } @media only screen and (max-width:600px){ #static_content .first_text2{font-size:14px; line-height:18px} .photo_first .wrapper>div p{width:90%} } .difference { width: 100%; height: 460px; border-bottom: 1px solid #e6e6e6;} .logo_joy { padding: 110px 45% 10px;} #s2_page .difference_head { font-family: 'Open Sans'; font-size: 32px; text-align: center; color: #00b1bb; text-transform: uppercase; font-weight: bold;} #static_content .difference_text { font-family: 'Open Sans'; font-size: 16px; line-height: 28px; text-align: center; color: #555;} .our_style_text { width: 50%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .our_style_img { width: 50%; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .our_style_left {float: left;} .our_style_right {float: right;} .left_border {border-left: 1px solid #e6e6e6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .style_text_div {padding: 115px 80px 30px 80px;} #static_content .our_style_head { font-family: 'Open Sans'; font-size: 24px; color: #00b1bb; font-weight: bold; text-transform:uppercase; text-align:center;} #static_content .style_text { font-family: 'Open Sans'; font-size: 16px; line-height: 28px; color: #555;} .shop_now { width: 100%; height: 295px; background-color: #00b1bb;} #static_content .shop_h3 { font-family: 'pacifico'; font-size: 40px; text-align: center; color: #fff; font-weight: normal; padding-top: 65px; margin-bottom: 0px;} #static_content .shop_p { font-family: 'Open Sans'; font-size: 24px; font-weight: bold; text-align: center; text-transform:uppercase; color: #fff;} .shop_button { width: 100px; display: block; margin: 0 auto; font-family: 'Open Sans'; font-size: 16px; font-weight: bold; color: #fff; border: 3px solid #fff; text-align: center; padding: 10px 62px; text-transform: uppercase; text-decoration: none; background-color: transparent;} a.shop_button:hover { text-decoration: none; border: 3px solid #666;} .skilled { width: 100%; height: 255px; background-image: url(../static/bck.png);} #static_content .skilled_p { font-family: 'Open Sans'; font-size: 32px; text-align: center; color: #333; line-height: 45px; margin-bottom: 0px; padding: 80px 0px;} .who_is { width: 100%; padding: 0; background-color: #2b2d2e;} #static_content .qu_icon { text-align: center; padding-top: 70px; } .qu_icon span { font-size: 30px; border: 3px solid #00b1bb; border-radius: 50%; width: 30px; padding: 15px; color: #00b1bb; display:inline-block} #static_content .who_h3 { font-family: 'Open Sans'; font-size: 35px; text-align: center; font-weight: bold;} #static_content .who_p { font-family: 'Open Sans'; font-size: 16px; text-align: center; margin-bottom: 0px; font-weight: normal;} .video_w { width: 64%; margin: 0 auto;} .video_wrapper { position: relative; padding-bottom: 80.25%; padding-top: 10%; height: 0; overflow: hidden;} /*================= CONSTRUCTION QALITY ==================== */ .pursuit_perfection{ width: 100%; margin: 0 auto; background-color: #00B1BB; padding: 50px 0px; text-align: center;} #static_content .pursuit_perfection h3{ font-size: 32px; margin-bottom: 25px; color: #fff; text-transform: uppercase;} #static_content .pursuit_perfection p{ width: 55%; display: inline-block; font-size: 22px; line-height: 36px; font-weight: normal; color: #fff; margin-bottom: 30px; text-align: center;} #static_content .pursuit_perfection a.shop_button{ width: 223px; height:53px; display: block; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #fff; border: 3px solid #fff; text-align: center; padding: 12px 60px; text-transform: uppercase; text-decoration: none; background-color: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #static_content .pursuit_perfection a.shop_button:hover{ color: #666; border: 3px solid #666;} .qc_text_photo{ width: 100%; position: relative; background-color: #efefef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .qc_text_photo .qc_text{ width: 50%; background-color: #efefef;} #static_content .qc_text_style{ width: 100%; padding: 80px 0px 0px; text-align: center;} #static_content .qc_text_style h3{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; text-transform: uppercase; text-align: center; margin-bottom: 25px; color: #00B1BB;} #static_content .qc_text_style p{ display: inline-block; width: 60%; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; text-align: center; color: #555; line-height: 28px;} .qc_text_photo .qc_photo{width: 50%;} .qc_text_photo .qc_photo .qc_photo_style img{width: 100%;} .quality_photo_sketch{ max-width: 1600px; width: 100%; margin: 0 auto; text-align: center; position: relative;} #static_content .quality_photo_sketch h3{ display: block; width: 100%; position: absolute; top: 100px; font-size: 32px; font-weight: bold; text-align: center; text-transform: uppercase; color: #333;} .quality_sketch_text{ width: 100%; position: absolute; bottom: 105px; padding: 0px 11%; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .quality_sketch_text .col{ padding: 0px 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #static_content .quality_sketch_text h3{ position: relative; top: 0px; font-size: 18px; font-weight: bold; text-align: center; text-transform: uppercase; color: #00aabb; margin-bottom: 25px;} #static_content .quality_sketch_text p{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; text-align: center; color: #333; line-height: 28px; margin-bottom: 0px;} .quality_paralax{ width: 100%; background: url(../static/qc_photo_paralax.jpg) 50% 50% no-repeat; background-size: cover;} .paralax_photo{ width: 100%; height:545px;} .paralax_photo div{ width: 50%; float: right; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 140px 0px 0px;} #static_content .paralax_photo div p{ display: inline-block; width: 500px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 24px; text-align: center; color: #fff; line-height: 36px; margin-bottom: 0px; text-transform: uppercase;} #static_content .paralax_photo div p:before{ content: ',,'; display: block; font-family: 'Georgia'; font-size: 250px; text-align: right; position: relative; top: 40px; letter-spacing: -18px; transform: rotate(180deg);} #static_content .paralax_photo div p:after{ content: ',,'; display: block; font-family: 'Georgia'; font-size: 250px; text-align: right; position: relative; top: -30px; letter-spacing: -18px;} .quality_proposal{ max-width: 1600px; width: 100%; margin: 0 auto; text-align: center; padding: 70px 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .quality_proposal .col{ padding: 0px 60px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #static_content .quality_proposal img{ margin-bottom: 50px;} #static_content .quality_proposal .qc_icon{ margin-bottom: 33px;} #static_content .quality_proposal h3{ font-size: 18px; font-weight: bold; text-align: center; text-transform: uppercase; color: #00aabb; margin-bottom: 25px;} #static_content .quality_proposal p{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; text-align: center; color: #333; line-height: 28px; margin-bottom: 0px;} .quality_photo_end{ width: 100%; text-align: center; background: url(../static/qc_photo3.jpg) 50% 50% no-repeat; background-size: cover; padding-bottom: 60px;} #s2_page .quality_photo_end h2{ display: inline-block; font-size: 48px; font-weight: bold; padding: 190px 0px 100px; color: #fff; text-transform: uppercase;} #static_content .quality_photo_end a{ width: 193px; height:44px; display: block; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; background-color: #ec9408; position: relative; padding: 11px 30px; border-radius: 10px; left: 50%; top: 80%; margin-left: -86px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #static_content .quality_photo_end a:hover{ background-color: #FFA619;} /* - Comparision Chart - */ .comparision_wrap{padding:40px 0 80px} #s2_page .comparision_wrap h2{font-size:46px; font-weight:normal; text-align:center; margin:-100px 0 30px 0; background:#fff; position:relative} #s2_page .comparision_wrap h2 span{display:inline-block; width:45px; height:45px; background:url(../static/compare_us_badge.png) 0 0 no-repeat; vertical-align:middle; margin:0 8px 0 10px; padding:0; border-bottom:none; text-align:left; text-indent:-9999em} #comparision_table{border-bottom:1px solid #111} #comparision_table thead th{border-top:1px solid #ccc; border-right:1px solid #484848; font-size:14px; color:#fff; background:#585858; padding: 9px 5px;} #comparision_table tbody th{padding:9px 5px; border-bottom:1px solid #ccc; border-right:1px solid #ccc} #comparision_table tbody td{font-size:14px; font-weight:bold; text-align:center; vertical-align:middle; border-bottom:1px solid #ccc; border-right:1px solid #ccc} #comparision_table tbody .comparing th, #comparision_table tbody .comparing td{background:#e3f2f3} /* - Product Financing - */ #financing_wrap{padding:50px 60px; /*height:540px;*/ margin-bottom:20px; background:url(../images/financing_bgr.jpg) 100% 0 no-repeat; padding-right:450px} .ca_box_cont{padding:0 22px} .ca_box_cont p{margin-bottom:20px; font-size:13px; line-height:20px} /* - What We Offer - */ .future_furniture{height:700px; background:url(../static/fud_bgr.jpg) 0 0 no-repeat; background-size:contain; position:relative; padding:50px 40px 0} .future_furniture >div{max-width:312px; width:33%} #s2_page .future_furniture h2{margin-bottom:30px; padding:0} #s2_page h2 img{max-width:100%!important; height:auto!important} #static_content .future_furniture p{font-size:14px; line-height:19px; text-align:justify} .personal_quote{} .personal_quote img{float:left; max-width:242px; width:25%} .personal_quote div{float:left; max-width:685px; width:71%; padding:55px 20px 5px 50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #static_content .personal_quote p{font-style:italic; line-height:18px; margin-bottom:10px; text-align:justify} .personal_quote p.pq_author{font-style:normal; font-weight:bold} #p_quote_1{margin:-140px 0 0 0; position:relative; z-index:5} #p_quote_1 div{padding:7% 2% 1% 3%; /*max-width:395px; width:40%;*/ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .grad_block{ margin-top:-17px; padding:55px 0 10px; background-image:-moz-linear-gradient(50% 0% -90deg,rgb(239,239,240) 0%,rgb(255,255,255) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(239,239,240)),color-stop(1, rgb(255,255,255))); background-image:-webkit-linear-gradient(270deg,rgb(239,239,240) 0%,rgb(255,255,255) 100%); background-image:-ms-linear-gradient(180deg,rgb(239,239,240) 0%,rgb(255,255,255) 100%); background-image:linear-gradient(180deg,rgb(239,239,240) 0%,rgb(255,255,255) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffefeff0,endColorstr=#ffffffff,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffefeff0,endColorstr=#ffffffff,GradientType=0); } .grad_block div, .main_points div{float:left; max-width:420px; width:44%; padding:0 30px; font-size:14px; line-height:19px; text-align:justify; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .slogan_block{padding:30px 60px 55px; font-size:32px; font-weight:bold; text-align:center; color:#169DA2} .main_points{padding:10px 0} #static_content .main_points p{margin-bottom:60px} .main_points img{display:block; margin-top:-15px; width:100%; height:auto} #p_quote_2{margin-bottom:75px} /* - Custom Furniture - */ #custom_furniture_banner{ background-image:-moz-linear-gradient(50% 0% 180deg,rgb(255,255,255) 0%,rgb(250,250,250) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(250,250,250))); background-image:-webkit-linear-gradient(270deg,rgb(255,255,255) 0%,rgb(250,250,250) 100%); background-image:-o-linear-gradient(180deg,rgb(255,255,255) 0%,rgb(250,250,250) 100%); background-image:-ms-linear-gradient(180deg,rgb(255,255,255) 0%,rgb(250,250,250) 100%); background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(250,250,250) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fffafafa,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fffafafa,GradientType=0); } #custom_furniture_banner h2{} #custom_furniture_banner h2 img{max-width:100%} .banner_points{padding:0 3%; background:url(../images/points-separator.png) 0 0 repeat-y; background-size:contain} .banner_points h3{font-size:18px; color:#34afb6; margin-bottom:7px} .banner_points .point{max-width:200px; width:22.22%; float:left; font-size:14px; line-height:22px; padding:0 5.55% 3%} .banner_points .point:first-child{background:none} #custom_categories{background:url(../images/custom_prod_bgr.jpg) 0 0 repeat-y; margin-bottom:15px; text-align:center} #custom_categories h3{text-align:center; padding:3px} #custom_categories h3 img{max-width:100%; height:auto} #custom_categories .custom_cat{display:inline-block; width:310px; height:244px; text-align:center; font-weight:bold; font-size:18px; color:#fff; margin:0 2px 10px} #custom_categories .custom_cat img{max-width:100%; height:auto} #cust_feedback{padding:30px 30px 70px; background:#ebebeb} #cust_feedback h3{font-size:24px; color:#34afb4; margin-bottom:15px} .cust_faq{width:270px; float:left; padding:0 10px 0 0} .cust_faq ul{} .cust_faq ul li{} .cust_faq .faq_quest{font-weight:bold; color:#34afb4; font-size:14px; margin-bottom:15px; display:block} .cust_faq .faq_answ{padding:10px 7px; line-height:17px; background:#d1d1d1; margin-bottom:20px; display:none} #cust_question_form{width:620px; float:right; position:relative} #cust_question_form p{width:300px; font-size:11px; margin-bottom:20px} #cust_question_form #thank_you p{width:auto} #cust_question_form .inp_area{padding:8px 10px} #cust_question_form input[type="submit"]{padding:0; width:190px; height:40px; line-height:40px; font-size:18px} /* - Decide Later (Layout 1) - */ .decide_later_wrap{border-bottom:1px solid #ccc; margin-bottom:35px} .dl_point{ width:33.3333%; float:left; font-size:14px; line-height:24px; text-align:center; padding:0 10px 40px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .dl_point .dl_no{display:inline-block; width:118px; height:118px; line-height:118px; text-align:center; border:1px solid #ececec; padding:8px; border-radius:50%; margin:15px 0 10px} .dl_point .dl_no span{font-size:44px; color:#fff; background:#34AFB4; display:block; border-radius:50%} .dl_point p{text-align:left;} /* - Reasons For Joy - */ #reasons_for_joy{width:940px; height:737px; border-radius:10px; background:url(../static/joy_bgr.jpg) 0 0 no-repeat; margin:0; position:relative; z-index:10} #reasons_for_joy h2{margin-bottom:10px; text-align:center} #reasons_for_joy h2 img{max-width:100%; height:auto!important} #reasons_for_joy ul{} #reasons_for_joy ul li{float:left; margin:0 0 45px 67px} #reasons_for_joy .tooltip{font-size:21px; font-weight:bold; width:230px; height:200px;} #reasons_for_joy .tooltip >div{bottom:auto; top:-92px; width:220px; padding:15px 10px 20px 20px; left:-10px; background:rgba(248,222,15,0.9); font-size:14px; font-weight:bold; color:#000; line-height:22px; border-radius:8px; z-index:20} #rfj_lightbox #reasons_for_joy .tooltip >div{top:-45px} #reasons_for_joy .tooltip>div:before{bottom:-28px; top:auto; margin-left:-14px; border:14px solid transparent; border-top-color:rgba(248,222,15,0.9)} .joy_footer{text-align:center; padding:15px 0 30px} /* - Static Layout 2 - Index - */ #s2_page h2{font-size:36px; font-weight:normal; padding:40px 0 15px; position:relative; z-index:1} #s2_page h2 span{display:block; font-size:18px; color:#888; padding:15px 0; margin-bottom:20px; border-bottom:1px solid #ccc} #s2_page #static_content{padding:0} #static_top_menu{background:#c1c1c1;margin-bottom:20px;} #static_top_menu >li{height:30px; float:left} #static_top_menu >li >a{display:block; line-height:30px; padding:0 10px; font-size:11px; color:#fff; font-size:14px} #static_top_menu >li:hover, #static_top_menu >li.current{background:#34afb4;} #static_top_menu >li >a:hover{text-decoration:none} .cs_index_wrap{padding:5px 0 30px} .cs_index_link{width:320px; float:left; margin:0 25px 35px 0} .cs_index_link h3{margin-bottom:12px} .cs_index_link h3 a{font-size:12px} .cs_index_link h3 a:after{content:''; display:inline-block; vertical-align:middle; width:10px; height:10px; margin-left:10px; background:url(../images/sprites.png) -70px 0 no-repeat} .cs_index_link img{display:block; float:left} .cs_index_link .cs_abbr{width:195px; float:right; font-size:11px; line-height:15px} /* - Designer tips (Layout 2) - */ .l2_top{background:#ebebeb; border-top:1px solid #000; margin-bottom:20px} .dt_text_top{width:230px; padding:40px 15px 10px 0} .dt_text_top h3{font-size:24px; margin-bottom:20px} .dt_text_top p{line-height:18px; margin-bottom:20px} .dt_text_top dl{line-height:18px} .dt_text_top dl dt{font-weight:bold; text-transform:uppercase; display:block} .dt_text_top dl dd{display:block; margin:0 0 25px} #dt_content{padding-top:30px} .dt_main{max-width:700px; width:73%; float:left} .dt_main img{max-width:100%; height:auto} .dt_abbr{display:block; margin-bottom:20px; padding-right:20px; font-size:14px; line-height:18px} .dt_desc{padding:0 40px 20px 50px} .dt_desc ul{padding-left:25px} .dt_sidebar{max-width:245px; width:26%; float:right} .dt_cat_wrap{margin:0 -20px 30px 0} .dt_cat_wrap a{display:block; width:337px; height:342px; float:left; text-align:center; margin:0 20px 20px 0} .dt_cat_wrap a:hover{cursor:pointer; text-decoration:none} .dt_cat_wrap a img{display:inline-block; margin-bottom:10px} .dt_cat_wrap a:hover img{opacity:0.8} .blue_list{list-style:disc;} .blue_list li{color:#34AFB4; margin-bottom:15px; font-size:14px; line-height:18px} .blue_list li span{color:#333} .dt_sidebar .static_sidebar_cont{font-size:12px; padding:20px 5px 0 15px; margin-bottom:20px} .dt_sidebar .static_sidebar_cont h4{margin-bottom:5px} .dt_sidebar .static_sidebar_cont ul{padding:10px 0 25px} .dt_sidebar .static_sidebar_cont ul li{line-height:17px; position:relative} .dt_sidebar .static_sidebar_cont ul li a{color:#333} .dt_sidebar .static_sidebar_cont ul li a:hover{color:#34AFB4} .dt_sidebar #links_list ul{border-bottom:1px solid #ebebeb} .dt_sidebar #links_list ul li{margin-bottom:7px} .dt_sidebar #links_list ul li a{display:block; position:relative} .dt_sidebar #links_list ul li a span{margin-right:7px} .dt_sidebar #links_list ul li a:after{content:''; display:block; width:6px; height:7px; background:url(../images/sprites.png) -70px -1px no-repeat; position:absolute; top:4px; right:5px} #static_content .slide_list{padding:15px 0; list-style:none} .slide_list >li{margin:0 0 22px; padding-left:20px} .slide_list >li >span, .slide_list >li >a{font-weight:bold; vertical-align:middle} .slide_list li a{text-decoration:none} #static_content .sl_control{ display:inline-block; width:12px; height:12px; margin:0 8px 0 0; position:absolute; top:3px; left:0; line-height:12px; font-size:12px; font-weight:bold; vertical-align:middle; text-align:center; text-decoration:none; color:#fff; background-color:#34AFB4; display:none } #static_content .sl_control.sl_closed{color:#222; background-color:#ebebeb;} #static_content .slide_list >li.w_submenu .sl_control{display:inline-block} #static_content .sl_content{padding:2px 0 0 4px; display:none} #static_content .sl_content >li{margin-bottom:2px} #static_content .sl_content >li a:before{content:"\00BB"} #static_content .sl_content >li.current a{font-weight:bold; color:#34AFB4;} #sidebar_nav{border-color:#34AFB4} .sl_item.current >a{color:#34AFB4!important} .sl_item.current >a.sl_control{color:#fff!important} /* - Resources Center (Layout 2) - */ .resource_blocks{} .rs_block{display:inline-block; vertical-align:top; width:32%; max-width:230px; padding:18px 11px; margin-bottom:50px; line-height:17px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} .rs_block h4{padding:5px 0} .rs_block .resource_ico{margin-bottom:20px} .rs_block h4 img{max-width:100%} .resource_ico{display:inline-block; vertical-align:middle; width:100px; height:80px; text-align:left; text-indent:-99999em; background:url(../static/resources_sprite.png) 0 0 no-repeat} .resource_ico.ico_love{background-position:0 0} .resource_ico.ico_cart{background-position:-100px 0} .resource_ico.ico_search{background-position:-200px 0} .resource_ico.ico_care{background-position:0 -80px} .resource_ico.ico_idea{background-position:-100px -80px} .resource_ico.ico_assembly{background-position:-200px -80px} .resource_ico.ico_material{background-position:0 -160px} .resource_ico.ico_stories{background-position:-100px -160px} .resource_ico.ico_designers{background-position:-200px -160px} .resource_list{} .resource_list li{margin-bottom:5px} .resource_list li a{font-size:14px; display:block; padding-left:18px; position:relative} .resource_list li a:before{content:'\00BB'; font-weight:bold; color:#34AFB4; display:block; position:absolute; top:0; left:0px} /* - Our Guarantee (Layout 2) - */ .why_jb_points{} .why_jb_points img{max-width:90%} .why_jb_single{display:inline-block; vertical-align:top; width:32%; max-width:230px; padding:18px 11px; text-align:center; line-height:17px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} .why_jb_single h4{font-size:14px; padding:15px 0 3px} .jb_icon{display:inline-block; width:100px; height:100px; vertical-align:middle; text-align:left; text-indent:-9999em; background:url(../images/jb_points.png) 0 0 no-repeat} .jb_warranty{background-position:0 0} .jb_returns{background-position:-100px 0} .jb_shipping{background-position:0 -100px} .jb_service{background-position:-100px -100px} .jb_custom{background-position:0 -200px} .jb_tax{background-position:-100px -200px} .jb_handmade{background-position:0 -300px} /* - Pets (Layout 2) - */ #pets_top{} #pets_top h3{margin:0} #pets_top >div{float:left; width:66%} #pets_top >img{float:right; max-width:33%} #pets_main >div{width:53%; padding-bottom:25px} #pets_main >img{width:auto; max-width:45%} #pets_bottom .not_recomended{float:right; width:58%; padding-top:10%} #pets_bottom .not_recomended span{font-size:14px; line-height:24px; display:inline-block; vertical-align:middle; padding:3% 2%; background:#ebebeb} #pets_bottom .circle_list{float:left; width:41%; display:table-cell} /* - Pets Redesign (layout 3) - */ .image_first{} .image_first img { width: 100%; position: relative;} #static_content .image_text{ position: absolute; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 58px; z-index: 1; top: 25%; left: 60%; font-weight: bold; color: #fff; line-height:50px; text-transform: uppercase; display: block;} .shop_pet { width: 100%; text-align: center; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 24px; color: #fff; background-color: #00b1bb; padding: 60px 0px;} #static_content .shop_pet p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 24px; color: #fff; font-weight: normal;} .shop_pet a { font-family: 'Open Sans', Arial, Helvetica, sans-serif; display: inline-block; color: #fff; border: 3px solid #fff; font-size: 16px; font-weight: bold; width: 240px; text-transform: uppercase; text-align: center; padding: 15px 20px; text-decoration: none;} .text_photo { width: 100%;} .text_block { float: left; width: 50%;} .text_block_style { max-width: 540px; padding: 180px 80px 0px 0px;} #static_content .text_block_style h3 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 24px; text-transform: uppercase; color: #00b1bb; margin-bottom: 25px; font-weight: bold;} #static_content .text_block_style p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 30px; color: #555;} .photo_block { float: left; width: 50%;} .photo_block .photo_block_style img{ width: 100%;} .fabric_choose { width: 100%; background: url(../images/bck.png); text-align: center; padding: 50px 0px;} #static_content .fabric_choose p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 32px; color: #333; line-height: 45px;} .fabric_choose a { display: inline-block; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #fff; background: #00b1bb; text-transform: uppercase; text-decoration: none; padding: 10px 60px;} .microfiber_velvets { width: 100%; max-width:1600px; margin:0 auto; padding: 130px 0px;} .mic_vel { width: 50%; padding:0 50px; text-align: center; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .mic_vel:first-child { border-right: 1px solid #ccc;} #static_content .mic_vel h3 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 24px; text-transform: uppercase; color: #00b1bb; margin-bottom: 10px; font-weight: bold; letter-spacing: 4px;} .line { display: inline-block; width: 80px; height: 1px; background: #ccc; margin-bottom: 30px;} .head_text { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 22px; color: #333; font-weight: bold;} #static_content .mic_vel p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #555;} .leathers { width: 100%; overflow:hidden; background: url(../images/bck1.jpg); background-size: cover; background-repeat: no-repeat; padding: 130px 0px;} .leather { width: 50%; padding-left:10%; text-align: center; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} #static_content .leather h3 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 24px; text-transform: uppercase; color: #00b1bb; margin-bottom: 10px; font-weight: bold; letter-spacing: 4px;} .head_text1 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 22px; color: #fff;} #static_content .leather p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #fff; margin-bottom: 0px;} .details { width: 100%; float: left; text-align: center;} .details_first { width: 100%; float: left; text-align: center; margin: 120px 0px;} #static_content .details_head { font-family: 'Pacifico'; font-size: 38px; color: #00b1bb; line-height: 38px; margin-bottom: 15px; font-weight: normal;} #static_content .details_first p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 24px; color: #666;} #static_content .details_first p strong { color: #333;} .leathers_second { width: 100%; float: left; text-align: center;} .leathers_part { display: inline-block; text-align: center; max-width:360px; margin: 0px 70px 100px;} .img_round { display: inline-block; border-radius: 50%; overflow: hidden; padding: 15px; border: 1px solid #ece6da;} #static_content .leathers_part h3 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; color: #333; text-transform: uppercase; margin: 30px 0px;} #static_content .leathers_part p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 14px; color: #555;} .submit_area { width: 100%; text-align: center; background-color: #efefef; padding: 120px 0px; float: left;} #static_content .submit_area h3 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #00b1bb; text-transform: uppercase; margin: 30px 0px;} .area { position: relative; width: 100%; max-width: 550px; margin: 0 auto;} #pets_contact input[type="text"] { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; color: #999; max-width: 550px; height: 58px; width: 100%; padding: 15px 50px; line-height: 28px; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} #pets_contact input[type="submit"] { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; text-transform: uppercase; width: 300px; height: 55px; background-color: #00b1bb; font-weight: bold; letter-spacing: 3px; cursor: pointer;} #pets_contact .icon { position: absolute; font-size: 24px; top: 17px; left: 15px;} #pets_contact .icon_sub { color: #fff; left: 200px;} #pets_contact textarea { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 16px; color: #999; max-width: 550px; height: 250px; width: 100%; padding: 15px 50px; line-height: 24px; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .submit_button { position: relative; width: 100%; max-width: 300px; margin: 0 auto;} #pets_contact input[type="text"].error, #pets_contact input[type="text"].valid{background:#fff;} #petFabricSlider{max-width:1600px; margin:0 auto; font-family:'Open Sans', Arial, Helvetica, sans-serif; position:relative; max-height:760px; overflow:hidden; border-bottom:1px solid #ccc;} #petFabricSlider .slides{} #petFabricSlider .slides >li{} #petFabricSlider .slides >li >img{width:50%; float:left} #petFabricSlider .slides >li >div{width:50%; float:left; padding:150px 4% 60px; text-align:center; max-width:590px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #petFabricSlider h3{font-size:24px; color:#00b1bb; text-transform:uppercase; line-height:2.2; margin-bottom:30px} #petFabricSlider .title{font-size:28px; color:#222; font-weight:bold; text-transform:uppercase; margin-bottom:35px;} #petFabricSlider .desc{margin-bottom:45px; font-size:17px; color:#999; line-height:1.8;} #petFabricSlider .desc p{font-size:17px; color:#999; line-height:1.8; margin:0;} #petFabricSlider .inp_btn{height:54px; min-width:250px; line-height:50px; font-weight:bold; font-size:16px;} #petFabricSlider .flex-direction-nav{width:50%; position:absolute; top:50%; right:0; z-index:2;} #petFabricSlider .flex-direction-nav >li{} #petFabricSlider .flex-direction-nav >li >a{position:absolute; width:42px; height:42px; display:block; top:-21px; text-align:left; text-indent:-9999em;} #petFabricSlider .flex-direction-nav >li >a.flex-prev{left:10px;} #petFabricSlider .flex-direction-nav >li >a.flex-next{right:27%;} #petFabricSlider .flex-direction-nav >li >a:before{content:'\f104'; font-family:'FontAwesome'; font-size:56px; color:#888; text-align:center; line-height:42px; display:block; width:42px; height:42px; position:absolute; top:0; left:0; text-indent:0;} #petFabricSlider .flex-prev:before{} #petFabricSlider .flex-next:before{content:'\f105'!important;} /* - Fit Guide(Layout 2) - */ #fit_guide_top{font-size:14px; line-height:28px} #fit_guide_top .tBlue{font-size:24px} #fit_guide_main h4{font-size:36px; font-weight:normal; padding:30px 0 40px 90px; position:relative;} #fit_guide_main h4 span{display:block; width:58px; height:58px; line-height:58px; text-align:center; color:#fff; background:#34AFB4; border:10px solid #efefef; border-radius:42px; position:absolute; top:50%; margin-top:-42px; left:0} .fg_steps_top{margin-bottom:40px} .fg_steps_top img{float:right; margin-left:20px; max-width:60%} .fg_steps_top >div{font-size:14px; line-height:28px} .w_image >img{float:left; max-width:50%; margin:0 20px 10px} .w_image p{padding-top:15px} #fit_guide_bottom{font-size:14px; padding:40px 0; line-height:28px} #fit_guide_bottom h4{font-size:36px; font-weight:normal; color:#34AFB4; margin:0 0 10px} /* - Request Free Samples (Layout 2) - */ #static_content #sw_full_page .r_sw_wrap{margin:0; padding-top:70px} #static_content #sw_full_page{background-position:center 0} #static_content .r_sw_top p{margin:15px auto} /* - International Shipping Request (Layout 2) - */ #shipping_req{background:#fff} #shipping_req h2{padding:15px 0 12px; font-size:36px; font-weight:normal; margin-bottom:30px; border-bottom:1px solid #999} #shipping_req img{float:left; margin:10px 0} .shipping_requests{width:400px; float:left; margin-bottom:30px;} #static_content .shipping_requests p.top_capt{font-size:16px; font-weight:bold; color:#34afb4; margin-bottom:30px; line-height:22px} #shipping_req form{position:relative} #shipping_req form .inp_label{font-size:14px; width:90px; line-height:normal; padding-top:7px; margin:0 5px 0 0} /* - Meet the Team(Layout 3) - */ #team_banner{text-align:center} #team_banner h2{font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:33px; text-transform:uppercase; font-weight:normal; color:#666; padding:30px 0;} #team_banner h2 i{font-family:'Pacifico',Arial, Helvetica, sans-serif; font-size:60px; font-style:normal; color:#00b1bb; text-transform:none;} .team_wrap{display:inline-block; margin-bottom:-45px} .team_wrap >a{display:block; float:left; position:relative} .team_wrap >a >img{ filter:gray; filter:grayscale(1); -webkit-filter: grayscale(1); } .team_wrap >a >span{display:block; width:100%; height:76px; background:#fff; position:absolute; top:50%; left:0; font-size:13px; text-transform:uppercase; color:#999; display:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .team_wrap >a >span .title{display:block; padding:15px 0 0; font-size:24px; text-transform:none; color:#f2b920; font-family:'Courgette';} .team_wrap >a:hover >img{filter:none; -webkit-filter: grayscale(0);} .team_wrap >a:hover >span{display:block; z-index:10} #team_video{padding:120px 0; background-image:-moz-linear-gradient(50% 0% -180deg,rgb(29,29,29) 0%,rgb(34,34,34) 15%,rgb(34,34,34) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(29,29,29)),color-stop(0.15, rgb(34,34,34)),color-stop(1, rgb(34,34,34))); background-image:-webkit-linear-gradient(-180deg,rgb(29,29,29) 0%,rgb(34,34,34) 15%,rgb(34,34,34) 100%); background-image:-ms-linear-gradient(-180deg,rgb(29,29,29) 0%,rgb(34,34,34) 15%,rgb(34,34,34) 100%); background-image:linear-gradient(-180deg,rgb(29,29,29) 0%,rgb(34,34,34) 15%,rgb(34,34,34) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1d1d1d,endColorstr=#ff222222,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1d1d1d,endColorstr=#ff222222,GradientType=0); } #team_video h3{font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:30px; color:#fff; padding:15px 0; text-transform:uppercase;} #team_video h3 span{font-family:'pacifico'; color:#33c1c9; font-weight:normal; text-transform:none;} #team_video p{} #team_video .inp_btn{width:180px; margin-right:10px} .video_text, .video_container{width:50%; float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .video_text{padding-right:20px} .video_text >div{max-width:610px; float:right} .video_container{max-width:632px; padding:10px; border:1px solid #4b4b4b;} #team_video .video_wrap iframe{} .video_wrap{position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} .video_wrap iframe, .video_wrap object, .video_wrap embed {position:absolute;top:0;left:0;width:100%;height:100%;} #team_points{font-family:'Open Sans',Arial, Helvetica, sans-serif;} #static_content #team_points h2{font-size:45px; font-weight:bold; text-align:center; text-transform:uppercase; margin:0; padding:85px 0;} .oneColPoint{width:100%; height:540px; background-size:cover; padding:150px 20px 20px; margin:0 0 50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .oneColPoint >div{width:50%;} #static_content .oneColPoint h3{font-size:30px; color:#fff; margin:0 0 30px;} #static_content .oneColPoint p{font-size:15px; color:#fff; margin:0 0 20px} .twoColPoint{width:50%; float:left; padding:0 25px; margin:0 0 60px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #static_content .twoColPoint h3{font-size:32px; color:#555; margin:0 0 30px; text-transform:uppercase;} #static_content .twoColPoint p{font-size:15px; color:#555; margin-bottom:20px;} .twoColPoint img{} #work_hard{background:url(../static/creativity_begins_here.jpg) 50% 50% no-repeat;} #love_your_job{background:url(../static/dre.jpg) 50% 50% no-repeat;} /*#team_slideshow{text-align:center; padding:90px 0 0; background:#222} #team_slideshow h2{font-size:54px; font-family:'Courgette'; font-weight:normal; color:#33c1c9; margin-bottom:70px; position:relative; padding:0} #team_slideshow h2:after{content:''; display:block; width:200px; height:1px; border-bottom:1px solid #ccc; position:absolute; bottom:0; left:50%; margin-left:-100px;} #team_slideshow .slide_desc{position:absolute; width:100%; left:0; bottom:0; padding:30px 0; background:rgba(0,0,0,0.4); color:#fff} #team_slideshow .slide_desc >div{max-width:860px; width:100%; text-align:left; margin:0 auto; padding-right:100px} #team_slideshow .slide_desc h3{font-weight:normal; font-size:36px; color:#fff;} #team_slideshow .slide_desc p{font-size:16px; color:#fff} #team_slideshow .slide_desc .date{font-size:12px} #team_slideshow .flex-direction-nav{width:960px; height:51px; position:absolute; bottom:50px; z-index:50; left:50%; margin-left:-480px} #team_slideshow .flex-direction-nav >li{position:absolute; top:0; left:0; width:100%} #team_slideshow .flex-direction-nav >li >a{display:block; width:25px; height:51px; text-align:left; text-indent:-99999em; position:absolute; top:0; background:url(../images/slide_nav.png) 0 0 no-repeat;} #team_slideshow .flex-direction-nav .flex-prev{right:72px} #team_slideshow .flex-direction-nav .flex-next{background-position:-25px 0; right:0}*/ #departments{padding:70px 0 40px; height:1000px; background:url(../static/department_bgr.jpg) 50% 50% no-repeat; background-size:cover; text-align:center; font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #departments h2{font-family:'Pacifico'; font-size:44px; font-weight:normal; margin:0 0 10px; color:#34afb4; padding:0; position:relative;} #departments h2:after{content:''; display:block; width:90px; height:1px; border-bottom:1px solid #ccc; position:absolute; bottom:4px; left:50%; margin-left:-45px;} #departments .subtitle{font-size:23px; color:#fff; margin-bottom:60px;} .dep_point{width:33.333%; float:left; line-height:1.7; margin-bottom:50px; padding:0 5%; font-size:13px; text-shadow: 1px 1px 2px rgba(0,0,0,0.4); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .dep_point .dep_ico{display:inline-block; width:124px; height:124px; margin-bottom:15px; background:url(../static/departments_sprite.png) 0 0} #departments .dep_point h3{font-size:20px; text-transform:uppercase; margin-bottom:10px; color:#fff;} .dep_ico.ico_engineering{background-position:0 0} .dep_ico.ico_service{background-position:-124px 0} .dep_ico.ico_design{background-position:-248px 0} .dep_ico.ico_marketing{background-position:0 -124px} .dep_ico.ico_operation{background-position:-124px -124px} .dep_ico.ico_management{background-position:-248px -124px} .apply_bottom{font-size:40px; color:#555; font-weight:bold; text-transform:uppercase; padding:140px 0 70px; text-align:center; background:url(../static/join_the_team_bgr.jpg) 50% 50% no-repeat; height:600px; background-size:cover; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .apply_bottom .title{font-family:'Pacifico'; font-size:38px; color:#00b1bb; display:block; position:relative; padding:10px 0; margin:0 0 35px; font-weight:normal; text-transform:none;} .apply_bottom .title:after{content:''; display:block; width:90px; height:1px; border-bottom:1px solid #ccc; position:absolute; bottom:4px; left:50%; margin-left:-45px;} .apply_bottom .inp_btn{width:270px; height:52px; line-height:52px; font-size:18px;} .apply_bottom .btnOrange{background:#f2b920} .apply_bottom1{font-size:40px; color:#555; font-weight:bold; text-transform:uppercase; padding:70px 0 60px; text-align:center; height:400px; background-size:cover; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .apply_bottom1 .title{font-family:'Pacifico'; font-size:38px; color:#00b1bb; display:block; position:relative; padding:10px 0; margin:0 0 35px; font-weight:normal; text-transform:none;} .apply_bottom1 .title:after{content:''; display:block; width:90px; height:1px; border-bottom:1px solid #ccc; position:absolute; bottom:4px; left:50%; margin-left:-45px;} .apply_bottom1 .inp_btn{width:270px; height:52px; line-height:52px; font-size:18px;} .apply_bottom1 .btnOrange{background:#f2b920} /* - Go Custom(Layout 3) - */ #custom_main{padding:60px 0 75px; text-align:center} #custom_main h2{font-size:15px; text-transform:uppercase; font-weight:bold; color:#333; display:inline-block; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; padding:10px 40px; margin:0 0 20px} #custom_main h2 i{font-family:'courgette'; font-weight:normal; font-style:normal; text-transform:none; font-size:44px; display:inline-block; vertical-align:middle; margin:0 10px; color:#00b1bb} .custom_points{padding:80px 0 0} .c_point{width:33.333%; float:left; padding:15px 20px 5px; font-size:13px; color:#666; line-height:1.7; border-right:1px solid #dcdcdc; min-height:200px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .custom_points .c_point:last-child{border:none} .c_point .custom_ico{display:inline-block; width:70px; height:70px; margin-bottom:20px; background:url(../static/departments_sprite.png) 0 0} .c_point h3{font-size:19px!important;} .custom_ico.ico_fit{background-position:0 -250px} .custom_ico.ico_unique{background-position:-70px -250px} .custom_ico.ico_possibility{background-position:-140px -250px} #cf_greed{} #cf_greed h2, #fabric_gallery h2{padding:80px 0 10px; margin:0 0 70px; font-size:44px; color:#00b1bb; font-family:'Courgette'; text-align:center;} #cf_greed h2:after, #fabric_gallery h2:after{content:''; display:block; width:160px; height:1px; border-bottom:1px solid #ccc; position:absolute; bottom:4px; left:50%; margin-left:-80px;} #cf_greed .image_greed:first-of-type{border-top:1px solid #d4d4d4;} #cf_greed .image_greed:last-of-type{border-bottom:1px solid #d4d4d4;} /* - galleries - */ .option_gallery{background:#f4f4f4; padding:20px 0 30px; } .option_gallery .img_wrap, .option_gallery .gall_desc{width:50%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .option_gallery .img_wrap{float:left; position:relative; overflow:hidden; height:680px;} .option_gallery .img_wrap img{display:none;} .option_gallery .gall_desc{float:right; font-family:'Open Sans', Arial, Helvetica, sans-serif;} .option_gallery .img_wrap img{float:right} .option_gallery .gall_desc >div{max-width:420px; width:100%; float:left; padding:60px 0 0 20px} #static_content .option_gallery .gall_desc h3{font-weight:normal; font-size:38px; text-transform:uppercase; margin:0 0 25px; padding:0 0 25px; border-bottom:1px solid #ccc} #static_content .option_gallery .gall_desc p{font-size:15px; color:#666} .option_gallery .gall_desc .inp_btn{height:52px; line-height:52px; min-width:220px} .option_gallery.right .img_wrap, .option_gallery.right .gall_desc >div{float:right} .option_gallery.right .gall_desc, .option_gallery.right .img_wrap img{float:left} .option_gallery.right .gall_desc >div{padding:60px 20px 0 0} /*thumbnails*/ .option_gallery .thumbs_wrap{float:none; margin:0; padding:20px 12px 30px; width:100%; position:static; border-top:1px solid #ccc; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .option_gallery .thumbs_hold{width:100%; margin:0} .option_gallery .thumbs_hold, .option_gallery .thumbnails{height:48px} .option_gallery .thumbnails a{width:40px; height:40px; border:2px solid #e6e6e6; border-radius:50%} .option_gallery .thumbnails a{padding:0; margin:0 2px; border-color:#e6e6e6} .option_gallery .thumbnails a.current{border-color:#f2b920; border-width:4px; position:relative; width:44px; height:44px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} .option_gallery .thumbnails a.current:after{content:'\f00c'; font-family:'FontAwesome'; display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; font-size:24px; line-height:36px; color:#fff} /* - Affiliates - */ .affiliate_banner{height:628px; background:url(../static/affiliates_banner.jpg) 50% 50% no-repeat; background-size:cover; text-align:center;} .affiliate_banner >div{display:inline-block; max-width:550px; padding-top:60px} #s2_page .affiliate_banner h2{font-size:24px; text-transform:uppercase; color:#fff;} .affiliate_banner h2 img{display:block; margin:10px 0 5px} #s2_page .affiliate_banner p{font-size:16px; color:#fff; padding:0 10px 10px} .affiliate_banner .inp_btn{height:57px; line-height:57px; min-width:240px; font-size:16px;} #aff_points{padding:70px 0 } .aff_point{ float:left; padding:0 20px; max-width:320px; width:33.333%; font-size:15px; line-height:24px; color:#666; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .aff_point img{display:block; margin:0 auto 20px} #s2_page .aff_point h3{font-size:14px; text-transform:uppercase; margin-bottom:20px; color:#333;} .aff_point ul.check_list li{padding-left:3px;} .aff_point ul.check_list li:before{left:-22px;} #aff_footer{padding:60px 10px; background:url(../images/blue_pattern.png) 0 0; text-align:center; color:#fff;} #aff_footer h2{font-size:34px; text-transform:uppercase; font-weight:normal; margin-bottom:15px;} #aff_footer p{font-size:15px; line-height:1.6; margin:0 auto 20px; max-width:680px; color:#fff;} .ws_form{padding:30px 30px; margin:auto;} .ws_form .inp_btn{border:2px solid #fff; height:52px; line-height:48px; font-size:15px;} .ws_form .inp_btn .fa{margin:0;} /* - Factory - */ #factory_intro{padding:80px 0 100px; text-align:center; background:#00b1bb; color:#fff} #factory_intro h2{font-family:'Pacifico'; font-size:42px; font-weight:normal; margin:0 0 25px; padding:0 0 10px; position:relative;} #factory_intro h2:after{content:''; display:block; width:120px; height:1px; background:#5eced4; position:absolute; bottom:0; left:50%; margin-left:-60px;} #factory_intro p{font-size:16px; color:#fff; max-width:1080px; margin:0 auto 30px;} #factory_main .image_greed{ border-bottom:1px solid #ececec;} #factory_main .greed_text >div{max-width:650px; padding: 65px 0px 30px 80px; overflow:hidden; font-size:13px; line-height:22px; padding-top:9%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #factory_main .greed_text p{font-size:16px} #factory_main .image_greed.full.right .greed_text >div{padding:65px 80px 30px 0; padding-top:9%} #factory_main .greed_img img{width:auto;} #factory_main .greed_img img.factory_image{width:auto; display: block;margin: 0 auto;float: none;padding: 7%;} #factory_main .greed_text h3{font-size:24px; color:#00b1bb; line-height:1.3; margin-bottom:30px; text-transform:uppercase; font-weight:bold; text-align:center;} .tileSliderWrap{padding:60px 0 0;} .tileSliderWrap h3{font-size:32px; text-transform:uppercase; margin-bottom:45px; padding-bottom:20px; position:relative; text-align:center;} .tileSliderWrap h3:after{content:''; display:block; width:140px; height:1px; background:#ececec; position:absolute; left:50%; margin-left:-70px; bottom:0;} .tileSlider{} #handMadeBlock{background:url(../static/premium_quality_bgr.jpg) 50% 50% no-repeat; background-size:cover; min-height:413px; text-align:center;} #handMadeBlock h3{padding-top:100px; font-size:54px; color:#fff; font-family:'Pacifico'; font-weight:normal; margin:0 0 40px;} #handMadeBlock h3 span{display:block; font-size:28px; text-transform:uppercase; font-family:'Open Sans', Arial, Helvetica, sans-serif;} #handMadeBlock .inp_btn{height:62px; line-height:58px; min-width:280px; background:rgba(0,0,0,0.4); font-size:16px; font-weight:bold;} #handMadeBlock .inp_btn:hover{color:#fff; background:rgba(0,0,0,0.8);} /* - Careers - */ #careers_intro{padding: 70px 0 80px; text-align:center; color:#fff; background: #00b1bb url(../static/pattern_intro.png) 0 0;} #careers_intro h2{font-family:'Pacifico'; font-size:40px; font-weight:normal; margin:0 0 20px; padding: 0px; position:relative;} #careers_intro a{display: inline-block; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #fff; border: 3px solid #fff; padding: 12px 51px;} #careers_intro a:hover{background-color: rgba(255, 255, 255, 0.8); color:#34AFB4;} #static_content .careers_cont{padding: 100px 0 20px; text-align: center; border-bottom: 1px solid #ccc;} #static_content .careers_cont.border_no{border: none; padding: 80px 0px;} #static_content .careers_cont h3{font-family: 'Pacifico'; font-size: 38px; font-weight: normal;} #static_content .careers_cont h3:after{content: ''; display:block; width: 82px; border-bottom: 1px solid #ccc; margin: 3px auto;} #static_content .careers_cont p{font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 24px; color:#999; margin-top: 30px;} #static_content .careers_cont p.second_caree{margin-top:-15px;} #static_content .careers_cont p strong{color: #333;} .career_block_wrap{display: inline-block; width: 100%; max-width: 1240px;} .career_block_expand_wrap{max-width: 1250px;} #static_content .careers_cont .career_block{text-align:center; display:inline-block; width:100%; max-width:290px; padding: 0 60px; margin-top: 50px;} #static_content .careers_cont .career_expand_block{max-width: 342px; padding: 0 35px;} #static_content .careers_cont .career_block span{} #static_content .careers_cont .career_block h3{font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold; text-transform: uppercase; margin-top: 35px;} #static_content .careers_cont .career_block h3:after{content: ''; display: none;} #static_content .careers_cont .career_block p{font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: lighter; color:#555; margin: 20px 0;} .join_the_team{height: 490px; max-height: 100%; position: relative; background: url(../static/career_bottom_img.png) 50% 50% no-repeat; background-size: cover; text-align: center;} #static_content .join_the_team h3 {font-family:'Pacifico'; font-size: 48px; font-weight: normal; color:#fff; padding: 8% 0 30px;} .join_the_team a{display: inline-block; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #fff; border: 3px solid #fff; padding: 12px 51px;} .join_the_team a:hover{background-color: rgba(255, 255, 255, 0.8); color:#34AFB4;} /*================= SHIPPING-WHAT TO EXPECT- ==================== */ .main_photo {width: 100%; max-height: 375px; height: 100%; text-align: center; position: relative;} .main_photo img {width: 100%;} #static_content .main_photo p {width: 100%; position: absolute; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 28px; color: #fff; text-transform: uppercase; top: 25%;} #s2_page .main_photo h2 {width: 100%; position: absolute; font-family: 'Pacifico'; font-size: 80px; color: #fff; top: 20%;} .main_text { width: 100%; padding: 3% 0; text-align: center;} #static_content .main_text h3 { font-family: 'Pacifico'; font-size: 38px; color: #00b1bb; font-weight: normal;} #static_content .main_text p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 24px; color: #666; margin-bottom: 15px;} .bl_photo_text { width: 100%; position: relative; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .round { position: absolute; display: inline-block; font-size: 14px; padding: 7px; background-color: #fff; border-radius: 50%; border: 1px solid #ccc; line-height: 19px; left: 50%; margin: -19px 0 0 -19px;} .bl_photo { width: 50%;} .bl_photo .bl_photo_style{ width: 100%;} .bl_photo .bl_photo_style img{ width: 100%;} .bl_text { width: 50%;} .bl_text_style{ width: 760px; max-width: 100%; padding: 15% 10% 0 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #static_content .bl_text_style h3 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 52px; color: #29b0b4; font-weight: lighter;} #static_content .bl_text_style h3.different{ font-family: 'Pacifico';} #static_content .bl_text_style p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 18px; color: #666; font-weight: normal;} #static_content .bl_text_style p.different2 { font-size: 40px; color: #333; line-height: 55px;} .bl_text_2 { min-height: 890px; height: 100%; width: 50%; background-color: #eaf8f9; border-right: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .bl_text_style_2 { max-width: 670px; width: 100%; padding: 75px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #static_content .bl_text_style_2 h3 { font-family: 'Pacifico'; font-size: 52px; color: #29b0b4; font-weight: normal;} #static_content .bl_text_style_2 p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 18px; color: #666; font-weight: lighter; line-height: 28px;} .bl_text_3 { width: 50%; min-height: 890px; height: 100%; background-color: #fff3f3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .bl_text_style_3 { width: 670px; max-width: 100%; padding: 75px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #static_content .bl_text_style_3 h3 { font-family: 'Pacifico'; font-size: 52px; color: #cc0000; font-weight: normal;} #static_content .bl_text_style_3 p { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 18px; color: #666; font-weight: lighter;} #static_content .bl_text_style_3 p.different2 { font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 26px; color: #333; line-height: 0px;} /* ======== TEAM DEV ======== */ .teamIntro{padding:80px 0 64px; text-align:center; max-width:960px; margin:0 auto;} #s2_page .teamIntro h2{font-family:'Pacifico'; font-size:32px; color:#00b1bb; margin:0 0 15px; padding:0; font-weight:normal;} #static_content .teamIntro p{font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:18px; color:#333;} .teamSection{font-family:'Open Sans', Arial, Helvetica, sans-serif; max-width:1360px; text-align:center; margin:0 auto; padding:35px 0;} .teamMember{display:inline-block; max-width:330px; width:25%; padding:35px; float:left; min-height:380px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .teamMember .teamImg{display:block; padding:8px; border:1px solid #e4e4e4; border-radius:50%; margin:0 auto 24px;} .teamMember .teamImg img{border-radius:50%; filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); } .teamMember .teamName{display:block; font-family:'Pacifico'; font-size:24px; color:#555; line-height:1.3;} .teamMember .teamPos{font-size:15px; color:#e5be24; text-transform:uppercase;} .teamMember:hover{text-decoration:none;} .teamMember:hover .teamImg{} .teamMember:hover .teamImg img{ filter: none; -webkit-filter: grayscale(0); } .teamMember:hover .teamName{color:#00b1bb;} .teamMember:hover .teamPos{color:#999;} .colaborateBlock{padding:100px 0; text-align:center; text-align:center; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:32px; color:#00b1bb; font-weight:bold; text-transform:uppercase; background:url(../images/zig_zag_grey.png) 0 0;} #s2_page .colaborateBlock h3{font-family:'Pacifico'; font-size:48px; text-transform:none; font-weight:normal;} .carrierBlock{padding:60px 0; text-align:center; background:url(../images/romb_bgr_grey.png) 0 0;} #s2_page .carrierBlock h3{font-family:'Pacifico'; font-size:44px; color:#00b1bb; margin:0 0 15px; padding:0; font-weight:normal;} .carrierBlock .inp_btn{border:3px solid #fff; height:50px; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:0 30px;} /* --- Team Popup --- */ #team_popup_wrap{max-width:96%;} #team_popup_wrap .modal_bar{height:auto; margin:0; padding:0; border:none;} #team_popup_wrap .modal_bar .modal_title{display:none;} #teamMemberPopup{} #teamMemberPopup .teamPopupImg{max-width:640px; width:50%; float:left; text-align:center;} #teamMemberPopup .teamMemberDetails{width:640px; max-width:50%; float:left;} #teamMemberPopup .thumbs_wrap{float:none; margin:0 auto 0; padding:15px 50px; width:100%; position:relative; background:#f1f1f1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} #teamMemberPopup .thumbs_hold{width:100%; margin:0; height:70px;} #teamMemberPopup .thumbnails{width:100%; height:70px;} #teamMemberPopup .thumbnails a{display:block; width:60px; height:60px; border-radius:50%; border:5px solid #f1f1f1; margin:0 10px;} #teamMemberPopup .thumbnails a.current{border-color:#00b1bb} #teamMemberPopup .thumbnails a img{border-radius:50%; max-height:100%; width:100%} #teamMemberPopup .thumb_nav >a{margin-top:-18px; display:block; width:34px; height:34px; background:transparent; border:1px solid #eaeaea; border-radius:50%;} #teamMemberPopup .thumb_nav a.thumbPrev{left:10px; background-position:inherit;} #teamMemberPopup .thumb_nav a.thumbNext{right:10px; background-position:inherit;} #teamMemberPopup .thumb_nav a.thumbPrev:before, #teamMemberPopup .thumb_nav a.thumbNext:before{content:'\f104'; font-family:'FontAwesome'; color:#999; position:absolute; left:0; top:0; text-indent:0; font-size:26px; display:block; width:34px; height:34px; line-height:34px; text-align:center;} #teamMemberPopup .thumb_nav a.thumbNext:before{content:'\f105';} #teamMemberPopup .thumb_nav a.thumbPrev:hover, #teamMemberPopup .thumb_nav a.thumbNext:hover{border-color:#ccc; background:#e6e6e6; color:#666} #teamMemberPopup .thumb_nav a.thumbPrev.dissabled{display:block} #teamMemberPopup .thumb_nav a.thumbNext.dissabled{display:block} #teamMemberPopup .thumb_nav a.thumbPrev.dissabled:before, #teamMemberPopup .thumb_nav a.thumbNext.dissabled:before{color:#ddd} #teamMemberPopup .thumb_nav a.thumbPrev.dissabled:hover, #teamMemberPopup .thumb_nav a.thumbNext.dissabled:hover{border-color:#eaeaea; background:transparent; color:#ddd; cursor:default;} #teamMemberPopup h2{text-align:center; padding:40px 10px 5px; font-size:48px; font-weight:normal; font-family:'Pacifico'; color:#555; line-height:1.3;} #teamMemberPopup .teamPos{display:block; text-align:center; font-size:17px; text-transform:uppercase; color:#e5be24; margin:0 0} .teamBio{padding:20px 0 35px; margin:0 7.2%; font-size:14px; color:#555; line-height:22px; font-family:'Open Sans', Arial, Helvetica, sans-serif; max-height:176px; overflow:hidden;} .teamFavourite{text-align:center; padding:40px 0 0; margin:0 7.2%; border-top:1px solid #f0f0f0} .teamFavourite h3{font-family:'Pacifico'; font-size:24px; font-weight:normal; margin:0 0 5px; color:#00b1bb;} .teamFavourite .prodLink{} @media only screen and (min-width:1920px) { #ig_grid a{width:16.66%} } @media only screen and (max-width:1710px) { #ig_grid a{width:20%} /*================= CONSTRUCTION QALITY ==================== */ #video-bg > video{margin-top: -90px;} #static_content .pursuit_perfection p {width: 70%;} /*================= COM ==================== */ .how_in{width: 27%;} } @media only screen and (max-width:1600px) { #petFabricSlider .slides >li >div{padding:80px 4% 30px;} #petFabricSlider .flex-direction-nav >li >a.flex-prev{left:10px;} #petFabricSlider .flex-direction-nav >li >a.flex-next{right:15%;} /*================= CONSTRUCTION QALITY ==================== */ #video-bg > video{margin-top: 0px;} } @media only screen and (max-width:1500px) { /*================= CONSTRUCTION QALITY ==================== */ #static_content .pursuit_perfection p{width: 80%;} #static_content .qc_text_style{padding: 35px 0px 0px;} .quality_sketch_text{bottom: 65px;padding: 0px 1%;} .quality_proposal{padding: 60px 0%;} /*================= THE FACTORY ==================== */ #factory_main .greed_text >div{margin:0 30px;} /*================= COM ==================== */ .top_image p{top: 28%;} .blank_canvas p{width: 70%;} .how_in{width: 33%;} .how_fabric_text p{width: 60%;} .roll p{width: 75%;} #static_content .top_image p{top: 28%;} #static_content .blank_canvas p{width: 70%;} #com_slider_wrap .slick-slide img{height: 500px;} .how_in{width: 33%; float: left;} .how_in_first img{padding-bottom: 70px;} .how_in:last-child img{padding-bottom: 90px;} .how_fabric_text{padding-top: 7%;} .how_fabric_text p{width: 60%;} #static_content .roll p{width: 75%;} /*================= CAREERS ==================== */ #video-bg {padding-bottom: 56.25%; height: auto!important;} } @media only screen and (max-width:1368px){ #ig_grid a{width:25%} #petFabricSlider .flex-direction-nav >li >a.flex-next{right:7%;} /*================= JB PETS ==================== */ .text_block_style{padding: 40px 80px 0px 40px;} /*================= CONSTRUCTION QALITY ==================== */ .pursuit_perfection{ padding: 40px 0px;} #static_content .pursuit_perfection h3{ font-size: 30px;} #static_content .pursuit_perfection p{ font-size: 20px;} #static_content .qc_text_style{ padding: 30px 0px 0px;} #static_content .qc_text_style h3{ margin-bottom: 15px;} #static_content .qc_text_style p{ width: 80%;} .quality_sketch_text{ bottom: 50px; padding: 0px 5%;} .quality_sketch_text .col{ padding: 0px 20px;} .quality_proposal{ padding: 60px 3%;} .quality_proposal .col { padding: 0px 20px;} #s2_page .quality_photo_end h2{ font-size: 40px; padding: 100px 0px 100px;} #static_content .paralax_photo div p{ font-size: 20px;} #static_content .paralax_photo div p:before, #static_content .paralax_photo div p:after{ font-size: 200px;} } @media only screen and (max-width:1366px){ #s2_page .top_image h2{padding: 5% 0;} #static_content .top_image p {top: 23%;} #com_slider_wrap .tileSliderNav { width: 700px; margin-left: -348px;} #com_slider_wrap .slick-slide img{height: 450px;} #static_content .blank_canvas p {width: 80%;} .how_easy{padding: 6% 0px 9%;} .how_fabric_text {padding-top: 5%;} #static_content .how_fabric_text p {width: 70%;} .roll {padding: 10% 0;} #static_content .roll h3.roll_h3:after{bottom: -95%;} } @media only screen and (max-width:1280px){ /*================= CAREERS ==================== */ #static_content .careers_cont .career_block {padding: 0 20px;} #static_content .careers_cont .career_expand_block { max-width: 280px; padding: 0 20px;} #s2_page .careers_video_desc h2{font-size: 64px;} } @media only screen and (max-width:1180px){ #petFabricSlider .slides >li >div{padding:40px 7% 20px;} #petFabricSlider .flex-direction-nav >li >a.flex-prev{left:15px;} #petFabricSlider .flex-direction-nav >li >a.flex-next{right:15px;} #petFabricSlider h3{line-height:1.8; font-size:22px;} #petFabricSlider .title{font-size:24px; margin-bottom:25px;} #petFabricSlider .desc, #petFabricSlider .desc p{font-size:15px; line-height:1.6;} #petFabricSlider .flex-direction-nav >li >a.flex-next{right:10px;} /* -- Shipping -what to expect -- */ #s2_page .main_photo h2{font-size:40px;} #static_content .main_photo p{font-size:18px;} .bl_text_style{padding:10% 5% 0 5%;} #static_content .bl_text_style h3{font-size:32px;} #static_content .bl_text_style p{font-size:15px; line-height:1.6;} #static_content .bl_text_style p.different2{font-size:20px; line-height:1.4; margin-bottom:15px;} .bl_text_style_2{padding:40px 20px;} #static_content .bl_text_style_2 h3{font-size:36px;} #static_content .bl_text_style_2 p{font-size:16px;} .bl_text_style_3{padding:40px 20px;} #static_content .bl_text_style_3 h3{font-size:36px;} #static_content .bl_text_style_3 p{font-size:16px;} #static_content .main_text p{font-size:20px;} /*================= JB PETS ==================== */ #static_content .text_block_style p{ font-size: 14px; line-height: 22px;} /*================= CONSTRUCTION QALITY ==================== */ .pursuit_perfection{ padding: 35px 0px;} #static_content .pursuit_perfection h3{ font-size: 24px; margin-bottom: 10px; line-height: 28px;} #static_content .pursuit_perfection p{ font-size: 16px; line-height: 24px; margin-bottom: 20px;} #static_content .pursuit_perfection a.shop_button { width: 205px; height: 50px; font-size: 14px;} #static_content .qc_text_style h3 { margin-bottom: 10px; font-size: 20px;} #static_content .qc_text_style p{ font-size: 12px; line-height: 24px; margin-bottom: 0px;} #static_content .quality_photo_sketch > h3{ font-size: 26px; top: 40px;} .quality_sketch_text{ bottom: 30px;} #static_content .quality_sketch_text h3{ font-size: 16px; margin-bottom: 15px;} #static_content .quality_sketch_text p{ font-size: 14px; line-height: 24px;} #static_content .quality_proposal .qc_icon{ height: 97px;} #static_content .quality_proposal img{ height: 80px;} #static_content .quality_proposal h3{ font-size: 14px; margin-bottom: 15px;} #static_content .quality_proposal p{ font-size: 12px; line-height: 24px;} #s2_page .quality_photo_end h2 { font-size: 32px; padding: 70px 0px 70px;} #static_content .paralax_photo div p{ width: 400px; font-size: 20px;} #static_content .paralax_photo div p:before, #static_content .paralax_photo div p:after { font-size: 180px;} } @media only screen and (max-width:1080px) { .teamMember{width:33.333%;} .teamMember .teamName{font-size:22px;} #teamMemberPopup h2{padding:20px 10px 5px; font-size:32px;} #teamMemberPopup .teamPos{font-size:14px;} .teamBio{padding:20px 0; font-size:13px; line-height:20px; max-height:160px;} .teamFavourite{padding:20px 0 0;} } @media only screen and (max-width:1026px){ #ig_grid a{width:33.33%} .style_text_div{padding:50px 40px 30px 40px;} #static_content .our_style_head{font-size:36px;} #factory_main .greed_text >div{padding:40px 0px 20px 30px;} #factory_main .greed_text h3{font-size:32px;} #factory_main .greed_text p{font-size:14px; line-height:1.4;} #factory_main .image_greed.full.right .greed_text >div{padding:40px 30px 20px 0;} #static_content .first_text{left:50%; font-size:42px;} .text_block_style{padding:50px 40px 10px 20px;} #static_content .text_block_style p{font-size:14px; line-height:1.5;} .mic_vel{padding:0 15px;} .leathers_part{margin:0px 20px 100px;} /*================= CONSTRUCTION QALITY ==================== */ .quality_paralax{background-size: auto;} } @media only screen and (max-width:970px){ #static_content{margin:0 1%} #video-bg{height:auto;} #video-bg > video{margin-top:0;} /*------ Product Financing ------*/ #financing_wrap{padding:0 49% 0 0!important; height:auto; background-size:contain} .ca_box_cont{padding:0 22px} .ca_box_cont p img{max-width:50%; margin:0; padding:0} /*------ International Shipping Request ------*/ #shipping_req img{float:left; margin:10px 0; max-width:520px; height:auto; width:50%} .shipping_requests{max-width:400px; float:left; width:50%} /* --- pets new page --- */ #petFabricSlider .slides >li >div{padding:15px 5% 0px;} #petFabricSlider .flex-direction-nav >li >a.flex-prev{left:5px;} #petFabricSlider .flex-direction-nav >li >a.flex-next{right:5px;} #petFabricSlider h3{line-height:1.6; font-size:20px; margin-bottom:10px;} #petFabricSlider .title{font-size:22px; margin-bottom:20px;} #petFabricSlider .desc, #petFabricSlider .desc p{font-size:14px; line-height:1.5;} /*================= INVITE FRIEND ==================== */ #refer_main{max-width:515px; width:45%} #refer_main img{width:100%; height:auto} #not_loged_block{max-width:400px; width:52%; float:right} #refer_sideforms, .sent_restriction{max-width:322px; width:50%; margin:0 1%} .sent_restriction{max-width:500px;} /*================= SUBMIT PHOTO ==================== */ #sf_banner img{max-width:100%; height:auto} #sf_cont{padding:20px 0 35px; margin:0 1%} .sf_steps_wrap{max-width:460px; width:50%} .sf_steps_wrap div{padding:20px 0 30px 70px;} .sf_steps_wrap div .step_no{width:40px; height:40px; line-height:40px; font-size:30px; border:4px solid #34AFB4; border-radius:30px; top:35px;} .sf_steps_wrap div img{max-width:100%; height:auto} .sf_steps_wrap p{font-size:14px; margin:5px 10px} #sp_form, #sp_not_loged{max-width:470px; width:50%; padding:20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box} #sp_form .inp_area, #sp_not_loged .inp_text{width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box} #sp_not_loged{max-width:370px; width:50%; margin-right:0px} #sp_form h3{font-size:18px; padding:10px 0px} #sp_form h3 img{max-width:20%; height:auto; margin-right:10px} /*================= ABOUT US - V2 ==================== */ /*============== ABOUT US dev ============== */ .aboutus_top_text h2{font-size:22px!important;} #static_content .aboutus_top_text p.intro{font-size:20px} #static_content .aboutus_top_text p{font-size:14px; line-height:20px} #company_points .greed_text >div{padding-top:20px!important} #company_points .greed_text h3{font-size:24px} #company_points .greed_text p{font-size:14px; line-height:20px} /* - about us ver3 - */ .style_text_div{padding:30px;} #static_content .our_style_head{font-size:28px;} #static_content .style_text{font-size:14px; line-height:1.6;} #team_video{padding:60px 0;} .video_text{padding:0 10px;} #team_video h3{font-size:24px;} #team_video p{font-size:13px; line-height:1.5;} /*================= CONTACT US ==================== */ .static_sidebar_cont a{font-size:12px} .static_sidebar_cont .phone_numb{font-size:14px} #contact_us_top{padding:30px 10px 10px} #contact_us_top p{width:auto} /*================= CUSTOM PRODUCTS ==================== */ .cust_faq, #cust_question_form{width:49%; padding:0} #cust_question_form fieldset{float:none; width:100%} /*================= BUILD UPDATES ==================== */ .build_steps .step .step_img{padding:4.5%; background-size:contain} .build_step_bottom{padding:80px 10px 55px} .build_step_quest{width:40%} .bu_bottom{margin:-173px 0 50px} .bu_bottom >img{margin:0 1.2%; max-width:30%; height:auto} /*================= IDEA GALLERY ==================== */ #idea_gall_header .top ul li{padding:0 17px} /*============== ERROR PAGE ============== */ #error_content >div{max-width:360px; width:37.5%; position:absolute; right:5px; top:40%} /*============== PRESS ============== */ #press_header ul >li >a{font-size:12px;} .pressImageWrap .lab_check span{margin:0; max-width:145px;} .fourCol >div{width:31.1666%; margin-right:2.6%; margin-bottom:30px;} .fourCol >div:nth-child(3n){margin-right:0} .fourCol >div:nth-child(4n){margin-right:2.6%;} /* ========= PETS ========*/ #static_content .first_text{left:40%; font-size:38px;} #static_content .text_block_style h3{font-size:22px; margin-bottom:15px;} .text_block_style{padding:30px 30px 10px 15px;} .leathers_part{max-width:340px; margin:0px 10px 70px;} /*================= CONSTRUCTION QALITY ==================== */ #about_drop >ul >li {margin: 0px;} #about_drop >ul >li >a {padding: 18px 10px;} #static_content .pursuit_perfection p {width: 95%;} #static_content .qc_text_style {padding: 8px 0px 0px;} .paralax_photo {height: 400px;} /*================= CAREERS ==================== */ #static_content .careers_cont .career_block {padding: 0 35px;} #static_content .careers_cont .career_expand_block { max-width: 342px; padding: 0 15px;} } @media only screen and (max-width:900px){ /*================= CONSTRUCTION QALITY ==================== */ #static_content .qc_text_style { padding: 15px 0px;} .qc_photo_style{ padding: 30px 0px;} #static_content .quality_sketch_text h3 { font-size: 14px; margin-bottom: 10px;} #static_content .quality_sketch_text p { font-size: 12px; line-height: 20px;} #static_content .paralax_photo div p { width: 330px; font-size: 18px; line-height: 30px;} #static_content .paralax_photo div p:before, #static_content .paralax_photo div p:after { font-size: 160px; letter-spacing: -13px;} #s2_page .quality_photo_end h2 { font-size: 28px; padding: 55px 0px 55px;} /*================= CAREERS ==================== */ #s2_page .careers_video_desc h2{font-size: 48px;} } @media only screen and (max-width:800px){ .future_furniture{height:auto; padding-bottom:6%} #p_quote_1{margin:0} #p_quote_1 div, .personal_quote div{width:71%; padding:3% 1% 1% 3%} #static_content .future_furniture p, #static_content .main_points p{font-size:12px} /*================= INVITE FRIEND ==================== */ #friend_refer h2{font-size:22px} #refer_main{padding:0 1%; font-size:17px} #refer_login .inp_text{max-width:330px; margin:0 0 15px} #refer_login .cont_elem{margin:0} /*================= CUSTOM PRODUCTS ==================== */ .banner_points .point{font-size:12px; width:27%; padding:0 3% 3%; line-height:19px} .banner_points h3{font-size:14px} /*================= IDEA GALLERY ==================== */ #idea_main .prod_item{width:50%} /*- redesign -*/ #idea_gall_header .top ul li{padding:0 15px; font-size:13px} #idea_gall_header .top img{width:240px} #idea_gall_header .bottom h2{float:none; padding:2px 20px} .ig_top_filters{float:none; text-align:left; padding:10px 20px 0; border-top:1px solid #666} /*================= ERROR PAGE ==================== */ #error_content >div{font-size:12px} #error_content >div strong{font-size:13px} #error_content ul{margin:3% 2%} /*================= BUILD UPDATES ==================== */ .build_step_quest, .build_comments{width:100%; float:none} .build_comments{padding:35px 0 0; border-top:1px solid #ccc} /*================= SITEMAP ==================== */ #sitemap >.col{width:100%; float:none} /*====== CUSTOMER PHOTO ======= */ #cust_photo_gallery .thumbs_wrap{left:0; width:686px} #cust_photo_gallery .thumbs_hold{width:686px} #cust_photo_gallery .thumbnails a{width:160px; height:105px} #cust_photo_gallery .thumbnails a img{max-width:100%; height:auto} #cust_photo_bottom img{max-width:300px; height:auto} /*====== Win Your Wishlist ======= */ .wish_cols .point .inp_btn{width:90%; font-size:16px} .wish_cols .point{font-size:16px; line-height:24px} /*------ Our Guarantee ------*/ .why_jb_points img{max-width:50%} .why_jb_single{width:48%; max-width:460px;} /*================= CONSTRUCTION QALITY ==================== */ .qc_photo_style {padding: 50px 0px;} .quality_sketch_text .col {padding: 0px 10px;} #s2_page .quality_photo_end h2 {font-size: 26px;} } @media only screen and (max-width:700px){ .static_main, .static_sidebar{width:100%; float:none; margin:0 auto 20px; max-width:460px} /*------ International Shipping Request ------*/ #shipping_req img{display:none} #shipping_req h2{font-size:22px} .shipping_requests{float:none; width:100%; margin:0 auto} /*================= INVITE FRIEND ==================== */ #refer_main, #not_loged_block, #refer_sideforms, .sent_restriction{float:none; width:98%; margin:0 auto 30px} #refer_main{font-size:17px} #refer_login .inp_text{max-width:350px} #refer_login .cont_elem{margin:0 22px 0 0} /*================= SUBMIT PHOTO ==================== */ .sf_steps_wrap, #sp_form, #sp_not_loged{width:100%; float:none; margin:0 auto} /*================= CONTACT US ==================== */ #contact_us_form{max-width:300px; margin:0 auto} #contact_us_form .inp_label{font-size:12px; line-height:normal; display:block; width:auto; text-align:left} .checkbox_area .lab_check{font-size:12px; margin-bottom:10px} /*================= CUSTOM PRODUCTS ==================== */ #cust_feedback{padding:30px 10px 40px} .cust_faq, #cust_question_form{width:100%; float:none; margin:0 auto 20px} /*================= IDEA GALLERY ==================== */ #idea_capt h2{font-size:22px; padding:0 1%} #idea_sidebar, #idea_main{width:98%; float:none; margin:0 auto 20px} #idea_sidebar{max-width:460px} /*-- redesign --*/ #idea_gall_header .top ul li{padding:0 10px; font-size:12px} #ig_grid a{width:50%} /*================= STATIC (layout2) ==================== */ #s2_page h2{font-size:22px} .dt_main, .dt_sidebar{width:100%; float:none; margin:0 auto 20px} .dt_sidebar{max-width:460px} #static_top_menu >li{float:none; border-bottom:1px solid #ddd} #static_top_menu >li >a{height:30px; line-height:30px; margin:0} /*================= BUILD UPDATES ==================== */ .bu_main p, .bu_text_cols >div{font-size:12px; line-height:16px} .build_overview .p_details{width:100%; float:none; clear:both} /*====== Win Your Wishlist ======= */ .wish_cols .point{width:100%; max-width:320px; border:none; min-height:0; margin:0 auto 20px; float:none; border-bottom:2px solid #dcdcdc} .wish_cols .point:last-child{border-bottom:none;} #static_content #wish_share p{font-size:18px; line-height:24px} /*============== ABOUT US dev ============== */ .aboutus_main{padding-top:35px} .greed_text{padding:15px 5px 5px} } @media only screen and (max-width:600px){ .future_furniture{background:none; padding:4% 2%} .future_furniture div{width:100%; margin:0 auto} .grad_block div, .main_points div{width:100%; float:none; margin:0 auto} /*------ Product Financing ------*/ #financing_wrap{padding:0!important; background:none} #s2_page .ca_box h2{padding:10px 10px 20px!important; font-size:22px!important} /*================= BUILD UPDATES ==================== */ .bu_main p{position:static; max-width:600px; width:96%; margin:5px auto 20px} .bu_text_cols{padding:0 10px 20px; margin-bottom:15px} .bu_text_cols >div{width:100%; margin:0 auto 20px; float:none} .bu_bottom{margin:0 0 30px} /* --- Idea Gallery new --- */ #idea_gall_header .top ul li{padding:5px 10px;} #idea_gall_header .top ul li.main{display:block} #idea_gall_header .top ul li.main:before{display:none} .ig_top_filters{font-size:11px; line-height:26px} .ig_top_filters a{height:24px; padding-left:5px; margin:0 2px} .ig_top_filters a .ig_count{height:24px; padding:0 5px; margin-left:5px} /* --- Go Custom --- */ #scroll_menu .scroll_logo{max-width:50%;} #scroll_menu .inp_btn{max-width:50%;} } @media only screen and (max-width:470px){ #info_design img{float:none; margin:0 auto 20px; display:block; max-width:100%} #info_design h2, #info_design p, #info_design a{margin-left:0px} .personal_quote img{display:none;} #p_quote_1 div, .personal_quote div{width:100%; max-width:460px; float:none} #p_quote_2{margin-bottom:10px} #static_content .main_points p{margin-bottom:20px} .main_points div{padding:0 10%} /*================= INVITE FRIEND ==================== */ #not_loged_block h3{font-size:18px} #refer_login .cont_elem{margin:0} #refer_login .inp_text{width:270px;} #refer_login .form_note{width:auto; margin-bottom:10px} #refer_login .inp_label, #refer_sideforms label{line-height:normal; font-size:12px} #refer_login .inp_btn{float:none; margin:0} #refer_sideforms textarea, #refer_sideforms input[type="text"]{max-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box} /*================= SUBMIT PHOTO ==================== */ #sp_form h3, #sp_not_loged h3{font-size:20px} #sp_form h3{font-size:16px} /*================= CUSTOM PRODUCTS ==================== */ .banner_points{background:none} .banner_points .point{width:92%; float:none; max-width:460px} #cust_question_form .inp_text, #cust_question_form .inp_area{max-width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box} /*================= IDEA GALLERY ==================== */ .idea_room_holder a, .idea_room_holder a:nth-child(odd){width:100%; display:block; margin:0 auto 10px;} #idea_main .prod_wrap{background:none} #idea_main .prod_item{width:100%} .tag{display:none} /*-- redesign --*/ #ig_grid a{width:100%; float:none; display:inline-block} /*================= BUILD UPDATES ==================== */ .bu_bottom >img{margin:0 auto 10px; display:block; max-width:50%} .build_overview img{width:100%; float:none; margin-bottom:10px} .build_steps .step .step_img{padding:9.2%} .build_steps .step.odd .step_img{float:none; width:100%} .build_steps .step.even .step_img{float:none; width:100%; min-height:0} .build_steps .step .step_img img{width:auto} .build_steps .step .step_img.first_step img, .build_steps .step .step_img.last_step img{max-height:100%} .build_steps .step .step_detail{width:100%} /*================= ERROR PAGE ==================== */ #error_content >div{width:96%; margin:20px auto; position:static} /*================= SITEMAP ==================== */ #sitemap li>ul{border-bottom:1px solid #ccc; margin:10px 0; padding:0} #sitemap .col, #categories_sitemap>li, #categories_sitemap>li.double_col li{width:100%; float:none; margin:0} #sitemap h2{font-size:17px; padding:10px 5px; background:#34AFB4; color:#fff} #sitemap h3{padding:0; margin:0 0 2px} #sitemap h3 a{padding:5px 20px; background:#787878; color:#fff; display:block} #sitemap h3 a:hover{text-decoration:none; background:#545454} #sitemap li{margin:0 0 -1px} #categories_sitemap>li.double_col li >a, #sitemap li >a{display:block; padding:7px 20px; border:1px solid #ccc; background:#f5f5f5; margin:0 0 -1px} /*====== Win Your Wishlist ======= */ #static_content #wish_share p{width:90%; padding:10px 0 0} /* --- Go Custom --- */ #scroll_menu .scroll_logo{max-width:100%; float:none; text-align:center; margin:0 auto;} #scroll_menu .inp_btn{max-width:100%; float:none;} } @media only screen and (max-width:320px){ } @media print{ #sp_form, .inp_btn, .top_nav, .catalog_image a, #static_top_menu, #links_list{display:none} .sf_steps_wrap{width:auto} .tagCloud{display:block!important; border:1px solid #34AFB4} #financing_wrap{padding-right:60px!important} .future_furniture{height:550px} .future_furniture >div{width:auto} } @media only screen and (max-width:1180px){ #s2_page .top_image h2 {font-size: 44px;} #static_content .top_image p{font-size: 36px;} #static_content .cust_mat h3{font-size: 30px;} #static_content .cust_mat p {font-size: 16px;} #static_content .blank_canvas p{font-size: 16px;} #static_content .how_fabric_text p {width: 55%;} .roll {padding: 85px 0px;} #static_content .roll p{font-size: 16px;} } @media only screen and (max-width:1026px){ #s2_page .top_image h2 {font-size: 36px;} #static_content .top_image p {font-size: 28px;} .cust_mat{height: 290px; padding: 35px 0px 0px;} #static_content .cust_mat h3 {font-size: 28px;} #static_content .cust_mat p {font-size: 14px;} #static_content .blank_canvas p {font-size: 14px;} .how_in h4{font-size: 18px;} .how_fabric_text {padding-top: 3%;} .how_fabric_text h4 {font-size: 18px; padding-bottom: 15px;} #static_content .how_fabric_text p {width: 80%; font-size: 14px;} .roll {padding: 40px 0px 70px;} #static_content .roll h3 {font-size: 30px; padding: 20px 0px 30px;} #static_content .roll p {font-style: 14px; width: 85%;} } @media only screen and (max-width:900px){ .cust_mat{height: 255px; padding-top: 25px;} .cust_mat img{width: 100px;} #com_slider_wrap .tileSliderNav:before, #com_slider_wrap .tileSliderNav:after {width: 2100px;} #com_slider_wrap .slick-slide img {height: 300px;} #com_slider_wrap .tileSliderNav .slick-prev{margin-left: 40px;} #com_slider_wrap .tileSliderNav .slick-next{margin-right: 40px;} .blank_canvas{height: 200px;} #static_content .blank_canvas h3{font-size: 28px; padding: 30px 0px 10px;} #static_content .blank_canvas p{width: 90%;} .how_easy {padding: 3% 0px 0%;} #static_content .how_easy h3 {font-size: 30px;} .how_in {width: 100%;} #static_content .how_in p {width: 50%; padding-bottom: 25px;} .how_in_first {border-right: none;} .how_in:last-child {border-left: none;} #static_content .how_fabric_text p {width: 85%;} #static_content .roll p {font-size: 14px;} #static_content .roll h3.roll_h3 {padding-top: 30px;} .roll_img {width: 50%;} } @media only screen and (max-width:800px){ #s2_page .top_image h2 {font-size: 30px;} #static_content .top_image p {font-size: 22px;} #static_content .cust_mat h3{padding: 15px 0px 0px} #static_content .cust_mat h3 span{font-size: 28px;} #static_content .cust_mat p {width: 90%;} }