@font-face {
    font-family: 'calibrifont';
    src:url('../fonts/Calibri/calibri.eot');
    src: url('../fonts/Calibri/calibri.eot') format('embedded-opentype'),
         url('../fonts/Calibri/calibri.woff2') format('woff2'),
         url('../fonts/Calibri/calibri.woff') format('woff'),
         url('../fonts/Calibri/calibri.ttf') format('truetype'),
         url('../fonts/Calibri/calibri.svg#calibri') format('svg');
}
@font-face {
    font-family: 'calibrilight';
    src:url('../fonts/CalibriLight/calibrilight.eot');
    src: url('../fonts/CalibriLight/calibrilight.eot') format('embedded-opentype'),
         url('../fonts/CalibriLight/calibrilight.woff2') format('woff2'),
         url('../fonts/CalibriLight/calibrilight.woff') format('woff'),
         url('../fonts/CalibriLight/calibrilight.ttf') format('truetype'),
         url('../fonts/CalibriLight/calibrilight.svg#calibrilight') format('svg');
}

@font-face {
    font-family: 'CALIBRIBBOLD';
    src:url('../fonts/CalibriBold/CALIBRIB.eot');
    src: url('../fonts/CalibriBold/CALIBRIB.eot') format('embedded-opentype'),
         url('../fonts/CalibriBold/CALIBRIB.woff2') format('woff2'),
         url('../fonts/CalibriBold/CALIBRIB.woff') format('woff'),
         url('../fonts/CalibriBold/CALIBRIB.ttf') format('truetype'),
         url('../fonts/CalibriBold/CALIBRIB.svg#CALIBRIB') format('svg');
}


@font-face {
    font-family: 'PFDinDisplayProBold';
    src:url('../fonts/PFDinDisplayPro-Bold/PFDinDisplayProBold.eot');
    src: url('../fonts/PFDinDisplayPro-Bold/PFDinDisplayProBold.eot') format('embedded-opentype'),
         url('../fonts/PFDinDisplayPro-Bold/PFDinDisplayProBold.woff2') format('woff2'),
         url('../fonts/PFDinDisplayPro-Bold/PFDinDisplayProBold.woff') format('woff'),
         url('../fonts/PFDinDisplayPro-Bold/PFDinDisplayProBold.ttf') format('truetype'),
         url('../fonts/PFDinDisplayPro-Bold/PFDinDisplayProBold.svg#PFDinDisplayProBold') format('svg');
}

@font-face {
    font-family: 'PFDinDisplayProLight';
    src:url('../fonts/PFDinDisplayPro-Light/PFDinDisplayProLight.eot');
    src: url('../fonts/PFDinDisplayPro-Light/PFDinDisplayProLight.eot') format('embedded-opentype'),
         url('../fonts/PFDinDisplayPro-Light/PFDinDisplayProLight.woff2') format('woff2'),
         url('../fonts/PFDinDisplayPro-Light/PFDinDisplayProLight.woff') format('woff'),
         url('../fonts/PFDinDisplayPro-Light/PFDinDisplayProLight.ttf') format('truetype'),
         url('../fonts/PFDinDisplayPro-Light/PFDinDisplayProLight.svg#PFDinDisplayProLight') format('svg');
}


@font-face {
    font-family: 'PFDinDisplayProRegular';
    src:url('../fonts/PFDinDisplayPro-Regular/PFDinDisplayProRegular.eot');
    src: url('../fonts/PFDinDisplayPro-Regular/PFDinDisplayProRegular.eot') format('embedded-opentype'),
         url('../fonts/PFDinDisplayPro-Regular/PFDinDisplayProRegular.woff2') format('woff2'),
         url('../fonts/PFDinDisplayPro-Regular/PFDinDisplayProRegular.woff') format('woff'),
         url('../fonts/PFDinDisplayPro-Regular/PFDinDisplayProRegular.ttf') format('truetype'),
         url('../fonts/PFDinDisplayPro-Regular/PFDinDisplayProRegular.svg#PFDinDisplayProRegular') format('svg');
}



*,*:before,*:after{box-sizing: border-box;}
*{margin:0;
	padding:0;}
