/* Table of Content ================================================== #Site Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ @import url(//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,900,700italic,900italic); /* ### general ### */ * { margin: 0px; padding: 0px; } html, body { height: 100%; font-family: 'Roboto', sans-serif; font-size: 13px; color: #747474; } input, select, textarea { font-family: 'Roboto', sans-serif; font-size: 13px; color: #747474; } body { background: #fff; overflow-x: hidden; } img { border: 0px; display: block; } ul, li { list-style: none; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; padding: 0 20px!important;-webkit-text-fill-color: #889097!important;} textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; padding: 10px 20px!important;-webkit-text-fill-color: #889097!important;} :focus { outline: none; } .website-field { display: none; } /* behavior: url(stylesheets/PIE/PIE.htc); */ /* ### global classes ### */ .clear { clear: both; height: 1px; } .center { margin: 0 auto; max-width: 1024px; position: relative; } .hidden-field { display: none; } .hidden-holder { display: none;} .radio { width: 22px!important; height: 22px!important; position: absolute; left: 0; background: url(../images/radio.png) no-repeat; } .checkbox { width: 22px!important; height: 22px!important; position: absolute; left: 0; background: url(../images/radio.png) no-repeat; } .select { font-size: 16px; padding: 0 15px 0 10px; width: 100%; height: 30px; line-height: 30px; font-weight: bold; color: #a7a7a7; border: 2px solid #a7a7a7; position: absolute; top: 0; left: 0; background: url(../images/arrow9.png) no-repeat right 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ### wrapper ### */ #wrapper { position: relative; display: block; width: 100%; overflow-x: hidden; } /* ### main container ### */ #mainCntr { width: 100%; } /* ### header container ### */ #headerCntr { position: relative; min-height: 70px; } #headerCntr .top { width: 100%; height: 386px; background: #61bd5a url(../images/logo_bg.png) no-repeat center 0; } #headerCntr .logo { float: left; padding-top: 145px; } #headerCntr.service { } #headerCntr .topArrow { position: absolute; top: 18px; right: 0; z-index: 100; } #headerCntr .topArrow.showing img { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } /* ### tools box ### */ .toolsBox {display: none; position: absolute; top: 15px; right: 0; z-index: 99999; } .toolsBox .clientarea { float: left; position: relative; padding-bottom: 10px; } .toolsBox .clientarea a.button { display: block; padding: 0 12px 0 35px; line-height: 30px; height: 30px; background: #fff url(../images/icon1.png) no-repeat 8px; color: #61bd5a; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .toolsBox .clientarea:hover a.button { background: #000 url(../images/icon1_hover.png) no-repeat 8px; color: #fff; } a.client-login-btn {position: relative;z-index: 9999; display: none; float:left;margin: 3px 0 0 10px;padding: 0 5px 0 26px; line-height: 30px; height: 30px; background: #fff url(../images/icon1.png) no-repeat 8px; color: #61bd5a; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .toolsBox .clientarea .dropdown { display: none; width: 170px; position: absolute; top: 35px; left: -50px; background: url(../images/bg1.png) no-repeat; padding: 30px 20px 20px 20px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .toolsBox .clientarea fieldset { border: none; } .toolsBox .clientarea input.field { border: 1px solid #696d71; width: 100%; height: 40px; line-height: 40px; padding: 0 20px 0 45px; background: url(../images/icon2.png) no-repeat 15px; font-size: 14px; color: #fff; -webkit-border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .toolsBox .clientarea input.field::-webkit-input-placeholder { color: #fff; } .toolsBox .clientarea input.field:-moz-placeholder { color: #fff; } .toolsBox .clientarea input.field::-moz-placeholder { color: #fff; } .toolsBox .clientarea input.field:-ms-input-placeholder { color: #fff; } .toolsBox .clientarea input.field.error { border: 1px solid #ff0000; color: #ff0000; background: url(../images/icon2_error.png) no-repeat 15px; position: relative; } .toolsBox .clientarea input.field.pass { margin-top: -1px; background: url(../images/icon3.png) no-repeat 15px; -webkit-border-radius: 0px 0px 3px 3px; -moz-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; } .toolsBox .clientarea input.field.pass.error { border: 1px solid #ff0000; color: #ff0000; background: url(../images/icon3_error.png) no-repeat 15px; position: relative; } .toolsBox .clientarea input.button { background: #61bd59; width: 100%; height: 40px; font-size: 14px; text-transform: uppercase; color: #fff; border: none; cursor: pointer; margin: 15px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .toolsBox .clientarea .remember-check { padding-left: 30px; position: relative; } .toolsBox .clientarea label.remember { display: block; font-size: 14px; color: #fff; position: relative; cursor: pointer; margin-bottom: 5px; } .toolsBox .clientarea .remember-check .checkbox { width: 16px !important; height: 16px !important; background: url(../images/checkbox.png) no-repeat; position: absolute; left: 0px; } .toolsBox .clientarea a.forget { color: #fff; } .toolsBox .clientarea a.forget:hover { text-decoration: none; } .toolsBox .clientarea:hover .dropdown { display: block; } .toolsBox .language { position: relative; float: left; margin-left: 5px; padding-right: 15px; background: #fff url(../images/arrow1.png) no-repeat right; height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .toolsBox .clientarea input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #2e3138 inset; padding: 0 20px!important;-webkit-text-fill-color: #fff!important;} .toolsBox .language a { display: block; padding: 5px 10px; line-height: 20px; color: #61bd5a; text-transform: uppercase; text-decoration: none; } .toolsBox .language a img { display: inline; vertical-align: middle; margin-right: 5px; } .toolsBox .language ul { display: none; padding-top: 5px; list-style: none; width: 100%; position: absolute; top: 23px; left: 0; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .toolsBox .language:hover ul { display: block; } /* ### client tools box ### */ .clientToolsBox { display: none; position: absolute; top: 15px; right: 0; z-index: 99999; } .clientToolsBox .info { float: left; margin-right: 10px; position: relative; } .clientToolsBox .info a { text-decoration: none; } .clientToolsBox .info span { text-align: center; line-height: 19px; width: 19px; height: 19px; background: #ed1c24; color: #fff; font-size: 12px; font-weight: 700; position: absolute; top: -5px; right: -5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .clientToolsBox .clientName { float: left; position: relative; padding-bottom: 25px; } .clientToolsBox .clientName a.client { display: block; line-height: 28px; padding: 0 25px 0 15px; background: #2e3138 url(../images/arrow2.png) no-repeat right; color: #fff; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .clientToolsBox .clientName .dropdown { display: none; width: 170px; position: absolute; top: 35px; left: -50px; background: url(../images/bg1.png) no-repeat; padding: 30px 20px 20px 20px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .clientToolsBox .clientName .dropdown ul { list-style: none; } .clientToolsBox .clientName .dropdown li { margin-bottom: 15px; } .clientToolsBox .clientName .dropdown li a { display: block; padding-left: 30px; background: url(../images/icon4.png) no-repeat left; color: #fff; text-decoration: none; } .clientToolsBox .clientName .dropdown li.inbox a { background: url(../images/icon5.png) no-repeat left; } .clientToolsBox .clientName .dropdown li.noti a { background: url(../images/icon6.png) no-repeat left; } .clientToolsBox .clientName .dropdown li.project a { background: url(../images/icon7.png) no-repeat left; } .clientToolsBox .clientName .dropdown li.quotes a { background: url(../images/icon8.png) no-repeat left; } .clientToolsBox .clientName .dropdown li.invoice a { background: url(../images/icon9.png) no-repeat left; } .clientToolsBox .clientName .dropdown li.logout a { background: url(../images/icon10.png) no-repeat left; } .clientToolsBox .clientName .dropdown li:last-child { margin-bottom: 0; border-top: 1px solid #696d71; padding-top: 10px; } .clientToolsBox .clientName:hover .dropdown { display: block; } .clientToolsBox.mobile { display: none; } /* ### we box ### */ .weBox { float: right; width: 55%; text-align: center; color: #fff; padding-top: 105px; } .weBox h1 { font-size: 36px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; } .weBox h2 { font-size: 20px; text-transform: uppercase; font-weight: normal; margin-bottom: 5px; } .weBox p { color: #fff; line-height: 24px; padding-bottom: 50px; } .weBox strong.button-wrap { display: inline-block; } .weBox strong.button-wrap a.button-big { text-decoration: none; font-size: 21px; color: #61bd5a; color: #61bd5a; text-transform: uppercase; font-weight: bold; display: inline-block; line-height: 47px; padding: 0 20px 0 20px; position: relative; z-index: 98; background: #fff; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .weBox strong.button-wrap a.button-big:after { content: ""; position: absolute; top: 0; right: -24px; width: 0; height: 0; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 24px 0 24px 24px; } .weBox strong.button-wrap a.button-big:hover { background: #2e3138; } .weBox strong.button-wrap a.button-big:hover:after { border-color: transparent transparent transparent #2e3138; } .weBox strong.button-wrap a.button-big span { font-weight: normal; } /* ### menu box ### */ .menuBox { width: 100%; background: #2e3138; border-top: 4px solid #39a24b; height: 70px; } .menuBox.scrolling { position: fixed !important; top: 0px !important; left: 0px; z-index: 9999; } .menuBox ul { list-style: none; text-align: center; } .menuBox li { display: inline-block; padding: 0 15px; font-size: 17px; text-transform: uppercase; letter-spacing: 1px; } .menuBox li a { color: #797d83; text-decoration: none; display: block; line-height: 70px; position: relative; } .menuBox li a:hover, .menuBox li.active a { color: #fff; background: url(../images/pointer.png) no-repeat center 0; } .menuBox li.logoSmall { width: 104px; } .menuBox li.logoSmall a { margin-left: -55px; position: absolute; top: -15px; left: 50%; display: block; width: 104px; height: 104px; text-indent: -9999px; background: url(../images/logo-menu.png) no-repeat left top; } .menuBox li.logoSmall a:hover { background-position: 3px bottom; } #headerCntr.service .menuBox { position: fixed; top: 0px; left: 0; z-index: 9999; } #headerCntr.show-clients .menuBox { top: 57px !important; } #headerCntr.service .weBox { float: left; margin-top: 0; } #headerCntr.service .HQ-image { float: right; margin-top: 0; width:40%;padding-top: 115px;margin-right: 20px;} .mobileMenu { display: none; } /* ### content container ### */ #contentCntr { width: 100%; } /* ### what container ### */ #whatCntr { width: 100%; background: #f6f7fb; padding: 40px 0; overflow: hidden; } /* ### ups ### */ .ups{width: 100%;margin:0 0 20px 0;} .ups ul { list-style: none; margin:0 0 0 40px;} .ups ul li { width: 24.5%; display: inline-block; } .ups ul li span{display: block; line-height: 40px; padding-left: 50px; font-size: 18px; margin-bottom: 10px; background: url(../images/icon36-sprite.png) no-repeat left top;} .ups ul li:hover span{background-position: left bottom;cursor: default;} /* ### what box ### */ .whatBox { width: 100%; } .whatBox h2 { font-size: 28px; color: #717171; margin-bottom: 45px; font-weight: normal; text-align: center; } .whatBox .service-big { overflow: hidden; } .whatBox .video { position: relative; float: left; width: 49%; background: #000; } .whatBox .video .video-holder { display: block; text-indent: -9999px; width: 100%; height: 283px; background-size: cover; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } .whatBox .video:hover .video-holder { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -khtml-opacity: 1.0; -moz-opacity: 1.0; opacity: 1.0; } .whatBox .video .play { margin: -40px 0px 0px -40px; text-indent: -9999px; position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; display: block; background: url(../images/play-btn.png) no-repeat left top; } .whatBox .video .play:hover { background-position: left bottom; } .whatBox .about { float: right; width: 49%; background: #f4f4f5 url(../images/logo_watermark.png) no-repeat right; padding: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .whatBox .about h3 { color: #4e4e4e; font-size: 22px; text-transform: uppercase; padding-bottom: 15px; font-weight: normal; border-bottom: 1px solid #9ba4b1; margin-bottom: 15px; } .whatBox .about h3 small { font-size: 12px; } .whatBox .about p { line-height: 26px; padding-bottom: 30px; } .whatBox .service-more{color: #747474;} .whatBox .service-more:hover{text-decoration: none;} .whatBox .buttons { overflow: hidden; margin-top: -26px;} .whatBox .buttons a.more { float: left; padding: 0 15px; line-height: 30px; font-weight: 600; text-transform: uppercase; color: #67bf60; text-decoration: none; border: 1px solid #6ec167; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .whatBox span.more-info{margin-left: 6px;} .whatBox span.ready{float:right;display: block;text-align: right;margin-right: 32px;} .whatBox .buttons a.more:hover { background: #67bf60; color: #fff; } .whatBox .buttons a.order { position: relative; float: right; margin-right: 15px; height: 30px; line-height: 30px; padding: 0 10px 0 15px; background: #61bd59; color: #fff; font-size: 14px; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .whatBox .buttons a.order:after { content: ""; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-color: transparent transparent transparent #61bd59; border-style: solid; border-width: 15px 0 15px 15px; } .whatBox .buttons a.order:hover { background: #2e3138; } .whatBox .buttons a.order:hover:after { border-color: transparent transparent transparent #2e3138;} /* ### service box ### */ .serviceBox { width: 100%; overflow: hidden; padding: 60px 0 0; } .serviceBox .service { float: left; width: 31%; margin: 0 1%; text-align: center; min-height: 600px; } .serviceBox .service a.icon { display: block; margin-bottom: 20px; text-decoration: none; text-align: center; height: 178px; background-position: center 0; background-repeat: no-repeat;} .serviceBox .service a.icon span { height: 178px; width: 318px; text-indent: -9999px; display: inline-block; } .serviceBox .service:hover a.icon { background-position: center -170px; } .serviceBox h3 { font-size: 20px; text-transform: uppercase; color: #747474; font-weight: normal; margin-bottom: 10px; } .serviceBox p { line-height: 20px; padding-bottom: 15px; color: #747474; } .serviceBox p.service-description{min-height: 220px;} .serviceBox strong { font-size: 17px; font-size: 17px; display: block; font-weight: 600; padding-bottom: 10px; color: #747474; } .serviceBox .buttons { overflow: hidden; display: none; } .serviceBox span.more-info{float:left;display: block;text-align: left;margin-left: 5px;} .serviceBox span.ready{float:right;display: block;text-align: right;margin-right: 5px;} .serviceBox .buttons a { background: #59a4bd; color: #fff; position: relative; margin: 0 2px; display: inline-block; border: 1px solid #59a4bd; padding: 0 12px; line-height: 35px; font-size: 13px; text-decoration: none; font-weight: 600; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .serviceBox .buttons a.gotoservice{float:left;} .serviceBox .buttons a.start-now{float:right;} .serviceBox .service-more{text-align: center;color: #747474;} .serviceBox .service-more:hover{text-decoration: none;} .serviceBox .service-info{text-align: center; padding: 0 30px!important;} .servicebox .service:hover{min-height: 525px;} .serviceBox .buttons a:hover { background: #fff; color: #59a4bd; } .serviceBox .buttons a.order { color: #61bd59; border: 1px solid #61bd59; } .serviceBox .buttons a.order:hover { background: none; color: #fff; } .serviceBox .service:hover h3 { color: #3b3b3b; } .serviceBox .service:hover p { color: #3b3b3b; } .serviceBox .service:hover strong { color: #3b3b3b; } .serviceBox .service:hover .buttons { display: block; } /* ### work container ### */ #workCntr { background: #ececed url(../images/pointer3.png) no-repeat center 0; width: 100%; overflow: hidden; } #workCntr.sub { background: #f6f7fb; } #workCntr.sub .holder { overflow: hidden; } #workCntr .center { padding: 60px 0; overflow: hidden; } #workCntr header {text-align: center;min-height: 150px;padding-bottom: 20px;} #workCntr .holder { overflow: hidden; } #workCntr h2 { font-size: 28px; color: #717171; margin-bottom: 15px; font-weight: normal; text-align: center; } #workCntr p.work-intro{font-size: 15px; line-height: 24px; color: #888888; width:50%;margin: 0 auto;} #workCntr .project-big { width: 100%; height: 388px; background: url('https://psdtohtml.net/modules/portfolio/uploads/background/project-bg1.jpg') no-repeat; margin-bottom: 30px; } #workCntr .left { float: left; width: 50%; text-align: center; } #workCntr .phone { width: 355px; height: 324px; background: url(../images/phone_bg2.png) no-repeat; margin: 0 auto; position: relative; margin-top: 64px; } #workCntr .phone .logo { position: absolute; top: 104px; left: 27px; -moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px;} #workCntr .phone .logo:hover{opacity: 0.9;} #workCntr .right { float: right; width: 50%; } #workCntr .text { padding: 90px 60px 0 0; } #workCntr .text h3 { font-size: 24px; text-transform: uppercase; color: #fff; margin-bottom: 10px; font-weight: 600;} #workCntr .text p { line-height: 24px; padding-bottom: 10px; color: #fff; } #workCntr .text a { display: inline-block; border: 1px solid #fff; padding: 0 8px; line-height: 28px; color: #fff; font-size: 13px; text-decoration: none; font-weight: 600; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #workCntr .text a:hover { background: #fff; color: #2e3138; } #workCntr .project { float: left; width: 30%; margin-right: 5%; margin-bottom: 10px; } #workCntr .project a.view { display: none; position: absolute; bottom: 20px; left: 20px; text-transform: uppercase; color: #67bf60; text-decoration: none; border: 1px solid #6ec167; padding: 0 15px; line-height: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #workCntr .project a.view:hover { background: #6ec167; color: #fff; } #workCntr .project:hover { background: #f1f2f5; } #workCntr .project:hover a.view { display: block; } #workCntr .project.last { margin-right: 0; } #workCntr .photo { width: 100%; } #workCntr .photo img { width: 100%; } #workCntr .details { padding: 20px; padding-bottom: 60px; position: relative; } #workCntr .details h2 { font-size: 20px; color: #61bd59; font-weight: 600; margin-bottom: 5px; text-align: left;} #workCntr .details p { line-height: 25px; } #workCntr .showme { padding: 20px 0px 5px; text-align: center; } #workCntr .showme a.more { margin: 0 10px; display: inline-block; font-size: 18px; color: #888888; text-decoration: none; padding-bottom: 65px; background: url(../images/icon-down.png) no-repeat center bottom; } #workCntr .showme a.more:hover { color: #58a4be; background-position: center 38px; } #workCntr .showme a.more.all { display: inline-block; background: url(../images/icon-go.png) no-repeat center bottom; } #workCntr .showme a.more.all:hover { color: #58a4be; background-position: center 38px; } /* ### standards container ### */ #standardsCntr { background: #61bd59 url(../images/pointer1.png) no-repeat center 0; padding: 60px 0; overflow: hidden; } #standardsCntr header {text-align: center;min-height: 150px;padding-bottom: 20px;} #standardsCntr h2 { font-size: 28px; color: #fff; margin-bottom: 15px; font-weight: normal; text-align: center; } #standardsCntr p.standard-intro {font-size: 15px;line-height: 24px;color: #fff; width:50%;margin: 0 auto;} #standardsCntr .standard { float: left; width: 30%; margin-right: 5%; text-align: center; color: #fff; min-height: 380px; margin-bottom: 30px;} #standardsCntr .standard.last { margin-right: 0; } #standardsCntr .logo { padding-bottom: 25px; text-align: center; } #standardsCntr .logo img { display: inline; } #standardsCntr h3 { font-size: 17px; text-transform: uppercase; padding-bottom: 10px; font-weight: 600; } #standardsCntr p { line-height: 22px; } /* ### about container ### */ #aboutCntr { background: #f6f7fb url(../images/pointer2.png) no-repeat center 0; padding: 60px 0; overflow: hidden; } #aboutCntr h2 { font-size: 28px; color: #888888; margin-bottom: 45px; font-weight: normal; text-align: center; } #aboutCntr .col { float: left; width: 27%; margin-right: 3%; } #aboutCntr .map { width: 40%; float: left; } #aboutCntr .map .google-map { width: 400px; height: 710px; } #aboutCntr p { line-height: 24px; padding-bottom: 10px; } #aboutCntr p strong { font-size: 15px; } #aboutCntr ol { padding-left: 20px; color: #696969; } #aboutCntr ol li { list-style-type: decimal; font-weight: bold; margin-bottom: 5px; } #aboutCntr a.contact { display: inline-block; padding: 0 15px; line-height: 30px; font-weight: 600; text-transform: uppercase; color: #888888; text-decoration: none; border: 1px solid #888888; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #aboutCntr a.contact:hover { background: #888888; color: #fff; } #aboutCntr .faq { margin-top: 0px; } #aboutCntr .knowledge { margin-top: 35px; } #aboutCntr h3 { font-size: 20px; margin-bottom: 5px; color: #696969; font-weight: 600; } #aboutCntr span.tips { font-size: 14px; font-weight: bold; margin-bottom: 10px; font-weight: 600; } #aboutCntr ul { list-style: none; color: #696969; padding-left: 20px; margin-bottom: 20px;} #aboutCntr li { margin-top: 8px; list-style-type: disc;} #aboutCntr li span { display: block; font-weight: bold; } #aboutCntr li a { color: #61bd59; text-decoration: none; } #aboutCntr li a:hover { text-decoration: underline; } #aboutCntr .map .holder { border: 5px solid #fff; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #aboutCntr .map img { width: 100%; } /* ### testimonials container ### */ #testimonialsCntr { background: #ececed url(../images/pointer3.png) no-repeat center 0; padding: 60px 0; overflow: hidden; } #testimonialsCntr.sub { background: #f6f7fb; } #testimonialsCntr header { text-align: center; min-height: 150px; padding-bottom: 20px; } #testimonialsCntr h2 { font-size: 28px; color: #888888; margin-bottom: 15px; font-weight: normal; text-align: center; } #testimonialsCntr header p { font-size: 15px; line-height: 24px; color: #888888; width:50%;margin: 0 auto;} #testimonialsCntr .testimonial { float: left; width: 23%; margin-right: 2.5%; text-align: center; margin-bottom: 50px;} #testimonialsCntr .testimonial.last { margin-right: 0; } #testimonialsCntr h3 { font-size: 17px; color: #61bd59; font-weight: 600; padding-bottom: 35px; background: url(../images/pointer4.png) no-repeat center bottom; } #testimonialsCntr .content { background: #e4e4e4; padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #testimonialsCntr .content p { line-height: 24px; padding-bottom: 10px; min-height: 150px;} #testimonialsCntr a.read { display: inline-block; padding: 0 15px; line-height: 30px; font-weight: 600; text-transform: uppercase; color: #969696; text-decoration: none; border: 1px solid #b7b7b7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #testimonialsCntr a.read:hover { color: #fff; background: #61bd59; border: 1px solid #61bd59; } #testimonialsCntr .showme { padding: 20px 0px 5px; text-align: center; } #testimonialsCntr .showme a.more { margin: 0 10px; display: inline-block; font-size: 18px; color: #888888; text-decoration: none; padding-bottom: 65px; background: url(../images/icon-down.png) no-repeat center bottom; } #testimonialsCntr .showme a.more:hover { color: #58a4be; background-position: center 38px; } #testimonialsCntr .showme a.more.all { display: inline-block; background: url(../images/icon-go.png) no-repeat center bottom; } #testimonialsCntr .showme a.more.all:hover { color: #58a4be; background-position: center 38px; } /* ### order container ### */ #orderCntr { background: #59a4bd url(../images/pointer5.png) no-repeat center 0; padding: 100px 0; overflow: hidden; color: #fff; } #orderCntr header { text-align: center; min-height: 150px; padding-bottom: 75px; } #orderCntr h2 { font-size: 28px; margin-bottom: 15px; font-weight: normal; text-align: center; } #orderCntr header p { font-size: 15px; line-height: 24px; width:50%;margin: 0 auto;} #orderCntr .orderInfo { float: left; width: 30%; margin-right: 5%; text-align: center; color: #fff; min-height: 350px; } #orderCntr .orderInfo.last { margin-right: 0; } #orderCntr .icon { min-height: 135px; text-align: center; } #orderCntr .icon img { display: inline; } #orderCntr h3 { font-size: 20px; font-weight: normal; min-height: 52px; margin-bottom: 15px;} #orderCntr p { line-height: 24px; } #orderCntr .read { overflow: hidden; text-align: center; } #orderCntr .read a { font-size: 20px; display: inline-block; padding: 0 20px; line-height: 40px; text-transform: uppercase; color: #fff; text-decoration: none; border: 2px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #orderCntr .read a:hover { background: #fff; color: #59a4bd; } /* ### qoute container ### */ #qouteCntr { background: #fff url(../images/pointer6.png) no-repeat center 0; padding: 60px 0; overflow: hidden; color: #909ba3; } #qouteCntr header { text-align: center; min-height: 150px; padding-bottom: 20px; } #qouteCntr h2 { font-size: 28px; margin-bottom: 15px; font-weight: normal; text-align: center; } #qouteCntr header p { font-size: 15px; line-height: 24px; width:50%;margin: 0 auto;} #qouteCntr fieldset { border: none; } .site_url{display: none;} #qouteCntr .row { width: 100%; margin-bottom: 25px; } #qouteCntr .field { float: left; width: 47%; border: 2px solid #c0c9d0; padding: 5px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #qouteCntr .field.mail { float: right; } #qouteCntr .field input { padding-left: 60px; background: url(../images/icon12.png) no-repeat; line-height: 37px; height: 37px; border: none; font-size: 16px; font-weight: 600; width: 100%; color: #889097; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #qouteCntr .field.mail input { background: url(../images/icon13.png) no-repeat; } #qouteCntr .description { width: 100%; border: 2px solid #c0c9d0; padding: 5px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #qouteCntr textarea { width: 100%; padding: 10px 10px 10px 60px; background: url(../images/icon14.png) no-repeat; font-size: 16px; font-weight: 600; height: 170px; color: #889097; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #qouteCntr ::-webkit-input-placeholder { color: #889097; } #qouteCntr :-moz-placeholder { color: #889097; } #qouteCntr ::-moz-placeholder { color: #889097; } #qouteCntr :-ms-input-placeholder { color: #889097; } #qouteCntr .files { padding: 10px 0 5px; border-top: 2px solid #c0c9d0; } #qouteCntr .files .file { float: left; border: 2px solid #c0c9d0; margin-right: 15px; margin-bottom: 5px; padding: 2px 35px 2px 5px; position: relative; max-width: 200px;height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #qouteCntr .files .file span.name { line-height: 25px; font-size: 16px; } #qouteCntr a.close { width: 14px; height: 14px; background: url(../images/close.png) no-repeat; position: absolute; top: 9px; right: 10px; } #qouteCntr a.close:hover { background-position: 0 -14px; } #qouteCntr .files .file .status { position: relative; background: #eaedef; height: 28px; width: 90%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #qouteCntr .files .file .percent { position: absolute; top: 3px; right: 20px; font-size: 16px; } #qouteCntr .files .file.uploading { min-width: 230px; } #qouteCntr .upload { height: 52px; border: 2px solid #c0c9d0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #qouteCntr .upload .design {font-weight: bold; float: left; padding-left: 55px; background: url(../images/icon15.png) no-repeat; margin: 5px 0; font-size: 16px; color: #6d777f; line-height: 36px; } #qouteCntr .arrow { float: left; } #qouteCntr .upload ul.desktop { float: left; padding: 7px 0 0 0; margin-left: 10px;} #qouteCntr .upload ul.desktop li { float: left; line-height: 34px; border-right: 2px solid #c0c9d0; padding: 0 22px; font-weight: 600; } #qouteCntr .upload ul.desktop li a { color: #797d81; text-decoration: none; font-size: 16px; } #qouteCntr .upload ul.desktop li a.drop { line-height: 30px; width: 270px; text-align: center; border: 2px dashed #c0c9d0; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #qouteCntr .upload ul.desktop li label:hover, #qouteCntr .upload ul.desktop li a:hover{text-decoration: underline;cursor: pointer;} #qouteCntr .upload ul.desktop li a.drop:hover{text-decoration: none; cursor: move; } #qouteCntr .upload ul.desktop li:last-child { border-right: 0; } #qouteCntr .slide { border: 2px solid #c0c9d0; padding: 2px; width: 230px; height: 37px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #qouteCntr .slide span { text-align: center; display: block; line-height: 37px; font-size: 16px; } #qouteCntr .slider { position: absolute; top: 2px; left: 2px; cursor: move; } #qouteCntr input.button { border: 2px solid #c0c9d0; padding: 0 15px; height: 44px; background: #c0c9d0; color: #fff; font-size: 16px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #qouteCntr input.button:hover { background: none; color: #889097; } #qouteCntr .selectTablet { display: none; } /* ### contact container ### */ #contactCntr { background: #61bd59 url(../images/pointer7.png) no-repeat center 0; padding: 60px 0; overflow: hidden; color: #fff; } #contactCntr header { text-align: center; min-height: 150px; padding-bottom: 20px; } #contactCntr h2 { font-size: 28px; margin-bottom: 15px; font-weight: normal; text-align: center; } #contactCntr header p { font-size: 15px; line-height: 24px; width:50%;margin: 0 auto;} #contactCntr .left { float: left; width: 49%; } #contactCntr .right { float: right; width: 49%; } #contactCntr fieldset { border: none; } #contactCntr .row { width: 100%; margin-bottom: 25px; } #contactCntr .field { width: 100%; border: 2px solid #fff; padding: 5px; background: #61bd59; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #contactCntr .QapTcha .bgSlider { border: 2px solid #fff!important; } #contactCntr .QapTcha .TxtStatus { color: #fff!important; } #contactCntr .QapTcha .dropError { color: #fff!important; } #contactCntr .QapTcha .Slider { background: url(../images/slide2.png) no-repeat; } #contactCntr .field input { padding-left: 60px; background: #61bd59 url(../images/icon16.png) no-repeat; line-height: 37px; height: 37px; border: none; font-size: 16px; font-weight: 600; width: 100%; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #contactCntr ::-webkit-input-placeholder { color: #fff; } #contactCntr :-moz-placeholder { color: #fff; } #contactCntr ::-moz-placeholder { color: #fff; } #contactCntr :-ms-input-placeholder { color: #fff; } #contactCntr .field.mail input { background: url(../images/icon17.png) no-repeat; } #contactCntr .description { width: 100%; border: 2px solid #fff; padding: 5px; background: #61bd59; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; } #contactCntr textarea { width: 100%; padding: 10px 10px 10px 60px; background: url(../images/icon18.png) no-repeat; font-size: 16px; font-weight: 600; height: 120px; color: #fff; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #contactCntr input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #61bd59 inset; padding: 10px 10px 10px 60px!important;-webkit-text-fill-color: #fff!important;} #contactCntr textarea:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #61bd59 inset; padding: 10px 10px 10px 60px!important;-webkit-text-fill-color: #fff!important;} #contactCntr .upload { height: 52px; border: 2px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #contactCntr .upload .design {font-weight: bold; float: left; padding-left: 55px; background: url(../images/icon19.png) no-repeat; margin: 5px 0; font-size: 16px; color: #fff; line-height: 36px; } #contactCntr .arrow { float: left; } #contactCntr .upload ul.desktop { float: left; padding: 5px; } #contactCntr .upload ul.desktop li { float: left; line-height: 36px; border-right: 2px solid #fff; padding: 0 10px; font-weight: 600; } #contactCntr .upload ul.desktop li a { color: #fff; text-decoration: none; font-size: 16px; } #contactCntr .upload ul.desktop li a.drop { line-height: 30px; width: 270px; text-align: center; border: 2px dashed #fff; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #contactCntr .upload ul.desktop li:last-child { border-right: 0; } #contact-attached-files li{ float: left; border: 2px solid #fff; margin-right: 15px; padding: 2px 35px 2px 5px; position: relative; max-width: 200px; height: 36px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 25px; font-size: 16px; } #contact-attached-files li a{ width: 14px; height: 14px; background: url(../images/close.png) no-repeat; position: absolute; top: 9px; right: 10px; text-indent: -99999px; } #contact-attached-files li a:hover{background-position: 0 -14px;} .files-holder-quote .file{ float: left; border: 2px solid #c0c9d0; margin-right: 15px; margin-bottom: 5px; padding: 2px 35px 2px 5px; position: relative; max-width: 200px; height: 36px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .files-holder-quote .file span.name{ line-height: 25px; font-size: 16px;} .files-holder-quote .file a{ width: 14px; height: 14px; background: url(../images/close.png) no-repeat; position: absolute; top: 9px; right: 10px; text-indent: -99999px; cursor: pointer; } .files-holder-quote .file a:hover{background-position: 0 -14px;} #contactCntr .selectTablet { position: relative; margin: 8px 0 0 25px; display: block; float: left; background: #fff url(../images/dots1.png) no-repeat 8px 6px; padding: 0 10px 0 25px; height: 32px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #contactCntr .selectTablet span { cursor: pointer; display: block; line-height: 32px; color: #61bd59; font-size: 16px; font-weight: 600; } #contactCntr .selectTablet .dropdown { position: absolute; bottom: 20px; left: -25px; display: none; padding-bottom: 20px; } #contactCntr .selectTablet .dropdown .pointer { padding-bottom: 15px; background: url(../images/pointer9.png) no-repeat center bottom; z-index: 100; } #contactCntr .selectTablet .dropdown ul { list-style: none; width: 185px; padding: 5px; border: 2px solid #fff; background: #fff; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #contactCntr .selectTablet .dropdown li { border-bottom: 2px solid #61bd59; font-size: 16px; font-weight: 600; } #contactCntr .selectTablet .dropdown li a { display: block; text-align: center; color: #61bd59; text-decoration: none; line-height: 46px;} #contactCntr .selectTablet .dropdown li a:hover, #contactCntr .selectTablet .dropdown li a label:hover{cursor: pointer;text-decoration: underline;} #contactCntr .selectTablet .dropdown li:last-child { border-bottom: 0; } #contactCntr .selectTablet:hover .dropdown { display: block; } #contactCntr .slide { border: 2px solid #fff; padding: 2px; width: 230px; height: 37px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #contactCntr .slide span { text-align: center; display: block; line-height: 37px; font-size: 16px; } #contactCntr .slider { position: absolute; top: 2px; left: 2px; cursor: move; } #contactCntr input.button { border: 2px solid #fff; padding: 0 15px; height: 44px; font-size: 16px; cursor: pointer; background: #fff; color: #61bd5a; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #contactCntr input.button:hover { background: none; color: #fff; } #contactCntr .right p { line-height: 24px; color: #fff; } #contactCntr .right p span { display: block; font-size: 16px; padding-bottom: 5px; } #contactCntr .right address {margin-top: 15px; line-height: 24px; font-size: 16px; font-style: normal; color: #fff; padding-left: 35px; background: url(../images/address-icon.png) no-repeat 0 5px; } #contactCntr .company {overflow: hidden; padding-top: 15px;} #contactCntr .company span { display: block; padding-left: 35px; background: url(../images/business-icon.png) no-repeat 0 5px; line-height: 24px; font-size: 16px; margin-bottom: 10px; } #contactCntr .contacts { overflow: hidden; padding-bottom: 0; } #contactCntr .contacts span { display: block; padding-left: 35px; background: url(../images/icon20.png) no-repeat 0 5px; line-height: 24px; font-size: 16px; margin-bottom: 10px; } #contactCntr .contacts span.skype { background: url(../images/icon21.png) no-repeat 0 0; } #contactCntr .contacts span.skype { background: url(../images/icon21.png) no-repeat 0 0; } #contactCntr .contacts span.chat { background: url(../images/icon22.png) no-repeat 0 0; font-weight: bold; } #contactCntr .contacts span.chat a{cursor: pointer;} #contactCntr .contacts a { color: #fff; text-decoration: none; } #contactCntr .contacts a:hover { text-decoration: underline; } .selectTablet { display: none; } /* ### copyright container ### */ #copyrightCntr { background: #f6f7fb; padding: 90px 0; overflow: hidden; } #copyrightCntr h1 { color: #717171; font-size: 33px; padding-bottom: 50px; font-weight: normal; text-align: center; } #copyrightCntr h2 { font-size: 15px; line-height: 24px; text-transform: uppercase; margin-bottom: 5px; font-weight: 600; } #copyrightCntr p { padding-bottom: 20px; font-size: 13px; line-height: 24px; } #copyrightCntr ul { padding-left: 15px; color: #696969; } #copyrightCntr .privacy-list{margin: 0 0 20px 20px;} #copyrightCntr .privacy-list p{font-weight: normal;padding-bottom: 0;} #copyrightCntr ul li { list-style-type: disc; font-weight: bold; margin-bottom: 5px; } #copyrightCntr ol { list-style: none; color: #696969; margin-bottom: 30px; } #copyrightCntr ol li { margin-bottom: 5px ; overflow: hidden; } #copyrightCntr ol li span { float: left; width: 15%; } #copyrightCntr ol li p { float: left; width: 85%; padding-bottom: 0; } #copyrightCntr ol li p a { color: #696969; } /* ### sitemap container ### */ #sitemapCntr { background: #f6f7fb; padding: 90px 0; overflow: hidden; } #sitemapCntr h1 { color: #717171; font-size: 33px; padding-bottom: 50px; font-weight: normal; text-align: center; } #sitemapCntr .sitemap-section{margin:0 0 20px 0;} #sitemapCntr h2 { font-size: 15px; line-height: 24px; text-transform: uppercase; margin-bottom: 5px; font-weight: 600; } #sitemapCntr p { padding-bottom: 20px; font-size: 13px; line-height: 24px; } #sitemapCntr ul { padding-left: 15px; color: #696969; } #sitemapCntr ul li { list-style-type: disc; font-weight: bold; margin-bottom: 5px; list-style: none;} #sitemapCntr ul li a { color: #696969; text-decoration: none; } #sitemapCntr ul li a:hover{text-decoration: underline;} /* ### coupon container ### */ #couponCntr { background: #f6f7fb; padding: 50px 0 20px 0; overflow: hidden; } #couponCntr h1 { color: #717171; font-size: 33px; padding-bottom: 20px; font-weight: normal; text-align: center; } #couponCntr p.discount-intro{font-size: 15px;line-height: 20px;padding-bottom: 30px;width: 60%;margin: 0 auto;text-align: center;} #couponCntr ul { list-style: none; } #couponCntr li { float: left; width: 47%; margin: 0 6% 40px 0; position: relative; } #couponCntr li:nth-child(2n) { margin-right: 0; } #couponCntr .tag { z-index: 100; position: absolute; top: 5px; left: -22px; background: url(../images/bg4_left.png) no-repeat; padding-left: 30px; display: block; } #couponCntr .tag.gray { background: url(../images/bg4_left_gray.png) no-repeat; } #couponCntr .tag span { display: block; padding-right: 20px; background: url(../images/bg4_right.png) no-repeat right 0; height: 29px; line-height: 20px; color: #fff; font-weight: 600; } #couponCntr .tag.gray span { background: url(../images/bg4_right_gray.png) no-repeat right 1px; } #couponCntr li .coupon1 { background: #2cc5ff; width: 100%; position: relative; overflow: hidden; background-repeat: no-repeat; background-position: right 0; } #couponCntr li .coupon1 .text { float: left; width: 57%; text-align: center; padding-top: 35px; } #couponCntr li .coupon1 .text h2 { font-size: 27px; color: #fff; font-weight: 600; padding-bottom: 5px; } #couponCntr li .coupon1 .text p { font-size: 11px; line-height: 20px; text-transform: uppercase; padding-bottom: 5px; color: #fff; } #couponCntr li .coupon1 .text strong.percent { font-size: 60px; display: block; color: #fff; padding-bottom: 10px; line-height: 60px; } #couponCntr li .coupon1 .text a.button {margin-bottom: 10px; display: inline-block; padding: 0 30px; background: #fff; position: relative; line-height: 30px; font-size: 14px; color: #2cc5ff; text-decoration: none; font-weight: 600; text-transform: uppercase; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #couponCntr li .coupon1 .text a:after { content: ""; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 15px 0 15px 15px; } #couponCntr li .coupon1 .text a.button:hover { color: #000; } #couponCntr li .coupon1 .photo { float: right; width: 40%; text-align: center; } #couponCntr li .coupon1 .photo img { max-width: 100%; display: inline-block; margin-bottom: -5px; } #couponCntr li .expired { background: #dedede url(../images/bg10.png) no-repeat right 0; min-height: 230px; position: relative; } #couponCntr li .expired .percent { position: absolute; top: 0; right: 0; } #couponCntr li .expired .text { padding-top: 35px; width: 60%; padding-left: 10px; } #couponCntr li .expired .text h4 { font-size: 20px; color: #fff; font-weight: 600; padding-bottom: 10px; text-transform: uppercase; } #couponCntr li .expired .text p { font-size: 11px; line-height: 20px; text-transform: uppercase; padding-bottom: 15px; color: #fff; } #couponCntr li .expired .text a.button { display: inline-block; padding: 0 30px; background: #fff; position: relative; line-height: 29px; font-size: 14px; color: #d9d9da; text-decoration: none; font-weight: 600; text-transform: uppercase; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #couponCntr li .expired .text a:after { content: ""; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 15px 0 15px 15px; } /* ### paging container ### */ .pagingBox { text-align: center; overflow: hidden; padding-bottom: 40px; background: #f6f7fb; } .pagingBox.sub { background: #f6f7fb; } .pagingBox ul { list-style: none; padding-top: 10px; } .pagingBox li:first-child{float:left;} .pagingBox li:last-child{float:right;margin-right: 24px;} .pagingBox li { display: inline-block; margin: 0 2px; } .pagingBox li a, .pagingBox li span { display: inline-block; padding: 0 11px; height: 30px; line-height: 30px; color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; background: #2e3138; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .pagingBox li span{cursor: default;} .pagingBox li a:hover, .pagingBox li.active span { background: #61bd5a; } .pagingBox a.prev { float: left; line-height: 46px; height: 46px; padding: 0 20px 0 10px; margin-left: 23px; background: #2e3138; position: relative; color: #fff; font-size: 16px; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .pagingBox a.prev:before { content: ""; position: absolute; top: 0; left: -23px; width: 0; height: 0; border-color: transparent transparent transparent #2e3138; border-style: solid; border-width: 23px 0 23px 23px; -webkit-transform: matrix(-1.000,-0.003,0.003,-1.000,0,0); -moz-transform: matrix(-1.000,-0.003,0.003,-1.000,0px,0px); -ms-transform: matrix(-1.000,-0.003,0.003,-1.000,0,0); -o-transform: matrix(-1.000,-0.003,0.003,-1.000,0,0); transform: matrix(-1.000,-0.003,0.003,-1.000,0,0); } .pagingBox a.prev:hover { background: #61bd59; } .pagingBox a.prev:hover:before {border-color: transparent transparent transparent #61bd59; } .pagingBox a.next { float: right; line-height: 46px; height: 46px; padding: 0 10px 0 20px; background: #2e3138; position: relative; color: #fff; font-size: 16px; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .pagingBox a.next:after { content: ""; position: absolute; top: 0; right: -23px; width: 0; height: 0; border-color: transparent transparent transparent #2e3138; border-style: solid; border-width: 23px 0 23px 23px; } .pagingBox a.next:hover { background: #61bd59; } .pagingBox a.next:hover:after {border-color: transparent transparent transparent #61bd59; } /* ### coupon single container ### */ #couponSingleCntr { background: #f6f7fb; overflow: hidden; } #couponSingleCntr .top { background: #2cc5ff; overflow: hidden; color: #fff; } #couponSingleCntr .top .center { overflow: hidden; } #couponSingleCntr .top .left { float: left; width: 40%; position: absolute; bottom: 0; left: 0; } #couponSingleCntr .top .left img { width: 244px; margin: 0 auto; } #couponSingleCntr .top .right { float: right; width: 50%; margin-right: 10%; padding: 60px 0 20px; text-align: center; } #couponSingleCntr .right h3 { font-size: 28px; font-weight: normal; margin-bottom: 15px; } #couponSingleCntr .right p { font-size: 15px; line-height: 24px; padding-bottom: 20px; } #couponSingleCntr .right strong.discount { font-size: 70px; font-weight: 900; text-transform: uppercase; display: block; } #couponSingleCntr .right span { font-size: 22px; color: #fff; display: block; } #couponSingleCntr .bot { padding: 60px 0; text-align: center; } #couponSingleCntr .bot h3 { color: #696969; font-size: 28px; margin-bottom: 20px; font-weight: normal; } #couponSingleCntr .bot h3 span { font-weight: 600; } #couponSingleCntr .bot .button { padding-bottom: 30px; } #couponSingleCntr .bot .button img { display: inline; } #couponSingleCntr .bot .click { color: #2cc5ff; font-size: 13px; font-weight: bold; display: block; margin-bottom: 50px; } #couponSingleCntr .bot h4 { font-size: 28px; color: #696969; font-weight: normal; } #couponSingleCntr .bot h4 strong { font-weight: 700; } #couponSingleCntr .bot span.paste { display: block; color: #2cc5ff; font-size: 13px; font-weight: bold; } #couponSingleCntr .bot .code { width: 100%; margin-top: 60px; } #couponSingleCntr .bot .code input {text-align: center; color: #696969; text-transform: uppercase; font-size: 27px; display: inline-block; border: 2px solid #a7a7a7; padding: 0 20px; line-height: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #couponSingleCntr .start { margin: 60px 0 50px 0; } #couponSingleCntr .start a { display: inline-block; line-height: 56px; padding: 0 20px 0 30px; background: #2e3138; position: relative; font-size: 24px; color: #2cc5ff; text-decoration: none; text-transform: uppercase; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #couponSingleCntr .start a:after { content: ""; position: absolute; top: 0; right: -28px; width: 0; height: 0; border-color: transparent transparent transparent #2e3138; border-style: solid; border-width: 28px 0 28px 28px; } #couponSingleCntr .start a:hover { color: #fff; } #couponSingleCntr fieldset { border: none; margin-top: 30px; } #couponSingleCntr .field { display: inline-block; width: 500px; border: 2px solid #c0c9d0; padding: 5px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #couponSingleCntr .field input { padding-left: 60px; background: url(../images/icon13.png) no-repeat; line-height: 37px; height: 37px; border: none; font-size: 16px; font-weight: 600; width: 100%; color: #889097; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #couponSingleCntr ::-webkit-input-placeholder { color: #889097; } #couponSingleCntr :-moz-placeholder { color: #889097; } #couponSingleCntr ::-moz-placeholder { color: #889097; } #couponSingleCntr :-ms-input-placeholder { color: #889097; } /* ### knowledge container ### */ #knowledgeCntr { background: #f6f7fb; } #knowledgeCntr .top { background: #61bd5a; color: #fff; padding: 45px 0 30px; text-align: center; color: #fff; } #knowledgeCntr.thanks .top { background: #61bd5a url(../images/logo_bg.png) no-repeat center 0; } #knowledgeCntr h1 { color: #fff; font-size: 28px; font-weight: normal; } #knowledgeCntr p { font-size: 15px; line-height: 20px; padding-bottom: 30px; width:60%;margin:20px auto 0 auto;} #knowledgeCntr .filter { overflow: hidden; } #knowledgeCntr .filter ul { list-style: none; } #knowledgeCntr .filter li { display: inline-block; padding: 0 5px; } #knowledgeCntr .filter li a { display: inline-block; line-height: 30px; padding: 0 15px; border: 2px solid #fff; color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #knowledgeCntr .filter li a:hover, #knowledgeCntr .filter li.active a { background: #fff; color: #61bd5a; } #knowledgeCntr .search { display: inline-block; width: 580px; margin-top: 30px; z-index: 100; position: relative; } #knowledgeCntr .search fieldset { border: none; } #knowledgeCntr .field { display: inline-block; width: 350px; border: 2px solid #fff; padding: 5px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #knowledgeCntr .field input { padding-left: 50px; background: url(../images/icon25.png) no-repeat; line-height: 22px; height: 22px; border: none; font-size: 14px; font-weight: 600; width: 100%; color: #fff; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #knowledgeCntr ::-webkit-input-placeholder { color: #fff; } #knowledgeCntr :-moz-placeholder { color: #fff; } #knowledgeCntr ::-moz-placeholder { color: #fff; } #knowledgeCntr :-ms-input-placeholder { color: #fff; } #knowledgeCntr input.button { background: #fff; border: none; cursor: pointer; color: #61bd5a; font-size: 14px; padding: 0 10px; height: 36px; line-height: 36px; margin-left: 10px; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #knowledgeCntr .field ul { list-style: none; position: absolute; top: 30px; left: 0; width: 100%; padding-top: 10px; display: none; } #knowledgeCntr .field li { padding-bottom: 8px; width: 100%; } #knowledgeCntr .field li a { text-align: left; text-transform: uppercase; display: block; line-height: 34px; padding: 0 15px; text-decoration: none; background: #fff; color: #858585; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 1px #e0e1e5; -moz-box-shadow: 0px 1px 1px #e0e1e5; box-shadow: 0px 1px 1px #e0e1e5; } #knowledgeCntr .field li a:hover { background: #7dde76; color: #fff; } #knowledgeCntr .field:hover ul { display: block; } #knowledgeCntr .bot { background: #f6f7fb; padding: 60px 0; } #knowledgeCntr .bot table { border: none; border-spacing: 0; width: 100%; } #knowledgeCntr .bot td { padding: 20px 25px; font-size: 15px; color: #696969; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-weight: bold; text-align: center; } #knowledgeCntr .bot tr:last-child td { border-bottom: 0; } #knowledgeCntr .bot td:first-child { text-align: left; } #knowledgeCntr .bot td:last-child { border-right: 0; } #knowledgeCntr .bot a { color: #61bd59; text-decoration: none; font-weight: bold; padding-left: 15px; background: url(../images/bullet.png) no-repeat left; } #knowledgeCntr .filterSelect { display: none; } #knowledgeCntr .back { text-align: center; padding: 35px 0; } #knowledgeCntr .back a { display: inline-block; border: 2px solid #fff; padding: 0 15px; line-height: 50px; color: #fff; font-size: 21px; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #knowledgeCntr .back a:hover { background: #2e3138; border-color: #2e3138; } /* ### np box ### */ .npBox { margin-bottom: 40px; overflow: hidden; } .npBox ul { list-style: none; } .npBox li { float: left; margin: 0 5px; font-size: 14px; color: #2e9b47; text-transform: uppercase; } .npBox li:first-child { margin-left: 0; } .npBox li img { display: inline; } .npBox li a { color: #2e9b47; text-decoration: none; } /* ### knowledge single container ### */ #knowledgeSingleCntr { background: #f6f7fb; overflow: hidden; padding: 50px 0; } #knowledgeSingleCntr .left { float: left; width: 72%; } #knowledgeSingleCntr .right { float: right; width: 23%; } #knowledgeSingleCntr .left h1 { font-size: 22px; font-weight: 600; margin-bottom: 25px; } #knowledgeSingleCntr .left h2 {padding:25px 0 5px 0;} #knowledgeSingleCntr .left h5 { font-size: 15px; margin-bottom: 10px; } #knowledgeSingleCntr .left p { font-size: 13px; line-height: 24px; padding-bottom: 20px; } #knowledgeSingleCntr .left p img{width: 100%;height:100%;} #knowledgeSingleCntr .left .npBox ul {margin-left: 0;} #knowledgeSingleCntr .left .npBox ul li{list-style-type: none;} #knowledgeSingleCntr .left ul {margin-left: 16px;} #knowledgeSingleCntr .left ul li{ margin-bottom: 10px;list-style-type: circle;} #knowledgeSingleCntr .left ul li strong{ font-weight: bold;} #knowledgeSingleCntr .list ol { padding-left: 15px; margin-bottom: 20px; } #knowledgeSingleCntr .list ol li { list-style-type: decimal; font-weight: bold; margin-bottom: 5px; color: #696969; } #knowledgeSingleCntr .list ul { padding-left: 15px; margin-bottom: 20px; } #knowledgeSingleCntr .list ul li { list-style-type: disc; font-weight: bold; margin-bottom: 5px; color: #696969; } #knowledgeSingleCntr .demo { width: 70%; background: #61bd59; margin-bottom: 50px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #knowledgeSingleCntr .demo span { display: block; padding: 13px 20px; color: #fff; } #knowledgeSingleCntr .code { background: #ededed; padding: 10px; border: 1px solid #dadada; margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #knowledgeSingleCntr a.button { margin-bottom: 30px; display: inline-block; padding: 0 15px; background: #61bd59; line-height: 32px; font-size: 14px; color: #fff; font-weight: 600; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #knowledgeSingleCntr h4 { font-size: 18px; margin-bottom: 10px; } #knowledgeSingleCntr .socialButtons { overflow: hidden; } #knowledgeSingleCntr .socialButtons img { margin-right: 10px; float: left; } /* ### category box ### */ .categoryBox { padding: 20px; background: #f5f5f5; border: 1px solid #e6e6e6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .categoryBox h2 { color: #949595; margin-bottom: 10px; padding-left: 35px; background: url(../images/icon27.png) no-repeat left; } .categoryBox ul { list-style: none; padding-left: 35px; } .categoryBox li { margin-bottom: 15px; text-transform: uppercase; color: #4e4e4e; } .categoryBox li:last-child { margin-bottom: 0; } .categoryBox li a { color: #4e4e4e; text-decoration: none; } /* ### orderstep container ### */ #orderstepCntr { background: #f6f7fb; overflow: hidden; } #orderstepCntr div.banks { display: none; } #orderstepCntr .top { background: #61bd5a; color: #fff; padding: 45px 0 30px; text-align: center; color: #fff; } #orderstepCntr .top h3 { color: #fff; font-size: 28px; font-weight: normal; } #orderstepCntr .top p { font-size: 15px; line-height: 20px; padding-bottom: 30px; width:60%;margin:10px auto;} #orderstepCntr .steps { overflow: hidden; } #orderstepCntr .steps ul { list-style: none; text-align: center; } #orderstepCntr .steps li { display: inline-block; margin-right: 25px; } #orderstepCntr .steps li .icons { float: left; text-align: center; margin-right: 20px; } #orderstepCntr .steps .symbol { margin-bottom: 20px; } #orderstepCntr .steps .symbol span { display: block; height: 50px; background: url(../images/step1.png) no-repeat center 0; } #orderstepCntr .steps .symbol span.two { background: url(../images/step2.png) no-repeat center 0; } #orderstepCntr .steps .symbol span.three { background: url(../images/step3.png) no-repeat center 0; } #orderstepCntr .steps .symbol span.four { background: url(../images/step4.png) no-repeat center 0; } #orderstepCntr .steps .symbol span.five { background: url(../images/step5.png) no-repeat center 0; } #orderstepCntr .steps .text { font-size: 16px; text-transform: uppercase; color: #4c9746; } #orderstepCntr .steps .text span.num { display: inline-block; width: 27px; height: 27px; line-height: 27px; font-weight: bold; background: #4c9746; margin-right: 5px; color: #61bd5a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #orderstepCntr .steps li .line { float: left; width: 45px; height: 2px; background: #4c9746; margin-top: 82px; } #orderstepCntr .steps li.active .symbol span { background: url(../images/step1_active.png) no-repeat center 0; } #orderstepCntr .steps li.active .symbol span.two { background: url(../images/step2_active.png) no-repeat center 0; } #orderstepCntr .steps li.active .symbol span.three { background: url(../images/step3_active.png) no-repeat center 0; } #orderstepCntr .steps li.active .symbol span.four { background: url(../images/step4_active.png) no-repeat center 0; } #orderstepCntr .steps li.active .symbol span.five { background: url(../images/step5_active.png) no-repeat center 0; } #orderstepCntr .steps li.active .text { color: #fff; } #orderstepCntr .steps li.active span.num { background: #fff; } #orderstepCntr .steps li.active .line { background: #fff; } #orderstepCntr .steps li.done { cursor: pointer; } #orderstepCntr .steps li.done .symbol span { background: url(../images/step1_done.png) no-repeat center 0; } #orderstepCntr .steps li.done .symbol span.two { background: url(../images/step2_done.png) no-repeat center 0; } #orderstepCntr .steps li.done .symbol span.three { background: url(../images/step3_done.png) no-repeat center 0; } #orderstepCntr .steps li.done .symbol span.four { background: url(../images/step4_done.png) no-repeat center 0; } #orderstepCntr .steps li.done .symbol span.five { background: url(../images/step5_done.png) no-repeat center 0; } #orderstepCntr .steps li.done .text { color: #2e3138; } #orderstepCntr .steps li.done span.num { background: #2e3138; } #orderstepCntr .steps li.done .line { background: #2e3138; } #orderstepCntr .bot { padding: 80px 0; } #orderstepCntr .bot h3 { font-size: 22px; margin-bottom: 20px; font-weight: 600; } #orderstepCntr .summary-continue{font-size: 22px; margin-bottom: 10px; font-weight: 600;} #orderstepCntr .bot h3 span { font-weight: normal; font-size: 16px; } #orderstepCntr .bot h4 { font-size: 18px; font-weight: 600; margin-bottom: 10px; } #orderstepCntr fieldset { border: none; } #orderstepCntr .group { margin-bottom: 45px; } #orderstepCntr .bot .row { width: 100%; position: relative; margin-bottom: 10px; padding-left: 22px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #orderstepCntr .html-title{margin-bottom: 5px!important;} #orderstepCntr .html-option{padding:0!important;margin:0 0 20px 0!important;} #orderstepCntr .bot .row div.check { margin-bottom: 15px; position: relative; } #orderstepCntr .bot .row div.check label { padding-left: 25px; } #orderstepCntr .bot .row .column p.forgot { display: block; padding: 0px 0px 15px; } #orderstepCntr .bot .row .column { float: left; width: 45%; } #orderstepCntr .bot .row .column:nth-of-type(2) { float: right; } #orderstepCntr .bot .row .column .field { margin-bottom: 15px; float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #orderstepCntr .step2-block{ width: 28.5%; background: #2e3138; padding: 10px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 3px; float: left; margin-right: 9px; margin-bottom: 9px; border:5px solid #2e3138; } #orderstepCntr .step2-block:hover{background: #37393f; border: 5px solid#39a24b;} #orderstepCntr .step2-block:hover p{font-weight: bold;} #orderstepCntr .step2-block:hover table{color:#fff;} #orderstepCntr .step2-block-select{background: #37393f; border: 5px solid#39a24b;} #orderstepCntr #systems_list .row, #orderstepCntr .first-step .row{padding-left:0;: } #orderstepCntr .step2-block label{cursor: pointer;} #orderstepCntr .step2-block .step2-clear{width: 100%;clear:both;min-height: 30px;text-align: center;} #orderstepCntr .step2-block .radio{left:auto;margin:0 0 0 -10px;} #orderstepCntr .step2-block p{text-align: center; padding:0 0 0 23px; margin:0!important;width: 100%;height:23px;padding:0!important; font-size: 20px!important;color: #e1e1e1;} #orderstepCntr .step2-block p.Wordpress{background: url(../images/wordpress-tiny.png) no-repeat left 0px!important;} #orderstepCntr .step2-block p.Joomla{background: url(../images/joomla-tiny.png) no-repeat left 0px!important;} #orderstepCntr .step2-block p.Drupal{background: url(../images/drupal-tiny.png) no-repeat left 0px!important;} #orderstepCntr .step2-block p.Magento{background: url(../images/magento-tiny.png) no-repeat left 0px!important;} #orderstepCntr .step2-block p.Woocommerce, #orderstepCntr .step2-block p.E-commerce{background: url(../images/wordpress-tiny.png) no-repeat left 0px!important;} #orderstepCntr .step2-block .help{margin:15px 0 5px 0;} #orderstepCntr .step2-block table{width: 80%; margin: 0 auto 10px auto;font-size: 15px;color: #e1e1e1} #orderstepCntr .step2-block table tr td:first-child{text-align: left;} #orderstepCntr .step2-block table tr td{text-align: right;} #orderstepCntr .step2-block .step2-clear .dropdown{background: url(../images/bg52.png) no-repeat 0 bottom;} #orderstepCntr .error { border: 2px solid #ff0000 !important; } #orderstepCntr .error-title { color: red !important; } #orderstepCntr .bot p { font-size: 16px; display: inline-block; padding: 0 10px; } #orderstepCntr .bot p a { color: #61bd5a; text-decoration: none; } #orderstepCntr .bot p span { color: #61bd5a; } #orderstepCntr .help { width: 14px; height: 14px; display: inline-block; position: relative; } #orderstepCntr .help a.icon { display: block; width: 14px; height: 14px; background: url(../images/icon28.png) no-repeat; } #orderstepCntr .help .dropdown { display: none; text-align: center; width: 230px; background: url(../images/bg5.png) no-repeat 0 bottom; padding: 10px 15px 15px 15px; position: absolute; bottom: 10px; left: -123px; padding-bottom: 25px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } #orderstepCntr .help .dropdown span { font-size: 13px; color: #fff; line-height: 20px; display: block; text-align: left; } #orderstepCntr .help .dropdown a { display: inline-block; border: 1px solid #fff; padding: 0 10px; height: 28px; line-height: 28px; color: #fff; font-weight: 600; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #orderstepCntr em.drop { margin-right: 15px; font-style: normal; height: 30px; width: 74px; float: left; margin-left: -22px; position: relative; } #orderstepCntr .bot select { height: 30px; width: 74px; -webkit-appearance: none; } #orderstepCntr div.count-row { padding-left: 0px !important; margin-left: 0px; } #orderstepCntr div.counter { float: left; margin-right: 10px; position: relative; overflow: hidden; width: 60px; } #orderstepCntr div.counter input.field { margin: 0px 0px 0px 0px; font-size: 16px; padding: 0 15px 0 10px; width: 60px; height: 30px; line-height: 30px; font-weight: bold; color: #a7a7a7; border: 2px solid #a7a7a7; background: #f6f7fb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #orderstepCntr ::-webkit-input-placeholder { color: #889097; } #orderstepCntr :-moz-placeholder { color: #889097; } #orderstepCntr ::-moz-placeholder { color: #889097; } #orderstepCntr :-ms-input-placeholder { color: #889097; } #orderstepCntr div.counter span.min { cursor: pointer; position: absolute; bottom: 4px; right: 4px; display: block; width: 12px; height: 8px; text-indent: -9999px; background: url(../images/arrow9.png) no-repeat -4px -14px; } #orderstepCntr div.counter span.plus { cursor: pointer; position: absolute; top: 4px; right: 4px; display: block; width: 12px; height: 8px; text-indent: -9999px; background: url(../images/arrow9.png) no-repeat -4px -3px; } #orderstepCntr .bot span.discount { color: #a7a7a7; font-size: 16px; line-height: 30px; display: inline-block; } #orderstepCntr .help:hover .dropdown { display: block; } #orderstepCntr .continue { background: #50545e; overflow: hidden; } #orderstepCntr .continue-holder { background: #50545e; position: fixed; width: 100%; bottom: 0px; left: 0px; z-index: 900; min-height: 100px; } #orderstepCntr .continue .col { border-right: 1px dashed #959595; float: left; width: 25%; padding: 8px 15px 4px 15px; min-height: 104px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #orderstepCntr .continue .col.last { border-right: 0; } #orderstepCntr .continue a{text-decoration: none;} #orderstepCntr .continue strong.heading { display: block; font-size: 15px; text-transform: uppercase; color: #fff; margin-bottom: 12px; padding-left: 30px; background: url(../images/icon29.png) no-repeat left; } #orderstepCntr .continue strong.heading.cms { background: url(../images/icon30.png) no-repeat left; } #orderstepCntr .continue strong.heading.total { background: url(../images/icon31.png) no-repeat left; } #orderstepCntr .continue strong.heading.extra { background: url(../images/icon34.png) no-repeat left; } #orderstepCntr .continue ul { list-style: none; } #orderstepCntr .continue li { overflow: hidden; color: #fff; min-height: 19px;} #orderstepCntr .continue li span { font-size: 15px; font-weight: bold; float: right; } #orderstepCntr .continue a.prev { margin-top: 35px; float: left; padding-left: 20px; background: url(../images/icon32.png) no-repeat left; font-size: 14px; text-decoration: none; font-weight: bold; color: #b9bbbf; } #orderstepCntr .continue a.prev:hover { color: #9e9fa2; } #orderstepCntr .continue a.button { float: right; background: #61bd5a url(../images/icon33.png) no-repeat right; padding: 0 40px 0 15px; text-decoration: none; margin: 21px 0; line-height: 47px; color: #fff; font-size: 15px; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #orderstepCntr .continue a.button:hover { background: #6ac863 url(../images/icon33.png) no-repeat right; } /* NEXT & PREV BUTTONS LEFT AND RIGHT POSITIONING */ /* #orderstepCntr .continue a.prev-hori {position: fixed; top:50%;left: 10px; background: #50545e url(../images/icon32.png) no-repeat left; padding: 0 15px 0 30px; text-decoration: none; margin: 21px 0; line-height: 47px; color: #fff; font-size: 14px; text-decoration: none; font-weight: bold; color: #b9bbbf;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #orderstepCntr .continue a.prev-hori:hover { background: #5b5f6a url(../images/icon32.png) no-repeat left;} #orderstepCntr .continue a.button-hori {position: fixed; top:50%;right: 10px; background: #61bd5a url(../images/icon33.png) no-repeat right; padding: 0 40px 0 15px; text-decoration: none; margin: 21px 0; line-height: 47px; color: #fff; font-size: 15px; font-weight: bold;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #orderstepCntr .continue a.button-hori:hover { background: #6ac863 url(../images/icon33.png) no-repeat right; } */ #orderstepCntr .buttons { overflow: hidden; padding-bottom: 30px; } #orderstepCntr .buttons .holder { float: right; } #orderstepCntr .buttons a { margin-bottom: 10px; float: right; background: #61bd5a url(../images/icon33.png) no-repeat right; padding: 0 40px 0 15px; text-decoration: none; line-height: 47px; color: #fff; font-size: 15px; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 2px; } #orderstepCntr .buttons a:hover { background: #6ac863 url(../images/icon33.png) no-repeat right; } #orderstepCntr .buttons a.prev { background: #383b42 url(../images/icon35.png) no-repeat 12px; padding: 0 15px 0 40px; } #orderstepCntr .buttons a.prev:hover { background: #474a52 url(../images/icon35.png) no-repeat 12px; } #orderstepCntr .free { background: #2e3138; padding: 20px 0; overflow: hidden; } #orderstepCntr .free h3 { font-size: 26px; font-weight: normal; color: #fff; text-align: center; margin: 10px 0 25px 0;} #orderstepCntr .free h3 span { color: #61bd5a; } #orderstepCntr .free .col { float: left; width: 33.33%; } #orderstepCntr .free ul { list-style: none; } #orderstepCntr .free li { line-height: 40px; padding-left: 60px; color: #fff; font-size: 15px; margin-bottom: 10px; background: url(../images/icon36.png) no-repeat; } #orderstepCntr .options { overflow: hidden; background: #f6f7fb url(../images/pointer11.png) no-repeat center 0; padding: 50px 0; } #orderstepCntr .options h3 { color: #949595; font-size: 28px; font-weight: normal; text-align: center; margin-bottom: 20px; } #orderstepCntr .options p { font-size: 15px; line-height: 20px; padding-bottom: 30px; color: #949595; text-align: center; } #orderstepCntr .options .left { float: left; width: 80%; } #orderstepCntr .options .right { float: right; width: 18%; } #orderstepCntr .options .accordion { position: relative; } #orderstepCntr .options .accordion .bundle { margin-bottom: 35px; overflow: visible; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #orderstepCntr .options h4 { line-height: 50px; padding: 0 25px; background: #e1e1e1 url(../images/plus.png) no-repeat right; font-size: 18px; color: #747474; cursor: pointer; } #orderstepCntr .options h4.active { background: #e1e1e1 url(../images/minus.png) no-repeat right; } #orderstepCntr .options .content { display: none; background: #fff; } #orderstepCntr .options .row { padding: 20px 30px; border-bottom: 1px solid #e6e6e6; } #orderstepCntr .options h5 { display: inline-block; font-size: 16px; font-weight: 600; color: #747474; } #orderstepCntr .options .help { margin: 3px 0 0 10px; } #orderstepCntr .options .line { margin-bottom: 10px; overflow: visible; background: url(../images/border.png) repeat-x; } #orderstepCntr .options .line label, #orderstepCntr .options .line div.checkbox-label { float: left; padding: 0 20px 0 30px; font-size: 16px; position: relative; color: #747474; background: #fff; } #orderstepCntr .options .line div.checkbox-label label { padding: 0px; float: none; background: none; } #orderstepCntr .options .line label input { margin-right: 5px; } #orderstepCntr .options .line span.value { float: right; width: auto; padding-left: 5px; text-align: right; font-size: 17px; font-weight: 600; background: #fff; color: #747474; } #orderstepCntr .options .line span.value img { display: inline; } #orderstepCntr .jump { width: 100%; background: #ffffff; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #orderstepCntr .jump h4 { color: #fff; background: #61bd5a; line-height: 50px; text-align: center; font-size: 17px; font-weight: 600; } #orderstepCntr .jump ul { background: #fff url(../images/pointer12.png) no-repeat center 0; list-style: none; } #orderstepCntr .jump li { font-size: 17px; color: #61bd5a; font-weight: bold; text-align: center; border-bottom: 1px solid #e6e6e6; } #orderstepCntr .jump li a { display: block; padding: 15px 20px; color: #61bd5a; text-decoration: none; } #orderstepCntr .jump li li { color: #949595; text-align: left; font-weight: normal; } #orderstepCntr .jump li ul { background: none; border-top: 1px solid #e6e6e6; } #orderstepCntr .jump li li a { color: #949595; padding-left: 60px; padding-right: 0; background: url(../images/icon38.png) no-repeat 20px; } #orderstepCntr .jump li li.active a { color: #61bd5a; } #orderstepCntr .jump li li:last-child { border-bottom: 0; } #orderstepCntr .jump li li.compatibility a { background: url(../images/icon39.png) no-repeat 20px; } #orderstepCntr .jump li li.accessibility a { background: url(../images/icon40.png) no-repeat 20px; } #orderstepCntr .jump li li.behaviour a { background: url(../images/icon41.png) no-repeat 20px; } #orderstepCntr .jump li li.font a { background: url(../images/icon42.png) no-repeat 20px; } #orderstepCntr .jump li li.html a { background: url(../images/icon43.png) no-repeat 20px; } #orderstepCntr .jump li li.css a { background: url(../images/icon44.png) no-repeat 20px; } #orderstepCntr .upload { height: 52px; border: 2px solid #c0c9d0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #orderstepCntr .upload .design { float: left; padding-left: 55px; background: url(../images/icon15.png) no-repeat; margin: 5px 0; font-size: 16px; color: #6d777f; line-height: 36px; } #orderstepCntr .arrow { float: left; } #orderstepCntr .upload ul.desktop { float: left; padding: 5px; } #orderstepCntr .upload ul.desktop li { float: left; line-height: 36px; border-right: 2px solid #c0c9d0; padding: 0 10px; font-weight: 600; } #orderstepCntr .upload ul.desktop li a { color: #797d81; text-decoration: none; font-size: 16px; } #orderstepCntr .upload ul.desktop li a.drop { line-height: 30px; width: 270px; text-align: center; border: 2px dashed #c0c9d0; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:move; } #orderstepCntr .upload ul.desktop li:last-child { border-right: 0; } #orderstepCntr .upload ul.desktop li:hover a, #orderstepCntr .upload ul.desktop li label:hover{ color: #2e3138!important; } #orderstepCntr .upload ul.desktop li label{cursor: pointer;} #orderstepCntr .description { width: 100%; border: 2px solid #c0c9d0; padding: 5px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #orderstepCntr textarea { width: 100%; padding: 10px 10px 10px 60px; background: url(../images/icon14.png) no-repeat; font-size: 16px; font-weight: 600; height: 170px; color: #889097; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #orderstepCntr .files { padding: 10px 0 5px; border-top: 2px solid #c0c9d0; } #orderstepCntr .files .file { float: left; border: 2px solid #c0c9d0; margin-right: 15px; margin-bottom: 5px; padding: 2px 35px 2px 5px; position: relative; min-width: 140px; height: 36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #orderstepCntr .files .file span.name { line-height: 25px; font-size: 16px; } #orderstepCntr a.close { width: 14px; height: 14px; background: url(../images/close.png) no-repeat; position: absolute; top: 9px; right: 10px; } #orderstepCntr a.close:hover { background-position: 0 -14px; } #orderstepCntr .files .file .status { position: relative; background: #eaedef; height: 28px; width: 90%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #orderstepCntr .files .file .percent { position: absolute; top: 3px; right: 20px; font-size: 16px; } #orderstepCntr .files .file.uploading { min-width: 230px; } #orderstepCntr .field { float: left; width: 47%; border: 2px solid #c0c9d0; padding: 5px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #orderstepCntr .field.mail { float: right; } #orderstepCntr .field input { padding-left: 60px; background: url(../images/icon12.png) no-repeat; line-height: 37px; height: 37px; border: none; font-size: 16px; font-weight: 600; width: 100%; color: #889097; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* #orderstepCntr .field input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } */ #orderstepCntr form .button{background: #61bd5a url(../images/icon33.png) no-repeat right; padding: 0 40px 0 15px; text-decoration: none;line-height: 47px;color: #fff;font-size: 15px;font-weight: bold;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;display: block;width:120px;float:right;} #orderstepCntr .field.mail input { background: url(../images/icon13.png) no-repeat; } #orderstepCntr .field.pass input { background: url(../images/icon45.png) no-repeat 11px; } #orderstepCntr input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; padding: 0 20px 0 60px!important;-webkit-text-fill-color: #889097!important;} #orderstepCntr .field.pass.confirm { float: right; } #orderstepCntr .term-p{float: left;} #orderstepCntr .forgot-step3{color:#61bd5a; font-style: italic;line-height: 40px;} #orderstepCntr .summary { padding: 50px 0; background: #f6f7fb; } #orderstepCntr .summary h3 { color: #949595; font-size: 28px; font-weight: normal; text-align: center; margin-bottom: 20px; } #orderstepCntr .summary p { font-size: 15px; line-height: 20px; padding-bottom: 30px; color: #949595; text-align: center; } #orderstepCntr .summary h4 { font-size: 22px; margin-bottom: 20px; font-weight: 600; } #orderstepCntr .summary h5 { font-size: 18px; margin-bottom: 20px; font-weight: 600; } #orderstepCntr .summary .group { margin-bottom: 75px; } #orderstepCntr .summary .content { overflow: hidden; background: #fff; border-bottom: 1px solid #d5d5d5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #orderstepCntr .summary .part1 { padding: 25px; } #orderstepCntr .summary ul.list { list-style: none; } #orderstepCntr .summary ul.list li { margin-bottom: 5px; line-height: 26px; background: url(../images/border.png) repeat-x 0 2px; } #orderstepCntr .summary ul.list li label { font-size: 16px; color: #747474; padding: 0 25px; background: #fff url(../images/bullet1.png) no-repeat left; } #orderstepCntr .summary ul.list li span.amount { float: right; padding-left: 20px; background: #fff; font-size: 17px; font-weight: 600; } #orderstepCntr .summary ul.list li.deadline-date label{background: #fff;} #orderstepCntr .summary .part2 { background: #f5f5f5; padding: 25px; } #orderstepCntr .summary .part2 li label { background: #f5f5f5 url(../images/bullet1.png) no-repeat left!important; } #orderstepCntr .summary .part2 li span.amount { background: #f5f5f5!important; } #orderstepCntr .summary .part2 .code { float: left; padding: 0 25px; background: #f5f5f5 url(../images/bullet1.png) no-repeat left; } #orderstepCntr .summary .part2 em { color: #747474; font-style: normal; font-size: 16px; float: left; } #orderstepCntr .summary .part2 input.num { width: 150px; color: #8c8f95; float: left; font-size: 16px; height: 28px; line-height: 28px; padding: 0 10px; letter-spacing: 10px; border: 2px solid #d4d4d4; background: #eeeff1; margin-left: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #orderstepCntr .summary .part2 .help { float: left; margin: 8px 0 0 10px; } #orderstepCntr .summary .part2 li.coupon span.amount { color: #a2a2a2; } #orderstepCntr .summary .part2 input.coupon-validate{display: block; width: auto; color: #8c8f95;cursor: pointer; float: left; font-size: 16px; height: 32px; padding: 0 2px; line-height: 28px; border: 2px solid #d4d4d4; background: #eeeff1; margin-left: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #orderstepCntr .summary .part2 input.coupon-validate:hover{ -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.45); -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.45);box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.45); } #orderstepCntr .summary .part2 input.coupon-validate:active{-webkit-box-shadow: inset 1px 1px 5px 2px rgba(50, 50, 50, 0.45);-moz-box-shadow: inset 1px 1px 5px 2px rgba(50, 50, 50, 0.45);box-shadow: inset 1px 1px 5px 2px rgba(50, 50, 50, 0.45);} #orderstepCntr .summary .part1 p { font-size: 16px; line-height: 30px; text-align: left; padding-bottom: 0; } #orderstepCntr .summary .row { width: 100%; position: relative; margin-bottom: 10px; } #orderstepCntr .summary .row .radio { position: absolute; top: 0px; left: 0px; } #orderstepCntr .summary .row.no { height: 30px; padding-left: 20px; position: relative; } #orderstepCntr .summary .row.yes { height: 30px; padding-left: 20px; position: relative; } #orderstepCntr .summary .row label { position: absolute; top: 0px; left: 0px; padding-left: 30px; } #orderstepCntr .summary .group p { font-size: 15px; display: inline-block; padding: 0 10px; text-align: left; margin:10px 0 0 0;line-height: 22px;} #orderstepCntr .summary .field.company { float: right; } #orderstepCntr .summary .field.company input { background: url(../images/icon46.png) no-repeat 10px; } #orderstepCntr .summary .field.zip, #orderstepCntr .summary .field.country{float:right;} #orderstepCntr .summary .field.address input { background: url(../images/icon47.png) no-repeat 10px; } #orderstepCntr .summary .holder-left{float: left; width: 48.3%;} #orderstepCntr .summary .holder { float: right; width: 48.3%; } #orderstepCntr .summary .field.city{margin-right: 1px;} #orderstepCntr .summary .holder .field.city input { background: url(../images/icon48.png) no-repeat 12px; } #orderstepCntr .summary .holder .field.zip { float: right; } #orderstepCntr .summary .holder .field.zip input { background: none; padding-left: 10px; } #orderstepCntr .summary .holder .field { width: 46%!important; } #orderstepCntr .summary .holder1 { float: left; width: 48.3%; } #orderstepCntr .summary .holder1 .field { width: 46%!important; } #orderstepCntr .summary .holder1 .field.vat { float: right; } #orderstepCntr .summary .holder1 .field.vat input { background: url(../images/icon50.png) no-repeat 12px; } #orderstepCntr .summary .holder .field.country { position: relative; background: #fff url(../images/icon49.png) no-repeat 12px; line-height: 37px; padding-left: 60px; width: 48%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #orderstepCntr .summary .holder .field.country .select { background: url(../images/arrow10.png) no-repeat right; top: 10px; border: none; padding-left: 70px; } #orderstepCntr .summary .holder .field.country select { color: #889097; font-size: 16px; background: #fff; border: none; width: 100%; } #orderstepCntr ul.payment { list-style: none; overflow: hidden;} #orderstepCntr ul.payment li { position: relative; float: left; margin-right: 44px; margin-bottom: 10px; } #orderstepCntr ul.payment label { padding-right: 30px; display: block; position: relative; z-index: 10; } #orderstepCntr ul.payment li .radio { position: absolute; top: 0px; left: auto; right: 0; z-index: 5; } #orderstepCntr ul.payment label img { display: block; vertical-align: middle; } #orderstepCntr .summary strong.bank { font-size: 14px; display: block; padding-bottom: 20px; font-weight: 600; } #orderstepCntr div.ccard { display: none; } #orderstepCntr div.ccard div.field.card { float: left; margin-right: 15px; width: 250px; } #orderstepCntr div.ccard div.field.card input { background-image: url(../images/icon-card.png); } #orderstepCntr div.ccard div.date { float: left; padding-left: 10px; } #orderstepCntr div.ccard div.date span.line { float: left; padding: 0px 10px; font-size: 30px; color: #c0c9d0; font-weight: 600; } #orderstepCntr div.ccard div.date input { float: left; width: 60px; text-align: center; height: 37px; font-size: 16px; font-weight: 600; color: #889097; padding: 0px 10px; border: 2px solid #c0c9d0; padding: 5px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} #orderstepCntr div.ccard div.date input.cvv { margin-left: 10px; width: 80px; } /* ### portfolio container ### */ #portfolioCntr { width: 100%; padding: 40px 0; background: #f6f7fb; } #portfolioCntr .top { width: 100%; position: relative; z-index: 100; } #portfolioCntr .top ul.np { list-style: none; float: left; margin-top: 10px; } #portfolioCntr .top ul.np li { float: left; color: #2e9b47; text-transform: uppercase; padding: 0 5px; } #portfolioCntr .top ul.np li a { color: #2e9b47; text-decoration: none; } #portfolioCntr .top ul.np li img { display: inline; } #portfolioCntr .top .category { list-style: none; float: right; width: 145px; position: relative; } #portfolioCntr .top .category a.selected { text-transform: uppercase; text-decoration: none; font-size: 16px; padding: 0 15px; line-height: 42px; display: block; background: #44474d url(../images/arrow8.png) no-repeat right; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #portfolioCntr .top .category.active a.selected { color: #61bd59; background: #2e3138 url(../images/arrow7.png) no-repeat right; } #portfolioCntr .top .category ul { display: none; list-style: none; width: 100%; background: #2e3138; position: absolute; top: 40px; left: 0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } #portfolioCntr .top .category li { border-top: 1px solid #44474d; } #portfolioCntr .top .category li a { display: block; text-align: center; color: #dddddd; font-size: 14px; padding: 10px 0; color: #dddddd; text-decoration: none; } #portfolioCntr .top .category li a:hover { color: #61bd5a; } #portfolioCntr .top .category.active ul { display: block; } #portfolioCntr .bot { width: 100%; } #portfolioCntr h1 { font-size: 33px; color: #717171; margin: 50px 0 20px 0; font-weight: normal; text-align: center; } #portfolioCntr p.type-project{color: #2e9b47;text-align: center; margin:0 0 30px 0; text-transform: uppercase;} #portfolioCntr p.type-project a{color: #2e9b47;text-decoration: none; text-align: center; margin:0 0 30px 0; text-transform: uppercase;} #portfolioCntr .slider { position: relative; z-index: 50; margin-bottom: 30px; } #portfolioCntr .slider ul { list-style: none; } #portfolioCntr .slider li { width: 100%; } #portfolioCntr .slider li img { width: 100%; } #portfolioCntr .slider .prev { position: absolute; top: 50%; left: -35px; margin-top: -35px; width: 70px; height: 70px; background: url(../images/prev1.png) no-repeat; display: block; z-index: 100; } #portfolioCntr .slider .prev:hover { background-position: 0 -70px; } #portfolioCntr .slider .next { position: absolute; top: 50%; right: -35px; margin-top: -35px; width: 70px; height: 70px; background: url(../images/next1.png) no-repeat; z-index: 100; display: block; } #portfolioCntr .slider .next:hover { background-position: 0 -70px; } #portfolioCntr .left { float: left; width: 22%; } #portfolioCntr .right { float: right; width: 22%; } #portfolioCntr .centercontent { float: left; width: 56%; padding: 0 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #portfolioCntr .details { width: 100%; } #portfolioCntr .details .logo { width: 100%; } #portfolioCntr .details .logo img { width: 100%; } #portfolioCntr .details ul { list-style: none; overflow: hidden; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } #portfolioCntr .details li { border-bottom: 1px solid #e6e6e6; padding: 20px; background: #fff; } #portfolioCntr .details li a { color: #949595; padding-left: 40px; background: url(../images/icon51.png) no-repeat 0 0px; font-size: 16px; color: #949595; display: block; text-decoration: none; } #portfolioCntr .details li a:hover { color: #61bd5a; background-position: 0px -61px; } #portfolioCntr .details li.html a { background: url(../images/icon43.png) no-repeat 0 3px; } #portfolioCntr .details li.html a:hover { background-position: 0px -62px; } #portfolioCntr .details li.css a { background: url(../images/icon44.png) no-repeat 0 0px; } #portfolioCntr .details li.css a:hover { background-position: 0px -80px; } #portfolioCntr .details li.compatibility a { background: url(../images/icon39.png) no-repeat 0 0px; } #portfolioCntr .details li.compatibility a:hover { background-position: 0px -80px; } #portfolioCntr .text { width: 100%; } #portfolioCntr .text h2 { font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 5px; } #portfolioCntr .text p { line-height: 24px; padding-bottom: 20px; } #portfolioCntr .text p strong { font-size: 15px; } #portfolioCntr .spec { border: 1px solid #e6e6e6; background: #f5f5f5; padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #portfolioCntr .spec h3 { font-size: 16px; color: #949595; padding-left: 30px; background: url(../images/icon52.png) no-repeat left; font-weight: 600; margin-bottom: 10px; } #portfolioCntr .spec ul { list-style: none; padding-left: 30px; } #portfolioCntr .spec li { font-size: 13px; color: #4e4e4e; margin-bottom: 12px; } #portfolioCntr .spec li a { color: #4e4e4e; text-decoration: none; } #portfolioCntr .centercontent.mobile { display: none; } /* ### popup container ### */ #popupCntr { background: #f6f7fb; width: 100%; } #popupCntr .close { height: 50px; background: #2e3138; border-top: 4px solid #39a24b; text-align: center; } #popupCntr .close a { display: inline-block; padding-right: 25px; background: url(../images/close1.png) no-repeat right; line-height: 16px; color: #fff; font-size: 15px; text-transform: uppercase; margin-top: 15px; text-decoration: none; } #popupCntr .close a:hover { color: #61bd5a; background: url(../images/close1_hover.png) no-repeat right; } #popupCntr .links { background: #fff; border-bottom: 4px solid #ececec; padding: 25px 0; } #popupCntr .links ul { list-style: none; text-align: center; } #popupCntr .links li { display: inline-block; } #popupCntr .links li a { text-transform: uppercase; color: #717171; display: inline-block; padding: 0 18px; font-size: 20px; line-height: 36px; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #popupCntr .links li a:hover, #popupCntr .links li.active a { color: #fff; background: #61bd5a; } #popupCntr .content { padding: 50px 0; overflow: hidden; width: 100%; } /* ### why container ### */ #whyCntr { width: 100%; padding: 50px 0; background: #f6f7fb; } #whyCntr .text { width: 70%; } #whyCntr .text span.heading { font-size: 15px; color: #61bd5a; font-weight: 600; display: block; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 3px; } #whyCntr .text h2 { font-size: 24px; color: #696969; padding-bottom: 20px; font-weight: normal; letter-spacing: 1px; } #whyCntr .text p { line-height: 24px; } #whyCntr .text p a { font-weight: bold; color: #4b4b4b; text-decoration: none; } #whyCntr .text p a:hover { color: #61bd59; } #whyCntr .text .group { padding-bottom: 20px; overflow: hidden; } #whyCntr .text .group .HQ{margin:20px 0;} #whyCntr .text .group strong{margin-top: 20px;display: block;} #whyCntr .text h3 { font-size: 15px; font-weight: 600; margin-bottom: 5px; text-transform: uppercase; } #whyCntr .text ol { padding-left: 20px; } #whyCntr .text li { list-style-type: decimal; font-weight: bold; margin-bottom: 5px; } #whyCntr .map { float: right; width: 367px; position: relative; } #whyCntr .map img { width: 100%; } #whyCntr .map .website { width: 275px; height: 70px; position: absolute; top: 50px; left: 50%; margin-left: -135px; text-align: center; } #whyCntr .map .website h4 { font-size: 21px; color: #fff; font-weight: 600; text-transform: uppercase; padding-top: 15px; } #whyCntr .map .website p { font-size: 16px; color: #fff; } #whyCntr object{width: 100%;height:400px;margin:20px 0 40px 0;} /* ### how container ### */ #howCntr { width: 100%; padding: 50px 0; background: #61bd59; } #howCntr .text { width: 100%; } #howCntr .text span.heading { font-size: 15px; color: #fff; font-weight: 600; display: block; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 3px; } #howCntr .text h2 { font-size: 24px; color: #fff; padding-bottom: 20px; font-weight: normal; letter-spacing: 1px; } #howCntr .text p { line-height: 24px; color: #fff; } #howCntr ul { list-style: none; overflow: hidden; padding-top: 30px; } #howCntr li { float: left; width: 50%; margin-bottom: 30px; min-height: 130px;} #howCntr .icon { float: left; width: 20%; } #howCntr .detail { float: left; width: 80%; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #howCntr .detail h3 { font-size: 17px; color: #fff; font-weight: 600; text-transform: uppercase; margin-bottom: 5px; } /* ### HighQuality Tabs ### */ #HighQuality {width: 100%;height: 800px;overflow: hidden;background: #000;} #HighQuality img{float: left;opacity: 0.4;} #HighQuality .HQ-center{position: absolute;top:0;width: 100%;} #HighQuality .HQ-center h2{font-size: 28px;color: #fff;padding: 0;font-weight: normal;letter-spacing: 1px;margin:50px 0 25px 0;text-align: center;font-weight: 600;text-transform: uppercase;} #HighQuality .HQ-center ul li{width: 20%; text-align: center;} #HighQuality .HQ-center .content p:last-child{padding-bottom: 0;} #HighQuality .HQ-center .tabs { overflow: hidden; } #HighQuality .HQ-center .tabs ul { list-style: none; padding: 0 10px; overflow: hidden; } #HighQuality .HQ-center .tabs li { float: left; font-size: 15px; font-weight: 600; } #HighQuality .HQ-center .tabs li a { padding: 10px 15px; display: block; text-decoration: none; color: #fff; font-size: 15px; text-transform: uppercase; } #HighQuality .HQ-center .tabs li a:hover, #HighQuality .HQ-center .tabs li.active a { background: #fff; color: #61bd59;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;} #HighQuality .HQ-center .content { overflow: hidden; background: #fff; padding: 30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #HighQuality .HQ-center .hidden { display: none; } #HighQuality .HQ-center .left { float: left; width: 15%; } #HighQuality .HQ-center .right { float: left; width: 85%; } #HighQuality .HQ-center h4 { font-size: 24px; color: #3ca8ff; font-weight: normal; margin-bottom: 20px; } #HighQuality .HQ-center p { font-size: 13px; padding-bottom: 20px; line-height: 22px; } #HighQuality .HQ-center p strong { font-size: 15px; } #HighQuality .HQ-center p a { color: #4b4b4b; text-decoration: none; font-weight: bold; } /* ### Location Maps - Google Maps ### */ #Location-Map {width: 100%;height: 400px;overflow: hidden;background: #000;} .google-map{height: 100%;} #headerCntr.service .HQ-image { float: right; margin-top: 0; width: 40%; padding-top: 125px; margin-right: 0; } #headerCntr.service .HQ-image img{width: 250px;float: right;} .HQ{width:100%;} /* ### package container ### */ #packageCntr { width: 100%; background: #f6f7fb; } #packageCntr .text { width: 70%; } #packageCntr .center { padding: 120px 0; background: url(../images/bg7.png) no-repeat right; } #packageCntr .text span.heading { font-size: 15px; color: #61bd5a; font-weight: 600; display: block; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 3px; } #packageCntr .text h2 { font-size: 24px; padding-bottom: 20px; font-weight: normal; letter-spacing: 1px; } #packageCntr .text p { line-height: 24px; } #packageCntr a.start { position: absolute; top: 50%; margin-top: -16px; right: 23px; line-height: 46px; padding: 0 18px 0 20px; background: #61bd59; color: #fff; font-size: 16px; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #packageCntr a.start:after { content: ""; position: absolute; top: 0; right: -23px; width: 0; height: 0; border-color: transparent transparent transparent #61bd59; border-style: solid; border-width: 23px 0 23px 23px; } #packageCntr a.start:hover { background: #2e3138;} #packageCntr a.start:hover:after { border-color: transparent transparent transparent #2e3138; } /* ### sidebar ### */ .sidebar { position: absolute; top: -220px; right: 0; z-index: 500; width: 25%; } .sidebar .inner { width: 100%; } /* ### start box ### */ .startBox { margin-bottom: 25px; margin-top: 142px; padding: 15px 10px; background: #f6f7fb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #c0c9d0; } .startBox .title { padding-bottom: 15px; border-bottom: 2px solid #c0c9d0; margin-bottom: 20px; text-align: center; } .startBox a.start { display: inline-block; line-height: 46px; margin-right: 23px; padding: 0 10px 0 20px; background: #61bd59; position: relative; color: #fff; font-size: 16px; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .startBox a.start:after { content: ""; position: absolute; top: 0; right: -23px; width: 0; height: 0; border-color: transparent transparent transparent #61bd59; border-style: solid; border-width: 23px 0 23px 23px; } .startBox a.start:hover { background: #2e3138; } .startBox a.start:hover:after { border-color: transparent transparent transparent #2e3138; } .startBox fieldset { border: none; } .startBox h4 { font-size: 23px; color: #949595; text-align: center; font-weight: normal; margin-bottom: 20px;} .startBox p { font-size: 13px; line-height: 24px; padding-bottom: 20px; text-align: center;} .startBox .field { margin-bottom: 25px; width: 100%; border: 2px solid #c0c9d0; padding: 5px; background: #f6f7fb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .startBox .field input { padding-left: 60px; background: url(../images/icon12.png) no-repeat; line-height: 37px; height: 37px; border: none; font-size: 16px; font-weight: 600; width: 100%; color: #889097; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .startBox ::-webkit-input-placeholder { color: #889097; } .startBox :-moz-placeholder { color: #889097; } .startBox ::-moz-placeholder { color: #889097; } .startBox :-ms-input-placeholder { color: #889097; } .startBox .field.mail input { background: url(../images/icon13.png) no-repeat; } .startBox .description { margin-bottom: 25px; width: 100%; border: 2px solid #c0c9d0; padding: 5px; background: #f6f7fb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .startBox textarea { width: 100%; padding: 10px 10px 10px 60px; background: url(../images/icon14.png) no-repeat; font-size: 16px; font-weight: 600; height: 170px; color: #889097; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .startBox .upload { margin-bottom: 25px; height: 105px; border: 2px solid #c0c9d0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .startBox .upload .design { padding-bottom: 5px; padding-left: 55px; background: url(../images/icon15.png) no-repeat; margin: 5px 0; font-size: 12px; color: #6d777f; line-height: 36px; border-bottom: 2px solid #C0C9D0; display: block; } .startBox .selectTablet { position: relative; margin: 8px 10px 0 15px; display: block; background: #c0c9d0 url(../images/dots.png) no-repeat 8px 6px; padding: 0 10px 0 25px; height: 32px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .startBox .selectTablet span { cursor: pointer; display: block; line-height: 32px; color: #fff; font-size: 16px; font-weight: 600; text-align: center;} .startBox .selectTablet .dropdown { position: absolute; bottom: 20px; left: 50%; margin-left: -100px; display: none; padding-bottom: 20px; } .startBox .selectTablet .dropdown .pointer { padding-bottom: 15px; background: url(../images/pointer9.png) no-repeat center bottom; z-index: 100; margin-top: -2px; } .startBox .selectTablet .dropdown ul { list-style: none; width: 185px; padding: 5px; border: 2px solid #c0c9d0; background: #fff; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .startBox .selectTablet .dropdown li { border-bottom: 2px solid #c0c9d0; font-size: 16px; font-weight: 600; } .startBox .selectTablet .dropdown li a { display: block; text-align: center; color: #797d81; text-decoration: none; line-height: 46px; } .startBox .selectTablet .dropdown li a:hover, .startBox .selectTablet .dropdown li label:hover{cursor: pointer;text-decoration: underline;} .startBox .selectTablet .dropdown li:last-child { border-bottom: 0; } .startBox .selectTablet:hover .dropdown { display: block; } .startBox .slide { margin-bottom: 25px; border: 2px solid #c0c9d0; padding: 2px; width: 100%; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .startBox .slide span { text-align: center; display: block; line-height: 37px; font-size: 16px; } .startBox .slider { position: absolute; top: 2px; left: 2px; cursor: move; } .startBox .request-quote-submit{text-align: center;} .startBox input.button { border: 2px solid #c0c9d0; padding: 0 15px; height: 44px; background: #fff; color: #889097; font-size: 16px; cursor: pointer; background: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .startBox input.button:hover{ border: 2px solid #c0c9d0; background: #c0c9d0; color: #fff; } /* ### contact box ### */ .contactBox { padding: 15px 10px; background: #f6f7fb; margin-bottom: 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #c0c9d0; } .contactBox h3 { background: #61bd5a; text-align: center; color: #fff; font-size: 17px; text-transform: uppercase; font-weight: 600; line-height: 42px; } .contactBox ul { padding: 15px; list-style: none; } .contactBox li { padding-left: 50px; margin-bottom: 10px; background: url(../images/icon59.png) no-repeat left 5px; } .contactBox li a { color: #9a9b9b; text-decoration: none; font-size: 16px; } .contactBox li a:hover{color: #61bd5a;} .contactBox li.skype { background: url(../images/icon60.png) no-repeat left 5px; padding-top: 5px; padding-bottom: 5px; } .contactBox li.chat { background: url(../images/icon61.png) no-repeat left 5px; padding-top: 5px; padding-bottom: 5px; } .contactBox li.chat a{cursor: pointer;} .contactBox .hours { padding: 0 15px;} .contactBox .hours h4{font-size: 16px;margin-bottom: 10px;} .contactBox .hours .time{} .contactBox .hours .time h5{font-size: 14px;font-weight: normal;} .contactBox .hours .time span{font-size: 11px;font-style: italic;} .contactBox .hours .time table{margin: 5px 0 20px 0;width: 100%;} .contactBox .hours .time table tr:nth-child(even){background: #f2f2f2;} .contactBox .hours .time table tr:hover{background: #e8e8e8;cursor: default;} .contactBox .hours .time table tr td{font-size: 11px;padding:4px 0;} .contactBox .hours .time table tr td span{font-size: 11px;font-style: italic;} .contactBox .hours .time table tr td:last-child{float:right;} .contactBox .hours .time p{font-size: 12px; color: #747474} /* ### services box ### */ .servicesBox { padding: 15px 10px; background: #f6f7fb; margin-bottom: 25px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid #c0c9d0; } .servicesBox h3 { background: #61bd5a; text-align: center; color: #fff; font-size: 17px; text-transform: uppercase; font-weight: 600; line-height: 42px; } .servicesBox ul { padding: 15px; list-style: none; } .servicesBox li { padding-left: 50px; margin-bottom: 10px; padding-top: 5px; padding-bottom: 5px; } .servicesBox li a { color: #9a9b9b; text-decoration: none; font-size: 14px;line-height: 18px; } .servicesBox li a:hover { color: #61bd5a; } .servicesBox li.html{background: url(../images/html-small.png) no-repeat left 2px; } .servicesBox li.html:hover{background-position: left -44px; } .servicesBox li.html5 {background: url(../images/html5-small.png) no-repeat left 2px; } .servicesBox li.html5:hover {background-position: left -45px; } .servicesBox li.responsive {background: url(../images/responsive-small.png) no-repeat left 2px; } .servicesBox li.responsive:hover {background-position: left -44px; } .servicesBox li.wp {background: url(../images/wordpress-small.png) no-repeat left 2px; } .servicesBox li.wp:hover {background-position: left -44px; } .servicesBox li.joomla{background: url(../images/joomla-small.png) no-repeat left 2px;} .servicesBox li.joomla:hover{background-position: left -44px;} .servicesBox li.drupal{background: url(../images/drupal-small.png) no-repeat left 2px;} .servicesBox li.drupal:hover{background-position: left -44px;} .servicesBox li.magento{background: url(../images/magento-small.png) no-repeat left 2px;} .servicesBox li.magento:hover{background-position: left -44px;} .sidebar.mobile { display: none; } /* ### testimonial container ### */ #testiCntr { width: 100%; padding: 40px 0; background: #f6f7fb; } #testiCntr .top { width: 100%; position: relative; z-index: 50; padding-bottom: 40px; } #testiCntr .top ul.np { list-style: none; float: left; margin-top: 10px; } #testiCntr .top ul.np li { float: left; color: #2e9b47; text-transform: uppercase; padding: 0 5px; } #testiCntr .top ul.np li a { color: #2e9b47; text-decoration: none; } #testiCntr .top ul.np li img { display: inline; } #testiCntr .top a.type { text-decoration: none; list-style: none; float: right; background: #2e3138; padding: 0 10px; line-height: 40px; font-size: 15px; color: #dddddd; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #testiCntr .bot { overflow: hidden; } #testiCntr .left { float: left; width: 75%; } #testiCntr .details { width: 100%; } #testiCntr .photo { width: 100%; padding-bottom: 30px; } #testiCntr .photo img { width: 100%; } #testiCntr .title { padding: 20px; padding-right: 0; background: url(../images/pointer4.png) no-repeat 10% bottom; overflow: hidden; } #testiCntr a.website { float: right; padding: 0 10px; line-height: 30px; color: #fff; font-weight: 600; font-size: 16px; background: #61bd5a; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #testiCntr a.website:hover { background: #2e3138; } #testiCntr .title h1 { float: left; color: #61bd59; font-size: 22px; } #testiCntr .content { padding: 15px 20px; background: #e4e4e4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #testiCntr .content p { font-size: 13px; line-height: 24px; } #testiCntr .right { float: right; width: 20%; } #testiCntr .spec { border: 1px solid #e6e6e6; background: #f5f5f5; padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #testiCntr .spec h2 { font-size: 16px; color: #949595; padding-left: 30px; background: url(../images/icon66.png) no-repeat left; font-weight: 600; margin-bottom: 10px; } #testiCntr .spec ul { list-style: none; padding-left: 30px; } #testiCntr .spec li { font-size: 13px; color: #4e4e4e; margin-bottom: 12px; } #testiCntr .spec li a { color: #4e4e4e; text-decoration: none; } #testiCntr .spec li a:hover { color: #61bd5a; } /* BLOG - BIG ARTICLES */ #blogSingleCntr { background: #f6f7fb; overflow: hidden; padding: 25px 0 0 0; } /* #blogSingleCntr .left { float: left; width: 72%; } #blogSingleCntr .right { float: right; width: 23%; } */ #blogSingleCntr .blog-bg{padding:50px 0;width: 100%;} #blogSingleCntr .blog-bg-yellow{background: #ffffe7;} #blogSingleCntr .blog-bg-green{background: #e7ffe8;} #blogSingleCntr .blog-bg-red{background: #ffe7e7;} #blogSingleCntr .blog-bg-purple{background: #fee7ff;} #blogSingleCntr .blog-bg-blue{background: #e7feff;} #blogSingleCntr h1 { font-size: 40px;font-weight: bold; text-align: center;} #blogSingleCntr h2 { font-size: 28px; } #blogSingleCntr h3 { font-size: 24px; } #blogSingleCntr h4 { font-size: 20px; } #blogSingleCntr h5 { font-size: 16px; } #blogSingleCntr .top-img{margin:0 0 50px 0;} #blogSingleCntr h2.question{margin:100px 0 0 0;} #blogSingleCntr p { font-size: 17px;line-height: 24px;color: #888888; margin: 0 0 15px 0;font-weight: normal;} #blogSingleCntr p.intro{margin-bottom: 40px;} #blogSingleCntr p.intro img{float: right;margin-left: 25px;} #blogSingleCntr p.toolbox img{float: right;margin-left: 25px;} #blogSingleCntr p em::before{content: "“"} #blogSingleCntr p em{font-weight: bold;} #blogSingleCntr p em::after{content: "”"} #blogSingleCntr a { font-size: 17px;line-height: 24px;color: #3da8ff; text-decoration: none;} #blogSingleCntr a:hover{color: #60beff;text-decoration: underline;} #blogSingleCntr ul li, #blogSingleCntr ol li{font-size: 17px;line-height: 24px;color: #888888;} #blogSingleCntr ul li{list-style-type: disc;} #blogSingleCntr ol li{list-style-type: decimal;} #blogSingleCntr li strong{font-weight: normal;} #blogSingleCntr ul.no-dec{margin-top:20px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;} #blogSingleCntr ul.no-dec li{list-style-type: none; margin-bottom: 20px;margin:0 0 20px 0;} #blogSingleCntr ul.no-dec li span{width: 30px;float:left;} #blogSingleCntr ul.no-dec ul{margin: 0 0 10px 30px;} #blogSingleCntr ul.no-dec li ul li{margin: 0;} li.no-count{list-style-type: none!important;} .infographic img{margin: 90px auto 50px auto;} .infographic h2{margin:40px 0 0 0;} .infographic ul{margin:20px 0 0 0;-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;-webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px;} .infographic .resources{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;-webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; margin:0 0 0 20px;} .infographic h3{font-size: 20px!important;} .infographic .code{width: 100%;background: white;padding: 10px 15px;border:1px solid #b8b8b8;border-radius: 2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .infographic .code span{display: block;} .infographic .code .code-1{margin-left: 25px;} .infographic .code .code-2{margin-left: 50px;} .infographic-src{text-align: center;} #blogSingleCntr .share-article-position{width:175px;height:20px;} #blogSingleCntr .share-article-position-2{float: left;width: 175px;height:20px;} #blogSingleCntr .share-article{position: relative;width:175px;} .like-btn{clear:both;margin: 0 0 16px 0;max-height: 30px;float:left;} .twitter-tweet{float:left;position: relative!important;margin-bottom: 15px;} .plus-btn{margin-bottom: 50px;} #blogSingleCntr .twitter-share-button{position: absolute;right:0;top:0;} #blogSingleCntr .tool-info a{cursor: pointer;} #blogSingleCntr .foo{display: none;} .h3-special{margin-top: 50px;} .blog-bg h2 em{font-size: 19px;font-weight: normal;} #blogSingleCntr section{display: inline-block;} #blogSingleCntr section.article{margin-bottom: 50px;} #blogSingleCntr section .intro-bold{font-weight: bold;font-size: 18px;margin:20px 0 30px 0;} #blogSingleCntr section h2{margin:20px 0 5px 0;} #blogSingleCntr section p{} #blogSingleCntr section .intro-left{float: left;width: 60%;} #blogSingleCntr section .intro-right{float: right;width: 30%;margin-top: 8px;} #blogSingleCntr .chapters{margin: 5px 0 40px 25px;} #blogSingleCntr section .results{margin-top: 20px;} #blogSingleCntr section .results strong{margin:0;} #blogSingleCntr section .results ol{width: 360px!important;} #blogSingleCntr ul.material li{list-style-type: none;float:left;margin-right: 20px; margin-bottom: 25px;} #blogSingleCntr ul.material li:last-child{margin-right: 0;} #blogSingleCntr ul.material li a.magnify{display: block;} #blogSingleCntr ul.material li a.magnify:hover{background: url(../images/download.png) center center no-repeat;} #blogSingleCntr ul.material li a.magnify img{width: 140px;height: 140px;} #blogSingleCntr ul.material li a.magnify img:hover{opacity: 0.3;transition: all 0.5s;-webkit-transition: all 0.5s;} #blogSingleCntr ul.material li.infographic{margin:10px 0 25px 0;} #blogSingleCntr ul.material li.infographic a.magnify:hover{background: url(../images/magnify.png) center center no-repeat;} #blogSingleCntr ul.material li.infographic a.magnify img{width: 300px; height: 300px;margin:0;border-radius: 5px;border: 1px solid #e6e6e6;-moz-box-shadow: 0 0 5px 3px #e6e6e6;-webkit-box-shadow: 0 0 5px 3px #e6e6e6;box-shadow: 0 0 5px 3px #e6e6e6;} #blogSingleCntr .material-bottom ul.material li {margin:0 40px 0 0;} #blogSingleCntr ul.material li.infographic a.magnify:hover{background: url(../images/magnify-small.png) center center no-repeat;} #blogSingleCntr .material-bottom ul.material li a.magnify img{width: 130px;height: 130px;} /* INTERVIEW */ #blogSingleCntr .interview{min-height: 275px;} #blogSingleCntr .interview .interview-info{width: 100%;margin: 50px 0 0 0; } #blogSingleCntr .interview .interview-info ul{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;} #blogSingleCntr .interview .interview-info ul li{text-align: center;height: 35px; line-height: 35px; vertical-align: middle;color:white;background: #60beff;} #blogSingleCntr .interview .interview-info ul li strong{color: white;} #blogSingleCntr .interview .interview-info ul li a{color: white;font-weight: bold;} #blogSingleCntr .interview .interview-info ul li a:hover{text-decoration: underline!important;} #blogSingleCntr .interview p.interview-intro img{float: right;margin-left: 25px;} #blogSingleCntr .questions-general{display: inline-block;width: 100%;} #blogSingleCntr .interview-left{float:left;width: 50%;} #blogSingleCntr .interview-right{float:right;} #blogSingleCntr .interview-right .bio-item{display: block;background: #60beff;height: 35px; line-height: 35px; vertical-align: middle;margin:0 0 5px 0;padding:0 15px;} #blogSingleCntr .interview-right .bio-item:hover{background: #84cdff;} #blogSingleCntr .interview-right .bio-item h2{font-size: 17px!important;font-weight: bold;color: white;height: 35px; line-height: 35px; vertical-align: middle;color: white;text-align: center;} #blogSingleCntr .interview-right .bio-item a {float:left;font-size: 15px;font-weight: normal;color: white;height: 35px; line-height: 35px; vertical-align: middle;min-width: 293px;} #blogSingleCntr .interview-right .bio-item a:hover{text-decoration: none;} #blogSingleCntr .interview-right .bio-item span {float:right;font-size: 15px;font-weight: normal;color: white;border-left: 5px solid white;padding-left: 15px; min-width: 110px;} #blogSingleCntr .interview-right .bio-item a strong{font-weight: normal;} #blogSingleCntr .books{width: 100%;margin-bottom: 40px;} #blogSingleCntr .books .bio-item{display: block;background: #60beff;height: 35px; line-height: 35px; vertical-align: middle;margin:0 0 5px 0;padding:0 15px;} #blogSingleCntr .books .bio-item:hover{background: #84cdff;} #blogSingleCntr .books .bio-item h2{font-size: 17px!important;font-weight: bold;color: white;height: 35px; line-height: 35px; vertical-align: middle;color: white;text-align: center;} #blogSingleCntr .books .bio-item a {float:left;font-size: 15px;font-weight: normal;color: white;height: 35px; line-height: 35px; vertical-align: middle;min-width: 293px;} #blogSingleCntr .books .bio-item a:hover{text-decoration: none;} #blogSingleCntr .books .bio-item span {float:right;font-size: 15px;font-weight: normal;color: white;border-left: 5px solid white;padding-left: 15px; min-width: 100px; text-align: center;} #blogSingleCntr .books .bio-item a strong{font-weight: normal;} #blogSingleCntr .interview-question{margin-bottom: 25px;} #blogSingleCntr .interview-question-short{margin-bottom: 40px;} #blogSingleCntr .interview-question h3, #blogSingleCntr .interview-question-short h3{font-size: 19px;margin-bottom: 5px;} #blogSingleCntr .interview-question span{width: 35px;margin-left: -35px;text-align: left;display: inline-block;} #blogSingleCntr .interview-question p{} #blogSingleCntr .rebecca .bio-item{background: #663399;} #blogSingleCntr .rebecca .bio-item:hover{background: #7f4cb3;} a.rebecca{font-weight: bold!important;color:#663399!important;padding: 0 3px;} a.rebecca:hover{background: #663399;color: #fff!important;text-decoration: none!important;} /* END INTERVIEW */ /* BLOG TABLES */ .blog-bg-table{padding:50px 0;width: 100%;display: inline-block;} .blog-bg-table nav h3{display: none;} /* Blog Table Menu - Default */ .blog-bg-table nav ul{margin-bottom: 20px;} .blog-bg-table nav ul li{display: inline-block;list-style-type: none;margin: 0 5px 0 0;} .blog-bg-table .content-right h2{margin-bottom: 30px;padding-top: 50px;} .blog-bg-table .content-right h2#letters{padding-top: 0;} .blog-bg-table .content-right .table-scroll{margin-bottom: 100px;} .blog-bg-table .content-right .table-scroll h3{padding: 30px 0 10px 0;} .blog-bg-table table{width: 100%;margin:0 0 10px 0;} .blog-bg-table table thead td{font-size: 20px;font-weight: bold;padding-bottom: 15px;} .blog-bg-table table tr:nth-child(even) td{background: #fff;} .blog-bg-table table td{font-size: 16px;text-align: center;padding: 5px 0;} .add-link{border: 1px solid #eaeaea;margin: 50px 0 0 0;padding: 5px!important;} .add-link h4{margin-bottom: 10px;} .add-link p{font-size: 11px!important;margin: 0 0 5px 0!important;padding:0 0 5px 0!important;border-bottom:1px solid #c2c2c2;} .add-link input, .add-link select{margin:0 0 10px 0;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .add-link .link-input{padding: 2px 5px; color: #3da8ff; font-size: 12px; border: 1px solid #3da8ff; border-radius: 3px;} .add-link .link-submit{padding: 2px 5px; font-size: 12px;border-radius: 3px;cursor: pointer;margin-bottom: 0;} /* END Blog Table Menu - Default /* /* Blog Table Menu - Scroll */ .blog-bg-table nav{width: 20%;float: left;} .blog-bg-table .content-right{width: 75%;float: right;} .blog-bg-table nav h2{display: none;} .blog-bg-table nav h3{display: block;margin-bottom: 20px;font-size: 28px!important;} .blog-bg-table nav p{display: none;} .blog-bg-table nav .menu-first{font-size: 20px!important; color: #747474!important;font-weight: bold!important;} .blog-bg-table nav .menu-first span{display: none!important;} .blog-bg-table nav ul{margin-bottom: 10px!important} .blog-bg-table nav ul li{margin: 0 0 0 0!important;line-height: 16px!important;} .blog-bg-table nav ul li.menu-block ul li{display: block;} .menu-blocks li{display: block!important;} .blog-bg-table nav.open-close ul li ul{display:none;margin:0 0 0 10px!important;} .blog-bg-table nav.open-close ul li:hover ul{display: block;} .blog-bg-table nav.open-close ul li ul li{list-style-type: circle;} .blog-bg-table nav.open-close a{font-size: 15px!important;} /* END Blog Table Menu - Scroll /* /* Blog Table Menu - Small Screens */ /* .blog-bg-table nav{width: 10%;float: left;} .blog-bg-table .content-right{width: 85%;float: right;position: relative;z-index: 1;} .blog-bg-table nav h2, .blog-bg-table nav h3, .blog-bg-table nav p, .blog-bg-table nav ul li{display: none;} .blog-bg-table nav ul{background: url(../images/menu_trigger_active.png) no-repeat; width: 40px; height: 31px; display: block;background-position: top left; padding: 40px 0 0 0;} .blog-bg-table nav ul:hover li{display: inline-block; } .blog-bg-table nav ul li{background: #F2F5A9;position: relative;z-index: 2;padding: 10px;border-radius: 3px;padding-top: 20px;} .blog-bg-table nav ul li:first-child{padding-top: 10px;} .blog-bg-table nav ul li ul{background: transparent;width: 155px;padding: 0;} .blog-bg-table nav ul li.menu-block ul li{display: block;} .blog-bg-table nav ul li ul li{padding: 0; border-radius: 0;} .blog-bg-table nav ul li ul li a{font-size: 11px!important;} */ /* END Blog Table Menu - Small Screens /* /* END BLOG TABLES */ /* Voting */ .main-cat{padding-top: 0!important;} .voting{margin: 0;clear: both;display: inline-block;width: 100%} .voting p{font-size: 14px!important; line-height: 16px!important;text-align: justify;} .voting .vote-cat{margin: 0 0 30px 0!important; padding: 0 0 30px 0!important; border-bottom: 1px solid #888888; float: left;width: 100%; ;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .voting .vote-cat h2{margin:0 0 20px 0!important;padding: 0!important;} .vote-cat .table-scroll{margin:0!important;position: relative;z-index: 1;} .vote-cat .table-scroll th:nth-child(1){width: 64%;text-align: left;} .vote-cat .table-scroll th:nth-child(2){width: 12%;} .vote-cat .table-scroll th:nth-child(3){width: 12%;} .vote-cat .table-scroll th:nth-child(4){width: 12%;} .vote-cat .table-scroll th:nth-child(1) a{margin: 0;} .vote-cat .table-scroll th{font-size: 16px;} .vote-cat .table-scroll th a:hover span{color: #3da8ff!important;} .vote-cat .table-scroll tbody tr:hover{background: #eaeaea;} .vote-cat .table-scroll tbody a{font-size: 12px!important;} .vote-cat .table-scroll td{font-size: 12px;padding: 2px 0;} .vote-cat .table-scroll td:first-child{text-align: left;padding: 0 0 0 10px;} .vote-cat .table-scroll td.free{color: #61bd59;} .vote-cat .table-scroll td.payed{color: #3da8ff;} .vote-cat .table-scroll td a:hover span{color: #3da8ff!important;} .vote-cat .sorter{margin:0 0 0 5px; color: #747474!important;padding: 0;} .vote-cat .sorter span{font-size: 9px!important;} .vote-cat .sorter:hover{text-decoration: none!important;} .upvote{border: 1px solid #3da8ff;border-radius: 3px;padding: 0 5px;display: inline-block; line-height: 14px!important; } .upvote:hover{text-decoration: none!important; background: #3da8ff!important;color: #fff!important;} .downvote{color: #747474!important;font-size: 10px!important;margin-left: 5px;border: 1px solid #747474;border-radius: 3px;padding: 0 5px;} .downvote:hover{text-decoration: none!important;background: #747474!important;color: #fff!important;} /* END Voting */ .scrollToTop{width:30px;height:30px;text-decoration: none;position:fixed;bottom:10px;right:10px;display:none;background: url('../images/top_icon.png') no-repeat;text-indent: -999999px;} .scrollToTop:hover{text-decoration:none;} .share-btns{margin:20px 0 50px 0;} .share-btns a{text-transform: uppercase;font-weight: bold;text-decoration: none!important;color: #fff!important;width:33%;border-right: 25px solid #f6f7fb;height:35px;line-height: 35px!important;vertical-align: middle;text-align: center;display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .share-btns a:hover{text-decoration: none!important;} .fb-share{background: #305891;} .fb-share span{background: url(../images/fb-icon.png) left 50% no-repeat; padding:0 0 0 30px;} .fb-share:hover{background: #4f71be;} .tw-share{background: #2ca8d2;} .tw-share span{background: url(../images/tw-icon.png) left 50% no-repeat; padding:0 0 0 30px;} .tw-share:hover{background: #5aa7ff;} .go-share{background: #ce4d39;border-right: none!important;} .go-share span{background: url(../images/go-icon.png) left 50% no-repeat; padding:0 0 0 30px;} .go-share:hover{background: #e9513c;} .like-buttons{width: 100%;height: 75px;display: block;margin:20px 0;} .like-buttons .like-button{width: 33%;float: left; text-align: center;} .like-buttons .like-button .twitter-tweet{float: none!important;} .sticky-share{position: fixed;top:170px;left:1px;display: none;} .sticky-share a{width:50px;height:50px;line-height: 50px;vertical-align: middle;display: block;text-align: center;} /*.sticky-share span{width: 50px;height: 50px;display: block;vertical-align: middle;padding:0!important;}*/ .sticky-share a:hover, .sticky-share a:hover span{width: 55px;} .sticky-share .fb-share{background: #305891;} .sticky-share .fb-share span{background: url(../images/fb-icon.png) 50% 50% no-repeat;} .sticky-share .fb-share:hover{background: #4f71be;} .sticky-share .tw-share{background: #2ca8d2;} .sticky-share .tw-share span{background: url(../images/tw-icon.png) 50% 50% no-repeat;} .sticky-share .tw-share:hover{background: #5aa7ff;} .sticky-share .go-share{background: #ce4d39;border-right: none!important;} .sticky-share .go-share span{background: url(../images/go-icon.png) 50% 50% no-repeat;} .sticky-share .go-share:hover{background: #e9513c;} .sticky-share .share-mail{width: 25px;height:18px;background: url(../images/envelope-sprite.png) left top no-repeat;text-indent: -9999!important;display: block;} .sticky-share .share-mail:hover{background: url(../images/envelope-sprite.png) left bottom no-repeat;} .comment-section{margin:50px 0 0 0;padding:50px 0;border-top: 1px solid #e9eaed;} .comment-section h4{margin:0 0 10px;} .comment-section #new_comment{margin: 10px 0 75px 0;} .close_form{float:right;font-size: 13px;} label{color: #666;font-size: 15px;margin: 0 0 5px 0;} .comment-name{width: 45%;float: left;} .comment-name input{width: 100%;} .comment-email{width: 50%;float: right;} .comment-email input{width: 100%;} .comment-name input, .comment-email input{border: 1px solid #e7e7e7;height: 42px;padding: 0 10px;color: #666666;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .comment-text{width: 100%;clear: both; padding: 20px 0;} .comment-text textarea{width: 100%; border: 1px solid #e7e7e7;height: 82px;padding: 10px;color: #666666;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .comment-submit{width: 150px;} .comment-submit input{width: 100%; cursor: pointer;border: 1px solid #e7e7e7;color:#888888;background:#fff;height: 50px;font-size: 15px;text-transform: uppercase;padding: 0 25px;font-weight: 300;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;} .comment-submit input:hover{background: none;border: 1px solid #000;color: #000;} #comment_saved p{color:#3da8ff; font-size: 30px; margin:50px 0;} .mod{margin:20px 0 0 0;color: #3da8ff;} .comment{margin:0;padding: 0;} #author{width: 100%;} #author h5{float: left;} #author strong{float:left;margin:0 10px;} #author span{float:left;font-size: 9px;display: block;line-height: 22px;} #author a{float:left;font-size: 10px; line-height: 22px; text-decoration: none;} #author a:hover{text-decoration: underline;} .comment_content{padding:0 0 20px 0;margin:0 0 20px 0;clear: both;border-bottom: 1px solid #e9eaed; } .comment_content p{font-size: 15px!important; padding:0!important;margin:0!important;} .replies{margin: 0 0 0 20px;} .reply-item h5{font-size: 14px!important;} .reply-item p{font-size: 13px!important;} .reply-item form{margin:10px 0 25px 0;padding-bottom: 25px;border-bottom:1px solid #e9eaed; } .blog-bg .experts{margin:0 0 50px 0;} .blog-bg .expert{padding:35px 0;min-height: 200px;border-bottom: 1px solid #e3e3e3;} .blog-bg .expert h3{float: left;margin:0 0 10px 0;} .blog-bg .expert a.web-link{float: right;} .blog-bg .expert .expert-text{clear: both;} .blog-bg .expert .expert-text ol{margin-left: 25px;} .blog-bg .expert .expert-text ul{margin-left: 20px;} .blog-bg .expert img{float:right;margin: 5px 0 0 10px;} .blog-bg h2.experts{margin:0!important;} .blog-bg .expert h3:hover img{} .blog-bg .expert .expert-text .tweet{float:left;} .blog-bg .best-column{display: inline-block;width: 33%;margin:30px 0;} .blog-bg .best-column ol{margin: 10px 0 10px 22px!important;} .blog-bg .results{display: inline-block;width: 100%;} .blog-bg .results strong{display:block;text-transform: uppercase;text-align: center;font-size: 45px;font-weight: bold;margin:0 0 30px 0;font-family: 'Roboto', sans-serif;color: #747474;} .blog-bg .results h2{font-size: 26px!important;text-align: center;} .blog-bg .results p{text-align: center;} .blog-bg .results ol{margin: 10px auto 50px auto;width: 320px;} .blog-bg .results ol.design-resources{width: 335px!important;} .blog-bg .results ol.design-resources span{float:right;} .blog-bg .results ol.design-resources h5{padding:0 0 0 19px;} .blog-bg .results ol li{padding: 0 0 5px 19px;}} .results li span::before{content: " - "} .more{display: none;} .showLink, .hideLink{color: #888!important;font-size: 13px!important;margin:0 0 0 20px;position: relative;} .arrow-down{position:absolute;top:7px;right:-14px;width: 0; height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #888;} .showLink:hover, .hideLink:hover{color: #2e3138!important;text-decoration: none!important;} .showLink:hover span{border-top: 5px solid #2e3138;} .blog-bg-yellow .share-btns a{border-right: 25px solid #ffffe7!important;} .expert{position: relative;} .expert .share-this{display:none; position: absolute;bottom:0;left:0;width: 100%;} .expert:hover .share-this{display: block} .share-this p{float:left;padding-right: 20px;} .share-this ul{list-style-type: none;} .share-this ul li{display: inline-block;margin-right: 10px;} .share-this ul li a{ text-indent: -9999px; width:75px; height:28px; display: block; opacity: 0.8; } .share-this a.share-this-twitter{ background: url(../images/share-btns-sprite.png) 0 0 no-repeat; } .share-this a.share-this-facebook{ background: url(../images/share-btns-sprite.png) 0 -28px no-repeat; } .share-this a.share-this-linkedin{ background: url(../images/share-btns-sprite.png) -75px 0 no-repeat; } .share-this a.share-this-google{ background: url(../images/share-btns-sprite.png) -75px -28px no-repeat; } .share-this a.share-this-twitter:hover, .share-this a.share-this-facebook:hover, .share-this a.share-this-linkedin:hover, .share-this a.share-this-google:hover{opacity: 1;} .share-this a.share-this-twitter:active, .share-this a.share-this-facebook:active, .share-this a.share-this-linkedin:active, .share-this a.share-this-google:active{opacity: 0.7;} /* ### Blog Promo ### */ .promo-slide{position: fixed;right:-180px;top:200px;padding:10px 0;margin:0;background: #2e3138;border: 8px solid #2f9df6;border-right: none;max-width: 250px;display: none;} .promo-slide:hover{right: 0;} .promo-content{padding-right: 20px;padding-left:20px;} .promo-content h4{color:#fff!important; font-weight: bold!important;} .promo-content p{ margin: 0!important;color: #fff!important;font-size: 14px!important;background: url('../images/blue-border.png') repeat-x 0 50%; text-align: center;} .promo-content p span{background: #2e3138;padding:0 8px;} .promo-content a{color:#3da8ff!important;font-size: 14px!important;text-align: center;display: block;} .promo-slide hr{border-color: #2f9df6; color: #2f9df6; background: #2f9df6; margin:20px 0;} /* .close{position: absolute;top:-9px;left:-9px;background: url(../images/cross-small.png) no-repeat;width: 15px;height: 15px;display: block;text-indent: -9999px;transition:0.5s;} .close-text a{text-align: center;display: block;} */ /* ### footer container ### */ #footerCntr { overflow: hidden; width: 100%; background: #2e3138 url(../images/pointer8.png) no-repeat center 0; padding-top: 100px; } #footerCntr.sub { background: #2e3138 url(../images/pointer10.png) no-repeat center 0; } #footerCntr.sub1 { background: #2e3138; } #footerCntr.sub2 { background: #2e3138 url(../images/pointer2.png) no-repeat center 0; } #footerCntr .top { overflow: hidden; text-align: center; } #footerCntr .top a.facebook { float: left; background: url(../images/facebook-hover.png) no-repeat 0px -500px; background-size: 100% 100%; } #footerCntr .top a.facebook:hover img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; } #footerCntr .top a.facebook:hover { background-position: 0px 0px; } #footerCntr .top a.twitter { float: right; background: url(../images/twitter-hover.png) no-repeat 0px -500px; background-size: 100% 100%; } #footerCntr .top a.twitter:hover img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; } #footerCntr .top a.twitter:hover { background-position: 0px 0px; } #footerCntr .news { display: inline-block; width: 370px; padding: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float:left; } #footerCntr .news h3 { font-size: 19px; color: #292929; padding: 10px 0 25px; font-weight: normal; } #footerCntr .news h3 span { font-weight: 600; display: inline; } #footerCntr .news fieldset { border: none; background: #2e3138; padding: 5px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #footerCntr .news input.field { float: left; width: 295px; padding: 0 10px; line-height: 34px; background: none; border: none; line-height: 34px; height: 34px; color: #fff; } #footerCntr .news input.button { float: left; width: 33px; height: 35px; border: none; cursor: pointer; background: url(../images/icon23.png) no-repeat left 0px; } #footerCntr .news input.button:hover { background-position: left -70px; } #footerCntr .starts { /*padding: 0 25px 35px 0; float: right;*/clear:both;} #footerCntr .logo { padding-bottom: 20px; text-align: center; } #footerCntr .logo img { display: inline; width: 16%;} #footerCntr .project { padding-bottom: 50px; text-align: center; } #footerCntr .project a { display: inline-block; padding: 0 20px 0 20px; line-height: 50px; background: #fff; font-size: 18px; text-decoration: none; text-transform: uppercase; color: #2e3138; position: relative; } #footerCntr .project a:after { content: ""; position: absolute; top: 0; right: -25px; width: 0; height: 0; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 25px 0 25px 25px; } #footerCntr .project a:hover { background: #61bd59; color: #fff; } #footerCntr .project a:hover:after { border-color: transparent transparent transparent #61bd59;} #footerCntr h3 { text-align: center; font-size: 37px; color: #fff; font-weight: normal; padding-bottom: 40px; background: url(../images/logo_very_small.png) no-repeat center bottom; } #footerCntr h3 span { font-size: 16px; display: block; } #footerCntr .see-you{clear: both; margin:0 0 50px 0;} #footerCntr .bot { background: #202227; padding: 20px 0; } #footerCntr .bot p { font-size: 16px; color: #fff; text-align: center;} #footerCntr .bot p a { color: #fff; text-decoration: none; } #footerCntr .bot p span{padding:0 10px;font-weight: bold;} #footerCntr .bot p a:hover { text-decoration: none; color: #61bd59; } #liveChat { position: fixed; bottom: 10px; right: 10px; z-index: 1000; } #liveChat .inner { position: relative; } #liveChat a.status { background: #0093df url(../images/icon24.png) no-repeat right; line-height: 40px; display: inline-block; padding: 0 50px 0 20px; color: #fff; font-weight: bold; font-size: 16px; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #liveChat .popup { display: none; position: absolute; bottom: 40px; right: 0; background: #fff; width: 290px; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2); } #liveChat .popup .title { width: 100%; height: 80px; background: url(../images/bg3.png) no-repeat; } #liveChat .popup strong { display: block; padding: 28px 0 0 25px; font-size: 16px; color: #fff; } #liveChat .popup .editor { width: 100%; position: relative; } #liveChat:hover .popup { display: block; } /* ### thanks popup container ### */ #thanksPopup { } #thanksPopup .overlay { position: fixed; top: 0; left: 0; min-height: 100%; height: auto!important; height: 100%; min-width: 100%; width: auto!important; width: 100%; z-index: 2000; background: rgba(0,0,0,0.3); } #thanksPopup .popup { z-index: 2001; width: 820px; position: absolute; top: 40px; left: 50%; margin-left: -410px; background: #fff url(../images/logo_watermark2.png) no-repeat left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #thanksPopup .popup .inner { padding: 20px; position: relative; text-align: center; } #thanksPopup a.close { position: absolute; top: 20px; right: 20px; } #thanksPopup .logo { padding: 10px 0 20px; } #thanksPopup .logo img { display: inline; } #thanksPopup .content { max-width: 610px; margin: 0 auto; } #thanksPopup h2 { color: #888888; font-size: 28px; font-weight: 600; margin-bottom: 15px; } #thanksPopup p { font-size: 15px; line-height: 24px; color: #888888; padding-bottom: 20px; } #thanksPopup h3 { color: #888888; font-size: 20px; font-weight: 600; margin-bottom: 15px; margin-top: 20px; } #thanksPopup p.news { font-size: 13px; } #thanksPopup p a { color: #696969; text-decoration: none; font-weight: bold; } #thanksPopup fieldset { border: none; padding-bottom: 30px; } #thanksPopup .field { display: inline-block; width: 80%; border: 2px solid #c0c9d0; padding: 5px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #thanksPopup .field input { padding-left: 60px; background: url(../images/icon13.png) no-repeat; line-height: 37px; height: 37px; border: none; font-size: 16px; font-weight: 600; width: 100%; color: #889097; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #thanksPopup ::-webkit-input-placeholder { color: #889097; } #thanksPopup :-moz-placeholder { color: #889097; } #thanksPopup ::-moz-placeholder { color: #889097; } #thanksPopup :-ms-input-placeholder { color: #889097; } #thanksPopup input.button { margin-left: 10px; display: inline-block; height: 50px; width: 80px; border: 2px solid #c0c9d0; background: #fff; cursor: pointer; font-size: 16px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #thanksPopup input.button:hover { background: #a7a7a7; color: #fff; } .vat-explained{text-align: left;} .vat-explained tr:first-child{background: #61bd59;color: #fff;} .vat-explained td{padding: 2px 5px;} .vat-explained strong{font-size: 14px;} .vat-explained a{font-family: 'Source Sans Pro', sans-serif;font-size: 13px;color: #747474;text-decoration: none;} .vat-explained a:hover{text-decoration: underline;} .help-vat .icon{margin: 16px 0 0 16px!important;} #orderstepCntr .help-vat .dropdown{bottom: -2px;left: -107px;} .help-vat span{text-align:center!important;} .vattt{float:right!important;margin-top: 10px!important;width: 45%!important;} #thanksPopup .popup{top:700px!important;} #thanksPopup .content{max-width:100%!important;} /* CSS3 Animations */ a, .toolsBox .clientarea .dropdown,#workCntr .project, .button{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } strong, strong .button-big,.start-now,#footerCntr .project a{transition:0;} strong .button-big:hover,#footerCntr .project a:hover,.start-now:hover{ -moz-animation:bounceNow .2s linear; -webkit-animation:bounceNow .2s linear; } @-moz-keyframes bounceNow { 0%{ opacity:0.2;} 25%{ opacity:0.4;} 50%{ opacity:0.6;} 75%{ opacity:0.8;} 100%{ opacity:1;} } @-webkit-keyframes bounceNow { 0%{ opacity:0.2;} 25%{ opacity:0.4;} 50%{ opacity:0.6;} 75%{ opacity:0.8;} 100%{ opacity:1;} } /* Responsiveness */ @media only screen and (max-width: 1030px) { .menuBox li { font-size: 16px; padding: 0px 10px; } } @media only screen and (max-width: 1023px) { .center { padding: 0 20px; } .toolsBox { right: 20px; } #headerCntr .logo { float: none; width: 100%; text-align: center; padding-top: 80px; text-align: center; } #headerCntr .logo img { display: inline-block; } #headerCntr.service .top { height: auto; background-position: center bottom; } .ups ul{margin: 0;} .ups ul li { width: 100%;} .ups ul li span{background: none; text-align: center; padding-left: 0;} .weBox { float: none; width: 100%; padding-top: 10px; } .weBox.service { width: 60%; } #headerCntr.service .HQ-image{display: none;} #whyCntr .text { width: 60%; } #howCntr .text { } #whyCntr object{width: 100%; height: 400px; margin-bottom: 50px;} #packageCntr .center { padding: 30px 20px; } .sidebar { width: 35%; } .whatBox .video { float: none; width: 100%; } .whatBox .video .mejs-container { margin: 0 auto; } .whatBox .about { float: none; width: 100%; margin-top: 20px; } .serviceBox .service { width: 48%; } .serviceBox .service div.buttons { display: block !important; } #workCntr .project a.view { display: block !important; } #workCntr .holder { padding: 0 20px; } #standardsCntr .standard { width: 40%; margin: 0 5% 20px 5%; } #standardsCntr .logo{padding-bottom: 10px;} #standardsCntr .standard.last { margin-right: 5%; } #aboutCntr .col { width: 46%; margin: 0 2%; } #aboutCntr .map { width: 100%; margin-top: 40px; } #aboutCntr .google-map { width: 100%!important;} #testimonialsCntr .testimonial { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; overflow: hidden; text-align: left; } #testimonialsCntr .content { overflow: hidden; } #testimonialsCntr h3 { background-position: 20px bottom; } #testimonialsCntr a.read { float: right; } #qouteCntr .field { float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #qouteCntr .field.mail { float: none; margin-top: 25px; } #qouteCntr .upload ul.desktop { display: none; } #qouteCntr .selectTablet { position: relative; margin: 8px 0 0 15px; display: block; float: left; background: #c0c9d0 url(../images/dots.png) no-repeat 8px 6px; padding: 0 10px 0 25px; height: 32px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #qouteCntr .selectTablet span { cursor: pointer; display: block; line-height: 32px; color: #fff; font-size: 16px; font-weight: 600; } #qouteCntr .selectTablet .dropdown { position: absolute; bottom: 20px; left: -25px; display: none; padding-bottom: 20px; } #qouteCntr .selectTablet .dropdown .pointer { padding-bottom: 15px; background: url(../images/pointer9.png) no-repeat center bottom; z-index: 100; margin-top: -2px; } #qouteCntr .selectTablet .dropdown ul { list-style: none; width: 185px; padding: 5px; border: 2px solid #c0c9d0; background: #fff; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #qouteCntr .selectTablet .dropdown li { border-bottom: 2px solid #c0c9d0; font-size: 16px; font-weight: 600; } #qouteCntr .selectTablet .dropdown li a { display: block; text-align: center; color: #797d81; text-decoration: none; line-height: 46px; } #qouteCntr .selectTablet .dropdown li:last-child { border-bottom: 0; } #qouteCntr .selectTablet:hover .dropdown { display: block; } #contactCntr .left { float: none; width: 100%; } #contactCntr .right { float: none; width: 100%; } #contactCntr .upload ul.desktop { display: none; } #orderstepCntr .upload ul.desktop { display: none; } #orderstepCntr .selectTablet { position: relative; margin: 8px 0 0 15px; display: block; float: left; background: #c0c9d0 url(../images/dots.png) no-repeat 8px 6px; padding: 0 10px 0 25px; height: 32px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #orderstepCntr .selectTablet span { cursor: pointer; display: block; line-height: 32px; color: #fff; font-size: 16px; font-weight: 600; } #orderstepCntr .selectTablet .dropdown { position: absolute; bottom: 20px; left: -25px; display: none; padding-bottom: 20px; } #orderstepCntr .selectTablet .dropdown .pointer { padding-bottom: 15px; background: url(../images/pointer9.png) no-repeat center bottom; z-index: 100; margin-top: -2px; } #orderstepCntr .selectTablet .dropdown ul { list-style: none; width: 185px; padding: 5px; border: 2px solid #c0c9d0; background: #fff; -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #orderstepCntr .selectTablet .dropdown li { border-bottom: 2px solid #c0c9d0; font-size: 16px; font-weight: 600; } #orderstepCntr .selectTablet .dropdown li a { display: block; text-align: center; color: #797d81; text-decoration: none; line-height: 46px; } #orderstepCntr .selectTablet .dropdown li:last-child { border-bottom: 0; } #orderstepCntr .selectTablet:hover .dropdown { display: block; } #couponSingleCntr .right strong.discount { font-size: 45px; } #knowledgeCntr .filter li a { font-size: 13px; } #knowledgeSingleCntr .left { width: 65%; } #knowledgeSingleCntr .right { width: 30%; } #knowledgeSingleCntr .demo { width: 100%; } #orderstepCntr .steps li { margin-bottom: 20px; } #orderstepCntr .continue .col { width: 50%; border-bottom: 1px dashed #959595; height: 120px; } #orderstepCntr .continue .col.last { border-right: 1px dashed #959595; } #orderstepCntr .continue .center { padding: 0; } #orderstepCntr .options .left { width: 70%; } #orderstepCntr .options .right { width: 28%; } #orderstepCntr .free li { padding-left: 50px; } #portfolioCntr .centercontent { padding: 0 25px; width: 70%; } #portfolioCntr .holder { float: left; width: 30%; } #portfolioCntr .left { width: 100%; float: none; margin-bottom: 20px; } #portfolioCntr .right { width: 100%; float: none; } #testiCntr .left { float: none; width: 100%; margin-bottom: 20px; } #testiCntr .right { float: none; width: 100%; } #thanksPopup .popup { left: 0; margin-left: 0; width: 100%; } #couponCntr li { float: none; margin-right: 0; width: 100%; } #orderstepCntr .continue-holder{position: relative!important;} } @media only screen and (max-width: 880px) { #wrapper { padding-top: 74px; } .menuBox li { display: none; } .menuBox li.logoSmall { display: block; } #headerCntr {min-height: 0;} #headerCntr .logo img { width: 280px; } #headerCntr .top { position: relative; z-index: 50; } .menuBox { position: fixed; top: 0; left: 0; z-index: 9999; } .menuBox .topArrow { display: none; } .menuBox li { display: none; } .menuBox li.logoSmall { display: block; } #whyCntr object{height:240px;} .toolsBox { display: none; } .clientToolsBox .info, .clientToolsBox .clientName {display: none;} #workCntr p.work-intro, #standardsCntr p.standard-intro, #testimonialsCntr header p, #orderCntr header p, #qouteCntr header p, #contactCntr header p, #couponCntr p.discount-intro,#orderstepCntr .top p{width: 70%;} .menuBox li.logoSmall { width: 104px; margin: 0 auto; } .mobileMenu { display: block; position: fixed; left: 0; top: 0;width: 100%; z-index: 9999; } .mobileMenuTrigger { z-index: 101; float: right; margin-right: 20px; } .mobileMenu .inner { position: relative; padding-top: 20px; } .mobileMenu .details { display: none; width: 100%; position: absolute; top: 0; left: 0; background: #2e3138; } .mobileMenu .clientLang { background: #39a24b; position: relative; z-index: 100; } .mobileMenu .toolsBox { display: block; position: static; width: 100%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mobileMenu .toolsBox .language { float: right; } .mobileMenu .toolsBox .clientarea { padding-bottom: 0; } .mobileMenu .toolsBox .clientarea .dropdown { left: -20px; top:30px; } .mobileMenu .mid { height: 80px; position: relative; text-align: center; } .mobileMenu .mid img.logoSmall { display: inline-block; margin-top: -10px; } .mobileMenu .mobileMenuTriggerClose { position: absolute; top: 20px; right: 20px; } .mobileMenu ul.menu { list-style: none; overflow: hidden; } .mobileMenu ul.menu li { float: left; width: 50%; text-align: center; font-size: 17px; text-transform: uppercase; margin-bottom: 20px; } .mobileMenu ul.menu li a { text-decoration: none; color: #797d83; text-decoration: none; } .mobileMenu ul.menu li a:hover { color: #fff; } /*.mobileMenu .inner:hover .details { display: block; }*/ #headerCntr .logo { padding-top: 25px; } #headerCntr.service .weBox { padding-top: 20px; } #headerCntr .clientarea{display: none!important;} a.client-login-btn { display: block; } a.client-login-btn:hover { background: #000 url(../images/icon1_hover.png) no-repeat 8px!important; color: #fff!important; } #orderstepCntr .step2-block{width: 95%;} } @media only screen and (max-width: 767px) { .weBox p { line-height: 20px; padding-bottom: 15px; } .serviceBox .service { min-height: 700px; } .serviceBox .buttons a { margin-bottom: 10px; } .serviceBox h3 { font-size: 19px; } #workCntr .left { float: none; width: 100%; } #workCntr .right { float: none; width: 100%; } #workCntr .project-big { height: auto; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; background-position: center center; display: inline-block; } #workCntr .right { padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #workCntr .text { padding-top: 30px; padding-right: 0; } #standardsCntr .standard { margin-bottom: 20px; } #footerCntr .social { overflow: hidden; margin-bottom: 20px; } #footerCntr .news{float: none;} #footerCntr .starts { float: none; margin:90px auto 0 auto;} #orderCntr .orderInfo { min-height: inherit; } #orderCntr .icon {min-height: inherit; } #orderCntr .icon img { width: 100%; } #orderCntr .read { margin-top: 20px; } #couponSingleCntr .top .right { float: none; width: 100%; } #couponSingleCntr .top .left { position: static; float: none; width: 100%; } #couponSingleCntr .start a { font-size: 17px; } #couponSingleCntr .field { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #knowledgeCntr .filter { display: none; } #knowledgeCntr .filterSelect { text-align: center; display: block; position: relative; z-index: 150; } #knowledgeCntr .filterSelect span.selected { cursor: pointer; display: block; padding: 0 40px 0 10px; background: url(../images/icon26.png) no-repeat right; padding: 5px; border: 2px solid #fff; font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 600; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #knowledgeCntr .filterSelect ul { display: none; border: 2px solid #fff; list-style: none; width: 100%; background: #61bd5a; position: absolute; top: 32px; left: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #knowledgeCntr .filterSelect li { font-size: 14px; color: #fff; text-transform: uppercase; } #knowledgeCntr .filterSelect li a { color: #fff; text-decoration: none; display: block; padding: 5px 0; } #knowledgeCntr .filterSelect li a:hover { background: #fff; color: #61bd5a; } #knowledgeCntr .filterSelect:hover ul { display: block; } #knowledgeCntr .search { width: 100%; } #knowledgeCntr .field { width: 77%; } #knowledgeCntr .bot a { display: block; background-position: 0 8px; } .pagingBox a.prev { margin-bottom: 20px; } .pagingBox a.next { margin-bottom: 20px; } .pagingBox .controls { overflow: hidden; } #knowledgeSingleCntr .left { width: 100%; float: none; } #knowledgeSingleCntr .right { width: 100%; float: none; margin-top: 30px; } #orderstepCntr .steps li { float: none; width: 100%; margin-right: 0; text-align: center; margin-bottom: 10px; } #orderstepCntr .steps li .icons { display: block; float: none; text-align: center; margin-right: 0; } #orderstepCntr .steps li .line { float: none; display: inline-block; width: 2px; height: 20px; margin-top: 10px; } #orderstepCntr .free .col { width: 100%; float: none; } #orderstepCntr .options .left { float: none; width: 100%; } #orderstepCntr .options .right { display: none; } #orderstepCntr .field { float: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #orderstepCntr .field.mail { float: none; margin-top: 25px; } #orderstepCntr .field.pass { float: none; margin-top: 25px; } #orderstepCntr .summary ul.list li label { font-size: 13px; } #orderstepCntr .summary .part2 em { font-size: 13px; } #orderstepCntr .summary .part2 small.num { letter-spacing: 2px; margin-left: 5px; } #orderstepCntr .summary .field { margin-top: 20px; } #orderstepCntr .summary .row { margin-bottom: 0; } #orderstepCntr .summary .holder { float: none; width: 100%; } #orderstepCntr .summary .holder .field { width: 100%!important; } #orderstepCntr .summary .holder1 { float: none; width: 100%; } #orderstepCntr .summary .holder1 .field, #orderstepCntr .summary .holder1 .field.country { width: 100%!important; } #knowledgeCntr p br { display: none; } #portfolioCntr .holder { float: none; width: 100%; } #portfolioCntr .centercontent { display: none; } #portfolioCntr .centercontent.mobile { display: block; float: none; width: 100%; padding: 0; } .sidebar { display: none; } .sidebar.mobile { display: block; width: 100%; position: static; } .weBox.service { width: 100%; } #whyCntr .text { width: 100%; } #whyCntr .map { float: none; } #howCntr .text { width: 100%; } #howCntr li { width: 100%; } #packageCntr .center { background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .sidebar .inner { padding: 10px; background: #f6f7fb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #packageCntr .text { width: 100%; } #packageCntr a.start { position: relative; top: 0px; right: 0px; display: inline-block; margin-top: 20px; } .startBox .title { display: none; } #copyrightCntr ol li span { float: none; width: 100%; } #copyrightCntr ol li p { float: none; width: 100%; } #thanksPopup .field { width: 100%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #thanksPopup input.button { margin-left: 0; width: 100%; margin-top: 10px; } } @media only screen and (max-width: 479px) { #headerCntr .logo{padding-top: 35px;} .weBox{padding-top: 20px;} .weBox h1{display: none;} .weBox p{padding-bottom: 40px;} .weBox strong.button-wrap a.button-big { font-size: 12px; } #whatCntr .center { padding: 0 0; } #headerCntr .top { background-position: -400px 0; } .serviceBox { padding: 30px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #whyCntr object{height: 175px;} .serviceBox .service { float: none; width: 100%; margin: 0 0 60px 0; min-height: 450px; } #workCntr p.work-intro, #standardsCntr p.standard-intro, #testimonialsCntr header p, #orderCntr header p, #qouteCntr header p, #contactCntr header p, #couponCntr p.discount-intro, #orderstepCntr .top p{width: 90%;} #workCntr .phone {width:328px; margin: 0 auto; } #workCntr .right { padding-bottom: 30px; } #workCntr .project { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; } #standardsCntr .standard { width: 100%; margin: 0; min-height: inherit; margin-bottom: 40px; } #aboutCntr .col { width: 100%; margin: 0 0 20px 0; } #orderCntr .orderInfo { float: none; width: 100%; margin-right: 0; min-height: inherit; margin-bottom: 20px; } #orderCntr .icon img { width: auto; } #qouteCntr .arrow { display: none; } #qouteCntr .upload { height: auto; padding-bottom: 5px; } #qouteCntr .upload .design { border-bottom: 2px solid #c0c9d0; padding-bottom: 5px; float: none; display: block; } #qouteCntr .selectTablet { float: none; margin: 0 auto; display: block; width: 110px; } #qouteCntr .files .file { margin-bottom: 10px; } #qouteCntr .slide { width: auto; } #contactCntr .arrow { display: none; } #contactCntr .upload { height: auto; padding-bottom: 5px; } #contactCntr .upload .design { border-bottom: 2px solid #fff; padding-bottom: 5px; float: none; display: block; } #contactCntr .selectTablet { float: none; margin: 0 auto; display: block; width: 110px; } #contactCntr .slide { width: auto; } #orderstepCntr .arrow { display: none; } #orderstepCntr .upload { height: auto; padding-bottom: 5px; } #orderstepCntr .upload .design { border-bottom: 2px solid #c0c9d0; padding-bottom: 5px; float: none; display: block; } #orderstepCntr .selectTablet { float: none; margin: 0 auto; display: block; width: 110px; } #orderstepCntr .files .file { margin-bottom: 10px; } #footerCntr .top a.facebook img { width: 100px; } #footerCntr .top a.twitter img { width: 92px; } #footerCntr .news { width: 100%; margin-top: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #footerCntr .news h3 { font-size: 17px; } #footerCntr .news input.field { width: 75%; } #liveChat { bottom: 7px; } #liveChat a.status { padding: 0 40px 0 10px; font-size: 14px; } #footerCntr .bot p { font-size: 12px; } #footerCntr .project a{font-size: 16px;} #couponSingleCntr .right strong.discount { font-size: 40px; } #couponSingleCntr .right span { font-size: 17px; } #couponSingleCntr .bot h3 { font-size: 20px; } #couponSingleCntr .start a { font-size: 15px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; } #portfolioCntr .top .category{float: left;margin: 60px 0 0 0;width: 100%;} #couponSingleCntr .bot h4 { font-size: 25px; } #knowledgeCntr .field { width: 64%; } #knowledgeCntr p{width: 90%;} #knowledgeCntr .bot td { padding: 5px; } .pagingBox .controls { overflow: hidden; } .pagingBox a.prev { font-size: 10px; line-height: 30px; padding: 0 10px; } .pagingBox a.next { font-size: 10px; line-height: 30px; padding: 0 10px; } #knowledgeSingleCntr .socialButtons img { margin-bottom: 10px; } #orderstepCntr .bot h3 { font-size: 20px; } #orderstepCntr .bot p { font-size: 13px; padding: 0 5px; } #orderstepCntr .continue .col, #orderstepCntr .continue .col.last { float: none; width: 100%; border-right: 0; } #orderstepCntr .help .dropdown{width:91%;position: fixed;bottom:55px;left: 0;z-index: 99999999999; background: #2e3138;border-radius: 0;padding:15px;} #orderstepCntr .help .dropdown span{text-align: center;} #orderstepCntr .options .line label { font-size: 13px; } #orderstepCntr .options .row { padding: 20px; } #orderstepCntr .buttons .holder { float: none; width: 100%; } #orderstepCntr .buttons a { float: none; display: block; } #orderstepCntr .summary ul.list li label { padding: 0 12px; } #orderstepCntr .summary .part1 { padding: 10px; } #orderstepCntr .summary .part2 { padding: 10px; } #orderstepCntr .summary .part2 .code { padding: 0 12px; } #orderstepCntr .summary .group p { font-size: 12px; } #orderstepCntr .step2-block{width: 90%;} #popupCntr .links li { margin-bottom: 10px; } #popupCntr .links li a { font-size: 16px; } #whyCntr .map .website { margin-left: 0; left: 0; background: #61bd59; padding: 10px 0; } .clientToolsBox { display: none; } .clientToolsBox.mobile { display: block; position: static; float: right; padding-right: 20px; } #headerCntr.service .menuBox { top: 0; } #testiCntr a.website { display: block; float: none; text-align: center; margin-bottom: 20px; } #testiCntr .title { background-position: center bottom; padding-left: 0; } #testiCntr .title h3 { float: none; text-align: center; } #testiCntr .top { text-align: center; } #testiCntr .top ul.np li { float: none; display: inline-block; } #testiCntr .top ul.np { float: none; width: 100%; overflow: hidden; } #testiCntr .top a.type { display: inline-block; float: none; margin-top: 20px; } #couponCntr li .expired { padding-bottom: 10px; } #couponCntr li .expired .percent { width: 100px; } #couponCntr li .coupon1 { padding-bottom: 10px; } #couponCntr li .coupon1 .photo { float: none; width: 100%; } #couponCntr li .coupon1 .text { float: none; width: 100%; } } .animated { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceInRight { 0% { opacity: 0.5; -webkit-transform: translateX(-3000px); } 50% { opacity: 0.8; } 80% { opacity: 1; -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0.5; transform: translateX(-3000px); } 50% { opacity: 0.8; } 80% { opacity: 1; transform: translateX(10px); } 100% { transform: translateX(0); } } /* .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } */