body
    {
        background: #f9f9f9;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        overflow-x: hidden;
    }

/* start hr */
hr
    {
        border: 1px solid #55acee;
        width: 100px;
        margin-top: 20px;
    }
/* end hr */

/* start h2 */
h2
    {
        font-size: 60px;
        text-align: center;
    }
/* end h2 */

/* start h4 */
h4
    {
        text-align: center;
        padding-bottom: 20px;
		font-size:35px;
    }
/* end h4 */
.btn {
    border-radius: 0;
    color: #ffffff;
    margin-top: 40px;
	padding: 12px 22px;
    transition: all 0.4s ease-in-out;  
}
.btn:hover {
    background: #55acee;
    border-color: transparent;
}

/* start overlay */
.overlay 
    {
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.7);
    } 
/* end overlay */


/* start navigation 
a {
    color: #06C;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    outline: 0;
}
a:focus, a:hover {
    color: #111;
    text-decoration: none;
    outline: 0;
}*/


#logo, #social_footer {
    margin-top: 10px;
}
.preloader
    {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99999;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
		background:#fff;
		background-image: url("../images/team-img-1.png");
		background-repeat: no-repeat;
		background-position: center;
    }
/*  ----------------  ------------ */
#opening, a#phone_top i {
    position: relative;
    padding-left: 12px;
}


a#phone_top i{
    font-weight: 600;
    margin-right: 10px;
    color: #0277bd!important;
}
#opening {
    display: inline-block;

}
#opening:before {
    content: "|";
	margin-right: 10px;
}
/*  ---------------- header ------------ */
header {
    width: 100%;
    padding: 0;
    background-color: rgba(255, 255, 255, 1);
    z-index: 99999;
    position: fixed;
    left: 0;
    top: 0;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
nav {
    margin-top: 20px;
}
main {
    background: #fff;
    z-index: 2;
    position: relative;
}
#top_line {
    font-size: 12px;
    background-color: #f3f3f3;
    transition: all .2s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    visibility: visible;
    opacity: 1;
    padding: 8px 0;
    margin-bottom: 5px;
}
ul#top_links {
    list-style: none;
    margin: 0;
    padding: 2px 0 0;
    float: right;
}
ul#top_links li {
    display: inline-block;
    border-left: 1px solid rgba(0, 0, 0, .1);
    margin-right: 5px;
    padding-left: 8px;
}

ul#top_links li:first-child {
    border-left: none;
    padding-left: 0;
}
ul#top_links a {
    color: #008acf;
	font-weight:600;
}
ul#top_links a:hover {
    color: #0277bd;
}
.animated {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform, opacity;
}

#logo img{
	width:137px; 
	height:44px;
}
#hero {
	background-image: url('../img/slides/slide_1.jpg');
	background-size: cover;
	background-position: center;
	width: 100wh;
	height: 100vh;
	display: flex;
}
#hero h1 span {
	font-weight:300;
	margin-right:5px;
}

/* end navigation */


.video-hero {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.video-hero video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.video-hero .container {
  position: relative;
  z-index: 2;
}

.video-hero .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.2;
  z-index: 1;
}
.video-hero h1 {
	font-size: 80px;
	font-weight: 700;
	line-height: 100px;
	margin-bottom: 30px;
	color: #fff;
	padding-top:140px;
}
.video-hero  p {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
	margin-top: 20px;
}
@media (max-width: 450px) {
	.video-hero h1 {
		font-size: 80px;
		font-weight: 700;
		line-height: 100px;
		margin-bottom: 30px;
		color: #fff;
		padding-top:100px;
	}	
	.video-hero  p {
		font-size: 22px;
		margin-top: 80px;
	}	
}

@media (max-width: 2560px) {
	.video-hero h1 {
		padding-top:300px;
	}	
}
@media (max-width: 1920px) {
	.video-hero h1 {
		padding-top:260px;
	}	
}
@media (max-width: 1600px) {
	.video-hero h1 {
		padding-top:220px;
	}	
}
@media (max-width: 1366px) {
	.video-hero h1 {
		padding-top:160px;
	}	
}

