@font-face {
    font-family: 'Cera Round Pro';
    src: url('../fonts/CeraRoundPro-Regular.eot');
    src: local('Cera Round Pro Regular'), local('CeraRoundPro-Regular'),
        url('../fonts/CeraRoundPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CeraRoundPro-Regular.woff2') format('woff2'),
        url('../fonts/CeraRoundPro-Regular.woff') format('woff'),
        url('../fonts/CeraRoundPro-Regular.ttf') format('truetype'),
        url('../fonts/CeraRoundPro-Regular.svg#CeraRoundPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Round Pro';
    src: url('../fonts/CeraRoundPro-Black.eot');
    src: local('Cera Round Pro Black'), local('CeraRoundPro-Black'),
        url('../fonts/CeraRoundPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CeraRoundPro-Black.woff2') format('woff2'),
        url('../fonts/CeraRoundPro-Black.woff') format('woff'),
        url('../fonts/CeraRoundPro-Black.ttf') format('truetype'),
        url('../fonts/CeraRoundPro-Black.svg#CeraRoundPro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Round Pro';
    src: url('../fonts/CeraRoundPro-Bold.eot');
    src: local('Cera Round Pro Bold'), local('CeraRoundPro-Bold'),
        url('../fonts/CeraRoundPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CeraRoundPro-Bold.woff2') format('woff2'),
        url('../fonts/CeraRoundPro-Bold.woff') format('woff'),
        url('../fonts/CeraRoundPro-Bold.ttf') format('truetype'),
        url('../fonts/CeraRoundPro-Bold.svg#CeraRoundPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cera Round Pro';
    src: url('../fonts/CeraRoundPro-Medium.eot');
    src: local('Cera Round Pro Medium'), local('CeraRoundPro-Medium'),
        url('../fonts/CeraRoundPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CeraRoundPro-Medium.woff2') format('woff2'),
        url('../fonts/CeraRoundPro-Medium.woff') format('woff'),
        url('../fonts/CeraRoundPro-Medium.ttf') format('truetype'),
        url('../fonts/CeraRoundPro-Medium.svg#CeraRoundPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


*{
	margin:0;
	padding:0;
	outline:none;
}

ul{
	list-style:none;
	}

a{
	text-decoration:none;
	}

.clr{
	clear:both;
	height:0;
	display:block;
	}
	
.popup{
	display:none;
	left:50%;
	position:absolute;
	z-index:1300;
	}	

html{
	overflow-x: hidden;
}	

body{
	font-family: 'Cera Round Pro';
	overflow-x: hidden;
	}	

.icon{
	position:absolute;
	left:0;
	top:0;
	background:url(../images/icons.png);
	}			

.body-inner{
	width: 1280px;
	margin: 0 auto;
}

.bgblack{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.6;
	z-index: 3500;
	display: none;
}

#logo{
	display: flex;
	align-items: center;
	margin-left: 15px;
}

#message-popup{
	position: absolute;
	width: 500px;
	left: 50%;
	margin-left: -250px;
	top: 100px;
	font-size: 16px;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.popup-inner{
	padding: 30px 20px;
	text-align: center;
	position: relative;
}

.close-icon{
	width: 54px;
	height: 54px;
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-border-radius: 0 14px;
	-moz-border-radius: 0 14px;
	border-radius: 0 14px;
	background-color: #0F6566;

}

.i-close{
	width: 10px;
	height: 10px;
	background-position: -102px -23px;
}

.header{
	height: 100px;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 3000;
}

.header-inner{
	width: 1280px;
	margin: 15px auto 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow:  0px 5px 13px 0px rgba(15, 101, 102, 0.06);
    -moz-box-shadow:  0px 5px 13px 0px rgba(15, 101, 102, 0.06);
    box-shadow:  0px 5px 13px 0px rgba(15, 101, 102, 0.06);
    position: relative;
   background-color: #fff;

}

.header-wrapper{
	display: flex;
	height: 80px;
}

.menu-wrapper{
	display: flex;
	height: 80px;
	flex-grow: 1;
	align-items: center;
}

.main-menu{
	flex-grow: 1;
	margin-left: 45px;
}

.main-menu ul{
	display: flex;
	justify-content: flex-start;
}

.main-menu ul a{
	color: #0B2323;
	font-size: 16px;
}

.main-menu ul li:first-child,
     .menu-mob ul li:first-child{
	display: none;
}

.main-menu ul a:hover,
    .menu-mob ul a:hover{
	color: #0f6566;
}

.main-menu ul li{
	margin-right:30px;
	position: relative;
	height: 80px;
	display: flex;
	align-items: center;
}

.main-menu ul li.deeper{
	padding-right: 18px;
}

.main-menu .i-menu-arrow,
    .menu-mob .i-menu-arrow{
	width: 11px;
	height: 7px;
	left: auto;
	right: 0;
	top: 38px;
	background-position: -1px -1px;
}

.main-menu ul li.deeper:hover .i-menu-arrow{
	background-position: -13px -1px;
}

.menu-dropdown{
	position: absolute;
	width: 400px;
	font-size: 15px;
	left: -20px;
	top: 100px;
	padding-top: 11px;
	box-sizing: border-box;
	visibility: hidden;
	opacity: 0;
			-webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  display: block;
}

.main-menu ul li:hover .menu-dropdown{
	visibility: visible;
	opacity: 1;
	top: 70px;
}

.menu-dropdown-inner{
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    -moz-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
}


.main-menu .menu-dropdown ul li:first-child{
	display: block;
}

.main-menu .menu-dropdown ul{
	flex-wrap: wrap;
	display: flex;
}

.main-menu .menu-dropdown li{
	flex-basis: 50%;
	width: 50%;
	margin-right: 0 !important;
	margin-bottom: 10px;
	height: auto;
	padding: 0;
	display: block;
}


.main-menu ul li li.deeper{
	padding-right: 0;
}



.main-menu .menu-dropdown li a{
	display: block;
	padding-left: 15px;
	position: relative;
}

.main-menu .menu-dropdown li a:before{
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #263238;
	left: 0;
	top: 8px;
}

.menu-dropdown-inner ul>li a{
	padding: 10px;
	font-size: 16px;
	font-weight: 500;
	background-color: #F8FAFA;
}

.menu-dropdown-inner ul>li:first-child a{
	-webkit-border-radius: 10px 0 0 0;
	-moz-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
}

.menu-dropdown-inner ul>li:nth-child(2) a{
	-webkit-border-radius: 0 10px 0 0;
	-moz-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;
}

.menu-dropdown-inner ul>li a:before,
    .main-menu .menu-dropdown .i-menu-arrow{
	display: none;
}

.main-menu .menu-dropdown ul li ul{
	display: block;
	margin-top: 5px;
}

.main-menu .menu-dropdown ul li ul li{
	width: 100%;
}

.main-menu .menu-dropdown ul li ul li a{
	padding: 2px 10px;
	font-size: 15px;
	font-weight: 400;
	margin-left: 15px;
	background: no-repeat;
}

.main-menu .menu-dropdown ul li ul li a:before{
	display: block;
	top: 10px;
}

.top-contacts{
	width: 450px;
	height: 100%;
}

.top-contacts .contacts-wrap{
	width: 450px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.top-contacts .contact-email a,
    .top-contacts .contact-tel{
	height: 42px;
	line-height: 42px;
	display: inline-block;
	border: 2px solid #0F6566;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #0F6566;
	font-weight: 600;
	margin: 0 10px;
	min-width: 207px;
	text-align: center;
			-webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
}

.top-contacts .contact-tel{
	color: #fff;
	background-color: #0F6566;
	font-weight: 500;
}

.top-contacts .contact-email a:hover{
	color: #fff;
	background-color: #0F6566;
}

.top-contacts .contact-tel:hover{
	color: #0F6566;
	background-color: #fff;
}

.header-right{
	margin:0 20px;
}

.slider{
	position: relative;
	z-index: 0;
}

.home-slider,
    .slide,
    .home-slider.outstaffing-slider{
	position: relative;
	z-index: 1;
}

.home-slider .slide{
	height: 950px;
	background-position: center center;
	background-size: cover;
}

.home-slider .slick-dots{
	position: absolute;
	display: flex;
	justify-content: center;
	width: 100%;
	height: 20px;
	left: 0;
	bottom: 20px;
}

.home-slider .slick-dots li{
	margin: 0 3px;
}

.home-slider .slick-dots li button{
	width: 10px;
	height: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 0;
	border: 0;
	background-color: #009DFF;
}

.home-slider .slick-dots li.slick-active button{
	background-color: #FBF6F3;
}

.home-slider .body-inner{
	display: flex;
}

.home-slider .slider-desc{
	margin-top: 30px;
	font-size: 21px;
	font-weight: 700;
}

.home-slider .slider-button{
	margin-top: 65px;
}

.slide-content-wrap{
	width: 1600px;
	border: 1px solid rgba(15, 101, 102, 0.5);
	margin: 0 auto;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	padding-top: 140px;
	position: relative;
	z-index: 10;
	background-color: #f8faf9;
	height: 750px;
}

.slide-content-wrap.green-bg{
	background: no-repeat;
	border: 0;
}

.slider-title{
	margin-top: 175px;
	font-weight: 900;
	color: #0B2323;
	font-size: 51px;
}

.slider-title span{
	color: #0F6566;
	display: inline-block;
	background-color: #fff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	padding-right: 10px;
	position: relative;
	height: 64px;
}

.slider-title span i{
	position: absolute;
	display: block;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	background-color: #fff;
	height: 64px;
	width: 150px;
	top: 0;
	left: -55px;
	z-index: 0;
}

.slider-title span i span{
	display: none;
}

.green-bg .slider-title span i{
	left: -30px;
}

.green-bg .slider-title{
	color: #fff;
	font-size: 48px;
	width:700px;
}

.slider-subtext{
	font-size: 16px;
	line-height: 22px;
	margin-top: 20px;
}

.slider-right-title{
	font-size: 48px;
	font-weight: 900;
	color: #e3ebed;
	margin: 40px 0 40px 20px;
	text-transform: uppercase;
}

.slider-right{
	flex-grow: 1;
}

.green-bg .slider-right-title{
	text-align: right;
	color: #3d8182;
	margin-right: 45px;
}

.order-button,
    .attach-link,
    .footer-link,
    .order-popup .vssend-button,
    .contact-us-link,
    .content-readmore{
	display: inline-block;
	width: 265px;
	height: 59px;
	font-size: 12px;
	font-weight: 600;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	font-size: 20px;
	font-weight: 900;
	border: 1px solid rgba(15, 101, 102, 0.6);
}

.order-button span,
    .attach-link .green-wrap,
    .footer-link span,
    .order-popup .vssend-button span,
    .contact-us-link span,
    .content-readmore span{
	position: absolute;
	width: 288px;
	height: 66px;
	line-height: 66px;
	text-align: center;
	color: #fff;
	background-color: #0F6566;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	left: 6px;
	top: -14px;
		-webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
}

.order-button:hover span,
    .attach-link:hover .green-wrap,
     .contact-us-link:hover span,
     .content-readmore:hover span{
	left: -1px;
	top: -1px;
	width: 266px;
}

.content-readmore {
    height: 47px;
    width: 236px;
    font-size: 17px;
    margin-top: 35px;
}

.content-readmore span {
    width: 262px;
    height: 54px;
    line-height: 54px;
}

.contact-us-link{
	display: block;
	margin: 0 auto;
}

.green-bg .order-button{
	border-color: #fff;
} 

.green-bg .order-button span{
	background-color: #fff;
	color: #0F6566;
}

.move-down{
	display: block;
	width: 38px;
	height: 21px;
	position: relative;
	margin-top: 105px;
}

.i-arrow-down{
	width: 38px;
	height: 21px;
	background-position: 0 -10px;
}

.slider-blocks{
	position: relative;
}

.slide-block{
	display: flex;
	position: relative;
	justify-content: flex-end;
	margin:0 40px 15px 0;
}

.slide-block.slide-block-2{
	margin-right: 90px;
}

.slide-block-info{
	position: absolute;
	width: 215px;
	height: 108px;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	top: 55px;
	right: 190px;
	padding: 15px 45px 15px 25px;
	box-sizing: border-box;
	-webkit-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    -moz-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    z-index: 5;
}

.slide-block-info div{
	font-size: 19px;
	color: #000;
	font-weight: 500;
	margin-bottom: 10px;
}

.slide-block-info a{
	display: inline-block;
	height: 20px;
	line-height: 20px;
	color: #0F6566;
	position: relative;
	padding-right: 32px;
}

.slide-block-info a span{
	display: block;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color: #0F6566;
	position: absolute;
	right: 0;
	top: 0;
}

.i-arrow-right{
	width: 12px;
	height: 6px;
	left: 4px;
	top: 7px;
	background-position: -25px -1px;
}

.slide-line1{
	position: absolute;
	width: 137px;
	height: 248px;
	top: 68px;
	right: 350px;
	z-index: 2;
	background-image: url(../images/slide_line1.png);
}

.slide-line2{
	position: absolute;
	width: 137px;
	height: 432px;
	top: 68px;
	right: 350px;
	z-index: 1;
	background-image: url(../images/slide_line2.png);
}

.about-content{
	background-color: #0F6566;
	padding: 60px 0;
}

.about-module > h3{
	text-align: center;
	color: #fff;
	font-size: 41px;
	font-weight: 900;
	width: 560px;
	margin: 0 auto 90px auto;
}

.about-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.about-block{
	flex-basis: 33.33%;
	margin-bottom: 90px;
	display: flex;
}

.about-block-inner{
	width: 350px;
	height: 195px;
	position: relative;
	background-color: #fff;
	text-align: center;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	padding: 65px 20px 0 20px;
	box-sizing: border-box;
	color: #0B2323;
}

.about-block:nth-child(3n) .about-block-inner{
	 margin-left: auto;
}

.about-block:nth-child(3n+2) .about-block-inner{
	 margin:0 auto;
}

.about-block-img{
	width: 88px;
	height: 88px;
	position: absolute;
	left: 50%;
	margin-left: -44px;
	top: -44px;
	background-color: #0F6566;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff;
	-webkit-border-radius: 44px;
	-moz-border-radius: 44px;
	border-radius: 44px;
}

.about-block-title{
	text-align: center;
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 24px;
}

.about-block-desc{
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
}

.about-block-desc strong{
	color: #0F6566;
	font-weight: 500;
}

.about-text{
	background-color: #fff;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	margin: 0 auto;
	position: relative;
	padding: 60px;
	box-sizing: border-box;
}

.about-label{
	position: absolute;
	left: -75px;
	top: -15px;
	width: 106px;
	height: 106px;
	background-image: url(../images/label.png);
}

.about-text-inner{
	display: flex;
	justify-content: space-between;
}

.about-text-title{
	font-size: 41px;
	font-weight: 900;
	color: #0B2323;
	min-width: 310px;
}

.about-text-title span{
	color: #0F6566;
}

.about-text-desc{
	display: flex;
	align-items: center;
	margin: 0 80px;
	font-size: 18px;
	color: #0B2323;
}

.about-text-btn{
	display: flex;
	align-items: center;
	padding-top: 10px;
}

.circle-groupe-left{
	position: absolute;
	top: 450px;
	left: -260px;
}

.circle1{
	position: absolute;
	width: 56px;
	height: 56px;
	background-color: #EFF4F4;
	-webkit-border-radius: 56px;
	-moz-border-radius: 56px;
	border-radius: 56px;
}

.circle2{
	position: absolute;
	width: 23px;
	height: 23px;
	background-color: #EFF4F4;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
	top: 65px;
	left: 125px;
}

.circle3{
	position: absolute;
	width: 140px;
	height: 140px;
	background-color: #EFF4F4;
	-webkit-border-radius: 140px;
	-moz-border-radius: 140px;
	border-radius: 140px;
	top: 140px;
	left: 28px;
}

.circle-groupe-right{
	position: absolute;
	top: 50px;
	right: -260px;
	width: 260px;
}

.circle-groupe-right .circle1{
	top: 220px;
	left: auto;
	right: 110px;
}

.circle-groupe-right .circle2{
	top: 190px;
	left: auto;
	right: 15px;
}

.circle-groupe-right .circle3{
	top: 0;
	left: auto;
	right: 0;
}

.about-module .body-inner,
    .simple-works .body-inner{
	position: relative;
}

.services-content{
	padding: 60px 0;
}

.services-content .module-title{
	text-align: center;
	color: #0B2323;
	font-size: 41px;
	font-weight: 900;
	margin-bottom: 90px;
}

.services-content .module-title span{
	color: #0F6566;
}

.service-block,
   .service-bottom{
	background-color: #fff;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	-webkit-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    -moz-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    position: relative;
}

.service-counter{
	position: absolute;
	width: 46px;
	height: 46px;
	-webkit-border-radius: 46px;
	-moz-border-radius: 46px;
	border-radius: 46px;
	font-size: 22px;
	color: #fff;
	text-align: center;
	line-height: 46px;
	font-weight: 700;
	background-color: #0F6566;
	right: -23px;
	top: -23px;
}

.service-block-inner{
	display: flex;
	justify-content: space-between;
	padding: 0 60px;
	box-sizing: border-box;
	height: 280px;
}

.service-block-title{
	margin: 35px 0 20px 0;
	font-size: 34px;
	font-weight: 900;
	color: #0B2323;
}

.service-block-desc{
	color: #0B2323;
	font-size: 18px;
	margin-bottom: 45px;
}

.service-line{
	position: absolute;
	width: 135px;
	height: 288px;
	top: -2px;
	left: 532px;
	background:url(../images/service_line.svg);
}

.service-block-text{
	width: 1044px;
	margin: 30px auto 80px auto;
	background-color: #F8FAFA;
	border: 1px solid #0F6566;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	padding: 40px 30px 30px 30px;
	position: relative;
}

.service-block-text:before{
	content: url(../images/triangle.png);
	position: absolute;
	width: 123px;
	height: 33px;
	left: 50%;
	top: -32px;
	margin-left: -61px;
}

.service-block-text:after{
	content:'';
	position: absolute;
	left: 50%;
	top: -41px;
	margin-left: -8px;
	width: 7px;
	height: 7px;
	border: 5px solid #0F6566;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	background-color: #fff;
}


.list-wrapper{
	display: flex;
	justify-content: space-between;
	color: #0B2323;
}

.list-block{
	flex-basis: 50%;
	min-width: 50%;
}

.list-block-title{
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 30px;
}

.list-wrapper li{
	display: block;
	margin-bottom: 20px;
	position: relative;
	padding-left: 25px;
	line-height: 18px;
	box-sizing: border-box;
}

.list-wrapper ul{
	width: 80%;
}

.list-wrapper ol{
	counter-reset: section;
	list-style-type: none;
}

.list-wrapper ol li:before{
	counter-increment: section;
    content: "0" counter(section) ". ";
    color: #0F6566;
    font-weight: 500;
    position: absolute;
    left: 0;
}

.list-wrapper ol li{
	padding-left: 28px;
}

.list-wrapper ul li{
	min-height: 20px;
	background: url(../images/list_matker.png) no-repeat 0 2px;
}

.list-block-single ol{
	display: flex;
	flex-wrap: wrap;
}

.list-block-single ol li{
	flex-basis: 40%;
	max-width: 40%;
}

.list-block-single ol li:nth-child(3n+2){
	max-width: 20%;
}

.list-block-single ol li:nth-child(3n){
	flex-grow: 1;
}

.service-block.even .service-block-inner{
	flex-direction: row-reverse;
}

.service-block.even .service-line{
	left: 610px;
	background:url(../images/service_line_reverse.svg);
}

.service-block.even .service-counter{
	left: -23px;
	right: auto;
}

.service-block-img{
	text-align: center;
	min-width: 500px;
}

#usability-testing .service-block-desc{
	margin-bottom: 35px;
}

#usability-testing .list-block:first-child{
	width: 60%;
}

#usability-testing .list-block:first-child ul{
	width: 100%;
}

#compatibility-testing .list-block:first-child{
	width: 50%;
	min-width: 50%;
}

#compatibility-testing .list-block:first-child ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#compatibility-testing .list-block:first-child ul li{
	flex-basis: 50%;
}

