﻿body{
	font-family: 'Assistant', 'Alef', sans-serif;
	/*font-family: 'Alef', sans-serif;*/
}
.youtube_container {
    position: fixed;
    left: 20px;
    top: 20px;
    height: 40px;
    width: 40px;
    background: #30c2de;
    padding: 5px;
    border-radius: 50px;
    z-index: 99999999999999999;
}
.youtube_container img#youtube-icon {
    width: 30px;
}
.youtube_container img#youtube-icon:first-child {
    display: block;
}
section{margin-top:80px;}
section.about {
    margin-top: 40px;
}
.full-width-box{margin-top:0;position:relative;}
.top-sentence {
    text-align: center;
    background: #565656;
    color: white;  
    font-size: 28px;
    box-shadow: 0 0 5px #000;
    z-index: 9999;
    position: relative;
}
.packages .steps  {
    display: flex;
    flex-wrap: nowrap;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.packages h3 {
    margin-top: -60px;
    margin-bottom: 80px;
}
.packages .steps .step.bg-success .step-wrapper:before, .packages  .steps .step.bg-success .step-wrapper:after, .packages .steps .step:last-child .step-wrapper::after, .packages .steps .step:last-child .step-wrapper::before{
	display: none !important;
}
.packages .step {
    background: #eee !important;
    border-color: #ffffff !important;
    margin: 0;
    width: 31%;
    flex-grow: 4;
    padding: 0;
}
.packages p {
    color: black;
    padding: 10px;
    margin: 0;
}
.packages .title-box.title-white .title{
    color: black;
}
.packages p:nth-child(odd) {
    background: #eee;
}
.packages p:nth-child(even) {
    background: #fff;
}
.packages .step:nth-child(1) p:nth-child(6), .packages .step:nth-child(1) p:nth-child(7), .packages .step:nth-child(3) p:nth-child(6), .packages .step:nth-child(3) p:nth-child(7) {
    height:74px;
}
.packages .steps .step:nth-child(2) {
    box-shadow: 0 0 5px #000;
    z-index: 999;
    border: 5px solid #ffcf24;
    border-color: #ffcf24 !important;
    width: 32%;
    top: -20px;
}
.packages .steps .step:nth-child(1) h4:nth-child(2), .packages .steps .step:nth-child(3) h4:nth-child(2) {
    background: #666;
    line-height: 20px;
    padding: 20px;
    color: white;
    margin-bottom: 0;
}
.packages .steps .step h4:nth-child(3) {
    background: #ffcf24;
    line-height: 20px;
    padding: 20px;
    color: black;
    margin-bottom: 0;
}
.packages .title-box.text-center.title-white {
    border: 0;
    margin: 0;
}
.packages .step  .add_bestplan {
    background: url(bestplan.png);
    background-repeat: no-repeat;
    color: #960000;
    font-size: 18px;
    font-weight: bold;
    height: 54px;
    position: absolute;
    top: -30px;
    left: -24px;
    line-height: 42px;
    text-align: center;
    width: 215px;
}
.packages .steps .step:nth-child(1), .packages .steps .step:nth-child(3) {
    border-bottom: 40px solid #fff;
}
.form_container {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 100px 70px;
    background: rgba(56, 56, 56, 0.38);
    z-index: 9999999;
    top: 0;
}
.form_container_bottom {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0px 70px 30px 70px;
    z-index: 9999999;
    top: 0;
}

.form_container form , .form_container_bottom form {
    display: block;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px;
    background: #f2f2f2;
	position: relative;
}
.form_container form span.close_button, .form_container_bottom form span.close_button {
    position: absolute;
    top: 15px;
    right: 15px !important;
    left: auto !important;
    cursor: pointer;
}
.form_container input[type="text"],.form_container_bottom input[type="text"]  {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
	background: white;
	border: 1px solid #ccc;
}
.form_container input[type="submit"], .form_container_bottom input[type="submit"] {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 5px;
    background: #f89406;
    color: white;
    font-size: 20px;
    font-weight: bold;
}
.contact h5 {
    font-weight: bold;
}
.form_container span.our_number, .form_container_bottom span.our_number {
    font-size: 16px;
    text-align: center;
    display: block;
}
div#livicon-10 {
    margin-top: 20px;
    font-weight: bold;
}
.btn-chat {
    color: #fff;
    background-color: #c10841;
    border-color: #c10841;
}
.terms {
    text-align: center;
    width: 100%;
    margin: 20px;
    color: black;
}
.header-two .logo img, footer .logo img{width:150px!important;}
.header-two .logo img.site_logo2, footer .logo img.site_logo2 {width: 220px!important;}
.header-two .logo img.site_logo3, footer .logo img.site_logo3 {width: 120px!important;}
.logo{text-align:center;margin:1em 0;}
.services .big-services-box > a{height:300px;}
h1,h2,h3,h4,h5,h6{text-align:center;}
.bottom-padding, .big-services-box{margin-bottom:0;}
p{font-size:17px;text-align:center;}
.paccage{background-color:#FA9401;color:white;padding:60px 0;}
.paccage h3{direction:ltr;}
.open-input{width:80%;}
.graphic.business form .form-control, .graphic.business form button{font-size:17px;}
h1{font-size:39px;}
h2{font-size:24px;}
.section-content{position:absolute;top:0;width:55%;left:5%;top:6em}
.steps .step:last-child .step-wrapper::after, .steps .step:last-child .step-wrapper::before{display:block;}
.steps .step:first-child .step-wrapper::after, .steps .step:first-child .step-wrapper::before{display:none;}
.steps .step:last-child{border-radius:3px 0 0 3px;}
.steps .step:first-child{border-radius:0 3px 3px 0;}
.open-btn{line-height:100%; cursor: pointer;}
.section-content .open-btn, .header-content .open-btn{background-color:#fa9401;}
.section-content .open-btn:hover,.open-btn:hover, .header-content .open-btn:hover{background-color:#333333;}
.header-content{padding:15em 2em;background-color:#fee9d6;height:630px;}
.main-img{height:630px;background: url(../media/poster_squre.jpg) center bottom no-repeat;}
desc{display:none;}


@media (min-width: 1400px) {
.section-content{width:47%;top:6em;}
h1{font-size:44px}
h2{font-size:28px;}
}
@media (min-width: 768px) and (max-width: 1199px){
    .section-content{top:1em;}
    h1{font-size:28px;}
    h2{font-size:16px;}
    .open-btn{padding:0.5em;border-radius:10px;}
    .services .big-services-box > a{height:373px;}
    .big-services-box h4{height:2em;}
}
@media (min-width: 700px){
	#callnowbutton{
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 991px){
    .open-btn{padding:0.2em 0.5em;}
}
@media (max-width: 767px){
    .big-services-box{margin-bottom:40px;padding-left:0;padding-right:0;}
    .section-content{
		top: 2em;
		position: relative;
		left: 0;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
    .steps .step:last-child .step-wrapper::after, .steps .step:last-child .step-wrapper::before{display:none;}
.steps .step:first-child .step-wrapper::after, .steps .step:first-child .step-wrapper::before{display:block;}
.header-content{padding:1em;height:auto;}
.text-center{float:none;}
.main-img{background-position:center center;height:500px;}
.services .big-services-box > a{width:100%;}
.row{margin-left:0;margin-right:0;}

}
@media screen and (max-width: 700px){
	.logo {
		text-align: center;
		margin: 2em 0 1em 0;
	}
	.header-two .logo img {
		width: 100px!important;
	}
	footer .logo img {
		width: 90px!important;
	}
	.header-two .logo img.site_logo3, footer .logo img.site_logo3 {
		width: 85px!important;
	}
	.header-two .logo img.site_logo2, footer .logo img.site_logo2 {
		width: 150px!important;
	}
	.youtube_container{
		display: none;
	}
	.form_container_bottom {
		padding: 50px 20px;
	}
	.form_container form, .form_container_bottom form {
		display: block;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding: 30px;
		background: #f2f2f2;
		position: relative;
	}
	.packages .step {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.packages .steps {
		display: block;
		flex-wrap: nowrap;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.packages .step {
		width: 100%;
	}
	.packages .steps .step:nth-child(2) {
		box-shadow: 0 0 5px #000;
		z-index: 999;
		border: 5px solid #ffcf24;
		border-color: #ffcf24 !important;
		width: 95%;
		top: -40px;
	}
	.top-sentence {
		padding: 10px;
	}
	#callnowbutton {
		display: block;
		width: 100%;
		left: 0;
		height: 80px;
		position: fixed;
		bottom: -20px;
		border-top: 2px solid #2dc62d;
		background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjAgNjAiPjxwYXRoIGQ9Ik03LjEwNCAxNC4wMzJsMTUuNTg2IDEuOTg0YzAgMC0wLjAxOSAwLjUgMCAwLjk1M2MwLjAyOSAwLjc1Ni0wLjI2IDEuNTM0LTAuODA5IDIuMSBsLTQuNzQgNC43NDJjMi4zNjEgMy4zIDE2LjUgMTcuNCAxOS44IDE5LjhsMTYuODEzIDEuMTQxYzAgMCAwIDAuNCAwIDEuMSBjLTAuMDAyIDAuNDc5LTAuMTc2IDAuOTUzLTAuNTQ5IDEuMzI3bC02LjUwNCA2LjUwNWMwIDAtMTEuMjYxIDAuOTg4LTI1LjkyNS0xMy42NzRDNi4xMTcgMjUuMyA3LjEgMTQgNy4xIDE0IiBmaWxsPSIjMDA2NzAwIi8+PHBhdGggZD0iTTcuMTA0IDEzLjAzMmw2LjUwNC02LjUwNWMwLjg5Ni0wLjg5NSAyLjMzNC0wLjY3OCAzLjEgMC4zNWw1LjU2MyA3LjggYzAuNzM4IDEgMC41IDIuNTMxLTAuMzYgMy40MjZsLTQuNzQgNC43NDJjMi4zNjEgMy4zIDUuMyA2LjkgOS4xIDEwLjY5OWMzLjg0MiAzLjggNy40IDYuNyAxMC43IDkuMSBsNC43NC00Ljc0MmMwLjg5Ny0wLjg5NSAyLjQ3MS0xLjAyNiAzLjQ5OC0wLjI4OWw3LjY0NiA1LjQ1NWMxLjAyNSAwLjcgMS4zIDIuMiAwLjQgMy4xMDVsLTYuNTA0IDYuNSBjMCAwLTExLjI2MiAwLjk4OC0yNS45MjUtMTMuNjc0QzYuMTE3IDI0LjMgNy4xIDEzIDcuMSAxMyIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) center 2px no-repeat #009900;
		text-decoration: none;
		box-shadow: 0 0 5px #888;
		z-index: 9999;
		background-size: 58px 58px;
	}
	#footer .logo {
		margin: 3em 0 6em 0;
	}
	.logo {
		text-align: center;
		margin: 3em 0 1em 0;
	}
	.header-two .logo img {
		width: 100px!important;
	}
	footer .logo img {
		width: 100px!important;
	}
	.header-two .logo img.site_logo3, footer .logo img.site_logo3 {
		width: 75px!important;
	}
	.header-two .logo img.site_logo2, footer .logo img.site_logo2 {
		width: 150px!important;
	}

	
	
}