@media (max-width: 768px) {
	.video-hero h1 {
		font-size: 70px;
		padding-top:300px;
		line-height: 80px;		
	}
}	
@media (max-width: 500px) {
	.video-hero {
		background: url('https://dcasystem.hu/images/bg2.jpg') black no-repeat center center scroll;
	}
	.video-hero video {
		display: none;
	}
}
@media (max-width: 430px) {
	.video-hero h1 {
		font-size: 50px;
		padding-top:130px;
		line-height: 60px;
	}
}	

/* start service */
#service
    {
        background: #ffffff;
        padding-top: 130px;
        padding-bottom: 30px;
    }
#service .margin {
	margin-top:-80px
}
#service .media
    {
        padding: 10px;
    }
#service .media .fa
    {
        color: #55acee;
        font-size: 60px;
        margin-right: 20px;
        width: 65px;
        height: 65px;
    }
#service .media .media-heading
    {
        font-weight: 600;
        font-size: 20px;
        padding-bottom: 10px;
    }
/* end service */


/* end divider */
#divider-cta {
	padding-top: 40px;
	line-height: 1.3;
	padding-bottom: 40px;
	text-align:center;
	color:#fff;
	font-size:20px;
	font-weight:600;

}
#divider-cta span{
	text-transform: uppercase;
	font-size:25px;
}



.overlay 
    {
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.5);
    } 
.divider {
	background: url('https://dcasystem.hu/images/mini-guard-vw.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	color: #ffffff;
	text-align: center;
}
@media(max-width: 1024px){
	.divider {	
		background: url('https://dcasystem.hu/images/mini-gurad-bg-ipad.jpg'); 
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
}
@media(max-width: 767px){
	.divider {	
		background: url('https://dcasystem.hu/images/mini-gurad-bg-mobil.jpg'); 
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
	}
}
.divider .divider-des {
	padding: 100px 15px;
	margin: auto;
	width: 100%;	
}
.divider .divider-des span {
	font-weight:600;
	font-size:35px;
	color: #55acee;
}
.divider .divider-des h5 {
	font-size:55px;
	line-height:75px;
	font-weight:600;
	color:#fff;
}
.divider .divider-des p.price {
	font-size:40px;
	color: #fff;
	line-height:1.7em;
}
@media screen and ( max-width: 425px ) {
	.divider .divider-des h5 {
		font-size:45px;
		line-height:55px;
	}	
}
/* end divider */

/* start about */
h3.about-title {
    margin-top: 0;
}
#about
    {
        padding-top: 80px;
        padding-bottom: 80px;
		background: #f9f9f9;
    }
#about .progress
    {
        background: #f9f9f9;
        box-shadow: none;
        border-radius: 0px;
    }
#about .progress .progress-bar-danger
    {
        background: #55acee;
    }
#about span
    {
        display: block;
        margin-top: 12px;
        margin-bottom: 6px;
    }
#about p
    {

        margin-bottom: 26px;
    }
#about .about-wrapper
    {
        background: #ffffff;
        box-shadow: 0px 8px 2px 2px rgba(50,50,50, 0.08);
        margin-top: 60px;
        margin-bottom: 20px;
       /* max-width: 500px;*/
        padding: 20px;
    }
#about .about-wrapper h3
    {
        color: #55acee;
        font-size: 20px;
        font-weight: bold;        
    }
/* end about */

.video {
	padding-bottom:60px;
	  border-bottom: 1px solid #ededed;
	  background:#f9f9f9;
}

#mobil-app {
	background: #fff;
	text-align: center; 
}
#mobil-app  img{
  position: absolute; 
  left: 40px; 
  top: -80px; 
  width: 250px;
	display:block  
}
#mobil-app p {
	padding:40px 0 40px 0;
	text-align: center; 
	max-width:50%;
	float:right;
	background:#fff;
	font-weight:400;
	font-size:22px;
}
@media screen and ( max-width: 768px ) {
	#mobil-app p {
		padding: 30px 160px 25px 0;
		text-align: center; 
		max-width:50%;
		float:right;
		background:#fff;
		font-weight:400;
		font-size:17px;
	}
}
@media screen and ( max-width: 425px ) {
	#mobil-app  img{
		top:100px;
		left: 20px; 
		width: 100px; 
	}
	#mobil-app p {
		padding: 10px 0 5px;
		text-align: center; 
		max-width:50%;
		float:right;
		background:#fff;
		font-weight:400;
		font-size:17px;
	}
}



