/*--------------------------------------------------------------

Template: Theme Name
Author: 
Version:  1
Design and Developed by: 

Note: This is the file where you can add your custom styles to change the look of the theme. But don't modify "style.css" file.

---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom css code here: 
-------------------------------------------------------*/

.ankor:before {
	display: block;
	content: "";
	height: 192px;
	margin: -192px 0 0;
}

@media (max-width: 1200px) {
	.ankor:before{
		margin: 0!important;
		height: 0!important;
	}
}

.demo-content{
	min-height: 330px;
	/* padding: 90px 0 90px; */
}
.demo-content h2{
	line-height: normal;
	margin-bottom: 24px;
}
.demo-content h3{
	line-height: normal;
	margin-bottom: 24px;
}
.demo-content h4{
	line-height: normal;
	margin-bottom: 24px;
}
.demo-content p{
	margin-bottom: 16px;
}
.demo-content a{
	color: #0151b0;
}
.demo-content a:hover{
	color: #0151b0;
	text-decoration: underline;
}

.footer-text{
	padding: 24px 0;
}

.demo-content img{
	max-width: 100%;
}
.demo-content .card{
	margin-bottom:24px;
	background: #e5edf7;
	padding: 24px;
}
.demo-content .card p{
	display: block;
	margin-bottom: 0;
}
.demo-content .card p strong{
	display: block;
	margin-bottom: 12px;;
}
.demo-content .card p .button{
	display: inline-block;
	margin-top: 12px;
}

.demo-content table{
	border-collapse: collapse;
}
.demo-content table td{
	border:1px solid #e5edf7;
	padding: 8px 16px;
}
.demo-content table td p{
	margin: 0!important;
}
.demo-content .table_overflow{
	content: "";
	display:block;
	overflow-x:auto;
}
.owl-carousel .owl-stage:after{
	display:none!important;
}
.owl-docs .owl-stage{
	display:flex;
	flex-direction: row;
	align-items: stretch;
}
.owl-docs .owl-item{
	box-sizing: border-box;
	border: 1px solid #c1c1c1;
	padding:16px;
}
.owl-docs .owl-item a{
	/* text-transform: uppercase; */
	color: #0151b0;
}
.owl-docs .owl-item a:hover{
	color: #0151b0;
	text-decoration: underline;
}

.owl-docs .owl-dots{
    position: relative;
	text-align: center;
	margin:24px;
	font-smooth: inherit;
}
.owl-docs .owl-dot{
	outline: none;
    position: relative;
    height: 9px;
    width: 16px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
	background: #555!important;
}
.owl-docs .owl-dot:before{
	border-bottom: 4px solid #555;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -4px;
    width: 0;
    opacity: 1;
}
.owl-docs .owl-dot:after{
	content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 4px solid #555;
}
.owl-docs .owl-dot.active{
	background: #0151b0!important;
}.owl-docs .owl-dot.active:before{
	border-bottom: 4px solid #0151b0;
}.owl-docs .owl-dot.active:after{
	border-top: 4px solid #0151b0;
}