.service-row{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.service-row-img{
	width: 55px;
	height: 55px;
	min-width: 55px;
	min-height: 55px;
	-webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	border-radius: 55px;
	background-color: #0F6566;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
}

.srt-title{
	color: #0F6566;
	font-weight: 700;
	margin-bottom: 5px;
}

.srt-desc{
	color: #0B2323;
	font-size: 15px;
	line-height: 18px;
}

#mobile-testing .list-block:first-child{
	margin-right: 20px;
}

#mobile-testing .list-block:first-child ul{
	width: 100%;
}

.service-bottom{

}

.service-bottom-header{
	color: #0B2323;
	font-weight: 900;
	height: 93px;
	display: flex;
	align-items: center;
	background-color: #F8FAFA;
	font-size: 34px;
	text-transform: uppercase;
	-webkit-border-radius: 26px 26px 0 0;
	-moz-border-radius: 26px 26px 0 0;
	border-radius: 26px 26px 0 0;
	padding-left: 60px;
}

.service-top-block{
	padding: 30px 60px 15px 60px;
	background: url(../images/dached_line.png) repeat-x left bottom;
}

.service-top-block ul,
    .service-bottom-block ul{
	display: flex;
	flex-wrap: wrap;
}

.service-top-block ul li,
    .service-bottom-block ul li{
	flex-basis: 14%;
	min-width: 14%;
	min-height: 20px;
	padding-left: 25px;
	color: #0B2323;
	box-sizing: border-box;
	margin-bottom: 18px;
	background: url(../images/list_matker.png) no-repeat 0 2px;
}

.service-bottom-block{
	display: flex;
	justify-content: space-between;
}

.service-bottom-block .list-block ul li{
	flex-basis: 33.33%;
	min-width: 33.33%;
}

.service-bottom-block .list-block{
	padding: 30px 0 30px 60px;
	box-sizing: border-box;
}

.service-bottom-block .list-block:first-child ul li{
	flex-basis: 38%;
	min-width: 38%;
}

.service-bottom-block .list-block:first-child{
	background: url(../images/dached_line_vetical.png) repeat-y right top;
}

.service-bottom-block .list-block:first-child ul li:nth-child(3n+2){
	flex-basis: 23%;
	max-width: 23%;
	min-width: 23%;
}

.comment-content{
	background-color: #0F6566;
	padding: 65px 0;
}

.latest-comments > h3,
   .simple-works .module-title{
	text-align: center;
	font-size: 41px;
	font-weight: 900;
	color: #fff;
	margin-bottom: 65px;
}


.comments-slider .slide{
	float: left;
	position: relative;
}

.comments-slider .slick-list{
	overflow: hidden;
}

.comment-block{
	background-color: #fff;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	display: flex;
	flex-direction: column;
	min-height: 320px;
	padding: 25px;
	box-sizing: border-box;
	color: #0B2323;
	position: relative;
	z-index: 5;
	-webkit-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    -moz-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
}

.comment-inner{
	width: 90%;
	margin: 0 auto;
	position: relative;
	padding: 15px 0;
}

.comment-comtent{
	flex-grow: 1;
}

.comment-info{
	justify-self: flex-start;
	display: flex;
	font-size: 18px;
}

.comment-name{
	font-weight: 700;
	margin-right: 10px;
}

.comment-position{
	color: #0F6566;
	font-weight: 500;
}

.slider-navigation{
	display: flex;
	width: 155px;
	margin: 25px auto;
	justify-content: space-between;
}

.slider-btn{
	display: block;
	width: 31px;
	height: 31px;
	border: 1px solid #fff;
	-webkit-border-radius: 31px;
	-moz-border-radius: 31px;
	border-radius: 31px;
	position: relative;
}

.comments-slider .slick-dots{
	display: none !important;
}

.slider-counter{
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	color: #fff;
}

.i-prev,
    .i-next,
    .icon-angle-right,
    .icon-angle-left{
	width: 9px;
	height: 17px;
	left: 10px;
	top: 7px;
	background-position: -1px -32px;
}

.i-next,
    .icon-angle-left{
	left: 12px;
	background-position: -12px -32px;
}

.square-bg-top,
   .square-bg-bottom{
	position: absolute;
	width: 220px;
	height: 220px;
	left: -18px;
	top: 0;
	background-color: #F8FAFA;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
}

.square-bg-bottom{
	top: auto;
	left: auto;
	right: -18px;
	bottom: 0;
}

.simple-works{
	margin-top: 105px;
}

.work-block,
    .how-block-wrap{
	background-color: #fff;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	display: flex;
	box-sizing: border-box;
	color: #0B2323;
	position: relative;
	z-index: 5;
	-webkit-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    -moz-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    margin-bottom: 25px;
}