/* start portfolio */
#portfolio
    {
        background: #fff;

        border-bottom: 1px solid #eeeeee;
        padding-top: 80px;
        padding-bottom: 80px;
    }
#portfolio h2 {
	color:#000000;
	font-variant: normal;
	padding-top:50px;
}
h4.portfolio  {
	font-size:20px;
}
#portfolio .portfolio-thumb
    {
        overflow: hidden;
        margin: 0;
        position: relative;
    }
#portfolio .portfolio-thumb .portfolio-overlay
    {
        background: #333;
        color: #ffffff;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        position: absolute;
        opacity: 0;
        transition: all 0.4s ease-in-out;
    }
#portfolio .portfolio-thumb:hover .portfolio-overlay
    {
        opacity: 0.9;
    }
#portfolio .portfolio-thumb .portfolio-overlay .fa
    {
        border: 1px solid #ffffff;
        border-radius: 50%;
        color: #ffffff;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        text-decoration: none;
        margin-right: 6px;
        margin-bottom: 10px;
        transition: all 0.3s ease;
    }
#portfolio .portfolio-thumb .portfolio-overlay .fa:hover {
    background: #55acee;
    border-color: #55acee;
}
#portfolio .portfolio-thumb .portfolio-overlay h4
    {
        padding-bottom: 10px;
    }
    .portfolio-description {
        padding-left: 15px;
        padding-right: 15px;
    }
/*filter css*/
.filter-wrapper {
    width: 100%;
    margin: 0 0 24px 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
}
.filter-wrapper li {
    display: inline-block;
    margin: 4px;
    transition: all 0.3s ease;
}
.filter-wrapper li:hover {
    background: #55acee;
}
.filter-wrapper li:hover a {
    color: #fff;
}
.filter-wrapper li a {
    border: 1px solid #f2f2f2;
    color: #999;
    padding: 8px 17px;
    display: block;
    text-decoration: none;
}
/*isotope box css*/
.iso-box-section {
    width: 100%;
    margin: 0 0 24px 0;
}
.iso-box-wrapper {
    width: 100%;
    padding: 0;
    clear: both;
    position: relative;
}
.iso-box {
    position: relative;
    min-height: 50px;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
}
.fluid-img {
    width: 100%;
    display: block;
    height: auto;
}
/* end portfolio */




.divider-partners {
	background:#fff;
	padding:30px 0;
	color: #000;
	text-align: center;
}

.divider-partners .divider-des h3 {
	font-size:20px;
	font-weight:800;
	text-align:center;
}
.divider-partners .divider-des img {
	padding:20px;
}

	
.divider-two {
	background: url('https://dcasystem.hu/images/bg.png');
	background-repeat:repeat;
	background-color:#f47c7c;
	color: #fff;
	text-align: center;
}
.divider-two img{
position:absolute; right:30px; bottom:0; width:450px; border:none;
}
.divider-two .divider-des h5 {
	font-size:22px;
	font-weight:600;
}
@media ( max-width: 1024px ){
	.divider-two img{
		right:20px; 
		width:300px;
	}
}
@media ( max-width: 768px ){
	.divider-two img{
		right:20px; 
		width:0px;
	}
}
@media ( max-width: 480px ){
	.divider-two img{
		right:20px; 
		width:380px;
	}
}
@media ( max-width: 380px ){
	.divider-two img{
		right:20px; 
		width:340px;
	}
}	
@media ( max-width: 320px ){
	.divider-two h5 {
		font-size: 30px;
	}
}	
/* start contact */




/*************************
*****Pricing Table CSS****
**************************/
#pricing{
  padding-top: 80px;
  padding-bottom: 80px;
  background-color:#fffbea;
  border-top: 1px solid #ffeaea;
  border-bottom: 1px solid #ffeaea;
}
#pricing .line-height{
	display:block;
	height:20px;
}
@media (max-width: 1024px){
#pricing .line-height{
	display:none;
	}
}
.pricing-table {
  text-align: center;
  padding-bottom:30px;
}
.pricing-table span {
  font-size: 24px;
  font-weight:300;
  margin-top:30px;
}

