html{min-width: 1280px;}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{
	font: 16px 'Lora',sans-serif;
	background: #fff url(../images/bg-site.jpg) repeat-y center top;
	color: #000;
}

li{list-style-type: none;}
span, a{	
	text-decoration: none;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;	
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	line-height: 1;
}
h1, h2, h3, h4, h5, h6, p{
	font-weight: normal;
	line-height: 1;
}
input, button, textarea{
	outline: none;
	border: none;
	resize: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type='number'] {-moz-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="submit"]{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;	
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	cursor: pointer;
	
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
}
input::-webkit-input-placeholder { /* WebKit browsers */
	font: 18px "OpenSansLight";
	color: #a1a1a1;
	opacity: 1;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font: 18px "OpenSansLight";
	color: #a1a1a1;
	opacity: 1;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
	font: 18px "OpenSansLight";
	color: #a1a1a1;
	opacity: 1;
}
input::-o-placeholder { /* Opera */
	font: 18px "OpenSansLight";
	color: #a1a1a1;
	opacity: 1;
}


textarea::-webkit-input-placeholder { /* WebKit browsers */
	font: 18px "OpenSansLight";
	color: #a1a1a1;
	opacity: 1;
}

@font-face {
	font-family: "OpenSansRegular";
	src: url("../fonts/OpenSansRegular/OpenSansRegular.eot");
	src: url("../fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
	url("../fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
	url("../fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "OpenSansLight";
	src: url("../fonts/OpenSansLight/OpenSansLight.eot");
	src: url("../fonts/OpenSansLight/OpenSansLight.eot?#iefix")format("embedded-opentype"),
	url("../fonts/OpenSansLight/OpenSansLight.woff") format("woff"),
	url("../fonts/OpenSansLight/OpenSansLight.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "OpenSansItalic";
	src: url("../fonts/OpenSansItalic/OpenSansItalic.eot");
	src: url("../fonts/OpenSansItalic/OpenSansItalic.eot?#iefix")format("embedded-opentype"),
	url("../fonts/OpenSansItalic/OpenSansItalic.woff") format("woff"),
	url("../fonts/OpenSansItalic/OpenSansItalic.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "OpenSansBold";
	src: url("../fonts/OpenSansBold/OpenSansBold.eot");
	src: url("../fonts/OpenSansBold/OpenSansBold.eot?#iefix")format("embedded-opentype"),
	url("../fonts/OpenSansBold/OpenSansBold.woff") format("woff"),
	url("../fonts/OpenSansBold/OpenSansBold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "OpenSansExtraBold";
	src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.eot");
	src: url("../fonts/OpenSansExtraBold/OpenSansExtraBold.eot?#iefix")format("embedded-opentype"),
	url("../fonts/OpenSansExtraBold/OpenSansExtraBold.woff") format("woff"),
	url("../fonts/OpenSansExtraBold/OpenSansExtraBold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "OpenSansExtraBoldItalic";
	src: url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot");
	src: url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.eot?#iefix")format("embedded-opentype"),
	url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.woff") format("woff"),
	url("../fonts/OpenSansExtraBoldItalic/OpenSansExtraBoldItalic.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "OpenSansBoldItalic";
	src: url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot");
	src: url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.eot?#iefix")format("embedded-opentype"),
	url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.woff") format("woff"),
	url("../fonts/OpenSansBoldItalic/OpenSansBoldItalic.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "OpenSansRegularItalic";
	src: url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot");
	src: url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.eot?#iefix")format("embedded-opentype"),
	url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.woff") format("woff"),
	url("../fonts/OpenSansRegularItalic/OpenSansRegularItalic.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "OpenSansSemiBold";
	src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot");
	src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix")format("embedded-opentype"),
	url("../fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"),
	url("../fonts/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "OpenSansSemiBoldItalic";
	src: url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot");
	src: url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.eot?#iefix")format("embedded-opentype"),
	url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.woff") format("woff"),
	url("../fonts/OpenSansSemiBoldItalic/OpenSansSemiBoldItalic.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}


.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {clear: both;}

.container{
	margin: 0 auto;
	padding: 0 10px;
	width: 1280px;
	background: #ffffff;
}
.wr-title{margin-bottom: 20px;}
.wr-title .title{
	display: inline-block;
	font: 30px "OpenSansBold";
	text-transform: uppercase;
	vertical-align: middle;
	color: #292929;
}
.wr-title img{
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
}
.bg-container{box-shadow: 0px 0px 25px rgba(0,0,0,0.10);}
.slick-slide .fancybox{outline: none;}



/* ----- txt ----- */
.title-1{
	font: 18px "OpenSansSemiBold";
	color: #2f85aa;
}
.txt-16{
	font: 16px/22px "OpenSansRegular";
	color: #262626;
}
.txt-14{
	font: 14px/22px "OpenSansRegular";
	color: #262626;
}
.txt-light{font-family: "OpenSansLight";}
/* /----- txt ----- */


/* ----- txt ----- */
.h1{
	margin-bottom: 7px;
	font: 30px "OpenSansBold";
	color: #292929;
}
.h2{
	margin-bottom: 13px;
	font: 24px "OpenSansBold";
	color: #292929;
}
.h3{
	margin-bottom: 13px;
	font: 18px "OpenSansBold";
	color: #292929;
}
.h4{
	margin-bottom: 13px;
	font: 21px "OpenSansLight";
	color: #292929;
}
.h5{
	margin-bottom: 13px;
	font: 15px "OpenSansRegular";
	color: #292929;
}
/* /----- txt ----- */


/* ----- margin ----- */
.margin-20{margin-bottom: 20px;}
.margin-40{margin-bottom: 40px;}
.margin-60{margin-bottom: 60px;}
/* /----- margin ----- */


/* ----- mini-menu ----- */
.mini-menu{width: 295px;}
.mini-menu .sub ul {display: none;}
.mini-menu .lvl-one-li{
	margin-bottom: 5px;
	border-bottom: 1px solid #D2D2D2;
}
.mini-menu .lvl-one-li:first-child{border-top: 1px solid #D2D2D2;}
.mini-menu .lvl-one-link{
	display: block;
	padding: 8px 0px 15px;
	font: 13px "OpenSansBold";
	text-transform: uppercase;
	color: #272727;
	transition: all 0s;
}
.mini-menu .lvl-one-li:first-child .lvl-one-link{padding: 13px 0px 15px !important;}
.mini-menu .lvl-one-li:first-child.active{border-top: none;}
.mini-menu .lvl-one-li.active{border-bottom: none;}
.mini-menu .lvl-one-li.active .lvl-one-link{
	position: relative;
	padding-bottom: 10px;
	background: #2F85AA;
	color: #ffffff;
}
.mini-menu .lvl-one-li.active .lvl-one-link:after{
	content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: -10px;
    height: 100%;
    width: 10px;
    background: #2F85AA;
}
.mini-menu .lvl-one-li.active .lvl-one-link:before{
	content: "";
    display: block;
    position: absolute;
    bottom: -3px;
    right: 6px;
    height: 20px;
    width: 20px;
    background: #2F85AA;
    transform: rotate(134deg);
}
.mini-menu .lvl-one-li ul{padding: 15px 0px 20px 15px;}
.mini-menu .lvl-one-li.active ul{border-bottom: 1px solid #D2D2D2;}
.mini-menu .lvl-one-li ul li{margin-bottom: 10px;}
.mini-menu .lvl-one-li ul li:last-child{margin-bottom: 0px;}
.mini-menu .lvl-one-li ul a{
	font: 12px "OpenSansRegular";
	text-decoration: underline;
	color: #808080;
}
.mini-menu .lvl-one-li ul a.active,
.mini-menu .lvl-one-li ul a:hover{
	text-decoration: none;
	color: #2f85aa;
}
.mini-menu .lvl-one-li-edit.active .lvl-one-link:before{display: none;}
.mini-menu .lvl-one-link span{
	font: 11px "OpenSansRegular";
	text-transform: none;
	color: #2F85AA;
}
.mini-menu .lvl-one-li.active .lvl-one-link span{color: #ffffff;}
.mini-menu .lvl-one-li ul a span{color: #2F85AA;}
/* /----- mini-menu ----- */


.content-left{float: left;}
.content-right{
	float: right;
	margin-right: 30px;
	width: 905px;
}
.content-right__button{
	display: block;
    padding: 12px 27px 16px;
    width: 299px;
    height: 63px;
    font: 19px/18px "OpenSansRegular";
    text-align: left;
    color: #a8d4e7;
    background: url(../images/bg-button1.png) no-repeat center;
    cursor: pointer;
}
.content-right__button span{
	font: 13px "OpenSansBold";
	color: #ffffff;
}
.content-right a{
	font: 14px "OpenSansLight";
	text-decoration: underline;
	color: #2f85aa;
}
.content-right a:hover{text-decoration: none;}
.content-right__wr-text{text-align: justify;}
.content-right__wr-text-edit{
	display: inline-block;
	width: 610px;
	vertical-align: top;
}
.content-right__selected-area{
	position: relative;
	margin-bottom: 20px;
	padding: 15px 20px 30px;
	background: #F0F0F0;
}
.content-right__selected-area:after{
	position: absolute;
    top: 0px;
    left: 0px;
    content: "";
    display: block;
    border: 6px solid transparent;
    border-left: 6px solid #ffffff;
    border-top: 6px solid #ffffff;
}
.content-right__selected-area:before{
	position: absolute;
    bottom: 0px;
    right: 0px;
    content: "";
    display: block;
    border: 6px solid transparent;
    border-right: 6px solid #ffffff;
    border-bottom: 6px solid #ffffff;
}
.content-right__selected-area p{
	font: 14px/22px "OpenSansItalic";
	color: #767676;
}
.content-right__h{margin-bottom: 14px;}
.content-right__h-item{
	display: inline-block;
	width: 300px;
	vertical-align: top;
}
.bulleted-list{
	display: inline-block;
	margin-left: 26px;
	vertical-align: top;
}
.bulleted-list ul li{
	margin-bottom: 17px;
	padding-left: 22px;
	font: 14px "OpenSansRegular";
	color: #2f85aa;
	background: url(../images/icon-li.png) no-repeat center left;
}


.bulleted-list3{
	display: inline-block;
	margin-left: 26px;
	vertical-align: top;
}
.bulleted-list3 ul li{
	margin-bottom: 17px;
	padding-left: 22px;
	font: 14px "OpenSansRegular";
	color: #db8b03;
	background: url(../images/icon-li.png) no-repeat center left;
}

/* ----- header ----- */
.header{
	position: relative;
    padding: 17px 0px;
    text-align: center;
    background: #ffffff;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
    z-index: 1;
}
.header__logo{
	float: left;
	margin-top: 3px;
	cursor: pointer;
}
.header__logo img{display: block;}
.header__text-site{
	display: inline-block;
	margin-top: 16px;
}
.header__content-right{
	float: right;
	margin-top: -4px;
	text-align: right;
}
.header__number{
	display: inline-block;
	margin-bottom: 1px;
	font: 21px "OpenSansBold";
	color: #db8b03;
	cursor: pointer;
}
.header__text{
	font: 14px "OpenSansRegular";
	color: #737373;
}
.header__text a{
	color: #2f85aa;
	text-decoration: underline;
}
.header__text a:hover{text-decoration: none;}
/* /----- header ----- */


/* ----- main-sreen ----- */
.main-sreen{padding-bottom: 60px;}
.main-sreen__link{display: inline-block;}
.main-sreen .container{
	position: relative;
	background: transparent;
}
.main-sreen .container:after{
	position: absolute;
    top: 231px;
    left: 50%;
    content: "";
    display: block;
    margin-left: -335px;
    width: 597px;
    height: 418px;
    background: url(../images/shadow.png) no-repeat center;
    z-index: -1;
}
.main-sreen__item_1 .text{
	position: absolute;
    top: 23px;
    left: 50%;
    margin-left: -130.5px;
    width: 261px;
    height: 87px;
    background: url(../images/image1.png) no-repeat center;
    transition: all 0s;
}
.main-sreen__item_1 .puzzle{
	position: absolute;
	top: 112px;
	left: 50%;
	margin-left: -135.5px;
	width: 271px;
	height: 321px;
	background: url(../images/image1-puzzle.png) no-repeat center;
	z-index: 3;
	transition: all 0s;
}
.main-sreen__item_1:hover .puzzle,
.main-sreen__item_1.active .puzzle{
	top: 99px;
    left: 624px;
    width: 309px;
    height: 356px;
    background: url(../images/image1-puzzle-hover.png) no-repeat center;
    z-index: 10;
}
.main-sreen__item_1:hover .text,
.main-sreen__item_1.active .text{
	top: 27px;
    margin-left: -127px;
    background: url(../images/image1-hover.png) no-repeat center;
}

.main-sreen__item_2 .text{
	position: absolute;
    top: 427px;
    left: -5px;
    width: 374px;
    height: 113px;
    background: url(../images/image2.png) no-repeat center;
    transition: all 0s;
}
.main-sreen__item_2 .puzzle{
	position: absolute;
    top: 335px;
    left: 377px;
    width: 315px;
    height: 304px;
    background: url(../images/image2-puzzle.png) no-repeat center;
    z-index: 2;
	transition: all 0s;
}
.main-sreen__item_2:hover .puzzle,
.main-sreen__item_2.active .puzzle{
	top: 322px;
    left: 360px;
    width: 353px;
    height: 338px;
    background: url(../images/image2-puzzle-hover.png) no-repeat center;
    z-index: 10;
}
.main-sreen__item_2:hover .text,
.main-sreen__item_2.active .text{
	top: 431px;
    left: -2px;
    background: url(../images/image2-hover.png) no-repeat center;
}
.main-sreen__item_3 .text{
	position: absolute;
    top: 435px;
    right: 5px;
    width: 361px;
    height: 96px;
    background: url(../images/image3.png) no-repeat center;
    transition: all 0s;
}
.main-sreen__item_3 .puzzle{
	position: absolute;
    top: 320px;
    right: 378px;
    width: 271px;
    height: 320px;
    background: url(../images/image3-puzzle.png) no-repeat center;
	transition: all 0s;
}
.main-sreen__item_3:hover .text,
.main-sreen__item_3.active .text{
	top: 445px;
    right: -4px;
	background: url(../images/image3-hover.png) no-repeat center;
}
.main-sreen__item_3:hover .puzzle,
.main-sreen__item_3.active .puzzle{
	top: 306px;
    right: 356px;
	width: 310px;
    height: 355px;
	background: url(../images/image3-puzzle-hover.png) no-repeat center;
	z-index: 10;
}
.main-sreen__content{
	margin: 615px auto 0px;
	width: 640px;
	text-align: center;
}
.main-sreen__content-name{
	margin-bottom: 13px;
	font: 27px "OpenSansBold";
	text-transform: uppercase;
	color: #272727;
}
.main-sreen__content img{margin-bottom: 5px;}
.main-sreen__content-text{
	font: 30px "Verdana";
    letter-spacing: 7px;
    text-transform: uppercase;
    color: #848485;
}
.main-sreen__item_1 .puzzle-link{
	position: absolute;
    top: 112px;
    left: 50%;
    display: block;
    margin-left: -134.5px;
    width: 269px;
    height: 294px;
    z-index: 11;
    cursor: pointer;
    border-radius: 155px 155px 163px 139px;
}
.main-sreen__item_2 .puzzle-link{
	position: absolute;
    top: 338px;
    left: 510px;
    display: block;
    margin-left: -134.5px;
    width: 269px;
    height: 289px;
    z-index: 11;
    cursor: pointer;
    border-radius: 155px 155px 163px 139px;
}
.main-sreen__item_3 .puzzle-link{
	position: absolute;
    top: 339px;
    right: 381px;
    display: block;
    margin-left: -134.5px;
    width: 269px;
    height: 289px;
    z-index: 11;
    cursor: pointer;
    border-radius: 155px 155px 163px 139px;
}
/* /----- main-sreen ----- */


/* ----- crumbs-top ----- */
.crumbs-top{
	margin-bottom: 90px;
	padding-top: 25px;
}
.crumbs-top.crumbs-top-edit{margin-bottom: 40px;}
.crumbs-top__link{
	padding-left: 30px;
	padding-bottom: 2px;
	font: 14px "OpenSansRegular";
	color: #2f85aa;
	text-decoration: underline;
}
.crumbs-top__link:hover{text-decoration: none;}
.crumbs-top__link.left{
	float: left;
	background: url(../images/icon1.png) no-repeat center left;
}
.crumbs-top__link.right{
	float: right;
	background: url(../images/icon2.png) no-repeat center left;
}
.wr-crumbs{
	display: inline-block;
	margin-left: 120px;
}
.wr-crumbs p,
.wr-crumbs a,
.wr-crumbs span{
	display: inline-block;
	vertical-align: middle;
}
.wr-crumbs span,
.wr-crumbs a{
	font: 12px "OpenSansRegular";
	text-decoration: underline;
	color: #838383;
}
.wr-crumbs span,
.wr-crumbs a:hover{text-decoration: none;}
.wr-crumbs p{
	font: 12px "OpenSansRegular";
	color: #2f85aa;
}


.wr-crumbs-pod{
	display: inline-block;
	margin-top: 10px;
}
.wr-crumbs-pod p,
.wr-crumbs-pod a,
.wr-crumbs-pod span{
	display: inline-block;
	vertical-align: middle;
}
.wr-crumbs-pod span,
.wr-crumbs-pod a{
	font: 12px "OpenSansRegular";
	text-decoration: underline;
	color: #838383;
}
.wr-crumbs-pod span,
.wr-crumbs-pod a:hover{text-decoration: none;}
.wr-crumbs-pod p{
	font: 12px "OpenSansRegular";
	color: #2f85aa;
}

/* /----- crumbs-top ----- */



/* ----- about-company ----- */
.about-company__wr-content{
	margin-bottom: 80px;
	margin-left: 10px;
}
.about-company__content{float: left;}
.about-company__name{
	position: relative;
	display: inline-block;
	margin-bottom: 30px;
	font: 30px "OpenSansBold";
	text-transform: uppercase;
	color: #292929;
}
.about-company__name:after{
	position: absolute;
    top: -29px;
    right: -246px;
    display: block;
    content: "";
    width: 228px;
    height: 68px;
    background: url(../images/inbizit.png) no-repeat center;
}
.about-company__wr-text{width: 620px;}
.about-company__text{
	font: 14px/22px "OpenSansLight";
	color: #262626;
	text-align: justify;
}
.about-company__wr-slider{
	float: right;
    margin-right: 55px;
    width: 450px;
}
.about-company__wr-slider .slick-prev{
	left: -35px;
    top: 50%;
    margin-top: -11.5px;
}
.about-company__wr-slider .slick-prev:before{
	width: 13px;
    height: 23px;
    background: url(../images/arrow-left.png) no-repeat right;
}
.about-company__wr-slider .slick-next{
	right: -35px;
    top: 50%;
    margin-top: -11.5px;
}
.about-company__wr-slider .slick-next:before{
	width: 13px;
    height: 23px;
    background: url(../images/arrow-right.png) no-repeat right;
}
/* /----- about-company ----- */


/* ----- advantages ----- */
.advantages{
	margin: 0px 5px 80px 5px;
	padding: 35px 0px;
    background: #F6F6F6;
    border-radius: 21px;
}
.advantages__item{
	float: left;
	width: 319px;
	text-align: center;
}
.advantages__item:first-child,
.advantages__item:last-child{width: 305px;}
.advantages__item:last-child{float: right;}
.advantages__wr-image{margin-bottom: 17px;}
.advantages__name{
	font: 24px "OpenSansBold";
	text-transform: uppercase;
	color: #262626;
}
.advantages__item:nth-child(3) .advantages__name,
.advantages__item:nth-child(4) .advantages__name{font-size: 21px;}
.advantages__text{
	font: 18px "OpenSansRegular";
	color: #262626;
}
/* /----- advantages ----- */



/* ----- implementation-system ----- */
.implementation-system{
	margin: 0px 5px;
	padding-bottom: 80px;
}
.implementation-system__slider{
    margin: 0 auto;
	width: 1200px;
}
.implementation-system__title{
	margin-bottom: 40px;
	font: 24px "OpenSansRegular";
	text-align: center;
	color: #292929;
}
.implementation-system .slick-slide{
	display: inline-block;
	margin: 0px 6px;
    height: 72px;
    line-height: 67px;
    vertical-align: top;
    text-align: center;
    border: 1px solid #E9E9E9;
    border-radius: 8px;
}
.implementation-system .slick-slide img{
	display: inline-block;
	vertical-align: middle;
}
.implementation-system .slick-prev{
	left: -24px;
    top: 50%;
    margin-top: -11.5px;
}
.implementation-system .slick-prev:before{
	width: 13px;
    height: 23px;
    background: url(../images/arrow-left.png) no-repeat right;
}
.implementation-system .slick-next{
	right: -24px;
    top: 50%;
    margin-top: -11.5px;
}
.implementation-system .slick-next:before{
	width: 13px;
    height: 23px;
    background: url(../images/arrow-right.png) no-repeat right;
}
.information-technology .mini-menu .lvl-one-li ul a span{color: #65B780;}
/* /----- implementation-system ----- */



/* ----- web-design ----- */
.web-design .container{
	position: relative;
	padding-bottom: 180px;
}
.web-design .container:after{
	position: absolute;
    bottom: -46px;
    right: 12px;
    content: "";
    display: block;
    width: 298px;
    height: 277px;
    background: url(../images/puzzle1.png) no-repeat center;
}
.web-design .mini-menu .lvl-one-li ul a span{color: #DB8B03;}
/* /----- web-design ----- */



/* ----- nformation-security ----- */
.nformation-security .container{
	position: relative;
	padding-bottom: 180px;
}
.nformation-security .container:after{
	position: absolute;
    bottom: -46px;
    right: 12px;
    content: "";
    display: block;
    width: 298px;
    height: 277px;
    background: url(../images/puzzle1.png) no-repeat center;
}
/* /----- nformation-security ----- */


/* ----- information-technology ----- */
.information-technology .container{
	position: relative;
	padding-bottom: 180px;
}
.information-technology .container:after{
	position: absolute;
    bottom: -46px;
    right: 0px;
    content: "";
    display: block;
    width: 254px;
    height: 304px;
    background: url(../images/puzzle2.png) no-repeat center;
}
.information-technology .content-right__button{
	padding: 12px 35px 16px;
	color: #a1e1b6;
    background: url(../images/bg-button2.png) no-repeat center;
}
.information-technology .mini-menu .lvl-one-link span{color: #65b780;}
.information-technology .mini-menu .lvl-one-li.active .lvl-one-link:after,
.information-technology .mini-menu .lvl-one-li.active .lvl-one-link:before,
.information-technology .mini-menu .lvl-one-li.active .lvl-one-link{background: #65B780;}
/* /----- information-technology ----- */



/* ----- web-design ----- */
.web-design .container{
	position: relative;
	padding-bottom: 180px;
}
.web-design .container:after{
	position: absolute;
    bottom: -25px;
    right: 0px;
    content: "";
    display: block;
    width: 254px;
    height: 304px;
    background: url(../images/puzzle3.png) no-repeat center;
}
.web-design .content-right__button{
	padding: 12px 35px 16px;
	color: #fdbf55;
    background: url(../images/bg-button3.png) no-repeat center;
}
.web-design .mini-menu .lvl-one-link span{color: #DB8B03;}
.web-design .mini-menu .lvl-one-li.active .lvl-one-link:after,
.web-design .mini-menu .lvl-one-li.active .lvl-one-link:before,
.web-design .mini-menu .lvl-one-li.active .lvl-one-link{background: #DB8B03;}
/* /----- web-design ----- */



/* ----- complex ----- */
.complex .container{
	position: relative;
	padding-bottom: 180px;
}
.complex .container:after{
	position: absolute;
    bottom: -25px;
    right: 0px;
    content: "";
    display: block;
    width: 254px;
    height: 304px;
    background: url(../images/puzzle3.png) no-repeat center;
}
.complex .content-right__button{
	padding: 12px 35px 16px;
	color: #fdbf55;
    background: url(../images/bg-button3.png) no-repeat center;
}
.complex .mini-menu .lvl-one-link span{color: #DB8B03;}
.complex .mini-menu .lvl-one-li.active .lvl-one-link:after,
.complex .mini-menu .lvl-one-li.active .lvl-one-link:before,
.complex .mini-menu .lvl-one-li.active .lvl-one-link{background: #DB8B03;}
/* /----- complex ----- */


/* ----- footer ----- */
.footer{
	position: relative;
	padding: 7px 0px;
	background: #F6F6F6;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
	z-index: 5;
}
.footer .container{background: #F6F6F6;}
.footer__copyright,
.footer__wr-email,
.footer__wr-number,
.footer ul li,
.footer ul,
.footer__logo{
	display: inline-block;
	vertical-align: middle;
}
.footer ul{
	margin-left: 20px;
	width: 245px;
}
.footer ul li{margin-right: 20px;}
.footer ul a{
	font: 14px "OpenSansRegular";
	color: #2f85aa;
}
.footer ul a:hover{text-decoration: underline;}
.footer__wr-number{width: 320px;}
.footer__number{
	display: inline-block;
	padding-left: 35px;
    font: 21px "OpenSansBold";
    color: #db8b03;
    cursor: pointer;
    background: url(../images/phone.png) no-repeat center left;
}
.footer__wr-email{
	width: 320px;
	text-align: center;
}
.footer__email{
	margin: 0px 12px;
	font: 14px "OpenSansRegular";
	color: #2f85aa;
    text-decoration: underline;
}
.footer__email:hover{text-decoration: none;}
.footer__copyright{
	float: right;
	margin-top: 10px;
	font: 12px "OpenSansRegular";
	color: #9b9b9b;
}
/* /----- footer ----- */


.background{
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 15;
}
.popup{
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	padding: 25px 18px 40px;
	width: 618px;
	background: #ffffff;
	transform: translate(-50%, -50%);
	border: 1px solid #2F85AA;
	border-radius: 8px;
	z-index: 20;
}
.popup .h1{
	margin-bottom: 30px;
	text-align: center;
	text-transform: uppercase;
}
.popup__input-text{
	display: inline-block;
	margin-bottom: 23px;
	margin-left: 15px;
	padding: 0px 13px;
	width: 280px;
	height: 48px;
	border: 2px solid #2F85AA;
	border-radius: 5px;
	vertical-align: top;
}
.popup__input-text:nth-child(2n+1){margin-left: 0px;}
.popup__input-file{
	display: inline-block;
    margin-top: 9px;
    margin-left: 15px;
    vertical-align: top;
}
.popup__input-file .btn{
	padding-bottom: 4px;
    padding-left: 34px;
    font: 18px "OpenSansLight";
    color: #2f85aa;
    background: url(../images/file.png) no-repeat center left;
    cursor: pointer;
}
.popup__input-file .btn span{
	border-bottom: 1px solid #2f85aa;
	transition: all 0s;
}
.popup__input-file .btn:hover span{border-bottom: 1px solid transparent;}
.popup__textarea{
	margin-bottom: 26px;
	padding: 10px 13px 15px;
    width: 100%;
    height: 112px;
    border: 2px solid #2F85AA;
    border-radius: 5px;
    vertical-align: top;
}
.popup__wr-checkbox {
	margin-bottom: 20px;
	text-align: center;
}
.popup__wr-checkbox label{
	display: inline-block;
	cursor: pointer;
}
.popup__name-checkbox{
	display: inline-block;
    vertical-align: top;
    width: 420px;
    padding-left: 5px;
    text-align: left;
    font: 11px "OpenSansLight";
    color: #949494;
}
.popup__name-checkbox a{
	font: 11px "OpenSansLight";
	text-decoration: underline;
    color: #949494;
}
.popup__name-checkbox a:hover{text-decoration: none;}
.popup__wr-input-checkbox{
	display: inline-block;
	margin-top: 3px;
	vertical-align: top;
}
.popup__input-checkbox{
	width: 17px;
	height: 17px;
}
.popup__input-submit{
	display: block;
	margin: 0 auto;
	width: 196px;
	height: 46px;
	font: 18px "OpenSansBold";
	text-transform: uppercase;
	color: #ffffff;
	background: url(../images/input-submit.png) no-repeat center;
}
.popup__close{
	position: absolute;
	top: 4px;
	right: 4px;
	cursor: pointer;
}


.wr-thank{display: none;}
.wr-thank .Background{
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.9;
    position: fixed;
    z-index: 130;
    top: 0;
    left: 0;
}
.wr-thank .thank{
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 130;
    padding: 0 50px;
    width: 400px;
    height: 320px;
    line-height: 320px;
    background: #fff;
    border-radius: 10px;
    text-align: center;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}
.wr-thank .thank p{
	display: inline-block;
    margin: 10px auto 0;
    font-size: 24px;
    color: #555;
    line-height: 1.7;
    vertical-align: middle;
}
.wr-thank .close{
    position: absolute;
    top: 7px;
    right: 15px;
    z-index: 1;
    font: 32px/1 "OpenSansRegular";
    color: #666;
    cursor: pointer;
}
.wr-thank .close:hover{color: #000;}