.work-block-img{
	-webkit-border-radius: 26px 0 0 26px;
	-moz-border-radius: 26px 0 0 26px;
	border-radius: 26px 0 0 26px;
	display: flex;
}

.work-block-img img{
	-webkit-border-radius: 26px 0 0 26px;
	-moz-border-radius: 26px 0 0 26px;
	border-radius: 26px 0 0 26px;
}

.work-block-content{
	padding: 50px 90px 35px 90px;
	box-sizing: border-box;
	color: #263238;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.work-title{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 30px;
}

.work-text{
	line-height: 20px;
	flex-grow: 1;
	margin-bottom: 20px;
}

.simple-works .circle-groupe-left{
	top: 470px;
	left: -260px;
}


.simple-works .circle1{
	width: 48px;
    height: 48px;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
}

.simple-works .circle2{
	width: 18px;
    height: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}

.simple-works .circle3{
	width: 106px;
    height: 106px;
    -webkit-border-radius: 106px;
    -moz-border-radius: 106px;
    border-radius: 106px;
}

.simple-works .circle-groupe-left .circle1{
	top: 175px;
	left: 0;
}

.simple-works .circle-groupe-left .circle2{
	top: 145px;
	left: 90px;
}

.simple-works .circle-groupe-left .circle3{
    left: 30px;
	top: 0;
}

.simple-works .circle-groupe-right{
	top: 15px;
}

.simple-works .circle-groupe-right .circle1{
	top: 195px;
	left: auto;
	right: 0;
}

.simple-works .circle-groupe-right .circle3{
	top: 15px;
	left: auto;
	right: 30px;
}

.simple-works .circle-groupe-right .circle2{
	top: 170px;
	left: auto;
	right: 90px;
}


.attach-link .green-wrap span{
	display: inline-block;
	position: relative;
	padding-left: 40px;
}

.i-pdf{
	width: 32px;
	height: 32px;
	top: 17px;
	background-position: -1px -51px;
}

.work-block.block-even{
	flex-direction: row-reverse;
}

.work-block.block-even .work-block-img img{
	-webkit-border-radius: 0 26px 26px 0;
	-moz-border-radius: 0 26px 26px 0;
	border-radius: 0 26px 26px 0;
	margin-right: -1px;
}

.how-module{
	padding: 70px 0 120px 0;
}

.how-module .module-title{
	text-align: center;
	font-size: 40px;
	font-weight: 900;
	color: #0B2323;
	margin-bottom: 110px;
}

.how-module .module-title span{
	color: #0F6566;
}

.how-row{
	margin-bottom: 40px;
	position: relative;
}

.how-row:first-child{
	margin-bottom: 110px;
}

.how-row-inner{
	display: flex;
	justify-content: space-between;
}

.how-line1{
	position: absolute;
	width: 283px;
	height: 146px;
	z-index: 1;
	left: 263px;
	top: -33px;
	background: url(../images/how_line1.svg);
}

.how-line2{
	position: absolute;
	width: 283px;
	height: 145px;
	z-index: 1;
	left: 750px;
	top: 80px;
	background: url(../images/how_line2.svg);
}

.how-block{
	width: 340px;
	height: 150px;
	display: block;
}

.how-block-wrap{
	width: 340px;
	height: 150px;
	justify-content: center;
	position: relative;
}

.how-block-img{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 88px;
	height: 88px;
	left: 50%;
	top: -44px;
	margin-left: -44px;
	background-color: #0F6566;
	-webkit-border-radius: 88px;
	-moz-border-radius: 88px;
	border-radius: 88px;
}

.how-block-title{
	margin-top: 75px;
	text-align: center;
	font-size: 21px;
	font-weight: 700;
	color: #0B2323;
}

.how-counter{
	position: absolute;
	left: 10px;
	bottom: 10px;
	font-size: 22px;
	font-weight: 700;
	color: #E8EEEE;
}

.how-block.how-even .how-block-wrap{
	background-color: #F8FAFA;
}

.how-row .how-block:nth-child(2){
	margin-top: 40px;
}

.how-row .how-block:nth-child(3){
	margin-top: 80px;
}

.how-module .about-text{
	border: 1px solid #0F6566;
	background-color: #F8FAFA;
}

.how-module .about-text-title{
	max-width: 390px;
}

.how-module .about-label{
	left: -45px;
	top: -40px;
}

.how-module .order-button{
	margin-right: 40px;
}

.footer-buttons{
	padding: 25px 0 20px 0;
	background-color: #F8FAFA;
	border-top: 1px solid #0F6566;
}

.footer-buttons-wrap{
	display: flex;
	justify-content: center;
}


.footer-link{
	width: 202px;
	height: 45px;
	font-size: 16px;
	font-weight: 500;
	margin: 0 30px;
}

.footer-link span{
	width: 221px;
	height: 51px;
	line-height: 51px;
	font-weight: 500;
	left: 5px;
	top: -10px;
}

.footer-link:hover span{
	left: -1px;
	top: -1px;
	width: 204px;
	height: 46px;
	line-height: 45px;
}

.footer{
	background-color: #0F6566;
	padding: 45px 0 25px 0;
}

.footer-bottom{
	height: 50px;
	background-color: #0F6566;
}

.footer-wrap{
	display: flex;
}

#footer-logo{
	margin-top: 5px;
	display: block;
}

.footer-col{
	flex-basis: 38%;
	font-size: 16px;
	color: #FBF6F3;
}

.contacts-footer > h3,
    .footer-menu h3{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
}

.contacts-footer .contacts-wrap{
	display: flex;
}

.contacts-footer .contact-email a,
    .contacts-footer .contact-tel{
	display: inline-block;
	height: 42px;
	width: 207px;
	text-align: center;
	line-height: 42px;
	border: 2px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	font-weight: 500;
	margin-right: 20px;
			-webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
}

.contacts-footer .contact-tel,
   .contacts-footer .contact-email a:hover{
	background-color: #fff;
	color: #0F6566;
}

.contacts-footer .contact-tel:hover{
	background-color: #0F6566;
	color: #fff;
}

.footer-menu ul{
	display: flex;
	flex-wrap: wrap;
}

.footer-menu ul ul{
	display: block;
}

.footer-menu li{
	flex-basis: 50%;
	margin-bottom: 15px;
	position: relative;
	box-sizing: border-box;
}

.footer-menu li a{
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

.footer-menu ul ul li:before{
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fff;
	left: 0;
	top: 8px;
}

.footer-menu ul ul li{
	padding-left: 15px;
	margin-bottom: 12px;
}

.footer-col:first-child{
	flex-basis: 24%;
	width: 24%;
}

.footer-col:nth-child(3){
	display: flex;
	justify-content: flex-end;
}

.footer-menu{
	width: 430px;
}

.footer-menu .menu-dropdown{
	display: block;
	position: relative;
	visibility: visible;
	opacity: 1;
	background: none;
	top: 0;
	left: 0;
	width: auto;
	padding-top: 15px;
}

.footer-menu .menu-dropdown-inner{
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow:  none;
    -moz-box-shadow: none;
    box-shadow:  none;
}

.footer-menu .menu-dropdown-inner ul>li a{
	background: none;
	padding: 0;
	font-size: 15px;
	font-weight: 400;
}

.footer-menu .menu-dropdown-inner ul>li a:hover{
	text-decoration: underline;
}

.bottom-menu ul{
	display: flex;
	padding-top: 10px;
	justify-content: center;
}

.bottom-menu ul a{
	font-size: 15px;
	color: #fff;
}

.bottom-menu ul li{
	height: 18px;
	padding: 0 10px;
	line-height: 18px;
	border-left: 1px solid #4b8b8b;
}

.bottom-menu ul li:first-child{
	border: 0;
}

.order-popup{
	position: absolute;
	width: 740px;
	left: 50%;
	margin-left: -370px;
	top: 100px;
	z-index: 10000;
}

.order-popup .popup-inner{
	background-color: #fff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: relative;
	padding: 50px 0;
}

.order-popup .form-title{
	font-size: 38px;
	color: #0B2323;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.order-popup .vstext-top{
	font-size: 18px;
	color: #0B2323;
	margin-bottom: 25px;
	text-align: center;
}

.order-popup .popup-form-inner{
	width: 524px;
	margin: 0 auto;
}

.order-popup .input-row{
	text-align: left;
	margin-bottom: 30px;
}

.order-popup label{
	font-size: 18px;
	color: #0B2323;
	font-weight: 700;
	margin-bottom: 7px;
	text-align: left;
	display: block;
}

.order-popup input[type=text],
   .order-popup input[type=email],
   .order-popup input[type=tel]{
   	display: block;
   	height: 60px;
   	width: 100%;
   	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #0F6566;
	background-color: #F8FAFA;
	padding-left: 20px;
	box-sizing: border-box;
   }

.check-input-hidden{
	width: 0;
	height: 0;
	overflow: hidden;
}   

.check-link{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 23px;
	height: 23px;
	min-width: 23px;
	min-height: 23px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	margin-top: 4px;
	border: 1px solid #0F6566;
	position: relative;
}

.i-check{
	width: 15px;
	height: 13px;
	left: 4px;
	top: 5px;
	background-position: -16px -84px;
}

.check-link.active{
	background-color: #0F6566;
}

.check-link.active .i-check{
	background-position: 0 -84px;
}

.check-input{
	display: flex;
}

.check-input label{
	font-size: 15px;
	line-height: 16px;
	margin-left: 15px;
	font-weight: 400;
}

.order-popup .vssend-button{
	margin-top: 35px;
	width: 100%;
}

.order-popup .vssend-button span{
	width: 100%;
	left: 8px;
}

.order-popup .vssend-button:hover span{
	left: -1px;
	top: -1px;
	width: 101%;
}

.popup-message .msg-inner{
	text-align: center;
	color: #c92327;
	font-weight: 500;
	margin-bottom: 15px;
}

.show-menu-link,
    .close-menu{
	width: 44px;
	min-width: 44px;
	height: 44px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #0F6566;
	margin: 18px 20px 0 0;
	position: relative;
	display: none;
	justify-self: flex-end;
}

.i-menu,
    .i-menu-close{
	width: 21px;
	height: 21px;
	left: 11px;
	top: 11px;
	background-position: -41px -1px;
}

.i-menu-close{
	background-position: -41px -24px;
}


.close-menu{
	background-color: #fff;
	border: 1px solid #0F6566;
	position: absolute;
	z-index: 100;
	right: 0;
	top: 0;
	margin: 0;
	display: block;
}


.menu-popup{
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #fff;
	z-index: 1000;
	padding: 20px;
	box-sizing: border-box;
	height: 100vh;
	z-index: 4000;
	border: 1px solid rgba(41, 181, 214, 0.3);
}

.menu-popup .popup-inner{
	padding: 0;
}

.scroll-btn{
	display: block;
	position: fixed;
	right: 40px;
	bottom: 50px;
	width: 60px;
	height: 60px;
	background-color: #0F6566;
	border: 1px solid #fff;
	webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	z-index: 300;
	-webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  visibility: hidden;
  opacity: 0;
  -webkit-box-shadow:  0px 0px 12px 0px rgba(15, 101, 102, 0.3);
    -moz-box-shadow:  0px 0px 12px 0px rgba(15, 101, 102, 0.3);
    box-shadow:  0px 0px 12px 0px rgba(15, 101, 102, 0.3);
}

.scroll-btn.active{
	visibility: visible;
	opacity: 1;
}

.i-arrow-up{
	width: 24px;
	height: 15px;
	left: 18px;
	top: 22px;
	background-position: -1px -100px;
}

.home-content .about-label{
 	width: 103px;
 	height: 104px;
 	background: url(../images/gift.png);
 }

 .menu-mob{
 	width: 250px;
	margin: 0 auto;
 }

 .menu-mob li{
 	margin-bottom: 20px;
 	position: relative;
 }

  .menu-mob li > span{
  	display: inline-block;
  	position: relative;
  	padding-right: 18px;
  }

  .menu-mob .i-menu-arrow{
  	top: 9px;
  	cursor: pointer;
  }


 .menu-mob li a{
 	color: #0B2323;
 }

.menu-mob .menu-dropdown{
	position: relative;
	visibility: visible;
	opacity: 1;
	top: 0;
	left: 0;
	width: auto;
	margin:10px 0;
	display: none;
		-webkit-transition: none;
  -moz-transition:none;
  -o-transition: none;
}

.menu-mob ul ul li:first-child{
	display: block;
}

.menu-mob .menu-dropdown-inner ul>li a{
	webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 15px;
	display: block;
}

.menu-mob ul ul li{
	position: relative;
}

.menu-mob li li > span{
 	padding-right: 0;
 	display: block;
 }

.menu-mob li li li a{
	background: none;
} 

.menu-mob .menu-dropdown-inner ul{
	margin-top: 20px;
}

.menu-mob .menu-dropdown-dl a{
	padding: 0 ;
	font-weight: 400;
	font-size: 15px;
	display: inline !important;
}

.menu-mob .menu-dropdown-dl li{
	margin-bottom: 5px;
}

.menu-mob .menu-dropdown-inner .i-menu-arrow{
	display: none;
} 


/*.menu-mob ul ul li:before{
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #0B2323;
	left: 0;
	top: 7px;
}*/

.menu-mob .menu-dropdown-inner{
	box-shadow: none;
	padding: 0;
}

 .menu-popup .top-contacts,
     .menu-popup .top-contacts .contacts-wrap{
	width: 100%;
}

 .menu-popup .top-contacts .contact-tel{
 	height: 37px;
 	line-height: 37px;
 }

 .menu-popup .footer-link{
 	width: 293px;
 	height: 39px;
 }

  .menu-popup .footer-link span{
  	 width: 323px;
  	 height: 44px;
  	 line-height: 44px;
  }

  .menu-popup .footer-buttons,
     .menu-popup .footer-buttons-wrap{
  	width: 100%;
  }

#message-popup{
	width: 500px;
	left: 50%;
	margin-left: -250px;
	z-index: 10000;
}  