.single-table {
  padding: 30px 20px 20px;
  margin-top:40px;
  border:1px solid #f2f2f2;
  background-color: #fff;
}

.single-table h3 {
  margin-top: 0;
  padding: 0;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
/*----------------------------------------------------*/
.price {
  font-size: 36px;
  line-height: 36px;
  font-weight: 600;
}
/*#pricing .container {
  width:90%;
}**/
.price h2{
  font-size: 20px;
  line-height: 36px;
}
.price span {
  font-size: 24px;
  font-weight:300;

}
.shopping-cart {
  width:95%;
  height: auto;
  margin: 10px auto;
  background: transparent;
  box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.10);
  display: flex;
  flex-direction: column;
}

.title {
  height: 60px;
  border-bottom: 1px solid #E1E8EE;
  border-radius: 0px;
  background:#fff;
  padding: 15px 10px;
  color: red;
  font-size: 22px;
  font-weight: 500;
  text-align:center;
}

.item {
  padding: 0px;
  display: flex;
}

.item-shadow:hover {
	-webkit-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
	/*transform: scale(1.1);*/
	z-index:99;
	margin:0 -30px;
	-webkit-box-shadow: 2px 2px 30px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 30px -2px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 30px -2px rgba(0,0,0,0.75);
}
.item:nth-child(even) {
  border-top:  1px solid #E1E8EE;
  border-bottom:  1px solid #E1E8EE;
}

@keyframes animate {
  0%   { background-position: left;  }
  50%  { background-position: right; }
  100% { background-position: right; }
}

/* Product product-name */
.product-name {
  padding-top: 20px;
  margin-right: 0px;
  width:300px;
}

.product-name p{
	font-size:25px;
	line-height:30px;
	padding-left:25px;
	margin-top:30px;
	font-weight:700;
	color:#fff;
	font-family:'Montserrat', sans-serif;
}
.product-name p.subtitle{
	letter-spacing:.545rem;
	text-transform:uppercase;
	font-size:12px;
	font-weight:300;
	margin-top:-10px;
	color:#000000;
}

/* Product Description */

.description {
	padding-left: 25px;
	display: inline-block;
	margin:20px 20px;
	width:250px;
}
.description .text {
  display: block;
  font-size: 10px;
  color: #43484D;
  font-weight: 400;
  border-bottom: 1px solid #ededed;
  width:;
  text-align:lefh;
  padding:4px 0;
  font-family: 'Montserrat', sans-serif;
}
.description .text .inactive {
	color:#aeaeae;
}

/* Total Price */
.total-price{
  width: 200px;
  padding-top: 70px;

}
.total-price p{
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  color: #43484D;
  margin:0;
  font-family:'Montserrat', sans-serif;
}
.total-price p.empty{
	margin-top:-30px;
}
.total-price span{
  font-weight: 300;
}
.total-price .btn {
	background: rgba(211,40,64,0.9);
	border: none;
	border-radius:0px;
	font-size:10px;
	font-weight:600;
	padding: 9px 0px;
	width:100px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top:5px;
	margin-bottom:15px;
}
.total-price .btn:hover {
    background: #fff;
	color:#d32840;
	border: 1px solid #d32840;
}
.white-bg {
	background:#fff;
}
.gray-bg {
	background:#fafafa;
}
.cyan {
	background:#36cccb;
}
.green {
	background:#bfc946;
}
.orange {
	background:#e78900;
}
.red {
	background:#f04e4e;
}

.green-right {
	border-right:10px solid #bfc946;
	display:block;
}
.green-bottom {
	border-bottom:10px solid #bfc946;
	display:none;
}
.red-right {
	border-right:10px solid #f04e4e;
	display:block;
}
.red-bottom {
	border-bottom:10px solid #f04e4e;
	display:none;
}
.cyan-right {
	border-right:10px solid #36cccb;
	display:block;	
}
.cyan-bottom {
	border-bottom:10px solid #36cccb;
	display:none;	
}
.orange-right {
	border-right:10px solid #e78900;
	display:block;
}
.orange-bottom {
	border-bottom:10px solid #e78900;
	display:none;	
}
.item-no {
	color:#f04e4e;	
}
.item-yes {
	color:#8dc63f;
}
.item-no,
.item-yes {
	display:inline-block;
	margin-left:6px;
	text-transform:capitalize;
}

