/* ========================================================================== Author's custom styles ========================================================================== */ @font-face { font-family: 'MyriadPro-light'; src: url('fonts/MyriadPro-Light.eot'); src: local('☺'), url('fonts/MyriadPro-Light.woff') format('woff'), url('fonts/MyriadPro-Light.ttf') format('truetype'), url('fonts/MyriadPro-Light.svg') format('svg'); } /* Generated by Fontie - the magic webfont generator */ @font-face { font-family:'MyriadPro-BoldCond'; src: url('fonts/MyriadPro-BoldCond_latin+latin-ext_gdi.eot'); src: url('fonts/MyriadPro-BoldCond_latin+latin-ext_gdi.eot?#iefix') format('embedded-opentype'), url('fonts/MyriadPro-BoldCond_latin+latin-ext_gdi.woff') format('woff'), url('fonts/MyriadPro-BoldCond_latin+latin-ext_gdi.ttf') format('truetype'), url('fonts/MyriadPro-BoldCond_latin+latin-ext_gdi.otf') format('opentype'), url('fonts/MyriadPro-BoldCond_latin+latin-ext_gdi.svg#MyriadPro-BoldCond') format('svg'); font-weight: 700; font-style: normal; font-stretch: condensed; unicode-range: U+0020-20AC; } @font-face { font-family:MyriadPro; src: url('fonts/MyriadPro-Regular.eot'); /* IE9 Compatibility Modes */ src: url('fonts/MyriadPro-Regular.eot?') format('eot'), /* IE6-IE8 */ url('fonts/MyriadPro-Regular.woff') format('woff'), /* Modern Browsers */ url('fonts/MyriadPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/MyriadPro-Regular.svg#svgMyriadPro-Regular') format('svg'); /* Legacy iOS */ } /** Generated by FG **/ @font-face { font-family: 'Conv_MyriadPro-Bold'; src: url('fonts/MyriadPro-Bold.eot'); src: local('☺'), url('fonts/MyriadPro-Bold.woff') format('woff'), url('fonts/MyriadPro-Bold.ttf') format('truetype'), url('fonts/MyriadPro-Bold.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadPro-Bold'; src: url('fonts/MyriadPro-Bold.eot'); src: url('fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/MyriadPro-Bold.woff') format('woff'), url('fonts/MyriadPro-Bold.ttf') format('truetype'), url('fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg'); font-weight: bold; font-style: normal; } ::-moz-selection{ background:transparent; color:#000; text-shadow: none; } ::selection { background:transparent; color:#000; text-shadow: none; } .alignleft {margin:0;padding:0 15px 0 0; float: left;} .alignright {margin:0;padding:0 15px 0 10px;float: right;} .aligncenter {text-align: center;padding:0 10px 0 0;display:block;} a { color:#000; text-shadow: none; text-decoration:none; } a:hover { color:#0e77bb; text-shadow: none; text-decoration:none; } p { margin:0; padding:0; font-size:18px; line-height:21px; font-family:'MyriadPro-Light'; font-weight:normal; color:#5d5d5d; text-align:left; } p span { color:#0e77bb; font-size:19px; line-height:22px; } body { margin:0; padding:0; width:100%; float:left; } /*-----------------------------------responsive css---------------------------------*/ @media screen and (min-width : 970px) and (max-width :1100px) { .inner-header{ margin:0 auto; padding:0; width:950px !important; } .logo-holder-sec{ margin:0; padding:0; width:29%; float:left;} .menu-holder-sec{ margin:0; padding:0; width:54% !important; float:right;} .menu-row{ margin:8px 0 0 0; padding:0; width:80%; float:right;} .mail-sec-holder{ margin:0; padding:0; width:42%; float:left;} .phone-sec-holder{ margin:0; padding:10px 0 0 0; width:50%; float:left;} .inner-content{ margin:0 auto; padding:0; width:950px !important; } .contact-txt-holder{ margin:0; padding:0; width:26%; float:left; background:#f6000d url('../images/contact-txt-bkg.png') no-repeat scroll 0 0;height:168px;} .main-form-holder{ margin:0; padding:0; width:74%; float:left; background-color:#f6000d;} .form-field-top{ margin:0; padding:0; width:33%; float:left;} img.needle-img{width:32%;} ul.content-img-list li{width:33%;} .inner-article{ margin:0 auto; padding:0; width:950px !important;} .top-row-article{ margin:0; padding:0; width:100%; float:left; text-align:center;} .bottom-row-article{ margin:35px 0 0 0; padding:0; width:100%; float:left;} .article-left-sec{ margin:0 6% 0 0; padding:0; width:29%; float:left;} .article-right-sec{ margin:0; padding:0; width:29%; float:left;} p.article-small-txt{padding:10px 12px 0 12px !important;} .inner-section{ margin:0 auto; padding:0; width:950px !important;} .inner-footer{ margin:0 auto; padding:0; width:950px !important;} .left-footer{ margin:0; padding:0; width:34% !important; float:left;} .mid-footer{ margin:16px 0 0 0; padding:0; width:20%; float:left;} .right-footer{ margin:0; padding:0; width:40% !important; float:right;} /* ============================= About Us starts here=========================== */ img.needle-img-about{ margin:0; padding:31px 54% 0 0 !important; float:right; } /* ============================= About Us Ends here=========================== */ } @media screen and (min-width : 768px) and (max-width : 969px) { .inner-header{ margin:0 auto; padding:0; width:750px !important; } .logo-holder-sec{ margin:15px 0 0 0 !important; padding:0; width:29%; float:left;} .menu-holder-sec{ margin:0; padding:0; width:69% !important; float:right;} .menu-row { margin:15px 0 0 0!important; padding:0; width:80%; float:right;} .mail-sec-holder{ margin:0; padding:0; width:42%; float:left;} .phone-sec-holder{ margin:0; padding:10px 0 0 0; width:50%; float:left;} p.mail-txt{padding:0 0 0 25px !important;} .inner-content{ margin:0 auto; padding:0; width:750px !important; } .contact-txt-holder{ margin:0; padding:0; width:22% !important; float:left; background:#000 !important;height:168px; background-image:none !important;} img.shadow-img{ margin:0; padding:0;float: left;} h5.contact-txt{ font-size: 24px !important; } .main-form-holder{ margin:0; padding:0 0 0 4% !important; width:78% !important; float:left; background-color:#f6000d;} .form-field-top{ margin:0; padding:0; width:33%; float:left;} img.needle-img{display:none;} ul.content-img-list li{width:33%;} .welcome-sec-left{ margin:0; padding:0; width:55% !important; float:left; } .welcome-sec-right{ margin:0; padding:15px 0 0 0; width:40% !important; float:right; } img.needle-img2{ margin:0 50px 0 0 !important; padding:10px 0 0 0; float:right; } .inner-article{ margin:0 auto; padding:0; width:750px !important;} .top-row-article{ margin:0; padding:0; width:100%; float:left; text-align:center;} .bottom-row-article{ margin:35px 0 0 0; padding:0; width:100%; float:left;} .article-left-sec{ margin:0 6% 0 0; padding:0; width:29%; float:left;} .article-right-sec{ margin:0; padding:0; width:29%; float:left;} p.article-small-txt{padding:10px 12px 0 12px !important;} h2.hot-water-txt{font-size:26px !important;} .inner-section{ margin:0 auto; padding:0; width:750px !important;} .section-blog{ margin:0; padding:0; width:63% !important; float:left;} .section-hding{ margin:0; padding:0; width:30% !important; float:right;} .blog-left-img{ margin:0; padding:0; width:22%; float:left;} .blog-right-txt{ margin:0; padding:0; width:78%; float:right;} .inner-footer{ margin:0 auto; padding:0; width:750px !important;} .left-footer{display:none;} .mid-footer{ margin:16px 0 0 0; padding:0; width:64% !important; float:right !important; text-align:center;} img.fb-img{ margin:-10px 60% 0 0 !important; padding:0; float:right;} .right-footer{display:none;} /* ============================= About Us starts here=========================== */ img.needle-img-about{ margin:0; padding:31px 42% 0 0 !important; float:right; } /* ============================= About Us Ends here=========================== */ } @media screen and (min-width : 640px) and (max-width: 767px) { .inner-header{ margin:0 auto; padding:0; width:620px !important; } .logo-holder-sec{ margin:0 !important; padding:0; width:29%; float:left;} .menu-holder-sec{ margin:0; padding:0; width:69% !important; float:right;} .menu-row { margin:8px 0 0 0; padding:0; width:80%; float:right;} .facebook-holder { margin:9px 0 0 0 !important; } .mail-sec-holder{ margin:0; padding:0; width:51% !important; float:left;} .phone-sec-holder{ margin:0; padding:10px 0 0 0; width:40% !important; float:left;} p.mail-txt{padding:0 0 0 25px !important;} .navbar-toggle{margin-bottom:0 !important; padding:12px 10px !important;} header { height:135px; } .navbar-inverse .navbar-nav > li > a { background:#fff; } .inner-content{ margin:0 auto; padding:0; width:620px !important; } .contact-txt-holder{ margin:0; padding:0; width:22% !important; float:left; background:#000 !important;height:168px; background-image:none !important;} h5.contact-txt{ font-size: 20px !important; } .main-form-holder{ margin:0; padding:0 0 0 4% !important; width:78% !important; float:left; background-color:#f6000d;} .form-field-top{ margin:0; padding:0; width:33%; float:left;} img.needle-img{display:none;} ul.content-img-list li{width:33%;} .welcome-sec-left{ margin:0; padding:0; width:60% !important; float:left; } .welcome-sec-right{ margin:0; padding:15px 0 0 0; width:35% !important; float:right; } img.needle-img2{ margin:0 0 0 0 !important; padding:10px 0 0 0; float:right; } h6.welcome-txt2{font-size:34px !important;;} .inner-article{ margin:0 auto; padding:0; width:620px !important;} .top-row-article{ margin:0; padding:0; width:100%; float:left; text-align:center;} .bottom-row-article{ margin:35px 0 0 0; padding:0; width:100%; float:left;} .article-left-sec{ margin:0 6% 0 0; padding:0; width:29%; float:left;} .article-right-sec{ margin:0; padding:0; width:29%; float:left;} p.article-small-txt{padding:10px 12px 0 12px !important;} h2.hot-water-txt{font-size:22px !important;} .inner-section{ margin:0 auto; padding:0; width:620px !important;} .section-blog{ margin:0; padding:0; width:63% !important; float:left;} .section-hding{ margin:0; padding:0; width:30% !important; float:right;} .blog-left-img{ margin:0; padding:0; width:26% !important; float:left;} .blog-right-txt{ margin:0; padding:0; width:74% !important; float:right;} .inner-footer{ margin:0 auto; padding:0; width:620px !important;} .left-footer{display:none;} .mid-footer{ margin:16px 0 0 0; padding:0; width:74% !important; float:right !important; text-align:center;} img.fb-img{ margin:-10px 60% 0 0 !important; padding:0; float:right;} .right-footer{display:none;} /* ============================= About Us starts here=========================== */ img.needle-img-about{ margin:0; padding:31px 36% 0 0 !important; float:right; } /* ============================= About Us Ends here=========================== */ } @media screen and (min-width : 480px) and (max-width: 639px) { .inner-header{ margin:0 auto; padding:0; width:460px !important; } .logo-holder-sec{ margin:0 !important; padding:0; width:40% !important; float:left;} .menu-holder-sec{ margin:0; padding:0; width:60% !important; float:right;} .menu-row{ margin:8px 0 0 0; padding:0; width:80%; float:right;} .facebook-holder { margin:9px 0 0 0 !important; } .mail-sec-holder{ margin:0; padding:0; width:80% !important; float:right !important;} .phone-sec-holder{ margin:0; padding:10px 0 0 0; width:95% !important; float:right !important;} p.mail-txt{padding:0 0 0 25px !important;border-right:none !important;} .navbar-toggle{margin-bottom:0 !important; padding:12px 10px !important;} header { height:152px; } .navbar-inverse .navbar-nav > li > a { background:#fff; } .inner-content{ margin:0 auto; padding:0; width:460px !important; } .contact-txt-holder{ margin:0; padding:0; width:100% !important; float:left; background:#000 !important;height:auto !important; background-image:none !important;} h5.contact-txt{padding:10px 0 !important;font-size:25px;text-align:center !important; line-height:40px !important;} .main-form-holder{ margin:0; padding:0 0 0 4% !important; width:100% !important; float:left; background-color:#f6000d;} .form-field-top{ margin:0; padding:0; width:100%; float:left;} img.needle-img{ margin:0; padding:10px 0 0 0 !important; float:left !important; } ul.content-img-list li{width:33%;} .welcome-sec-left{ margin:0; padding:0; width:100% !important; float:left; } .welcome-sec-right{ margin:20px 0 0 0 !important; padding:15px 0 0 0; width:100% !important; float:right; } img.needle-img2{ margin:0; padding:10px 0 0 0 !important; float:left !important; } h6.welcome-txt2{font-size:34px !important;} input.input-class{font-size:14px !important;} select.input-select{ border:none; width:100% !important;; height:48px; float:left; font-size:14px !important;; font-weight:normal; color:#757575; font-family:arial;margin:0; padding:0 0 0 5px;} .inner-article{ margin:0 auto; padding:0; width:460px !important;} .top-row-article{ margin:0; padding:0; width:100%; float:left; text-align:center;} .bottom-row-article{ margin:35px 0 0 0; padding:0; width:100% !important; float:left;} .article-left-sec{ margin:0 6% 0 0; padding:0; width:100% !important; float:left;} .article-right-sec{ margin:0; padding:0; width:100% !important; float:left;} p.article-small-txt{padding:10px 12px 0 12px !important;} h2.hot-water-txt{font-size:22px !important;} .inner-section{ margin:0 auto; padding:0; width:460px !important;} .section-blog{ margin:0; padding:0; width:100% !important; float:left;} .section-hding{ margin:25px 0 0 0 !important; padding:0; width:100% !important; float:right;} .blog-left-img{ margin:0; padding:0; width:26% !important; float:left;} .blog-right-txt{ margin:0; padding:0; width:74% !important; float:right;} .inner-footer{ margin:0 auto; padding:0; width:460px !important;} .left-footer{display:none;} .mid-footer{ margin:16px 0 0 0; padding:0; width:74% !important; float:right !important; text-align:center;} img.fb-img{ margin:-10px 43% 0 0 !important; padding:0; float:right;} .right-footer{display:none;} /* ============================= About Us starts here=========================== */ img.needle-img-about{ margin:0; padding:31px 13% 0 0 !important; float:right; } /* ============================= About Us Ends here=========================== */ } @media screen and (min-width : 360px) and (max-width: 479px) { .inner-header{ margin:0 auto; padding:0; width:340px !important; } .logo-holder-sec{ margin:0 !important; padding:0; width:100% !important; float:left; text-align:center !important;} .menu-holder-sec{ margin:15px 0 0 0 !important; padding:0; width:100% !important; float:right;} .menu-row{ margin:8px 0 0 0; padding:0; width:80%; float:right;} .facebook-holder { margin:9px 0 0 0 !important; } .mail-sec-holder{ margin:0; padding:0; width:80% !important; float:right !important;} .phone-sec-holder{ margin:0; padding:0 !important; width:95% !important; float:right !important;} p.mail-txt{padding:0 !important;border-right:none !important; text-align:center !important;background:url("../images/message-img.jpg") no-repeat scroll 14px 14px !important;} p.call-us{text-align:center !important;background:url("../images/phone-img.jpg") no-repeat scroll 32px 1px !important;} .navbar-toggle{margin-bottom:0 !important; padding:12px 10px !important;} header { height:249px; } .navbar-inverse .navbar-nav > li > a { background:#fff; } .inner-content{ margin:0 auto; padding:0; width:340px !important; } .contact-txt-holder{ margin:0; padding:0; width:100% !important; float:left; background:#000 !important;height:auto !important; background-image:none !important;} h5.contact-txt{padding:10px 0 !important;font-size:25px;text-align:center !important; line-height:40px !important;} .main-form-holder{ margin:0; padding:0 0 0 4% !important; width:100% !important; float:left; background-color:#f6000d;} .form-field-top{ margin:5px 0 !important; padding:0; width:100% !important; float:left;} .form-field-bottom-left{ margin:5px 0 !important; padding:0; width:100% !important; float:left;} .form-field-bottom{ margin:5px 0 !important; padding:0; width:100% !important; float:left;} .form-row2{ margin:0 !important; padding:0 0 25px 0 !important; width:100%; float:left;} img.needle-img{ margin:0; padding:10px 0 0 0 !important; float:left !important; } ul.content-img-list li{width:33%;} .welcome-sec-left{ margin:0; padding:0; width:100% !important; float:left; } .welcome-sec-right{ margin:20px 0 0 0 !important; padding:15px 0 0 0; width:100% !important; float:right; } img.needle-img2{ margin:0; padding:10px 0 0 0 !important; float:left !important; } h6.welcome-txt2{font-size:34px !important;} h6.welcome-txt2 span{font-size:26px !important; padding:0 0 10px 0 !important;} h6.welcome-txt2 span.services-bkg{font-size:26px !important; padding:0 0 10px 55px !important;} .inner-article{ margin:0 auto; padding:0; width:340px !important;} .top-row-article{ margin:0; padding:0; width:100%; float:left; text-align:center;} .bottom-row-article{ margin:35px 0 0 0; padding:0; width:100% !important; float:left;} .article-left-sec{ margin:0 6% 0 0; padding:0; width:100% !important; float:left;} .article-right-sec{ margin:0; padding:0; width:100% !important; float:left;} p.article-small-txt{padding:10px 12px 0 12px !important;} h2.hot-water-txt{font-size:22px !important;} .inner-section{ margin:0 auto; padding:0; width:340px !important;} .section-blog{ margin:0; padding:0; width:100% !important; float:left;} .section-hding{ margin:25px 0 0 0 !important; padding:0; width:100% !important; float:right;} .blog-left-img{ margin:0; padding:0; width:31% !important; float:left;} .blog-right-txt{ margin:0; padding:0; width:69% !important; float:right;} .inner-footer{ margin:0 auto; padding:0; width:340px !important;} .left-footer{display:none;} .mid-footer{ margin:16px 0 0 0; padding:0; width:90% !important; float:right !important; text-align:center;} img.fb-img{ margin:-10px 40% 0 0 !important; padding:0; float:right;} .right-footer{display:none;} /* ============================= About Us starts here=========================== */ img.needle-img-about{ display:none; } /* ============================= About Us Ends here=========================== */ } @media screen and (min-width : 320px) and (max-width: 359px) { .inner-header{ margin:0 auto; padding:0; width:300px !important; } .logo-holder-sec{ margin:0 !important; padding:0; width:100% !important; float:left; text-align:center !important;} .menu-holder-sec{ margin:15px 0 0 0 !important; padding:0; width:100% !important; float:right;} .menu-row{ margin:8px 0 0 0; padding:0; width:80%; float:right;} .facebook-holder { margin:9px 0 0 0 !important; } .mail-sec-holder{ margin:0; padding:0; width:85% !important; float:right !important;} .phone-sec-holder{ margin:0; padding:0 !important; width:95% !important; float:right !important;} p.mail-txt{padding:0 0 0 25px !important;border-right:none !important; text-align:left !important;background:url("../images/message-img.jpg") no-repeat scroll 0 14px !important;} p.call-us{text-align:left !important;background:url("../images/phone-img.jpg") no-repeat scroll 0 1px !important;} .navbar-toggle{margin-bottom:0 !important; padding:12px 10px !important;} header { height:249px; } .navbar-inverse .navbar-nav > li > a { background:#fff; } .inner-content{ margin:0 auto; padding:0; width:300px !important; } .contact-txt-holder{ margin:0; padding:0; width:100% !important; float:left; background:#000 !important;height:auto !important; background-image:none !important;} h5.contact-txt{padding:10px 0 !important;font-size:25px;text-align:center !important; line-height:40px !important;} .main-form-holder{ margin:0; padding:0 0 0 4% !important; width:100% !important; float:left; background-color:#f6000d;} .form-field-top{ margin:5px 0 !important; padding:0; width:100% !important; float:left;} .form-field-bottom-left{ margin:5px 0 !important; padding:0; width:100% !important; float:left;} .form-field-bottom{ margin:5px 0 !important; padding:0; width:100% !important; float:left;} .form-row2{ margin:0 !important; padding:0 0 25px 0 !important; width:100%; float:left;} img.needle-img{ margin:0; padding:10px 0 0 0 !important; float:left !important; } ul.content-img-list li{width:33%;} .welcome-sec-left{ margin:0; padding:0; width:100% !important; float:left; } .welcome-sec-right{ margin:20px 0 0 0 !important; padding:15px 0 0 0; width:100% !important; float:right; } img.needle-img2{ margin:0; padding:10px 0 0 0 !important; float:left !important; } h6.welcome-txt2{font-size:27px !important;} h6.welcome-txt2 span{font-size:25px !important; padding:0 0 10px 0 !important;} h6.welcome-txt2 span.services-bkg{font-size:26px !important; padding:0 0 10px 55px !important;} .inner-article{ margin:0 auto; padding:0; width:300px !important;} .top-row-article{ margin:0; padding:0; width:100%; float:left; text-align:center;} .bottom-row-article{ margin:35px 0 0 0; padding:0; width:100% !important; float:left;} .article-left-sec{ margin:0 6% 0 0; padding:0; width:100% !important; float:left;} .article-right-sec{ margin:0; padding:0; width:100% !important; float:left;} p.article-small-txt{padding:10px 12px 0 12px !important;} h2.hot-water-txt{font-size:22px !important;} .inner-section{ margin:0 auto; padding:0; width:300px !important;} .section-blog{ margin:0; padding:0; width:100% !important; float:left;} .section-hding{ margin:25px 0 0 0 !important; padding:0; width:100% !important; float:right;} .blog-left-img{ margin:0; padding:0; width:37% !important; float:left;} .blog-right-txt{ margin:0; padding:0; width:63% !important; float:right;} .inner-footer{ margin:0 auto; padding:0; width:300px !important;} .left-footer{display:none;} .mid-footer{ margin:16px 0 0 20px!important; padding:0; width:280px !important; float:left !important; text-align:center;} img.fb-img{ margin:-10px 30% 0 0 !important; padding:0; float:right;} .right-footer{display:none;} /* ============================= About Us starts here=========================== */ img.needle-img-about{ display:none; } /* ============================= About Us Ends here=========================== */ }