/*************************/
/***** БОЛЕЕ 1100 PX *****/
/*************************/

.center-box {
	width:1100px;
	margin:0 auto;
	position:relative;
}

/* шапка сайта */
.header {
	height:auto;
	color:#fff;
	position:relative;
	z-index:30;
}
.header p {
	margin:0;
	padding:0;
}

	.header .first-line {
		height:46px;
		color:#333;
		background:#fff;
		border-bottom:1px dashed #a1a1a1;
	}

	.header .second-line {
		height:130px;
		padding:30px 0;
		color:#333;
		background:#fff;
	}
		.header .second-line .logo-box {
			float:left;
			width:265px;
			height:70px;
			text-align:center;
			border-right:1px solid #ededed;
		}
			.header .second-line .logo-box a {
				display:block;
				margin-top:-5px;
				height:75px;
			}
		.header .second-line .slogan-box {
			float:left;
			width:380px;
			height:70px;
			padding-left:25px;
			line-height:21px;
			font-size:16px;
			font-family: 'MyriadPro';
			text-transform:uppercase;
		}
			.header .second-line .slogan-box .slogan-first {
				color:#e8890b;
			}
			.header .second-line .slogan-box .slogan-second {
				color:#33466e;
				margin:3px 0;
			}
			.header .second-line .slogan-box .slogan-third {
				color:#497b0c;
			}
		
		
		
		.header .second-line .button-box {
			float:left;
			width:145px;
			height:70px;
		}
			.header .second-line .soc-btns {
				height:30px;
				margin-bottom:10px;
				text-align:center;
			}
				.header .second-line .soc-btn {
					display:inline-block;
					height:19px;
					width:22px;
					margin:5px 10px;
					background-position: top center;
					background-repeat:no-repeat;
				}
				.header .second-line .soc-btn:hover {
					background-position: bottom center;
				}
				.header .second-line .soc-btn.vk {
					background-image:url(../images/vk.png);
				}
				.header .second-line .soc-btn.fb {
					background-image:url(../images/fb.png);
				}
				.header .second-line .soc-btn.twitter {
					background-image:url(../images/tw.png);
				}
			.header .second-line .mail-btn {
				display:block;
				height:30px;
				font-size:14px;
				line-height:20px;
				padding:5px;
				color:#6c6c6c;
				text-align:center;
				border:1px dashed #a1a1a1;
				box-sizing:border-box;
				font-style: italic;
			}
		
		
		.header .second-line .telefon-box {
			float:left;
			width:310px;
			height:70px;
			padding:0 0 0 115px;
			background:url(../images/telefon-bg.png) left center no-repeat;
		}
			.header .second-line .telefon {
				height:45px;
				line-height:25px;
				padding:10px 0;
				font-size:21px;
			}
			.header .second-line .telefon span {
				font-size:18px;
			}
			.header .second-line .ordercall {
				display:block;
				height:25px;
				width:160px;
				background:#e8890b;
				color:#fff;
				text-transform:uppercase;
				text-align:center;
				font-size:14px;
				line-height:25px;
				cursor:pointer;
			}

	.header .nav-line {
		min-height:45px;
		color:#fff;
		background:#8eb733 url(../images/nav-bg.png) top center repeat-x;
	}

/* самое верхнее меню */

	.first-line ul {
		display:block;
		margin:0;
		padding:0;
		list-style:none;
		text-align:center;
	}
	.first-line ul li {
		display:inline-block;
		padding:16px 30px 12px;
		height:25px;
		line-height:18px;
		font-size:12px;
		color:#6c6c6c;
	}
	.first-line ul li a {
		color:#6c6c6c;
	}