a{text-decoration: none;color:inherit; outline:none !important;}
a:hover{ color:#fd2293;}
:focus{outline:none;}
a:active, a:hover, a:hover{outline: none;}
input,textarea{font:inherit;padding:0;margin:0;background: none;border:0;width:100%;}
button{font:inherit;padding:0;margin:0;background: none;border:0;}
/*main*/
.clearfix:before,
.clearfix:after {content: " ";
    display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
img{border:none;}

html{ min-height:100%;}
body{min-height:100%; overflow-x: hidden; font:18px/1 'PFDinDisplayProRegular', 'Calibri', Arial, sans-serif; color:#1d1e24;}


section, footer, header, aside{
	display: block;
}

.hiddenpc{ display:none !important;}

.wrapper{ width:100%; padding:0 60px 0 40px; max-width:1380px; margin:0 auto; position:relative; background-color:#fff;}
.header .wrapper{ padding:0 60px 0 40px;}
.footer .wrapper{ padding:0 60px 0 40px;}
.wrapper.p20{ padding-top:20px;}
.wrapper.h80{ height:80px;}
.hfwp{ padding:0 20px 0 20px;}
.hidescroll{overflow-y:hidden;}
.hidescrollbl{ position:absolute; width:30px; height:100%; right:0; background-color:#fff; top:0; z-index:90;}

.line{ position:absolute; width:0; height:3px; background-color:#fd2293; -webkit-transition:width 0.2s; -moz-transition:width 0.2s; -o-transition:width 0.2s; transition:width 0.2s; position:absolute; left:0; bottom:0;}
.pink{ color:#fd2293; }
.plup{ color:#fd2293; text-decoration:underline; text-transform:uppercase;}
.plup:hover{ text-decoration:none;}
.bold{font-family:'PFDinDisplayProBold', Calibri, sans-serif; }
.nowpt{ white-space:nowrap;}

.header{ height:80px; width:100%; background-color:transparent; position:fixed; left:0; top:0; z-index:100;}
.header .header-logo{ float:left; width:149px; margin-right:25px}
.header .header-logo img{ vertical-align:top;}
.header .header-lang{ display:block; float:left; padding:4px; font-size:15px; margin-top:9px; margin-right: 30px;}
.header .header-lang.last {margin-right: 0;}
.header .header-menu{ float:right; margin:0; padding:0;}
.header .header-menu li{ display:inline-block; font-size:15px; text-transform:uppercase; margin-top:13px; position:relative; padding:0 13px;}
.header .header-menu li a{ display:block; width:100%; height:100%; position:relative;  padding:0 0px 15px 0px;}
.header .header-menu li a:hover{ color:#1d1e24;}
.header .header-menu li a:hover .line{ width:100%;}
.header .header-menu li.active a .line{ width:100%;}
.header .header-menu li.contact{ margin-top:0; padding-right:0; position:relative; top:-9px; padding-left:7px; vertical-align:bottom;}
.header .header-menu li.contact a{ padding-bottom:0; padding-right:0;}
.header .header-menu li.contact img{ vertical-align:top;}
.header .header-menu li.contact .contact-c{ display:none;}
.header .header-menu li.contact:hover .contact-o{-webkit-transform: rotateZ(-20deg);-ms-transform: rotateZ(-20deg);transform: rotateZ(-20deg);}
.header.active{border-bottom:1px solid #e5e5e5;}
.header.active .wrapper{border-bottom:1px solid #e5e5e5;}
.header.active .header-menu li.contact .contact-c{ display:inline-block;}
.header.active .header-menu li.contact .contact-o{ display:none;}
.header.propen .header-menu li.contact .contact-c{ display:none;}
.header.propen .header-menu li.contact .contact-o{ display:inline-block;}

.contacts{ position:fixed; top:80px; left:0; width:100%; z-index:99; background-color:#f2f2f0; border-bottom:1px solid #e5e5e5; font-size:16px; display:none;}
.contacts .wrapper{ background-color:#f2f2f0; padding-top:30px;}
.contacts .contacts-img{ position:absolute; left:0; top:30px; z-index:1;}
.contacts .contacts-l{ float:left; width:47%;  padding-bottom:18px; position:relative; z-index:2;}
.contacts .contacts-r{ float:right; width:53%; padding-right:40px;  padding-bottom:18px; position:relative; z-index:2;}
.contacts .contacts-tit{ margin-bottom:45px;}
.contacts .contacts-row{ margin-bottom:23px;}
.contacts .contacts-row.mb28{ margin-bottom:28px;}
.contacts .ctit{ font-size:14px; color:#5e5f67; margin-bottom:5px;}
.contacts .contacts-tit-l{ float:left; padding-right:10px;}
.contacts .contacts-tit-l h2{ font-size:36px; font-family:'PFDinDisplayProLight', Calibri, sans-serif; font-weight:normal;}
.contacts .contacts-tit-r{ float:right; font-size:14px; color:#5e5f67; padding-top:18px;}
.contacts .feedback-row{ margin-bottom:11px;}
.contacts .feedback-row.mb20{ margin-bottom:20px;}
.contacts .feedback-input{ float:left; margin-right:20px; margin-bottom:19px;}
.contacts .feedback-input.mr0{ margin-right:0;}
.contacts .feedback-input.mb0{ margin-bottom:0;}
.contacts .feedback-input.w50{ width:47%; width:calc(50% - 12px);}
.contacts .feedback-input.w100{ width:100%;}
.contacts .socials .socials-t{ font-size:14px; padding-top:12px;}
.contacts .feedback-l{ float:left;}
.contacts .feedback-l .linkfdb{ text-decoration:underline; color:#5e5f67; font-size:14px; margin-right:29px; display:inline-block; margin-top:15px;}
.contacts .feedback-l .linkfdb:hover{ text-decoration:none; color:#fd2293;}
.contacts .feedback-r{ float:right;}
.contacts .linkfdb{ position:relative;}
.contacts .linkfdb span.linkfdbt{ display:none; z-index:10; position:absolute; width:320px; background-color:#fff302; padding:10px; color:#1d1e24; bottom:100%; margin-bottom:15px;}
.contacts .linkfdb span.linkfdbt:after{
	content:'';
	position:absolute;
	width:0;
	height:0;
	border-top:6px solid #fff302;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	bottom:-6px;
	right:0;
	left:0;
	margin:auto;
	}
.contacts .linkfdb.confidentiality span.linkfdbt{ left:-120px;}
.contacts .linkfdb.security span.linkfdbt{ left:-135px;}
.contacts .linkfdb:hover span.linkfdbt{ display:block;}
.contacts .share{ font-size:14px; margin-top:19px; position:relative; padding-right:28px; display:inline-block;}
.contacts .pluso{ position:absolute; right:0; top:-7px; width:24px;}

.contacts .feedback-thanks{ color:#1d1e24; margin-bottom:30px;}
.contacts .feedback-thanks .titbold{ font-family: 'PFDinDisplayProBold', Calibri, sans-serif; font-size:24px; margin-bottom:10px;}
.contacts .feedback-thanks .tit{ font-family:'PFDinDisplayProRegular', Calibri, sans-serif; margin-bottom:15px; font-size:24px;}
.contacts .feedback-thanks .close{ display:block; position:relative; margin-top:57px; width:70px; height:70px; background:#818c8f; cursor:pointer; z-index:1; -webkit-box-shadow: inset 0px 0px 0px 0px rgba(29,30,36,1);-moz-box-shadow: inset 0px 0px 0px 0px rgba(29,30,36,1);box-shadow: inset 0px 0px 0px 0px rgba(29,30,36,1); transition:box-shadow 0.3s}
.contacts .feedback-thanks .close:hover{-webkit-box-shadow: inset 0px -70px 0px 0px rgba(29,30,36,1);-moz-box-shadow: inset 0px -70px 0px 0px rgba(29,30,36,1);box-shadow: inset 0px -70px 0px 0px rgba(29,30,36,1);}
.contacts .feedback-thanks .close:after{ position:absolute; content:''; background:url(../img/sprite.png) -238px -60px; width:22px; height:22px; left:0; right:0; top:0; bottom:0; margin:auto;}
.contacts-links{ margin-top:17px;}
.contacts-links a{ color:#5e5f67; font-size:14px; display:inline-block; margin-bottom:3px;}
.contacts-links a:hover{color:#fd2293;}


.inputall{ border-bottom:1px solid #c1c1c1; height:30px; color:#1d1e24; font-size:16px; font-family:'PFDinDisplayProRegular', Calibri, sans-serif; width:100%;}
.inputall:focus{border-bottom:1px solid #1d1e24;}
.inputall.error{ border-bottom:1px solid #fd2293; color:#fd2293;}
.textareaall{border:1px solid #c1c1c1; resize:none; width:100%; color:#1d1e24; font-size:16px; height:100px; padding:10px;}
.textareaall.error{border:1px solid #fd2293; color:#fd2293;}
.inputall::-webkit-input-placeholder {color:#5e5f67; font-size:16px; font-family:'PFDinDisplayProRegular', Calibri, sans-serif;}
.inputall::-moz-placeholder          {color:#5e5f67; opacity:2; font-size:16px; font-family:'PFDinDisplayProRegular', Calibri, sans-serif;}/* Firefox 19+ */
.inputall:-moz-placeholder           {color:#5e5f67; opacity:2; font-size:16px; font-family:'PFDinDisplayProRegular', Calibri, sans-serif;}/* Firefox 18- */
.inputall:-ms-input-placeholder      {color:#5e5f67; font-size:16px; font-family:'PFDinDisplayProRegular', Calibri, sans-serif;}
.inputall.error::-webkit-input-placeholder{color:#fd2293;}
.inputall.error::-moz-placeholder {color:#fd2293;}
.inputall.error:-moz-placeholder{color:#fd2293;}
.inputall.error:-ms-input-placeholder{color:#fd2293;}
.inputall:focus::-webkit-input-placeholder {color: transparent}
.inputall:focus::-moz-placeholder          {color: transparent}
.inputall:focus:-moz-placeholder           {color: transparent}
.inputall:focus:-ms-input-placeholder      {color: transparent}


.selectbox.jq-selectbox{ width:100%;}
.selectbox .jq-selectbox__select{ background:none; border:none; border-radius:0; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; border-bottom:1px solid #c1c1c1; width:100%; padding-left:0; padding-right:0; color:#5e5f67; font-family:'PFDinDisplayProRegular', Calibri, sans-serif; font-size:16px; height:30px;}
.selectbox.jq-selectbox.focused .jq-selectbox__select{border:none;  border-bottom:1px solid #c1c1c1;}
.selectbox.error .jq-selectbox__select{ color:#fd2293; border-bottom:1px solid #fd2293;}
.selectbox.jq-selectbox.focused.error .jq-selectbox__select{border-bottom:1px solid #fd2293;}
.selectbox .jq-selectbox__select:hover{ background:none;}
.selectbox.changed .jq-selectbox__select{ color:#1d1e24;}
.selectbox.changed.error .jq-selectbox__select{ color:#fd2293;}
.selectbox .jq-selectbox__trigger{ display:none;}
.selectbox .jq-selectbox__dropdown{  background:#f2f2f0; top:32px !important; border:1px solid #e5e5e5; -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; border-radius:0;}
.selectbox.jq-selectbox li{color:#5e5f67;}
.selectbox.jq-selectbox li:hover {background-color:#f2f2f0; color:#fd2293;}
.selectbox.jq-selectbox li.selected{ background-color:#f2f2f0; color:#fd2293;}

.sugbl{ position:fixed; top:80px; left:0; width:100%; z-index:98; background-color:#f2f2f0; border-bottom:1px solid #e5e5e5; font-size:14px; line-height:16px; display:none;}
.sugbl p{ margin-bottom:19px;}
.sugbl .wrapper{background-color:#f2f2f0; padding-top:30px;}
.privacyoverflow{ overflow-y:scroll;}


.btn{ width:275px; height:45px; display:block; font-family:'PFDinDisplayProBold', Calibri, sans-serif; text-transform:uppercase; text-align:center; transition:box-shadow 0.3s;-webkit-box-shadow: inset 0px 0px 0px 0px rgba(253,34,147,1);-moz-box-shadow: inset 0px 0px 0px 0px rgba(253,34,147,1);box-shadow: inset 0px 0px 0px 0px rgba(253,34,147,1); color:#1d1e24; position:relative; line-height:45px; position:relative;}
.btn:hover{ color:#1d1e24; -webkit-box-shadow: inset 275px 0px 0px 0px rgba(253,34,147,1);-moz-box-shadow: inset 275px 0px 0px 0px rgba(253,34,147,1);box-shadow: inset 275px 0px 0px 0px rgba(253,34,147,1);}
.btn.btn-pnk{ background:#fd2293; color:#fff; -webkit-box-shadow: inset 0px 0px 0px 0px rgba(29,30,36,1);-moz-box-shadow: inset 0px 0px 0px 0px rgba(29,30,36,1);box-shadow: inset 0px 0px 0px 0px rgba(29,30,36,1);}
.btn.btn-pnk:hover{ -webkit-box-shadow: inset 275px 0px 0px 0px rgba(29,30,36,1);-moz-box-shadow: inset 275px 0px 0px 0px rgba(29,30,36,1);box-shadow: inset 275px 0px 0px 0px rgba(29,30,36,1);}
.btn.btn-trp{ color:#fff; background-color:rgba(255,255,255, 0.1); border:none;}
.btn.trpblack{ background-color:rgba(29,30,36, 0.1); color:#1d1e24;}
.btn.btn-next:after{ position:absolute; width:10px; height:10px; background:url(../img/spritesheet.png) -6px -6px; top:19px; right:19px; content:'';}
.btn.btn-next.trpblack:after{ background-position:-27px -6px;}
.btn.sendbtn{width:215px;}
.btn.sendbtn:before{ position:absolute; content:''; background:url(../img/spritesheet.png) -85px -5px; width: 10px; height: 7px; left:19px; top:19px;}
.btn.sendbtn:hover{ -webkit-box-shadow: inset 215px 0px 0px 0px rgba(29,30,36,1);-moz-box-shadow: inset 215px 0px 0px 0px rgba(29,30,36,1);box-shadow: inset 215px 0px 0px 0px rgba(29,30,36,1);}
.closebutt{ width:70px; height:70px; background-color:#16181e; position:relative; display: block; -webkit-box-shadow: inset 0px 0px 0px 0px rgba(129,140,143,1);-moz-box-shadow: inset 0px 0px 0px 0px rgba(129,140,143,1);box-shadow: inset 0px 0px 0px 0px rgba(129,140,143,1); transition:box-shadow 0.3s}
.closebutt:after{ position:absolute; content:''; background:url(../img/spritesheet.png) -177px -5px; width:22px; height:22px; left:0; right:0; top:0; bottom:0; margin:auto;}
.closebutt:hover{-webkit-box-shadow: inset 0px -70px 0px 0px rgba(129,140,143,1);-moz-box-shadow: inset 0px -70px 0px 0px rgba(129,140,143,1);box-shadow: inset 0px -70px 0px 0px rgba(129,140,143,1);}
.closebutt.sugbl-close{ margin-top:36px; bottom:-1px;}



.secwp{ padding-top:112px; padding-bottom:80px;}

.section-title{ font-family: 'CALIBRIBBOLD', Calibri, sans-serif; font-weight:normal; font-size:10.5vh; line-height:9vh; margin-bottom:30px;}
.section-title.mb20{ margin-bottom:19px;}
.section-title.mb95{ margin-bottom:95px;}
.section-title .back{text-decoration:underline; font-weight:normal; font-family:'calibrilight', Calibri, sans-serif;}
.section-title .back:hover{}
.section-titsmall{ font-size:16px; color:#5e5f67; font-family:'PFDinDisplayProLight', Calibri, sans-serif; margin-bottom:12px; font-weight:lighter;}
.titlepink{ color:#fd2293; font-family:'PFDinDisplayProBold', Calibri, sans-serif; margin-bottom:23px; text-transform:uppercase;}

.section .section-desc{ margin-bottom:45px;}
.section .section-desc p{ margin-bottom:20px; line-height:22px;}
.section .section-desc.mb30{ margin-bottom:38px;}
.section .section-desc.fz36 p{ font-size:36px; line-height:42px; font-family:'PFDinDisplayProLight', Calibri, sans-serif;}
.linkclear{ color:#1d1e24}
.linkclear:hover{ color:#1d1e24}

.section .mainimg{ position:relative;}
.section .mainimg .mainimg-img{ vertical-align:top; width:100%;}
.section .mainimg .btn{ position:absolute;}
.section .mainimg .btn.btn-pnk{ left:16.2%; top:44%;}
.section .mainimg .btn.btn-trp{ left:66.2%; top:44%;}
.section .mainimg .btn-trp.btn-next:after{ right:38px;}

.services{ border-bottom:1px solid #e5e5e5; margin-top:45px; margin-bottom:30px;}
.services .services-item{ float:left; width:50%; position:relative; padding-bottom:5px; padding-top:25px; margin-bottom:40px;}
.services .services-item.pl50{ padding-left:40px;}
.services .services-item.pr30{ padding-right:30px; border-right:1px solid #e5e5e5; }
.services .services-i{ position:absolute; top:25px; left:0px; width:105px;}
.services .services-item.pl50 .services-i{ left:40px;}
.services .services-desc{ padding-left:130px; font-size:16px; font-family:'PFDinDisplayProLight', Calibri, sans-serif; font-weight:lighter; color:#5e5f67;}
.services .services-desc .title{ font-size:24px; margin-bottom:20px; font-family:'PFDinDisplayProRegular', Calibri, sans-serif; font-weight:normal; color:#1d1e24;}
.services .services-desc .desc-sm{ font-size:12px; margin-top:20px;}
.services .services-line{ width:100%; height:1px; background-color:#e5e5e5; margin-bottom:40px;}
.services-butts{ position:relative; height:45px; width:100%;}
.services-butts .btn{ position:absolute; top:0;}
.services-butts .btn.btn-trp{ left:13%;}
.services-butts .btn.btn-pnk{ right:9.5%; float:right;}

.works{ margin-top:100px; margin-bottom:125px}
.works .works-item{ float:left; width:25%; position:relative; overflow:hidden;}
.works .works-item:after{ background:#1d1e24; opacity:0; position:absolute; content:''; left:0; width:100%; top:0; height:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.works .works-item:hover:after{ opacity:0.5;}
.works .works-item img{ width:100%; vertical-align:top; -moz-transition: all 2s ease-out; -o-transition: all 2s ease-out; -webkit-transition: all 2s ease-out; transition: all 2s ease-out;}
.works .works-item:hover img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.works .description{ display:block; position:absolute; opacity:0; z-index:2; top:50%; width:100%; text-align:center;-moz-transform: translate(0,-40%); -ms-transform: translate(0,-40%); -webkit-transform: translate(0,-40%); -o-transform: translate(0,-40%); transform:translate(0,-40%); padding:0 15px;}
.works .works-item:hover .description{ opacity:1; color:#fff;}
.works .description .description-tit{ color:#fff; font-family:'PFDinDisplayProBold', Calibri, sans-serif; font-size:18px;text-transform:uppercase; display:block; margin-bottom:40px;}
.works .description .description-sect{ color:#fff; font-size:14px; display:inline-block; position:relative;}
.works .description .line{ bottom: -18px; left:0; background:#fd2293;}
.works .works-item:hover .line{ width:100%;}
.work-butts .btn.btn-pnk{ right:9.5%; float:right;}

.clients{ margin-top:50px;}
.clients .clients-item{ float:left; border:1px solid #e5e5e5; margin-right:13px; width:245px; margin-bottom:13px;}
.clients .clients-item:nth-child(5n+5){ margin-right:0;}
.clients .clients-item img{ width:100%; vertical-align:top;}
.clients .btn-clients{ float:right; right:9.5%; margin-top:53px;}

#pp-nav{top: inherit; bottom:24px; margin-top:0 !important; width:180px; left:0; right:0; margin:auto; text-align:center; z-index:20;}
#pp-nav.right{ left:85px; right:0;}
#pp-nav:after{ position:absolute; content:''; background:url(../img/spritesheet.png);width: 36px; height: 7px; background-position: -105px -5px; right:39px; top:26px;}
#pp-nav li, .pp-slidesNav li{ display:inline-block; width:12px; height:12px; margin:0 10px;}
#pp-nav span, .pp-slidesNav a{ top:0px; left:0;}
#pp-nav span, .pp-slidesNav span{ border-radius:0; width:6px; height:6px; background:url(../img/spritesheet.png) -47px -5px; border:none; margin-top:3px; margin-left:3px;}
#pp-nav li .active span, .pp-slidesNav .active span{width: 12px; height: 12px; background:url(../img/spritesheet.png) -63px -5px; margin-top:0; margin-left:0;}

.footer{ position:fixed; bottom:0; left:0; width:100%; z-index:20; background-color:transparent; font-size:12px; text-transform:uppercase;}
.footer .wrapper{ padding-top:20px;}
.footer .footer-line{ background-color:#fd2293; height:2px; width:43%; width:calc(50% - 90px); margin-bottom:13px;}
.footer .footer-copyright{ float:left; margin-right:30px;}
.footer .footer-copyright p{ margin-bottom:5px;}
.footer .footer-sug{ float:left; margin-top:17px}
.footer .footer-sug a{ display:inline-block; margin-right:20px; text-decoration:underline;}
.footer .footer-sug a:hover{ text-decoration:none;}
.footer .footer-right{ float:right; width:325px; position:relative; top:-13px;}
.footer .share{ float:left; margin-top:14px; position:relative; padding-right:28px;}
.footer .pluso{ position:absolute; right:0; top:-7px; width:24px;}
.footer .footer-socials{ float:right;}
.footer .imgmap{ position:fixed; display:none;}
.imgmap{ position:fixed; bottom:80px; left:30%; display:none;}
.section.active .imgmap{ display:block; width:100%; height:159px;}
.socials .socials-t{ float:left; padding-top:14px; text-transform:uppercase;}
.socials .socials-i{ float:left;}
.socials .socials-b{ display:inline-block; width:38px; height:38px; overflow:hidden; margin-left:8px;}
.socials .socials-b img{ vertical-align:top;}
.socials .socials-b:hover img{ margin-left:-38px;}

.overlay{ position:fixed; background:rgba(0,0,0,0.5); z-index:90; width:100%; height:100%; left:0; top:0;}

/*Selection Text*/
	/*Text Pink*/
	.section-title::selection{ color:#fff; background-color:#fd2293;}
	.section-title::-moz-selection{ color:#fff; background-color:#fd2293;}
	.section-titsmall::selection{ color:#fff; background-color:#fd2293;}
	.section-titsmall::-moz-selection{ color:#fff; background-color:#fd2293;}
	.section-desc span::selection{ color:#fff; background-color:#fd2293;}
	.section-desc span::-moz-selection{ color:#fff; background-color:#fd2293;}
	.section-desc a::selection{ color:#fff; background-color:#fd2293;}
	.section-desc a::-moz-selection{ color:#fff; background-color:#fd2293;}
	.section-desc p::selection{ color:#fff; background-color:#fd2293;}
	.section-desc p::-moz-selection{ color:#fff; background-color:#fd2293;}
	li a::selection{ color:#fff; background-color:#fd2293;}
	li a::-moz-selection{ color:#fff; background-color:#fd2293;}
	.title::selection{ color:#fff; background-color:#fd2293;}
	.title::-moz-selection{ color:#fff; background-color:#fd2293;}
	.desc::selection{ color:#fff; background-color:#fd2293;}
	.desc::-moz-selection{ color:#fff; background-color:#fd2293;}
	.description-tit::selection{ color:#fff; background-color:#fd2293;}
	.description-tit::-moz-selection{ color:#fff; background-color:#fd2293;}
	.description-sect::selection{ color:#fff; background-color:#fd2293;}
	.description-sect::-moz-selection{ color:#fff; background-color:#fd2293;}
	.header-lang::selection{ color:#fff; background-color:#fd2293;}
	.header-lang::-moz-selection{ color:#fff; background-color:#fd2293;}
	.socials-t::selection{ color:#fff; background-color:#fd2293;}
	.socials-t::-moz-selection{ color:#fff; background-color:#fd2293;}
	p::selection{ color:#fff; background-color:#fd2293;}
	p::-moz-selection{ color:#fff; background-color:#fd2293;}
	a::selection{ color:#fff; background-color:#fd2293;}
	a::-moz-selection{ color:#fff; background-color:#fd2293;}
	span::selection{ color:#fff; background-color:#fd2293;}
	span::-moz-selection{ color:#fff; background-color:#fd2293;}
	h1::selection{ color:#fff; background-color:#fd2293;}
	h1::-moz-selection{ color:#fff; background-color:#fd2293;}
	h2::selection{ color:#fff; background-color:#fd2293;}
	h2::-moz-selection{ color:#fff; background-color:#fd2293;}
	h3::selection{ color:#fff; background-color:#fd2293;}
	h3::-moz-selection{ color:#fff; background-color:#fd2293;}
	h4::selection{ color:#fff; background-color:#fd2293;}
	h4::-moz-selection{ color:#fff; background-color:#fd2293;}
	div::selection{ color:#fff; background-color:#fd2293;}
	div::-moz-selection{ color:#fff; background-color:#fd2293;}
	/*/Text Pink*/
/*/Selection Text*/

ul.ul {list-style-type: none; padding-left: 20px;}
ul.ul li{display: block;padding-left: 15px;position: relative;padding-bottom: 3px;}
ul.ul li:before{position: absolute;content: '';top: 9px;left: 0;width: 4px;height: 4px;-webkit-border-radius: 50%;border-radius: 50%;background-color: #1d1e24;}

.su-table table {width: 100%!important;margin-top: 20px;border-collapse: collapse!important;border: 1px solid #eee!important;display: block;position: relative;width: 100%;}
.su-table th {text-align: center!important;padding: 1em!important;font-size: 1em!important;font-weight: normal!important;color: #818c8f!important;border: 1px solid #eee;background: inherit}
.su-table td {padding: 10px 15px;border: 1px solid #eee;background: inherit;text-align: left;}
.su-table .su-even td {background: inherit;}
.stable table thead {display: block;float: left;}
.su-table table tbody {display: block;width: auto;position: relative;overflow-x: auto;white-space: nowrap;}
.su-table table thead tr {display: block;   }
.su-table table th{display: block;border-bottom: none!important;border-right: none!important;border-left: none!important;}
.su-table table tbody tr {display: inline-block;vertical-align: top;width: 33%;}
.su-table table td{width: auto;display: block;min-height: 1.25em;border-bottom: none!important;border-right: none!important;}
.su-table table th:first-child,.su-table table td:first-child{border-top: none!important;}

.tit36 {font-size: 36px;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mt30{margin-top: 30px;}

.faq p{font-size: 16px;font-family: 'PFDinDisplayProLight', Calibri, sans-serif;font-weight: lighter;color: #5e5f67;}
.faq-tit{font-size: 24px;font-family: 'PFDinDisplayProRegular', Calibri, sans-serif;font-weight: normal;color: #1d1e24;}

.btn-left{margin-left: 13%;}

@media only screen and (min-height: 1100px){
.section-title{ font-size:110px !important; line-height:100px !important;}
}
@media only screen and (max-height: 800px) and (min-width: 980px){

.section .section-desc.mb30{ margin-bottom:0;}
.section .section-desc p{ margin-bottom:15px;}
}
@media only screen and (max-height: 850px) and (min-width: 980px){
.works{ margin-top:55px; margin-bottom:70px; }
}

@media only screen and (min-height: 900px) and (min-width: 980px){

.section-title{ font-size:100px; line-height:90px;}
}

@media only screen and (max-width: 1400px){
.clients{ width:1019px; margin:50px auto 0;}
.clients .clients-item:nth-child(5n+5){ margin-right:13px;}
.clients .clients-item:nth-child(4n+4){ margin-right:0;}
}

@media only screen and (max-width: 1380px){
.header .wrapper{ padding:0 40px 0 40px;}
.footer .wrapper{ padding:0 40px 0 40px;}
.wrapper.p20{ padding-top:20px;}
.footer .wrapper{ padding-top:20px;}
}
@media only screen and (max-width: 1350px){
.contacts .contacts-tit-l{ float:none; padding-right:0;}
.contacts .contacts-tit-r{ float:none; width:100%; padding-top:0; margin-top:5px;}
.contacts .feedback-l{ width:120px;}
.contacts .feedback-l .linkfdb{ margin-top:5px; margin-right:0;}
.contacts .linkfdb span.linkfdbt{ margin-bottom:9px;}
.contacts .linkfdb span.linkfdbt:after{}
/*
.contacts .feedback-l .linkfdb{ margin-top:5px; margin-right:0;}
.contacts .linkfdb span.linkfdbt{ margin-bottom:9px;}
.contacts .linkfdb span.linkfdbt:after{ margin:0; left:20px;}
*/
.footer .footer-right{ width:270px;}
}

@media only screen and (max-width: 1281px){
.services .services-item.pl50{ padding-left:14px;}
.services .services-item.pl50 .services-i{left:14px;}
.services .services-desc{ padding-left:120px;}

.works .description .description-tit{ margin-bottom:15px;}
.works .description .animline{ bottom:-10px;}
.works .description .description-tit{ font-size:16px; line-height:17px;}
}

@media only screen and (max-width: 1150px){
.clients{ width:761px; margin:40px auto 0;}
.clients .clients-item:nth-child(4n+4){ margin-right:13px;}
.clients .clients-item:nth-child(3n+3){ margin-right:0px;}
}

@media only screen and (max-width: 979px){
.su-table table tbody tr{width: auto;}
.tit36 {font-size: 30px;}
.btn-left{margin-left: auto; margin-right: auto;}
.hiddenpc{ display:block !important;}
.hiddenpl{ display:none !important;}

.wrapper{ width:100%; padding:0 35px 0 15px; max-width:1380px; margin:0 auto; position:relative; background-color:#fff;}
.header .wrapper{ padding:0 15px 0 15px;}
.footer .wrapper{ padding:0 15px 0 15px;}
.wrapper.p20{ padding-top:20px;}
.hfwp{ padding:0 20px 0 15px;}

.header .header-menu li{ padding:0 8px;}
.header .header-logo{ margin-right:15px;}

.contacts .contacts-l{ float:none; width:100%;}
.contacts .contacts-r{ float:none; width:100%;}
.contacts .contacts-tit-l{ float:left; padding-right:10px;}
.contacts .contacts-tit-r{ float:right; padding-top:18px; margin-top:0; width:auto;}
.contacts .linkfdb.confidentiality span.linkfdbt{ left:0;}
.contacts .linkfdb.security span.linkfdbt{ left:0;}
.contacts .linkfdb span.linkfdbt:after{ margin:0; left:20px;}

.secwp{ padding-bottom:140px; padding-top:112px;}

.section .mainimg .btn.btn-pnk{ left:7%;}
.section .mainimg .btn.btn-trp{ left:53%;}
.section-title{ font-size:9vh; line-height:8vh;}

.services .services-item{ float:none; width:100%; border-bottom:1px solid #e5e5e5; padding-top:20px; padding-bottom:35px; margin-bottom:0;}
.services .services-item.pr30{ border-right:none; padding-right:0;}
.services .services-item.pl50{ padding-left:0;}
.services .services-item.pl50 .services-i{ left:0;}
.services-butts .btn.btn-pnk{ right:2.5%;}
.services-butts .btn.btn-trp{ left:6%;}

.works{ margin-bottom:55px; margin-bottom:65px;}
.works .works-wp{ margin:0 auto; max-width:600px}
.works .works-item{ width:50%;}
.works .works-item:after{ opacity:0.5;}
.works .description{ opacity:1;}
.works .description .description-tit{ font-size:18px; line-height:21px; margin-bottom:40px;}
.works .description .line{ bottom:-18px;}
.work-butts .btn.btn-pnk{ right:2.5%;}

.clients{ width:735px;}
.clients .clients-item{ width: 232px;}

.footer{}
.footer .wrapper{ padding-top:50px; height:110px;}
.footer .footer-right{ width:250px;}
#pp-nav{ bottom:80px;}
#pp-nav.right{ left:0;}
#pp-nav li, .pp-slidesNav li{ width:20px; height:20px;}
#pp-nav span, .pp-slidesNav span{ margin-left:7px; margin-top:7px;}
#pp-nav li .active span, .pp-slidesNav .active span{ margin-left:4px; margin-top:4px;}
#pp-nav:after{ right:25px;}


}

@media only screen and (max-height: 770px) and (max-width: 768px){
.secwp{ padding-top:100px; padding-bottom:100px;}
.section-title{ font-size:6vh; line-height:5vh;}
.section .section-desc{ font-size:16px; margin-bottom:32px;}
.section .section-desc.mb30{ margin-bottom:25px;}
.section .section-desc p{ line-height:18px; margin-bottom:10px;}
}

@media only screen and (max-height: 890px) and (min-width: 980px){
.services{ margin-bottom:20px;}
.services .services-desc .title{ margin-bottom:15px;}
.services .services-desc .desc-sm{ margin-top:10px;}
.section .section-desc{ margin-bottom:30px;}
.services .services-item{ padding-top:12px; margin-bottom:25px;}
}

@media only screen and (max-width: 767px){
.hiddenpc{ display:block !important;}
.hiddenpl{ display:block !important;}
.hiddenmobile{ display:none !important;}
body{ font-size:16px;}
.wrapper{ padding:0 10px 0 10px;}
.header .wrapper{padding:0 10px 0 10px;}
.footer .wrapper{ padding:0 10px 0 10px;}
.wrapper.h80{ height:170px;}
.hfwp{ padding:0;}

.header{height:60px; background-color:#fff;}
.header .wrapper{ height:60px; padding-top:10px;}
.header .header-menu li.contact{ margin-top:13px;}
.header .header-m-ico{ display:block; width:26px; height:18px; padding:5px; float:right; margin-right:10px; margin-top:12px;}
.header .header-m-ico img{ vertical-align:top;}

.contacts{ top:60px;}
.contacts .wrapper{ padding-right:0;}
.contacts .contacts-img{ display:none;}
.contacts .contacts-tit-l{ float:none; padding-right:0;}
.contacts .contacts-tit-r{ float:none; width:100%; padding-top:0; margin-top:5px;}
.contacts .contacts-tit{ margin-bottom:20px;}
.contacts .contacts-tit-l h2{ font-size:23px;}
.contacts .feedback-input{ width:100% !important; margin-right:0 !important;}
.contacts .feedback-thanks .titbold{ font-size:18px;}
.contacts .feedback-thanks .tit{ font-size:18px;}
.sugbl{ top:60px;}

.menumob{display:block;  overflow-y:auto; position:fixed; left:-320px; top:0; z-index:102; height:100%; background:#fff; width:320px; padding-left:50px; padding-top:20px;}
.menumob .menumob-close{ display:block; position:absolute; right:0; top:0; width:70px; height:70px; background:#16181e; cursor:pointer; z-index:1; -webkit-box-shadow: inset 0px 0px 0px 0px rgba(129,140,143,1);-moz-box-shadow: inset 0px 0px 0px 0px rgba(129,140,143,1);box-shadow: inset 0px 0px 0px 0px rgba(129,140,143,1); transition:box-shadow 0.3s}
.menumob .menumob-close:hover{-webkit-box-shadow: inset 0px -70px 0px 0px rgba(129,140,143,1);-moz-box-shadow: inset 0px -70px 0px 0px rgba(129,140,143,1);box-shadow: inset 0px -70px 0px 0px rgba(129,140,143,1);}
.menumob .menumob-close:after{ position:absolute; content:'';  background:url(../img/spritesheet.png) -177px -5px; width:22px; height:22px; left:0; right:0; top:0; bottom:0; margin:auto;}
.menumob .ul_m{ margin:0; padding:0; font-size:36px; list-style:none; margin-top:80px; margin-bottom:24px;}
.menumob .ul_m li{ margin-bottom:8px;}
.menumob .ul_m li a:hover{ color:#928f95; }
.menumob .menumob-t{ font-size:14px; color:#5e5f67; margin-bottom:2px;}
.menumob .link{ color:#fd2293; display:inline-block; margin-bottom:30px; text-decoration:underline;}
.menumob .link:hover{ text-decoration:none;}

.menumob .socials .socials-t{ padding-top:11px;}

.secwp{ padding-top:75px; padding-bottom:120px;}

.section-title{ font-size:30px !important; line-height:27px !important; margin-bottom:19px}
.section-title.lht{ line-height:35px !important;}

.section .mainimg .btn.btn-pnk{ display:none;}
.section .mainimg .btn.btn-trp{ display:none;}
.section .section-desc{ margin-bottom:25px;}
.section .section-desc.mb30{ margin-bottom:25px;}
.section-title.mb95{ margin-bottom:60px;}
.section .section-desc p{line-height:19px;}
.section .section-desc.fz36 p{ font-size:20px; line-height:24px;}

.services{ margin-top:0; margin-bottom:20px;}
.services .services-item{ padding-bottom:25px;}
.services .services-i{ width:20%; max-width:105px;}
.services .services-i img{ width:100%;}
.services .services-desc{ padding-left:22%;}
.services .services-desc .title{ font-size:20px; margin-bottom:10px;}
.services .services-desc .desc-sm{ margin-top:10px;}
.services-butts{ height:auto;}
.services-butts .btn{ position:relative; margin:0 auto}
.services-butts .btn.btn-trp{ left:0; margin-bottom:10px;}
.services-butts .btn.btn-pnk{ right:0; float:none;}

.works{ margin-bottom:20px; margin-top:0;}
.works .description .description-tit{ font-size:13px; line-height:14px; margin-bottom:10px;}
.works .description .description-sect{ font-size:13px;}
.works .description .line{ bottom:-10px;}
.work-butts .btn.btn-pnk{ right:0; margin:0 auto; float:none;}

.clients{ width:100%; margin:0 auto;}
.clients .clients-item{ width: 31%; width:calc(33% - 8px);}
.clients .btn-clients{ float:none; margin:20px auto 0; right:inherit;}

.footer{ height:120px; background-color:#fff;}
.footer .wrapper{ padding-top:45px;}
.footer .footer-line{ width:50%;}
.footer .footer-sug{ float:none; margin-top:0; margin-bottom:15px;}
.footer .footer-copyright{ float:none; margin-right:0;}
.footer .footer-right{ float:none;}
.footer .share{ float:none;}
.footer .footer-socials{ float:none;}
#pp-nav{ bottom:85px; margin:0; right:inherit; left:0; width:160px;}
#pp-nav.right{right:inherit; left:0;}
#pp-nav:after{ top:18px; right:16px;}
}

@media only screen and (max-width: 440px){
.clients{ margin:0 auto;}
.clients .clients-item{ width: 46%; width:calc(50% - 5px); margin-right:10px !important; margin-bottom:10px;}
.clients .clients-item:nth-child(3n+3){ margin-right:10px;}
.clients .clients-item:nth-child(2n+2){ margin-right:0px !important;}
}

/* === GLOBAL BUTTON ROUNDING ADDED === */
button, input[type="button"], input[type="submit"], .btn {
  border-radius: 50px !important;
}