@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local(OpenSans-Regular),url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body {margin: 0; font-size: 100%;}
a,a:visited{color:#0CA1D2;text-decoration:underline;cursor:pointer;}
a:hover{color:#249;text-decoration:none}
a:focus{outline:0}
a:hover,a:active{outline:0}
b, strong {font-weight: 700;}
small {font-size: 85%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
ul,ol{margin:1em 0;padding:0 0 0 20px}
dd {margin: 0 0 0 40px;}
nav ul, nav ol {list-style: none; list-style-image: none; margin: 0; padding: 0;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
svg:not(:root) {overflow: hidden;}
form {margin: 0;}
fieldset {border: 0;margin: 0;padding: 0;}
legend {border: 0;margin-left: -7px;padding: 0;}
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline;vertical-align: middle;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button; overflow: visible;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
iframe {border:0;}
html {overflow-y: auto; background-color: transparent; height: 100%;}
body {position: relative;}
body, div, img, p, button, input, select, textarea, a {box-sizing: border-box;}
body{font-family:'Open Sans',sans-serif;font-size:1.0em;font-weight:400;line-height:1.4em;padding:0;background-color:#FFF}

#admin-main {max-width:1280px;margin:0 auto;padding:0;background-color: #FFFFFF;}

.admin-header {color:#212121;width:100%;margin:0;padding:5px;border-bottom:5px solid #DAA520;}
.admin-content {font-size:0.9em;color:#212121;width:100%;margin:0;padding:5px 15px 25px 15px; min-height:400px;}
.admin-footer {background-color:#ffffff;color:#212121;width:100%;padding:10px 20px;border-top:5px solid #DAA520;}

h1.adm{font-size:1.25em;font-weight:600;color:#e60;}
h2.adm{font-size:1.15em;font-weight:600;color:#e60;}
h3.adm{font-size:1.05em;font-weight:600;color:#e60;}

.admin-header h1.adm {margin:0;}
.admin-content h2.adm {margin:0 0 10px 0;}

.admin-navigation {width:100%;margin:0; padding:0px; background-color: #FFFFFF;}
ul.menu {height:32px; margin:0;padding:0;display: block; border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #DAA520;}
ul.menu li {text-align: center; vertical-align:middle;text-transform: uppercase; float: left; list-style:none; height:32px; border-right: 1px solid #e6e6e6; margin:0; padding:0; position: relative;}

ul.menu li a {font-size:12px;color:#212121;text-transform:uppercase;text-decoration:none;display:inline-block;margin:0;padding:10px 15px 4px 15px;}
ul.menu li a:hover {color:#d00;}

ul.menu li a {padding:6px 15px 4px 15px;}
ul.menu li:last-child {}

ul.menu li.active a {color:#e60;}

.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}

.small {font-size:0.8em !important;}

.copy {font-size:0.8em;color:#666;margin:0;}

input[type=text], input[type=password], textarea{outline:0;border:1px solid silver;border-radius:4px;padding:0.2em 0.4em;}

input[type=text]:focus, input[type=password]:focus, textarea:focus{border-color:#69d;}

.mbutton, .sbutton {font-size:0.9em;font-weight:normal;color:#444;background-image: linear-gradient(to bottom, #fff, #ccc);border: 1px solid #999;border-radius: 3px;box-shadow: 1px 1px 1px 0 rgba(100,100,100,.5);padding:0.25em 0.75em;cursor:pointer;}
.mbutton, .mbutton:focus, .sbutton, .sbutton:focus{outline:0 !important;}
.sbutton {color:#d00;}
.mbutton:hover{color:#900;box-shadow: 1px 1px 2px 0 rgba(100,100,100,.5);}
.sbutton:hover{color:#900;box-shadow: 1px 1px 2px 0 rgba(100,100,100,.5);}

td, th {box-sizing: border-box !important;}

table.border {border:0; border-collapse:separate; border-spacing:1px;background-color:#aaa;border-radius:0.25em;}
table.border th, table.border td {font-size:0.9em;padding:2px 4px;vertical-align:middle;}
table.border thead th {text-align:center;background-color:#f1ede2;}
table.border tfoot td {font-size:12px;line-height:12px;background-color:#f1ede2;}
table.border tbody tr {cursor:pointer;}
table.border tbody tr:hover {background-color:#DDFFDD;}

table.border td.tfoot {font-size:12px;line-height:12px;background-color:#f1ede2;}

.tr_white {background-color:#FFF;color:#333;}
.tr_yellow {background-color:#FFD;color:#600;}

.adm_tr_gray {background-color:#EEE;color:#333;}

label {cursor:pointer;display:inline-block;}

/* cke custom */
h1{font-size:1.75em;line-height:1.5em;color:#0CA1D2;}
h2{font-size:1.5em;font-weight:400;line-height:1.5em;color:#21409A;}
h3{font-size:1.25em;font-weight:400;line-height:1.5em;color:#21409A;;}

p {text-align:justify;}
li {text-align:justify;}
img {max-width: 100%;}

table.t1{border:0;border-collapse:separate;border-spacing:5px;background-color:transparent;width:100%;max-width:580px;margin:40px auto}
.t1 tr{background-color:#fff}
.t1 tr.even{background-color:#def}
.t1 td{text-align:center;padding:10px;border:1px solid #6e664f;border-radius:5px}
.t1 td.td1{width:130px}
.t2.t1 tr{background-color:#EDF;color:#333}
.t2.t1 tr.even{background-color:#9AF;color:#003}
.t2.t1 td{border:1px solid #669;border-radius:5px}

.idezet {border:2px solid #654; border-radius: 10px; padding:15px; margin:0 10px;}
.ar {background:#6E664F; background-image: linear-gradient(to bottom, #654, #986); color:#FFF; margin:20px 0;padding:10px;border-radius: 1.0em;-webkit-border-radius: 1.0em;-moz-border-radius: 1.0em;-khtml-border-radius: 1.0em;}

.youtube-container {display: block; margin: 40px auto; width: 100%; max-width: 600px;}
.youtube-player {display: block; width: 100%; padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: pointer; cursor: pointer; display: block;}
img.youtube-thumb {bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto}
div.play-button {height: 49px; width: 70px; left: 50%; top: 50%; margin-left: -35px; margin-top: -15px; position: absolute; background: url("../../img/youtube-style-play-button.png") no-repeat;}
div.play-button:hover {background: url("../../img/youtube-style-play-button-hover.png") no-repeat;}
#youtube-iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

/* Grid System */
.section {clear: both; padding: 0px; margin: 0px;}
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
.group {zoom:1;}
.col {display: block; float:left; margin:0 0 1% 1.6%;}
.col:first-child {margin-left: 0;}
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 49.2%;}
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.13%;}
.span_1_of_3 {width: 32.26%;}

.c654 {color: #0CA1D2 !important;}

.megrendelogomb {background-color: gold; border-radius: 15px;}
.megrendelogomb a {color:#000;}
.megrendelogomb a:hover {color:#fff;}

a.button:active,a.button:link,a.button:visited{display:inline-block;text-align:center;vertical-align:top;font-size:1em;font-weight:600;color:#FFF;text-decoration:none;background-color:#D00;border:0;border-radius:.5em;-webkit-border-radius:.5em;-moz-border-radius:.5em;-khtml-border-radius:.5em;padding:10px 20px;margin:5px}
a.button.k:active,a.button.k:link,a.button.k:visited{color:#FFF;background-color:#00D;background-image:linear-gradient(to bottom,#47E,#36D);box-shadow:2px 2px 4px 0 rgba(100,100,100,.8);border:2px solid #47E}
a.button.k:hover{background-image:linear-gradient(to bottom,#69f,#36D);border:2px solid #69F;box-shadow:2px 2px 10px 0 rgba(100,100,100,.8)}
a.button.z:active,a.button.z:link,a.button.z:visited{font-family:Verdana,Geneva,sans-serif;color:#FFF;background-color:#090;background-image:linear-gradient(to bottom,#0F0,#090);border:2px solid #0D0}
a.button.z:hover{background-image:linear-gradient(to bottom,#0D0,#090);border:2px solid #0D0;box-shadow:0 0 60px 0 rgba(255,255,255,.8)}
a.button.ared:active,a.button.ared:link,a.button.ared:visited{font-size:1.25em;box-shadow:2px 2px 4px 0 rgba(140,140,140,.8);border:2px solid #d00}
a.button.ared:hover{box-shadow:0 0 60px 0 rgba(255,255,255,.8);border:2px solid #d00}
a.button.orange:active,a.button.orange:link,a.button.orange:visited{font-size:1.25em;color:#FFF;text-shadow:2px 2px #CC3C00;background-image:linear-gradient(to bottom,#f70,#f50);box-shadow:2px 2px 4px 0 rgba(140,140,140,.8);border:2px solid #f60}
a.button.orange:hover{background-image:linear-gradient(to bottom,#F70,#e50);box-shadow:0 0 20px 5px rgba(255,255,255,.8);border:2px solid #F60}

a.button.orange.cta:active,a.button.orange.cta:link,a.button.orange.cta:visited{font-size:1.0em;color:#FFF;text-shadow:1px 1px #CC3C00;background-image:linear-gradient(to bottom,#f70,#f50);box-shadow:2px 2px 4px 0px rgba(0,0,0,.5);border:2px solid #f60}
a.button.orange.cta:hover{background-image:linear-gradient(to bottom,#f70,#e50);box-shadow:2px 2px 0px 0px rgba(0,0,0,.25);border:2px solid #f60}

.dot-fff{height:10px;width:10px;background-color:#fff;border-radius:50%;display:inline-block;}
.dot-eee{height:10px;width:10px;background-color:#eee;border-radius:50%;display:inline-block;}
.dot-bbb{height:10px;width:10px;background-color:#bbb;border-radius:50%;display:inline-block;}
.dot-f00{height:10px;width:10px;background-color:#f00;border-radius:50%;display:inline-block;}
.dot-0b0{height:10px;width:10px;background-color:#0b0;border-radius:50%;display:inline-block;}
.dot-ff0{height:10px;width:10px;background-color:#ff0;border-radius:50%;display:inline-block;}

.seo-snipet-div {font-family:Arial;border:1px solid #ccc;border-radius:4px;padding:10px;margin:0 0 25px 0;}
.seo-snipet-wraper {width:100%;max-width:600px;}

a.seo-snipet-title, a.seo-snipet-title:link, a.seo-snipet-title:active, a.seo-snipet-title:visited {font-size:1.25em;color:#1a0dab;cursor:pointer;text-decoration:none;}
a.seo-snipet-title:hover {text-decoration:underline;}
.seo-snipet-url {font-size:1.0em;color:#006621;}
.seo-snipet-desc {font-size:0.8em;color: #545454;display:inline-block;line-height:1.4em;}

div.container {width:100%;}

.fixed{
  top:0px;
  position:fixed;
  width:auto;
  display:none;
  border:none;
  background-color:#60574b;
  border-bottom:0px solid 60574b;
  box-shadow:0 2px 3px 0 rgba(0,0,0,0.3);
  box-sizing: border-box;
}

.contact-form-h3{font-weight:600;color:#000;}

.contact-form-group{display: flex; align-items: flex-start;}
.contact-form-group:before,.contact-form-group:after{content:"";display:table}
.contact-form-group:after{clear:both}

@media only screen and (max-width:660px){
  .contact-form-group{display: block; align-items:initial;}
}

/* Clearable text inputs */
.clearable{
  background: #fff url('https://artroflex.hu/adm/img/ix.gif') no-repeat right -10px center;
  color:#000;
  border: 1px solid #999;
  padding: 3px 18px 3px 4px !important;     /* Use the same right padding (18) in jQ! */
  border-radius: 3px;
  transition: background 0.4s;
}
.clearable.x  { background-position: right 5px center; color:#06f; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */

a.out-link, a.out-link:link, a.out-link:active, a.out-link:visited {font-size:1em;color:#212121;cursor:pointer;text-decoration:underline;}
a.out-link:hover {color:#0CA1D2;}

ul.greenchk, ul.redchk {padding:0;}
ul.greenchk li{background:url("https://artroflex.hu/img/0.png") no-repeat;padding:0 20px 20px 40px;}
ul.redchk li{background:url("https://artroflex.hu/img/18.png") no-repeat;padding:0 20px 20px 40px;}