/*
.description span:first-child {
  margin-left: 5px;
}
.description span:last-child {
	margin-right:10px;
}*/

/* Responsive */
@media (min-width:769px) and (max-width:1280px) {
	.title {
	  font-size: 13px;
	}	
	.description .text {
	  font-size: 8px;
	}
	.total-price p{
		font-size: 20px;
	}
	.product-name p.subtitle{
		font-size:7px;
	}
}
@media (max-width: 768px) {
	
	.shopping-cart {
		width:100%;
		height: auto;
		overflow: hidden;
	}
	.item {
		height: auto;
		flex-wrap: wrap;
		justify-content: center;
	}
	.item-b-green {
		border:2px solid #bfc946;
	}
	.item-b-orange {
		border:2px solid #e78900;
	}
	.item-b-red {
		border:2px solid #f04e4e;
	}
	.item-b-cyan {
		border:2px solid #36cccb;
	}	
	.description {
		padding-left: 0px;
		display: inline-block;
		margin:20px 10px;
		width:180px;
	}
	.product-name {
		padding-top: 20px;
		margin-right: 0px;
		width:100%;
	}
	.total-price{
		width: 100%;
		padding-top: 27px;
		background:#fff;
	}
	.green-right,
	.red-right,
	.cyan-right,
	.orange-right{
		display:none;
	}
	.green-bottom,
	.red-bottom,
	.cyan-bottom,
	.orange-bottom	{
		display:block;
	}
}
@media (max-width: 425px) {
	.title {
		height: 80px;
	}	
	.description {
		width:80%;
	}
	.description .text {
		font-size: 15px;
		font-weight: 400;
	}
}
/* ------ Modal -------- */
.modal-header p.welcome {
	font-weight:600;
	font-size:17px;
	text-align:center;
	color:#d32840;	
}
.modal-header p {
	font-size:15px;
	text-align:center;
	color:#000000;	
}
.modal-header p span {
	color:#d32840;
	font-weight:600;	
}
.modal-body {
	background:#f9f9f9;
}
.modal-body p {
	font-size:12px;
	text-align:left;
}

.modal-body textarea,
.modal-body input {
	font-size:13px;
	border-radius:0;
}
.cheked-box {
	width:20px;
}
.modal-footer {

}
.modal-footer input {
    display: block;
    margin-left: auto;
    margin-right: auto; 
	margin-top:0px;
	margin-bottom:20px;
	background: rgba(211,40,64,0.9);
	border: none;
	border-radius:0px;
	font-size:15px;
	font-weight:600;
	padding: 12px 40px;
	color:#fff;
	width:150px;
}
.modal-footer .btn:hover {
    background: rgba(255,255,255,0.6);
	color:#d32840;
	border: 1px solid #d32840;
	padding: 11px 40px;
}

@media (min-width: 769px) {
	.modal-dialog {
		width: 900px;
		margin: 30px auto;
	}
}