/* верхнее меню */

	.nav-line .mob-menu {
		display:none;
	}

	.nav-line ul {
		display:block;
		margin:0;
		padding:0;
		list-style:none;
		text-align:center;
		font-family: 'MyriadPro';
	}
	
	.nav-line ul > li {
		display:inline-block;
		padding:12px 30px 8px;
		height:25px;
		line-height:25px;
		font-size:16px;
		text-transform:uppercase;
		color:#fff;
		position:relative;
	}
	.nav-line ul > li.active {
		background: #729920;
	}
	.nav-line ul li a {
		color:#fff;
	}
	/* второй уровень */
	.nav-line ul ul {
		display:none;
	}
	.nav-line ul li:hover ul {
		display:block;
		position:absolute;
		top:45px;
		left:50%;
		margin-left:-130px;
		width:240px;
		padding:10px;
		background:#8eb733;
		border-bottom:1px solid rgba(255,255,255,0.5);
		border-left:1px solid rgba(255,255,255,0.5);
		border-right:1px solid rgba(255,255,255,0.5);
		box-shadow: 1px 0px 0px 0px rgba(0,0,0,0.3), -1px 0px 0px 0px rgba(0,0,0,0.3), 0px 1px 0px 0px rgba(0,0,0,0.3);
	}
	.nav-line ul li:hover ul li {
		display:block;
		text-transform:none;
		padding:0;
		height:auto;
		text-align:left;
		border-bottom:1px solid #78a11f;
		border-top:1px solid #98c13f;
	}
	.nav-line ul li:hover ul li:first-child {
		border-top:none;
	}
	.nav-line ul li:hover ul li:last-child {
		border-bottom:none;
	}
	.nav-line ul li:hover ul li a {
		display:block;
		padding:5px 10px 5px;
		line-height:20px;
	}
	.nav-line ul li:hover ul li .separator {
		display:block;
		padding:10px 10px 10px;
		line-height:20px;
		text-transform:uppercase;
		text-align:center;
	}




	
/* Слайдер */
	
.slider-line {
	height:627px;
	background:#f6f6f6 url(../images/slider-bg.jpg) center repeat-x;
	overflow:hidden;
}	
	
	.slider-line .h-box {
		margin:0;
		padding:20px 0;
		height:97px;
	}
		.slider-line .h-box h2 {
			margin:2px 0;
			color:#2e446b;
		}	
		.slider-line .h-box h3 {
			margin:2px 0;
			font-size: 16px;
			color:#7e7e7e;
			letter-spacing:0.5px;
		}	
	.slider-line .portfolio-btn {
		display:none;
	}
	
#slide {
	display:block;
	width:570px;
	height:530px;
	position:relative;
	margin:0px auto;
}
#slide>div {
	display:block;
	position:relative;
}
#slide img {
	width:100%;
}
#slide a {
	display:block;
}

[id^="slide-"] {
	cursor:pointer;
	background: #fcfcfc;
	
	text-decoration: none;
	width:550px;
	height:440px;
	padding:0;
	margin:10px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
	/*overflow:hidden;*/
}


[id^="slide-"] {
	display:block;
	position:absolute;
}
[id^="slide-"] {
	margin-left:-150px;
}

[id^="slide-"]:hover {
	background: #fff;
}
[id^="slide-"]:hover img {
	opacity:0.7;
}
[id^="slide-"].active {
	cursor: default;
}
[id^="slide-"].active {
	background: #fcfcfc;
}
[id^="slide-"].active img {
	opacity:1;
}


.ex-shadow {
	position:absolute;
	width:100%;
	height:30px;
	bottom:-30px;
	background:url(../images/shadow.png) center no-repeat;
	background-size:contain;

}
#slide-prev, #slide-next {
	cursor: pointer;
    color: #3c3c3c;
    border: 0;
    background: #fcfcfc;
    display: block;
    position: absolute;
    float: none;
    top: 190px;
    width: 40px;
    height: 77px;
	margin-left:0;
	margin:0;
	box-shadow:none;
	opacity:0.8;
}
#slide-prev:hover, #slide-next:hover {
	opacity:1;
}
#slide-prev {	
	left: -270px;
	background:url(../images/prev.png) center no-repeat;
}
#slide-next {
    right: -270px;
	background:url(../images/next.png) center no-repeat;
}


/* направления деятельности*/
.activity-line {
	background:#fff;
	padding:30px 0;
}

	.activity-line .h-box {
		background:#fff;
		margin:0 auto -55px;
		width:auto;
		max-width:500px;
		z-index:20;
		position:relative;
	}
		.activity-line .h-box h2 {
			font-size:28px;
			margin:2px 0;
		}	
		.activity-line .h-box h3 {
			margin:2px 0;
			font-size: 16px;
			color:#7e7e7e;
			letter-spacing:0.5px;
		}
	
	.activity-line .activity-box {
		margin:0 auto;
		border:10px solid #ededed;
		padding:50px 80px;
	}
		
		.activity {
			width:440px;
			height:180px;
			background:#8ab530;
			margin:10px;
			padding:15px 176px 15px 20px;
			float:left;
			color:#fff;
			position:relative;
		}
		.activity.act1 {
			background:#bb1b37 url(../images/act1.png) right center no-repeat;
			border-radius:20px 0 0 0;
		}
			.activity.act1 a {
				color:#bb1b37;
			}
		.activity.act2 {
			background:#80bd21 url(../images/act2.png) right center no-repeat;
			border-radius:0 20px 0 0;
		}
			.activity.act2 a {
				color:#80bd21;
			}
		.activity.act3 {
			background:#4a5b7c url(../images/act3.png) right center no-repeat;
			border-radius:0 0 0 20px;
		}
			.activity.act3 a {
				color:#4a5b7c;
			}
		.activity.act4 {
			background:#ff8a00 url(../images/act4.png) right center no-repeat;
			border-radius:0 0 20px 0;
		}
			.activity.act4 a {
				color:#ff8a00;
			}
		
			.activity.act1  .activity-title, .activity.act2  .activity-title {
				/*margin:15px 0 20px;*/
			}
		
			.activity .activity-title {
				height:auto;
				font-size:24px;
				line-height:30px;
				font-style:italic;
				margin-bottom:5px;
			}
			.activity .activity-text {
				height:auto;
				font-size:14px;
			}
			.activity .activity-btn {
				position:absolute;
				height:35px;
				bottom:10px;
			}
				.activity .activity-btn a {
					display:block;
					height:20px;
					line-height:20px;
					text-transform:uppercase;
					padding:5px;
					text-align:center;
					width:190px;
					background:#fff;
					border-radius:5px;
				}
	
/* отправить заявку */
    
.order-line {
	background: #d6774e url(../images/order-fon.jpg) center center no-repeat;
    background-size:cover;
}
.order-box {
	padding:30px 0;
}	

	.order-text {
		float:left;
		width:550px;
		padding:0 0 0 50px;
		color:#fff;
	}
		.order-text h3 {
			font-size: 28px;
			line-height:28px;
			margin:0;
			font-family: 'MyriadPro-Semibold';
		}
		.order-text .dashed {
			padding:20px;
			border:1px dashed #fff;
			text-align:center;
			margin-top:15px;
			font-size:21px;
			line-height:28px;
			text-transform:uppercase;
		}
	

	.order-fos {
		float:left;
		width:550px;
		padding:0 100px;
	}
		.order-fos input[type=text] {
			box-sizing: border-box;
			width:350px;
			height:40px;
			line-height:20px;
			padding:10px 10px 10px 50px;
			margin-bottom:20px;
			background:#fff;
			border:0;
			border-radius:4px;
			box-shadow:inset 0 0 3px rgba(0,0,0,0.5);
		}
		.order-fos input.fos-name {
			background:#fff url(../images/fos-name.png) left center no-repeat;
		}
		.order-fos input.fos-telefon {
			background:#fff url(../images/fos-telefon.png) left center no-repeat;
		}
		.order-fos input[type=submit] {
			box-sizing: border-box;
			width:350px;
			height:50px;
			line-height:30px;
			font-size:21px;
			text-transform:uppercase;
			color:#fff;			
			padding:10px;
			margin-bottom:20px;
			background:#93d11d;
				background: -moz-linear-gradient(top, #bce620 0%, #69b61a 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bce620), color-stop(100%,#69b61a));
				background: -webkit-linear-gradient(top, #bce620 0%,#69b61a 100%);
				background: -o-linear-gradient(top, #bce620 0%,#69b61a 100%);
				background: -ms-linear-gradient(top, #bce620 0%,#69b61a 100%);
				background: linear-gradient(to bottom, #bce620 0%,#69b61a 100%);
			border:0;
			border-radius:5px;
			box-shadow:0 2px 2px rgba(0,0,0,0.5);
			cursor:pointer;
		}
		.order-fos input[type=submit]:hover {
			background:#93d11d;
		}
/* контент */	
.content-line {
    
}
    .content-line .center-box {
        padding:20px 20px 100px;
    }
    .content-line h2 {
        font-size:28px;
        line-height:36px;
    }
    .page-header h2 {
        padding:10px;
        background:#f5f5f5;
    }
    
/*перечень услуг*/

.usluga-items { 
    text-align: center;
}
.usluga-item { 
    border: 1px dashed #a1a1a1;
    display: inline-block;
    padding: 20px;
    margin: 5px;
    width: 340px;
    max-width:100%;
    text-align: center;
    border-radius: 5px;
}
    .usluga-item .usluga-title { 
        color: #33466e;
        font-weight:bold;
        text-transform:uppercase;
        margin-bottom:10px;
    }
        .usluga-item .usluga-title a { 
            color: #33466e;
        }
    .usluga-item .usluga-desc { 
        padding:10px 0;
    }
        .usluga-item .usluga-desc p { 
            padding:0;
            margin:0 0 10px;
        }
    .usluga-item .usluga-cost { 
        color: #e8890b;
    }
    .usluga-item .usluga-time { 
        color: #497b0c;
    }
    .usluga-item .usluga-btn { 
        margin:20px 0 0;
    }
        .usluga-item .usluga-btn a { 
            display: block;
            height: 20px;
            line-height: 20px;
            padding: 5px;
            text-align: center;
            width: 150px;
            background: #fff;
            border-radius: 5px;
            border:1px solid #33466e;
            color: #33466e;
            margin:auto;
        }
	
/*описание услуги разработка сайтов*/	
.site-left {
    float:left;
    width:60%;
}

.site-right {
    float:left;
    width:40%;
    padding:0 0 0 15px;
}

.site-top {

}

	.site-top .site-cost {
    	color: #e8890b;
    	text-align:center;
    	text-transform: uppercase;
	}
	.site-top .site-time {
    	color: #497b0c;
    	text-align:center;
    	text-transform: uppercase;
	}


.site-parameters {

}

.site-param {
    display:block;
    padding:0;
    margin:15px auto;
    border-radius:5px;
    text-align:center;
    width:100%;
    max-width:640px;
    overflow:hidden;
    background:#f5f5f5;
    border-bottom:3px solid #ccc;
}
    .site-param ul {
	    padding:15px 15px 30px;
	    margin:0;
	}
	    .site-param li {
    	    list-style:none;
    	    padding:5px 10px;
    	    margin:0;
    	    border-bottom:1px solid #a1a1a1;
    	}
	.site-param h3 {
	    margin:0;
	    padding:10px;
	    color:#fff;
	    background:#ccc;
	}

	.site-green {
	    border-bottom:3px solid #497b0c;
	}
    	.site-green h3 {
    	    background:#497b0c;
    	}
	.site-orange {
	    border-bottom:3px solid #e8890b;
	}
	    .site-orange h3 {
    	    background:#e8890b;
    	}
	.site-blue {
	    border-bottom:3px solid #33466e;
	}
	    .site-blue h3 {
    	    background:#33466e;
    	}    	
    	

.site-support {

}

.site-portfolio {

}

.site-desc {
    margin:15px auto;
    border-radius:5px;
    background:#f5f5f5;
    padding:10px;
    
}

/*портфолио*/
.port-cat .items {
    padding:5px;
    background:#eee;
}
.port-cat .port-item {
    float: left;
    margin: 0;
    text-align: center;
    width:350px;
    position:relative;
    overflow:hidden;
    background:#fff;
}


    .port-cat .port-item .item-title {
        padding: 15px;
        position:absolute;
        bottom:10px;
        left:5%;
        width:90%;
        background:#8eb733;
        color:#fff;
        border:1px solid #fff;
        opacity:0;
        text-transform:uppercase;
        box-shadow:0 0 5px rgba(0,0,0,0.5);
    }
        .port-cat .port-item .item-title a {
            color:#fff;
        }
    .port-cat .port-item:hover .item-title {
        opacity:1;
    }
    .port-cat .port-item .item-img {
        border:1px solid #fff;
    }
    .port-cat .port-item img {
        width:100%;
        height:auto;
        display:block;
    }
    .port-cat .port-item:hover .item-img {
        border:1px solid #8eb733;
    }


    
    .gallery-item {
        text-align:center;
    }
    
    .zoo-gallery {
        padding:5px !important;
        background:#eee;
    }
    
    .gallery-item a.thumb {
        display:inline-block;
        margin:0 auto;
        
        /*border-radius: 5px;*/
        border: 1px solid #fff;
        overflow:hidden;
        float:none;
    }
    .gallery-item a.thumb:hover {
        border: 1px solid #8eb733;
    }
    .gallery-item a.thumb img {
        display:block;
        width:100%;
    }
    .zoo-gallery-wall.margin {
        margin: 0 !important;
    }
/*категории портфолио*/


.port-cat .categories {
    margin:25px 0;
    padding:0;
    background:#eee;
}
.port-cat .categories .category {
    float: left;
    margin: 10px 5px;
    text-align: center;
    width:200px;
    position:relative;
    overflow:hidden;
}
.port-cat .categories .category img {
    display:block;
    width:100%;
    height:auto;
}
.port-cat .categories .category .tov-title {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:5px 0;
    text-transform:uppercase;
    color:#fff;
    background:rgba(0,0,0,0.4);
}

/* наши технологии */	
.technology-line {
	background:#fefefe;
		background: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f9f9f9));
		background: -webkit-linear-gradient(top, #fff 0%,#f9f9f9 100%);
		background: -o-linear-gradient(top, #fff 0%,#f9f9f9 100%);
		background: -ms-linear-gradient(top, #fff 0%,#f9f9f9 100%);
		background: linear-gradient(to bottom, #fff 0%,#f9f9f9 100%);
	
}
.technology-line2 {
	background:url(../images/technology-fon.png) bottom center no-repeat;
	padding:30px 0 50px;
}

	.technology-line .h-box {
		margin:0 auto;
		z-index:20;
		position:relative;
		padding:0 10px;
	}
		.technology-line .h-box h2 {
			font-size:28px;
			margin:2px 0;
			color:#ff8a00;
		}	
		.technology-line .h-box h3 {
			margin:2px 0;
			font-size: 14px;
			color:#adadad;
			letter-spacing:0.5px;
		}	
	
	.technology-pages {
		height:220px;
		width:1100px;
		position:relative;
		margin-top:20px;
	}
		.technology-pages .left-checker {
			position:absolute;
			left:0;
			width:50px;
			height:220px;
			background:url(../images/left-arrow.png) center center no-repeat;
			opacity:0.7;
			cursor:pointer;
			z-index:20;
		}
		.technology-pages .left-checker:hover {
			opacity:1;
		}
		.technology-pages .right-checker {
			position:absolute;
			right:0;
			width:50px;
			height:220px;
			background:url(../images/right-arrow.png) center center no-repeat;
			opacity:0.7;
			cursor:pointer;
			z-index:20;
		}
		.technology-pages .right-checker:hover {
			opacity:1;
		}
		.technology-pages .slick-cont-slider {
			transition: 1s linear;
		}
		.technology-pages .slick-cont {
			position:absolute;
			width:1000px;
			margin:0 50px;
			height:220px;
			overflow:hidden;
			z-index:20;
		}
			.technology-pages .slick-cont a.techno{
				display:block;
				box-sizing: border-box;
				float:left;
				width:170px;
				height:220px;
				margin:0 15px 0 15px;
				padding:60px 15px 60px;
				background: url(../images/shelf.png) center bottom no-repeat;	
				text-align:center;				
			}


			
																															
	
	
	
/* направления деятельности*/
.advantages-line {
	background:#fff;
	padding:30px 0;
}

	.advantages-line .h-box {
		background:#fff;
		margin:0 auto 0;
		width:auto;
		max-width:600px;
		padding:0 10px;
		z-index:20;
		position:relative;
	}
		.advantages-line .h-box h2 {
			font-size:28px;
			margin:2px 0;
		}	
		.advantages-line .h-box h3 {
			margin:2px 0;
			font-size: 16px;
			color:#7e7e7e;
			letter-spacing:0.5px;
		}
	
	.advantages-line .advantages-box {
		margin:0 auto;
		border:10px solid #ededed;
		padding:50px 80px;
	}	
	
	
	
	
	
	
/* Подвал */
.footer-line {
	height:130px;
	padding:30px 0;
	color:#333;
	background:#fff;
}
.footer-line .center-box {
	padding:0 50px;
}
	.footer-line .slogan-box {
		float:left;
		width:545px;
		height:70px;
		line-height:21px;
		font-size:16px;
		font-family: 'MyriadPro';
		text-transform:uppercase;
	}
		.footer-line .slogan-box p {
			padding:0;
			margin:4px 0;
			
		}
	
	.footer-line .button-box {
		float:left;
		width:145px;
		height:70px;
	}
		.footer-line .soc-btns {
			height:30px;
			margin-bottom:10px;
			text-align:center;
		}
			.footer-line .soc-btn {
				display:inline-block;
				height:19px;
				width:22px;
				margin:5px 10px;
				background-position: top center;
				background-repeat:no-repeat;
			}
			.footer-line .soc-btn:hover {
				background-position: bottom center;
			}
			.footer-line .soc-btn.vk {
				background-image:url(../images/vk.png);
			}
			.footer-line .soc-btn.fb {
				background-image:url(../images/fb.png);
			}
			.footer-line .soc-btn.twitter {
				background-image:url(../images/tw.png);
			}
		.footer-line .mail-btn {
			display:block;
			height:30px;
			font-size:14px;
			line-height:20px;
			padding:5px;
			color:#6c6c6c;
			text-align:center;
			border:1px dashed #a1a1a1;
			box-sizing:border-box;
			font-style: italic;
		}
	
	
	.footer-line .telefon-box {
		float:left;
		width:310px;
		height:70px;
		padding:0 0 0 115px;
		background:url(../images/telefon-bg.png) left center no-repeat;
	}
		.footer-line .telefon {
			height:45px;
			line-height:25px;
			padding:10px 0;
			font-size:21px;
		}
		.footer-line .telefon span {
			font-size:18px;
		}
		.footer-line .ordercall {
			display:block;
			height:25px;
			width:160px;
			background:#e8890b;
			color:#fff;
			text-transform:uppercase;
			text-align:center;
			font-size:14px;
			line-height:25px;
			cursor:pointer;
		}
		


/**/ 		
#lightbox-overlay {
    z-index:10000 !important;
}
#lightbox-wrap {
    z-index:10100 !important;
}


    
#lightbox-wrap, #lightbox-wrap * {
    box-sizing: unset;
}

.pagination
{
text-align:center;
margin-top:30px !important;
padding-top:10px !important;
border-top:1px solid #aaa;
}

.pagination ul
{
list-style: none;
}
.pagination ul li
{
display: inline-block;
margin-left:2px;
margin-right:2px;
}
.pagination ul li span, .pagination ul li a
{
    padding: 2px 15px;
    line-height: 18px;
    border: 1px solid #999;
    color:#999;
    border-radius: 3px;
}
.pagination ul li a
{
    border: 1px solid #666;
    color:#666;
}