body { background:#cecece; color:#000000; margin:0; padding:0; font-size:18px; font-family:museo, arial, sans-serif; }
form, fieldset { margin:0; padding:0; border-width:0; }
input, select, textarea { font-family:arial, serif; font-size:12px; color:#1b5688; resize:none }
input:focus, select:focus, textarea:focus { outline: none; }
input[type=text], input[type=password], textarea { -webkit-appearance: none; appearance: none; }
table { border-spacing:0; }
td, th { padding:0; }
img {vertical-align:bottom; }
a img {border-width:0; }
a { color:#000000; text-decoration:none; }
a:hover { text-decoration:none; }
.text a:hover { text-decoration:underline; }
.none {display:none; }
.columns {width:100%;overflow:hidden;}
.clear {clear: both;}
* { margin-top:0; margin-bottom:0; }

#cookie { min-width:1060px; background-color:white; height:41px; border-bottom:1px solid #dddddd; font-family:Trebuchet MS, arial, sans-serif; }
#cookie .content {  }
#cookie p.note { width:955px; color:#acacac; font-size:12px; line-height:41px; }
#cookie p.note a { color:#acacac; text-decoration:underline; }
#cookie p.note a:hover { text-decoration:none; }
#cookie p.close { position:absolute; top:11px; right:20px; }
#cookie p.close a { display:block; width:10px; height:10px; padding:5px; text-indent:-10000px; background:url(../images/cookies-close.png) no-repeat 50% 50%; }

.all { min-width:1060px; position:relative; width:100%; overflow:hidden; }
section { background-color:white; }
.content { width:1020px; margin:0 auto; position:relative; }


header { background-color:white;}
header > .content { z-index:98; overflow:hidden; background:white;  box-shadow: 0 9px 5px -4px rgba(0, 0, 0, 0.3);}
header .logo { padding:18px 0 35px 0; float:left; font-size:10px; line-height:10px; }
nav.menu { float:left; }
nav.menu ul { margin:0; padding:52px 20px 0 22px; overflow:hidden; }
nav.menu ul li { padding:0 0 12px 0; position:relative; list-style:none; float:left; margin-left:50px; font-size:16px; line-height:16px; white-space:nowrap; }
nav.menu ul li:hover { font-weight:bold; }
nav.menu ul li:hover:after { content:" "; position:absolute; width:100%; height:2px; bottom:0; left:4px; background:url(../images/dots-menu.png) repeat-x; }
nav.menu ul li:hover::after { content:" "; position:absolute; width:100%; height:2px; bottom:0; left:4px; background:url(../images/dots-menu.png) repeat-x; }
nav.menu ul li a { color:#363636; }
header p.contact-number { padding:0 0 0 20px; margin:50px 1px 0 0; position:relative; float:right; font-size:23px; line-height:24px; color:#f28c22; font-weight:bold; }
header p.contact-number:before { content:" "; position:absolute; width:14px; height:21px; top:0; left:0; background:url(../images/telephone-contact.png) no-repeat 0 0; }
header p.contact-number::before { content:" "; position:absolute; width:14px; height:21px; top:0; left:0; background:url(../images/telephone-contact.png) no-repeat 0 0; }


.banner { height:530px; color:white; background-color:#041644; background-position:50% 0; background-repeat:no-repeat; background-image: url(../images/banner-bg.jpg)}
.banner a { color:white; }

.slider-banner { position:relative; width:100%; height:530px; }
.slider-banner:after { content:" "; position:absolute; width:30px; height:14px; bottom:0; left:50%; margin-left:15px; background:url(../images/banner-triangle.png) no-repeat 0 0; }
.slider-banner::after { content:" "; position:absolute; width:30px; height:14px; bottom:0; left:50%; margin-left:15px; background:url(../images/banner-triangle.png) no-repeat 0 0; }
.slider-banner ul.list { width:100%; height:100%; margin:0; padding:0; position:relative; }
.slider-banner ul.list > li { display:none; position:absolute; top:0; left:0; width:100%; list-style:none; }
.slider-banner ul.list > li:first-child { display:block; }
.slider-banner ul.list > li .text-col { float:left; width:480px; padding:65px 20px 0 0; }
.slider-banner ul.list > li .text-col .text { width:430px; font-size:15px; line-height:23px; min-height:138px; max-height:138px; overflow:hidden; }
.slider-banner ul.list > li .text-col .text p { margin:23px 0; }
.slider-banner ul.list > li .text-col h2 { max-height:138px; overflow:hidden; margin:13px 0 0 0; font-size:36px; line-height:46px; }
.slider-banner ul.list > li .text-col ul { margin:23px 0; padding:0; overflow:hidden; }
.slider-banner ul.list > li .text-col ul li { position:relative; list-style:none; padding:0 0 0 27px; }
.slider-banner ul.list > li .text-col ul li:before { content:" "; position:absolute; width:14px; height:16px; top:4px; left:0; background:url(../images/check.png) no-repeat 0 0; }
.slider-banner ul.list > li .text-col ul li::before { content:" "; position:absolute; width:14px; height:16px; top:4px; left:0; background:url(../images/check.png) no-repeat 0 0; }
.slider-banner ul.list > li p.image { position:relative; right:-5px; padding:65px 0 0 0; float:left; width:520px; }
.slider-banner ul.list > li p.text-button { padding-top:18px; }
.slider-banner ul.list > li p.text-button a { display:inline-block; padding:0 30px 0 37px; font-size:31px; line-height:74px; color:white; font-weight:bold; background:url(../images/text-button.png) repeat-x; border-radius:15px; }
.slider-banner ul.list > li p.text-button a:hover { background-position:left bottom; }
.slider-banner ul.list > li.second p.image { padding:22px 0 0 0; left:-126px; }
.slider-banner ul.list > li.third p.image { padding:0; top:-57px; left:-1px;}

.slider-banner ul.nav-arrows { width:100%; margin:0; height:0; padding:0; position:relative; }
.slider-banner ul.nav-arrows li { list-style:none; position:absolute; top:185px; z-index:1; }
.slider-banner ul.nav-arrows li a { width:63px; height:120px; display:block; text-indent:-10000px; }
.slider-banner ul.nav-arrows li.prev { left:-117px; }
.slider-banner ul.nav-arrows li.prev a { background:url(../images/banner-arrow-left.png) no-repeat 0 0; }
.slider-banner ul.nav-arrows li.next { right:-235px; }
.slider-banner ul.nav-arrows li.next a { background:url(../images/banner-arrow-right.png) no-repeat 0 0; }
.slider-banner ul.nav-arrows li a:hover { background-position:left bottom; }

.slider-banner ol.navigation { height:21px; position:absolute; bottom:39px; left:0; margin:0; padding:0; overflow:hidden; }
.slider-banner ol.navigation li { list-style:none; float:left; margin-left:9px; border:4px solid transparent; border-radius:1000px; }
.slider-banner ol.navigation li:first-child { margin-left:0; }
.slider-banner ol.navigation li a { display:block; width:13px; height:13px; border-radius:1000px; text-indent:-10000px; background-color:white; }
.slider-banner ol.navigation li.active { border-color:white; background-color:white; }
.slider-banner ol.navigation li.active a { background-color:#f59134; }



.why-worth { padding:45px 0 0 0; }
.why-worth h2 { margin-bottom:8px; text-align:center; font-size:36px; line-height:36px; color:#333333; }
.why-worth p.heading { padding-bottom:30px; position:relative; width:634px; margin:0 auto; text-align:center; font-size:20px; line-height:20px; color:#acacac; }
.why-worth p.heading:after { content:" "; position:absolute; width:100%; height:2px; bottom:0; left:0; background:url(../images/why-worth-dots.png) repeat-x 0 0; }
.why-worth p.heading::after { content:" "; position:absolute; width:100%; height:2px; bottom:0; left:0; background:url(../images/why-worth-dots.png) repeat-x 0 0; }
.why-worth p.heading em.color { color:#333333; font-style:normal; }

.why-worth p.text-button { text-align:center; }
.why-worth p.text-button a { padding:0 31px; display:inline-block; line-height:54px; color:white; font-size:23px; font-weight:bold; background:url(../images/text-button-h54.png) repeat-x; border-radius:10px; }
.why-worth p.text-button a:hover { background-position:left bottom; }

.slider-benefits .nav-arrows { display:none; }

ul.benefits { margin:0 0 50px 0; padding:0; overflow:hidden; }
ul.benefits li { float:left; width:210px; list-style:none; text-align:center; margin-left:60px; }
ul.benefits li:first-child { margin-left:0; }
ul.benefits li p.image { height:122px; line-height:122px; padding:18px 0; }
ul.benefits li p.image img { vertical-align:middle; }
ul.benefits li h3 { margin-bottom:30px; font-size:24px; line-height:29px; color:#333333; padding: 0 15px; }
ul.benefits li .text { padding:0 2px; font-size:18px; line-height:21px; color:#6f6f6f; }
ul.benefits li .text a { color:#6f6f6f; }
ul.benefits li .text *:first-child { margin-top:0; }
ul.benefits li .text *:last-child { margin-bottom:0; }
ul.benefits li .text p { margin:21px 0; }
ul.benefits li .text ul, ul.benefits li .text ol { margin:21px 0; }




.section2 { position:relative; background:white url(../images/sample-projects-bg.jpg) no-repeat 50% 126px; }
.section2:after { content:" "; position:absolute; width:1094px; height:528px; bottom:0; left:50%; margin-left:-780px; background:url(../images/sample-projects-lines-bg.png) no-repeat 0 0; }
.section2::after { content:" "; position:absolute; width:1094px; height:528px; bottom:0; left:50%; margin-left:-780px; background:url(../images/sample-projects-lines-bg.png) no-repeat 0 0; }

.sample-projects { padding:35px 0 0 0; }
.sample-projects h2 { margin-bottom:18px; font-size:47px; line-height:47px; color:#acacac; font-weight:normal; text-align:center; }
.sample-projects h2:after { content:" "; display:inline-block; margin-left:15px; vertical-align:middle; width:37px; height:40px; background:url(../images/sample-projects-icon.png) no-repeat 0 0; }
.sample-projects h2::after { content:" "; display:inline-block; margin-left:15px; vertical-align:middle; width:37px; height:40px; background:url(../images/sample-projects-icon.png) no-repeat 0 0; }
.sample-projects h2 strong { font-weight:bold; }
.sample-projects p.heading { margin-bottom:65px; text-align:center; font-size:18px; line-height:18px; color:#acacac; }
.sample-projects p.heading em.color { color:#061644; font-style:normal; }

ul.projects { height:586px; width:777px; margin:0 auto; position:relative; z-index:1; padding:0 0 20px 0; }
ul.projects li { position:absolute; display:none; top:0; left:0; list-style:none; text-align:center; }
ul.projects li:first-child { display:block; }
ul.projects li p.image { margin:0 auto 28px auto; width: 706px; background: transparent url(../images/comp.png) no-repeat center top; height: 384px; padding-top: 30px; }
ul.projects li p.image a { display: block; width: 531px; height: 332px; overflow: hidden; margin: 0 auto; }
ul.projects li h3.website { position:relative; width:615px; padding:0 10px 14px; margin:0 auto 10px; font-size:28px; line-height:28px; color:#333333; }
ul.projects li h3.website:after { content:" "; position:absolute; width:100%; height:2px; bottom:0; left:0; background:url(../images/why-worth-dots.png) repeat-x 0 0; }
ul.projects li h3.website::after { content:" "; position:absolute; width:100%; height:2px; bottom:0; left:0; background:url(../images/why-worth-dots.png) repeat-x 0 0; }
ul.projects li .text { max-height:78px; overflow:hidden; width:615px; padding:0 10px; margin:0 auto; font-size:18px; line-height:21px; color:#6f6f6f; }
ul.projects li .text a { color:#6f6f6f; }
ul.projects li .text *:first-child { margin-top:0; }
ul.projects li .text p { margin-bottom:15px; }
ul.projects li .text ul, ul.projects li .text ol { margin-bottom:15px; }
ul.projects li .links { overflow:hidden; margin-bottom:20px; }
ul.projects li .links p { position:relative; display:inline-block; padding:0; margin-left:3px; font-size:13px; line-height:13px; }
ul.projects li .links p:before { content:" "; display:inline-block; width:1px; margin:0 6px; height:7px; background:#d5d5d5; }
ul.projects li .links p::before { content:" "; display:inline-block; width:1px; margin:0 6px; height:7px; background:#d5d5d5; }
ul.projects li .links p:first-child { margin-left:0; }
ul.projects li .links p:first-child:before { display:none; }
ul.projects li .links p:first-child::before { display:none; }
ul.projects li .links p a { color:#7b7b7b; padding-left:20px; background:url(../images/links-before.png) no-repeat 6px 1px; }
ul.projects li .links p a:hover { text-decoration:underline; }

.popup-full-description { display:none; width:809px; box-shadow:0 0 50px rgba(0,0,0,.2); padding:10px; border-radius:10px; text-align:center; background-color:white; position:absolute; z-index:100; top:0; left:50%; margin-left:-405px; }
.popup-full-description.active { display:block; }
.popup-full-description .popup-content { padding:16px 0; position:relative; width:803px; border:3px solid #f0f0f0; border-radius:10px; }
.popup-full-description .popup-content .text {  }
.popup-full-description p.image { margin:0 auto 28px auto; width: 706px; background: transparent url(../images/comp.png) no-repeat center top; height: 384px; padding-top: 30px; }
.popup-full-description h3.website { position:relative; width:615px; padding:0 10px 14px; margin:0 auto 10px; font-size:28px; line-height:28px; color:#333333; }
.popup-full-description h3.website:after { content:" "; position:absolute; width:100%; height:2px; bottom:0; left:0; background:url(../images/why-worth-dots.png) repeat-x 0 0; }
.popup-full-description h3.website::after { content:" "; position:absolute; width:100%; height:2px; bottom:0; left:0; background:url(../images/why-worth-dots.png) repeat-x 0 0; }
.popup-full-description .text { text-align:left; width:615px; padding:0 10px; margin:0 auto; font-size:18px; line-height:21px; color:#6f6f6f; }
.popup-full-description .text a { color:#6f6f6f; }
.popup-full-description .text *:first-child { margin-top:0; }
.popup-full-description .text p { margin-bottom:15px; }
.popup-full-description .text ul, ul.projects li .text ol { margin-bottom:15px; }
.popup-full-description p.close { position:absolute; top:6px; right:8px; z-index:5; }
.popup-full-description p.close a { display:block; width:12px; height:13px; padding:5px; text-indent:-10000px; background:url(../images/send-message-close.png) no-repeat 50% 50%; }

.slider-projects ul.nav-arrows { z-index:2; width:100%; margin:0; height:0; padding:0; position:relative; }
.slider-projects ul.nav-arrows li { list-style:none; position:absolute; top:158px; }
.slider-projects ul.nav-arrows li a { width:70px; height:83px; display:block; text-indent:-10000px; }
.slider-projects ul.nav-arrows li.prev { left:104px; }
.slider-projects ul.nav-arrows li.prev a { background:url(../images/projects-arrow-left.png) no-repeat 0 0; }
.slider-projects ul.nav-arrows li.prev a:hover { background:url(../images/projects-arrow-left-yellow.png) no-repeat 0 0; }
.slider-projects ul.nav-arrows li.next { right:104px; }
.slider-projects ul.nav-arrows li.next a { background:url(../images/projects-arrow-right.png) no-repeat 100% 0; }
.slider-projects ul.nav-arrows li.next a:hover { background:url(../images/projects-arrow-right-yellow.png) no-repeat 100% 0; }


.section3 { min-height:231px; background:#f59520 url(../images/try-it-bg.jpg) no-repeat 50% 0; }
.section3 .content:before { content:" "; position:absolute; width:18px; height:9px; top:0; left:50%; margin-left:-9px; background:url(../images/triangle-top.png) no-repeat 0 0; }
.section3 .content::before { content:" "; position:absolute; width:18px; height:9px; top:0; left:50%; margin-left:-9px; background:url(../images/triangle-top.png) no-repeat 0 0; }
.section3 .content:after { content:" "; position:absolute; width:249px; height:188px; bottom:-126px; left:88px; background:url(../images/paper-plane.png) no-repeat 0 0; }
.section3 .content::after { content:" "; position:absolute; width:249px; height:188px; bottom:-126px; left:88px; background:url(../images/paper-plane.png) no-repeat 0 0; }

.try-it { padding:37px 0 0 0; color:white; position:relative; text-shadow:0 1px 0 #f14c05; }
.try-it a { color:white; }
.try-it .text-col { width:690px; position:relative; z-index:1; }
.try-it .text-col h2 { margin-bottom:14px; font-size:35px; line-height:35px; font-weight:normal; }
.try-it .text-col h2:before { content:" "; position:absolute; width:30px; height:20px; top:5px; left:-40px; background:url(../images/try-it-heading-arrows.png) no-repeat 0 0; }
.try-it .text-col h2::before { content:" "; position:absolute; width:30px; height:20px; top:5px; left:-40px; background:url(../images/try-it-heading-arrows.png) no-repeat 0 0; }
.try-it .text-col h2:after { content:" "; display:block; width:419px; height:1px; margin-top:12px; background:#f8ba64; }
.try-it .text-col h2::after { content:" "; display:block; width:419px; height:1px; margin-top:12px; background:#f8ba64; }
.try-it .text-col .text { width:580px; padding-bottom:83px; font-size:14px; line-height:16px; }
.try-it .text-col .text *:first-child { margin-top:0; }
.try-it .text-col .text *:last-child { margin-bottom:0; }
.try-it .text-col .text p { margin:16px 0; }
.try-it .text-col .text ul, .try-it .text-col .text ol { margin:16px 0; font-size:14px; line-height:16px; }
.try-it .text-col p.text-button { position:absolute; right:-90px; top:100px; }
.try-it .text-col p.text-button a { background-color: normal; background-image: url(); background-repeat: repeat-x; background-position: left top; display:inline-block; padding:0 31px; font-size:24px; font-weight:bold; color:white; border-radius:10px; line-height:54px; background:url(../images/text-button-blue-h54.png) repeat-x; }
.try-it .text-col p.text-button a:hover { background-position:left bottom; }

.try-it p.image { position:absolute; top:-37px; right:8px; width:299px; height:299px; border-radius:1000px; overflow:hidden; text-align:center; }
.try-it p.image:after { content:" "; position:absolute; width:104px; height:78px; top:202px; left:128px; background:url(../images/paper-plane-smaller.png) no-repeat 0 0; }
.try-it p.image::after { content:" "; position:absolute; width:104px; height:78px; top:202px; left:128px; background:url(../images/paper-plane-smaller.png) no-repeat 0 0; }
.try-it p.image img { border-radius:1000px; vertical-align:middle; }



.section4 { background-color:#efefef; padding:150px 0 20px 0;}

.top-functions { padding-top:30px;  }
.top-functions h2 { margin-bottom:2px; font-size:47px; line-height:47px; font-weight:normal; color:#acacac; }
.top-functions h2:after { content:" "; display:inline-block; margin-left:15px; vertical-align:middle; width:37px; height:39px; background:url(../images/top-functions-icon.png) no-repeat 0 0; }
.top-functions h2::after { content:" "; display:inline-block; margin-left:15px; vertical-align:middle; width:37px; height:39px; background:url(../images/top-functions-icon.png) no-repeat 0 0; }
.top-functions p.heading { margin-bottom:30px; font-size:17px; line-height:17px; color:#acacac; }

ul.functions { margin:0 0 15px 0; padding:0; }
ul.functions > li { position:relative; padding:40px 65px 18px 65px; margin-top:9px; list-style:none; border:2px solid #dfdede; min-height:120px; border-radius:10px; }
ul.functions > li:before { content:" "; position:absolute; width:20px; height:12px; top:-2px; left:50%; margin-left:-10px; background:url(../images/functions-triangle-top.png) no-repeat 0 0; }
ul.functions > li::before { content:" "; position:absolute; width:20px; height:12px; top:-2px; left:50%; margin-left:-10px; background:url(../images/functions-triangle-top.png) no-repeat 0 0; }
ul.functions > li:after { content:" "; position:absolute; width:20px; height:12px; bottom:-2px; left:50%; margin-left:-10px; background:url(../images/functions-triangle-bottom.png) no-repeat 0 0; }
ul.functions > li::after { content:" "; position:absolute; width:20px; height:12px; bottom:-2px; left:50%; margin-left:-10px; background:url(../images/functions-triangle-bottom.png) no-repeat 0 0; }
ul.functions > li:first-child { margin-top:0; }
ul.functions > li > p.image { padding-top:12px; position:absolute; left:65px; width:110px; height:120px; line-height:120px; text-align:center; overflow:hidden; }
ul.functions > li > p.image img { vertical-align:top; }
ul.functions > li > .text-col { padding-top:13px; width:735px; margin-left:155px; }
ul.functions > li > .text-col h3.title { position:relative; margin-bottom:20px; font-size:24px; line-height:24px; color:#333333; }
ul.functions > li > .text-col h3.title a { position:relative; }
ul.functions > li > .text-col h3.title a:before { content:" "; position:absolute; width:13px; height:8px; top:9px; left:-28px; background:url(../images/functions-arrow.png) no-repeat 0 0; }
ul.functions > li > .text-col h3.title a::before { content:" "; position:absolute; width:13px; height:8px; top:9px; left:-28px; background:url(../images/functions-arrow.png) no-repeat 0 0; }
ul.functions > li > .text-col .text { width:635px; color:#6f6f6f; font-size:15px; line-height:18px; }
ul.functions > li > .text-col .text a { color:#6f6f6f; }
ul.functions > li > .text-col .text *:first-child { margin-top:0; }
ul.functions > li > .text-col .text p { margin-bottom:20px; }
ul.functions > li > .text-col .text ul, ul.functions > li > .text-col .text ol { margin:20px 0; }

ul.images-list { width:635px; position:relative; margin:0; padding:17px 0 0 0; overflow:hidden; }
ul.images-list:before { content:" "; position:absolute; width:100%; height:2px; top:0; left:0; background:url(../images/dots-on-grey.png) repeat-x 0 0; }
ul.images-list::before { content:" "; position:absolute; width:100%; height:2px; top:0; left:0; background:url(../images/dots-on-grey.png) repeat-x 0 0; }
ul.images-list li { list-style:none; float:left; margin:0 25px 10px 0; }
ul.images-list li a { position:relative; width:124px; height:94px; line-height:94px; text-align:center; overflow:hidden; display:block; border:3px solid #333333; border-radius:10px; }
ul.images-list li a img { vertical-align:middle; border-radius:10px; }
ul.images-list li a:hover:after { content:" "; position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/functions-zoom.png) no-repeat 50% 50%; }
ul.images-list li a:hover::after { content:" "; position:absolute; width:100%; height:100%; top:0; left:0; background:url(../images/functions-zoom.png) no-repeat 50% 50%; }



.trusted-us { padding-top:40px; }
.trusted-us h2 { margin-bottom:2px; font-size:47px; line-height:47px; font-weight:normal; color:#acacac; }
.trusted-us h2:after { content:" "; display:inline-block; margin-left:15px; vertical-align:middle; width:37px; height:39px; position:relative; top:-5px; background:url(../images/clients-icon.png) no-repeat 0 0; }
.trusted-us h2::after { content:" "; display:inline-block; margin-left:15px; vertical-align:middle; width:37px; height:39px; position:relative; top:-5px; background:url(../images/clients-icon.png) no-repeat 0 0; }
.trusted-us p.heading { margin-bottom:30px; font-size:17px; line-height:17px; color:#acacac; }

.clients { padding-top:82px; position:relative; }
.clients ul { position:relative; text-align:center; width:1050px; margin:0 0 0 -25px; padding:0 0 0 0; background:url(../images/clients-plus.png) repeat-y 196px -60px; }
.clients ul.active:after { display:none; }
.clients ul.active::after { display:none; }
.clients ul:before { z-index:2; content:" "; position:absolute; width:1000px; height:100px; bottom:80px; left:0; background:white; }
.clients ul::before { z-index:2; content:" "; position:absolute; width:1000px; height:100px; bottom:80px; left:0; background:white; }
.clients ul:after { content:" "; position:absolute; width:692px; height:249px; bottom:100px; left:196px; background: url(../images/plus-bg-white.png) no-repeat 0 0; }
.clients ul::after { content:" "; position:absolute; width:692px; height:249px; bottom:100px; left:196px; background: url(../images/plus-bg-white.png) no-repeat 0 0; }
.clients ul li { z-index:3; top:-57px; margin-bottom:35px; position:relative; list-style:none; display:inline-block; padding:4px; margin-left:25px; }
.clients ul li .a { position:relative; display:block; width:177px; height:177px; line-height:177px; border-radius:1000px; background:url(../images/clients-circles.png) no-repeat; text-align:center; }
.clients ul li .a span.holder { display:inline-block; vertical-align:middle; width:165px; height:165px; line-height:165px; border-radius:1000px; }
.clients ul li .a img { vertical-align:middle; }
.clients ul li .a:hover { background:none; width:165px; height:165px; margin:6px; line-height:165px; }
.clients ul li .a:hover span.holder { background:#868686; }
.clients ul li .a:hover:before { content:" "; position:absolute; width:154px; height:183px; top:-9px; left:-9px; background:url(../images/clients-frame.png) no-repeat 0 0; } 
.clients ul li .a:hover::before { content:" "; position:absolute; width:154px; height:183px; top:-9px; left:-9px; background:url(../images/clients-frame.png) no-repeat 0 0; } 
.clients ul.center { text-align:center; }
.clients ul.center li { display:inline-block; }



.section5 .content { position:relative; }
.section5 .content:after { z-index:2; content:" "; position:absolute; width:1188px; height:1599px; top:18px; left:124px; background:url(../images/clients-lines-bg.png) no-repeat 0 0; }
.section5 .content::after { z-index:2; content:" "; position:absolute; width:1188px; height:1599px; top:18px; left:124px; background:url(../images/clients-lines-bg.png) no-repeat 0 0; }

.contact-box { z-index:10; position:relative; bottom:-95px; margin-top:-95px; }
.contact-box > h2 { text-align:center; margin-bottom:60px; font-size:32px; line-height:32px; color:#9f9f9f; font-weight:normal; }

.contact-form { z-index:11; position:absolute; left:-29px; top:62px; text-shadow:0 1px 0 black; }
.contact-form form { height:337px; width:439px; background:#6b6b6b url(../images/contact-form-bg.png) no-repeat 0 0; border-radius:10px 10px 0 0; color:white; }
.contact-form form:before { content:" "; position:absolute; width:; height:; top:; left:; background: no-repeat 0 0; }
.contact-form form::before { content:" "; position:absolute; width:; height:; top:; left:; background: no-repeat 0 0; }
.contact-form form:after { content:" "; position:absolute; width:439px; height:36px; top:100%; left:0; background:url(../images/contact-form-bottom.png) no-repeat 0 0; }
.contact-form form::after { content:" "; position:absolute; width:439px; height:36px; top:100%; left:0; background:url(../images/contact-form-bottom.png) no-repeat 0 0; }
.contact-form form h3.title { width:300px; font-size:27px; line-height:32px; margin-bottom:40px; } 
.contact-form form a { color:white; }
.contact-form fieldset { padding:27px 0 0 0; width:373px; margin:0 auto; }
.contact-form fieldset:after { content:" "; position:absolute; width:23px; height:23px; top:44px; right:44px; background:url(../images/contact-form-icon.png) no-repeat 0 0; }
.contact-form fieldset::after { content:" "; position:absolute; width:23px; height:23px; top:44px; right:44px; background:url(../images/contact-form-icon.png) no-repeat 0 0; }
.contact-form .input-text { position: relative; height: 36px; margin-bottom:27px; }
.contact-form .input-text.error input { box-shadow:inset 0 0 4px 1px #c00000; }
.contact-form .input-text label { display:inline-block; width:74px; padding-right:10px; font-size:15px; line-height:15px; vertical-align:middle; }
.contact-form .input-text input { font-family:museo, arial, sans-serif; width:253px; display:inline-block; padding:12px 13px 10px 13px; font-size:13px; line-height:18px; color:black; background-color:#e3e3e3; border-width:0; }
	.contact-form .input-text input::-webkit-input-placeholder { color: #a4a4a4; }
	.contact-form .input-text input:-moz-placeholder {color: #a4a4a4; }
 	.contact-form .input-text input::-moz-placeholder { color: #a4a4a4; }
 	.contact-form .input-text input:-ms-input-placeholder { color: #a4a4a4; }
 	.contact-form .input-text input::placeholder { color: #a4a4a4; }
 	.contact-form .input-text input::input-placeholder { color: #a4a4a4; }
.contact-form .input-text .error-message { left: 280px; top: 0; position: absolute; background-color: #c00000; width: 230px; padding: 5px 10px; font-size: 12px; text-shadow: none; border-radius: 8px; }
.contact-form p.button { text-align:center; padding-top:19px; }
.contact-form p.button input { font-family:museo, arial, sans-serif; display:inline-block; height:43px; padding:0 30px 2px 30px; border-width:0; border-radius:10px; font-size:18px; font-weight:bold; color:white; background:url(../images/button-h43.png) repeat-x; }
.contact-form p.button input:hover { cursor:pointer; background-position:left bottom; }
.contact-form.send .send-message { display:block; }

.send-message { z-index: 101; display:none; position:absolute; left: 0; width: 100%; top:135px; width: 100%; }
.send-message-border { margin: 0 auto; box-shadow:0 0 350px rgba(0,0,0,.6); text-align:center; width: 603px;  background-color:white; width:609px; padding:10px; border-radius:10px; z-index:100; text-shadow:none; font-family:museo, arial, sans-serif; }
body > .send-message { display: block; }
.send-message .message-content { padding:16px 0; position:relative; width:603px; border:3px solid #f0f0f0; border-radius:10px; margin: 0 auto; }
.send-message .message-content p.close { position:absolute; top:6px; right:8px; }
.send-message .message-content p.close a { display:block; width:12px; height:13px; padding:5px; text-indent:-10000px; background:url(../images/send-message-close.png) no-repeat 50% 50%; }
.send-message .message-content h2 { margin:20px 0 10px; font-size:24px; line-height:29px; color:#979797; font-weight:normal; }
.send-message .message-content h2 strong.color { display:block; color:#f18d20; }

.contact-col-holder { z-index:1; position:relative; margin-left:200px; padding-right:10000px; min-height:541px; background:#eeeeee url(../images/map.png) no-repeat 0 0; }
.contact-col-holder:after { content:" "; position:absolute; width:495px; height:188px; bottom:3px; left:11px; background:url(../images/paper-plane-contact.png) no-repeat 0 0; }
.contact-col-holder::after { content:" "; position:absolute; width:495px; height:188px; bottom:3px; left:11px; background:url(../images/paper-plane-contact.png) no-repeat 0 0; }
.contact-col { padding:33px 0 0 0; width:495px; padding-left:260px; font-family:Trebuchet MS, arial, sans-serif; }
.contact-col h3.title { font-size:20px; margin-bottom:2px; line-height:25px; color:#f29e1b; }
.contact-col .contact-data { position:relative; }
.contact-col .contact-data a { text-decoration:none; }
.contact-col .contact-data a:hover { text-decoration:underline; }
.contact-col .contact-data:after { content:" "; position:absolute; width:100%; height:2px; bottom:0; left:0; background:url(../images/why-worth-dots.png) repeat-x 0 0; }
.contact-col .contact-data::after { content:" "; position:absolute; width:100%; height:2px; bottom:0; left:0; background:url(../images/why-worth-dots.png) repeat-x 0 0; }
.contact-col .contact-data p { font-size:14px; line-height:25px; }
.contact-col .contact-data dl { font-size:14px; line-height:25px; margin:0 0 18px; padding:0 0 20px; overflow:hidden; }
.contact-col .contact-data dl dt { float:left; margin-right:5px; }
.contact-col .contact-data dl dd { margin:0; padding:0; }
.contact-col p.note { margin-bottom:18px; font-size:14px; line-height:15px; color:#383838; }
.contact-col p.description { font-size:13px; line-height:16px; color:#383838; }

#layer { background: transparent url(/js/fancybox/fancybox_overlay.png); position: fixed; display: none; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; }


footer { position:relative; background:#bfbfbf url(../images/footer-bg.jpg) no-repeat 50% 0; height:200px; font-family:Trebuchet MS, arial, sans-serif; }
footer p.rights { z-index:10; position:relative; padding:132px 4px 0 0; font-size:13px; line-height:13px; text-align:right; }
footer p.rights a.logo-bottom { position:relative; top:-6px; margin-right:17px; display:inline-block; vertical-align:middle; }









@media all and (max-width:1060px){
	#cookie { height:30px; min-width:768px; }
	#cookie p.note { line-height:29px; font-size:9px; width:700px; }
	#cookie p.close { top:6px; }
	#cookie p.close a { background-size:auto 8px; }

	.all { min-width:768px; }
	.content { width:736px; }

	nav.menu ul { padding-top:35px; padding-left:10px; }
	nav.menu ul li { font-size:11px; margin-left:38px; }
	header p.contact-number { margin-top:30px; margin-right:10px; font-size:16px; }
	header p.contact-number:before { top:3px; width:11px; height:16px; background-size:11px 16px; }
	header p.contact-number::before { top:3px; width:11px; height:16px; background-size:11px 16px; }
	header .logo { padding:12px 0 25px 0; }
	header .logo img { height:45px; width:auto; }

	.banner { height:378px; }
	.slider-banner { height:378px; }
	.slider-banner:after { background-size:auto 11px; bottom:-3px; }
	.slider-banner::after { background-size:auto 11px; bottom:-3px; }
	.slider-banner ul.list > li .text-col { padding-top:43px; width:350px; }
	.slider-banner ul.list > li .text-col h2 { font-size:26px; line-height:32px; }
	.slider-banner ul.list > li .text-col .text { width:350px; font-size:11px; min-height:96px; max-height:96px; line-height:16px; }
	.slider-banner ul.list > li .text-col .text p { margin:16px 0; }
	.slider-banner ul.list > li .text-col .text ul, .slider-banner ul.list > li .text-col .text ol { margin:16px 0; }
	.slider-banner ul.list > li .text-col ul li:before { background-size:auto 14px; }
	.slider-banner ul.list > li .text-col ul li::before { background-size:auto 14px; }
	.slider-banner ul.list > li p.image { padding-top:45px; width:300px; }
	.slider-banner ul.list > li p.image img { height:300px; width:auto; }
	.slider-banner ul.list > li.second p.image { left:0; top:20px; }
	.slider-banner ul.list > li.third p.image { padding-top:90px; }
	.slider-banner ul.list > li p.text-button { padding-top:10px; }
	.slider-banner ul.list > li p.text-button a { font-size:22px; line-height:52px; padding:0 20px 0 26px; border-radius:10px; }
	
	.slider-banner ul.nav-arrows { display:none; }

	.slider-banner ol.navigation { bottom:22px; }
	.slider-banner ol.navigation li { border-width:3px; margin-left:8px; }
	.slider-banner ol.navigation li a { width:10px; height:10px; }



	.section2 { background-size:1068px auto; background-position:50% 100px; }
	.section2:after { background-size:auto 390px; background-position:200px 150px; }
	.section2::after { background-size:auto 390px; background-position:200px 150px; }

	.why-worth { padding-top:30px; }
	.why-worth h2 { font-size:25px; line-height:25px; }
	.why-worth p.heading { width:455px; font-size:14px; line-height:14px; padding-bottom:20px; }
	.why-worth p.heading:after { width:455px; }
	.why-worth p.heading::after { width:455px; }
	.why-worth p.text-button a { padding:0 22px; font-size:16px; line-height:39px; }

	ul.benefits { margin-bottom:22px; }
	ul.benefits li { width:150px; margin-left:45px; }
	ul.benefits li p.image { height:80px; line-height:80px; padding:13px 0; }
	ul.benefits li p.image img { height:80px; width:auto; }
	ul.benefits li h3 { font-size:17px; line-height:20px; margin-bottom:22px; }
	ul.benefits li .text { font-size:13px; line-height:15px; }

	.sample-projects { padding-top:22px; }
	.sample-projects h2 { font-size:34px; line-height:34px; margin-bottom:8px; }
	.sample-projects h2:after { height:30px; background-size:auto 30px; }
	.sample-projects h2::after { height:30px; background-size:auto 30px; }
	.sample-projects p.heading { font-size:13px; line-height:13px; margin-bottom:45px; }

	.slider-projects ul.nav-arrows li { top:110px; }
	.slider-projects ul.nav-arrows li.prev a { background-size:auto 54px; }
	.slider-projects ul.nav-arrows li.prev a:hover { background-size:auto 59px; }
	.slider-projects ul.nav-arrows li.next a { background-size:auto 54px; }
	.slider-projects ul.nav-arrows li.next a:hover { background-size:auto 59px; }
	
	ul.projects { width:700px; margin:0 auto; height:428px; }
	ul.projects li { width:100%; }
	ul.projects li p.image { margin-bottom:20px; }
	ul.projects li p.image a { width: 320px; height: 240px; }
	ul.projects li .text { width:435px; font-size:13px; line-height:15px; }
	ul.projects li h3.website { width:455px; font-size:20px; line-height:20px; padding-bottom:10px; margin-bottom:8px; }
	ul.projects li .links p { font-size:12px; line-height:12px; }
	ul.projects li p.image { width:700px; margin:0 auto 20px; height: 275px; padding-top: 15px; background-size: auto 290px; }
	ul.projects li p.image img { height:240px; width:auto; }

	.popup-full-description { width:609px; margin-left:-305px; }
	.popup-full-description .popup-content { width:603px; }
	.popup-full-description .popup-content .text {  }
	.popup-full-description p.image { width:550px; }
	.popup-full-description p.image img { width:550px; height:auto; }
	.popup-full-description h3.website { width:455px; }
	.popup-full-description .text { width:455px; }
	.popup-full-description p.image { margin-left:auto; margin-right:auto; }

	.section3 { min-height:165px; }
	.section3 .content:after { background-size:auto 134px; bottom:-143px; left:65px; }
	.section3 .content::after { background-size:auto 134px; bottom:-143px; left:65px; }

	.try-it { padding-top:26px; }
	.try-it .text-col { width:500px; }
	.try-it .text-col br { display:none; }
	.try-it .text-col h2 { font-size:25px; line-height:25px; margin-bottom:7px; }
	.try-it .text-col h2:after { width:300px; margin-top:8px; }
	.try-it .text-col h2::after { width:300px; margin-top:8px; }
	.try-it .text-col .text { width:460px; font-size:13px; line-height:15px; padding-bottom:52px; }
	.try-it p.image { width:214px; height:214px; right:0; top:-27px; }
	.try-it p.image img { width:214px; height:auto; }
	.try-it p.image:after { top:143px; left:91px; background-size:auto 56px; }
	.try-it p.image::after { top:143px; left:91px; background-size:auto 56px; }
	.try-it .text-col p.text-button { top:71px; right:-95px; }
	.try-it .text-col p.text-button a { font-size:17px; line-height:38px; padding:0 23px; }



	.section4 { padding-top:125px; }

	.top-functions h2 { font-size:36px; line-height:36px; margin-bottom:0; }
	.top-functions h2:after { height:28px; background-size:auto 28px; }
	.top-functions h2::after { height:28px; background-size:auto 28px; }
	.top-functions p.heading { font-size:12px; line-height:12px; margin-bottom:20px; }

	ul.functions > li { padding-top:25px; padding-bottom:10px; margin-top:6px; }
	ul.functions > li:before { background-size:14px auto; }
	ul.functions > li::before { background-size:14px auto; }
	ul.functions > li:after { background-size:14px auto; bottom:-6px; }
	ul.functions > li::after { background-size:14px auto; bottom:-6px; }
	ul.functions > li > p.image { left:32px; }
	ul.functions > li > p.image img { height:80px; width:auto; }
	ul.functions > li > .text-col { width:510px; margin-left:92px; }
	ul.functions > li > .text-col h3.title { font-size:17px; line-height:17px; margin-bottom:14px; }
	ul.functions > li > .text-col h3.title a:before { background-size:10px auto; left:-20px; top:6px; }
	ul.functions > li > .text-col h3.title a::before { background-size:10px auto; left:-20px; top:6px; }
	ul.functions > li > .text-col .text { width:450px; font-size:12px; line-height:15px; }
	ul.functions > li > .text-col .text p { margin-bottom:12px; }
	ul.functions > li > .text-col .text ul, ul.functions > li > .text-col .text ol { margin:12px 0; }

	ul.images-list { width:455px; padding-top:12px; }
	ul.images-list:before { width:455px; }
	ul.images-list::before { width:455px; }
	ul.images-list li { margin-right:17px; margin-bottom:7px;}
	ul.images-list li a { width:87px; height:66px; line-height:66px; }
	ul.images-list li a img { width:87px; height:66px; }
	ul.images-list li a:hover:after { background-size:auto 19px; }
	ul.images-list li a:hover::after { background-size:auto 19px; }

	.trusted-us { padding-top:26px; }
	.trusted-us h2 { font-size:34px; line-height:34px; }
	.trusted-us h2:after { height:28px; background-size:auto 28px; }
	.trusted-us h2::after { height:28px; background-size:auto 28px; }
	.trusted-us p.heading { font-size:15px; line-height:15px; margin-bottom:8px; }



	.section5 .content:after { left:90px; background-size:auto 1000px; }
	.section5 .content::after { left:90px; background-size:auto 1000px; }

	.clients ul { width:768px; background-size:502px auto; background-position:142px -60px; }
	.clients ul:after { background-size:510px auto; width:510px; left:138px; bottom:15px; }
	.clients ul::after { background-size:510px auto; width:510px; left:138px; bottom:15px; }
	.clients ul li { top:-57px; margin-bottom:23px; padding:4px; margin-left:19px; }
	.clients ul li a { width:126px; height:126px; line-height:126px; background:url(../images/clients-circles.png) no-repeat; background-size:127px 127px; }
	.clients ul li a span.holder { width:118px; height:118px; line-height:118px; }
	.clients ul li a span.holder img { width:90px; height:auto; }
	.clients ul li a:hover { width:118px; height:118px; margin:4px; line-height:118px; }
	.clients ul li a:hover:before { width:110px; height:130px; top:-6px; left:-6px; background:url(../images/clients-frame.png) no-repeat 0 0; background-size:auto 130px; } 
	.clients ul li a:hover::before { width:110px; height:130px; top:-6px; left:-6px; background:url(../images/clients-frame.png) no-repeat 0 0; background-size:auto 130px; } 

	.contact-box { bottom:-67px; }
	.contact-box > h2 { font-size:23px; line-height:23px; margin-bottom:40px; }

	.contact-form { top:42px; }
	.contact-form form { width:312px; height:243px; background-size:auto 243px; }
	.contact-form form fieldset { width:265px; padding-top:20px; }
	.contact-form fieldset:after { background-size:17px auto; top:30px; right:26px; }
	.contact-form fieldset::after { background-size:17px auto; top:30px; right:26px; }
	.contact-form form:after { background-size:312px auto; }
	.contact-form form::after { background-size:312px auto; }
	.contact-form form h3.title { width:auto; margin-bottom:27px; font-size:19px; line-height:23px; }
	.contact-form form .input-text { margin-bottom:19px; }
	.contact-form form .input-text label { width:50px; font-size:13px; line-height:13px; }
	.contact-form form .input-text input { width:174px; padding-top:6px; padding-bottom:6px; }
	.contact-form p.button { padding-top:0; }
	.contact-form p.button input { font-size:13px; height:30px; padding:0 15px; border-radius:6px; }

	.send-message-border { top:100px; width:409px; }
	.send-message .message-content { width:403px; }
	.send-message .message-content h2 { font-size:18px; line-height:24px; }

	.contact-col-holder { margin-left:135px; min-height:386px; }
	.contact-col-holder:after { height:134px; background-size:auto 134px; left:8px; bottom:2px; }
	.contact-col-holder::after { height:134px; background-size:auto 134px; left:8px; bottom:2px; }
	.contact-col { width:400px; padding-left:185px; padding-top:23px; }
	.contact-col h3.title { font-size:13px; line-height:18px; margin-bottom:0; }
	.contact-col .contact-data p { font-size:13px; line-height:18px; }
	.contact-col .contact-data dl { font-size:13px; line-height:18px; padding-bottom:15px; margin-bottom:12px; }
	.contact-col p.note { font-size:13px; line-height:15px; margin-bottom:13px; }

	footer { height:140px; }
	footer p.rights { padding-top:93px; font-size:9px; line-height:9px; }
	footer p.rights a.logo-bottom img { height:25px; width:auto; }
}




@media all and (max-width:768px){ 
#cookie { display:none; }

.all { min-width:320px; }
.content { width:320px; }

header .logo { padding-top:29px; padding-bottom:19px; }
header p.contact-number { float:none; position:absolute; top:46px; right:0; margin-top:0; }
	
nav.menu { clear:both; float:none; width:282px; margin:0 auto; }
nav.menu ul { text-align:center; padding:0; margin-bottom:15px; }
nav.menu ul li { margin:0 auto; padding-bottom:0; font-size:17px; line-height:17px; float:none; text-align:center; }
nav.menu ul li:hover:before { content:" "; position:absolute; width:100%; height:2px; top:0; left:4px; background:url(../images/dots-menu.png) repeat-x; }
nav.menu ul li:hover::before { content:" "; position:absolute; width:100%; height:2px; top:0; left:4px; background:url(../images/dots-menu.png) repeat-x; }
nav.menu ul li a { line-height:41px; }

.slider-banner::after { display:none; }
.slider-banner ul.list > li .text-col { width:100%; padding:33px 0 0 0; }
.slider-banner ul.list > li .text-col ul li { padding-left:20px; }
.slider-banner ul.list > li .text-col ul li::before { background-size:auto 12px; }
.slider-banner ul.list > li .text-col .text { width:100%; font-size:11px; line-height:18px; }
.slider-banner ul.list > li p.image { display:none; }

.why-worth { padding-top:17px; }
.why-worth h2 { position:relative; font-size:24px; line-height:24px; padding-bottom:12px; margin-bottom:11px; }
.why-worth h2::after { content:" "; position:absolute; width:100%; height:2px; bottom:0; left:0; background:url(../images/why-worth-dots.png) repeat-x 0 0; }
.why-worth p.heading { width:100%; font-size:13px; line-height:13px; }
.why-worth p.heading::after { display:none; }


.slider-benefits ul.nav-arrows { display:block; width:100%; margin:0; height:0; padding:0; position:relative; }
.slider-benefits ul.nav-arrows li { list-style:none; position:absolute; top:100px; z-index:1; }
.slider-benefits ul.nav-arrows li a { width:28px; height:49px; display:block; text-indent:-10000px; }
.slider-benefits ul.nav-arrows li.prev { left:25px; }
.slider-benefits ul.nav-arrows li.prev a { background:url(../images/benefits-arrows-left.png) no-repeat 0 0; }
.slider-benefits ul.nav-arrows li.next { right:25px; }
.slider-benefits ul.nav-arrows li.next a { background:url(../images/benefits-arrows-right.png) no-repeat 0 0; }
.slider-benefits ul.nav-arrows li a:hover { background-position:left bottom; }


ul.benefits { position:relative; height:300px; }
ul.benefits li { display:none; position:absolute; top:0; left:50%; margin-left:-75px; }
ul.benefits li h3 { padding-top:10px; }
ul.benefits li:first-child { display:block; margin-left:-75px; }

.section2::after { display:none; }

ul.projects { width:320px; height:345px; }
ul.projects li p.image { position:relative; width:320px; margin-bottom:28px; height: 180px; padding-top: 10px; background-size: auto 180px; }
ul.projects li p.image img { width:230px; height:144px; }
ul.projects li p.image a { width: 230px; height: 144px; }
ul.projects li p.image a::before { content:" "; position:absolute; width:57px; height:57px; top:50%; left:50%; margin-left:-29px; margin-top:-29px; border-radius:1000px; background:#ffb21e url(../images/zoom-white.png) no-repeat 50% 50%; }
ul.projects li h3.website { width:300px; padding-bottom:17px; margin-bottom:11px; }
ul.projects li .text { width:300px; }
ul.projects li .links p { font-size:13px; line-height:13px; letter-spacing:1px; }
ul.projects li .links p::before { height:25px; vertical-align:middle;}

.sample-projects { padding-top:30px; }
.sample-projects h2 { font-size:26px; line-height:26px; padding-bottom:8px; }
.sample-projects h2::after { display:none; }
.sample-projects p.heading { line-height:15px; margin-bottom:50px; }
.sample-projects p.heading em { font-size:15px; }

.slider-projects ul.nav-arrows li { top:50px; }
.slider-projects ul.nav-arrows li a { background-position:left bottom; }
.slider-projects ul.nav-arrows li.prev { left:12px; }
.slider-projects ul.nav-arrows li.prev a { background:url(../images/projects-arrow-left-yellow.png) no-repeat 0 0; background-size:auto 59px; }
.slider-projects ul.nav-arrows li.prev a:hover { background-size:auto 59px; }
.slider-projects ul.nav-arrows li.next { right:12px; }
.slider-projects ul.nav-arrows li.next a { background:url(../images/projects-arrow-right-yellow.png) no-repeat 100% 0; background-size:auto 59px;}
.slider-projects ul.nav-arrows li.next a:hover { background-size:auto 59px; }


.popup-full-description { width:300px; margin-left:-160px; }
.popup-full-description .popup-content { width:293px; }
.popup-full-description .popup-content .text {  }
.popup-full-description p.image { width:250px; }
.popup-full-description p.image img { width:250px; height:auto; }
.popup-full-description h3.website { font-size:20px; width:255px; }
.popup-full-description .text { width:255px; font-size:13px; line-height:15px; }
.popup-full-description p.image { margin-left:auto; margin-right:auto; }

.section3 { display:none; }

.section4 { padding-top:10px; border-top:6px solid #f59a1a; }

.top-functions h2 { font-size:33px; line-height:39px; padding-top:15px; margin-bottom:6px; }
.top-functions h2::after { display:none; }
.top-functions p.heading { font-size:13px; line-height:16px; }

ul.functions { margin-bottom:10px; }
ul.functions > li { padding:0 16px; margin-top:0; min-height:0; border-top-width:0; border-right-width:0; border-left-width:0; border-radius:0; }
ul.functions > li::before { display:none; }
ul.functions > li::after { display:none; }
ul.functions > li ul.images-list { display:none; }
ul.functions > li > p.image { display:none; }
ul.functions > li > .text-col { width:100%; margin-left:0; padding-top:0; }
ul.functions > li > .text-col h3.title { font-size:13px; line-height:13px; display:block; margin-bottom:11px; margin-left:0; padding-top:10px; }
ul.functions > li > .text-col h3.title a { color:#8c8c8c; }
ul.functions > li > .text-col h3.title a::before { width:10px; height:6px; top:5px; background:url(../images/functions-triangles-small.png) no-repeat; }
ul.functions > li > .text-col .text { display:none; font-size:13px; line-height:16px; }

ul.functions > li.active { padding:20px 16px 10px 16px; border-radius:10px; border:2px solid #dfdede; margin:8px 0; }
ul.functions > li.active > p.image { left:0px; top:27px; display:block; }
ul.functions > li.active > .text-col { width:100%; margin-left:0; padding-top:19px; }
ul.functions > li.active > .text-col h3.title { font-size:15px; line-height:18px; margin-left:100px; height:80px; padding-top:0; }
ul.functions > li.active > .text-col h3.title a { color:#333333; }
ul.functions > li.active > .text-col h3.title a::before { top:100%; left:0px; margin-top:10px; background-position:left bottom; }
ul.functions > li.active > .text-col .text { width:100%; display:block; }
ul.functions > li.active ul.images-list { display:block; margin-bottom:10px; }

ul.images-list { width:100%; padding-top:12px; }
ul.images-list:before { display:none; }
ul.images-list::before { display:none; }
ul.images-list li { margin-right:14px; margin-bottom:5px;}
ul.images-list li a { width:74px; height:56px; line-height:56px; }
ul.images-list li a img { width:74px; height:56px; }
ul.images-list li a:hover:after { background-size:auto 16px; }
ul.images-list li a:hover::after { background-size:auto 16px; }

.section5 { background-color:#efefef; }
.section5 .content::after { display:none; }


.trusted-us { margin-bottom:10px; padding-top:10px; }
.trusted-us h2 { font-size:33px; line-height:33px; }
.trusted-us p.heading { font-size:13px; line-height:15px; margin-bottom:22px; }

.clients { padding-top:0; }
.clients ul { width:100%; margin-left:-10px; background:url(../images/plus-mobile.png) 150px -27px repeat-y; }
.clients ul li { top:0; }
.clients ul::before { width:30px; height:60px; background:#EFEFEF; top:0; left:50%; margin-left:-11px; }
.clients ul::after { width:30px; height:60px; background:#EFEFEF; bottom:0; left:50%; margin-left:-11px; }

.contact-box { top:0; margin-top:0; }
.contact-box > h2 { width:320px; padding:24px 10000px 0; margin-left:-10000px; min-height:83px; font-size:21px; line-height:24px; text-align:left; background-color:white; margin-bottom:0; }
.contact-form { margin-bottom:65px; position:relative; top:0; left:0; }
.contact-form form { width:320px; border-radius:0; }
.contact-form form fieldset { position:relative; }
.contact-form form fieldset::before { z-index:1; content:" "; position:absolute; width:100px; height:56px; bottom:-100px; left:-10px; background:url(../images/paper-plane-contact.png) no-repeat 0 0; background-size:auto 56px; }
.contact-form fieldset::after { right:-7px; top:33px; }
.contact-form form::after { width:320px; background-size:320px auto; }
.contact-form form .input-text { margin-bottom:21px; }
.contact-form form h3.title { font-size:20px; line-height:24px; }
.contact-form p.button { padding-top:0 }
.contact-form .input-text .error-message { left: 70px; top: 30px; }
.send-message-border { left:-27px; top:100px; width:300px; }
.send-message .message-content { width:294px; }
.send-message .message-content h2 { font-size:14px; line-height:18px; }

.contact-col-holder { margin:0; width:100%; padding:100px 0 25px 0; min-height:0; margin-top:-100px; background-position:0 -200px; }
.contact-col-holder::after { display:none; }
.contact-col { width:100%; padding:0; }
.contact-col h3.title { line-height:19px; }
.contact-col .contact-data p { line-height:19px; }
.contact-col .contact-data dl { line-height:19px; padding-bottom:3px; }
.contact-col .contact-data::after { display:none; }
.contact-col p.note { line-height:16px; margin-bottom:16px; }
.contact-col p.description { line-height:16px; }

footer { height:75px; background:#eeeeee; }
footer p.rights { padding-top:20px; font-size:10px; line-height:10px; }
}