body{
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
}
h1, .h1{
	font-weight: 900;
}
h2{
	font-size: 28px;
	font-weight: 900;
	margin-bottom: 30px;
	text-transform: uppercase;
}
#breadcrumb{
    margin-top: 15px;
}
    #breadcrumb a,
    #breadcrumb span{
        color: #666;
    }
    
#breadcrumb + section{    
	padding-top: 30px;
}
    
button{
	cursor: pointer;
}

section {
	padding-top: 60px;
	padding-bottom: 60px;
}

/*******************************************************/

#top{
	position: relative;
		z-index: 10;	
}
	#top.scroll{
		background-color: white;
		position: sticky;
			top: 0;	
	}


	.top-logo img {
	max-width: 100%;
	}
	
	@media(min-width: 1200px){
	.top-logo img {
	    padding: 10px 0;
	    width: 90px;
	}
}	
	
	@media(min-width: 992px){
	    #top.scroll{
	        border-bottom: 2px solid rgba(0, 0, 0, 0.05);
	    }
	}

	    @media(min-width: 576px){
	        .top-title{
	            font-size: 16px;
	        }
	    }
		.top-title span{
			text-transform: uppercase;
		}
    .top-phones{
		position: relative;
		text-align: center;
	}
		.top-phones span{
			font-weight: normal;
		}
		@media(min-width: 576px){
		    .top-phones{
		        text-align: left;
		    }
        		.top-phones span{
        			font-size: 19px;
        		}
		}
		    @media(min-width: 992px){
    			.scroll .top-phones span{
    				font-size: 16px;
    			}
		    }
            @media(min-width: 576px){
        		.top-phones::before{
        			color: #922;
        			content: '\f095';
        			display: block;
        			font-family: 'FontAwesome';
        			font-size: 20px;
        			line-height: 1;
        			position: absolute;
        				top: 7px;
        				left: 0px;
        				z-index: 5;
                }
            }
		    @media(min-width: 992px){
        		.top-phones::before{
        			left: -20px;
        		}
		    }
	/*.top-button{}*/
		.top-button button{
			background-color: transparent;
			border: 2px solid #922;
			border-radius: 50px;
			color: #922;
			font-size: 10px;
			outline: none;
			width: 100%;
		}
		    @media(min-width: 576px){
		        .top-button button{
		            font-size: 14px;
		        }
		    }
		    @media(min-width: 1200px){
		        .top-button button{
		            font-size: 16px;
		        }
		    }
			.top-button button:focus{
				-webkit-box-shadow: none;
				        box-shadow: none;
				outline: none;
			}
			
/*			
    @media(min-width: 992px){
    	.top-logo{
    		-ms-flex: 0 0 16.666667%;
    		    flex: 0 0 16.666667%;
    		max-width: 16.666667%;
    	}
    		.top-logo img{
    			width: 40%;
    			padding-top: 5px;
    			padding-bottom: 5px;
    		}
    		.scroll .top-logo{
    			-ms-flex: 0 0 8%;
    			    flex: 0 0 8%;
    			order: 1;
    			max-width: 8%;
    		}
    			.scroll .top-logo img{
    				width: 100%;
    			}
    	.top-title{
    		-ms-flex: 0 0 41.666667%;
    		    flex: 0 0 41.666667%;
    		margin-right: auto;
    		max-width: 41.666667%;
    	}
    		.scroll .top-title{
    			display: none;
    		}
    	.top-phones{
    		-ms-flex: 0 0 16.666667%;
    		    flex: 0 0 16.666667%;
    		max-width: 16.666667%;
    	}
    		.scroll .top-phones{
    			-ms-flex: 0 0 14%;
    			    flex: 0 0 14%;
    			max-width: 14%;
    			order: 3;
    		}

    	.top-button{
    		-ms-flex: 0 0 16.666667%;
    		    flex: 0 0 16.666667%;
    		max-width: 16.666667%;
    	}
    		.scroll .top-button{
    			order: 4;
    		}
    }
 */   
    