#message-popup .popup-inner{
	padding: 50px 20px;
	position: relative;
	webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #fff;
	color: #0B2323;
	font-size: 18px;
}

.inner-page{
	padding-top: 140px;
}

.home-slider.outstaffing-slider .slide:nth-child(2){
	height: 750px;
}

.outstaffing-slider .slide-content-wrap{
	padding-top: 0;
}

.info-block{
	width: 1600px;
	margin: 40px auto 120px auto;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #0F6566;
	position: relative;
	background-color: #f8faf9;
}

.info-block-triangle{
	width: 188px;
	height: 40px;
	margin: 0 auto;
	background: url(../images/triangle_green.png) 0 0;
}

.info-block-num{
	position: absolute;
	width: 46px;
	height: 46px;
	left: 50%;
	margin-left: -23px;
	top: -20px;
	-webkit-border-radius: 46px;
	-moz-border-radius: 46px;
	border-radius: 46px;
	border: 1px solid #0F6566;
	background-color: #F8FAFA;
	text-align: center;
	line-height: 46px;
	font-size: 22px;
	font-weight: 700;
	color: #0F6566;
}

.info-block-top{
	position: absolute;
	height: 40px;
	width: 100%;
	top: -40px;
	left: 0;
}

.info-block-header{
	text-align: center;
	color: #fff;
	padding: 35px 0;
	background-color: #0F6566;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.info-block-title{
	font-size: 41px;
	font-weight: 900;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.info-block-description p{
	font-size: 16px;
	margin-bottom: 15px;
	font-weight: 400;
}

.info-segment-what{
	padding: 50px 0;
}

.info-segment-what .body-inner{
	display: flex;
}

.isw-title{
	font-size: 32px;
	font-weight: 900;
	color: ##0B2323;
	margin-bottom: 40px;
}

.isw-list p{
	line-height: 18px;
	font-weight: 400;
	color: #0B2323;
	margin-bottom: 30px;
}

.isw-list p span{
	display: inline-block;
	background-color: #0F6566;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 2px 2px 2px 14px;
	margin-left: -14px;
}

.isw-left{
	flex-basis: 56%;
	min-width: 56%;
	margin-right: 50px;
}

.isw-right{
	padding-top: 75px;
}

.info-segment-when{
	color: #fff;
	padding: 50px 0 90px 0;
	background-color: #0F6566;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-bottom: 155px;
	position: relative;
}

.staffing-block .info-segment-when{
	padding-bottom: 430px;
}

.info-segment-when .body-inner,
    .info-segment-benefit .body-inner{
	position: relative;
	z-index: 10;
}

.iswhen-image{
	position: absolute;
	top: 15px;
	right: 60px;
	z-index: 1;
}

.iswhen-title{
	font-size: 32px;
	font-weight: 900;
}

.iswhen-desc{
	margin: 40px 0 30px 0;
	padding-left: 12px;
	border-left: 2px dashed #88b1b3;
	width: 82%;
}

.iswhen-desc p{
	font-weight: 400;
	margin-bottom: 15px;
}

.iswhen-bottom-text{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 80px;
}

.iswhen-features{
	position: relative;
}

.iswhen-features-inner{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.iswhen-features-wrap{
	display: flex;
	margin-bottom: 90px;
}

.iswhen-feature-block{
	flex-basis: 33.33%;
	min-width: 33.33%;
	display: flex;
}

.iswhen-feature-block:nth-child(2) .iswhen-fb-inner{
    align-self: center;
    margin:0 auto;
}

.iswhen-feature-block:nth-child(3) .iswhen-fb-inner{
    align-self: flex-end;
    margin-left: auto;
}

.iswhen-fb-inner{
	background-color: #fff;
	width: 340px;
	height: 168px;
	position: relative;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	-webkit-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    -moz-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
}

.staffing-block .iswhen-fb-inner{
	height: 205px;
}

.iswhen-feature-img{
	position: absolute;
	width: 88px;
	height: 88px;
	left: 50%;
	margin-left: -44px;
	top: -44px;
	-webkit-border-radius: 88px;
	-moz-border-radius: 88px;
	border-radius: 88px;
	border: 1px solid #fff;
	background-color: #0F6566;
	display: flex;
	justify-content: center;
	align-items: center;
}

.iswhen-feature-text{
	padding: 0 25px;
	color: #0B2323;
	line-height: 17.5px;
	margin-top: 65px;
	text-align: center;
}

.isd-inner{
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	-webkit-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    -moz-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    background-color: #fff;
}

.isd-header{
	-webkit-border-radius: 26px 26px 0 0;
	-moz-border-radius: 26px 26px 0 0;
	border-radius: 26px 26px 0 0;
	background-color: #0F6566;
	color: #fff;
	padding: 30px 0 30px 30px;
}

.isd-title{
	font-size: 32px;
	font-weight: 900;
	margin-bottom: 18px;
}

.isd-list{
	padding: 30px 30px 10px 30px;
}

.isd-list li{
	display: block;
	position: relative;
	margin-bottom: 30px;
	padding-left: 24px;
	color: #0B2323;
	line-height: 17.5px;
}

.isd-list li:before{
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	border: 5px solid #0F6566;
}

.staffing-block .isd-list{
	padding-left: 0;
	padding: 30px 35px 10px 35px;
}

.staffing-block .isd-list li:before{
	display: none;
}

.staffing-block .isd-list li{
	padding-left: 28px;
	margin-bottom: 20px;
}

.staffing-block .isd-list li span,
    .staffing-block .isd-list li strong{
	font-weight: 500;
	color: #0F6566;
}

.staffing-block .isd-list li span{
	position: absolute;
	left: 0;
	top: 0;
}

.staffing-block .isd-header{
	padding-left:35px;
}

.isd-bottom{
	padding: 0 0 40px 35px;
	font-weight: 500;
}

.info-segment-process{
	margin-top: 90px;
}

.isp-row{
	position: relative;
}

.isp-row-inner{
	display: flex;
	position: relative;
	z-index: 10;
}

.isp-block{
	flex-basis: 33.33%;
	width: 33.33%;
}

.isp-block-inner{
	width: 340px;
	height: 390px;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	background-color: #fff;
	-webkit-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    -moz-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    position: relative;
}

.isp-num{
	position: absolute;
	font-size: 22px;
	font-weight: 700;
	color: #E8EEEE;
	left: 12px;
	bottom: 12px;
}

.isp-line1{
	position: absolute;
	width: 286.5px;
	height: 135px;
	left: 243px;
	top: 223px;
	z-index: 1;
	background-image: url(../images/isp-line1.svg);
}

.isp-line2{
	position: absolute;
	width: 286.5px;
	height: 146px;
	left: 743px;
	top: 323px;
	z-index: 1;
	background-image: url(../images/isp-line2.svg);
}

.isp-row-even .isp-line1{
	left: 483px;
}

.isp-block-text{
	padding: 30px 30px 0 30px;
	color: #0B2323;
	line-height: 17.5px;
	text-align: center;
}

.icp-block-img img{
	-webkit-border-radius: 26px 26px 0 0;
	-moz-border-radius: 26px 26px 0 0;
	border-radius: 26px 26px 0 0;
}

.isp-row-inner .isp-block{
	display: flex;
}

.isp-row-inner .isp-block:nth-child(2) .isp-block-inner{
	align-self: center;
	margin: 40px auto auto auto;
	background-color: #F8FAFA;
}

.isp-row-even .isp-row-inner .isp-block:first-child .isp-block-inner,
    .staffing-block .isp-row:nth-child(2) .isp-block:nth-child(odd) .isp-block-inner{
	background-color: #F8FAFA;
}


.isp-row-even .isp-row-inner .isp-block:nth-child(2) .isp-block-inner,
    .staffing-block .isp-row:nth-child(2) .isp-block:nth-child(even) .isp-block-inner{
	background-color: #FFFFFF;
}

.isp-row-inner .isp-block:nth-child(3) .isp-block-inner{
	align-self: flex-end;
	margin: 80px 0 0 auto;
}

.isp-row-inner:nth-child(2){
	justify-content: center;
}

.isp-row-inner .isp-block:nth-child(2) .isp-block-text{
     padding: 25px 10px 0 10px;
}


.flex-center{
	justify-content: center;
}

.contact-block{
	margin: 40px 0 50px 0;
}

.contact-block p{
	text-align: center;
	color: #0B2323;
	font-weight: 500;
	margin-bottom: 35px;
}

.info-segment-benefit{
	color: #fff;
	padding: 38px 0;
	background-color: #0F6566;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: relative;
}


.isb-title{
	text-align: center;
	font-size: 32px;
	font-weight: 900;
	margin-bottom: 45px;
}

.isb-row{
	display: flex;
	justify-content: center;
}

.isb-col{
    margin: 0 75px;
}

.staffing-block .isb-col{
	text-align: center;
}

.isb-col h3{
	font-weight: 700;
	font-size: 21px;
	margin-bottom: 30px;
}

.isb-col h3 span{
	display: inline-block;
	background-color: #fff;
	color: #0F6566;
	padding: 0 14px 2px 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.isb-col li{
	display: block;
	margin-bottom: 18px;
	font-weight: 400;
}

.isb-col li span{
	font-weight: 500;
	padding-right: 8px;
}

.outstaffing-block .isw-right{
	padding-top: 0;
}

.outstaffing-block .about-text{
	margin: 5px 0 35px 0;
}

.outstaffing-block  .about-text-desc{
	font-size: 16px;
	line-height: 17.5px;
}

.outstaffing-block .info-segment-when{
	padding-bottom: 350px;
}

.isd-schelude{
	padding: 35px 60px;
}

.isd-schelude .about-text-desc{
	flex-direction: column;
	justify-content: center;
}

.isd-schelude .about-text-desc p{
	margin-bottom: 15px;
}

.isd-schelude .about-text-title,
    .outstaffing-block .isd-title{
	text-transform: uppercase;
}

.outstaffing-block .isd-title{
	font-size: 41px;
}

.outstaffing-block .isd-header{
	text-align: center;
}

.outstaffing-block .isd-inner{
	margin-bottom: 60px;
	border: 1px solid #0F6566;
	box-shadow: none;
}

.outstaffing-block .isd-description{
	width: 70%;
	margin: 0 auto;
}

.outstaffing-block{
	margin-bottom: 100px;
}

.img-mobile,
    .why-top img,
    .bottom-line{
	display: none;
}

.outstaff-page .services-content{
	padding-bottom: 0;
}

.about-text {
    background-color: #fff;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    margin: 0 auto;
    position: relative;
    padding: 60px;
    box-sizing: border-box;
}

.about-text-inner {
    display: flex;
    justify-content: space-between;
}

.about-text-title span {
    color: #0F6566;
}

.about-text-title {
    font-size: 41px;
    font-weight: 900;
    color: #0B2323;
    min-width: 310px;
}

.about-text-desc {
    display: flex;
    align-items: center;
    margin: 0 80px;
    font-size: 18px;
    color: #0B2323;
}

.about-text-btn {
    display: flex;
    align-items: center;
    padding-top: 10px;
}

.about-content-inner .module-title,
    .advantages-wrapper .module-title{
	margin-bottom: 50px;
}

.about-content-inner .module-title,
    .why-wrapper .module-title,
    .advantages-wrapper .module-title,
    .features-wrapper .module-title{
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    color: #0B2323;
    margin-bottom: 65px;
    text-transform: uppercase;
}

.about-content-inner .module-title span,
    .why-wrapper .module-title span,
    .outstaff-page .latest-comments h3 span {
    color: #0F6566;
}

.about-short-desc{
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	background-color: #fff;
	-webkit-box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    -moz-box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    text-align: center;
    padding: 35px 30px 20px 30px;
    color: #0B2323;
    margin-bottom: 32px;
}

.about-subtitle{
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 20px;
}

.about-short-desc p{
	padding-bottom: 15px;
}

.about-block-wrap{
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #0F6566;
	position: relative;
	margin-bottom: 33px;
	background-color: #F8FAFA;
}

.about-block-wrap:before,
    .why-features-wraper:before {
    content: url(../images/triangle.png);
    position: absolute;
    width: 123px;
    height: 33px;
    left: 50%;
    top: -32px;
    margin-left: -61px;
}

.about-block-wrap:after,
    .why-features-wraper:after {
    content: '';
    position: absolute;
    left: 50%;
    top: -41px;
    margin-left: -8px;
    width: 7px;
    height: 7px;
    border: 5px solid #0F6566;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    background-color: #fff;
}

.about-block-tinner{
	display: flex;
}

.about-col{
	flex-basis: 33.33%;
	width: 33.33%;
	padding: 30px 0 26px 0;
	color: #0B2323;
	text-align: center;
}

.about-col-title{
	text-align: center;
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 20px;
}

.about-col-text{
	width: 80%;
	margin: 0 auto;
	line-height: 17.3px;
}

.about-blocbottom{
	background-color: #0F6566;
	color: #fff;
	-webkit-border-radius: 0 0 15px 15px;
	-moz-border-radius:  0 0 15px 15px;
	border-radius:  0 0 15px 15px;
	padding: 20px 0;
	text-align: center;
}

.about-blocbottom li{
	margin-bottom: 10px;
}

.about-blocbottom li span{
	font-weight: 500;
	padding-right: 5px;
}

.about-blocbottom h3{
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 20px;
}

.about-block-wrap.two-col .about-col{
	flex-basis: 50%;
	width: 50%;
}

.about-block.two-col li span{
	font-weight: 400;
	padding-left: 25px;
	background: url(../images/li_marker.png) no-repeat 0 3px;
}

.about-technologies{
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	background-color: #fff;
	-webkit-box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    -moz-box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    padding: 45px 56px;
    color: #0B2323;
    margin-bottom: 80px;
}

.about-technologies-inner{
	display: flex;
}

.at-left{
	flex-basis: 65%;
	width: 65%;
}

.at-left h3{
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 33px;
}

.at-left p{
	margin-bottom: 20px;
}

.at-left .contact-us-link,
    .why-block .contact-us-link{
	margin: 40px 0 0 0;
}

.at-right{
	text-align: center;
	flex-grow: 1;
}

.about-line1,
    .about-line2,
    .about-line3{
	width: 78px;
	height: 100%;
	position: absolute;
	left: 385px;
	top: 0;
}

.about-line2{
	left: 820px;
}

.about-line3{
	left: 614px;
	top: -30px;
	height: 110%;
}

.why-block{
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	background-color: #fff;
	-webkit-box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    -moz-box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    padding: 55px 70px;
    margin-bottom: 33px;
}

.why-wrapper .module-title{
	margin-bottom: 50px;
}

.why-block-inner{
	display: flex;
}

.why-block-text{
	padding-left: 15px;
	border-left: 2px dashed #0F6566;
	color: #0B2323;
	width: 85%;
	line-height: 17.3px;
}

.why-block-text p{
	margin-bottom: 15px;
}

.why-block-bottom{
	font-weight: 500;
	margin-top: 20px;
}

.why-features-wraper{
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #0F6566;
    position: relative;
    margin-bottom: 33px;
    background-color: #F8FAFA;
    padding: 35px;
}

.why-feature-row{
	display: flex;
	justify-content: center;
}

.why-feature-row:first-child{
	margin:35px 0 90px 0;
}

.why-feature-block{
	flex-basis: 33.33%;
	width: 33.33%;
	display: flex;
	justify-content: center;
}

.wf-inner{
	background-color: #fff;
	width: 340px;
	min-height: 230px;
	-webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    -webkit-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    -moz-box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    box-shadow:  0px 7px 12px 0px rgba(15, 101, 102, 0.07);
    position: relative;
    text-align: center;
    color: #0B2323;
    padding-bottom: 10px;
}

.wf-image{
	position: absolute;
	width: 88px;
	height: 88px;
	left: 50%;
	top: -44px;
	margin-left: -44px;
	-webkit-border-radius: 88px;
    -moz-border-radius: 88px;
    border-radius: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0F6566;
}

.wf-title{
	margin-top: 65px;
	font-size: 21px;
	font-weight: 700;
}

.wf-text{
	width: 85%;
	margin: 10px auto 0 auto;
	font-size: 15px;
	line-height: 16.4px; 
}

.advantages-wrapper{
	margin: 65px 0 40px 0;
}

.advantages-wrapper .module-title{
	margin-bottom: 50px;
}

.advantages-inner{
	position: relative;
}

.advantages-row{
	-webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    -webkit-box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    -moz-box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    margin-bottom: 25px;
    display: flex;
    padding: 33px 10px 33px 60px;
    background-color: #fff;
}

.advantages-block{
	flex-basis: 33.33%;
	width: 33.33%;
	display: flex;
}

.advantages-block:nth-child(2){
	flex-basis: 36%;
	width: 36%;
}

.advantages-title{
	font-size: 21px;
	font-weight: 700;
	color: #0B2323;
	margin-bottom: 15px;
}

.advantages-text{
	font-size: 15px;
	line-height: 16.5px;
}

.advantages-title span{
	color: #0F6566;
}

.advantages-block:nth-child(1){
    justify-content: flex-start;
    flex-basis: 30%;
	width: 30%;
}

.advantages-block:nth-child(2){
    justify-content:center;
}

.advantages-block:nth-child(3){
    justify-content: flex-end;
}


.advantages-block:nth-child(1) .advantages-block-inner{
	width: 80%;
}

.advantages-block:nth-child(2) .advantages-block-inner{
	width: 85%;
}

.advantages-block:nth-child(3) .advantages-block-inner{
	width: 87%;
}


.row-line1,
    .row-line2{
	position: absolute;
	width: 61px;
	height: 156px;
	top: 0;
	left: 360px;
	background: url(../images/row-line.svg);
}

.row-line2{
	left: 835px;
}

.advantages-inner:nth-child(3) .advantages-row{
	background-color: #F8FAFA;
}

.features-wrapper{
	padding: 50px;
	background-color: #0F6566;
	margin-top: 65px;
}

.features-wrapper .module-title{
	color: #fff;
	margin-bottom: 50px;
}

.features-wrapper .advantages-block,
    .features-wrapper .advantages-block:nth-child(2){
	flex-basis: 50%;
	width: 50%;
}

.features-wrapper .row-line1{
	left: 600px;
}

.features-wrapper .module-title {
    color: #fff;
    margin-bottom: 50px;
}

.outstaff-page .comment-content{
	background-color: #fff;
} 

.outstaff-page .latest-comments > h3,
    .outstaff-page .slider-counter{
	color: #0B2323;
}

.outstaff-page .square-bg-top, 
     .outstaff-page .square-bg-bottom{
     background-color: #0F6566;
}	

.outstaff-page .slider-btn{
	border-color: #0F6566;
}

.outstaff-page .i-prev,
    .icon-angle-left {
    background-position: -1px -138px;
}

.outstaff-page .i-next,
    .icon-angle-right {
    background-position: -12px -138px;
}

.outstaff-page .slider-counter span{
	color: #0F6566;
}

.icon-angle-right{
	left: 12px;
}

.icon-angle-left{
	left: 10px;
}

.outstaff-page  .circle-groupe-left{
	position: absolute;
	top: 80px;
	left: 65px;
	z-index: 1;
}

.outstaff-page .latest-comments h3{
	text-transform: uppercase;
}

.outstaff-page  .circle1{
	position: absolute;
	width: 45px;
	height: 45px;
	background-color: #EFF4F4;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
}

.outstaff-page .circle2{
	position: absolute;
	width: 28px;
	height: 28px;
	background-color: #EFF4F4;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	top: 65px;
	left: 100px;
}

.outstaff-page .circle3{
	position: absolute;
	width: 68px;
	height: 68px;
	background-color: #EFF4F4;
	-webkit-border-radius: 68px;
	-moz-border-radius: 68px;
	border-radius: 68px;
	top: 160px;
	left: 10px;
}

.outstaff-page .circle-groupe-right{
	position: absolute;
	top: 80px;
	right: 75px;
	width: 125px;
	z-index: 1;
}

.outstaff-page .circle-groupe-right .circle3{
	top: 0;
	left: auto;
	right: 10px;
}

.outstaff-page .circle-groupe-right .circle2{
	top: 120px;
	left: auto;
	right: 95px;
}

.outstaff-page .circle-groupe-right .circle1{
	top: 165px;
	left: auto;
	right: 0;
}

.blog h1{
	-webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    border-radius: 26px;
    border: 1px solid rgba(15, 101, 102, 0.5);
    background-color: #f8faf9;
    text-align: center;
    padding: 40px 0;
    font-weight: 900;
    font-size: 48px;
    color: #e2eceb;
    margin-bottom: 40px;
}

.blog .alert{
	text-align: center;
}

.com-content-category-blog__items,
    .latestnews{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.com-content-category-blog__items .blog-item,
    .latestnews .blog-item{
	flex-basis: 33.33%;
	width: 33.33%;
	margin-bottom: 60px;
}

.com-content-category-blog__items .item-content,
    .latestnews .item-content{
	width: 385px;
	height: 520px;
	margin: 0 auto;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #fff;
      -webkit-box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    -moz-box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    position: relative;
}

.item-date{
	height: 32px;
	line-height: 32px;
	padding: 0 17px 0 35px;
	position: absolute;
	background-color: #fff;
	left: -1px;
	top: -1px;
	-webkit-border-radius: 15px 0 15px 0;
    -moz-border-radius: 15px 0 15px 0;
    border-radius: 15px 0 15px 0;
    font-size: 15px;
    color: #B1B1B1;
}

.i-date{
	width: 17px;
	height: 15px;
	left: 10px;
	top: 9px;
	background-position: -34px -86px;
}

.com-content-category-blog__items .item-image img,
    .latestnews .item-image img{
	max-width: 100%;
	-webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
}

.item-content-info{
	width: 90%;
	margin: 30px auto 0 auto;
}

.item-link{
	height: 65px;
	overflow: hidden;
	line-height: 22px;
}

.item-link a{
	font-size: 18px;
	color: #0B2323;
	font-weight: 700;
}

.item-intro-text{
	height: 60px;
	overflow: hidden;
	color: #0B2323;
}

.pagination__wrapper{
	display: flex;
	justify-content: center;
	font-size: 22px;
	font-weight: 500;
	color: #0B2323;
	position: relative;
}

.pagination__wrapper a{
	color: #0B2323;
	position: relative;
}

.pagination__wrapper span{
	color: #0F6566;
}

.pagination__wrapper span .icon-angle-left{
	display: none;
}

.next-btn,
   .prev-btn{
	width: 32px;
	height: 32px;
	-webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
	border: 1px solid #0F6566;
	margin-left:25px ;
}

.prev-btn{
	margin: 0 25px 0 0;
}

.article-top{
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
     -webkit-box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    -moz-box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    box-shadow:  0px 4px 12px 0px rgba(15, 101, 102, 0.07);
    display: flex;
    margin-bottom: 40px;
}

.article-image{
	min-width: 495px;
}

.article-image img{
	width: 100%;
	height: 100%;
	-webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
}

.article-info{
	padding: 20px 40px 35px 55px;
}

.article-date{
	position: relative;
	padding-left: 25px;
	font-size: 15px;
	color: #B1B1B1;
	margin-bottom: 25px;
}

.article-date .i-date{
	left: 0;
	top: 2px;
}

.article-info h1{
	font-size: 26px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 25px;
}

.article-introtext{
	color: #0B2323;
}

.com-content-article__body{
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
	border: 1px solid #0F6566;
	background-color: #f8faf9;
	padding: 55px 50px;
	position: relative;
	color: #0B2323;
}

.com-content-article__body h2{
	font-size: 21px;
	font-weight: 700;
	margin: 28px 0;
}

.com-content-article__body h4{
	font-size: 16px;
	font-weight: 700;
	margin:30px 0 5px 0;
}

.com-content-article__body h3{
	font-size: 21px;
	font-weight: 700;
	margin:30px 0 25px 0;
}

.com-content-article__body p{
	line-height: 23px;
	margin-bottom: 5px;
}

.com-content-article__body a{
	color: #0F6566;
	text-decoration: underline;
}

.com-content-article__body a:hover{
	text-decoration: none;
}

.com-content-article__body li{
	list-style-position: inside;
	margin-bottom: 8px;
}

.com-content-article__body li p{
	display: inline !important;
}

.article-share{
	position: absolute;
	right: -1px;
	top: -1px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	height: 50px;
	text-transform: uppercase;
	background-color: #0F6566;
	-webkit-border-radius: 0 15px 0 15px;
    -moz-border-radius: 0 15px 0 15px;
    border-radius: 0 15px 0 15px;
    display: flex;
    align-items: center;
    padding: 0 10px 0 20px;
}

.article-share-links{
	display: flex;
	margin-left: 12px;
}

.article-share-links a{
	width: 34px;
	height: 34px;
	-webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    border-radius: 34px;
    margin: 0 5px;
    border: 1px solid #fff;
    position: relative;
}

.i-twitter{
	width: 19px;
	height: 17px;
	left: 8px;
	top: 8px;
	background-position: -4px -118px;
}

.i-facebook{
	width: 11px;
	height: 18px;
	left: 11px;
	top: 8px;
	background-position: -36px -103px;
}

.i-linkedin{
	width: 17px;
	height: 17px;
	left: 9px;
	top: 8px;
	background-position: -30px -124px;
}

.recent-news{
	margin-top: 50px;
}

.recent-news h3{
	font-size: 32px;
	font-weight: 900;
	text-align: center;
	color: #263238;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.content-wrapper{
	padding-bottom: 120px;
}

.inner-page.outstaff-page{
	padding-top: 0;
}

.comment-outer{
	background-color: #fafafa;
	padding-top: 65px;
}

.clutch-comments > h3{
	text-align: center;
	color: #0B2323;
	font-weight: 900;
	font-size: 34px;
}

@media screen and  (max-width: 1640px) {
	
	.slide-content-wrap,
	.body-inner{
		width: 1300px;
	}

	.service-line{
		left: 545px;
	}

	.service-block.even .service-line{
		left: 620px;
	}

	.how-line2{
		left: 800px;
	}

	.slide-content-wrap.slide-software{
		padding-top: 30px;
	}

	.slide-content-wrap.slide-software,
	    .info-block{
		width: 1400px;
	}

	.slide-content-wrap.slide-software .slider-title span i{
		left: -20px;
	}

	.isw-left{
		min-width: 46%;
		flex-basis: 46%;
	}
} 

@media screen and  (max-width: 1460px) {
	
	.body-inner,
	    .header-inner{
		width: 1140px;
	}

	.slide-content-wrap{
		width: 1200px;
	}

	.green-bg .slider-title{
		width: 600px;
		font-size: 40px;
	}

	.slider-title span,
	    .slider-title span i{
		height: 54px;
	}

	.slider-right-title,
	    .slider-title{
		font-size: 40px;
	}

	.home-slider .slide{
		height: 900px;
	}

	.slide-content-wrap.slide-software,
	    .info-block{
		width: 1300px;
	}

	.slide-content-wrap .slider-title span i{
		left: -20px;
	}

	.service-line{
		left: 465px;
	}

	.service-block.even .service-line{
		left: 540px;
	}

	.service-block-title{
		font-size: 30px;
		margin-bottom: 15px;
	}

	.service-block-desc{
		font-size: 16px;
	}

	.order-button, .attach-link, 
		.footer-link, 
		.order-popup .vssend-button{
		height: 50px;
		line-height: 50px;
	}

	.order-button span, 
	.attach-link .green-wrap, 
	.footer-link span, 
	.order-popup .vssend-button span{
		height: 55px;
		line-height: 55px;
		font-size: 18px;
	}

	.service-block .service-block-img{
		text-align: right;
		display: flex;
		align-items: center;
		height: 100%;
	}

	.service-block.odd .service-block-img{
		justify-content: flex-end;
	}

	.service-block.even .service-block-img{
		justify-content: flex-start;
	}

	.service-block.odd .service-block-img img{
		max-width: 80%;
	}

	.how-line2{
		left: 650px;
	}

	.isp-line2{
		top: 330px;
		left: 670px;
	}

	.isp-row-even .isp-line1{
		left: 440px;
	}

	.about-line1{
		left: 335px;
	}

	.about-line2{
		left: 730px;
	}

	.about-line3{
		left: 540px;
		top: -23px;
	}

	.row-line1{
		left: 310px;
	}

	.row-line2{
		left: 730px;
	}

	.advantages-row{
		padding: 24px 0 24px 30px
	}

	.advantages-block:nth-child(3) .advantages-block-inner{
		width: 94%;
	}

	.features-wrapper .row-line1{
		left: 500px;
	}

	.outstaff-page .circle-groupe-left{
		left: 20px;
		top: 20px;
	}

	.outstaff-page .circle-groupe-right{
		right: 20px;
	}

	.com-content-category-blog__items .item-content, .latestnews .item-content{
		width: 90%;
	}


} 

@media screen and  (max-width: 1366px) {
	.slide-content-wrap.slide-software,
	    .info-block{
		width: 1200px;
	}

	.slide-content-wrap.slide-software{
		height: 700px;
		margin-top: 70px;
	}

	.slide-content-wrap.slide-software .slider-image{
		text-align: right;
	}

	.slide-content-wrap.slide-software .slider-image img{
		width: 90%;
	}

	.slide-content-wrap.slide-software .slider-left{
		max-width: 50%;
		margin-left: 20px;
	}

	.slide-content-wrap.slide-software .slider-right-title{
		margin: 40px 0 0 0;
	}

	.home-slider .slide{
		height: 750px;
	}

	.home-slider{
		margin-bottom: 90px;
	}
}


@media screen and  (max-width: 1240px) {
	.slide-content-wrap.slide-software{
		width: 1160px;
	}
}

@media screen and  (max-width: 1200px) {
	.body-inner,
	   .header-inner,
	   .slide-content-wrap{
		width: 95%;
	}

	.menu-wrapper,
	    .move-down,
	    .service-line,
	    .how-line1,
	    .how-line2,
	    .how-row:nth-child(2) .how-block:last-child .how-line3{
		display: none;
	}

	.slide-content-wrap{
		padding-top: 1px;
	}

	.green-bg .slider-title{
		margin: 150px auto 0 auto;
		text-align: center;
		font-size: 30px;
	}

	.inner-page.outstaff-page .green-bg .slider-title{
		margin-top: 0;
		padding-top: 150px;
	}

	.show-menu-link,
	    .how-row-inner,
	    .footer-buttons-wrap,
	    .home-slider .body-inner,
	    .footer-wrap,
	    .service-bottom-block{
		display: block;
	}

	.slider-title span,
	    .slide-content-wrap .slider-title span i{
		height: 44px;
	}

	.home-slider .slider-button{
		margin: 40px auto 0 auto;
		width: 267px;
	}

	.green-bg .slider-right-title,
	    .slider-right-title{
		font-size: 30px;
		text-align: center;
	}

	.slider-blocks{
		width: 500px;
		margin: 0 auto;
	}

	.slider-block{
		margin-right: 0;
	}

	.home-slider .slide,
	   .slide-content-wrap.slide-software,
	   .slide-content-wrap{
		height: auto;
	}

	.slide-content-wrap.slide-software{
		width: 97%;
		margin-bottom: 60px;
	}

	.info-block{
		width: 97%;
	}

	.isw-right{
		padding-top: 120px;
	}

	.isw-right img{
		max-width: 100%;
	}

	.outstaffing-block .about-text{
		margin: 5px auto 35px auto;
	}

	.about-col{
		padding: 19px 0 19px 0;
	}

	.about-line2{
		left: 720px;
	}

	.about-line3{
		left: 530px;
	}

	.advantages-wrapper .row-line1,
	   .advantages-wrapper .row-line2{
	   	display: none;
	   }

	.features-wrapper .row-line1{
		left: 460px;
	}   

	.slide-content-wrap.slide-software .slider-title{
		margin: 50px auto 0 auto;
		text-align: center;
		font-size: 30px;
		width: 600px;
	}

	.slide-content-wrap.slide-software .slider-left{
		max-width: 100%;
		margin-left: 0;
	}

	.home-slider .slider-desc{
		text-align: center;
		margin-top: 20px;
	}

	.slide-content-wrap.slide-software .slider-image{
		text-align: center;
		width: 600px;
		margin: 0 auto;
	}

	.about-module > h3{
		font-size: 30px;
		width: 400px;
	}

	.about-block{
		flex-basis: 100%;
	}

	.about-text{
		padding: 40px 0;
	}

	.about-block-inner,
	   .about-text{
		width: 60%;
		margin: 0 auto;
	}

	.about-text-inner,
	   .about-text-btn,
	   .about-text-desc{
		display: block;
	}

	.about-text-title{
		text-align: center;
		font-size: 30px;
		width: 200px;
		margin: 0 auto;
		position: relative;
	}

	.about-text-desc{
		text-align: center;
		margin-top: 20px;
	}

	 .about-text-btn{
	 	margin-top: 30px;
	 	text-align: center;
	 }

	 .about-label{
	 	width: 59px;
	 	height: 59px;
	 	left: -25px;
	 	top: 10px;
	 	background: url(../images/label_mob.png);
	 }

	 .service-block-inner{
	 	display: block;
	 	height: auto;
	 }

	 .service-block-right{
	 	text-align: center;
	 }

	 .service-block.odd .service-block-img,
	    .service-block.even .service-block-img{
	 	justify-content: center;
	 	margin: 30px 0;
	 }

	 .service-block,
	 .service-block-text{
	 	width: 98%;
	 }

	 .service-block-text{
	 	box-sizing: border-box;
	 }

	 .how-block{
	 	width: 60%;
	 	margin: 0 auto;
	 }

	 .how-line3{
	 	width: 46px;
	 	height: 78px;
	 	top: 150px;
	 	left: -10px;
	 	position: absolute;
	 	background: url(../images/how_line_left.svg);
	 }

	 .how-block-wrap{
	 	width: 100%;
	 }

	 .how-row .how-block:nth-child(2),
	    .how-row .how-block:nth-child(3){
	 	margin-top: 0;
	 }

	 .how-row:first-child{
	 	margin-bottom: 0;
	 }

	 .how-row .how-block{
	 	margin-bottom: 50px;
	 	position: relative;
	 }

	 .how-module .module-title{
	 	font-size: 30px;
	 }

	 .how-block-img{
	 	width: 70px;
	 	height: 70px;
	 	top: -35px;
	 	margin-left: -35px;
	 }

	 .how-block-img img{
	 	max-width: 60%;
	 	max-height: 60%;
	 }

	 .how-block.how-even .how-line3{
	 	left: auto;
	 	right: -10px;
	 	background: url(../images/how_line_right.svg);
	 }

	 .home-content .about-label{
	 	width: 43px;
	 	height: 43px;
	 	top: 10px;
	 	background: url(../images/gift_mob.png);
	 }

	 .footer-link{
	 	display: block;
	 	margin: 20px  auto;
	 }

	 .footer-col:first-child{
	 	width: 100%;
	 	text-align: center;
	 	margin-bottom: 30px;
	 }

	 .contacts-footer > h3, .footer-menu h3{
	 	text-align: center;
	 }

	 .contacts-footer .contacts-wrap,
	 .footer-col:nth-child(3){
	 	justify-content: center;
	 }

	 .footer-col:nth-child(3){
	 	margin-top: 30px;
	 }

	 .services-content .module-title{
	 	font-size: 30px;
	 	margin-bottom: 50px;
	 }

	 .service-bottom-block .list-block:first-child{
	 	background: url(../images/dached_line.png) repeat-x left bottom;
	 }

	 .work-block{
	 	flex-direction: column;
	 }

	 .work-block.block-even{
	 	flex-direction: column;
	 }

	 .work-block-img{
	 	justify-content: center;
	 }

	 .work-block-img img,
	    .work-block.block-even .work-block-img img,
	    .work-block-img{
	 	webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	 }

	 .header-right{
	 	flex-grow: 1;
	 	display: flex;
	 	justify-content: center;
	 }

	  .menu-popup .top-contacts .contact-email{
	 	display: block;
	 }

	  .menu-popup .top-contacts .contact-email a{
	  	height: 37px;
	  	line-height: 37px;
	  }

	 .menu-popup .footer-buttons{
	 	background: #fff;
	 	border: 0;
	 }

	 .isp-row-inner{
	 	flex-wrap: wrap;
	 }

	 .isp-row-inner .isp-block,
	    .at-left{
	 	flex-basis: 100%;
	 	width: 100%;
	 }

	 .isp-line1,
	    .isp-line2,
	    .at-right,
	    .outstaff-page .circle-groupe-left{
	    	display: none;
	 }

	 .isp-row-inner .isp-block:first-child,
	    .isp-row-inner .isp-block:nth-child(3){
	 	justify-content: center;
	 }

	 .isp-row-inner .isp-block:nth-child(3) .isp-block-inner{
	 	align-self: center;
	 	margin: 40px auto 0 auto;
	 }

	 .isp-row:first-child{
	 	margin-bottom: 40px;
	 }

	 .isw-right,
	   .about-line1,
	   .about-line2,
	   .about-line3,
	   .row-line1{
	 	display: none;
	 }

	 .isw-left {
        min-width: 100%;
        flex-basis: 100%;
        margin: 0;
    }

    .img-mobile{
    	display: block;
    	text-align: center;
    }

    .iswhen-features-wrap,
        .about-block-tinner,
        .why-feature-row,
        .advantages-row{
    	flex-wrap: wrap;
    }

    .why-block-inner{
    	flex-wrap: wrap;
    	flex-direction: column-reverse;
    }

    .why-block-right,
       .advantages-block,
       .outstaffing-block .iswhen-bottom-text{
    	text-align: center;
    }

    .iswhen-feature-block,
        .why-feature-block{
    	width: 100%;
    	flex-basis: 100%;
    	margin-bottom: 80px;
    }

    .why-block-text{
    	width: 100%;
    }

    .about-col,
        .about-block.two-col .about-col,
        .advantages-block,
        .advantages-block:nth-child(1),
        .advantages-block:nth-child(2),
        .advantages-block:nth-child(3),
        .features-wrapper .advantages-block, 
        .features-wrapper .advantages-block:nth-child(2){
    	width: 100%;
    	flex-basis: 100%;
    }

    .advantages-block:nth-child(1) .advantages-block-inner{
    	width: 100%;
    }

    .advantages-block-inner{
    	margin: 20px 0;
    }

    .advantages-row{
    	padding: 24px;
    }

    .iswhen-fb-inner{
    	width: 450px;
    }

    .iswhen-feature-block:first-child .iswhen-fb-inner,
       .iswhen-feature-block:nth-child(3) .iswhen-fb-inner{
    	align-self: center;
        margin: 0 auto;
    }

    .info-segment-when{
    	padding-bottom: 580px;
    }

    .staffing-block .info-segment-when{
    	padding-bottom: 1250px;
    }

    .outstaffing-block .info-segment-when{
    	padding-bottom: 1070px;
    }

    .iswhen-features-wrap,
        .why-feature-row:first-child{
    	margin-bottom: 0;
    }

    .about-blocbottom{
    	padding: 20px;
    }

    .about-block-top{
    	padding-bottom: 10px;
    }

    .about-technologies .img-mobile{
    	margin-bottom: 20px;
    }

    .isd-header{
		padding-right: 26px;
	}

	.circle-groupe-right{
		top: 20px;
	}

	.com-content-category-blog__items .item-content, .latestnews .item-content{
		height: 490px;
	}

	.footer-menu{
		margin: 0 auto;
		width: 400px;
	}

}

@media screen and  (max-width: 992px) {
	.list-wrapper {
		flex-direction: column;
		align-items: center;
	}

	.list-block,
	    #usability-testing .list-block:first-child,
	    #compatibility-testing .list-block:first-child,
	    #mobile-testing .list-block:first-child{
		flex-basis: 80%;
		width: 80%;
	}

	#compatibility-testing .list-block:first-child{
		margin-bottom: 20px;
	}

	.list-block-single ol li{
		flex-basis: 50%;
		min-width: 50%;
		padding-right: 15px;
	}

	#usability-testing .list-block:nth-child(2) .list-block-title,
	#mobile-testing .list-block:nth-child(2) .list-block-title{
		display: none;
	}

	#mobile-testing .list-block:first-child{
		margin-right: 0;
	}

	.service-top-block ul li, .service-bottom-block ul li{
		flex-basis: 25%;
		min-width: 25%;
	}

	.service-bottom-block .list-block{
		width: 100%;
		flex-basis: 100%;
	}

	.iswhen-title{
		width: 80%;
	}

	.iswhen-image{
		width: 80px;
		right: 20px;
	}

	.iswhen-image img{
		max-width: 100%;
	}

	.iswhen-desc{
		width: 100%;
	}

	.isd-header{
		text-align: center;
	}

	.outstaff-page .circle-groupe-left{
		display: none;
	}

	.info-block-description{
		padding: 0 25px;
	}

	.isb-title{
		text-align: left;
	}

	.isb-row{
		flex-wrap: wrap;
	}

	.isb-col{
		flex-basis: 100%;
		width: 100%;
		margin: 0;
	}

	.img-mobile img{
		max-width: 100%;
	}

	.img-mobile{
		margin-bottom: 20px;
	}

	.staffing-block .iswhen-fb-inner{
		height: 180px;
	}

	.com-content-category-blog__items .item-content, .latestnews .item-content{
		min-height: 400px;
		height: auto;
		padding-bottom: 30px;
	}

	.com-content-category-blog__items, .latestnews{
				flex-wrap: wrap;
	}

	.com-content-category-blog__items .blog-item, .latestnews .blog-item{
		flex-basis: 100%;
        width: 100%;
	}

	.article-top{
		flex-direction: column-reverse;
	}
    
    .article-image img{
    	-webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    }
	
}

