%PDF- %PDF-
Direktori : /home/eirtvhdf/logodowntown.com/order-assets/ |
Current File : /home/eirtvhdf/logodowntown.com/order-assets/style-web.css |
#portfolio_order .col-md-3 { display: none; } .clear { clear: both; } section.packages .row { margin-top: 20px; } section.packages .step2-title.container h1 i { color: #f7cf0e; } section.packages .step2-title.container h1 {color: #3d3d3d;} a#loadMore, a#loadMore+a { text-transform: uppercase; font-weight: 600; border: 1px solid #e53727; color: #fff; padding: 8px 45px; font-size: 15px; margin-top: 20px; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; -ms-transition: all .1s linear; transition: all .1s linear; background: #e53727; border-radius: 100px; text-transform: none; font-weight: 600; display: inline-block; margin: 20px auto; text-align: center; } section.portfolio-scroll-down { text-align: center; padding: 14px 0; background: #fbfbfb; } section.portfolio-scroll-down h3 { margin-top: 0; margin-bottom: 22px; font-size: 23px; text-transform: uppercase; } section.portfolio-scroll-down h3:after {} section.portfolio-scroll-down h3 span:after { right: 50%; margin-right: -45px; } section.portfolio-scroll-down [class^="col-"] { padding: 0; width: 20%; height: 228px; } section.portfolio-scroll-down [class^="col-"] img { width: 100%; } section.banner.inner-banner { height: 500px; } body { font-family: 'Open Sans', sans-serif; font-size:14px; } img.mb-on { display: none; } div#portfolio #filters li.first { display: none !important; } section.aboutus_sec { font-family: 'Open Sans', sans-serif; font-size:14px; } section.banner-inner-image p { font-size: 19px; text-transform: uppercase; letter-spacing: 1.3px; margin-bottom: 32px; font-weight: 600; } section.banner-inner-image h2 { color: #ff4200; text-transform: uppercase; font-weight: 700; margin-bottom: 12px; font-size: 43px; } section.banner-inner-image h2 span { color: #fff; } section.banner-inner-image {padding-top: 65px;background: url(../images/b1_bg.jpg) no-repeat center top;background-size: cover;height: 405px;color: #fff;overflow: hidden;} img.pull-right.sideban { display: none !important; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } @keyframes kenburns { 0% { opacity: 0; } 5% { opacity: 1; } 95% { transform: scale3d(1.5, 1.5, 1.5) translate3d(-190px, -120px, 0px); animation-timing-function: ease-in; opacity: 1; } 100% { transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px); opacity: 0; } } h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif;color: #010101;} section.banner {text-align: center;/* padding: 281px 0 62px 0; */position: relative;background-size: cover;z-index: 0;/* overflow: hidden; */height: 100%;} section.banner h6 { font-size: 21px; margin-bottom: 13px; text-shadow: #000 0 1px 1px; } section.banner h2 { text-transform: uppercase; line-height: 3.5em; } .banner h5 { font-size: 24px; margin-top: -5px; text-shadow: #000 0 1px 1px; } section.cutting_edge { padding: 60px 0 0 0; color: #282828; } section.portfolio-col .col-md-4+.col-md-4 { text-align: left; } .portfolio-col div#portfoliolist img { max-width: 100%; width: 100%; } .portfolio-col div#portfoliolist .col-md-4 { padding: 0; text-align: right; display:none; } section.portfolio-col .col-md-4 h2 span { color: #00a2c0; } .portfolio-col div#portfolio { margin-top: 42px; } .portfolio-col div#portfolio ul { margin-bottom: 0; } a.viewmore_porfolio { background: #1a1c1d; display: block; text-align: center; text-transform: uppercase; font-size: 19px; color: #fff; padding: 20px 0; } .portfolio-col div#portfolio #filters li { display: inline-block; color: #696969; text-transform: uppercase; margin: 0 15px; } .portfolio-col div#portfolio #filters li span { display: block; padding: 6px 14px; font-size: 13px; border-radius: 3px; } .portfolio-col #portfolio span.filter.active { background: #a7cd0f; color: #fff; } .portfolio-col div#portfolio #filters li span:hover { background: #a7cd0f; color: #fff; } .portfolio-col #portfolio ul#filters { text-align: center; margin: 40px 0 30px 0; display: block; } .portfolio-col div#portfoliolist .col-md-4 ul li { position: relative; overflow: hidden; } .portfolio-col div#portfoliolist .col-md-4 ul li a { display: block; position: relative; } .portfolio-col div#portfoliolist .col-md-4 ul li a .overlay_portfolio { position: absolute; background: rgba(0, 0, 0, 0.73); width: 0; text-align: center; /* Safari */ /* Safari 7.0+ */ right: 0; border: rgba(0, 0, 0, 0.51) 11px solid; padding: 0; overflow: hidden; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; visibility: hidden; -ms-transition: all .2s ease-in; height: 100%; transition: all .2s ease-in; } .portfolio-col div#portfoliolist .col-md-4 ul li a .overlay_portfolio i { font-size: 50px; color: #fff; position: absolute; top: 39%; left: 45%; } .portfolio-col div#portfoliolist .col-md-4 ul li:hover a .overlay_portfolio { width: 100%; visibility: visible; } .portfolio-col div#portfoliolist .logos.col-md-4+.col-md-4 ul li .overlay_portfolio { padding: 23% 0; } .portfolio-col div#portfoliolist .logos+.logos ul li+li .overlay_portfolio { padding: 25% 0; } .portfolio-col div#portfoliolist .logos.logos+.logos ul li .overlay_portfolio { padding: 25% 0; } .portfolio-col div#portfoliolist .logos.col-md-4+.col-md-4+.col-md-4 ul li+li+li .overlay_portfolio { padding: 24% 0; } section.portfolio-col { padding: 50px 0; } .portfolio-col div#portfoliolist .col-md-4 { display: none; } .portfolio-col #portfoliolist .logos ul li img {height: 269px;} .portfolio-col #portfoliolist .logos+.logos+.logos ul li.last img{height: 211px;} .portfolio-col #portfoliolist .websites ul li img{height: 262px;} .portfolio-col #portfoliolist .websites+.websites ul li+li img{height: 392px;} .portfolio-col #portfoliolist .websites+.websites+.websites ul li+li+li img{height: 320px;} .portfolio-col #portfoliolist .websites+.websites ul li img {height: 393px;} .portfolio-col #portfoliolist .websites+.websites+.websites ul li img {height: 363px;} .portfolio-col #portfoliolist .websites+.websites ul li+li .overlay_portfolio {padding: 45% 0;} .portfolio-col #portfoliolist .stationery ul li img{height: 262px;} .portfolio-col #portfoliolist .stationery+.stationery ul li+li img{height: 262px;} .portfolio-col #portfoliolist .stationery+.stationery+.stationery ul li+li img{height: 291px;} .portfolio-col #portfoliolist .stationery+.stationery ul li img {height: 524px;} .portfolio-col #portfoliolist .stationery+.stationery+.stationery ul li img {height: 436px;} .portfolio-col #portfoliolist .stationery+.stationery ul li .overlay_portfolio {padding: 45% 0;} .portfolio-col #portfoliolist .stationery+.stationery ul li+li .overlay_portfolio {padding: 25% 0;} .portfolio-col #portfoliolist .stationery+.stationery+.stationery ul li .overlay_portfolio {padding: 45% 0;} .portfolio-col #portfoliolist .stationery+.stationery+.stationery ul li+li .overlay_portfolio {padding: 31% 0;} .portfolio-col #portfoliolist .video ul li img {height: 200px;} .portfolio-col #portfoliolist .video+.video+.video ul li.last img{height: 204px;} .portfolio-col #portfoliolist .brochure ul li img {height: 262px;} .portfolio-col #portfoliolist .brochure+.brochure+.brochure ul li.last img{height: 465px;} .portfolio-col #portfoliolist .brochure +.brochure +.brochure ul li img { height: 262px; } .portfolio-col #portfoliolist .brochure+.brochure ul li img { height: 524px; } .portfolio-col #portfoliolist .brochure+.brochure ul li+li img { height: 262px; } section.cutting_edge .col-md-4 h2, section.portfolio-col .col-md-4 h2, section.testimonials h2 { color: #010100; font-size: 64px; text-transform: uppercase; font-weight: 400; } span.color-text { color: #00a2c0; } section.cutting_edge .col-md-8 { font-size: 16px; } section.cutting_edge .col-md-8 p, section.portfolio-col .col-md-8 p, section.testimonials .col-md-7 p { line-height: 23px; font-weight: 300; margin-top: 7px; padding-left: 58px; padding-top: 10px; font-size: 15px; } section.what-we-do { background: url(../images/bg_white_vector.jpg) repeat left top; padding: 70px 0 40px 0; text-align: center; } section.cutting_edge .container, section.what-we-do .container, section.portfolio-col .row { border-bottom: #dcdcdc 1px solid; position: relative; padding-bottom: 30px; } section.cutting_edge .container:after, section.what-we-do .container:after, section.portfolio-col .row:before { background: url('../images/sprite.png') no-repeat -4px -60px; width: 54px; height: 3px; content: ""; position: absolute; left: 0; bottom: -2px; } section.cutting_edge .col-md-4 h6, section.portfolio-col .col-md-4 h6, section.testimonials h6 { color: #010100; text-transform: uppercase; font-weight: 400; font-size: 28px; } section.cutting_edge .col-md-8 p:before, section.portfolio-col .col-md-8 p:before, section.testimonials .col-md-7 p:before { background: #ccc; width: 1px; height: 72px; content: ""; position: absolute; left: 40px; top: 16px; } h2.hd-border { position: relative; padding-bottom: 25px; margin-bottom: 41px; font-size: 40px; text-transform: uppercase; text-align: center; } h2.hd-border:before {content: "";position: absolute;background: #d8d8d8;height: 1px;width: 360px;bottom: 0;left: 50%;margin-left: -180px;} h2.hd-border:after { background: url('../images/sprite.png') no-repeat -4px -60px; width: 54px; height: 3px; content: ""; position: absolute; left: 50%; bottom: -1px; margin-left: -27px; } h2.hd-border+p { font-size: 18px; color: #2d2d2d; margin-bottom: 21px; } .what-we-do i { display: inline-block; background: no-repeat left top; width: 110px; height: 110px; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -ms-transition: all .2s ease-in; transition: all .2s ease-in; margin: 34px 0 20px 0; } .what-we-do .item:hover h4 {} .what-we-do .item h4 span { color: #00a2c0; } .what-we-do .item h4 { font-size: 14px; text-transform: uppercase; position: relative; padding-bottom: 12px; margin-bottom: 23px; } i.what_do_icon1 { background: url(../images/wwd-img1.png); } i.what_do_icon2 { background: url(../images/wwd-img2.png); } i.what_do_icon3 { background: url(../images/wwd-img3.png); } i.what_do_icon4 { background: url(../images/wwd-img4.png); } i.what_do_icon5 { background: url(../images/wwd-img5.png); } i.what_do_icon6 { background: url(../images/wwd-img6.png); } i.what_do_icon7 { background: url(../images/wwd-img7.png); } .what-we-do .item:hover i.what_do_icon1 { background: url(../images/wwd-img_hover1.png); } .what-we-do .item:hover i.what_do_icon2 { background: url(../images/wwd-img_hover2.png); } .what-we-do .item:hover i.what_do_icon3 { background: url(../images/wwd-img_hover3.png); } .what-we-do .item:hover i.what_do_icon4 { background: url(../images/wwd-img_hover4.png); } .what-we-do .item:hover i.what_do_icon5 { background: url(../images/wwd-img_hover5.png); } .what-we-do .item:hover i.what_do_icon6 { background: url(../images/wwd-img_hover6.png); } .what-we-do .item:hover i.what_do_icon7 { background: url(../images/wwd-img_hover7.png); } section.banner * { color: #fff; } .navbar-default { display: none; } .what-we-do .item h4:after { position: absolute; background: #010101; height: 3px; width: 30px; bottom: 0; content: ""; left: 50%; margin-left: -15px; } a.viewmore_porfolio { background: #1a1c1d; display: block; text-align: center; text-transform: uppercase; font-size: 19px; color: #fff; padding: 20px 0; } header .top_bar .col-md-6 ul li a { color: #fff; display: block; } header .top_bar .col-md-6 span { text-transform: uppercase; color: #10c6e8; font-size: 12px; } header .top_bar .col-md-6 ul { text-align: right; margin: 0 22px 0 0; } header .top_bar .col-md-6 ul li { color: #fff; font-size: 12px; font-weight: 400; display: inline-block; margin-left: 23px; text-transform: uppercase; } header .top_bar .col-md-6 ul li i { margin-right: 6px; color: #10c6e8; font-size: 13px; } section.packages { background: #f2f2f2; padding: 4px 0 38px; font-family: 'Poppins', sans-serif; text-align: center; } section.packages h2 { color: #282828; font-family: 'Poppins', sans-serif; font-size: 46px; font-weight: 700; line-height: 50px; position: relative; z-index: 1; padding-left: 50px; margin-top: 0; } section.packages h2:after { content: ""; left: 290px; content: ""; bottom: 8px; background: #4eda91; height: 9px; width: 100px; position: absolute; z-index: -1; } section.packages p { padding-left: 50px; } section.packages p { width: 50%; margin-bottom: 50px; } section.packages .col-md-3 h3 { font-family: 'Poppins', sans-serif; font-size: 21px; color: #fff; font-weight: 600; margin-top: 0; margin-bottom: 0; } section.packages .grey-bg { background: #8a8e9e; } section.packages .col-md-3>div { padding: 20px 20px; transition: all .3s ease-in-out; } section.packages .col-md-3 em { font-style: italic; color: #fff; display: block; font-size: 10px; margin-bottom: 2px; } section.packages .col-md-3 span.price-tag { font-size: 33px; color: #fff; font-weight: 700; } span.price-tag strike { font-size: 34px; } section.packages .col-md-3 strike { font-size: 26px; color: #fff; text-align: right; float: right; vertical-align: baseline; position: relative; bottom: -20px; padding-right: 15px; } section.packages .col-md-3 ul { padding-top: 1px; } section.packages .col-md-3 ul li:before { content: "-"; padding-right: 3px; } section.packages .col-md-3 ul li { font-size: 12px; color: #fff; margin-bottom: 3px; } section.packages .gold-bg { background: #e6af39; } section.packages .black-bg { background: #3d3d3d; } section.packages .blue-bg { background: #14b5e3; } section.packages .col-md-3 { padding: 0px 7px; float: none; display: inline-block; margin: 0 -2px; text-align: left; } section.packages .col-md-3 a:hover { background: red; color: #fff; transition: all .3s ease-in-out; } section.packages .col-md-3 a { font-size: 10px; color: #000000; font-weight: 500; font-family: 'Poppins', sans-serif; background: #ffffff; padding: 3px 14px; border-radius: 15px; margin: 12px 0 0; display: table; float: none; transition: all .3s ease-in-out; } section.packages .col-md-3>div i { position: absolute; right: 2px; top: -4px; } section.branding_solution { position: relative; padding: 50px 0; background: url(../images/package_bg.jpg) repeat-x center bottom; background-size: cover; } section.branding_solution .col-md-12 {color: #fff;/* visibility: hidden; */} .package_clickable .col-md-4 h6 { color: #fff; font-size: 27px; text-transform: uppercase; } .package_clickable .col-md-4 h2 { font-size: 66px; text-transform: uppercase; color: #14a4bf; letter-spacing: 0px; font-weight: bold; } .package_clickable .col-md-5 a { display: block; text-align: center; color: #fff; text-transform: uppercase; font-size: 18px; display: none; } .package_clickable .col-md-3 h3 { color: #fff; } .package_clickable .col-md-3 h2 { font-size: 66px; color: #f61616; letter-spacing: -3px; font-weight: bold; margin-top: -6px; } .package_clickable .col-md-5 a i { display: block; font-size: 74px; font-weight: 100; margin-bottom: -14px; margin-top: -8px; } .package_clickable .col-md-3 {text-transform: uppercase;text-align: right;} .package_big { margin-top: 22px; border-top: #4a4b4c 1px solid; padding-top: 32px; } .package_big:after { right: 0 !important; } .package_big:before{ content: "";background: url('../images/sprite.png') no-repeat -4px -60px;width: 54px;height: 3px;left: 0;position: absolute;top: -2px;} .package_big:after { content: "";background: url('../images/sprite.png') no-repeat -4px -60px;width: 54px;height: 3px;right: 0;position: absolute;top: -2px;} .clock-package { background: url(../images/clock.png) no-repeat left top; text-align: center; width: 399px; height: 392px; padding-top: 100px; background-size: cover; margin-top: -27px; } .clock-package span { display: block; color: #ffe400; text-transform: uppercase; } .clock-package span.off_price { text-shadow: #000 0px 1px 1px; font-size: 66px; font-weight: bold; margin-bottom: 6px; } .clock-package span.off_price sup { font-size: 23px; top: -29px; text-transform: uppercase; letter-spacing: 0px; } .clock-package span.clock-brand { font-size: 26px; color: #ffe400; text-shadow: #000 1px 1px 1px; font-weight: 700; letter-spacing: 0px; } .clock-package span.clock-brand strong { display: block; font-size: 41px; color: #ffe400; font-weight: bold !important; } span.clock-cutprice { text-decoration: line-through; font-size: 30px; font-weight: 600; margin-top: 5px; color: #fff; } span.clock_offer { font-size: 20px; margin-top: 8px; font-weight: 600; margin-bottom: 5px; } span.clock_price { font-size: 40px; font-weight: 600; letter-spacing: 1px; } section.packages .row>div>div:hover h2, section.packages .row>div>div:hover ul li, section.packages .row>div>div:hover span.price { } .package_big .col-md-4 ul li+li { margin: 0 50px 51px 0; } .package_big ul li { color: #fff; margin-bottom: 51px; font-size: 13px; } .package_big ul li h6 {font-size: 20px !important;margin-bottom: 2px;font-weight: bold;color: #00a2c0 !important;text-shadow: #000 0px 1px 2px;} .package_big ul li p { line-height: 25px; font-weight: 100; letter-spacing: 1px; font-size: 14px; } .text-right { text-align: right; } .text-left { text-align: left; } .text-center { text-align: center; } .package_big .col-md-4+.col-md-4+.col-md-4 { padding-left: 60px; text-align: left; padding-right: 15px; } .package_big .col-md-4+.col-md-4+.col-md-4 ul li+li {margin: 0 0 51px 0;} .package_big ul li:last-child { margin: 0 !important; } .package_big .col-md-4 { padding-right: 60px; padding-left: 15px; padding-top: 35px; } .order_button { } .package_big .col-md-4+.col-md-4 { padding-right: 15px; text-align: center; } section.branding_solution .order_button { background-color: #00a2c0 !important; border-bottom: 3px solid #0488a0 !important; color: #fff !important; font-size: 23px; letter-spacing: 0; padding: 14px 15px; display: block; font-weight: 600; margin: 40px auto 0 65px; text-align: center; text-shadow: 0 1px 1px #000; text-transform: uppercase; border-radius: 4px; width: 270px; } .call_clock { text-align: right; font-size: 20px; position: relative; padding-left: 24px; font-weight: 600; text-transform: uppercase; line-height: 30px; display: none !important; } .call_clock span { font-size: 30px; color: #0fbada; display: block; } .call_clock:before { content: "\f095"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #bb0711; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-right: 0px; } .clock_livechat { text-align: center; font-size: 16px; position: relative; padding-top: 7px; text-transform: uppercase; line-height: 24px; padding-left: 35px; } .clock_livechat:before { content: "\f086"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: #bb0711; -moz-osx-font-smoothing: grayscale; display: inline-block; visibility: hidden !important; float: right; margin-left: 9px; display: none; } .clock_livechat span { color: #0fbada; } .clock_livechat a { color: #fff !important; display: block; font-weight: 700; } section.testimonials { background: url(../images/bg_blue_vector.jpg) repeat left top; color: #fff; padding: 50px 0; } div#testimonial_slider { margin-top: 22px; border-top: #90bec6 1px solid; position: relative; padding-top: 32px; position: relative; } div#testimonial_slider:before {content: "";background: url('../images/sprite.png') no-repeat -4px -65px;width: 54px;height: 3px;left: 0;position: absolute;top: -2px;} .testimonail_text{ width: 447px; float: left; padding: 0 30px; font-size: 14px; font-weight: 100; } .author-pic { float: left; width: 150px; } .testimonail_text { line-height: 20px; } .testimonail_text h4 { font-size: 18px; font-weight: 400; margin-bottom: 10px; text-transform: uppercase; line-height: 21px; } .testimonail_text h4 span { display: block; color: #fff; font-size: 14px; text-transform: none; } #testimonial_slider .col-md-6 { margin-top: -53px; } #testimonial_slider .col-md-6+.col-md-6 { margin: 0; } #testimonial_slider .col-md-6 { padding: 70px 0 0 0; } section.aboutus_sec { padding: 40px 0; color: #2d2d2d; line-height: 23px; font-size: 15px; } section.aboutus_sec h2+p { text-align: center; padding-bottom: 23px; /* border-bottom: #d8d8d8 1px solid;*/ position: relative; margin-bottom: 16px; /* font-family: 'Open Sans'; */ font-weight: bold; font-size: 16px; } section.aboutus_sec h2+p:after { /*background: url('../images/sprite.png') no-repeat -4px -60px;*/ width: 54px; height: 3px; content: ""; position: absolute; left: 50%; bottom: -2px; margin-left: -27px; } section.aboutus_sec p { line-height: 23px; } section.aboutus_sec .col-md-8 { padding-left: 40px; } section.aboutus_sec .col-md-12 { margin-top: 26px; } section.cta { background: #262829; padding: 30px 0; position: relative; border-top: #00a2c0 4px solid; color: #fff; } section.cta:before { position: absolute; height: 4px; top: -4px; background: #000; width: 50%; left: 0px; content: ""; } section.cta .col-md-5 h2 { color: #fff; font-size: 33px; font-weight: 100; } section.cta .col-md-5 h3 { font-size: 66px; font-weight: 300; color: #fff; } section.cta ul li .cta_phone_icon:before { background: url('../images/sprite.png') no-repeat 0 0; width: 57px; height: 55px; } section.cta ul li { width: 47%; float: left; font-size: 18px; text-align: center; text-transform: uppercase; position: relative; } section.cta ul li i { display: block; margin-bottom: 12px; text-align: center; height: 66px; } section.cta ul li i.cta_chat_icon:before { background: url('../images/sprite.png') no-repeat -59px 0; width: 64px; height: 62px; } section.cta ul li .cta_callback_icon:before { background: url('../images/sprite.png') no-repeat -130px 0; width: 49px; height: 55px; } section.cta ul li i:before {content: "";display: inline-block;} section.cta ul li:before {content: "";position: absolute;left: 0;height: 60px;width: 1px;background: #686869;top: 29px;} section.cta ul li+li+li { width: 40%; display: none; } .copyright { border-top: #262829 1px solid; padding: 30px 0; font-size: 12px; color: #ababa6; text-transform: uppercase; } .copyright ul { margin: 15px 0 0 0; text-align: right; } .copyright ul li { display: inline-block; text-transform: uppercase; margin: 0 11px; } .copyright ul li a { display: block; color: #ababa6; } .copyright .col-md-6 img+span { display: inline-block; margin-top: 17px; margin-left: 7px; } #slider .item { width: 100%; float: left; background-attachment: fixed; } .sub-heading { color: #00a2c0; font-weight: 400; margin-bottom: 8px; font-size: 15px; margin-top: 15px; } section.banner #slider:before { height: 100%; left: 0; top: 0; bottom: 0; z-index: -1; } .cd-intro { opacity: 1; width: 100%; height: 120px; margin-top: 0; text-align: center; font-family: 'museo_sans_rounded300'; color: #fff; text-transform: uppercase; z-index: 99999999999; } .cd-words-wrapper { display: block; text-align: center; color: #fff; margin: 0 auto; font-size: 144px; letter-spacing: -4px } .cd-words-wrapper b { display: block; margin: 0 auto; position: absolute; white-space: nowrap; text-align: center; top: 0; left: 0; bottom: 0; right: 0 } .cd-words-wrapper b.is-visible { display: block; margin: 0 auto; position: relative; text-align: center; } .no-js .cd-words-wrapper b { display: block; margin: 0 auto; opacity: 0; text-align: center } .no-js .cd-words-wrapper b.is-visible { display: block; margin: 0 auto; opacity: 1; text-align: center } .cd-headline.rotate-2 .cd-words-wrapper { -webkit-perspective: 660px; -moz-perspective: 660px; perspective: 660px; max-width: 660px; } .cd-words-wrapper { font-size: 50px; margin-top: -10px } .cd-headline.rotate-2 .cd-words-wrapper { max-width: 660px; text-shadow: #000 0 1px 1px; font-size: 115px; letter-spacing: -8px; } } .cd-headline.rotate-2 i, .cd-headline.rotate-2 em { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden } .cd-headline.rotate-2 b { opacity: 0; } .cd-headline.rotate-2 i { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); opacity: 0 } .is-visible .cd-headline.rotate-2 i { opacity: 1 } .cd-headline.rotate-2 i.in { -webkit-animation: cd-rotate-2-in 0.4s forwards; -moz-animation: cd-rotate-2-in 0.4s forwards; animation: cd-rotate-2-in 0.4s forwards } .cd-headline.rotate-2 i.out { -webkit-animation: cd-rotate-2-out 0.4s forwards; -moz-animation: cd-rotate-2-out 0.4s forwards; animation: cd-rotate-2-out 0.4s forwards } .cd-headline.rotate-2 em { -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); -ms-transform: translateZ(20px); -o-transform: translateZ(20px); transform: translateZ(20px) } .no-csstransitions .cd-headline.rotate-2 i { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 0 } .no-csstransitions .cd-headline.rotate-2 i em { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) } .no-csstransitions .cd-headline.rotate-2 .is-visible i { opacity: 1 } @-webkit-keyframes cd-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg) } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg) } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg) } } @-moz-keyframes cd-rotate-2-in { 0% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(90deg) } 60% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(-10deg) } 100% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(0deg) } } @keyframes cd-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); -moz-transform: translateZ(-20px) rotateX(90deg); -ms-transform: translateZ(-20px) rotateX(90deg); -o-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg) } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); -moz-transform: translateZ(-20px) rotateX(-10deg); -ms-transform: translateZ(-20px) rotateX(-10deg); -o-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg) } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); -moz-transform: translateZ(-20px) rotateX(0deg); -ms-transform: translateZ(-20px) rotateX(0deg); -o-transform: translateZ(-20px) rotateX(0deg); transform: translateZ(-20px) rotateX(0deg) } } @-webkit-keyframes cd-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0) } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg) } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg) } } @-moz-keyframes cd-rotate-2-out { 0% { opacity: 1; -moz-transform: translateZ(-20px) rotateX(0) } 60% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(-100deg) } 100% { opacity: 0; -moz-transform: translateZ(-20px) rotateX(-90deg) } } @keyframes cd-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); -moz-transform: translateZ(-20px) rotateX(0); -ms-transform: translateZ(-20px) rotateX(0); -o-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0) } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); -moz-transform: translateZ(-20px) rotateX(-100deg); -ms-transform: translateZ(-20px) rotateX(-100deg); -o-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg) } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); -moz-transform: translateZ(-20px) rotateX(-90deg); -ms-transform: translateZ(-20px) rotateX(-90deg); -o-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg) } } .cd-headline.rotate-2 i, .cd-headline.rotate-2 em { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .main h1 { margin: 0; padding: 0; font-size: 30px; color: #fff; letter-spacing: 0px; text-align: center; font-weight: normal; } .banner span.vector_banner { position: absolute; left: 152px; top: -221px; width: 370px; } .circle-gradient { opacity: 1; position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0; width: 300px; height: 300px; z-index: -1; background-image: url("../images/circle.png"); background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: 0.5; } section.testimonials h2 { color: #fff; } section.testimonials h2 span { color: #000; } section.banner .container { position: absolute; z-index: 5; top: 40%; left: 50%; margin-left: -585px; } .contact-sec { position: absolute; right: 0; top: 19px; text-align: right; } .contact-sec a { display: block; text-align: center; color: #f6c546; border-radius: 50px; text-transform: uppercase; font-size: 13px; font-weight: 700; text-align: right; } .contact-sec a+a { color: #fff; font-size: 13px; padding-top: 5px; padding: 5px 10px; font-weight: 700; letter-spacing: 2px; border-radius: 0; display: inline-block; text-align: center; margin: 0 auto; left: 20px; position: relative; } .banner span.vector_banner img { width: 100%; } section.banner #slider:before {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.59);z-index: 9;} section.inner_banner { text-align: center; text-shadow: #000 0 1px 1px; padding: 152px 0; position: relative; height: 480px; background: url(../images/logo-banner.jpg) no-repeat center top; background-size: cover; z-index: 0; background-attachment: fixed; overflow: hidden; } section.inner_banner h6 { font-size: 24px; margin-bottom: 13px; } section.inner_banner h2 { font-size: 91px; font-weight: 700; letter-spacing: -4px; text-transform: uppercase; } .inner_banner h5 { font-size: 24px; margin-top: 14px; } section.services_page_content h2 { color: #010101; font-size: 19px; text-transform: uppercase; margin-bottom: 16px; } section.services_page_content { padding: 40px 0; line-height: 24px; color: #282828; font-size: 14px; } img.alignright { float: right; } section.services_page_content img { max-width: 100%; } .package_big .col-md-4 ul { min-height: 370px; } .website_package .col-md-3>div ul { min-height: 333px; } .innerpage .packages { margin-bottom: 0; } .innerpage section.branding_solution { margin-top: 0; } section.promise_offer { background: url(../images/bg_white_vector2.jpg) repeat left top; padding: 70px 0 40px 0; text-align: center; } section.promise_offer .row { margin-top: 62px; } section.promise_offer .row>div { margin-bottom: 55px; } section.promise_offer .row>div h4 { font-size: 13px; margin-top: 21px; position: relative; padding-bottom: 15px; color: #1a1c1d; text-transform: uppercase; } section.promise_offer .row>div h4:after { position: absolute; height: 3px; width: 30px; background: #1a1c1d; content: ""; bottom: 0; left: 50%; margin-left: -15px; } section.promise_offer h2.hd-border+p { text-transform: uppercase; } section.packages .row>div>div ul li p strong { color: #19a2be; } .video_package .row>div>div ul { min-height: 172px !important; } .writing_package .row>div>div ul { min-height: 200px; } section.best_design_service { text-transform: uppercase; text-align: center; background: url(../images/seal_bg.jpg) no-repeat center center; background-size: cover; padding: 60px 0; color: #fff; background-attachment: fixed; } section.best_design_service h2 { font-size: 60px; font-weight: 700; color: #fff; margin-bottom: 22px; } section.best_design_service h4 { color: #fff; font-size: 26px; } section.best_design_service ul { text-align: center; width: 840px; margin: 0 auto; } section.best_design_service ul li { display: inline-block; margin: 0 40px; } .alignleft{float: left;margin-right: 55px;} .about_page section.services_page_content img { margin-top: 8px; } section.services_page_content ul li { position: relative; padding-left: 16px; margin-bottom: 5px; } section.services_page_content ul li:before { content: "\f0da"; position: absolute; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; left: 0; color: #c91b26; top: 4px; } section.services_page_content ul { margin: 15px 0px; } .inner_banner * { color: #fff; } .stationary_package .container {} .about_page section.promise_offer { padding-top: 72px; } section.promise_offer h2 { text-transform: uppercase; } .about_page section.promise_offer .row>div { padding: 0 67px; color: #4f4f4f; font-size: 13px; margin-bottom: 62px; } section.promise_offer p { margin-top: 12px; line-height: 18px; } section.promise_offer a { display: inline-block; background: #e6e6e6; padding: 11px 20px; color: #000; margin-top: 6px; border-radius: 3px; } .about_page section.promise_offer .row>div h4 { font-size: 20px; } .about_page section.promise_offer .row>div h4 span { color: #19a2be; } .about_page section.promise_offer .row>div:hover a { background: #19a2be; color: #fff; } .ftr-center { border-left:1px solid #3a3a3a; border-right:1px solid #3a3a3a; text-align:center; } ul.ftr-socialicons { padding-top: 30px; } .ftr-socialicons li { display:inline-block; margin:0 2px; } .ftr-socialicons li a { background: #fff; padding: 12px; color: #333333; font-size: 27px; display: block; width: 50px; border-radius: 50px; height: 50px; } .ftr-socialicons li a:hover { background: #1fa8c9; color: #ffffff; } .ftr-copyright { text-align: center; margin-top: 0; padding: 0px 0; } .ftr-copyright:before { width: 340px; height: 1px; content: ""; display: block; background: #3a3a3a; margin: 0px auto 26px; display: none; } .ftr-left ul li { font-size: 12px; margin-bottom: 20px; /* text-transform: uppercase; */ width: 50%; float: left; } .ftr-left ul li a:before { content: "\f054"; font-size: 13px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #abb0ab; margin-right: 8px; } .ftr-right { padding-left:80px; } .ftr-right ul li { font-size: 14px; margin-bottom: 16px; position: relative; padding-left: 25px; line-height: 1.4em; } .ftr-right ul li:before { content: "\f075"; font-size: 13px; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #21aecb; margin-right: 8px; position:absolute; top:2px; left:0px; } .ftr-right ul li+li:before { content: "\f095"; } .ftr-right ul li+li+li:before { content: "\f0e0"; } .section-title{ font-size: 30px; font-weight:300; text-align:center; color: #fff; text-transform: uppercase; margin-bottom: 2%; } .section-title span{ color: #21aecb; } section.contact_banner { text-align: center; text-transform: uppercase; color: #fff; padding: 120px 0; background: url(../images/contact-banner.jpg) no-repeat left top; background-size: cover; background-attachment: fixed; } section.contact_banner h2 { color: #fff; font-size: 60px; font-weight: 600; text-shadow: #000 0 1px 1px; } section.contact_section { padding: 50px 0; color: #282828; } section.contact_section>div h3 { font-size: 30px; color: #282828; font-family: 'Open Sans', sans-serif; text-align: center; font-weight: 400; } section.contact_section>div h3+p { text-align: center; font-size: 16px; margin-top: 15px; margin-bottom: 83px; } .contact-form { padding: 0 20px; } .contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea { border: #cecece 1px solid; width: 100%; border-radius: 6px; padding: 10px 10px; margin-bottom: 14px; } .contact-form input[type="submit"] { background: #00a2c0; color: #fff; text-align: center; font-size: 21px; width: 100%; padding: 10px 10px; text-transform: uppercase; }.contact-form label { display: none !important; } .form-messages.success { background: #1D6900; color: #fff; padding: 6px 16px; margin: 0 auto; display: inline-block; margin-top: 20px; font-size: 13px; } .contact-form textarea { height: 101px; } .contact-details { padding: 0 20px; font-size: 14px; color: #5a5a5a; } .contact-details h2 { border-bottom: #dcdcdc 1px solid; position: relative; font-size: 24px; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 18px; font-family: 'Open Sans', sans-serif; font-weight: 500; } .contact-details h2:after { background: url('../images/sprite.png') no-repeat -4px -60px; width: 54px; height: 3px; content: ""; position: absolute; left: 0; bottom: -2px; } .contact-details h2 span { color: #00a2c0; } .contact-details>h2+ul li { margin-bottom: 16px; font-size: 13px; color: #5a5a5a; } .ftr-left ul li a { color: #b0b0b0; } .ftr-left ul { margin-top: 30px; } .contact-details>h2+ul>li:before {content: "\f041";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #10c6e8;margin-right: 12px;font-size: 18px;} .contact-details>h2+ul>li+li:before { content: "\f095"; } .contact-details>h2+ul>li+li+li:before { content: "\f0e0"; font-size: 15px; } .contact-details>h2+ul { margin-bottom: 32px; margin-top: 27px; } ul.socialicons {} ul.socialicons li { display: inline-block; margin: 0 4px; } ul.socialicons li a { background: #0caecd; padding: 10px; color: #ffffff; font-size: 19px; display: block; width: 40px; border-radius: 50px; height: 40px; text-align: center; } ul.header_menu>li:hover a, .active_nav a, a.active_nav { border-radius: 6px 6px !important; } #testimonial_slider .owl-pagination { display: none !important; } #testimonial_slider .owl-prev:before, #testimonial_slider .owl-next:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; font-size: 27px; position: absolute; } #testimonial_slider .owl-prev:before{content: "\f137";left: -20px;} #testimonial_slider .owl-controls.clickable { position: absolute; top: 122px; z-index: 99; width: 100%; } #testimonial_slider .owl-next:before {content: "\f138";right: -20px;} #slider .owl-pagination { display: none !important; } #slider .owl-prev:before, #slider .owl-next:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #1fc1e8; font-size: 56px; position: absolute; z-index: 999999; } #slider .owl-prev:before{content: "\f137";left: 20px;} #slider .owl-controls.clickable { position: absolute; top: 346px; z-index: 99999999; width: 100%; } #slider .owl-next:before {content: "\f138";right: 20px;} .parallax-window { min-height: 400px; background: transparent; } #what_we_do_carousel .owl-pagination { display: none !important; } #what_we_do_carousel .owl-prev, #what_we_do_carousel .owl-next{display: inline-block;margin: 20px 10px;} #what_we_do_carousel .owl-prev:before, #what_we_do_carousel .owl-next:before { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; font-size: 27px; position: relative; } #what_we_do_carousel .owl-prev:before{content: "\f137"; 0 : -20px} #what_we_do_carousel .owl-controls.clickable { z-index: 99; } #what_we_do_carousel .owl-next:before {content: "\f138";} section.services_page_content h3 { font-weight: 600; font-size: 19px; } section.inner_banner.web_banner { background-image: url(../images/web-banner.jpg); } .contact-details h2+ul+h2 { margin-top: 61px !important; } section.inner_banner.video_banner { background-image: url(../images/video-banner.jpg); } section.inner_banner:before {content: "";background: rgba(0, 0, 0, 0.64);width: 100%;height: 100%;position: absolute;left: 0;z-index: -1;top: 0;} section.inner_banner.stationary_banner { background-image: url(../images/stationery-banner.jpg); } section.inner_banner.seo_banner { background-image: url(../images/seo-banner.jpg) !important; } section.inner_banner.content_writing { background-image: url(../images/seo-banner.jpg); } section.inner_banner.social_media { background-image: url(../images/socialmedia-banner.jpg) !important; } div#slider img { width: 100%; } #slider .owl-wrapper { /* height: 100% !important; */ } div#slider { position: relative; left: 0; width: 100%; top: 0; z-index: 0; background-attachment: fixed; overflow: hidden; } .slider_image { width: 100%; height: 700px; background-repeat: no-repeat !important; background-position: left center !important; background-size: cover !important; } .parallax-window { min-height: 400px; background: transparent; } .slider1{background-image: url("../images/slide1.jpg");} .slider2{background-image: url("../images/slide2.jpg");} .slider3{background-image: url("../images/slide3.jpg");} .slider4{background-image: url("../images/slide4.jpg"); } .slider5{background-image: url("../images/slide5.jpg"); } .slider6{background-image: url("../images/slide6.jpg"); } .slider7{background-image: url("../images/slide7.jpg"); } .about_page .inner_banner { background-image: url(../images/about-banner.jpg); height: auto; } .about_page .inner_banner h2 { font-size: 37px !important; letter-spacing: 0; } section.services_page_content p { margin-bottom: 12px; } a.readBtn { background: #19a2be; color: #fff; text-transform: uppercase; display: inline-block; padding: 6px 13px; } .moreContnt { display: none; } .popup-form .tophead i { position: absolute; left: 13px; color: #fff; font-size: 27px; top: 10px; text-shadow: #696969 0 1px 1px; opacity: 0.5; } .popup-form .tophead {} #popupform ul li { position: relative; margin-top: 15px; } #popupform ul li i { position: absolute; color: #1892a1; left: 15px; font-size: 16px; top: 0; border-right: #292a2b 1px solid; padding-right: 10px; padding-top: 13px; padding-bottom: 12px; } p.form_tagline { color: #ccc; font-size: 12px; position: relative; padding-left: 22px; line-height: 16px; } p.form_tagline input { position: absolute; left: 0px; top: 7px; } h3#lead_pkg_name span { display: block; font-size: 38px; margin-top: 10px; color: #fff; font-weight: 700; text-shadow: #222e3a 1px 1px 1px; } /************** branding mobile section start ******************/ .branding_mob { background:url(../images/brand-bg-mob.jpg) top center no-repeat #1a1c1d; display: none; } .brand-mobile-container { width: 280px; margin: 0 auto; text-align: center; color: #fff; padding-top: 37px; padding-bottom: 60px; } .brand-mobile-container h3 { font-size:21px; color:#fff; text-transform:uppercase; font-weight:normal; margin-bottom:40px; } .brand-mobile-container h3 span { display: block; font-size: 46px; color: #14a4bf; font-weight: bold; letter-spacing: -2px; } .brand-mob-img { margin-bottom:30px; } .brand-mobile-container h5 { font-size:20px; color:#ffe400; font-weight: bold; text-transform:uppercase; } .off-pric { font-size: 60px; font-weight: bold; text-transform: uppercase; color: #ffe400; margin-top: -5px; } .atsymbl { font-size: 24px; font-weight: 600; padding-top: 9px; display: inline-block; } .priceoff { font-size: 20px; font-weight: 600; padding-top: 9px; display: inline-block; } h4.retail-pric { font-size: 30px; color: #ffe400; font-weight: bold; padding-top: 5px; line-height: 1.2em; margin-bottom:10px; } .retail-pric strong{ font-weight:900; font-size:40px; } body.logodesign.innerpage section.cutting_edge .col-md-4 h2 { font-size: 50px !important; } .cross-pric { font-size: 30px; color: #ffe400; text-decoration: line-through; margin-bottom: 24px; border-bottom: 1px solid #363a3b; padding-bottom: 25px; } .brand-mobile-container ul li { font-size:13px; color:#ffffff; line-height: 1.9em; }section.branding_solution:before { content:""; width: 100%; height:100%; background:rgba(0, 0, 0, 0.48); position:absolute; left:0; top:0} .brand-mobile-container ul li+li { border-top: 1px solid #3a3d3e; padding-top: 18px; margin-top: 18px; } .brand-mobile-container ul li span{ display: block; font-size: 18px; font-weight: 600; color: #14a4bf; padding-bottom: 5px; } section.cta ul li a { color: #fff; } .branding-mob-btn a { background: #00a2c0; border-bottom: 3px solid #0a859c; display: inline-block; padding: 12px 25px; border-radius: 5px; color: #fff; font-size: 14px; text-transform: uppercase; font-weight: normal; margin-top: 25px; } /************** branding mobile section end ******************/ .stationary_page section.packages .row>div>div ul { min-height: 190px; } #popupform ul li label { display: none !important; } .ftr-copyright a { color: #b0b0a3; } h2.smh { font-size: 50px !important; } .newPort .logos+.logos+.logos ul li.last img { height: 269px !important; } ul.social-icons li a { background: none; } ul.social-icons li { display: inline-block; padding: 0; margin: 0; } ul.social-icons li a { padding: 0; margin: 0; padding: 0 8px; } ul.social-icons li a i { color: #fff; font-size: 19px; } ul.social-icons { margin: 0; } .col-md-12.disclaimer .col-md-4 { padding: 0; } img.logo-img { max-width: 130px; } .disclaimer ul li a { /* padding: 0 10px; */ color: #f6c546; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 500; } .disclaimer ul li a:after { content: "\f111"; padding: 0 15px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 5px; position: relative; top: -3px; } .disclaimer ul li { display: inline-block; } .disclaimer ul li:last-child a:after { display: none; } section.packages .col-md-3 ul+ul { padding: 0; } .contact-sec a+a:after { content: ""; position: absolute; width: 80px; height: 1px; background: #fff; left: 0; bottom: 0; margin-left: 10px; }