nav.navbar{
	background-color: #13a7ec;
	padding: 0;
	width: 100%;
}
    nav.navbar button{
        outline: none;
    }
/*    
        nav.navbar button span::before{
            content:'\f0c9';
            color: white;
            font-family: 'FontAwesome';
        }
*/        
	@media(min-width:992px){
	
/*	
	    .scroll nav.navbar{
    		background-color: white;
    		font-size: 14px;
    		order: 2;
    		padding-right: 50px;
    		width: 61%;
    	}
*/    	
.nav-item {
  flex: 1 1 0;    	
}
	}
.navbar-toggler {
	background-color: #fff !important;
}
  

	.nav-item{
		border-right: 1px solid white;
		padding: 0;
	}
		.nav-item:last-child{
			border: none;
		}
		.nav-link{
			color: white;
			padding: 15px 0!important;
			text-align: center;
			text-transform: uppercase;
			font-weight: bold;
			text-shadow: 0px 0px 1px #333;
		}
		
/*		
		    @media(min-width: 992px){
    			.scroll .nav-link{
    				color: black;
    				text-align: center;
    			}
		    }
*/		    
			.nav-link:hover{
				color: white;
				/* font-size: 17px;
				padding-bottom: 14px; */
			}
				.scroll .nav-link:hover{
					color: #922;
					/* font-size: 17px;
					padding-bottom: 14px; */
				}
	@media(max-width: 991px){
    	.nav-item{
    		border-right: none;
    	}
	    #top ul.navbar-nav {
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
        }
        

		.scroll .top-button,
		.scroll .top-phones {
			display: none;
		}    	
		
		.scroll .top {
			padding-bottom: 0 !important;
		}    	
		
		.scroll .top1 {
			padding: 5px 0 !important;
		} 
        
        
	}

				
/*******************************************************/
#header{
	position: relative;
		top: -30px;
		z-index: 5;
}
header{
	/*background-color: #b5b6b8;*/
	display: flex;
		justify-content: center;
	height: 500px;
	position: relative;
	overflow: hidden;
	width: 100%;
}
	.header-owl-contain{
		height: 100%;

		position: absolute;
			top: 0;
			z-index: 1;
		width: 100%;
	}
		#header-owl{
			height: 100%;
			position: relative;
			width: 100%;
		}
    		#header-owl .item{
    		    background-position: center;
    		    background-size: cover;
    		    height: 600px;
    		}
			#header-owl .owl-dots{
				position: absolute;
					bottom: 0;
					left: 25%;
				width: 50%;
			}
    			#header-owl .owl-dots span{
    			    border: 2px solid black;
    			    border-radius: 50%;
    			    height: 13px;
    				width: 13px;
    			}
        			#header-owl .owl-dot.active span{
        			    background-color: black;
        			}
        			#header-owl .owl-prev,
        			#header-owl .owl-next{
        			    display: none;
        			}
            			@media(min-width: 1200px){
                			#header-owl .owl-prev,
                			#header-owl .owl-next{
                				background-color: transparent;
                				border: 5px solid white;
                				border-radius: 50%;
                				color: white;
                				display: flex;
                					align-items: center;
                					justify-content: center;
                				font-size: 45px;
                				font-weight: bold;
                				line-height: 1;
                				position: absolute;
                					top: calc(50% - 25px);
                				width: 55px;
                			}
            			}
				#header-owl button:active,
				#header-owl button:focus,
				#header-owl button:hover{
					background-color: transparent;
				}
				#header-owl .owl-prev span,
				#header-owl .owl-next span{
					display: none;
				}
			#header-owl .owl-prev{
				left: 25px;
			}
				#header-owl .owl-prev::before{
					content:'\f104';
					font-family: 'FontAwesome';
				}
			#header-owl .owl-next{
				right: 25px;
			}
				#header-owl .owl-next::before{
					content:'\f105';
					font-family: 'FontAwesome';
				}
	.header-text{
		font-weight: normal;
		/*height: 0;*/
		/*padding: 0;*/
		position: relative;
			top: 90px;
			z-index: 2;
		/*width: 60%;*/
	}
		.header-text .h1{
		    font-size: 36px; 
		    line-height: 1;
			/*width: 80%;*/
		}
		@media(min-width: 768px){
		    .header-text .h1{
		        font-size: 48px;
		        /*width: 70%;*/
		    }
		}
		@media(min-width: 992px){
		    .header-text .h1{
		        /*font-size: 60px;*/
		        /*width: 60%;*/
		    }
		}
		.header-text p{
			margin-bottom: 30px;
			width: 60%;
		}
		/*@media(min-width: 576px){
		    .header-text p{
    			width: 50%;
    		}
		}*/
		@media(min-width: 992px){
		    .header-text p{
    			width: 40%;
    		}
		}
		.header-text button{
			background-color: white;
			border: 1px solid white;
			border-radius: 3px;
			color: black;
			padding: 10px 25px;
		}

