#footer{width:100%;margin:0 auto;height:auto;overflow:hidden;background:url(https://astrio.net/skin/frontend/default/turnkeye/images/bg-footer.png) left top repeat-x;position:relative}
#footer a{color:#8f98a4!important}
#footer a:hover{color:#000}
.block-footer-menu{float:left;margin-top:30px}
.block-footer-menu .footer__title{text-transform:uppercase;font-size:11px;font-weight:400;padding-left:12px;margin-bottom:10px}
.block-footer-menu ul{list-style:none;color:#8f98a4!important;font-size:8px;padding-left:12px}
.block-footer-menu li{float:left;max-width:178px;width:50%;padding-right:8px;margin:0 0 6px}
.block-footer-menu.left li{width:178px;}
.block-footer-menu li a{font-size:12px}
.contact-container .field{margin:0 0 40px!important}
.block-contacts{margin:0 auto 20px;clear:both;line-height:20px;overflow:hidden;padding:25px 0 20px;text-align:center}
.block-contacts > h3{display:inline-block;margin:0 12px 0 0;font-size:14px;font-weight:400;line-height:17px;float:left}
#footer .block-contacts .free-quote-form{color:#000;font-size:11px;float:left;text-transform:uppercase}
#footer .block-contacts .free-quote-form .icon-post{display:inline-block;margin-top:-3px;vertical-align:middle;font-size:18px;color:#000;line-height:16px;padding-right:5px}
#footer .block-contacts .free-quote-form .icon-post:before{vertical-align:middle}
.block-contacts .contacts{float:left;color:#8f98a4;margin-right:10px}
.block-contacts .contacts li{float:left;margin-left:0;padding-left:9px}
.block-contacts .contacts li:first-child{background:none}
.block-contacts .contacts a{color:#8f98a4}
.block-social{float:left}
.block-social li{float:left;margin-left:10px}
.block-social li:first-child{margin-left:0!important}
.block-social a{display:inline-block;width:16px;height:16px}
.block-social li a:before{font-family:'icomoon';color:#000}
.block-social a.twitter{width:20px;margin-top: -2px;}
.block-social a.twitter:before{content:"\f099";font-size:22px;line-height:22px}
.block-social a.icon-telegram:before{display:inline-block;margin-top:2px;font-size:16px;line-height:16px}
.block-social a.icon-whatsapp:before{display:inline-block;margin-top:2px;font-size:16px;line-height:16px}
.block-social a.facebook:before,.block-social a.linked-in:before{font-size:18px;line-height:18px}
.block-social a:hover{opacity:.4}
.block-social a.facebook:before{content:"\f308"}
.block-social a.linked-in:before{content:"\f30c"}
.block-social a.instagram16:before{content:"\e901";font-size:16px;line-height:16px}
.block-social a.vkontakte16:before{content:"\e900";font-size:16px;line-height:16px}
.block-social a.vkontakte16:hover{background-position:0 -16px}
.cms-home .block-newsletter {margin-bottom: 20px}
.block-newsletter{clear:both;text-align:center}
.block-newsletter .block-newsletter-inner{display:inline-block;background-color:#e5e6e7;padding:4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.block-newsletter .input-text{border-radius:2px;max-width:312px;min-width:50px;padding:0 10px;height:21px;line-height:23px;border:1px solid #fff;float:left;-webkit-appearance:none}
.block-newsletter .input-text.error{border-color:#e74a00}
.block-newsletter label.error{display:none!important}
.block-newsletter button{margin:0 7px;font:11px/23px Verdana;border:0;padding:0;background:none}
.block-magento-bages{text-align:center;padding:25px 0}
.block-magento-bages a{vertical-align:top;margin:0 10px}
.block-magento-bages a img{vertical-align:top}
.cms-home #footer .wrap{margin-bottom: 20px}
.block-footer-sub-menu{float:left}
.block-footer-sub-menu li{display:inline-block;margin-right:10px}
.block-copyright{float:right;color:#8f98a4;font-size:11px}
@media screen and (min-width: 1024px) and (max-width: 1360px) {
    .cms-home #footer .wrap {
        max-width: 960px;
    }
}
@media screen and (max-width: 767px) {
    footer .block-newsletter {margin:0 10px 20px;}
    footer .block-newsletter .block-newsletter-inner{display:inline-block;width:auto;max-width:none}
    #footer .block-contacts .free-quote-form {float:none;display: inline-block;width: auto;vertical-align: middle;}
    .block-footer-menu {
        max-width: none !important;
        padding: 0 !important;
        border-top: 1px solid #e5e7ea;
    }
    .block-footer-menu:last-child {
        border-bottom: 1px solid #e5e7ea;
    }
    .block-footer-menu .footer__title {
        position: relative;
        margin: 0!important;
        padding: 12px 40px 12px 12px!important;
        font-size: 18px;
        cursor: pointer;
    }
    .block-footer-menu .ui-state-default:after,
    .block-footer-menu .ui-state-active:after {
        content: "\e904";
        font-family: 'icomoon';
        background: transparent;
        position: absolute;
        top: 16px;
        right: 12px;
        bottom: auto;
        margin: auto 0;
        font-size: 14px;
        line-height: 14px;
        font-weight: 900;
    }
    .block-footer-menu .ui-state-active:after {
        content: "\e903";
    }

    .block-footer-menu nav {
        display: none;
        padding-bottom: 10px;
    }
    .block-footer-menu ul {
        list-style: none;
        padding-left: 0;
    }
    .block-footer-menu li {
        float: none;
        box-sizing: border-box;
        width: 100% !important;
        max-width: none;
        padding: 0;
    }
    .block-footer-menu li a{
        display: block;
        padding: 5px 12px;
        font-size: 14px;
    }
}
@media screen and (min-width: 768px) {
    .block-contacts{width:767px}
    .block-contacts.en{width:560px}
}

@media screen and (min-width: 1024px) {
    .block-footer-menu {
        width: 40%;
    }
    .block-footer-menu.left,
    .block-footer-menu.center {
        width: 29%;
    }
}

@font-face {
    font-family: 'icomoon';
    src: url('https://astrio.net/skin/frontend/default/turnkeye/fonts/icomoon/icomoon.eot?wvkkrr');
    src: url('https://astrio.net/skin/frontend/default/turnkeye/fonts/icomoon/icomoon.eot?wvkkrr#iefix') format("embedded-opentype"),
    url('https://astrio.net/skin/frontend/default/turnkeye/fonts/icomoon/icomoon.woff2?wvkkrr') format("woff"),
    url('https://astrio.net/skin/frontend/default/turnkeye/fonts/icomoon/icomoon.woff?wvkkrr') format("woff"),
    url('https://astrio.net/skin/frontend/default/turnkeye/fonts/icomoon/icomoon.ttf?wvkkrr') format("truetype"),
    url('https://astrio.net/skin/frontend/default/turnkeye/fonts/icomoon/icomoon.svg?wvkkrr#icomoon') format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

[class^="icon-"],[class*=" icon-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.icon-right-arrow:before {content: "\e800";}
.icon-left-arrow:before {content: "\e801";}
.icon-post:before {content: "\e82c";}
.icon-vkontakte:before {content: "\e900";}
.icon-instagram1:before {content: "\e901";}
.icon-astrio:before {content: "\e902";}
.icon-arrow-up:before {content: "\e903";}
.icon-arrow-up2:before {content: "\e904";}
.icon-east:before {content: "\e905";}
.icon-north:before {content: "\e906";}
.icon-south:before {content: "\e907";}
.icon-west:before {content: "\e908";}
.icon-checkmark:before {content: "\ea10";}
.icon-whatsapp1:before {content: "\ea94";}
.icon-telegram1:before {content: "\ea96";}
.icon-phone-squared:before {content: "\f098";}
.icon-twitter:before {content: "\f099";}
.icon-mail-alt:before {content: "\f0e0";}
.icon-skype:before {content: "\f17e";}
.icon-facebook-squared:before {content: "\f308";}
.icon-linkedin-squared:before {content: "\f30c";}
.icon-right:before {content: "\e802";}
.icon-right-dir:before {content: "\e803";}
.icon-left-open:before {content: "\e80d";}
.icon-right-open:before {content: "\e80e";}
.icon-instagram:before {content: "\e909";}
.icon-whatsapp:before {content: "\e910";}
.icon-telegram:before {content: "\e911";}
.icon-vk:before {content: "\e912";}
.icon-linkedin:before {content: "\e913";}
.icon-email:before {content: "\e914";}
.icon-phone:before {content: "\e915";}
.icon-location:before {content: "\e916";}
@media only screen and (max-width: 1224px) {
	#header .block-logo{margin-right:0}
	.block-lang-select{margin:0}
	a.helpdesk{margin-right:20px}
	.cms-services-magento-development-html .right-nav span p a img{width:160px}
}
@media only screen and (max-width: 1023px) {
	#header .block-logo{margin-right:0}
	#header .wrap .helpdesk{position:absolute;top:25px;right:5px}

	nav.block-top-menu ul li{float:none}
	#header .wrap,.block-main-banner .wrap{padding:0 25px}
	.block-main-banner .carousel > li > img{width:auto}

	.block-top-menu ul .sub-menu{left:-143px}
	.block-top-menu > ul > li{clear:both;background:none;padding-left:3px}
	#content img{max-width:100%;height:auto}
	.main_with-right section{max-width:100%}
	.main_with-right aside{display:none}
	.testimonial-block{background-position:0 20px}
	.testimonial-block .testimonial-text{padding:0 80px}
	.testimonial-block .close-quote{right:70px}
	.contact-left{width:100%;padding-right:0}
	.contact-right{width:100%}
	.grid-product > .left,.grid-product > .right{width:100%}
	.page-list .t-col-2{padding-top:0}
	.what-we-use{background:none;height:auto}
	.quality{background:none;margin:0 0 20px;padding:10px 0 0}
	.testimonials-list{padding:0}
	.testimonials-list .thumbnail-image{display:none}
	.contacts-block .contacts-block-container{max-width:700px}
	.contacts-block .meetteam{display:none;margin:0}
	.contacts-block .contacts-btn{width:140px;height:32px;line-height:32px;font-size:10px;margin-right:20px}
	.contacts-block .last{padding:0}
	#content ul.key-options li{font-size:16px}
	.block-footer-menu.left,.block-footer-menu.right,.block-footer-menu.center{box-sizing:border-box;max-width:575px;width:100%;margin:0 auto;float:none;overflow:hidden;padding:20px 20px 0}
	.block-footer-sub-menu{float:none;text-align:center;margin-bottom:10px}
	.block-copyright{clear:both;float:none;text-align:center}
}
@media only screen and (min-width: 1023px) {
	.block-top-menu > ul > li {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAIAAAA7ljmRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpJREFUeNpi+P///8t4ESACMlj+fX0PRAwMDECSESjw+945IIdVyQggwAAA6xdbOOfIAwAAAABJRU5ErkJggg==) no-repeat left 8px
	}
}
@media only screen and (min-width: 767px) {
	.maps-company .col-maps-ul,.maps-company .col-maps-msk{width:calc(50% - 20px);}
	.maps-company .col-maps-ul{float: left;margin-right:20px;}
	.maps-company .col-maps-msk{float: right;margin-left:20px;}
}
@media only screen and (max-width: 767px) {
	.block-top-menu{position:relative;padding-top:0}
	.block-top-menu > ul > li {position: static}
	.block-top-menu ul .sub-menu{top:39px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);max-width: 380px;;width: 100%;}
	#header .block-logo >span{display:inline-block;top:4px;left:10px;width:123px}
	#header .wrap .helpdesk{position:relative;top:0;right:0}
	h1{font-size:30px}
	h2{font-size:16px}
	h3{font-size:15px}
	h4{font-size:15px}
	#header{height:auto;float:left;padding-top:12px;position:relative!important;z-index:9999;box-shadow:none}
	#header .wrap{padding:0}
	.block-logo{margin:0 10px}
	.block-logo span{display:none}
	.block-top-menu{clear:both;width:100%;border-top:1px solid #e5e7ea;margin-top:12px;padding-top:12px}
	.block-lang-select{margin:0 20px 5px 0}
	.block-top-menu{display:table;text-align:center}
	.block-top-menu > ul{display:table-cell;padding:0 10px}
	.block-top-menu > ul > li{float:none}
	.block-top-menu > ul > li:first-child{margin-left:0;padding-left:0}
	.contacts-block .contacts-block-container{max-width:300px}
	.contacts-block .meetteam{display:block;margin:0;width:140px}
	.contacts-block .meetteam p.text-above{font-size:9px;line-height:11px}
	.contacts-block .meetteam h2{font-size:18px}
	.contacts-block .contacts-btn{width:140px;height:32px;line-height:32px;font-size:10px;margin-right:20px}
	.contacts-block .last{display:none}
	.portfolio-list .project-image,.portfolio-list .project-description{display:none}
	.portfolio-list .item{width:250px;margin:0 25px}
	.portfolio-list .client-face{padding:0!important}
	.portfolio-grid .item{margin:0 55px!important}
	.cms-page-portfolio-detail .magento-version{display:none}
	#content .choose-partner{font-size:17px;line-height:normal}
	ul.systems li{border:0}
	#footer{background:none;}
	.block-contacts{padding:18px 25px;width:auto}
	.block-contacts .free-quote-form{width:100%;margin-bottom:15px;text-align:left;float:left}
	.block-contacts > h3{display:none}
	.block-contacts .contacts{color:#8f98a4;margin-right:0;float:none;margin-top:-2px;display:inline-block}
	.block-contacts .block-social{display:block;float:none;text-align:center}
	.block-contacts .block-social li {display:inline-block;float:none}
	.block-contacts .contacts li{background:none}
	.block-contacts .contacts li:first-child{padding-left:0}
	.block-contacts .contacts li span{display:none}
	.block-contacts .contacts li a{text-indent:-9999px;position:relative;display:inline-block;width:20px;height:22px}
	.block-contacts .contacts li a:before{position:absolute;top:0;right:0;width:20px;height:20px;font-family:'icomoon';text-indent:0;color:#000;font-size:18px}
	.block-contacts .contacts li a[href^="skype:"]:before{content:"\f17e"}
	.block-contacts .contacts li a[href^="mailto:"]:before{content:"\f0e0"}
	.block-contacts .contacts li a[href^="tel:"]:before{content:"\f098"}
	.block-newsletter .block-newsletter-inner{width:338px}
	.block-newsletter .input-text{width:145px;-webkit-appearance:none}
	.block-magento-bages{padding:15px 30px;margin-bottom:20px}
	.block-magento-bages a{display:inline-block}
	.block-magento-bages a.last{width:100%}
    .block-magento-bages a:first-child{margin:0 0 25px}
	.block-footer-sub-menu{padding:0 18px 13px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box}
	.block-footer-sub-menu li{float:left;display:inline-block;text-align:left;margin:0 0 10px;width:50%;padding-left:12%;box-sizing:border-box;-moz-box-sizing:border-box}
	.block-copyright{float:none;text-align:center}
}
@media only screen and (max-width: 480px) {
	.page-list .t-col-1{width:100%;margin-bottom:20px;text-align:center}
	.page-list .t-col-2{width:80%;clear:both;padding:0}
	.page-list .t-col-3{width:20%}
	.contacts-block + .testimonial-block,.link-about-work,.project-testimonial{display:none}
	.testimonial-block{background:none;padding-top:10px}
	.testimonial-block .testimonial-text{padding:0}
	.testimonial-block .testimonial-text .big-text{font-size:16px;font-weight:700;line-height:normal}
	.testimonial-block .close-quote{display:none}
	.testimonial-block3{margin:0}
	#content .team-member{-moz-box-sizing:border-box;box-sizing:border-box;width:45%}
	.block-newsletter-inner{width:309px}
	.block-newsletter-inner input.input-text{width:118px}
	#partners .page-list h2{text-align: center;}
	#partners .page-list .item .t-col-2 {float: none;margin:0 auto;}
}
@media only screen and (max-width: 320px) {
	html,body{width:320px}
	.block-top-menu ul .sub-menu{width:300px}
	.contact-left button{width:100%}
}