#slider_about_system{
    clear:both;
    width:100%;
    margin: 0 auto;
    height:156px;
    background: url('../images/about_system_header.png') center no-repeat;
}
#slider_about_system h1{
    color:rgb(250,250,250);
    font-size:35px;
    margin: 0px auto 0px 15%;
    font-family: Aller;
}
.more_services a.button{
    margin-top:30px;
    margin-bottom:55px;
    font-size:12px;
    border:1px solid rgb(124,171,48);
    color: rgb(124,171,48);
    font-weight: bold;
    background: none;
    float: right;
    display: block;
    width: 150px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding:8px 0 8px 0;
    font-family: Aller;
}
.more_services a.button:hover{
    margin-top:30px;
    margin-bottom:55px;
    font-size:12px;
    border:1px solid white;
    color: white;
    background: rgb(124,171,48);
    font-weight: bold;
    float: right;
    display: block;
    width: 150px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding:8px 0 8px 0;
    font-family: Aller;
}
a.read_more:hover{
    color:rgb(124,171,48);
}
.we_asseble_your_system{
    margin:0 auto 100px auto;
    width:50%;
    max-width:400px;
    text-align: center;
    float:left;
}
.we_asseble_your_system p{
    margin:0 auto;
    width:50%;
    text-align: center;
}
.we_asseble_your_system img{
    margin:0 auto;
}
.count_on_trial{
    width:50%;
    max-width:400px;
    margin:0 auto 100px auto;
    text-align: center;
    float:right;
}
.count_on_trial p{
    margin:0 auto;
    width:50%;
    text-align: center;
}
#about_system_top_content{
    max-width:1920px;
    min-width:570px;
    height:100%;
    min-height:600px;
}
.h2_left{
    margin-left:5%;
}
#about_system_top_content h1{
    margin-left:5%;
}
#about_system_top_content img{
    width:auto;
    height:auto;
    margin-top:100px;
}
#about_system_middle_content{
    clear:both;
    height:100%;
    min-height:1050px;
    max-width:1920px;
    min-width:570px;
    padding-top:100px;
    background: rgb(250,250,250);
    border-top: 2px dashed rgb(124,171,48);
    border-bottom: 2px dashed rgb(124,171,48);
}
#about_system_middle_content img{
    width:auto;
    height:auto;
}
#about_system_bottom_content{
    height:100%;
    min-height:400px;
    max-width:1920px;
    min-width:570px;
    margin:80px auto 0px auto;
    background: white;
}
.about_system_content_systems{
    width:95%;
    margin-bottom:20px;
    margin:0 auto;
    text-align: right;
}
.about_system_content_systems img{
    width:auto;
    max-height:170px;
    margin:0 auto 40px auto;
    float:left;
}
.standard_title{
    margin-bottom:10px;
    min-width:100px;
    margin-left:5%;
}
.standard_title img{
    width:auto;
    height:auto;
    margin-top:-5px;
}
.about_system_content_text h2{
    font-family: Aller;
    color: rgb(124,171,48);
    font-size:20px;
    margin-left:5%;
}
.system:last-child{
    border-bottom:0px;
}
.system{
    width:70%;   
    min-height:300px;
    height:100%;
    display:table;
    margin:0 auto 60px auto; 
    border-bottom:1px dashed rgb(124,171,48);
}



.about_system_content_text h3{
    font-family: Roboto-Light;
    color: #9b9ea6;
    font-size: 17px;
    margin-top:30px;
}

#about_system_first_text{
    width:70%;
    height:100%;
    min-height: 400px;
    margin:0 auto;
}
#about_system_first_text .about_system_content_text{
    width:40%;
    margin:80px auto 80px auto;
    text-align: left;
    float:left;
    text-align: justify;
}
.about_system_content_text:first-child{
    width:50%;
    margin:50px auto 50px auto;
}
.about_system_content_text{
    width:55%;
    margin:0px auto 50px auto;
    float:right;
    text-align: justify;
}
.about_system_content_text p:first-child{
    font-family: Roboto;
    color: #9b9ea6;
    font-size: 15px !important;
    
}
.about_system_content_text p{
    font-family: Roboto;
    color: #9b9ea6;
    font-size: 15px;
    margin-left: 5% !important;
     max-width: 600px;
    min-width:100px;
}


#about_system_img1{
    width:40%;
    float:right;
    padding-top:50px;
    margin:0 auto 50px auto;
}
#about_system_img1 img{
    float: right;
    width:99%;
}
#about_system_bottom_content_text{
    width:80%;
    margin:0px auto 60px auto;
    text-align: center;
}
#count_we_assemble{
    width:55%;
    margin:0 auto;
}
#count_we_assemble .more{
    margin-bottom:-20px;
}
#about_system_bottom_content_text p:first-child, #count_we_assemble p{
    width:80%;
    font-family: Roboto;
    color: #9b9ea6;
    font-size: 17px;
    font-weight: bold;
    margin:0 auto;
}
#about_system_bottom_content_text p{
    width:65%;
    font-family: Roboto;
    color: #9b9ea6;
    font-size: 15px;
}
#about_system_bottom_content_text h1, #count_we_assemble h2{
    font-family: Aller;
    color: rgb(124,171,48);
    font-size:20px;
}
.system .read_more{
    color: rgb(124,171,48);
    font-size:15px;
    float:right;
    font-family: Roboto;
    text-decoration: none;
}

@media (max-width: 13660px) {
    
    .more_services {
  float: left;
  text-align: justify;
  font-family: Roboto;
  color: #9b9ea6;
  font-size: 15px;
  display: none;
  margin: 40px auto 40px auto;
  margin-left:5%;
}
}