.cheked-box{
  display: block;
  position: relative;
  padding-top:12px;
  margin: 0 auto;
  width:300px;divide
  cursor: pointer;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


/* Hide the browser's default checkbox */
.cheked-box input {
  position: absolute;
  opacity: 1;
  cursor: pointer;
  left:10px;
  top:30px;
  height: 1px;
  width: 1px;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 10px;
  left: 0px;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 1px solid #2196F3;
}

/* On mouse-over, add a grey background color */
.cheked-box:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.cheked-box input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cheked-box input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cheked-box .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*---------------------------------------------------------------*/




.divider-gps {
	background: url('https://dcasystem.hu/images/total-guard-gps-2.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: #ffffff;
	text-align: center;
	height:500px;
}
.divider-gps .divider-des span {
	font-weight:600;
	font-size:35px;
	color: #55acee;
}
.divider-gps .divider-des h5 {
	font-size:45px;
}
.divider-gps .divider-des p {
	font-size:17px;
	color: #fff;
	line-height:1.7em;
}
.divider-gps .divider-des p.price {
	font-size:37px;
}
.divider-gps .divider-des {
	padding: 50px 15px;
}

.divider-gps .divider-des .p-gps {
	font-size:25px;
	color:#fde428;
	font-weight:600;
	line-height:1em;

}
.divider .btn-white,
.divider-gps .btn-white {
    background: #55acee;
	color: #fff;
}
.divider .btn-white:hover,
.divider-gps .btn-white:hover {
    background: transparent;
	color: #55acee;
	border: solid 1px #55acee;
}
@media screen and ( max-width: 1024px ){
	.divider-gps .divider-des p {
		line-height:1em;
	}	
}
@media screen and ( max-width: 768px ){
	.divider-gps .divider-des h5 {
		font-size:27px;
	}
	.divider-gps .divider-des p {
		line-height:1.7em;
	}
	.divider-gps .divider-des .p-gps {
		line-height:0em;
		padding-top:20px;
	}
	.divider-gps .btn {
		margin-top: 10px;
		color: #55acee;
	}
}





#warranty {
	background: #f9f9f9;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	padding-top: 80px;
	padding-bottom: 80px;
}
.warranty-button {
	text-align:center;
}
.btn-blue {
	background:#55acee;
}


.divider-two {
	background: url('../images/bg.png');
	background-repeat:repeat;
	background-color:#f47c7c;
	border-top: 2px solid #ea2020;
	border-bottom: 2px solid #ea2020;
	color: #fff;
	text-align: center;
	padding-top:30px;
	padding-bottom:30px;
}

.divider-two .divider-des h5 {
	font-size:22px;
	font-weight:600;
}

		@media ( max-width: 320px ){
		.divider-two h5 {
		font-size: 30px;
		}
	}	




/* start contact */
#contact {
	background-image: url("https://dcasystem.hu/images/mini-guard.jpg");
	background-attachment:fixed;
	background-size: cover;
	background-color:rgba(0,0,0,0.9);
	padding-top: 120px;
	padding-bottom: 80px;
	color:#fff;
	z-index:111111;
}
@media(max-width: 768px){
	#contact {	
		background: url('https://dcasystem.hu/images/bg-mobil-contact.jpg'); 
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
}
#contact .form-control
    {
        background: transparent;
		color:#fff;
        border-radius: 0px;
        box-shadow: none;
        border: 1px solid #CCC;
        margin-bottom: 20px;
        transition: all 0.4s ease-in-out;
    }
#contact input
    {
        height: 50px;
    }
#contact input[type="submit"]
    {
        border: 2px solid #55acee;
        font-weight: bold;
		color: #55acee;
    }
#contact input[type="submit"]:hover
    {
        background: #55acee;
		color: #fff;
    }
	#contact p {
		font-size:17px;
		font-weight:400;
		text-align:left;
	}
	#contact p span{
		color:#fde428;
		font-weight:600;
		text-align:left;
	}
	
@media (max-width: 768px) {
		#contact .contact-text-box{
		padding-left:30px;
		padding-bottom:30px;
	}
}
/* end contact */
/* start contact 
#contact
    {
        background: #ffffff;
        padding-top: 80px;
        padding-bottom: 80px;
    }
#contact .form-control
    {
        background: transparent;
        border-radius: 0px;
        box-shadow: none;
        border: 1px solid #CCC;
        margin-bottom: 20px;
        transition: all 0.4s ease-in-out;
    }
#contact input
    {
        height: 50px;
    }
#contact input[type="submit"]
    {
        border: 2px solid #55acee;
        font-weight: bold;
		color: #55acee;
    }
#contact input[type="submit"]:hover
    {
        background: #55acee;
		color: #fff;
    }
 end contact */

/*--------------------*/
/* FOOTER */
/*--------------------*/


#mu-footer {
	background-color: #fff;
	display: inline;
	float: left;
	width: 100%;
}

