/*
| Template created by Kadir Hanoglu
| Author: Kadir Hanoglu
| URL: https://www.dortbilisim.com
| Create Date: 22.10.2019
| Last Update: 05.11.2019
| File: home.css
*/

/* Home Slider Start */

.spad{
    padding-top:130px;
    padding-bottom:130px
}
.sp-pad{
    padding-left:150px;
    padding-right:150px
}
.sp-title{
    font-size:30px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:45px;
    letter-spacing:6px
}
.set-bg{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center 0
}
.home-slider{
    position:relative
}
.home-slider .owl-nav{
    position:absolute;
    display:inline-block;
    right:150px;
    top:50%;
    font-size:20px;
    z-index:999;
    color:#fff
}
.home-slider .owl-nav i{
    margin-left:2px
}
.home-slider .owl-nav .owl-prev{
    display:none
}
.home-slider .owl-dots{
    position:absolute;
    bottom:-5px;
    left:150px
}
.home-slider .owl-dots .owl-dot{
    display:inline-block;
    margin-right:30px;
    color:#fff;
    font-size:14px;
    padding-bottom:40px;
    position:relative;
    overflow:hidden
}

.home-slider .owl-dots .owl-dot.active span{
    color:#cc1847
}

.home-slider .owl-dots .owl-dot.active:after{
    height:100%
}

.home-slider .owl-dots .owl-dot:after{
    position:absolute;
    content:'';
    width:2px;
    height:0;
    left:50%;
    top:30px;
    margin-left:-2px;
    background:#fff;
    transition:all .4s;
}

.home-slider-item {
    position:relative;
    display:table;
    width:100%;
}

.home-slider-item-background:after {
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#000;
    opacity:.3
}

.home-slider-item:after {
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#000;
    opacity:.3
}

.home-slider-item .home-slider-title {
    color:#fff;
    font-size: 3em;
    font-weight: 400;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    margin-bottom: 40px;
    position: relative;
    left: 150px;
    opacity: 0;
}
.home-slider-item .home-slider-text{
    position: relative;
    font-family: 'Poiret One', sans-serif;
    font-weight: 100;
    font-size: 1em;
    letter-spacing: 0.1em;
    display: table-cell;
    vertical-align: middle;
    z-index: 2;
}
.home-slider-item .home-slider-text>span{
    position:relative;
    color: #fff;
    font-size: 2.4em;
}
.home-slider-item .home-slider-des{
    font-family: 'Poiret One', sans-serif;
    font-weight: 100;
    font-size: 1.8em;
    line-height: 1.8;
    letter-spacing: 0.1em;
    position: relative;
    color: rgba(255,255,255,0.7);
    left: 150px;
    margin-top: 35px;
    opacity: 0;
}
.home-slider-item > * {
    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}
.owl-item.active .home-slider-item .home-slider-title,.owl-item.active .home-slider-item .home-slider-des{
    left:0;
    opacity:1
}
.owl-item.active .home-slider-item .home-slider-title{
    transition:all .5s ease .6s
}
.owl-item.active .home-slider-item .home-slider-des{
    transition:all .5s ease .8s
}

/* Home Slider End */

/* Home Welcome Start */

.welcome-intro {
    width: 80%;
    color: #fff;
    letter-spacing: 0.2em;
    margin: 0 10%;
    padding: 25px;
}

.welcome-intro > span {
	display: block;
	text-transform: uppercase;
}

.welcome-intro > span:nth-child(1) {
	font-family: 'Oswald', sans-serif;
    font-size: 7em;
    font-weight: 600;
}

.welcome-intro > span:nth-child(2) {
	font-family: 'Oswald', sans-serif;
    font-size: 3em;
    letter-spacing: 0.3em;
}

.welcome-intro > span:nth-child(3) {
    font-size: 1.5em;
    margin: 15px 0;
}

.welcome-info {
	padding: 30px 0;
}

.welcome-info > span {
    font-size: 1.16em;
    letter-spacing: 1.2em;
    color: #ccc;
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
    font-weight: 300;
}

