/*
 Theme Name:   Twenty Seventeen Child
 Description:  eLando - Twenty Seventeen Child Theme
 Author:       eLando
 Template:     twentyseventeen
 Version:      1.0.0
*/

body, button, input, select, textarea, div.button{
	font-family: 'Montserrat', sans-serif;
}
#page .wrap #primary.content-area{
    padding: 30px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.12156862745098039);
	margin-top: -150px;
	border-radius: 3px;
}
@media (max-width: 800px){
	#page .wrap #primary.content-area{
		margin-top: -70px;
	}
}
#page .wrap #primary.content-area:after{
	content: '';
	clear: both;
	display: block;
}
#header_ > div > div > div > div > div.wrap > div.button{
	display: -webkit-inline-box;
}
h1{
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.01em;
    font-size: 5em;
    margin-bottom: 30px;
	padding-top: 0;
	text-shadow: 0px 4px 9px #00000040;
}
@media (max-width: 770px){
	h1{
		font-size: 4em;
	}
}
@media (max-width: 560px){
	h1{
		font-size: 3em;
	}
}
h2{
    color: #000;
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: 700;
    padding-top: 50px;
    letter-spacing: 0.1em;
}

/*GRID*/
div[class^="div-col-"]{
	padding: 2%;
	margin: 1%;
	float: left;
	text-align: center;
	transition: all .3s linear;
}
div[class^="div-col-"].div-col-special{
	padding: 2% 2% 0 2%;
    margin: 1% 0;
}
div[class^="div-col-"] h6{
	font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    margin-bottom: 20px;
}
div[class^="div-col-"] p{
	text-align: justify;
}
div.div-col-4.div-col-special:hover, #news div.div-col-3:hover{
	background: #fff;
	box-shadow: 1px 1px 5px rgba(0,0,0,.25);
	position: relative;
	z-index: 5;
	cursor: pointer;
	transform: scale(1.01, 1.01);
	transition: all .3s linear;
}
.wrap.special-divs{
	margin-top: 100px;
	position: relative;
}
.wrap.special-divs .line-top{
    background: #ddd;
    margin-top: -50px;
}
div.services-div{
	padding: 0;
}
div.services-div > h6{
    padding: 0;
    color: #989898;
}
.services-div-img{
	height: 300px;
	width: 100%;
	transition: all .3s linear;
}
.services-div-img.consulting{
	background: url(http://www.elando.bg/wp-content/uploads/2018/08/consulting.jpg) no-repeat center center /cover;
}
.services-div-img.cloud{
	background: url(http://www.elando.bg/wp-content/uploads/2018/08/cloud.jpeg) no-repeat center center /cover;
}
.services-div-img.software-eng{
	background: url(http://www.elando.bg/wp-content/uploads/2018/08/software-eng.jpeg) no-repeat center center /cover;
}
.services-div-img.mobile{
	background: url(http://www.elando.bg/wp-content/uploads/2018/08/mobile.jpeg) no-repeat center center /cover;
}
.services-div-img.integration{
	background: url(http://www.elando.bg/wp-content/uploads/2018/08/integration.jpeg) no-repeat center center /cover;
}
.services-div-img.cyber{
	background: url(http://www.elando.bg/wp-content/uploads/2018/08/security.jpg) no-repeat center center /cover;
}
.services-div-img.sales{
	background: url(http://www.elando.bg/wp-content/uploads/2018/08/pexels-photo.jpg) no-repeat center center /cover;
}

.services-div-img.team-building{
	background: url(http://www.elando.bg/wp-content/uploads/2022/06/Travel-Flyer.png) no-repeat center center /cover;
}

.services-div-img.success{
	background: url(http://www.elando.bg/wp-content/uploads/2022/06/diversity-equaility-inclusion-2.png) no-repeat center center /cover;
}

.services-div-img.executive-workshop{
	background: url(http://www.elando.bg/wp-content/uploads/2022/07/SHUMEN.png) no-repeat center center /cover;
}

.services-div-img.digital-transformation{
	background: url(http://www.elando.bg/wp-content/uploads/2022/08/1.png) no-repeat center center /cover;
}

.services-div-img.technological-partnership{
	background: url(http://www.elando.bg/wp-content/uploads/2022/08/2.png) no-repeat center center /cover;
}

.services-div-img.marsoft{
	background: url(http://www.elando.bg/wp-content/uploads/2022/10/Copy-of-Untitled.png) no-repeat center center /cover;
}

.services-div-img:hover{
	padding: 10px;
	transition: all .3s linear;
}
.services-div-img:hover > div{
	background: rgba(0, 122, 190, 0.7215686274509804);
	transition: all .3s linear;
}
.services-div-img:hover > div > div > p{
	height: 10px;
    margin: 0;
	visibility: visible;
	transition: all .3s linear;
}
.services-div-img > div{
    display: table;
    position: relative;
    width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.18);
	transition: all .3s linear;
}
.services-div-img > div > div{
	display: table-cell;
    vertical-align: middle;
	position: relative;
}
.services-div-img > div > div > p{
	padding: 0;
    height: 0;
    margin: -7px 0 0 0;
	visibility: hidden;
	color: #fff;
	transition: all .3s linear;
	text-align: center;
    text-transform: uppercase;
    font-size: 1em;
}
.services-div-img > div .icons-class{
    color: #fff;
	font-size: 5em;
	transition: all .3s linear;
}
/*services*/
.service-picture{
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;
}

/*careers*/
div.div-col-2.career-card{
    margin: 0;
    padding: 2% 4%;
    text-align: left;
	border: 1px solid #ececec;
	cursor: pointer;
}
div.div-col-2.career-card:hover{
    background: #007abe;
    border-color: #007abe;
}
div.div-col-2.career-card:hover p, div.div-col-2.career-card:hover h6{
	color: #fff;
}

div.clearfix{
	display: none;
}
div.clearfix-permanent{
	clear: both;
	display: block;
}

@media (min-width: 1401px){
	.wrap.special-divs{
    	padding-top: 50px;
    	padding-bottom: 50px;
	}
	main div.div-col-4{
    	position: relative;
    	z-index: 3;
	}
	div.div-col-5{
		width: 18%;
	}
	div.div-col-4{
		width: 23%;
	}
	div.div-col-75{
		width: 73%;
	}
	div.div-col-4.div-col-special{
		width: 25%;
		text-align: left;
	}
	div.div-col-special{
		border-left: 1px solid #e6e6e6;
	}
	div.div-col-3{
		width: 31.333%;
	}
	div.div-col-66{
		width: 64.666%;
	}
	div.div-col-3.div-col-special{
		width: 33.333%;
	}
	div.div-col-2{
		width: 48%;
	}
	div.div-col-2.career-card{
		width: 50%;
	}
	.div-col-4 ~ div.clearfix.div-4, .div-col-3 ~ div.clearfix.div-3, .div-col-2 ~ div.clearfix.div-2{
		clear: both;
		display: block;
	}
}
@media (max-width: 1400px){
	div[class^="div-col-"]{
		width: 31.333%;
	}
	div.div-col-2{
		width: 48%;
	}
	div.div-col-2.career-card{
		width: 50%;
	}
	div.clearfix.div-3{
		clear: both;
		display: block;
	}
	.div-col-2 ~ div.clearfix.div-2{
		clear: both;
		display: block;
	}
}
@media (max-width: 880px){
	div.div-col-2.career-card{
		width: 100%;
	}
}
@media (max-width: 840px){
	div[class^="div-col-"]{
		width: 48%;
	}
	div.clearfix.div-2{
		clear: both;
		display: block;
	}
	div.clearfix.div-3:not(.div-2){
		display: none;
	}
}
@media (max-width: 770px){
	footer div[class^="div-col-"]{
		float: none;
		width: 100%!important;
	}
	footer.site-footer div[class^="div-col-"]:first-child{
		border-bottom: 1px solid #007abe;
	}
}
@media (max-width: 600px){
	div[class^="div-col-"]{
		float: none;
		width: 94%;
	}
}

/*ICONS*/
.icons-class{
	font-size: 30px;
}

p{
    font-size: 0.8em;
    color: #777;
    letter-spacing: 0.1em;
}
.site-content-contain{
	background: transparent;
}

/*PROPERTIES*/
.clearfix-after:after{
	content: "";
	display: block;
	clear: both;
}
.white-bg{
	background: #f9f9f9;
}
.dark-bg{
	background: #114d79;
	animation: dark-bg-anim 2s linear 2s infinite alternate;
}
.gray-bg{
    background: #f1f1f1;
}
.binary-bg{
	background: url('http://www.elando.bg/wp-content/uploads/2018/08/gray-bg-01.png') no-repeat center top;
}
.top-underlay{
	height: 500px;
}
.border-bottom-grey{
    border-bottom: 5px solid #eaeaea;
    margin-bottom: 30px;
    clear: both;
}
@keyframes dark-bg-anim {
    from {background: #114d79;}
    to {background: #0267b1;}
}
.height-min190px{
	min-height: 190px;
}
.height-min360px{
	min-height: 300px;
}
.line{
	margin: 5px auto;
	height: 3px;
	width: 70px;
}
.line-top{
    margin: -97px auto -30px auto;
    height: 100px;
    width: 1px;
}
.line-bot{
    margin: -20px auto 0 auto;
    height: 50px;
    width: 1px;
}
[class^="line-vert-"]{
	width: 1px;
    height: 100px;
	position: relative;
    z-index: 7;
}
.line-vert-top{
    background: #fff;
    margin: -100px auto 0 auto;
}
.line-vert-bot{
    background: #fff;
    margin: 0 auto -72px auto;
}
.line-vert-top-gray{
    width: 1px;
    background: #ddd;
    height: 50px;
    margin: -50px auto 0 auto;
    position: relative;
    z-index: 7;
}
.border-white-tb{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
button, div.button{
    background: none;
	transition: all .3s linear;
	border-radius: 0;
	padding: 0;
}
button:hover, div.button:hover{
	background: none;
    position: relative;
    z-index: 7;
    transform: scale(1.01, 1.01);
    transition: all .3s linear;
}
button > a, div.button > a{
    color: #98d9ff;
    transition: all .3s linear;
    font-size: 50px;
	font-weight: 800;
}
button > a:hover, button:hover > a, div.button > a:hover, div.button:hover > a{
	color: #fff;
	text-shadow: 0px 4px 9px #00000040;
    transition: all .3s linear;
}
.col-contacts-ico{
    float: left;
    width: 100%;
    max-width: 30px;
}
.col-contacts{
    float: left;
    max-width: 360px;
}
.white-triangle{
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}
.rectangle{
    width: 33px;
    height: 4px;
    background: #03A9F4;
    margin: 5px auto;
    margin-top: 10px;
}
.grey-elements{
    background: url(http://www.elando.bg/wp-content/uploads/2018/08/png_elements.png) no-repeat right bottom /contain;
    margin-top: -100px;
}
.floating-elem{
	position: absolute;
    bottom: 0;
}
.elem-right{
	right: 0;
}
.elem-left{
	left: 0;
}
.floating-elem-01{
	background: url(http://www.elando.bg/wp-content/uploads/2018/08/png-elem-floating-01.png) no-repeat center center /contain;
	height: 800px;
	width: 427px;
}
.floating-elem-02{
	background: url(http://www.elando.bg/wp-content/uploads/2018/08/png-elem-floating-02.png) no-repeat center center /contain;
	height: 800px;
	width: 427px;
}