.mu-footer-top {
	background-color: #0277bd;
	display: inline;
	float: left;
	padding: 25px 0;
	width: 100%;
}
.mu-footer-top-2 {
	background-color: #004f7f;
	display: inline;
	float: left;
	padding: 25px 0;
	width: 100%;
}

.mu-single-footer {
	display: inline;
	float: left;
	color: #fff;
	font-size: 14px;
	width: 100%;
}

.mu-footer-logo {
	margin-bottom: 25px;
}

.mu-single-footer h3 {
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.mu-single-footer ul li {
	border-bottom: 1px solid #1c85c4;
	list-style: none;
	margin-bottom: 10px;
	padding-bottom: 12px;
	font-size: 14px;
}

.mu-single-footer ul li:last-child {
	border-bottom: none;
}

.mu-single-footer ul li a {
	color: #fff;
}

.mu-single-footer .mu-useful-links li {
	line-height: 1;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.mu-single-footer .list-unstyled li {
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.mu-single-footer .list-unstyled li.media span {
	margin-right: 10px;
}

.mu-single-footer .list-unstyled li.media p {
	line-height: 1.5;
	margin-top: -5px;
	margin-bottom: 4px;
	font-size: 14px;
}

.mu-single-footer .list-unstyled li.media a {
	font-size: 12px;
}

.mu-footer-bottom {
	background-color: #004f7f;
	display: inline;
	padding: 20px 0;
	float: left;
	width: 100%;
}

.mu-footer-bottom-area {
	display: inline;
	float: left;
	text-align: center;
	width: 100%;
}

.mu-social-media {
	display: inline;
	float: left;
	width: 100%;
	border-top: 1px solid #1c85c4;
	padding-top: 12px;
}

.mu-social-media a {
	background-color: #3b5998;
	border: 1px solid #babcbe;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	margin-right: 6px;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}

.mu-social-media a.mu-twitter {
	background-color: #1da1f2;
}

.mu-social-media a.mu-google-plus {
	background-color: #dd4b39;
}

.mu-social-media a.mu-pinterest {
	background-color: #bd081c;
}

.mu-social-media a.mu-youtube {
	background-color: #cd201f;
}

.mu-social-media a:hover,
.mu-social-media a:focus {
	border-color: #babcbe;
	color: #fff;
}

.mu-copy-right {
	color: #fff;
	margin-bottom: 0;
	font-size: 14px;
}

.mu-copy-right a {
	color: #fff;
	font-weight: 600;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

/* start social icon */
.social-icon
    {
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
        top: 20px;
    }
.social-icon li
    {
        display: inline-block;
        list-style: none;
        transition: all 0.4s ease-in-out;
        width: 40px;
        height: 40px;
    }
.social-icon li a
    {
        color: #fff;
        font-size: 30px;
        text-decoration: none;
        line-height: 40px;
        text-align: center;
    }
.social-icon li:hover
    {
        background: #55acee;
    }
/* end social icon */

/* start media 980 */
@media screen and ( max-width: 980px ){
    #home h1
        {
            font-size: 40px;
        }
    h2
        {
            font-size: 30px;
        }
    
}
/* end media 980 */


/* start media 768 */
@media screen and ( max-width: 767px ){
    h4 {
        padding-bottom: 20px;
    }
   #home h1
    {
        font-size: 40px;
    }
    #home {
        margin-top: 50px;
    }
    .templatemo-about-left {
        margin-bottom: 30px;
    }
    #about .about-wrapper {
        margin-left: auto;
        margin-right: auto;
    }
}
/* end media 768 */

@media screen and (max-width: 440px) {
    h4 {
        padding-bottom: 15px;
        line-height: 1.5em;
    }
    .filter-wrapper li {
        margin: 2px;
    }
    .filter-wrapper li a {
        padding: 6px 10px;
    }
}

@media screen and (max-width: 380px) {
    #service .media .fa {
        margin-right: 5px;
    }
}

/* start media 360 */
@media screen and ( max-width: 360px ){
    #home h1
        {
            font-size: 30px;
            line-height: 1.5em;
        }
}
/* end media 360 */


#blog {
	padding-top:120px;
	padding-bottom:80px;
	background:#fff;
}






/*----------- árak ------------->*/
#producct-prices {
	border-bottom: 1px solid #eeeeee;
	padding-top: 130px;
	padding-bottom:0px;
}
#producct-prices span {
	border-bottom: 1px solid #eeeeee;
	color:#55acee;

}
#producct-prices h2{
	color:black;
}