.welcome-info > h2 {
    font-size: 3.6em;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.welcome-box h2 > span {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	color: #404952;
    display: block;
    margin-bottom: 0;
    line-height: 1.6em;
}

.welcome-box h2 > span:first-child {
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
}

.welcome-description, .welcome-description h1 {
	font-size: 1.2em;
	line-height: 2em;
	color: #404952;
}

.welcome-description h1 {
    font-size: 1em;
    display: inline-block;
}

/* Home Welcome End */

/* Home Other Start */

.home-section {
	background-color: #f9f9f9;
	padding: 80px 0;
	position: relative;
}

.home-section:nth-child(odd) {
	background-color: #fff;
}

.home-section:before,
.home-section:nth-child(odd):before {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    top: 0;
}

.home-section:before {
    background: url(../themes/dortbusiness/assets/img/sep-top.png) repeat-x;
}

.home-section:nth-child(odd):before {
    background: url(../themes/dortbusiness/assets/img/sep-bottom.png) repeat-x;
    top: -20px;
}

.home-section:nth-child(2):before {
	display: none;
}

.home-section > header {
    margin: 10px 0 50px 0;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.home-section > header h2 {
    display: block;
    position: relative;
    margin: 20px 0;
    padding: 0;
    font-family: 'Oswald', sans-serif;
    font-size: 3em;
    font-weight: 100;
    color: #101010;
    letter-spacing: 0.04em;
}

.home-all-button {
    margin: 30px 0 0 0;
}

.home-all-button .btn-theme {
    padding: 15px 25px;
}

/* Home Other End */

/* Home Category V1 Start */

.cat-box-v1 li {
    width: 24%;
    float: left;
    margin: 15px 0.5%;
    position: relative;
    overflow: hidden;
}

.cat-picture {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.cat-picture > img {
	transition: .5s all ease;
	width: 100%;
	transform: scale(1);
}

.cat-box-v1 li:hover .cat-picture > img {
	transition: .5s all ease;
	transform: scale(1.2);
	filter: blur(3px);
}

.cat-description {
	background-color: rgba(0,0,0,0.5);
	width: auto;
	height: auto;
	padding: 20px;
	position: absolute;
	top: 70%; left: 15%; right: 0;
	transition: .5s all ease;
}

.cat-box-v1 li:hover .cat-description {
	width: 90%;
	height: 92%;
	top: 4%; left: 5%;
	transition: .5s all ease;
}

.cat-box-v1 li:hover .cat-content {
    width: 100%;
    height: 100%;
    padding: 25px;
    position: relative;
}

.cat-content {
    display: block;
    color: #fff;
    text-decoration: none;
}

.cat-content:hover, .cat-content:focus {
    color: #fff;
}

.cat-content h3 {
	margin: 0;
	padding: 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	font-size: 1.6em;
	letter-spacing: 0.02em;
}

.cat-details {
	visibility: hidden;
	opacity: 0;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.6em;
	transition: .3s all ease;
	text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

.cat-box-v1 li:hover .cat-details {
	visibility: visible;
	opacity: 1;
	position: relative;
	height: auto;
	margin: 25px 0 0 0;
	padding: 15px 0 0 0;
	overflow: hidden;
	transition: .5s all ease 0.3s;
}

.snake-border {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0; bottom: 0;
	left: 0; right: 0;
	visibility: hidden;
	opacity: 0;
}

.cat-box-v1 li:hover .snake-border {
	visibility: visible;
	opacity: 1;
}

.snake-border > span {
	background-color: transparent;
    width: 3px;
    height: 3px;
    position: absolute;
    transition: 0.5s all ease 0.3s;
}

.cat-box-v1 li:hover .snake-border > span {
	background-color: #fff;
    width: 3px;
    height: 3px;
}

.cat-box-v1 li:hover .snake-border > span:nth-child(1) {
	width: 100px;
	height: 3px;
	left: 0px;
	top: 0px;
}

.cat-box-v1 li:hover .snake-border > span:nth-child(2) {
	width: 3px;
	height: 100px;
	left: 0px;
	top: 0px;
}

.cat-box-v1 li:hover .snake-border > span:nth-child(3) {
	width: 100px;
	height: 3px;
	right: 0px;
	bottom: 0px;
}

.cat-box-v1 li:hover .snake-border > span:nth-child(4) {
	width: 3px;
	height: 100px;
	right: 0px;
	bottom: 0px;
}

/* Home Category V1 End */

/* Home Category V2 Start */

.cat-box-v2 li {
    width: 49%;
    height: 420px;
    float: left;
    margin: 15px 0.5%;
    position: relative;
    overflow: hidden;
}

.cat-picture {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.cat-picture > img {
	transition: .5s all ease;
	width: 100%;
	transform: scale(1);
}

.cat-box-v2 li:hover .cat-picture > img {
	transition: .5s all ease;
	transform: scale(1.2);
	filter: blur(3px);
}

.cat-description {
	background-color: rgba(0,0,0,0.5);
	width: auto;
	height: auto;
	padding: 20px;
	position: absolute;
	top: 70%; left: 15%; right: 0;
	transition: .5s all ease;
}

.cat-box-v2 li:hover .cat-description {
	width: 90%;
	height: 92%;
	top: 4%; left: 5%;
	transition: .5s all ease;
}

.cat-box-v2 li:hover .cat-content {
    width: 100%;
    height: 100%;
    padding: 25px;
    position: relative;
}

.cat-content {
    display: block;
    color: #fff;
    text-decoration: none;
}

.cat-content:hover, .cat-content:focus {
    color: #fff;
}

.cat-content h3 {
	margin: 0;
	padding: 0;
	font-family: 'Oswald', sans-serif;
	font-weight: 100;
	font-size: 1.6em;
	letter-spacing: 0.02em;
}

.cat-details {
	visibility: hidden;
	opacity: 0;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1.6em;
	transition: .3s all ease;
	text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

.cat-box-v2 li:hover .cat-details {
	visibility: visible;
	opacity: 1;
	position: relative;
	height: auto;
	margin: 25px 0 0 0;
	padding: 15px 0 0 0;
	overflow: hidden;
	transition: .5s all ease 0.3s;
}

.snake-border {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0; bottom: 0;
	left: 0; right: 0;
	visibility: hidden;
	opacity: 0;
}

.cat-box-v2 li:hover .snake-border {
	visibility: visible;
	opacity: 1;
}

.snake-border > span {
	background-color: transparent;
    width: 3px;
    height: 3px;
    position: absolute;
    transition: 0.5s all ease 0.3s;
}

.cat-box-v2 li:hover .snake-border > span {
	background-color: #fff;
    width: 3px;
    height: 3px;
}

.cat-box-v2 li:hover .snake-border > span:nth-child(1) {
	width: 100px;
	height: 3px;
	left: 0px;
	top: 0px;
}

.cat-box-v2 li:hover .snake-border > span:nth-child(2) {
	width: 3px;
	height: 100px;
	left: 0px;
	top: 0px;
}

.cat-box-v2 li:hover .snake-border > span:nth-child(3) {
	width: 100px;
	height: 3px;
	right: 0px;
	bottom: 0px;
}

.cat-box-v2 li:hover .snake-border > span:nth-child(4) {
	width: 3px;
	height: 100px;
	right: 0px;
	bottom: 0px;
}

/* Home Category V2 End */

/* Home Box Start */

.home-box-picture {
    max-height: 360px;
	text-align: center;
	overflow: hidden;
}

.home-box-picture > img {
    width: 50%;
}

.home-box-content {
	padding: 30px 40px;
	text-align: center;
	color: #fff;
	border-bottom: 5px solid rgba(0,0,0,0.1);
}

.home-box-content > h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 2.5em;
	margin: 15px 0 30px 0;
}

.home-box-content > p {
    font-size: 1.1em;
    line-height: 2em;
}

.home-box-content > a {
	display: inline-block;
	background-color: rgba(255,255,255,0.8);
	color: #555;
	padding: 12px 18px;
	margin: 20px 0 0 0;
	border-radius: 4px;
	border-bottom: 2px solid rgba(255,255,255,1);
}

.home-box-content > a:hover {
	background-color: rgba(255,255,255,1);
	border-bottom: 2px solid rgba(255,255,255,1);
}

/* Home Box End */

/* Home Content Box Start */

.content-box-container {
    box-shadow: 0 5px 50px rgba(0,0,0,0.1);
    padding: 0 50px;
}

.content-box-text {
    float: left;
    width: 50%;
    padding: 30px 50px;
}

.content-box-text h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 2.4em;
    margin: 0 0 20px 0;
    padding: 0;
}

.content-box-text p {
    font-size: 0.95em;
    line-height: 2em;
}

.content-box-picture {
    float: right;
    width: 50%;
    height: 250px;
    overflow: hidden;
}

.content-box-picture img {
    width: 100%;
}

.content-box-item:nth-child(odd) .content-box-text {
    float: right;
}

.content-box-item:nth-child(odd) .content-box-picture {
    float: left;
}

/* Home Content Box End */

/* Home Numerical Start */

.home-numerical {
	text-align: center;
	color: #fff;
	padding: 80px 0;
}

.home-numerical i {
	font-size: 3em;
}

.home-numerical h2 {
	font-size: 3em;
	margin: 20px 0;
	font-family: 'Open Sans', cursive;
}

.home-numerical h5 {
	font-family: 'Oswald', sans-serif;
	font-size: 1.4em;
}

.home-numerical > div {
    position: relative;
    z-index: 2;
}

.home-numerical.parallax {
    padding: 120px 0;
}

.home-numerical.parallax:before, .home-numerical.parallax:after {
    background-image: none;
}

/* Home Numerical End */

/* Home Brand Start */

.brand-box {
    width: 240px;
	margin: 0.5%;
	border-radius: 5px;
}

.brand-picture > img {
	filter: none;
	transition: .5s all ease;
	width: 100%;
}

.brand-picture:hover > img {
    filter: grayscale(1);
	transition: .5s all ease;
}

.brand-slider-item {
    margin: auto;
}

/* Home Brand End */

/* Home Blog Start */

.blog-slider .owl-stage-outer {
    height: 460px;
    margin: 0 -10px;
    padding: 0 10px;
}

.blog-slider-article {
    background-color: #fff;
    height: 400px;
    margin: 15px 0;
    padding: 15px;
    overflow: hidden;
    box-shadow: 0 1px 15px rgba(0,0,0,0.05);
}

.blog-slider-picture {
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.blog-slider-picture img {
    width: auto !important;
    max-width: 100%;
    height: 220px;
    margin: auto auto;
}

.blog-slider-article h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 1.3em;
    font-weight: 300;
    margin: 15px 0;
}

.blog-slider-content > div {
    color: #777;
    height: 60px;
    font-size: 0.9em;
    line-height: 2em;
    overflow: hidden;
}

.blog-slider-content > a {
    color: #fff;
    display: block;
    width: 50%;
    margin: 20px 25% 0 25%;
    padding: 10px;
    text-align: center;
}

/* Home Blog End */

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

	/* Home Slider Start */
	
    .home-slider .owl-nav{
        right:20px
    }
    .home-slider-item .home-slider-title{
        margin-bottom:20px;
        line-height: 0.8em;
    }
    .home-slider-item .home-slider-title > p span {
        font-size: 0.6em !important;
        line-height: 0.8em;
    }
    .home-slider-item .home-slider-text>span{
        font-size: 1.5em;
    }
    .home-slider-item .home-slider-des{
        font-size:18px
    }
    .sp-pad{
        padding-left:15px;
        padding-right:15px
    }
	
	/* Home Slider End */
	
    .blog-slider .owl-stage-outer {
        margin: 0;
    }
    
	/* Home Other Start */

	.home-section {
		margin: 60px auto;
	}

	.home-section > header {
		margin: 0 0 15px 0;
		border-radius: 0;
	}

	.home-section > header h2 {
		padding: 0;
		margin: 0 0 30px 0;
		font-size: 3em;
	}
	
    .home-section:nth-child(odd):before {
        top: -80px;
    }

	/* Home Other End */
	
    /* Home Welcome Start */
    
    .welcome-intro {
        width: 98%;
        margin: 0 1%;
        padding: 10px;
    }
    
    .welcome-intro > span:nth-child(1) {
        font-size: 5em;
        font-weight: 400;
    }
    
    .welcome-intro > span:nth-child(2) {
        font-size: 2em;
    }
    
    .welcome-intro > span:nth-child(3) {
        font-size: 1.2em;
        margin: 20px 0;
    }
    
    .welcome-info > span {
        letter-spacing: 0.8em;
    }
    
    .welcome-info > h2 {
        font-size: 2.4em;
    }
    
    .welcome-description, .welcome-description h1 {
    	font-size: 1.1em;
    }
    
    .welcome-description h1 {
        font-size: 1em;
        display: inline-block;
    }
    
    /* Home Welcome End */
	
	/* Home Content Box Start */

	.content-box-container {
		box-shadow: 0 5px 50px rgba(0,0,0,0.1);
		padding: 0 50px;
	}

	.content-box-text {
		float: none;
		width: 100%;
		padding: 30px;
	}

	.content-box-text h3 {
		font-family: 'Oswald', sans-serif;
		font-size: 2em;
		margin: 0 0 20px 0;
		padding: 0;
	}

	.content-box-picture {
		float: none;
		width: 100%;
		height: auto;
	}

	.content-box-item:nth-child(odd) .content-box-text {
		float: none;
	}

	.content-box-item:nth-child(odd) .content-box-picture {
		float: none;
	}

	/* Home Content Box End */

	/* Home Numerical Start */

	.home-numerical i {
		font-size: 4em;
	}

	.home-numerical h2 {
		font-size: 3em;
		margin: 20px 0;
	}

	.home-numerical h5 {
		font-size: 1em;
		letter-spacing: 0.05em;
	}

	.home-numerical.parallax {
		padding: 80px 0;
	}

	/* Home Numerical End */
	
	/* Home Category V2 Start */

	.cat-box-v2 li {
		width: 96%;
		height: auto;
		float: none;
		margin: 15px 2%;
	}

	.cat-description {
		padding: 15px;
		top: 60%; left: 10%; right: 0;
	}

	.cat-box-v2 li:hover .cat-description {
		width: 96%;
		top: 4%; left: 2%;
	}

	.cat-box-v2 li:hover .cat-content {
		padding: 20px;
	}

	.cat-content h3 {
		font-size: 1.4em;
	}

	.cat-details {
		font-size: 1em;
		line-height: 1.4em;
	}

	.cat-box-v2 li:hover .cat-details {
		margin: 0;
		padding: 10px 0 0 0;

	}

	/* Home Category V2 End */
   
}

@media screen and (min-width: 481px) and (max-width: 768px){
    
	/* Home Slider Start */
	
    .home-slider .owl-nav{
        right:50px
    }
    .home-slider .owl-item{
        min-height:470px
    }
    .home-slider-item .home-slider-title{
        font-size:80px;
        margin-bottom:20px
    }
    .home-slider-item .home-slider-des{
        font-size:30px
    }
    .sp-pad{
        padding-left:15px;
        padding-right:15px
    }
    .sp-title{
        font-size:26px
    }
	
	.welcome-description {
		margin-top: 50px;
		text-align: justify;
	}
	
	/* Home Slider End */
	
	/* Home Category Start */

	.cat-box li {
		width: 32%;
		margin: 10px 0.5%;
	}

	.cat-description {
		left: 5%;
	}

	.cat-box li:hover .cat-content {
		padding: 15px;
	}

	.cat-details {
		font-size: 1em;
	}

	.cat-box li:hover .cat-details {
		height: 180px;
		margin: 0;
		padding: 10px 0 0 0;
	}

	/* Home Category End */

}

@media screen and (min-width: 769px) and (max-width: 1024px){
    
    /* Home Slider Start */
	
    .home-slider .owl-nav{
        right:50px
    }
    .home-slider-item{
        min-height:650px
    }
    .home-slider-item .home-slider-title{
        font-size:100px;
        margin-bottom:20px
    }
    .home-slider-item .home-slider-des{
        font-size:40px
    }

    /* Home Slider End */

    /* Home Category Start */
    
	.cat-box li {
		width: 32%;
		margin: 15px 0.5%;
	}

	.cat-box li:hover .cat-details {
		height: 230px;
	}
	
	/* Home Category End */
    
}

@media screen and (min-width: 1025px) and (max-width: 1280px){

	.cat-box li:hover .cat-details {
		height: 210px;
	}

}

@media screen and (min-width: 1281px) and (max-width: 1366px){

	.cat-box li:hover .cat-details {
		height: 230px;
	}

}

@media screen and (min-width: 1367px) and (max-width: 1440px){

	.cat-box li:hover .cat-details {
		height: 250px;
	}
	
    .sp-pad{
        padding-left:30px;
        padding-right:30px
    }

}

@media screen and (min-width: 1441px) and (max-width: 1600px){

    .home-slider .owl-dots{
        left:90px
    }
    
    .sp-pad{
        padding-left:90px;
        padding-right:90px
    }
    
}

@media screen and (min-width: 1601px) and (max-width: 1920px){



}