/* Theme Name: nutraflushpro Version: 1.0 Text Domain: nutraflushpro.com */ .woocommerce .cart-collaterals .shipping_calculator { float: left!important; clear: left!important;} .shipping-calculator-button:hover { color: #B1B1B1;} /* hides the spin-button for firefox */ input[type=number] { -moz-appearance:textfield; } /* hides the spin-button for chrome*/ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before {padding-top: 0!important;} .container-wp { padding: 20px; } .select-block-wp { margin-left: -30px; } .select-block-wp H2 { text-align: center; } /*====================================== reset.css is here ========================================*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;} table { border-collapse:collapse; border-spacing:0;} fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} ol,ul { list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold;} q:before,q:after {content:'';} abbr,acronym { border:0;} .clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;} .clrflt{clear:both;} .last {margin:0 !important;} .pad_last{padding:0 !important;} .no_bg {background:none !important;} /**************************************************************************************/ a {color:#000; text-decoration:none; outline:0 none;} a:hover {color:#000; text-decoration:none;} h1 {font-size:24px;} h2 {font-size:22px;} h3 {font-size:18px;} h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;} /*----------------------------------------------------------------------------------*/ html {} body {color:#b1b1b1; font-family:"Arial", Verdana, Tahoma; font-size:12px; background:url(//cdn.nutraflushpro.com/images/body-backgrd.jpg) repeat-x center top;} .flt_lt {float:left; display:inline;} .flt_rt {float:right; display:inline;} /* ---------------------------------------------------------------------------------*/ @font-face { font-family: 'pristinaregular'; src: url('//cdn.nutraflushpro.com/fonts/webfontkit-20140623-000308/pristina-regular-webfont.eot'); src: url('//cdn.nutraflushpro.com/fonts/webfontkit-20140623-000308/pristina-regular-webfont.eot?#iefix') format('embedded-opentype'), url('//cdn.nutraflushpro.com/fonts/webfontkit-20140623-000308/pristina-regular-webfont.woff') format('woff'), url('//cdn.nutraflushpro.com/fonts/webfontkit-20140623-000308/pristina-regular-webfont.ttf') format('truetype'), url('//cdn.nutraflushpro.com/fonts/webfontkit-20140623-000308/pristina-regular-webfont.svg#pristinaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadProRegular'; src: url('//cdn.nutraflushpro.com/fonts/myriadpro-regular/myriadpro-regular.eot'); src: url('//cdn.nutraflushpro.com/fonts/myriadpro-regular/myriadpro-regular.eot') format('embedded-opentype'), url('//cdn.nutraflushpro.com/fonts/myriadpro-regular/myriadpro-regular.woff') format('woff'), url('//cdn.nutraflushpro.com/fonts/myriadpro-regular/myriadpro-regular.ttf') format('truetype'), url('//cdn.nutraflushpro.com/fonts/myriadpro-regular/myriadpro-regular.svg#MyriadProRegular') format('svg'); } /* ----------------------- layout ----------*/ .wrapper {margin:0 auto; background:url(//cdn.nutraflushpro.com/images/tree-img.png) no-repeat center top;} .container {width:960px; margin:0 auto; border:1px solid red; border-top:0 none; height:800px;} .main_content { width:1038px; margin:0 auto;} .header {} /*----------------------block1---------------------*/ .block1 { width:1038px; margin:0 auto; background:url(//cdn.nutraflushpro.com/images/block-img.png) no-repeat center top; min-height:664px; position:relative;} .block1-in { width:1033px; background:url(//cdn.nutraflushpro.com/images/block-img1.png) no-repeat center right; min-height:660px; position:relative; z-index:99999;} .block1-in p { float:left; font-family: 'MyriadProRegular'; font-size:26px; color:#009bd2; display:block; line-height:24px; padding:33px 0 0px 95px; word-spacing:-4px;} .level-1 { width:730px; padding:16px 0 0; display:inline-block;} .line { position:absolute; top:110px; left:15px; z-index:99;} .level-2 { width:527px; display:block; margin:0 0 0 16px; padding:51px 0 0 123px; position:relative;} .level-2 small { display:block;} .level-2 h1 { font-family: 'MyriadProRegular'; font-size:72px; color:#004497; display:block; text-align:right; padding:10px 21px 20px 0;} .level-2 span { display:block; padding:0 0 25px 213px;} .nutra { width:482px; position:absolute; top:148px; left:-96px; z-index:999;} .body { width:829px; float:right; position:relative; z-index:999999;} .body a { background:url(//cdn.nutraflushpro.com/images/blue-rec.png) no-repeat center top; width:221px; float:left; font-weight:600; display:inline-block; text-align:center; padding:16px 0 23px; margin:26px 0 0 0;} .body a span { display:inline-block;} .body h4 { float:right; background:url(//cdn.nutraflushpro.com/images/green-rec.png) no-repeat center top; width:576px; display:inline-block; text-align:center; padding:27px 0 26px; margin:-11px 3px 0;} /* ------------------ logo HERE -------------------*/ .logo { width:267px; display:inline-block; float:left; margin:0 0 0 52px;} .logo a { display:inline-block;} /* ------------------------ MIAN CONTENT HERE --------------*/ .detoxify { width:967px; margin:18px 0 0 39px; border:solid 5px #a8abac; border-radius:22px; background:#FFF; -webkit-box-shadow: inset 0 0 77px 39px #f1f1f1; box-shadow: inset 0 0 77px 39px #f1f1f1;} .detoxify-lft { width:353px; float:left; position:relative; z-index:99999999; margin:0 0 0 7px;} .detoxify-rght { width:605px; float:right;} .detoxify-rght h5 { font-family: 'MyriadProRegular'; font-size:30px; color:#FFF; font-weight:600; line-height:33px; background:url(//cdn.nutraflushpro.com/images/blue--rec-img2.png) no-repeat center top; width:414px; margin:-14px 0 0 116px; padding:5px 0 22px 26px; font-style:italic;} .detoxify-rght small { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#3d3d3d; font-weight:bold; padding:18px 0 24px 0; word-spacing:2px; font-style:italic; display:block;} .detoxify-rght ul { float:left; display:inline-block; margin:0 0 11px 7px;} .detoxify-rght ul li { float:left; display:inline-block;} .mrg1 { margin:0 80px 0 37px;} .mrg2 { margin:0 35px 0 53px !important;} .detoxify-rght ul li span { font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#0068ac; font-weight:bold; font-style:italic;} .detoxify-rght p { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#3d3d3d; line-height:19px; font-style:italic; word-spacing:3px; margin:0 0 0 -2px; padding:20px 0 0 0;} .block3 { width:989px; margin:18px 0 0 39px; background:url(//cdn.nutraflushpro.com/images/block3-bg.png) no-repeat center top; margin:18px 0 0 39px;} .block3-lft { width:386px; float:left; padding:31px 0 85px 37px; position:relative;} .block3-lft span { display:block; padding:0 0 35px 0;} .block3-lft small { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3d3d3d; display:block; font-weight:bold; line-height:19px; padding:0 0 22px 24px; word-spacing:8px;} .block3-lft p { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#3d3d3d; line-height:19px; width:300px; padding:0 0 25px 23px; text-align:justify;} .block3-cen { position:absolute; top:4px; right:-239px; z-index:999;} .block3-rght { background:url(//cdn.nutraflushpro.com/images/block3-rec22.png) no-repeat center top; width:375px; float:right; margin:84px 11px 0 0; position:relative;} .block3-rght small { font-family: 'MyriadProRegular'; font-size:43px; color:#000000; display:inline-block; position:absolute; top:-29px; left:18px;} .block3-rght-top { background:url(//cdb.nutraflushpro.com/images/block3-rec.png) no-repeat left top; margin:-13px 0 0 0; padding:1px 0 23px;} .block3-rght-top a { display:inline-block; margin:0 0 0 36px;} .block3-rght p { background:url(//cdn.nutraflushpro.com/images/click-icon.png) no-repeat left 19px; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#000000; line-height:19px; padding:24px 33px 6px 66px; margin:-8px 0 5px 32px; font-style:italic;} .block3-rght .botn { background:url(//cdn.nutraflushpro.com/images/block3-rec2.png) no-repeat center top; width:261px; float:right; margin:13px 2px 0 0;} .block3-rght .botn span { display:block; padding:18px 0 22px 1px; text-align:center;} .pistha { position:absolute; bottom:-63px; left:-55px; z-index:99999;} .block4 { width:970px; margin:0px 0 0 37px; border:solid 5px #94a6aa; border-radius:26px; background:#FFF; -webkit-box-shadow: inset 0 0 26px 31px #f1f1f1; box-shadow: inset 0 0 26px 31px #f1f1f1; box-shadow:1px 3px 8px #000;} .block4-lft { width:375px; float:left; position:relative; padding:100px 0 0 37px;} .does { width:432px; background:url(//cdn.nutraflushpro.com/images/blue--rec-img2.png) no-repeat center top; position:absolute; top:-22px; left:-26px;} .does h4 { font-family: 'MyriadProRegular'; font-size:32px; color:#FFF; line-height:33px; font-weight:600; font-style:italic; padding:5px 0 16px 22px;} .healthy-body { width:311px; position:relative; margin:6px 0 0 11px;} .healthy-body a { display:inline-block; position:absolute; bottom:19px; right:30px;} .healthy-body h6 { position:absolute; bottom:-11px; right:52px; display:inline-block;} .over-all { width:381px; padding:76px 0 14px 7px; display:inline-block;} .over-all ul { float:left; display:inline-block;} .over-all ul li { display:inline-block; background:url(//cdn.nutraflushpro.com/images/over-all-bg.png) no-repeat center bottom; margin:0 0 19px 0;} .over-all ul li span { float:left; display:inline-block; padding:0px 0 0 2px;} .over-all ul li h6 { float:left; display:inline-block; padding:0 0 4px 10px;} .over-all ul li small { float:left; display:inline-block; padding:0 0 14px 10px;} .block4-rght { width:557px; float:right; padding:66px 0 0 0;} .block4-rght h5 { padding:0 0 4px 3px; text-shadow:0px 1px 1px #000;} .block4-rght p { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3d3d3d; line-height:19px; padding:3px 0 32px 4px;} .block4-nutra { display:inline-block; float:right; margin:-22px 0 0 0;} .lose-block { width:970px; margin:9px 0 0 37px; border:solid 5px #94a6aa; border-radius:26px; -webkit-box-shadow: inset 0 0 26px 31px #f1f1f1; box-shadow: inset 0 0 26px 31px #f1f1f1; box-shadow:1px 1px 4px #000;} .lose-blockin { width:971px; margin:-1px auto 0; background:url(//cdn.nutraflushpro.com/images/lose-block-img1.png) no-repeat top right; position:relative; padding:0px 0 19px 0;} .lose-1 { width:739px; float:right; padding:9px 0 0 0;} .lose-1 h6 { display:block; padding:0 0 0 7px;} .lose-1 h5 { display:block; padding:4px 0 9px 121px;} .lose-1 span { display:block; padding:0 0 5px 84px;} .lose-2 { width:350px; padding:27px 0 0 34px; position:relative; z-index:999999;} .lose-2 .bot2 { background:url(//cdn.nutraflushpro.com/images/block3-rec2.png) no-repeat center top; width:261px; display:block; float:left; margin:-4px 0 0; padding:0;} .lose-2 .bot2 small { display:block; text-align:center; padding:17px 0 21px 0;} .lose-2 a { display:inline-block; float:right; margin:15px 0 0 0;} .lose-2 span { margin:15px 0 0 0;} .lose-nutra1 { display:inline-block; position:absolute; top:51px; left:-76px;} .select-block { background:url(//cdn.nutraflushpro.com/images/select-bk-bg.png) no-repeat center top; width:989px; margin:24px 0 0 36px; padding:32px 0 61px 0;} .select-block h2 { display:block; text-align:center; padding:0 0 0 28px;} .afford { background:url(//cdn.nutraflushpro.com/images/arrord-bg.png) no-repeat center top; width:248px; float:left; position:relative; padding:71px 0 0 0; margin:89px 19px 0 89px;} .afford h4 { background:url(//cdn.nutraflushpro.com/images/efford-rec.png) no-repeat center top; width:225px; padding:16px 0 21px; text-align:center; position:absolute; top:10px; right:-16px;} .afford p { display:inline-block; padding:9px 0 0 7px;} .afford span { display:block; font-family: 'MyriadProRegular'; font-size:19px; color:#005099; text-align:right; font-weight:600; font-style:italic; padding:0 14px 0 0; margin:-6px 0 0;} .afford h6 { display:block; text-align:right; font-family: 'MyriadProRegular'; font-size:36px; color:#055fb0; padding:0 0 0px; line-height:34px; margin:-10px 0 -7px;} .afford a { display:block; background:url(//cdn.nutraflushpro.com/images/buy-rec.png) no-repeat center top; width:148px; text-align:center; padding:15px 0 20px; margin:0 auto;} .afford a small { display:block;} .popular { background:url(//cdn.nutraflushpro.com/images/papular-bg.png) no-repeat center top; width:271px; float:left; position:relative; padding:79px 0 0 0; margin:13px 0 0 0;} .popular h4 { background:url(//cdn.nutraflushpro.com/images/pap-rec.png) no-repeat center top; width:154px; padding:14px 0px 18px 0; text-align:center; position:absolute; top:12px; right:-16px;} .popular h5 {background:url(//cdn.nutraflushpro.com/images/most-rec.png) no-repeat center top; width:264px; padding:13px 0 19px; text-align:center; margin:0 0 0 4px;} .popular p { display:inline-block; padding:20px 0 0; margin:0 0 -12px -16px;} .popular span { display:block; padding:0 0 0 4px;} .popular em { display:block; text-align:right; padding:6px 12px 0 0;} .popular h6 { display:block; text-align:right; padding:0; margin:-7px -5px 0 0px;} .popular a {display:block; background:url(//cdn.nutraflushpro.com/images/buy-rec.png) no-repeat center top; width:148px; text-align:center; padding:15px 0 20px; margin:0 auto;} .popular a small { display:block;} .maximum { background:url(//cdn.nutraflushpro.com/images/mamxium-bg.png) no-repeat center top; width:247px; float:left; margin:89px 0 0 20px; position:relative; padding:80px 0 0 0;} .maximum h4 { background:url(//cdn.nutraflushpro.com/images/mamx-rec.png) no-repeat center top; width:209px; padding:14px 0px 18px 0; text-align:center; position:absolute; top:12px; right:-11px;} .maximum p { display:inline-block; margin:0 0 -14px -18px;} .maximum span { display:block; text-align:right; padding:0 11px 0 0;} .maximum h6 { display:block; text-align:right; padding:0; margin:-8px -7px -12px;} .maximum a { display:block; background:url(//cdn.nutraflushpro.com/images/buy-rec.png) no-repeat center top; width:148px; text-align:center; padding:15px 0 20px; margin:0 auto;} .maximum a small { display:block; padding:0 0 0 4px;} /* ---------------------------------------------------------*/ /* ------------------ FOOTER HERE --------------------------*/ .footer { width:1038px; margin:0 auto;} .footer_in { width:990px; display:block; margin:0 auto; padding:0 0 11px;} .footer_nav { display:inline-block; float:right; padding:19px 0 28px 0;} .footer_nav ul { display:inline-block; margin:0; float:left;} .footer_nav ul li { float:left; display:inline-block; margin:0 10px 0 0;} .footer_nav ul li a { font-family: 'MyriadProRegular'; font-size:18px; font-weight:normal; color:#a7a7a7; display:inline-block; background:url(//cdn.nutraflushpro.com/images/nav_border.jpg) no-repeat right 0px; padding:0 14px 0 0;} .footer_nav ul li a:hover { text-decoration:underline;} .footer_bott { width:986px; display:block; margin:0 auto;} .footer_bott_lef { width:388px; display:inline-block; float:left; margin:0; padding:12px 0 0 27px;} .footer_bott_lef h6 { font-family: 'MyriadProRegular'; font-size:18px; font-weight:normal; font-style:italic; color:#7c7c7c; padding:0 0 12px 0; display:block; line-height:24px;} .footer_bott_lef ul { float:left; display:inline-block; margin:0 0 0 21px;} .footer_bott_lef ul li { float:left; display:inline-block; margin:0 6px 0 0;} .footer_bott_lef ul li a { display:inline-block;} .footer_bott_mid { width:256px; display:inline-block; float:left; padding:8px 0 0;} .footer_bott_mid h6 { font-family: 'MyriadProRegular'; font-size:18px; font-weight:normal; font-style:italic; color:#7c7c7c; padding:0 0 16px 0; display:block; line-height:24px;} .footer_bott_mid ul { float:left; display:inline-block; margin:0 0 0 40px;} .footer_bott_mid ul li { float:left; display:inline-block; margin:0 10px 0 0;} .footer_bott_mid ul li a { display:inline-block;} .footer_bott_rit { width:315px; display:inline-block; float:right; padding:42px 0 0 0; background:url(//cdn.nutraflushpro.com/images/footer_bg.png) no-repeat top left;} .footer_bott_rit p { font-family: 'MyriadProRegular'; font-size:15.5px; font-weight:normal; color:#7c7c7c; display:block; padding:0 0 22px 16px; line-height:18px; } .footer_bott_rit .f_logo { float:right; display:inline-block; margin:0;}.copy {} /* ---------------------------------------------------------*/ /* ----------------- MENU HERE -----------------------------*/ #navbar {width: 100%; height: 70px; background: url('//cdn.nutraflushpro.com/images/menu.png') repeat-x;} #navigation {width: 960px; margin: 0 auto;} #navigation .logo img {height: 60px; margin-top: 5px;} #navigation .menu {padding: 19px 0 28px 0; float: right; display: inline-block; width: 367px;} #navigation .menu ul {display: inline-block; margin: 0; float: left;} #navigation .menu ul li {float: left; display: inline-block; margin: 0 10px 0 0;} #navigation .menu ul li a {font-family: 'MyriadProRegular'; font-size: 23px; font-weight: normal; color: #a7a7a7; display: inline-block; text-transform: uppercase; background: url(//cdn.nutraflushpro.com/images/nav_border.jpg) no-repeat right 0px; padding: 0 14px 0 0;} /* ---------------------------------------------------------*/ /* -----------------------contact us----------------------------------*/ #myform textarea, #myform input.text-input { background: none repeat scroll 0 0 #D2F1F4; border-radius: 3px; border: 1px solid #464D49; border-width: 1px; display: inline-block; height: 30px; margin: 0 0 10px; padding: 5px 7px; width: 100%; color: #8B8B8B; } #contact form #message { height: 85px; } .submit { padding: 5px; } .contact-page { padding: 20px; padding-right: 40px; } .fl_left { float: left; } .fl_right { float: right; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } .col-sm-8 { width: 60%; } #message { height: 125px!important; font-family: "Arial", Verdana, Tahoma; } .col-md-3 { width: 32% } .col-md-6 { width: 34% } .top-policies, .top-contact, .top-freeoffer { color: #8B8B8B; padding-top: 10px; } .text-center {text-align: center;} .inner-page-wrapper {background: rgba(128, 128, 128, 0.30); width: 960px; padding: 0 5px;} .inner-page {background: white; width: 100%; min-height: 600px;}