#producct-prices .left{
	float:left;
	height:100%;
	width:100%;
}
	
#producct-prices .right{
	float:right;
	height:100%;
	width:100%;
}
#producct-prices .container {
    width:90%;
} 
#producct-prices img {
    display: block;
    margin: 0 auto;
} 
#producct-prices .blog-line {
	display:block;
	width:100%;
	border-top: 1px solid red;
	padding:20px 0 20px 0;
}
@media (min-width: 1320px) {
		#producct-prices .blog-line {
				border-top: 0px solid red;
				padding:0;
		}	
	}

#producct-prices .list {
  display: flex;
  width: 100%;
}

#producct-prices .list:before {
  content: "-";
  padding-right: 17px;
}
#producct-prices ol.number {
	list-style-type: decimal;
	}
#producct-prices ol.program-list {
	list-style-type: cjk-ideographic;
	}

#producct-prices .media-heading {
	font-weight: 400;
	font-size: 25px;
	padding-bottom: 10px;
	text-align:left;
}
#producct-prices .image-price {
	display:block;
	float:right;
	width:600px;
}

@media (min-width: 1820px) {
		#producct-prices .image-price {
			padding-right:100px;
		}	
	}
@media (max-width: 1024px) {
		#producct-prices .image-price {
			padding-bottom:50px;
		}	
	}


.article {
	background:#f2f3f6;
	border-top:2px solid red;
	padding:0 20px 10px 20px;
}
#producct-prices .article span  {
	font-size:26px;
	color:black;
	font-weight:600;
}
	

#producct-prices table {
	background:#fff;

}
#producct-prices table, th, td {
    border: 1px solid #f1f1f1;
    border-collapse: collapse;
	padding:12px;
}
#producct-prices table, th, td.box {
	text-align:center;
}

table {
	overflow: hidden;
	background:#fff;
}

tr:hover {
	background-color: #ffa;
}

td, th {
	position: relative;
}
td:hover::after,
th:hover::after {
	content: "";
	position: absolute;
	background-color: #ffa;
	left: 0;
	top: -5000px;
	height: 10000px;
	width: 100%;
	z-index: -1;
}

#termek .mobil-nezet,
#termek .mobil-nezet-tab {
	display:block;
}

#termek {
	background-color:#fffbea;
}
#termek .container {
	width:75%;
}
#termek span {
	color:#bc0000;
	font-weight:300;
	font-size:15px;
	
}

@media (min-width: 812px) {
	#termek .mobil-nezet {
		display:none;
	}
}

@media (max-width: 812px) {
	#termek .mobil-nezet-tab {
		display:none;
	}
}

/*      exit popup     */
.exit-intent-popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: rgba(33, 33, 33, 0.9);
    transform: translateY(60%) scale(0);
    transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);	
}

.exit-intent-popup.visible {
    transform: translateY(0) scale(1);
}

.newsletter {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-family:'Montserrat', sans-serif;
	width:900px;
	height:450px;
	border: solid 5px red;
	text-align:center;
}
.newsletter h1 {
	font-size:42px;
	font-weight:900;
	color:red;
}
.newsletter p{
	font-size:23px;
	font-weight:700;
}
.newsletter p span{
	font-size:20px;
	font-weight:500;
}
/* Popup-specific styles */
.newsletter {
    background: #FFF;
    padding: 30px;
    border-radius: 0px;
}

.close {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
    width: 10px;
    height: 10px;
}
.popup-button {
  border: none;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight:600;
  margin: 4px 2px;
  cursor: pointer;
  background:red;
}
.popup-button a{
	text-decoration:none;
	color: white;
}
.imgg {
  position: sticky;
  top: 0;
  margin-top:100px;
}
.img-sticky {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  width: 290px;		
}
@media (max-width: 390px) {
	.img-sticky {
	  width: 100%;		
	}	
}