/*******************************************************/

#about{
	position: relative;
		z-index: 3;
}
    .about-img img{
        width: 100%;
    }

	.about-main_text-statistic{
		margin-top: 15px;
	}
	    @media(min-width:992px){
	        .about-main_text-statistic{
        		margin-top: 50px;
        	}
	    }
		.about-main_text-statistic span{
			color: #922;
			display: block;
			font-size: 32px;
			font-weight: bold;
			line-height: 1;
		}
		    @media(min-width: 992px){
		        .about-main_text-statistic span{
		            font-size: 72px;
		        }
		    }
		.about-main_text-statistic p{
		    font-size: 14px;
			font-weight: normal;
		}
		    @media(min-width: 992px){
		        .about-main_text-statistic p{
		            font-size: 16px;
		        }
		    }
	.about-text{
		margin-top: 15px;
		padding: 0 15px;
	}
	@media(min-width: 992px){
    	.about-text{
    		margin-top: 70px;
    	}
	}
		.about-text ul{
			list-style: none;
			margin-top: 40px;
			padding: 0;
		}
			.about-text li{
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				margin-bottom: 20px;
			}
				.about-text li::before{
					color: #922;
					content: '\f111';
					display: block;
					font-family: 'FontAwesome';
					font-size: 10px;
					margin: 4px 10px 0;
				}

/*******************************************************/

/* #products{} */
	.product.row{
		margin-bottom: 50px;
	}
	.product-title{
		background-color: #922;
		color: white;
		font-size: 28px;
		/* font-weight: bold; */
		line-height: 1;
		margin-bottom: 25px;
		padding: 15px 0;
		text-align: center;
	}
	/* .product-item{} */
		.product-item-title{
			font-weight: normal;
		}
		.product-item-img{
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
				-webkit-box-align: center;
				-webkit-align-items: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				-webkit-justify-content: center;
				    -ms-flex-pack: center;
				        justify-content: center;
			height: 200px;
			margin: 20px 0;
			overflow: hidden;
		}
			.product-item-img img{
				width: 100%;
			}
	.product-item-btns button{
		border-radius: 3px;
		font-weight: normal;
		padding: 10px 0;
	}
		.product-item-btns button:focus{
			outline: none;
			-webkit-box-shadow: none;
			        box-shadow: none;
		}
		.product-item-btns .first{
			background-color: transparent;
			border: 1px solid black;
			color: black;
		}
		.product-item-btns .second{
			background-color: #13a7ec;
			border: 1px solid white;
			color: white;
		}

/*******************************************************/

#pluses{
	background-color: #13a7ec;

	text-align: center;
}
	.pluses.row{
		-webkit-justify-content: space-around;
		    -ms-flex-pack: distribute;
		        justify-content: space-around;
	}
		.pluses-item{
			margin: 0 1px 50px;
			padding: 0;
		}
			.pluses-item-icon{
				height: 90px;
				overflow: hidden;
			}
/*			
			    .pluses-item-icon img {
                    border: 5px solid rgba(255, 255, 255, 0.05);
                }
*/                
			.pluses-item-title{
			    margin-top: 25px;
			    font-weight: 500;

			}
			    @media(min-width: 992px){
			        .pluses-item-title{
			            font-size: 18px;
			        }
			    }

