body{padding:0;margin:0;font-family:'Open Sans', sans-serif;background:#fff;cursor:default;}
body a{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
input[type="button"],input[type="submit"]{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
h1,h2,h3,h4,h5,h6{margin:0;}
p{margin:0;}
ul{margin:0;padding:0;}
label{margin:0;}
.header{width:100%;background:#fff url('../images/clouds.webp') no-repeat center center;background-size:cover;border-bottom:1px solid #005de4;padding:15px 0;position:fixed;top:0;z-index:9999;}
.header .container{width:96%;max-width:1200px;}
.logo{float:left;}
.logo a{display:block;color:#333333;font-weight:700;}
.logo a:hover{text-decoration:none;}
.logo img{display:block;float:left;}
.logo span{float:left;display:block;margin-left:15px;padding:12px 0;font-weight:400;color:#333333;font-size:16px;line-height:18px;}
.logo span strong:after{content:'-';display:inline-block;font-size:16px;font-weight:300;margin:0 5px 0 10px;}
.top-menu{float:right;}
.top-menu ul li{display:inline-block;float:left;outline:none;border:none;}
.top-menu ul li a{text-decoration:none;color:#333333;text-transform:uppercase;padding:12px 12px;float:left;font-size:13px;font-weight:400;outline:none;border:none;}
.top-menu ul li a.active{color:#005de4;}
.top-menu ul li a:hover{color:#fff;background:#005de4;}
@media (max-width:1200px){.header .container{width:100%;max-width:none;}
}
@media (max-width:1100px){.logo span{font-size:12px;}
.top-menu ul li a{font-size:13px;padding:12px 6px;}
}
@media (max-width:1000px){.header .container{width:96%;max-width:800px;}
span.menu{width:28px;height:28px;background:url(../images/nav.png)no-repeat;display:inline-block;float:right;cursor:pointer;margin:8px 0 0 0;}
.top-menu{width:100%;display:none;text-align:center;padding:0;margin-top:10px;}
.top-menu ul{float:none;width:100%;}
.top-menu ul li{display:block;float:none;}
.top-menu ul li a.active{padding:0.5em 0em;}
.top-menu ul li a{font-size:14px;font-weight:700;color:#000;display:block;width:100%;padding:0.5em 0em;}
}
@media (max-width:600px){.header .container{max-width:none;width:100%;}
.logo{width:100%;position:relative;}
.logo img{float:none;display:block;margin:0 auto;}
.logo span{float:none;display:block;text-align:center;margin-left:0;font-size:14px;line-height:20px;}
span.menu{float:none;position:absolute;right:20px;top:20px;width:25px;height:25px;}
}
@media (max-width:450px){.logo span strong{display:block;}
.logo span strong:after{content:'';margin:0;}
}
.banner{background:#0793CE url('../images/szamitogep-szerviz.webp') no-repeat center center;background-size:cover;min-height:250px;position:relative;margin-top:74px;}
@media (max-width:600px){.banner{margin-top:115px;}
}
@media (max-width:462px){.banner{margin-top:115px;}
}
@media (max-width:330px){.banner{margin-top:135px;}
}
.purchase{padding:4.5em 0;background:#005de4;}
.purchase-left h4{color:#fff;font-size:1.65em;font-weight:300;line-height:1.5em;}
.purchase-left h4 span{font-weight:600;}
.purchase-right{margin-top:1.5em;}
.purchase-right a{color:#fff;font-size:1.5em;font-weight:500;padding:0.7em 1em;border:2px solid #fff;border-radius:5px;text-decoration:none;text-transform:uppercase;}
.purchase-right a:hover{background:#000;border:2px solid #000;}
@media (max-width:1200px){.purchase{padding:3em 0;}
.purchase-left h4{font-size:1.5em;}
.purchase-right a{font-size:1.2em;padding:0.6em 0.5em;}
}
@media (max-width:1000px){.purchase-left h4{font-size:1.3em;}
.purchase-left{width:75%;padding:0 15px 0 0;float:left;}
.purchase-right{margin-top:1.2em;width:25%;float:right;padding:0;text-align:center;}
.purchase-right a{position:relative;font-size:1.1em;}
.purchase{padding:2em 0;}
}
@media (max-width:800px){.purchase .container{padding:0 30px;}
.purchase{padding:1.8em 0;}
.purchase-left{padding-right:0;}
.purchase-left h4{font-size:1.1em;}
.purchase-right{text-align:right;}
.purchase-right a{font-size:0.95em;}
}
@media (max-width:600px){.purchase{padding:2em 0;text-align:justify;}
.purchase-left{width:100%;}
.purchase-left span{display:block;}
.purchase-left h4{font-size:1em;}
.purchase-right{width:100%;margin-top:1.5em;text-align:center;}
}
.services-section{padding:3em 0 5em 0;}
.services-section-head h3{color:#333333;font-size:3.3em;font-weight:300;text-transform:uppercase;letter-spacing:0 !important;}
.services-section-head p{color:#888888;font-size:1.65em;font-weight:300;margin:0.5em 0 0.2em 0;}
.services-section-head span{height:1px;width:10%;background:#005de4;color:#005de4;display:inline-block;}
.services-section-head{margin-bottom:0;}
.icon-text h5{color:#333333;font-size:1.7em;font-weight:400;}
.icon-text p{color:#333333;font-size:1.1em;margin-top:3px;}
.icon{float:left;width:15%;margin-right:6%}
i.fa{display:inline-block;font-size:60px;color:#005de4;padding-top:5px;}
.icon-text{float:left;width:79%;margin-top:0.4em;}
.services-section-grid{margin-top:4em;}
.about-section{padding:3em 0;}
.about-section-grid img{width:100%;}
.about-section-grid h5{color:#888888;font-size:1.5em;line-height:1.3em;font-weight:300;}
.price-big{text-align:center !important;}
.price-ul{list-style:none;color:#888888;font-size:1.2em;font-weight:400;line-height:1.6em;text-align:center;}
.price-ul strong{color:#222222;font-weight:600;}
.price-ul.topspace{margin-top:20px;}
@media (max-width:800px){.price-big strong{display:block;}
.price-ul{font-size:1em;font-weight:400;line-height:1.4em;margin-top:15px;}
.price-ul li{margin-top:5px;}
}
@media (max-width:640px){.price-ul{font-size:0.9em;font-weight:400;line-height:1.4em;margin-top:15px;}
.price-ul li{margin-top:5px;}
}
.about-section-grid p{color:#888888;font-size:1.2em;font-weight:400;line-height:1.6em;margin:20px 0;text-align:justify;}
.about-section-head h3{color:#333333;font-size:3.3em;font-weight:300;text-transform:uppercase;letter-spacing:0 !important;}
.about-section-head p{color:#888888;font-size:1.6em;font-weight:300;margin:0.5em 0 0.7em 0;}
.about-section-head span{height:1px;width:10%;background:#005de4;color:#005de4;display:inline-block;}
.about-section-head{margin-bottom:3em;}
.mobile{background:url('../images/mobile-bg.jpg') no-repeat 0px 0px;background-size:cover;min-height:340px;padding-top:5em;}
.mobile h3{color:#fff;font-size:3.3em;font-weight:300;text-transform:uppercase;letter-spacing:5px;}
.mobile img{margin-bottom:2em;}
.social-icons i{width:50px;height:50px;background:url('../images/img-sprite.png') no-repeat 0px 0px;display:inline-block;}
.social-icons i:hover{opacity:0.5;}
i.facebook{background-position:0px -80px;}
i.twitter{background-position:-50px -80px;}
i.googlepluse{background-position:-100px -80px;}
i.linkedin{background-position:-150px -80px;}
i.flickr{background-position:-200px -80px;}
.team-section-grid{width:23.5%;padding:0;margin-right:2%}
.team-section-grid:nth-child(5){margin-right:0;}
.touch{padding:4.5em 0;background:#898989 url('../images/block-bg.jpg') no-repeat center center;background-size:cover;}
.touch h3{color:#fff;font-size:3.25em;font-weight:300;text-transform:uppercase;letter-spacing:5px;}
.contact-section{padding:3em 0;}
.contact-section-head h3{color:#333333;font-size:3.3em;font-weight:300;text-transform:uppercase;letter-spacing:4px;}
.contact-section-head span{height:1px;width:10%;background:#005de4;color:#005de4;display:inline-block;}
.contact-section-head{margin-bottom:2em;}
.footer-bottom{padding:2.5em 0;}
.copyright{float:left;margin-top:11px;}
.footer-icons{float:right;padding:0;}
.copyright p{font-size:1.1em;font-weight:400;color:#999999;}
.copyright p a{font-size:1.2em;font-weight:400;color:#999999;}
.copyright p a:hover{color:#005de4;}
.footer-top{background:#eeeeee;padding:4em 0;}
.footer-top-left{float:left;}
.footer-top-right{float:right;}
.footer-top-left p{color:#777777;font-size:1.1em;font-weight:500;margin-top:1em;line-height:1.5em;width:85%;}
.footer-top-left p span{color:#005de4;}
.footer-top-right ul li{display:inline-block;}
.footer-top-right ul{margin-bottom:5px;}
.footer-top-right ul li p{color:#777777;font-size:1em;font-weight:600;}
.footer-top-right h5{color:#222222;font-size:1.4em;font-weight:600;margin-bottom:0.5em;}
.footer-top-right ul li a{color:#005de4;font-size:1em;font-weight:400;}
.address p{color:#777777;font-size:1.15em;font-weight:500;line-height:1.5em;}
.address h5{color:#222222;font-size:1.3em;font-weight:600;margin-bottom:0.8em;}
p.bottom{margin-bottom:0.9em;}
.contact-section-head p{color:#888888;font-size:1.6em;font-weight:300;margin:0.5em 0 0.7em;}
.map-link{color:#888888 !important;cursor:pointer !important;}
.map{width:100%;height:300px;}
.contact-form-row{padding-top:50px;}
@media (max-width:991px){.address{margin-top:35px;}
.contact-section-head + .address{margin-top:0;}
.contact-form-row{padding-top:0;}
.contact-form-row:first-child{padding-top:10px;}
}
.contact-form-row span{color:#777777;font-weight:700;font-size:1.2em;display:block;margin-bottom:5px;}
.contact-form-row input[type="text"], .contact-form-row textarea{width:100%;color:#777777;font-size:16px;padding:7px 14px;border:1px solid transparent;outline:none;margin:0 0px 15px 0;background:#ededed;border-radius:5px;margin-bottom:18px;}
.contact-form-row textarea{resize:none;height:130px;height:204px;}
.msg_submit{float:right;}
.msg-wrapper{height:50px;padding:50px 0;text-align:center;display:none;}
.msg-wrapper p{font-weight:700;}
.contact-form-row input[type="submit"]{color:#fff;text-transform:uppercase;font-size:1.35em;letter-spacing:2px;font-weight:400;border:1px solid #fff;padding:16px 26px;outline:none;background:#005de4;margin-top:1em;border-radius:5px;}
.contact-form-row input[type="submit"]:hover{background:#000;}
.contact-form-bottom{margin-top:2em;}
#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:43px;height:43px;border:none;text-indent:100%;background:url(../images/up-arrow.png) no-repeat 8.8px 12px #005de4;border-radius:15%;-webkit-border-radius:15%;-moz-border-radius:15%;-o-border-radius:15%;-ms-border-radius:15%;}
@media screen and (max-width:1280px){.services-section-head h3, .about-section-head h3, .contact-section-head h3{font-size:3.2em;}
.services-section-head p, .about-section-head p{font-size:1.45em;margin:0.5em 0 0.55em 0;}
.about-section-head{margin-bottom:3.3em;}
.about-section{padding:4em 0;}
.about-section-grid h5{font-size:1.3em;}
.about-section-grid p{font-size:1.15em;}
.mobile{min-height:310px;padding-top:4em;}
.mobile h3{font-size:3em;}
.touch h3{font-size:3em;}
.touch{padding:3.5em 0;}
.contact-section{padding:4em 0;}
.contact-section-head{margin-bottom:3.5em;}
.footer-top{padding:3em 0;}
.footer-bottom{padding:2em 0;}
}
@media screen and (max-width:1024px){.banner{min-height:380px;}
.services-section-head h3, .about-section-head h3, .contact-section-head h3{font-size:2.9em;letter-spacing:2px;}
.services-section-head p, .about-section-head p{font-size:1.35em;margin:0.2em 0 0.4em 0;}
.about-section-head{margin-bottom:3em;}
.about-section{padding:3em 0;}
.about-section-grid p{font-size:1.1em;}
.icon{width:18%;margin-right:3%;}
.services-section-head{margin-bottom:0em;}
.heads-up p{font-size:1.2em;}
.mobile h3{font-size:2.6em;letter-spacing:2px;}
.mobile img{width:33%;}
.mobile{min-height:265px;padding-top:3.5em;}
.touch h3{font-size:2.8em;letter-spacing:2px;}
.touch{padding:2.5em 0;}
.contact-section{padding:3em 0;}
.contact-section-head{margin-bottom:2.5em;}
.footer-top-left{width:70%;}
.footer-top-right{padding:0;width:30%;}
.footer-top-left p{font-size:1em;line-height:1.6em;width:100%;}
}
@media (max-width:990px){#about .about-section-grid:first-child,
#about .about-section-grid img{display:none;}
}
@media screen and (max-width:800px){.banner{min-height:290px;}
.services-section-grid{margin-top:2em;}
.icon-text h5{font-size:1.6em;}
.icon-text p{font-size:1.1em;margin-top:2px;}
.icon-text{width:85%;margin-top:0.8em;}
.icon{width:12%;margin-right:3%;}
.services-section{padding:2em 0 3em 0;}
.heads-up p{font-size:1em;}
.mobile h3{font-size:2em;letter-spacing:1px;}
.mobile{min-height:220px;padding-top:3em;}
.mobile img{width:30%;}
.about-section-grid h5{font-size:1.44em;}
.about-section-grid p{font-size:1em;}
.social-icons i{width:40px;height:40px;background-size:300px;}
i.facebook{background-position:0px -64px;}
i.twitter{background-position:-40px -64px;}
i.googlepluse{background-position:-80px -64px;}
i.linkedin{background-position:-120px -64px;}
i.flickr{background-position:-161px -64px;}
.touch h3{font-size:2em;letter-spacing:1px;}
.touch{padding:2em 0;}
.contact-section-head{margin-bottom:1.8em;}
.address{margin-bottom:2em;}
.contact-form{margin-bottom:3em;}
.copyright p{font-size:1em;}
.copyright{margin-top:8px;}
.footer-bottom{padding:1.8em 0;}
.footer-top-right ul li p{font-size:.8em;}
.footer-top-left p{font-size:0.875em;}
.footer-top{padding:2em 0;}
}
@media screen and (max-width:768px){.banner{min-height:275px;}
}
@media screen and (max-width:640px){.banner{min-height:246px;}
.services-section-head h3, .about-section-head h3, .contact-section-head h3{font-size:1.9em;letter-spacing:0px;}
.contact-section-head p, .services-section-head p, .about-section-head p{font-size:1.1em;margin:0.1em 0 0.2em 0;}
.about-section-head{margin-bottom:2em;}
.info{padding:1em 1em 1.8em 1em;}
.info p{font-size:0.875em;height:61px;overflow:hidden;}
.info a{font-size:0.9em;padding:0.4em 1em 0.4em 0.6em;border:1px solid #fff;}
.services-section-grid{margin-top:1.5em;}
.icon-text h5{font-size:1.3em;}
.icon-text p{font-size:1em;}
.about-section{padding:2em 0;}
.about-section-grid h5{font-size:1.15em;}
.about-section-grid p{font-size:0.95em;}
.heads-up p{font-size:0.875em;}
.mobile h3{font-size:1.8em;letter-spacing:0px;}
.mobile{min-height:170px;padding-top:2em;}
.mobile img{margin-bottom:1.5em;}
.social-icons i{width:26px;height:26px;background-size:200px;}
i.facebook{background-position:0px -42px;}
i.twitter{background-position:-27px -42px;}
i.googlepluse{background-position:-54px -42px;}
i.linkedin{background-position:-81px -42px;}
i.flickr{background-position:-107px -42px;}
.social-icons{padding:0.5em 0;text-align:center;}
.touch h3{font-size:1.8em;letter-spacing:0px;}
.touch{padding:1.5em 0;}
.contact-section{padding:2em 0;}
.footer-top-left{width:100%;margin-bottom:2em;}
.footer-top-right{padding:0 15px;width:100%;}
.footer-bottom{padding:1em 0;}
.copyright p{font-size:0.95em;}
.address p{font-size:1em;}
.address h5{font-size:1.15em;}
}
@media (max-width:600px){.services-section-head h3{font-size:1.8em;}
.icon{width:17%;margin-right:3%;}
.icon-text{width:80%;margin-top:0.5em;}
.icon-text h5{font-size:1.2em;}
.icon-text p{font-size:0.95em;}
}
@media screen and (max-width:480px){.footer-bottom{text-align:center;}
.copyright{float:none;}
.footer-icons{float:none;}
.contact-form-row input[type="submit"]{font-size:1em;}
.contact-form{margin-bottom:2em;}
.about-section-head h3, .contact-section-head h3{font-size:1.8em;}
.touch h3{font-size:1.6em;}
.mobile h3{font-size:1.5em;letter-spacing:0px;}
.mobile{min-height:136px;padding-top:1.5em;}
.heads-up p{font-size:0.7em;}
.heads-up{padding:0.8em 0.8em;background:#d9edf7;border:1px solid #c8eaf3;border-radius:5px;margin-bottom:2em;}
.contact-form-row span{font-size:1em;}
.banner{min-height:176px;}
}
@media (max-width:450px){.services-section-head h3{font-size:1.6em;}
.services-section-head p{font-size:1em;}
.icon-text{width:80%;margin-top:0.5em;}
.icon-text h5{font-size:1.1em;font-weight:600;}
.icon-text p{font-size:0.85em;text-align:justify;}
i.fa{font-size:50px;}
}
@media (max-width:400px){.services-section-head h3{font-size:1.6em;}
.services-section-head p{font-size:0.85em;}
.icon-text{width:73%;margin-top:0.5em;}
.icon{width:24%;margin-right:3%;}
.icon-text h5{font-size:1.1em;line-height:1.3em;font-weight:600;}
.icon-text p{font-size:0.85em;margin-top:5px;}
i.fa{font-size:40px;}
}
@media screen and (max-width:320px){.copyright p{font-size:1em;margin-bottom:0.5em;}
.footer-bottom{padding:0.8em 0;}
.footer-icons{float:none;padding:0;}
.address,.contact-form,.contact-form-row,.footer-top-left,.footer-top-right{padding:0;}
.contact-section{padding:1.5em 0;}
.contact-section-head h3{font-size:1.7em;}
.contact-section-head span, .about-section-head span, .services-section-head span{height:1px;width:32%;}
.touch h3{font-size:1.2em;}
.touch{padding:1em 0;}
.mobile h3{font-size:1em;}
.mobile img{margin-bottom:1em;width:35%;}
.mobile{min-height:100px;padding-top:1.5em;}
.about-section-head p{font-size:0.875em;margin:0.1em 0 0.2em 0;}
.heads-up{display:none;}
.about-section-grid{width:100%;margin-bottom:2em;}
.about-section{padding:2em 0 0 0;}
.about-section-head{margin-bottom:1em;}
.banner{min-height:140px;}
.top-menu ul li a{font-size:1em;}
}