@media screen and  (max-width: 768px) {
	.header{
		position: fixed;
	}

	.header-inner{
		width: 100%;
		max-width: 100%;
		margin-top: 0;
		webkit-border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		border-radius:  0 0 10px 10px;
	}

	#logo img{
      height: 80%;
    }

	.header-wrapper{
		max-width: 100%;
	}

	.top-contacts .contact-email,
	    .slide-line1,
	    .slide-line2{
		display: none;
	}

	.green-bg .slider-title{
		font-size: 22px;
		width: 320px;
	}

	.slider-title span, 
	.slide-content-wrap .slider-title span i{
		height: 30px;
		webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius:  7px;
	}

	.order-button, 
		.attach-link, 
		.footer-link, 
		.order-popup .vssend-button,
		.contact-us-link,
		.content-readmore{
			width: 250px;
			height: 39px;
		}

	.order-button span, 
	   .attach-link .green-wrap, 
	   .footer-link span, 
	   .order-popup .vssend-button span,
	   .contact-us-link span,
	   .content-readmore span{
		   	height: 44px;
		   	line-height: 44px;
		   	width: 260px;
	   }

	 .green-bg .slider-right-title, 
	 .slider-right-title{
	 	font-size: 25px;
	 }	

	 .slide-block-image{
	 	width: 161px;
	 }

	 .slide-block-image img{
	 	max-width: 100%;
	 }

	 .slide-block-info{
	 	width: 165px;
	 	height: 83px;
	 	padding: 10px 18px;
	 	right: 115px;
	 	top: 44px;
	 }

	 .slide-block-info div,
	    .slide-block-info a{
	 	font-size: 14px;
	 	margin-bottom: 5px;
	 }

	 .slide-block-info div{
	 	padding-right: 20px;
	 	box-sizing: border-box;
	 }

	 .slider-blocks{
	 	width: 310px;
	 }

	 .slide-block{
	 	margin-bottom: 20px;
	 }

	 .slide-content-wrap.slide-software .slider-title{
	 	font-size: 24px;
	 	width: 320px;
	 	margin-top: 0;
	 }

	 .home-slider .slider-desc{
	 	font-size: 14px;
	 }

	 .slide-content-wrap.slide-software .slider-right-title{
	 	margin-left: 0;
	 }

	 .slide-content-wrap.slide-software{
	 	padding-bottom: 40px;
	 }

	 .slide-content-wrap.slide-software .slider-image img{
	 	max-width: 100%;
	 }

	 .about-module > h3{
	 	font-size: 21px;
	 	width: 300px;
	 	margin-bottom: 50px;
	 }

	 .about-block-img,
	    .how-block-img{
	 	width: 54px;
	 	height: 54px;
	 	margin-left: -27px;
	 	top: -27px;
	 	webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius:  54px;
	 }

	 .about-block-inner, 
	 	.about-text,
	 	.how-block{
	 	width: 90%;
	 }

	 .about-block-inner{
	 	padding: 40px;
	 		 	webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius:  15px;
		height: auto;
	 }

	 .about-block-img img,
	    .how-block-img img{
	 	max-width: 50%;
	 	max-height: 50%;
	 }

	 .about-block-title{
	 	font-size: 16px;
	 	line-height: 20px;
	 }

	 .about-block-desc{
	 	font-size: 15px;
	 }

	 .about-text-title{
	 	font-size: 19px;
	 	width: 150px;
	 	min-width: 150px;
	 }

	 .about-label{
	 	left: -60px;
	 	top: 0;
	 }

	 .about-text-desc,
	    .service-top-block ul li, .service-bottom-block ul li{
	 	font-size: 14px;
	 }

	 .services-content .module-title{
	 	font-size: 21px;
	 	margin-bottom: 20px;
	 }

	 .service-block-title{
	 	font-size: 21px;
	 	margin-top: 30px;
	 }

	 .service-counter{
	 	width: 29px;
	 	height: 29px;
	 	line-height: 29px;
	 	webkit-border-radius: 29px;
		-moz-border-radius: 29px;
		border-radius:  29px;
		font-size: 14px;
		right: -14px;
		top: -14px;
	 }

	 .service-block.even .service-counter{
	 	left: -14px;
	 }

	 .list-block-title{
	 	font-size: 16px;
	 	margin-bottom: 15px;
	 }

	 .list-wrapper li{
	 	font-size: 15px;
	 }

	 .service-top-block ul li, .service-bottom-block ul li{
	 	flex-basis: 33.33%;
	 	min-width: 33.33%;
	 }

	 .how-block-img{
	 	width: 54px;
	 	height: 54px;
	 		webkit-border-radius: 54px;
		-moz-border-radius: 54px;
		border-radius:  54px;
		margin-left: -27px;
		top: -27px;
	 }

	 .how-block-wrap,
	    .how-block{
	 	height: 105px;
	 }

	 .how-block-wrap,
	    .about-text{
	 		webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius:  15px;
	 }

	 .how-block-title{
	 	font-size: 16px;
	 	margin-top: 40px;
	 }

	 .how-counter{
	 	font-size: 17px;
	 }

	 .how-line3{
	 	top: 80px;
	 }

	 .how-module .module-title{
	 	font-size: 21px;
	 	margin-bottom: 50px;
	 }

	 .slider-counter{
	 	font-size: 16px;
	 }

	 .how-module .about-text-title{
	 	width: 200px;
	 	max-width: 200px;
	 }

	 .footer-link:hover span{
	 	width: 255px;
	 }

	 .slide-content-wrap.slide-software .slider-image{
	 	width: 90%;
	 	margin: 0 auto;
	 }

	 .service-block .service-block-img img{
	 	max-width: 100%;
	 }

	 .service-block-inner{
	 	padding: 0 30px;
	 }

	 .service-block-img{
	 	min-width: 100%;
	 }

	 .top-contacts .contacts-wrap,
	   .top-contacts{
	 	width: auto;
	 }

	 #compatibility-testing .list-block:first-child ul li{
	 	flex-basis: 100%;
	 }

	 .list-block-single ol li{
	 	flex-basis: 100%;
	 	min-width: 100%;
	 }


	 .work-block-img,
	    .work-block-img img{
	 	width: 100%;
	 	min-width: 100%;
	 }

	 .header-wrapper{
	 	height: 58px;
	 }

	 .top-contacts .contact-tel{
	 	height: 37px;
	 	line-height: 37px;
	 }

	 .show-menu-link{
	 	height: 41px;
	 	width: 41px;
	 	margin-top: 9px;
	 }

	 .i-menu{
	 	top: 10px;
	 }

	 .service-block-wrapper,
	    .service-bottom{
	 	width: 98%;
	 	margin: 0 auto;
	 }

	 .service-bottom-header{
	 	height: 47px;
	 	line-height: 47px;
	 	font-size: 19px;
	 	text-align: center;
	 	webkit-border-radius: 15px 15px 0 0;
		-moz-border-radius: 15px 15px 0 0;
		border-radius:  15px 15px 0 0;
	 }

	 .service-block, .service-bottom{
	 	webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius:  15px;
	 }

	 .latest-comments > h3, .simple-works .module-title{
	 	font-size: 21px;
	 	margin-bottom: 40px;
	 }

	 .comment-content{
	 	padding: 40px 0;
	 }

	 .simple-works{
	 	margin-top: 50px;
	 }

	 .i-pdf{
	 	width: 20px;
	 	height: 20px;
	 	top: 12px;
	 	background-position: -34px -48px;
	 }

	 .attach-link .green-wrap span{
	 	padding-left: 30px;
	 	font-size: 16px;
	 }

	 .scroll-btn{
	 	width: 40px;
	 	height: 40px;
	 	webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius:  40px;
	 }

	 .i-arrow-up{
	 	width: 16px;
	 	height: 10px;
	 	left: 12px;
	 	top: 15px;
	 	background-position: -35px -72px;
	 }

	 .order-popup{
	 	width: 90%;
	 	margin-left: -45%;
	 }

	 .order-popup .popup-form-inner{
	 	width: 90%;
	 }

	 .order-popup .form-title{
	 	font-size: 19px;
	 }

	 .order-popup .vstext-top,
	    .order-popup label{
	 	font-size: 14px;
	 }

	 .close-icon{
	 	width: 36px;
	 	height: 36px;
	 }

	 .close-icon svg{
	 	width: 14px;
	 	height: 14px;
	 }

	 .order-popup input[type=text], 
	 .order-popup input[type=email], 
	 .order-popup input[type=tel]{
	 	height: 44px;
	 	webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius:  10px;
	 }

	 .order-popup .input-row{
	 	margin-bottom: 15px;
	 }

	 .vssend-button span{
	 	font-size: 16px;
	 }

	 .circle-groupe-right{
	 	right: 21px;
	 	top: 24px;
	 }

	 .circle-groupe-right .circle3{
	 	width: 31px;
	 	height: 31px;
	 	webkit-border-radius: 31px;
		-moz-border-radius: 31px;
		border-radius:  31px;
	 }

	 .staffing-block .circle-groupe-right{
	 	right: 20px;
	 	top: 15px;
	 }

	 .outstaff-page .circle-groupe-right .circle1{
	 	width: 21px;
	 	height: 21px;
	 	webkit-border-radius: 21px;
		-moz-border-radius: 21px;
		border-radius:  21px;
		right: 60px;
		top: 50px;
	 }

	  .outstaff-page .circle-groupe-right .circle2{
	 	width: 13px;
	 	height: 13px;
	 	webkit-border-radius: 13px;
		-moz-border-radius: 13px;
		border-radius:  13px;
		top: 6px;
		right: 67px;
	 }



	 .outstaff-page .staffing-block .circle-groupe-right .circle3,
	.outstaff-page  .circle-groupe-right .circle3{
	 	width: 31px;
	 	height: 31px;
	 	webkit-border-radius: 31px;
		-moz-border-radius: 31px;
		border-radius:  31px;
		top: 0;
		right: 3px;
	 }

	.outstaff-page .staffing-block  .circle-groupe-right .circle2{
	 	width: 13px;
	 	height: 13px;
	 	webkit-border-radius: 13px;
		-moz-border-radius: 13px;
		border-radius:  13px;
		top: 15px;
		right: 70px;
	 }

	.outstaff-page .staffing-block .circle-groupe-right .circle1{
	 	width: 21px;
	 	height: 21px;
	 	webkit-border-radius: 21px;
		-moz-border-radius: 21px;
		border-radius:  21px;
		top: 60px;
		right: 0;
	 }

	 .isb-title{
	 	width: 80%;
	 }

	 .why-block-right{
	 	display: none;
	 }

	 .why-top{
	 	padding-right: 75px;
	 }

	 .why-top img{
	 	display: block;
	 	position: absolute;
	 	right: -10px;
	 	bottom: 0;
	 }

	 .why-block{
	 	padding: 22px 20px;
	 }

	 .comment-comtent{
	 	line-height: 24px;
	 }

}

 @media screen and  (max-width: 568px) {

	 	.service-bottom-block .list-block:first-child ul li,
	 	.service-bottom-block .list-block:first-child ul li:nth-child(3n+2),
	 	.service-bottom-block .list-block ul li,
	 	.service-top-block ul li, .service-bottom-block ul li{
	 		flex-basis: 50%;
	 		min-width: 50%;
	 	}

	 	.work-block-content{
	 		padding: 30px;
	 	}

	 	.work-text{
	 		margin-bottom: 30px;
	 	}

	 	#message-popup{
	 		width: 90%;
	 		margin-left: -45%;
	 	}

	 .about-col,
	    .advantages-block{
		position: relative;
		padding: 19px 0 40px 0;
	}

	.features-wrapper .advantages-block{
		padding-bottom: 30px;
	}

	.about-col .bottom-line,
	    .advantages-block .bottom-line{
		display: block;
		position: absolute;
		left: 0;
		bottom: -20px;
		width: 100%;
	}

	.about-col .bottom-line img,
	    .advantages-block .bottom-line img{
		width: 100%;
	}

	.advantages-row{
		padding: 0;
	 }

	 .advantages-text{
	 	padding: 0 20px;
	 }

	 .about-technologies,
	    .why-features-wraper,
	    .features-wrapper,
	    .article-info{
	 	padding: 20px;
	 }

	 .isd-schelude{
	 	padding: 35px 20px;
	 }

	 .blog h1{
	 	padding: 20px 0;
	 }

	 .com-content-article__body{
	 	padding: 65px 20px;
	 }


	 .info-block-title,
	    .outstaffing-block .isd-title,
	    .module-title,
	    .blog h1,
	    .article-info h1{
	 	font-size: 21px;
	 }

	 .info-block-description,
	    .isw-list p,
	    .isd-description,
	    .isd-list li,
	    .isb-col li,
	    .info-block-description p,
	    .isd-bottom,
	    .contact-block p,
	    .iswhen-desc p,
	    .outstaffing-block .about-text-desc,
	    .iswhen-bottom-text,
	    .iswhen-feature-text,
	    .about-short-desc p,
	    .about-col-text,
	    .about-blocbottom li,
	    .at-left p,
	    .why-block-text p,
	    .wf-text,
	    .advantages-text,
	    .article-introtext,
	    .com-content-article__body p {
	 	font-size: 14px;
	 }

	 .isw-title,
	    .iswhen-title,
	    .isd-title,
	    .isb-title,
	    .about-subtitle,
	    .at-left h3,
	    .wf-title{
	 	font-size: 18px;
	 	margin-bottom: 30px;
	 }

	 .advantages-title,
	    .com-content-article__body h2,
	    .com-content-article__body h3{
	 	font-size: 18px;
	 }

	 .isd-title{
	 	margin-bottom: 20px;
	 }

	 .isw-list{
	 	padding-left: 20px;
	 }

	 .iswhen-desc{
	 	width: 95%;
	 }

	 .info-segment-process{
	 	margin-top: 45px;
	 }

	 .isb-col h3,
	    .about-col-title{
	 	font-size: 16px;
	 }

	 .isb-col:first-child{
	 	margin-bottom: 20px;
	 }

	 .about-text,
	    .outstaffing-block .isd-description{
	 	width: 100%;
	 }


	 .info-segment-when{
	 	padding-bottom: 600px;
	 }

	 .outstaffing-block .info-segment-when{
	 	padding-bottom: 1090px;
	 }

	 .staffing-block .info-segment-when{
		padding-bottom: 1200px;
	}

	.outstaffing-block .info-segment-when,
	   .info-segment-when{
		margin-bottom: 110px;
	}

	 .about-text-desc{
	 	margin: 0;
	 }

	 .about-text-title{
	 	margin-bottom: 30px;
	 }

	 .isp-block-inner{
	 	width: 90%;
	 }

	 .icp-block-img img{
	 	max-width: 100%;
	 }

	 .staffing-block .iswhen-fb-inner{
	 	height: 190px;
	 }

	 .com-content-category-blog__items .item-content, .latestnews .item-content{
	 	width: 100%;
	 }

	 .article-share{
	 	right: auto;
	 	left: 0;
	 	width: 100%;
	 	box-sizing: border-box;
	 	-webkit-border-radius: 15px 15px 0 0;
	    -moz-border-radius: 15px 15px 0 0;
	    border-radius: 15px 15px 0 0;
	 }

	 .article-share-links{
	 	flex-grow: 1;
	 	justify-content: center;
	 }

	 .com-content-article__body{
	 	padding-top: 65px;
	 }

	 .article-image{
	 	min-width: 100px;
	 }
	}

 @media screen and  (max-width: 460px) {
 	.header-right{
 		margin: 0;
 	}

 	#logo{
 		margin-left: 0;
 		width: 60px;
 	}

 	.top-contacts .contact-tel{
 		min-width: 160px;
 		font-size: 15px;
 	} 

 	#logo img{
 		max-width: 100%;
 	}

 	.green-bg .slider-title{
 		margin-top: 100px;
 		width: 280px;
 		font-size: 20px;
 	}

 	.green-bg .slider-right-title,
 	    .slide-block,
 	    .how-module .order-button{
 		margin-right: 0;
 	}

 	.slider-blocks{
 		width: 280px;
 	}

 	.slide-block.slide-block-2{
 		margin-right: 10px;
 	}

 	.about-block-inner, .about-text, .how-block{
 		width: 100%;
 	}

 	.about-block-inner{
 		padding: 40px 20px;
 	}

 	.about-block{
 		margin-bottom: 45px;
 	}

 	.about-text-desc{
 		margin: 15px 20px 0 20px;
 	}

 	.service-block-inner{
 		padding: 0 10px;
 	}

 	.service-counter{
 		right: -10px;
 	}

 	.service-block.even .service-counter{
 		left: -10px;
 	}

 	.service-block-text{
 		padding: 20px 15px;
 		margin-bottom: 40px;
 	}

 	.list-block, #usability-testing .list-block:first-child, 
 	#compatibility-testing .list-block:first-child, 
 	#mobile-testing .list-block:first-child{
 		flex-basis: 100%;
 		min-width: 100%;
 	}

 	.service-block-desc{
 		font-size: 14px;
 	}

 	.service-top-block,
 	    .service-bottom-block .list-block{
 		padding: 15px;
 	}

 	.comment-block{
 		padding: 15px;
 		font-size: 14px;
 	}

 	.comment-info{
 		font-size: 14px;
 	}

 	.square-bg-top, .square-bg-bottom,
 	   .footer-menu li:before{
 		display: none;
 	}

 	.work-block-content{
 		padding: 15px;
 	}

 	.contacts-footer .contacts-wrap,
 	    .menu-popup .top-contacts .contacts-wrap{
 		flex-direction: column;
 	}

 	.contacts-footer .contact-email a, .contacts-footer .contact-tel{
 		margin: 0 auto 10px auto;
 		align-items: center;
 		justify-content: center;
 		text-align: center;
 	}

 	.contacts-footer .contact-email{
 		text-align: center;
 	}

 	.footer-menu ul{
 		flex-direction: column;
 		text-align: center;
 	}

 	.footer-menu li{
 		padding: 0;
 	}

 	.menu-popup .top-contacts .contact-tel{
 		width: 207px;
 		margin-top: 10px;
 	}

 	.menu-popup .footer-link{
 		width: 250px;
 	}

 	.menu-popup .footer-link span{
 		width: 260px;
 	}

 	#logo{
 		margin-left: 10px;
    }

    .footer-menu{
    	width: auto;
    }

    .footer-menu ul{
    	display: block;
    }

    .footer-menu ul ul li{
    	padding-left: 0;
    }

    .footer-menu .menu-dropdown-inner ul>li a{
    	position: relative;
    	padding-left: 15px;
    }

    .footer-menu .menu-dropdown-inner ul li a:before{
		content: "";
		position: absolute;
		width: 4px;
		height: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #fff;
		left: 0;
		top: 8px;
		display: block !important;
	}

	.footer-menu .menu-dropdown{
		padding-bottom: 5px;
	}

 }