/*******************************************************/


		.action-img{
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
				-webkit-box-align: center;
				-webkit-align-items: center;
				    -ms-flex-align: center;
				        align-items: center;
				-webkit-box-pack: center;
				-webkit-justify-content: center;
				    -ms-flex-pack: center;
				        justify-content: center;
			height: 400px;
			margin-bottom: 20px;
			overflow: hidden;
		}
			.action-img img{
				height: 100%;
			}
		.action-text{
			margin-top: -10px;
		}
			.action-text>*{
				margin-bottom: 30px;
			}
			.action-text-title{
				font-size: 28px;
				font-weight: 400;
				text-transform: uppercase;
			}
			.action-text button{
				background-color: transparent;
				border: 1px solid #922;
				border-radius: 3px;
				color: #922;
				padding: 10px 25px;
			}

/*******************************************************/

/*#productions{}*/
    #productions h2{
        margin-top: 60px;
        text-transform: capitalize;
    }
    #productions h2.cat-name{
        border-bottom: 3px solid #922;
        font-weight: bold;
        text-transform: unset;
    }
        .productions-item{
            background-position: center;
            background-size: cover;
            display: block;
            height: 250px;
            margin-bottom: 20px;
            padding-top: 30px;
            text-decoration: none;
        }
            .productions-item-title{
                color: black;
                display: block;
                font-size: 16px;
                font-weight: bold;
                text-align: center;
                text-transform: uppercase;
            }

/*******************************************************/
/*#actions{}*/
    .actions-item{
        margin-bottom: 50px;
    }
        .actions-item-img{
            background-position: center;
            background-size: cover;
            height: 250px;
            width: 100%;
        }
        /*.actions-item-text{}*/
            .actions-item-text h3{
                font-size: 18px;
                font-weight: bold;
            }
            .actions-item-text p{}

/*******************************************************/
/*#works{}*/
    #works ul{
        list-style: none;
    }
        #works li{
            font-weight: bold;
            padding: 15px;
        }
        #works li a{
	        color: black;
	    }
        #works li.active{
            border-left: 3px solid #13a7ec;
            color: #13a7ec;
        }
            #works li.active a{
                color: #13a7ec;
            }
    .works-gallery a{
        background-position: center;
        background-size: cover;
        border: 1px solid rgba(0, 0, 0, 0.5);
        display: block;
        height: 275px;
        margin-bottom: 25px;
    }
    #works h1{
        margin: 0 0 45px;
    }
    /*.works-gallery{}*/
        .works-gallery-item{
            background-position: center;
            background-size: cover;
            display: block;
            height: 200px;
            margin-bottom: 15px;
        }

/*******************************************************/
/*#contacts{}*/
    .contacts_block{
        font-size: 18px;
        margin-top: 50px;
    }
        .contacts_block-item{
            margin-bottom: 30px;
            position: relative;
        }
            .contacts_block-item i{
                color: #13a7ec;

            }
            
/*******************************************************/
/*#category_top{
    background-position: center;
    background-size: cover;
    height: 400px;
    padding-top: 75px;
}
    #category_top h1{}
    #category_top p{}
    #category_top button{
        background-color: white;
        padding: 15px;
    }*/

/*******************************************************/
#product{}
    #product h1{
        font-size: 28px;
        /*margin-top: 70px;*/
        padding-bottom: 15px;
    }
    
    /*.prod-owl{}*/
        .prod-owl .owl-dots{
            display: flex;
                justify-content: space-around;
            margin-bottom: 25px;
            padding: 0 15px;
        }
            .prod-owl button.owl-dot,
            .prod-owl button.owl-dot:focus{
                border: 3px solid #13a7ec;
                border-radius: 50%;
                height: 15px;
                outline: none;
                width: 15px;
            }
                .prod-owl button.owl-dot.active{
                    background-color: #13a7ec;
                }
            .prod-owl .owl-nav{
                display: none;
            }
    
    .product-gallery a.product-item{
        background-position: center;
        background-size: cover;
        display: block;
        height: 350px;
        margin-bottom: 25px;
    }
