/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } body { font-family: 'open_sansregular'; } a { outline: none !important; text-decoration: none !important; } .top-section { min-height: 46px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2eb5eb+0,0187be+100 */ background: #2eb5eb; /* Old browsers */ background: -moz-linear-gradient(top, #2eb5eb 0%, #0187be 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2eb5eb), color-stop(100%, #0187be)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2eb5eb 0%, #0187be 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2eb5eb 0%, #0187be 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2eb5eb 0%, #0187be 100%); /* IE10+ */ background: linear-gradient(to bottom, #2eb5eb 0%, #0187be 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2eb5eb', endColorstr='#0187be', GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 3px 3px 0px rgba(121,121,121,1); -moz-box-shadow: 0px 3px 3px 0px rgba(121,121,121,1); box-shadow: 0px 3px 3px 0px rgba(121,121,121,1); } /*=============== header styles ===============*/ .content-wrap { display: block; } .content-wrap .header { display: block; padding: 30px 0 10px 0; } .content-wrap .header .top { display: block; } .social { display: block; float:left; width:100%; padding-bottom:15px; } .social ul { display: block; } .social ul li { display: block; float: left; width: 41px; height: 45px; cursor: pointer; margin-right: 9px; } .social ul li a { display: block; float: left; width: 41px; height: 45px; cursor: pointer;margin-right: 9px; } .contact { display: block; font-size: 32px; color: #cb0b7a; font-family: 'open_sansextrabold'; float: right; text-align: right; padding-top: 10px; } .contact p { display: block; padding-bottom: 5px; } .contact a { display: inline-block; color: #cb0b7a;transition: all 0.3s ease 0s; } .contact a:hover {color: #000; transition: all 0.3s ease 0s;} .content-wrap .header .bottom { display: block;} .bottom .nav li a { font-size: 19px; color: #000000; font-family: 'open_sansregular'; padding: 0px 14.6px 10px 14.6px; border-bottom: solid 11px #19a0d6; background:url(../images/border.png) right no-repeat } .bottom .nav li:last-child a{background:none} .bottom .nav li:nth-child(2) a { border-bottom: solid 11px #c41b7d; } .bottom .nav li:nth-child(3) a { border-bottom: solid 11px #fdec07; } .bottom .nav li:nth-child(4) a { border-bottom: solid 11px #181818; } .bottom .nav li:nth-child(5) a { border-bottom: solid 11px #19a0d6; } .bottom .nav li:nth-child(6) a { border-bottom: solid 11px #c41b7d; } .bottom .nav li:nth-child(7) a { border-bottom: solid 11px #fdec07; } .bottom .nav li:nth-child(8) a { border-bottom: solid 11px #181818; } .bottom .nav li a:hover { border-bottom: solid 11px #000; transition: all 0.3s ease 0s; color:#ed008c ;transition: all 0.3s ease 0s;} .navbar-collapse { padding: 0; } .navbar-nav > li:last-child{border:none; margin-right:0px;} .navbar-nav > li{margin-right:2px;} .container-fluid { padding: 0; } .navbar-default { background: none; border: none; } .navbar { min-height:inherit; margin-bottom: 0; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { background: none; color: #000; } /*=============== header styles ===============*/ /*=============== banner styles ===============*/ .banner { display: block; margin:0 0 4% 0 } .banner img{width:100%} .link-one:hover {color:#00aeef !important;transition: all 0.3s ease 0s;} .link-two:hover{color:#ec008c !important;transition: all 0.3s ease 0s;} .link-tree:hover{color:#fff200 !important;transition: all 0.3s ease 0s;} .link-fore:hover{color:#000 !important;transition: all 0.3s ease 0s;} /*=============== banner styles ===============*/ /*=============== banner-bottom-content styles ===============*/ .banner-bottom-content { display: block; margin-bottom: 25px; } .banner-bottom-content h1{font-size:45px; color:#ed008c;font-family: 'open_sansbold'; padding-bottom:20px;} .banner-bottom-content p{padding-bottom:10px; color:#000; line-height:20px;font-family: 'arialregular';} .servic-block{margin-bottom:30px;} .banner-bottom-content img{float:right} .servic-block img{width:100% } .inner-block ul.list li a{background:none !important; bottom:none; position:inherit !important } .banner-bottom-content1 a{background:none !important; bottom:none; position:inherit !important; width:auto } .link-box{color:#000 !important; text-align:right; float:right; padding:0px !important; font-weight:normal !important; margin:0px !important; font-size:17px !important;} .link-box:hover{color:#6ba1d6 !important} .banner-bottom-content a:hover { transition: all 0.3s ease 0s; color: #000000; } .banner-bottom-content .equal-hight-ed-two a { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9a075b+0,f238a3+100 */ background: #9a075b; /* Old browsers */ background: -moz-linear-gradient(top, #9a075b 0%, #f238a3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9a075b), color-stop(100%, #f238a3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9a075b 0%, #f238a3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9a075b 0%, #f238a3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9a075b 0%, #f238a3 100%); /* IE10+ */ background: linear-gradient(to bottom, #9a075b 0%, #f238a3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a075b', endColorstr='#f238a3', GradientType=0 ); /* IE6-9 */ } .banner-bottom-content .equal-hight-ed-three a { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa700+0,ffca00+100 */ background: #ffa700; /* Old browsers */ background: -moz-linear-gradient(top, #ffa700 0%, #ffca00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa700), color-stop(100%, #ffca00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffa700 0%, #ffca00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffa700 0%, #ffca00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffa700 0%, #ffca00 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffa700 0%, #ffca00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa700', endColorstr='#ffca00', GradientType=0 ); /* IE6-9 */ } .banner-bottom-content .equal-hight-ed-four a {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e3e3e+0,6c6c6c+100 */ background: #3e3e3e; /* Old browsers */ background: -moz-linear-gradient(top, #3e3e3e 0%, #6c6c6c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3e3e3e), color-stop(100%, #6c6c6c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3e3e3e 0%, #6c6c6c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3e3e3e 0%, #6c6c6c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3e3e3e 0%, #6c6c6c 100%); /* IE10+ */ background: linear-gradient(to bottom, #3e3e3e 0%, #6c6c6c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#6c6c6c', GradientType=0 ); /* IE6-9 */ } .banner-bottom-content .equal-hight-ed { min-height: 340px; position: relative; } /*=============== banner-bottom-content styles ===============*/ /*=============== call-middle styles ===============*/ .call-middle { display: block; } .call-middle .call-middle-inner { position: relative; display: block; min-height:400px; border: solid 1px #f030a2; border-radius: 20px; margin-bottom:20px; background: url(../images/call-middle-inner.jpg) no-repeat left top; } .call-middle .call-middle-inner p{padding-bottom:15px !important; padding-top:15px !important; font-size:16px; line-height:19px} .call-middle .call-middle-inner .right-content { display: block; float: right; width: 50%; font-size: 17px; color: #000000; line-height: 20px; margin-top:16px; } .call-middle-inner .right-content .top { display: block; } .call-middle-inner .right-content .top .left { display: block; float: left; width: 50%; } .call-middle-inner .right-content .top .right { display: block; float: left; width: 50%; } .call-middle-inner .right-content ul { display: block; padding-top: 25px; } .call-middle-inner .right-content ul li { display: block; padding-bottom: 20px; } .call-middle-inner .right-content ul li span { display: block; float: left; } .call-middle-inner .right-content ul li .span-ed { display: inline-block; font-size: 33px; color: #1c9cd9; font-family: 'open_sansbold'; padding-right: 10px; } .call-bottom { display: block; padding: 0 30px; text-align: right; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eb007e+0,ed008c+100 */ background: #eb007e; /* Old browsers */ background: -moz-linear-gradient(top, #eb007e 0%, #ed008c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb007e), color-stop(100%, #ed008c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eb007e 0%, #ed008c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eb007e 0%, #ed008c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eb007e 0%, #ed008c 100%); /* IE10+ */ background: linear-gradient(to bottom, #eb007e 0%, #ed008c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb007e', endColorstr='#ed008c', GradientType=0 ); /* IE6-9 */ min-height:0px; position: absolute; left: 0; right: 0; bottom: 0; border-radius: 0 0 20px 20px; } .call-bottom p { display: block; color: #fff; font-family: 'open_sansbold'; font-size:28px !important; padding-top:10px !important } .call-bottom .van { position: absolute; left: 50px; bottom:0px; } .call-bottom .van img{width:60%; float:left} /*=============== call-middle styles ===============*/ /*=============== offers styles ===============*/ .offers { display: block; margin-bottom: 40px; } .offers .left { position: relative; padding: 10px; display: block;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa700+0,ffcd00+100 */ background: #ffa700; /* Old browsers */ background: -moz-linear-gradient(top, #ffa700 0%, #ffcd00 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa700), color-stop(100%, #ffcd00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffa700 0%, #ffcd00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffa700 0%, #ffcd00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffa700 0%, #ffcd00 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffa700 0%, #ffcd00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa700', endColorstr='#ffcd00', GradientType=0 ); /* IE6-9 */ } .offers .left p { display: block; font-size: 26px; color: #000; line-height: 26px; font-family: 'open_sansbold'; line-height: 30px; } .offers .left p span { display: block; } .offers .left:after { background: url(../images/news-icon.png) no-repeat center top; width: 146px; height: 146px; content: ""; position: absolute; right: -30px; bottom: -35px; } .offers .right { display: block; background: #9a9999; color: #fff; padding: 15px; } .offers .right h2 { display: block; font-size: 26px; font-family: 'open_sansbold'; } .offers .right p { display: block; font-size: 17px; line-height: 19px; font-family: 'open_sansregular'; padding-top: 10px; } .offers .right .social-up ul li { width: 46px; height: 46px; background: url(../images/social-up.png) no-repeat left top; display: block; float: left; margin-right: 10px; } .offers .right .social-up ul li:nth-child(2) { background-position: -46px 0; } .offers .right .social-up ul li:nth-child(3) { background-position: -94px 0; } .offers .right .social-up ul li:nth-child(4) { background-position: -141px 0; margin-right: 0; } .social-up { position: absolute; z-index: 1000; margin: -28px 0 0 34px; } .social-up a { width: 49px; height: 44px; display: block } .offer-img { margin-top: 12% } /*=============== offers styles ===============*/ .trade .hed { background: #000; width: 100%; padding: 15px 15px 15px 15px; margin-bottom: 15px } .trade .hed h4 { color: #fff; font-size: 23px; font-family: 'open_sansbold'; letter-spacing: -0.9px; } .trade p { line-height: 22px; font-size: 18px; } footer { background: #19a0d6; margin: .5% 0 0 0; } footer .inner { padding: 1.5% 0 } footer .navigation { float: left; width: 39% } footer .navigation h4 { color: #fff; font-size: 20px } footer .navigation ul.link { float: left; width: 50%; margin-top: 5% } footer .navigation ul.link li { padding-top: 7px; } footer .navigation ul.link li a { color: #fff; font-size: 18px; font-family: 'open_sansregular';transition: all 0.3s ease 0s; } footer .navigation ul.link li a:hover { color: #fded06;transition: all 0.3s ease 0s; } footer .newsletter { float: right } footer .newsletter { font-size: 18px; color: #fff; width: 35% } footer .newsletter form { margin-top: 5% } footer .newsletter input { border: none; border-radius: 0px; width: 100% } footer .newsletter .button1 { background: #d11180; border: none; border-radius: 0px; color: #fff; width:auto; height:34px; } footer .newsletter .button1:hover { background: #a50461; color: #fff;transition: all 0.3s ease 0s; } footer .newsletter address { margin-top: 5%; line-height: 22px; font-size: 17px; } footer .newsletter .form-inline .form-group { width: 65% } footer .newsletter .form-inline .form-control { width: 100%; } footer .bottom { background: #000000; border-top: 1px solid #fff; padding: 15px 0 } footer .bottom p { color: #fff; font-family: 'open_sansregular'; font-size: 16px; } .logo { margin: 0px auto; text-align: center; float:left } .call-bottom-mob { display: none } .menu-title { display: none } .inner-block h1{font-size:33px;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; padding-bottom:1%; font-weight:700} .inner-block p{font-size:17px;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; line-height:22px; padding-bottom:13px; } .inner-block p i{font-style:italic; margin:0px auto } .inner-block .center-block{margin:0px auto; text-align:center; width:70%; padding:7% 0 0 0} .inner-block .center-block img{width:70%} .inner-block .arrow{margin:0px auto; text-align:center} .inner-block .arrow img{margin:0px auto; text-align:center; padding:2% 0} .inner-block ul.list{margin:0px auto; text-align:center; width:100%} .inner-block ul.list li img{margin:0px auto; padding-bottom:5%} .inner-block ul.list li{margin:0px auto; text-align:center; display:inline-block; width:30%; vertical-align:top} .inner-block ul.list li p{font-style:italic; font-size:17px; width:80%; margin:0px auto !important; text-align:center; padding-top:6%} .inner-block .right ul.img-text li{padding-bottom:20%} .inner-block .right ul.img-text li p{text-align:right; font-style:italic; font-size:15px; line-height:15px; padding-top:1%;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; line-height:20px;} .text-link {color:#000 !important;transition: all 0.3s ease 0s;} .text-link:hover{color:#6ba1d6 !important;transition: all 0.3s ease 0s;} .inner-block .contact-page h4{font-style:italic; color:#000;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:20px; font-weight:700; padding-bottom:15px;} .inner-block .contact-page h5{font-style:italic; color:#535353;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:20px;font-weight:700;} .inner-block .contact-page h3{font-style:italic; color:#535353;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size:20px; padding-top:3%; font-weight:700} .inner-block .contact-page p{font-size:17px;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; } .inner-block .contact-page p b{font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight:700; font-size:17px; font-style:italic} .inner-block .contact-page p span{display:block} .inner-block .contact-page .box1{padding-bottom:3.9%} .inner-block .contact-page .box2{padding-bottom:0} .inner-block .contact-page .box1 b{font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-style:italic } .inner-block .copier-page ul.logo-list{padding:3% 0} .inner-block .copier-page ul.logo-list li{display:inline-block; width:10.4%} .inner-block .copier-page .copier-img{margin-top:5%} .inner-block .copier-page .right{text-align:right} .inner-block .copier-page .right h2{font-size:20px; color:#000;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight:700} .inner-block .copier-page .right h4{font-size:17px; color:#000;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin-bottom:3%} .inner-block .copier-page .right i{font-style:italic; font-size:17px;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;} .inner-block .copier-page .right h5{font-size:17px;font-family: 'open_sansbold'} .inner-block .copier-page .right h5 i{font-style:italic} .inner-block .copier-page .right .enq-img{margin-bottom:5%} .inner-block .copier-page .right h6{font-size:17px;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;} .inner-block .copier-page h3{font-size:17px;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;margin:3% 0 1% 0; font-weight:700 } .inner-block .copier-page ol.policy{margin:2% 0 3% 5%} .inner-block .copier-page ol.policy li{list-style-type: lower-alpha; padding-left:2%; font-style:italic; padding-bottom:6px;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;} .inner-block .copier-page .right-text{text-align:right} .inner-block .copier-page .qms{margin-top:160%} .inner-block .copier-page .qms img{width:100%} .inner-block .copier-page .right ul.img-text img{width:100%} .inner-block .copier-page .right .spacing-txt{margin-bottom:0%} .inner-block .copier-page .right .spacing-txt2{margin-bottom:5% !important} .inner-block .copier-page .right .director{font-size:20px;} .inner-block .copier-page .right .spacing-low{padding-bottom:5% } .inner-block .copier-page .right .p-txet{font-style:normal; padding:3% 0 0 0} .inner-block .copier-page .vehicles-img{margin-top:13%} .inner-block .copier-page .news p{margin-bottom:3%} .inner-block .copier-page .news h4{font-size:20px;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight:800} .inner-block .copier-page .news h5{font-size:17px;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;font-style:italic; padding:5px 0; font-weight:700 } .inner-block .copier-page .surplus-toner h6{font-size:17px;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;font-style:italic; font-weight:700} .inner-block .copier-page .surplus-toner .contact1{margin-top:12%} .inner-block .copier-page .surplus-toner .van{margin-top:20%} .inner-block .copier-page .trade-sales h2{margin-top:4%; font-size:33px;font-family: 'open_sansbold'; margin-bottom:2%} .inner-block .copier-page .trade-sales .info{ margin-top:12%; margin-bottom:7%; float:left; width:100%} .inner-block .copier-page .trade-sales .info h1{font-size:20px;font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight:800 } .inner-block .copier-page .trade-sales .info h5{font-family: 'open_sansregular'; font-size:17px;} .inner-block .copier-page .trade-sales .info h3{font-style:italic; font-size:17px; margin:0} .inner-block .copier-page .trade-sales .info h2{font-size:17px;} .inner-block .copier-page .right h5 i b{font-weight:700 } .top-spc{margin-top:12%} ul.right-block li{width:100%; margin-bottom:30px; float:left} .request-form{float:left; width:83%; margin:20px 0;} .request-form label{display:block; font-size:18px;font-family: 'arialregular'; padding-bottom:10px;} .request-form span{color:#fc0404;} .request-form input{width:100%; border:1px solid #19a0d6; padding:10px;webkit-border-radius: 11px;-moz-border-radius:11px;border-radius: 11px; margin-bottom:22px;} .request-form textarea{width:100%; border:1px solid #19a0d6; padding:10px;webkit-border-radius: 11px;-moz-border-radius:11px;border-radius: 11px; margin-bottom:22px; resize:none;} .request-form button{border:1px solid #19a0d6; background:none; padding:5px; font-family: 'open_sansbold';-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; float:right; font-size:18px} .request-form button:hover{background:#ed008c; color:#fff; border:1px solid #ed008c;} .request-btn{color:#fff !important;font-family: 'open_sansbold'; background:url(../images/btn.png) repeat-x;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:10px 12px; float:right;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.22);} .request-btn:hover{color:#fff !important; background:#25abe4; transition:none !important } .enquiries{font-size:18px; font-family: 'arialregular'; margin-top:35px;} .enquiries h4{color:#535353; font-size:18px;font-family: 'open_sansbold'; padding-bottom:15px;} .enquiries{line-height:23px;} .enquiries p{font-size:18px; color:#000} .enquiries span{display:block; color:#000;} .enquiries .spc-top{margin-top:10px;} .enquiries b{font-family: 'open_sansbold'; color:#535353; font-weight:normal} .contact-block p{font-size:18px; line-height:22px;} .top-spc1{margin-top:20px;} .top-spc1 span{font-weight:normal; font-size:18px; color:#000;font-family: 'arialregular';} .valuation{width:90%} .valuation-form{padding-top:75px;} .valuation-form ul li{display:inline-block; width:49%} .valuation-form h3{font-size:22px; font-family: 'open_sansbold';} .valuation-form h5{font-size:18px;font-family: 'arialregular';} .valuation-form span{color:#fc0404} .form-box{margin:20px 0 0 0; width:84%} .form-box label{font-size:18px; color:#000;font-family: 'arialregular'; display:block; padding-bottom:10px;} .form-box input{width:100%; border:1px solid #000;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; padding:10px; margin-bottom:10px;} ul.form-box-last li{width:47%} ul.form-box-last li:last-child{float:right} .machine-box{margin:0px; padding:0px;} .machine-box .form-box{width:100%} .check-box div{float:left} .check-box{float:right; width:100%; margin-top:28px;} .textarea-box{margin-top:20px; border:1px solid #000; width:100%;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; resize:none; padding:10px;} .submit-btn{float:right; background:none; border:1px solid #000;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:10px; margin-top:20px;} .submit-btn:hover{background:#19a0d6; color:#fff} .check-box label { display: inline-block; cursor: pointer; position: relative; padding-left:55px; margin-right: 15px; font-size:18px; } .check-box input[type=radio], .check-box input[type=checkbox] { display: none; } .check-box label:before { content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; left: 0; bottom: 1px; border-radius:1px; width:38px; height:35px; border:1px solid #000; } .check-box .radio label:before { } .check-box .checkbox label { margin-bottom: 10px; } .checkbox label:before { } .check-box input[type=radio]:checked + label:before { content: ""; color: #25abe4; font-size: 100px; text-align: center; line-height:35px; } .check-box input[type=checkbox]:checked + label:before { content: ""; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); font-size: 55px; color: #f3f3f3; text-align: center; line-height: 15px; background:url(../images/check-icon.png) no-repeat 0px -44px; } .mob-on{display:none} .navbar-nav{float:right; margin:-57px 0 0 0} .contact-block a{color:#000} .contact-block a:hover{color:#19a0d6} @media (max-width: 1200px) { .bottom .nav li a { font-size: 14px; padding: 15px 18.6px } .contact { font-size: 25px; } .call-middle-inner .right-content .top .right { width: 44% } .call-middle .call-middle-inner .right-content { width: 40% } .call-middle .call-middle-inner .right-content p { font-size: 12px; } .right-content span { font-size: 12px; } .call-middle-inner .right-content ul li .span-ed { font-size: 12px } .call-bottom p { font-size: 18px; } .offers .right .social-up ul li { margin-right: 3px; } .social-up { margin: -28px 0 0 2px; position: absolute; width: 89%; z-index: 1000; } .offers .left p { font-size: 17px; } #bx-pager a{font-size:16px;} #bx-pager a.active:nth-child(3), #bx-pager a.active:nth-child(2), #bx-pager a.active:nth-child(3), #bx-pager a.active:nth-child(4),.inner-block .copier-page .news h4{font-size:16px;} .inner-block .copier-page .news h5{font-size:14px;} .inner-block ul.list li img{width:55%} .inner-block .copier-page .vehicles-img{margin-top:2%} .logo{width:60%} .call-middle .call-middle-inner{ min-height: 340px;} .call-bottom p{font-size:18px !important} .call-middle .call-middle-inner p{padding:5px 0 !important; line-height:17px !important} .call-middle .call-middle-inner .right-content{margin-top: 5px;} .call-middle .call-middle-inner { min-height: 375px; } } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width:991px) { .banner-bottom-content a { font-size: 13px; } .banner-bottom-content .content-inner p { font-size: 13px; } .banner-bottom-content .content-inner h2 { font-size: 16px; } .bottom .nav li a { font-size: 13px !important; padding: 15px 8px !important; } .call-middle .call-middle-inner { background: url(../images/call-middle-inner.jpg) -137px -1px no-repeat; } .call-middle .call-middle-inner .right-content { width: 53% !important; } .van img { width: 70% } .offers .left::after { bottom: -113px } .trade .hed h4 { font-size: 18px; } .trade p { font-size: 14px; } footer .newsletter .form-inline .form-group { width: 60% } footer .navigation ul.link li a { font-size: 13px; } footer .newsletter address { font-size: 13px; } .social-up { margin: -28px 0 0 -47px !important; position: absolute; width: 220px !important; z-index: 1000; } .call-bottom .van { width: 50% !important } #bx-pager a{font-size:13px;} #bx-pager a.active:nth-child(3), #bx-pager a.active:nth-child(2), #bx-pager a.active:nth-child(3), #bx-pager a.active:nth-child(4){font-size:13px;} .inner-block ul.list li{width:32%} .inner-block .arrow img{width:50%} .inner-block .copier-page .right h2,.inner-block .copier-page .right i,.inner-block .copier-page .right h5{font-size:14px;} .inner-block .copier-page .right h4{font-size:12px;} .inner-block .right ul.img-text li p{font-size:12px} .inner-block .copier-page .right .director{font-size:17px;} .bottom .nav li a { font-size: 13px !important; padding: 4px 8px !important; } .contact { font-size: 18px; } .navbar-nav { float: right; margin: -40px 0 0; } .banner-bottom-content h1{font-size:25px;} } @media (max-width: 767px) { .navbar-collapse { padding: 0 15px; } .container-fluid { padding: 0 15px; } .banner-bottom-content .equal-hight-ed { min-height: auto; margin-bottom: 10px; } .banner-bottom-content .content-inner p { padding-bottom: 10px; } .banner-bottom-content .equal-hight-ed img { width: 100% } .social { float: none; margin: 0px auto; width: 100%; text-align: center } .social ul li { display: inline-block; float: none } .contact { width: 100% } .contact p, .contact a { text-align: center; display: block; font-size: 18px; } .logo { width: 50%; margin-bottom: 2% } .top-section { height: 20px; } .content-wrap .header { padding-bottom: 0px; } .navbar-header {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2eb5eb+0,0187be+100 */ background: #2eb5eb; /* Old browsers */ background: -moz-linear-gradient(top, #2eb5eb 0%, #0187be 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2eb5eb), color-stop(100%, #0187be)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2eb5eb 0%, #0187be 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2eb5eb 0%, #0187be 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2eb5eb 0%, #0187be 100%); /* IE10+ */ background: linear-gradient(to bottom, #2eb5eb 0%, #0187be 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2eb5eb', endColorstr='#0187be', GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 3px 3px 0px rgba(121,121,121,1); -moz-box-shadow: 0px 3px 3px 0px rgba(121,121,121,1); box-shadow: 0px 3px 3px 0px rgba(121,121,121,1); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 2% } .menu-title { display: block; position: absolute; margin: 16px 0 0 20px; color: #fff } .banner-left ul li { font-size: 16px; color: #fff; text-shadow: 2px 2px 1px rgba(0, 0, 0, 1); } footer .navigation { width: 60% } .trade p { font-size: 14px; } .trade .hed h4 { font-size: 18px; } footer .newsletter .form-inline .form-group { width: 100% } footer .navigation { margin-bottom: 2% } .offers .left::after { display: none; background: none !important } .social-up { position: relative; } .banner-bottom-content a { position: relative } .call-middle-inner p{padding-bottom:10px;} .call-middle .call-middle-inner { background: none } .call-middle .call-middle-inner .right-content { width: 100% !important; padding: 5px; } .call-bottom .van img { display: none } .call-bottom p { font-size: 14px !important; } .call-middle .call-middle-inner { min-height: auto; float: left } .call-bottom p { line-height: 26px; } .call-bottom { min-height: inherit; margin-top: 10% } .call-middle-inner .right-content ul li { padding-bottom: 0px; } .banner-left { padding: 20px } .top-section { min-height: 20px; } .banner .bottom-ul ul li a { font-size: 12px; } .navbar-default .navbar-toggle { background: #fff } footer .navigation, footer .newsletter { margin-top:5% } footer .newsletter address { font-size: 14px; } footer .bottom p { font-size: 13px; } .banner { min-height: inherit; padding-bottom: 5% } .banner .bottom-ul ul li { width: 100% } .banner .bottom-ul { height: auto; position: relative } .banner { padding-bottom: 0px } .call-bottom { display: none } .call-bottom-mob { background: #ec0087; text-align: center; color: #fff; padding: 10px; margin-bottom: 6%; display: block } .call-middle .call-middle-inner { margin-bottom: 5px; } #bx-pager a{padding:0 1%} #bx-pager a{font-size:12px;} #bx-pager a.active:nth-child(3), #bx-pager a.active:nth-child(2), #bx-pager a.active:nth-child(3), #bx-pager a.active:nth-child(4){font-size:11px;} #bx-pager{background:#414141; width:100%;-webkit-border-radius: 0px 0px 15px 15px;-moz-border-radius: 0px 0px 15px 15px;border-radius: 0px 0px 15px 15px;} .social-up { margin:2% 0 0 2px;} .offer-img { margin-top: 5%; } .banner-bottom-content .content-inner h2, .offers .left p span, .trade .hed h4, .banner-bottom-content a {font-size:15px;} .banner-bottom-content .content-inner p, .offers .right p, .trade p{font-size:13px;} .offers .right h2{font-size:20px;} .offers .left p span{line-height:20px;} .inner-block .right ul.img-text li{width:100%; display:inline-block; vertical-align:top; padding-bottom:0px;} .inner-block .right ul.img-text li img{width:100%} .inner-block .right ul.img-text li p{font-size:14px;} .arrow{display:none} .inner-block ul.list li{width:100%} .inner-block ul.list li img{width:30%; padding-bottom:0%} .inner-block ul.list li p{width:100%; padding-bottom:5%} .inner-block .center-block{width:100%} .inner-block .contact-page img{width:100%; margin-bottom:5%} .inner-block .copier-page .right .enq-img{margin:5% 0 2% 0} .inner-block .copier-page ul.logo-list li{width:9.4%} .inner-block h1,.inner-block .copier-page .trade-sales h2{font-size:25px} .inner-block .copier-page .qms{margin-top:10%} .inner-block p, .inner-block ul.list li p, .inner-block .contact-page p,.inner-block .copier-page ol.policy li{font-size:14px;} .inner-block ul.list li img{width:55% } .inner-block .contact-page h4,.inner-block .contact-page h5,.inner-block .contact-page h3,.inner-block .copier-page .right h2,.inner-block .copier-page .right i,.inner-block .copier-page .right .director,.inner-block .copier-page .right h5 i{font-size:16px} .inner-block .copier-page .surplus-toner .contact1{margin:0px;} .inner-block .copier-page .surplus-toner .van{margin-top:5%} .inner-block .copier-page .trade-sales .info{margin:3% 0} .inner-block .copier-page .trade-sales .info h1,.inner-block .copier-page .trade-sales .info h5,.inner-block .copier-page .trade-sales .info h3,.inner-block .copier-page .trade-sales .info h2,.inner-block .copier-page .right h4,.inner-block .copier-page .surplus-toner .contact1,.inner-block .copier-page .right .spacing-txt2,.inner-block .copier-page .right .director,.inner-block .copier-page .right h2,.inner-block .copier-page .right .p-txet,.inner-block .copier-page .right h5,.inner-block .copier-page .right h6,.inner-block .right ul.img-text li p{text-align:center } .inner-block .copier-page .right ul.img-text img{margin:10px auto; } .inner-block .copier-page .right ul.img-text img{width:55%} .inner-block .copier-page .right .spacing-txt2{margin-bottom:1% !important} .banner-bottom-content h1{font-size:20px;} .banner-bottom-content p{font-size:14px;} .banner-bottom-content img{float:inherit; margin:0px auto} .logo { margin: 0 auto; text-align: center; width: 50%; float:inherit; } .contact{margin-bottom:5%} footer{margin-top:5%} .social ul { display: block; float: left; } footer .newsletter address{margin-top: 0;} footer .newsletter address { margin-bottom: 20px; margin-top: 0; } .servic-box, .servic-block{margin-bottom:20px;} .call-middle img{width:100%} .social ul li{margin-right: 2px; float:left} footer .newsletter{width:40%} .navbar-nav{margin:0px; float:inherit} .bottom .nav li a{background:none} .banner{margin:10px 0;} ul.right-block li{margin-bottom:20px;} ul.right-block li img{width:100%; } .banner-bottom-content{margin-bottom:0px;} .request-form{width:100%; float:inherit} .container{width:98%} .request-form label, .top-spc1 span{font-size:14px;} .request-form{margin:0 0 20px 0;} .valuation, .form-box { width: 100%; } .form-box label{font-size:14px;} ul.form-box-last li{width:100%} .textarea-box{margin-top:0px;} .mob-on{display:block; margin-top:15px!important; float:left } .mob-off{display:none} } @media (max-width:480px) { footer .navigation, footer .newsletter { width: 100% !important } footer .navigation ul.link li a { font-size: 13px; } #bx-pager a{display:block; padding:1% 0; border-bottom:1px solid #fff; border-right:none} .inner-block .copier-page ul.logo-list li{width:23%} .check-box div{float:left; width:100%; margin-bottom:20px;} ul.form-box-last li{width:100%} }