@media (max-width: 1240px) {

#about_system_img1{
    margin:0 auto 50px auto;
    text-align: center;
    width:100%;
}
#about_system_img1 img{
    display:block;
    margin:0 auto 50px auto;
    max-height:250px;
    float:none;
    width:auto;
}
.about_system_content_text{
    float: none;
    text-align: center;
    min-width: 350px;
    max-width:600px;
    margin:0px auto -80px auto; 
}
#about_system_first_text .about_system_content_text{
    float: none;
    width:100%;
    text-align: center;
    margin:80px auto 50px auto; 
}
.about_system_content_systems img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    float:none;
    max-width:60%;
    margin-top:0px;
}
.system .read_more{
    text-align: right;
    margin-bottom:40px;
}
.system .read_more:hover{
    text-align: right;
    border-bottom:1px dashed rgb(124,171,48);
}

.system .more{
    max-width:100%;
    min-width:350px;
    text-align:center;
}


.standard_title{
    height:auto;
    text-align:center;
    margin:0 auto 40px auto;
    width:440px;
    clear:both;
    float:none;
}
.standard_title img{
    float:none;
    margin:0 auto;
}

#about_system_bottom_content_text{
    float: none;
    text-align: center;
    margin:80px auto 50px auto; 
}

#count_we_assemble{
    margin:0 auto 100px auto;
}
.we_asseble_your_system{
    float:none;
    text-align:center;
    margin:0 auto 80px auto;
}
.count_on_trial{
    float:none;
    text-align:center;
    margin:0 auto;
}
#count_we_assemble .more{
    margin-bottom:50px;
}
#about_system_bottom_content_text{
    float: none;
    text-align: center;
    margin:80px auto 50px auto; 
}

#count_we_assemble{
    margin:0 auto 100px auto;
}
.we_asseble_your_system{
    float:none;
    text-align:center;
    margin:0 auto 80px auto;
}
.count_on_trial{
    float:none;
    text-align:center;
    margin:0 auto;
}
#count_we_assemble .more{
    margin-bottom:50px;
}
}


@media (max-width: 768px) {
    .standard_title{
    margin-left:-10%;
}  
}

.modalDialog {
	position: fixed;
	font-family: Roboto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	opacity:0;
	-webkit-transition: opacity 300ms ease-in;
	-moz-transition: opacity 300ms ease-in;
	transition: opacity 300ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 40%;
        min-width:400px;
	position: relative;
	margin:5% auto 10% auto;
	padding: 20px 20px 20px 20px;
	background: #ffffff;
        font-size:15px;
        font-family:Roboto;
        color:#7c7c7c;
}

.close {
	background: none;
	color: #7c7c7c;
	line-height: 25px;
	position: absolute;
	right: 25px;
	text-align: center;
	top: 10px;
	width: 25px;
	text-decoration: none;
}

.close:hover { 
    color: rgb(124,171,48); 
}

a.system_info{
     display:inline-block; 
    position:relative;
    width:53px;
    height:52px; 
    margin:-10px 1px 5px 0px;
}

a.szob_lite_mobile{
     display:inline-block; 
    position:relative;
    width:53px;
    height:52px; 
    margin:-10px 1px 5px 0px;
    background: url("../images/13.png");
    background-position: 0px 0px;
}

a.szob_lite_mobile:hover{
    display:inline-block; 
    position:relative;
    width:53px;
    height:52px;   
    margin:-10px 1px 5px 0px;
    background: url("../images/13.png");
    background-position: 0px -72px;
    background: transparent url("../images/13.png") repeat scroll 0px -72px;
    
}

a.raport{
    display:inline-block; 
    position:relative;
    width:53px;
    height:52px; 
    margin:-10px 1px 5px 0px;
    background: url("../images/raport.png");
    background-position: 0px 0px;
}

a.raport:hover{
    display:inline-block; 
    position:relative;
    width:53px;
    height:52px;   
    margin:-10px 1px 5px 0px;
    background: url("../images/raport.png");
    background-position: 0px -72px;
    background: transparent url("../images/raport.png") repeat scroll 0px -72px;
    
}

a.czujniki{
     display:inline-block; 
    position:relative;
    width:53px;
    height:52px; 
    margin:-10px 1px 5px 0px;
    background: url("../images/czujniki.png");
    background-position: 0px 0px;
}

a.czujniki:hover{
    display:inline-block; 
    position:relative;
    width:53px;
    height:52px;   
    margin:-10px 1px 5px 0px;
    background: url("../images/czujniki.png");
    background-position: 0px -72px;
    background: transparent url("../images/czujniki.png") repeat scroll 0px -72px;
}

a.szob_lite{
     display:inline-block; 
    position:relative;
    width:53px;
    height:52px; 
    margin:-10px 1px 5px 0px;
    background: url("../images/szob_lite.png");
    background-position: 0px 0px;
}

a.szob_lite:hover{
    display:inline-block; 
    position:relative;
    width:53px;
    height:52px;   
    margin:-10px 1px 5px 0px;
    background: url("../images/szob_lite.png");
    background-position: 0px -72px;
    background: transparent url("../images/szob_lite.png") repeat scroll 0px -72px;
}

a.szob_pro{
     display:inline-block; 
    position:relative;
    width:53px;
    height:52px; 
    margin:-10px 1px 5px 0px;
    background: url("../images/14.png");
    background-position: 0px 0px;
}

a.szob_pro:hover{
    display:inline-block; 
    position:relative;
    width:53px;
    height:52px;   
    margin:-10px 1px 5px 0px;
    background: url("../images/14.png");
    background-position: 0px -72px;
    background: transparent url("../images/14.png") repeat scroll 0px -72px;
}