/*******************************************************/

/*******************************************************/

/*******************************************************/

footer{
	background-color: #19a6e7;
	color: white;
}
    footer a{
        color: white;
    }
	.footer-top{
		background-color: #1998d3;
		padding: 30px 0;
	}
		.footer-top-need{
			font-size: 22px;
		}
			.footer-top-need i.fa{
				font-size: 60px;
				line-height: 1;
				position: absolute;
					top: calc(50% - 30px);
					right: 0;
			}

		.footer-top-btns button{
			background-color: transparent;
			border: 1px solid white;
			border-radius: 3px;
			color: white;
			font-size: 14px;
			padding: 10px 0;
			white-space: nowrap;
		}
		    @media(min-width: 576px){
		        .footer-top-btns button{
		            font-size: 16px;
		        }
		??  }???
Multi=1???TIMEOUT???ACCOUNT???
    }???OLDPORT??
??t???OLDPORT???MONTHS???B

???
???????????B

????ACCOUNT??
????????d???
		}  	???
media???r???
	.footer-bot{
		padding: 30px 0;
	}
		.footer-bot-copyright>span{
			display: block;
			margin-bottom: 25px;
		}
		.footer-bot-copyright a{
			color: white;
			display: inline-block;
			font-size: 24px;
			margin-right: 10px;
		}
		.footer-bot-menu ul{
		    font-size: 15px;
			list-style: none;
			padding: 0;
			text-transform: uppercase;
		}
			.footer-bot-menu a{
				color: white;
				padding: 5px 0;
				display: block;
				text-decoration: none;
			}
		@media(min-width: 576px){
    		.footer-bot-contacts{
    			text-align: right;
    		}
		}
			.footer-bot-contacts p{
				margin-bottom: 25px
			}
			
/************************************************************/			
#modal_view{
    max-width: 310px;
    padding: 35px 10px;
    width: 100%;
}
    @media(min-width: 576px){
        #modal_view{
            padding: 35px 25px;
            max-width: 425px;
        }
    }
    /*.product-price{}*/
    #modal_view,
    .product-form{
        border: 3px solid #13a7ec;
        padding: 15px;
        border-radius: 5px;
    }
    .product-form{
        margin-bottom: 25px;
    }
    .modal_view{
        display: inline-flex!important;
            justify-content: center;
        margin: auto;
        width: 100%;
    }
        /*#mvform*/
        .mvform{
            width: 100%;
        }
            /*#mvform .success*/
            .mvform .success{
                background-color: rgba(40, 167, 69, 0.5);
                border: 1px solid rgb(40, 167, 69);
                border-radius: 3px;
                padding: 15px 0;
                text-align: center;
            }
            .mvform-title{
                font-size: 24px;
                margin-bottom: 25px;
                text-align: center;
            }

            .mvform-block{
                display: flex;
                    align-items: center;
                    justify-content: center;
                margin-bottom: 15px;
                width: 100%;
            }
                .mvform-block label{
                    display: none;
                    line-height: 1;
                    padding-right: 10px;
                    text-align: right;
                    width: 30%;
                }
                .mvform-block input{
                    border: 1px solid #13a7ec;
                    font-size: 15px;
                    height: 50px;
                    padding-left: 10px;
                    width: 80%;
                }
                .mvform-block textarea{
                    border: 1px solid #13a7ec;
                    font-size: 15px;
                    height: 75px;
                    padding-left: 10px;
                    resize: none;
                    width: 80%;
                }
                .mvform-block button{
                    background-color: #13a7ec;
                    border: none;
                    color: white;
                    font-weight: bold;
                    height: 40px;
                    margin: auto;
                    width: 50%;
                }

/* 
* 27.08.2019 {
*/



@media(min-width: 1660px){
	.container, .container-xxl {
	    max-width: 1600px;
	}
}

@media(max-width:767px){
    
    .top{
        padding: 0;
    }

}