/* grid paddings */

/*.pop-up {
    display: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    background-color: #004436;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-image: url('../images/shutterstock_bedroom.jpg');
}
.pop-up .exit{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    /*width:50px;
    height:50px;
    background-color:#ff9a35;
    background-image:url("../images/x-icon.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}*/
/*rest*/
*{
    padding:0;
    margin:0;
    /*cursor:default;*/
    font-family: 'Open Sans', sans-serif;
    
}
html{
    background-color:#000;
}
body{
	padding:0;
	margin:0;
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	top:0;
	min-width:320px;
	/*min-width:580px;*/
	min-height:750px;
}
    body .whole {
        /*position:absolute;*/
        height: 100%;
        height: 90%;
        margin: auto;
        width: 100%;
        min-width: 320px;
        background-color: #313131;
        /*background-image:url("http://1.bp.blogspot.com/-QZScgcWodAg/UZu0R2DaJOI/AAAAAAAAAIw/57rwaNQNyx8/s1600/Sunrise+landscape+render+retouches.png");*/
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 30px solid black;
        border-top: none;
    }
a{
    color:inherit;
    text-decoration:none;
}
a:hover{
    text-decoration: none;
}
.container-fluid {
    margin:0;
    padding:0;
}
.box-container{
    position:absolute;
    bottom:35%;
    top:30%;
    left:0;
    right:0;
	text-align:center;
    line-height:150%;
    height:250px;
}
.box{
	/*width:750px;*/
    max-width:750px;
    /*min-width:400px;*/
    width:70%;
	height:180px;
	background-color:#000;
    margin-top:auto;
    margin-bottom:auto;
	margin-right:auto;
	margin-left:auto;
	opacity:0.7;
}
.box #left-image,.box #right-image,.box #content{
    height:180px;
    display:block;
    float:left;
}
.box #left-image{
    /*width:40px*/
    width:10%;
    /*margin-left:20px;*/
    margin-left:1%;
    background-image:url("../images/left.png");
    background-repeat:no-repeat;
    background-position:center center;
}
.box #left-image:hover{
    background-image:url("../images/left-hover.png");
}
.box .box-text div{
    width:inherit;
    font-size:32px;
    line-height:150%;
}
.box .box-text .second-sentence{
    height:100px;
}
.box #content{
    width:78%;
}
.box .box-text{
    /*margin-left:10px;
    margin-right:10px;*/
    margin-left:0%;
    margin-right:0%;
    text-align:center;
    /*width:610px*/
    width:100%;
    display:none;
    color:#FFF;
    margin-top: 38px;
    /*margin-top:13%;*/
}
.box .box-text#text1{
    display:block;
}
.box #right-image{
    /*width:40px*/
    width:10%;
    /*margin-right:20px;*/
    margin-right:1%;
    background-image:url("../images/right.png");
    background-repeat:no-repeat;
    background-position:center center;
}
.box #right-image:hover{
    background-image:url("../images/right-hover.png");
}
.pager-container{    
    /*width: 56.3%;
    width:650px;
    position:absolute;
    bottom:0;
    bottom:20px;*/
    margin-top: -26px;
}
.pager{
    height:10px;
    margin-right:auto;
    margin-left:auto;  
}
.index{
    display:inline-table;
    float:left;
    margin-left:10px;
    margin-right:0px;
    background-color:#303535;
    height: 10px;
    width: 10px;
    border-radius: 5px;
}
.index:hover,.selected{
    background-color:#00b490;
}
.clear{height:300px;}
.clear2{
    height:10px;
}
.clear3{
    height:129px;
    clear:both;
}
.clear-h{
    clear:both;
}


/* color classes*/
.tx-white{
     color:#FFFFFF;
}
.tx-blue{
    color:#0000FF;
}
.bg-black{
    background-color:#000000;
}
.bg-grey{
    background-color:#313131;
}
.bg-red{
    background-color:#FF0000;
}
.bg-cyan{
    background-color:#00b490;
}
.clickable{
    cursor:pointer;
}

@media all and (max-width:700px){
	html,body{
		min-width:320px;
	}
	.box-container{
		position:absolute;
		bottom:35%;
		top:35%;
		left:0;
		right:0;
		text-align:center;
		line-height:150%;
		height:150px;
	}
	.box{
		height:150px;
		opacity:0.7;
	}
	.box #left-image,.box #right-image,.box #content{
		margin-top:0px;
		height:120px;
	}
	.box #left-image{
		width:6%;
		margin-top:15px;
		margin-left:2%;
		background-position:left center;
	}
	.box .box-text div{
		width:inherit;
		font-size:14px;
		line-height:150%;
	}
	.box .box-text .second-sentence{
		height:100px;
	}
	.box #content{
		width:83%;
	}
	.box .box-text{
		/*margin-left:10px;
		margin-right:10px;*/
		margin-left:0%;
		margin-right:0%;
		text-align:center;
		/*width:610px*/
		width:100%;
		display:none;
		color:#FFF;
		margin-top: 50px;
		/*margin-top:13%;*/
	}
	.box .box-text#text1{
		display:block;
	}
	.box #right-image{
		/*width:40px*/
		margin-top:15px;
		width:6%;
		/*margin-right:20px;*/
		margin-right:2%;
		background-position:right center;
	}
	.pager-container{    
		margin-top: -40px;
	}
	.pager{
		height:10px;
	}
	.index{
		margin-left:10px;
		margin-right:0px;
		height: 10px;
		width: 10px;
	}
}

/*languages*/
.en{
    display:block;
}
.el{
    display:none;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */