/* ÁLTALÁNOS */
/* Színek: Piros: #ff0000 / Sötétszürke: #222 / Világosszürke: #757575 */
@import url('https://fonts.googleapis.com/css?family=Bree+Serif&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext');
body { font-family: 'Open Sans', sans-serif !important }
p, a, li, span, strong { font-family: 'Open Sans', sans-serif !important; font-size: 16px !important }
h1, h2, h3, h4, h5 { font-family: 'Bree Serif', serif !important; text-transform: uppercase !important }
	/* HL szövegformázás */
	h1 { font-size: 60px !important; color: #000; text-align: left !important; padding-bottom: 20px }
	h1.huawei:before { content: url(../images/spt-logo.png); width: 80px }
	h2 { font-size: 38px; color: #ff0000; text-align: center; padding-bottom: 20px }
	strong { padding-left: 15px; margin-top: 15px; border-left: 5px solid red; display: block }

/* Popup */
.modal.active { display: block }
.modal-content { background-color: #222; max-width: 800px; margin: 5% auto; padding: 0 15px 30px 15px; border: 1px solid #888; width: 80%; min-height: 570px; border-top: 5px solid #ff0000; 
				 -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 1s; -o-animation: fadein 2s; animation: fadein 2s }
@keyframes fadein { 		0% { margin: 10% auto; opacity: 0 } 50% { margin: 10% auto; opacity: 0 } 100% { margin: 5% auto; opacity: 1 } }
@-moz-keyframes fadein { 	0% { margin: 10% auto; opacity: 0 } 50% { margin: 10% auto; opacity: 0 } 100% { margin: 5% auto; opacity: 1 } }
@-webkit-keyframes fadein { 0% { margin: 10% auto; opacity: 0 } 50% { margin: 10% auto; opacity: 0 } 100% { margin: 5% auto; opacity: 1 } }
@-ms-keyframes fadein { 	0% { margin: 10% auto; opacity: 0 } 50% { margin: 10% auto; opacity: 0 } 100% { margin: 5% auto; opacity: 1 } }

.modal-content a#popupclose { display: inline-block; width: 100%; font-weight: 700; font-size: 28px !important; text-align: right; padding-top: 10px }
.modal-content a#popupclose:hover { color: #ff0000 }
.modal-content h2 { padding-left: 10px; color: #ff0000; font-weight: 800; font-size: 30px !important }
.modal-content h3 { text-align: center !important; color: #ff0000 !important; font-size: 24px !important }
.modal-content p { color: #fff !important; font-size: 20px !important; line-height: 28px !important; text-align: center !important }
.modal-content strong { color: #fff !important; font-size: 20px !important; line-height: 28px !important; text-align: center !important; padding-left: 0 !important; margin-top: 0 !important; border-left: none !important; padding-top: 10px !important }
.modal-content span { font-size: 20px !important; color: #ff0000 !important }
.modal-content span.aprobetu { font-size: 10px !important; color: #999 !important }

/* HEADER, FOOTER */
	/* Header */
	#bt_header .bt-comb { background: #222 }
	#bt_header ul.nav li a { font-weight: 800 !important; font-size: 14px !important; font-family: 'Bree Serif', serif !important; padding: 14px 17px !important; color: #999 }
	#bt_header ul.nav li:hover { background: #333 !important }
	#bt_header ul.nav li:hover a, #bt_header ul.nav li.active a  { color: #fff !important }	
	/* Heading */
	.block-heading { max-width: 1200px; margin: auto !important }
	.imageheading { max-width: 100% !important; min-height: 400px; height: 400px; max-height: 400px; background: url(../images/header.jpg) top center no-repeat }	
	.imageheading .headingcontent { max-width: 1200px !important; margin: auto !important; padding-top: 100px !important }	
	.imageheading .headingcontent h1 { color: #fff !important }
	.imageheading .headingcontent h1.huawei:before { content: url(../images/spt-logo.png); width: 80px }
	/* Footer */
	.grid_instagram { margin-top: 20px !important }
	#article-image-footer { min-height: 120px !important }
	#article-name-footer { font-size: 14px !important; line-height: 16px !important }
	.footer-social { padding-top: 20px !important }
	.footer-social ul { text-align: left !important }
	.footer-social ul li.bt-icon-face { margin-left: 0 !important }

/* TARTALMI SZEKCIÓK */
	/* Általános (linkek, felsorolás) */
	ul.lista { display: inline-block !important; margin-bottom: 20px !important }
	ul.lista li { padding-left: 1em; width: 100% }
	ul.lista li:before { content: ""; border-color: transparent #ff0000; border-style: solid; border-width: 0.35em 0 0.35em 0.45em; display: block; height: 0; width: 0; left: -1em; top: 1.1em; position: relative }
	/* Szövegdoboz */
	#content { padding-bottom: 20px !important }
	.block-content { background: #fff; padding: 40px !important; margin-bottom: 25px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; 
					 -moz-box-shadow: 0px 0px 5px #dedede; -webkit-box-shadow: 0px 0px 5px #dedede; box-shadow: 0px 0px 5px #dedede; }
	.box-article { margin-top: 20px !important }
	.box-article h2 { margin-bottom: 20px !important }
	/* Szövegblokk */
	.b-about-us { text-align: justify !important; font-size: 16px !important; line-height: 24px !important; color: #222 !important; font-weight: 400 !important; margin-bottom: 50px !important }
	.b-about-us p { padding: 10px !important }
	.b-about-us strong { font-size: 17px !important; color: #222 !important }
	.b-about-us ul { margin: 30px 0 40px 0 !important; padding-left: 1em !important }
	.b-about-us img { min-width: 100%; padding: 20px 0 !important }
	.textimg { border-bottom: 1px solid #efefef; margin-bottom: 40px; padding-bottom: 20px }
	.textimg .text { padding: 50px 0 0 0 !important }
	.textimg .img { padding: 20px !important }
	/* Nyitólap */
	#bt_slideshow a.btn { background: #ff0000 !important; border-color: #ff0000 !important }
	#bt_slideshow a.btn:hover { background: #222 !important; border-color: #222 !important; color: #fff !important }
	#landinglead { padding: 50px 0 !important }
	#landingicons { margin: 50px 0 100px 0 !important }
	#landingicons i { font-size: 60px !important; color: #ff0000 !important }
	#landingicons p { text-align: left !important }
	#landingicons span.hovercontent { display: none  }
	#landingicons .block01:hover span.hovercontent01 { display: block }
	#landingicons .block02:hover span.hovercontent02 { display: block }
	#landingicons .block03:hover span.hovercontent03 { display: block }
	#landingicons .block04:hover span.hovercontent04 { display: block }
	#landingvideo { padding: 50px 0 100px 0 !important; margin-bottom: 0 !important }
	#landingcta h1 { text-align: center !important }
	#landingcta p { font-size: 22px !important; color: #222 !important }
	#landingcta a { background: #ff0000 !important }
	#landingcta a:hover { background: #222 !important }
	/* Hírek, termékadatlapok */
	.box-article .contentbox { margin-bottom: 30px !important; background: #efefef; padding: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px }
	.news .contentbox { background: transparent !important; padding: 10px !important }
	.news .contentbox .article_content { background: #efefef !important; padding: 20px !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px }
	.article_content { margin-bottom: 20px !important }
	.article-name { padding-left: 10px; border-left: 2px solid #000; padding-bottom: 10px }
	.article-name a { font-size: 20px !important; font-weight: 800 !important; line-height: 26px !important }
	.article-name span { font-size: 14px !important; font-weight: 500 !important; color: #888 !important; font-style: italic !important }
	.description { text-align: justify !important }
	.read_more { margin-top: 30px !important }
	.read_more a.btn-readmore { display: block; float: left; margin-right: 15px; padding: 10px 15px; text-decoration: none; background: #222; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px }
	.read_more a.btn-readmore:hover { background: #ff0000 !important; color: #fff !important }
	/* Referenciák */
	.referencia { border-bottom: 1px solid #dedede; margin-bottom: 40px; padding-bottom: 20px }
	/* Letöltések */
	.downloadbox { padding: 10px !important; min-height: 240px !important }
	.downloadbox .article_content { display: table-cell; background: #eee !important; padding: 10px !important }
	.downloadbox .article_content a.btn-readmore { font-size: 18px !important; margin-bottom: 20px }
	.downloadbox .article_content a.btn-readmore i { font-size: 20px !important; padding-right: 10px}
	/* FAQ */
	.items-faq { margin-top: 20px !important }
	.items-faq .item { margin: 10px 0 !important }
	.items-faq .item h4 { font-size: 20px !important; background: #efefef !important; color: #ff0000 !important; border-bottom: 1px solid #dedede !important  }
	.items-faq .item h4:hover { font-size: 20px !important; background: #ff0000 !important; color: #fff !important }
	.items-faq .active h4 { background: #fff !important }
	/* Kapcsolat */
	.contact-us { margin-top: 20px !important }
	.contact-us .col-sm-6 { padding: 30px 0 !important }
	.contact-us i.fa { width: 25px !important }
	.contact-us span { padding-left: 0 !important }
	.team-member .image, .team-member .col-sm-3 { padding-bottom: 20px !important }
	.team-member .member-description { padding: 0 !important }

/* RESZPONZÍV */
@media only screen and (min-device-width: 1200px) and (max-device-width: 3000px), screen and (min-width: 1200px) and (max-width: 3000px) { 
	.onlymobile { display: none !important }
	.nomobile { display: block !important }
}
@media only screen and (min-device-width: 100px) and (max-device-width: 1199px), screen and (min-width: 100px) and (max-width: 1199px) {
	.onlymobile { display: block !important } 
	.nomobile { display: none !important }
	/* Header */
	nav#top { display: none !important }
	#bt_header #logo { margin: 20px 0 0 0 !important; width: 80% !important; float: left !important; padding-bottom: 10px !important }
	#bt_header a.open-panel { width: 20% !important; float: right !important; margin-top: -45px !important; text-align: right !important }
	h1 { font-size: 42px !important; padding: 30px 40px 20px 40px !important }
	h1.huawei:before { content: url(../images/spt-logo-small.png); width: 60px }
	/* Reszponzív menü */
	nav.mega-menu { background: #222 !important; height: 100% !important }
	nav.mega-menu li { padding: 0 40px !important }
	nav.mega-menu li.parent a.menulink { float: left !important }
	body nav.mega-menu .close-panel { display: none }
	body.openNav nav.mega-menu .close-panel { display: block !important; right: -10% !important; width: 10% !important; height: 100% !important; top: 0 !important; padding-top: 10px !important  }
	/* Nyitólapi blokkok */
	#bt_slideshow .block-icon .block-items { width: 50% !important; float: left !important; margin-bottom: 10px !important}
}