html {
    font-family: 'Montserrat', sans-serif;
    /*font-family: 'Roboto', sans-serif;*/
}

body {

}

@font-face {
    font-family: 'intrudair';
    src: url('//intrudair.com/fonts/intrudair.eot');
    src: url('//intrudair.com/fonts/intrudair.eot?#iefix') format('embedded-opentype'),
    url('//intrudair.com/fonts/intrudair.woff2') format('woff2'),
    url('//intrudair.com/fonts/intrudair.woff') format('woff'),
    url('//intrudair.com/fonts/intrudair.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



.felsobuttons {
    width: 120px;
    background: #c22c33;
    background: #222222;
    height: 50px;
    cursor: pointer;
    color: #fff;
    border: 0;
    font-family: Montserrat;
    padding: 15px 5px;
    line-height: 0px;
    border-radius: 0px;
    outline: none;
}
.felsobuttons:hover {
    background: #333;
}

.grey10bg	{background: rgb(76 76 76 / 10%);}
.grey20bg	{background: rgb(76 76 76 / 20%);}
.grey30bg	{background: rgb(76 76 76 / 30%);}
.grey40bg	{background: rgb(76 76 76 / 40%);}
.grey50bg	{background: rgb(76 76 76 / 50%);}
.grey60bg	{background: rgb(76 76 76 / 60%);}
.grey70bg	{background: rgb(76 76 76 / 70%);}
.grey80bg	{background: rgb(76 76 76 / 80%);}
.grey90bg	{background: rgb(76 76 76 / 90%);}

.white10bg	{background: rgb(255 255 255 / 10%);}
.white20bg	{background: rgb(255 255 255 / 20%);}
.white30bg	{background: rgb(255 255 255 / 30%);}
.white40bg	{background: rgb(255 255 255 / 40%);}
.white50bg	{background: rgb(255 255 255 / 50%);}
.white60bg	{background: rgb(255 255 255 / 60%);}
.white70bg	{background: rgb(255 255 255 / 70%);}
.white80bg	{background: rgb(255 255 255 / 80%);}
.white90bg	{background: rgb(255 255 255 / 90%);}

.prevbutton
{
    text-align: center;
    background: #000000;
    border: 2px solid #000000;
    color: #fff;
    width: 45%;
    max-width: 250px;
    height: 50px;
    cursor: pointer;
    font-size: +2em;
    padding: 15px 5px;
    line-height: 0px;
    margin: 0;
    border-radius: 0px;
    outline: none;
    box-shadow: 0px 0px 0px #000;
}
.prevbutton:hover
{
    background: #7a2327;
    color: #fff;
    border: 2px solid #7a2327;
}
.nextbutton
{
    text-align: center;
    background: #000000;
    border: 2px solid #000000;
    color: #fff;
    width: 45%;
    max-width: 250px;
    font-size: +2em;
    height: 50px;
    cursor: pointer;
    padding: 15px 5px;
    line-height: 0px;
    margin: 5px;
    border-radius: 0px;
    outline: none;
    box-shadow: 0px 0px 0px #000;
}
.nextbutton:hover
{
    background: #7a2327;
    color: #fff;
    border: 2px solid #7a2327;
}


.automata_gallery_item {
    font-family: Montserrat;
}

.fancybox__counter {
    font-family: Montserrat!important;
}
.fancybox__caption {
    font-family: Montserrat!important;
}

.percfixbutt {
    width: 47%!important;
}
#change_section {
    background: #666666;
}
#jobbtextprice {
    margin: 0;
    color: #fff;
    /*float:right;*/
    /*text-align: right;*/
    font-size: +1em;
}
#configurator
{
    /*  background-position: bottom;									*/
    /*	background: url(https://intrudair.com/m/img/bg/3.jpg) fixed;	*/
    /*	background: url(https://intrudair.com/m/img/bg/9.jpg) fixed;	*/
    /*	background: rgb(0 0 0 / 70%);									*/
    /*	background: url(https://intrudair.com/m/img/bg/13.jpg);			*/

    /*background: rgb(94 94 94 / 70%);	 */
    background: rgb(255 255 255 / 20%);
    /*		background-size: cover;*/
    /*		background-repeat: no-repeat;*/
    /*		background-position: top;*/

    /* background: url(https://intrudair.com/images/bg-pattern.png), #555555;*/
    /*background: url(https://intrudair.com/images/bg-pattern.png), -webkit-gradient(linear, right top, left top, from(#7b4397), to(#dc2430));*/
    /*background: url(https://intrudair.com/images/bg-pattern.png), -webkit-gradient(linear, right top, left top, from(#000000), to(#555555));*/
    /*background: url(https://intrudair.com/images/bg-pattern.png), linear-gradient(to left, #7b4397, #dc2430);*/
    /*background: url(https://intrudair.com/images/bg-pattern.png), linear-gradient(to left, #c22c33, #4c4c4c);*/
    /* background: url(https://intrudair.com/images/bg-pattern.png), linear-gradient(to left, #000000, #555555);*/
    /* background: url(https://intrudair.com/images/bg-pattern.png), #232526;*/
    /* opacity: 1;*/
}

.toggle.time-line > dd
{
    display: block!important;
}
.bgwallimg:hover {
    filter: brightness(300%);
}
.bgwallimg {

    width: 12%;
    margin-right: 11px;
    height: 40px;
    border: 1px solid #000;
    cursor: pointer;
    margin-bottom: 10px;
}

.changebgtext {

    text-shadow: 1px 1px 0px black;
}
.mobilehide {

    margin: 0;
    color: #fff;
    font-family: Montserrat;
    padding: 0;
    font-size: +1.2em;
    margin-bottom: 10px;
}
input[type="color"] {
    -webkit-appearance: none!important;

    width: 100%;
    outline: none;
    height: 40px;
    border: 1px solid #000!important;
    border-radius: 0px;
    background: transparent!important;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}
input[type="color"]::-webkit-color-swatch {
    border: none;
}
#gomboc {
    /*display: none;*/
    z-index: 99999;
}
.shower > #gomboc {
    display:block!important;
}

#backbut2 {
    /*z-index: 9;
    position: fixed;
    left: 0;
    top: 40%;
    width: 50px;

    z-index: 9;
    position: fixed;
    left: -60px;
    top: 40%;
    padding-left: 60px;
    border-radius: 50%;
    width: 90px;
    height: 90px;

    font-size: +2em;
    padding-bottom: 23px;
    padding-bottom: 15px;
    padding-left: 35px;
    box-shadow:0px 0px 30px rgb(255 255 255 / 25%);*/
}
#nextbut2 {
    /*z-index: 9;
    position: fixed;
    right: 0;
    top: 40%;
    width: 50px;

    z-index: 9;
    position: fixed;
    right: -60px;
    top: 40%;
    padding-right: 60px;
    border-radius: 50%;
    width: 90px;
    height: 90px;

    font-size: +2em;
    padding-bottom: 23px;
    padding-bottom: 15px;
    padding-right: 35px;
    box-shadow:0px 0px 30px rgb(255 255 255 / 25%);*/
}
.nav-boxed-color .menuzord-menu > li.active > a, .nav-boxed-color .menuzord-menu > li:hover > a, .accordion.time-line > dt > a:hover:after, .accordion.time-line > dt > a.active:after, .accordion.time-line > dt > a.active:hover:after, .toggle.time-line > dt > a:hover:after, .toggle.time-line > dt > a.active:after, .toggle.time-line > dt > a.active:hover:after, .btn-dark-solid:hover, .btn-dark-solid:focus, .btn-theme-color, .btn-theme-border-color:hover, .btn-light-solid:hover, .feature-border-box:hover .icon, .price-col.feature .p-btn:hover, .side-social-link a:hover, .widget-social-link a:hover, .widget-tags a:hover, .sale-label, .stock .status, #tb-scroll-to-top:hover {
    background: #000000;
}
#OptionsIDSelector .namecolors {

    padding-left: 25px;
}

#szinek button {
    display: none;
}

.option_gombok {
    text-align: center;
    width: 30%!important;
    /* white-space: pre-line;			*/
    /* line-height: auto!important;		*/
    /* height: auto!important;			*/
    /* min-height: 40px;					*/
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}
#jobboldal {
    min-height: 750px;
    padding: 0px;
}

#canvas{ display:none;	}
.btn-light-solid.btn-transparent {

    color: #fff;
    width: 80px;
    font-size: 9px;
}

.login .form-control {
    box-shadow: none;
    border: 0px solid #e5e5e5;
    border-radius: 0px;
    font-size: 13px;

    background: #666;
    height: 40px;
    color: white;
    font-family:Montserrat;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
}

.login .form-control:hover {
    box-shadow: none;
    border: 0px solid #e5e5e5;
    border-radius: 0px;
    font-size: 13px;
    background-color: #c22c33;
    color: white;
    height: 40px;
    font-family:Montserrat;
}

.login .form-control:focus {
    box-shadow: none;
    border: 0px solid #e5e5e5;
    border-radius: 0px;
    font-size: 13px;
    background-color: #c22c33;
    color: white;
    height: 40px;
    font-family:Montserrat;
}

.login .form-control:active {
    box-shadow: none;
    border: 0px solid #e5e5e5;
    border-radius: 0px;
    font-size: 13px;
    background-color: #c22c33;
    color: white;
    height: 40px;
    font-family:Montserrat;
}

.contact-comments .form-control {
    background-color: #333;
    border-radius: 0px;
    height: 33px;
    height: 33px;
    font-family:Montserrat;
    font-size: 13px;
    border:0px;
}


.btn.active, .btn:active {
    background-color:#c22c33;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

::-webkit-input-placeholder { /* Edge */
    color: white;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
}

::placeholder {
    color: white;
}
#textbox {
    color: #333 !important;
    text-align: justify;
}
.awdcw {

    font-size: +3em;
    background: #000;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.magazine-grid .form-group .butt {
    margin-top: 0;
    width: 100%;
}
.form-group > .namecolors {

    white-space: nowrap;
    margin-left: 5px;
    overflow: hidden;
    font-size: 1.1em;
    text-overflow: ellipsis;
}

#hue-rotate_output{
    color: #fff!important;
}
input[type=range] {
    height: 31px;
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
    background: transparent;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 7px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #C22C22;
    border-radius: 0px;
    border: 0px solid #C22C33;
}
input[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 3px #C22C33;
    border: 1px solid #c22c33;
    height: 24px;
    width: 50px;
    border-radius: 50px;
    background: #FFFFFF;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -9px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #C22C22;
}
input[type=range]::-moz-range-track {
    width: 100%;
    height: 7px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 0px 0px 0px #000000;
    background: #C22C22;
    border-radius: 0px;
    border: 0px solid #C22C33;
}
input[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 3px #C22C33;
    border: 1px solid #c22c33;
    height: 24px;
    width: 50px;
    border-radius: 50px;
    background: #FFFFFF;
    cursor: pointer;
}
input[type=range]::-ms-track {
    width: 100%;
    height: 7px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #C22C22;
    border: 0px solid #C22C33;
    border-radius: 0px;
    box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
    background: #C22C22;
    border: 0px solid #C22C33;
    border-radius: 0px;
    box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
    margin-top: 1px;
    box-shadow: 0px 0px 3px #C22C33;
    border: 1px solid #c22c33;
    height: 24px;
    width: 50px;
    border-radius: 50px;
    background: #FFFFFF;
    cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
    background: #C22C22;
}
input[type=range]:focus::-ms-fill-upper {
    background: #C22C22;
}

#controls  {
    display:none;
}
#texttitle{
    /*background: #4c4c4c;*/
}.szinezovalaszto {
     color: #fff;
     text-transform: uppercase;
     background: #c22c33;
     width: 80%;
     cursor: pointer;
     border-radius: 0px;
     padding: 10px;
     font-size: 1.8em;
     text-align: center;
 }
.namecolors {
    color: #fff;
    background: transparent;
    margin: 0;
    font-family: Montserrat;
    text-transform: uppercase;
    font-size: +1.8em;
    margin-top: 0px;
    width: 100%;
    padding: 7px;
    padding: 5px 0px;
    margin-left: 5px;
}
#color_selected_color_id_base{

    font-family: Montserrat;
    float: right;
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 20px;
    margin-right: 15px;
}
#textbox {
    color: #333 !important;
    font-family: Montserrat;
}
.cica {

    /*  width: 130px; */
    font-family: Montserrat;
    color: #fff!important;
    letter-spacing: 1px;
    text-align: center;
    padding: 0px 20px;
    float: right;
    padding: 10px 20px;
    margin-top: -10px;
}
#szinek {
    /*   max-width: 920px;*/
}

.ica {
    border-radius: 0px;
    margin-left: 3px;
    margin-right: 8px;
    letter-spacing: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    font-size: 12px;
    color: transparent!important;
    text-shadow: none!important;
    outline: none;
    border: 2px solid #b5b5b5 !important;
    border-radius: 1px;
}
.feny {
    -webkit-filter: opacity(0.6);
    filter: opacity(0.6);
    -webkit-filter: opacity(0.5);
    filter: opacity(0.5);
}


.buttszinek {
    width: 75px;
    width: 30px;
    height: 30px;
    width: 40px;
    height: 40px;
    font-size: 12px;
    margin: 2px;
    text-transform: uppercase;
    text-transform: capitalize;
    outline: none;
    cursor: pointer;
    border: 1px outset #222 !important;
    box-shadow: 0px 0px 0px 0px #222, inset 0px 0px 4px -3px #000000, inset 0px 0px 7px 0px rgb(70 70 70 / 20%) !important;
    border-radius: 0px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='60'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch' result='noise'/><feColorMatrix in='noise' type='matrix' values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.18 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
    background-size: 50px 50px;
    background-blend-mode: overlay;
}

.fontos {
    background: #000;
    background: rgb(0 0 0 / 50%);
    background: rgb(0 0 0 / 25%);
    border-radius: 0px;
    padding: 1px 5px;
    display:none;
}

.buttszinek:hover {
    border: 1px inset #000!important;
    /*filter: brightness(1.2);*/
}
.buttszinek:active {
    border: 1px inset #000!important;
    /*filter: brightness(1.2);*/
}
.buttszinek:focus {
    border: 1px inset #000!important;
    /*filter: brightness(1.2);*/
}
.buttszinek[style*="background-image"] {
    background-size: cover !important;
    background-blend-mode: normal;
}
.buttgrey {
    width: 135px;
    background: #222222;
    height: 20px;
    cursor: pointer;
    color: #fff;
    border: 0;
    font-family: Montserrat;
    padding: 15px 5px;
    line-height: 0px;
    margin: 5px;
    border-radius: 0px;
    outline: none;
}
.buttgrey:hover {
    background: #c22c33;
}
.buttred {
    width: 135px;
    background: #c22c33;
    height: 20px;
    cursor: pointer;
    color: #fff;
    font-family: Montserrat;
    border: 0;
    padding: 15px 5px;
    line-height: 0px;
    margin: 5px;
    border-radius: 0px;
    outline: none;
}
.buttw {
    border-radius: 0px;
    width: 135px;
    background: #fff;
    height: 20px;
    height: 32px;
    cursor: pointer;
    color: #000;
    font-family: Montserrat;
    border: 0;
    padding: 15px 5px;
    text-align: left;
    line-height: 0px;
    margin: 5px;
    outline: none;
}
.buttw:hover {
    background: #000;
    color: #fff;
}
.buttw:active {
    background: #000;
    color: #fff;
}
.buttw:focus {
    background: #000;
    color: #fff;
}
.hibasadatok {
    background: #c22c33!important;
}
.size_input_error_message {
    color: #fff!important;
    background: #c22c33!important;
}


.butt {
    border-radius: 0px;
    width: 135px;
    background: #333;
    background: #666;
    background: #a1a1a1;
    height: 20px;
    font-family: Montserrat;
    height: 32px;
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    padding: 15px 5px;
    text-align: left;
    line-height: 0px;
    margin: 5px;
    outline: none;
    white-space: nowrap;
    box-shadow: 3px 3px 4px #000;
    text-overflow: ellipsis;
    overflow: hidden;
}
.butt:hover {
    background: #999999;
}
.butt:active {
    background: #999999;
}
.butt:focus {
    background: #999999;
}

#mesure_base_div .butt .size_input {
}

#szinezo img {
    /*	-webkit-filter: drop-shadow(1px 1px 0 yellow) drop-shadow(-1px -1px 0 yellow);	*/
    /*	filter: drop-shadow(1px 1px 0 yellow) drop-shadow(-1px -1px 0 yellow);			*/
    max-width: 100%;
    opacity: 1;
}

#embr_tech	{
    display:none;
}

.selector {
    height: 30px;
    height: 40px;
    cursor: pointer;
    color: #fff;
    background: #c22c33;
    background-color: #717171;
    border: 0;
    padding: 0px 10px;
    line-height: 0px;
    margin: 5px;
    border-radius: 0px;
    border-radius: 0px;
    outline: none;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.selector:hover {
    background-color: #333;
}

form .buttred {

    background: #4c4c4c;
    height: 40px;
    border-radius: 0px;
}
form .buttred:hover {

    background-color: #333;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #c22c33;
    background-color: #fff;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    border-radius: 10px;
    background-color: #222;
}
::selection {
    background: #1877f2;
    color: #fcfbfa;
    text-shadow: 1px 1px 2px #222222;
}


.colpicki {
    width: 18.9%;
    height: 40px;
    position: absolute;
    margin-left: 2px;
    outline: none;
    background-color: #4c4c4c;
    color: white;
    width: 18.8%!important;
    border-radius: 0px;
    margin-left: 2px!important;
    border: 0px solid #fff;
}

.lebol {
    font-family: Montserrat;
    display: inline-block;
    max-width: 100%;
    position: absolute;
    margin-bottom: 5px;
    font-weight: 700;
    margin-top: -25px;
    margin-left: 1px;
}

.filteredimage.blue {
    filter: sepia(1) hue-rotate(170deg) brightness(45%) saturate(1000%);
}

.filteredimage.red {
    filter: sepia(1) hue-rotate(313deg) brightness(45%) saturate(1000%);
}

.filteredimage:hover {
    filter: sepia(1) hue-rotate(313deg) brightness(25%) saturate(1000%);
}

body {
    /*background-image: url(/m/img/bg/1.jpg);*/
    background-repeat: no-repeat;
    background-color: black;
    background-image: none;
    background-repeat: no-repeat;
    background-color: unset;
    width: 100%;
    background-attachment: fixed;
}

.wrapper {
    background-repeat: repeat;
    background-color: unset;
    width: 100%;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    background-position: top;
    background: #f1f1f1;
}

#sesveges {
    margin-top: 0px!important;
    margin-bottom: 20px;
}
.primary-footer .container .row {
    padding-top: 20px!important;
}
.kiemeltszoveg {
    background: rgb(64 169 21 / 30%);
    background: rgb(208 213 206 / 30%);
    color: #fff;
    font-family: Montserrat;
    padding: 12px;
}
.aboutbg {
    background-color: #ddd;
    color: #fff;
    padding-bottom: 20px!important;
}
#szinezo {
    zoom: .5;
    zoom: .65;
    margin-top: 20px;
    position: sticky;
    top: 5%;
}
#container{
    width: 100%;
}

dl.toggle.time-line {
    background-color: rgb(140 140 140 / 60%);
    background-color: rgb(140 140 140 / 80%);
    background-color: rgb(255 255 255 / 15%);
    background-color: rgb(62 62 62 / 47%);
    background-color: rgb(0 0 0 / 50%);
    background-color: rgb(0 0 0 / 70%);
    background-color: #ededed !important;
    min-height: 700px;
    background-color: #fafafa !important;
    box-shadow: -1px 3px 19px #8b8989;
    min-height: auto;
}
#extra_image {
    cursor: pointer;
}
.bkiemeles {
    cursor: pointer;
    background: rgb(119 191 78 / 35%);
    padding: 1px 10px;
    border-radius: 20px;
}
.bkiemeles:hover {
    background: rgb(0 0 0 / 50%);
}

.toggle > dt {
    background: rgb(0 0 0)!important;
}
.toggle > dt:hover {
    background: #4c4c4c;
}
.toggle.time-line > dt > a:hover, .toggle.time-line > dt > a.active {
    /* 	background: #4c4c4c!important;	*/
    /*	background: #222!important;		*/
    /*	background: #666!important;		*/
}
.toggle.time-line > dt > a {
    padding-left: 50px;
    font-family: Montserrat;
    padding: 14px 4px 14px 50px;
    font-size: +1.2em;
}

.toggle.time-line > dt > a:after {

    margin-left: 10px;
    border-radius: 30px;
}
.toggle.time-line > dt > a {

    padding: 14px 4px 14px 40px;
}

.warningicon:after {
    content: "\e739";
    font-family: 'icomoon';
}
.infoicon:after {
    content: "\e634";
    font-family: 'icomoon';
}
.questionicon:after {
    content: "\e775";
    font-family: 'icomoon';
}

#dt_predesigned:after {
    content: "\e849";
    content: "\e848";
    content: "\e901";
    content: "\e882";
}

#dt_egy:after {
    content: "\e849";
    content: "\e901";
    content: "\e882";
    content: "\e848";
    background: black;
    color: #fff;
    font-size: 17px;
}

#dt_ketto:after {
    content: "\e888";
}

#dt_harom:after {
    content: "\e619";
    content: "\e742";
    content: "\e907";
}
#dt_negy:after {
    content: "\e927";
    content: "\e988";
    content: "\e765";
}
#dt_ot:after {
    content: "\e987";
}
#dt_hat:after {
    content: "\e958";
}
#dt_het:after {
    content: "\e975";
}
#tab_a_egy:after {
    content: "\e882";
    font-family: 'icomoon';
}
#tab_a_ketto:after {
    content: "\e765";
    content: "\e927";
    font-family: 'icomoon';
}
#tab_a_harom:after {
    content: "\e742";
    font-family: 'icomoon';
}
#tab_a_negy:after {
    content: "\e958";
    font-family: 'icomoon';
}
#tab_a_ot:after {
    content: "\e975";
    font-family: 'icomoon';
}

.toggle.time-line > dd {
    padding: 0;
    padding-left: 10px;
    display: block!important;
}
#baloldal {
    min-height: 440px;
    padding: 10px;
}

.meret_felirat {
    font-size: 0.8em;
    margin: 0;
    text-align: left;
    color: #fff;
    padding: 0;
    margin-top: 5px;
    margin-left: 8px;
    margin-left: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.magazine-grid .form-group .butt {
    border-radius: 0px;
    text-align:center;
    width: 100%;
}
.butt {
    color: #fff!important;
}
.butt .size_input {
    background: #444!important;
}
@media screen and (max-width: 1366px) {
    .vertical-tab .nav-tabs li {
        width: 100%;
        display: inline-block;
    }
    .colpicki {
        position: unset;
    }
    .lebol {
        display: contents;
    }
    #baloldal {
        min-height: 440px;
    }
    .buttszinek {
        width: 30px;
        height: 30px;
    }
    .fontos {
        display: none;
    }

    .butt {
        width: 100px;
    }
    .toggle.time-line > dd {
        padding: 0;
        padding-left: 10px;
    }

    #szinezo {
        zoom: .5;
        margin-top: 20px;
        position: sticky;
        top: 5%;
    }

    body {
        background-image: unset;
        background-repeat: no-repeat;
        background-color: #a0a0a0;
        width: 100%;
        background-attachment: fixed;
    }

}
@media screen and (max-width: 1024px) {
    .vertical-tab .nav-tabs li {
        width: 100%;
        display: inline-block;
    }
    .szelekt {
        zoom: 0.7;
    }
    .colpicki {
        position: unset;
    }
    .lebol {
        display: contents;
    }
    .glowingbuttonssec {
        font-size: 16px!important;
    }
    .glowingbuttons {
        font-size: 16px!important;
    }
    #baloldal {
        min-height: 440px;
    }

    .buttszinek {
        width: 30px;
        height: 30px;
    }
    .fontos {
        display: none;
    }

    .szinezovalaszto {
        font-size: +1.3em;
        width: 100%;
    }
    .butt {
        width: 100px;
    }
    .toggle.time-line > dd {
        padding: 0;
        padding-left: 10px;
    }

    #szinezo {
        zoom: .35;
        margin-top: 20px;
        position: sticky;
        top: 5%;
    }

    body {
        background-image: unset;
        background-repeat: no-repeat;
        background-color: #a0a0a0;
        width: 100%;
        background-attachment: fixed;
    }

}

@media screen and (max-width: 768px) {
    .prevbutton {
        max-width: 150px;
    }
    .mobilehide {display:none;}
    .shower > #gomboc {
        zoom: 0.8;
    }

    .colpicki {
        position: unset;
    }
    .lebol {
        display: contents;
    }
    .szelekt {
        zoom: 0.7;
    }
    .glowingbuttonssec {
        font-size: 16px!important;
    }
    .glowingbuttons {
        font-size: 16px!important;
    }
    .bgwallimg {
        width: 10%;
    }
    .nextbutton {
        max-width: 150px;
    }
    .vertical-tab .nav-tabs li {
        width: 100%;
        display: inline-block;
    }
    .vertical-tab .nav-tabs {
        text-align: center;
    }
    #baloldal {
        min-height: 450px;
    }

    .buttszinek {
        width: 30px;
        height: 30px;
    }
    .fontos {
        display: none;
    }

    .szinezovalaszto {
        font-size: +1.3em;
        width: 100%;
    }
    .butt {
        width: 100px;
    }
    .toggle.time-line > dd {
        padding: 0;
    }

    #szinezo {
        zoom: .55;
        margin-top: 20px;
        position: unset;
        top: unset;
    }

    body {
        background-image: unset;
        background-repeat: no-repeat;
        background-color: #a0a0a0;
        width: 100%;
        background-attachment: fixed;
    }

}
@media screen and (max-width: 767px) {
    .vertical-tab .nav-tabs li {
        width: 100%;
        display: inline-block;
    }
    .szelekt {
        zoom: 0.7;
    }
    .colpicki {
        position: unset;
    }
    .lebol {
        display: contents;
    }
    .glowingbuttonssec {
        font-size: 16px!important;
    }
    .glowingbuttons {
        font-size: 16px!important;
    }
    .mobilehide {display:none;}
    .shower > #gomboc {
        zoom: 0.8;
    }
    .vertical-tab .nav-tabs {
        text-align: center;
    }
    #baloldal {
        min-height: 400px;
    }

    .buttszinek {
        width: 30px;
        height: 30px;
    }
    .fontos {
        display: none;
    }

    .butt {
        width: 100px;
    }
    .toggle.time-line > dd {
        padding: 0;
    }

    #szinezo {
        zoom: .29;
        margin-top: 20px;
        position: unset;
        top: unset;
    }

    .szinezovalaszto {
        font-size: +1.3em;
        width: 100%;
    }
    body {
        background-image: unset;
        background-repeat: no-repeat;
        background-color: #a0a0a0;
        width: 100%;
        background-attachment: fixed;
    }

}
@media screen and (max-width: 540px) {
    .vertical-tab .nav-tabs li {
        width: 100%;
        display: inline-block;
    }
    .colpicki {
        position: unset;
    }
    .lebol {
        display: contents;
    }
    .szelekt {
        zoom: 0.7;
    }
    .glowingbuttonssec {
        font-size: 16px!important;
    }
    .glowingbuttons {
        font-size: 16px!important;
    }
    .mobilehide {display:none;}
    .vertical-tab .nav-tabs {
        text-align: center;
    }
    .shower > #gomboc {
        zoom: 0.8;
    }
    #color_selected_color_id_base {display:none}
    #fields_id_base {display:none}
    #baloldal {
        min-height: 280px;
    }

    .buttszinek {
        width: 30px;
        height: 30px;
    }
    .fontos {
        display: none;
    }

    .butt {
        width: 90px;
        width: 120px;
    }
    .toggle.time-line > dd {
        padding: 0;
    }

    .szinezovalaszto {
        font-size: +1.3em;
        width: 100%;
    }
    #szinezo {
        zoom: .38;
        margin-top: 20px;
        position: unset;
        top: unset;
    }

    body {
        background-image: unset;
        background-repeat: no-repeat;
        background-color: #a0a0a0;
        width: 100%;
        background-attachment: fixed;
    }

    #name_embr_div input{
        width: 100%!important;
        margin-bottom: 10px;
    }
    #name_embr_div select{
        width: 100%!important;
        margin-bottom: 10px;
    }

    #name_embr_div button{
        width: 100%!important;
        margin-bottom: 10px;
    }
    .g-recaptcha {
        left: 5%!important;
    }
}
@media screen and (max-width: 414px) {
    #color_selected_color_id_base {display:none}
    #fields_id_base {display:none}
    .vertical-tab .nav-tabs li {
        width: 20%;
        display: inline-block;
    }
    .colpicki {
        position: unset;
    }
    .lebol {
        display: contents;
    }
    .szelekt {
        zoom: 0.7;
    }
    .glowingbuttonssec {
        font-size: 16px!important;
    }
    .glowingbuttons {
        font-size: 16px!important;
    }
    .mobilehide {display:none;}
    .shower > #gomboc {
        zoom: 0.8;
    }
    .szinezovalaszto {
        font-size: +1.3em;
        width: 100%;
    }
    .magazine-grid .form-group .butt {
        width: 98.5%;
    }
    .vertical-tab .nav-tabs {
        text-align: center;
    }
    #baloldal {
        min-height: 250px;
    }

    .buttszinek {
        width: 30px;
        height: 30px;
    }
    .fontos {
        display: none;
    }

    .butt {
        width: 100px;
    }
    .toggle.time-line > dd {
        padding: 0;
    }

    #szinezo {
        zoom: .27;
        margin-top: 145px;
        top: unset;
    }

    body {
        background-image: unset;
        background-repeat: no-repeat;
        background-color: #a0a0a0;
        width: 100%;
        background-attachment: fixed;
    }

    #name_embr_div input{
        width: 100%!important;
        margin-bottom: 10px;
    }
    #name_embr_div select{
        width: 100%!important;
        margin-bottom: 10px;
    }

    #name_embr_div button{
        width: 100%!important;
        margin-bottom: 10px;
    }
    .g-recaptcha {
        left: 5%!important;
    }

}
@media screen and (max-width: 375px) {
    #color_selected_color_id_base {display:none}
    #fields_id_base {display:none}
    .vertical-tab .nav-tabs li {
        width: 20%;
        display: inline-block;
    }
    .colpicki {
        position: unset;
    }
    .lebol {
        display: contents;
    }
    .szelekt {
        zoom: 0.7;
    }
    .glowingbuttonssec {
        font-size: 16px!important;
    }
    .glowingbuttons {
        font-size: 16px!important;
    }
    .mobilehide {display:none;}
    .shower > #gomboc {
        zoom: 0.8;
    }
    .magazine-grid .form-group .butt {
        width: 98.5%;
    }
    .vertical-tab .nav-tabs {
        text-align: center;
    }
    #baloldal {
        min-height: 240px;
    }

    .buttszinek {
        width: 30px;
        height: 30px;
    }
    .fontos {
        display: none;
    }

    .butt {
        width: 100px;
    }
    .toggle.time-line > dd {
        padding: 0;
    }

    .szinezovalaszto {
        font-size: +1.3em;
        width: 100%;
    }
    #szinezo {
        zoom: .25;
        margin-top: 20px;
        position: unset;
        top: unset;
    }

    .szinezovalaszto {
        font-size: +1.3em;
        width: 100%;
    }
    body {
        background-image: unset;
        background-repeat: no-repeat;
        background-color: #a0a0a0;
        width: 100%;
        background-attachment: fixed;
    }

}
@media screen and (max-width: 360px) {
    #color_selected_color_id_base {display:none}
    #fields_id_base {display:none}
    .vertical-tab .nav-tabs li {
        width: 20%;
        display: inline-block;
    }
    .colpicki {
        position: unset;
    }
    .lebol {
        display: contents;
    }
    .szelekt {
        zoom: 0.7;
    }
    .glowingbuttonssec {
        font-size: 16px!important;
    }
    .glowingbuttons {
        font-size: 16px!important;
    }
    .mobilehide {display:none;}
    .shower > #gomboc {
        zoom: 0.8;
    }
    .magazine-grid .form-group .butt {
        width: 98.5%;
    }
    .vertical-tab .nav-tabs {
        text-align: center;
    }
    #baloldal {
        min-height: 160px;
    }

    .buttszinek {
        width: 30px;
        height: 30px;
    }
    .fontos {
        display: none;
    }

    .butt {
        width: 100px;
    }
    .toggle.time-line > dd {
        padding: 0;
    }

    #szinezo {
        zoom: .24;
        margin-top: 20px;
        position: unset;
        top: unset;
    }

    body {
        background-image: unset;
        background-repeat: no-repeat;
        background-color: #a0a0a0;
        width: 100%;
        background-attachment: fixed;
    }

}
@media screen and (max-width: 320px) {
    #color_selected_color_id_base {display:none}
    #fields_id_base {display:none}
    .vertical-tab .nav-tabs li {
        width: 20%;
        display: inline-block;
    }
    .colpicki {
        position: unset;
    }
    .lebol {
        display: contents;
    }
    .szelekt {
        zoom: 0.7;
    }
    .glowingbuttonssec {
        font-size: 16px!important;
    }
    .glowingbuttons {
        font-size: 16px!important;
    }
    .mobilehide {display:none;}
    .shower > #gomboc {
        zoom: 0.8;
    }
    .szinezovalaszto {
        font-size: +1.3em;
        width: 100%;
    }
    .magazine-grid .form-group .butt {
        width: 98.5%;
    }
    .vertical-tab .nav-tabs {
        text-align: center;
    }
    #baloldal {
        min-height: 200px;
    }

    .buttszinek {
        width: 30px;
        height: 30px;
    }
    .fontos {
        display: none;
    }

    .butt {
        width: 70px;
        width: 90px;
    }
    .toggle.time-line > dd {
        padding: 0;
    }

    #szinezo {
        zoom: .21;
        margin-top: 20px;
        position: unset;
        top: unset;
    }

    body {
        background-image: unset;
        background-repeat: no-repeat;
        background-color: #a0a0a0;
        width: 100%;
        background-attachment: fixed;
    }

}
@media screen and (max-width: 280px) {
    #color_selected_color_id_base {display:none}
    #fields_id_base {display:none}
    .vertical-tab .nav-tabs li {
        width: 20%;
        display: inline-block;
    }
    .colpicki {
        position: unset;
    }
    .lebol {
        display: contents;
    }
    .szelekt {
        zoom: 0.7;
    }
    .glowingbuttonssec {
        font-size: 16px!important;
    }
    .glowingbuttons {
        font-size: 16px!important;
    }
    .mobilehide {display:none;}
    .magazine-grid .form-group .butt {
        width: 98.5%;
    }
    .vertical-tab .nav-tabs {
        text-align: center;
    }
    #baloldal {
        min-height: 130px;
    }

    .buttszinek {
        width: 30px;
        height: 30px;
    }
    .fontos {
        display: none;
    }

    .butt {
        width: 90px;
    }
    .toggle.time-line > dd {
        padding: 0;
    }

    #szinezo {
        zoom: .18;
        margin-top: 20px;
        position: unset;
        top: unset;
    }
    .szinezovalaszto {
        font-size: +1.3em;
        width: 100%;
    }
    body {
        background-image: unset;
        background-repeat: no-repeat;
        background-color: #a0a0a0;
        width: 100%;
        background-attachment: fixed;
    }
    .shower > #gomboc {
        zoom: 0.8;
    }

}

body {
    background-image: unset;
    background-repeat: no-repeat;
    background-color: #a0a0a0;
    width: 100%;
    background-attachment: fixed;
}


#select_option_barracuda2,
#select_option_beige,
#select_option_es,
#select_option_military,
#select_option_freefly_est,
#select_option_ws,
#select_option_dbcsline,
#select_option_printed_patterns,
#select_option_freefly_cfshort,
#select_option_freeflywinter,
#select_option_tunnel_tandem_passenger,
#select_option_stock_ff_pants

{
    display:none;
}


#_codes_,
#_codes,
#eredeti,
#saturalva,
#saturated,
#hatter,
#origi,
#eredeti_egybe,
#whitekreator,
#editing,
#original,
#normal,
#sat,
#short,
#shortarm,
#es_presets,
#__entry,
#_suit_type,
#newprinted_5,
#printed__1,
#printed__2,
#printed__3,
#printed__4,
#printed__5,
#printed__6,
#printed__7,
#printed__8
#printed__9,
#printed__10,
#printed__11,
#printed__12,
#printed__13,
#printed__14,
#printed__15,
#printed__16,
#printed__17,
#printed__18,
#printed__19,
#printed__20,
#printed__21,
#printed__22,
#printed__23,
#printed__24,
#printed__25,
#printed__26,
#printed__27,
#printed__28,
#printed__29,
#printed__30,
#printed__31,
#printed__32,
#printed__33,
#printed__34,
#printed__35,
#printed__36,
#printed__37,
#printed__38,
#printed__39,
#printed__40,
#freeflycplus,
#regiblack,
#options,
#magyarazat,
#lightgreykezi,
#greykezi,
#edited,
#backup

{
    display:none;
}

#meretek {
    padding-bottom: 20px;
    text-align: center;
    font-family: 'Montserrat';
}

#ikooons a {
    /* padding: 20px;	*/
}
#ikooons{
    font-family: 'icomoon';
    font-size: +1.3em;
    padding-bottom: 50px;
}
#ikooons col-md-1 {
    margin: 0;
    padding: 0;
}
.tooltip-inner {
    max-width: 200px;
    padding: 8px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    box-shadow: 0px 0px 15px #fff;
    border-radius: 4px;
}
.tab_pane {

    font-family: 'Montserrat';
}
a:hover,
a:focus{
    text-decoration: none;
    outline: none;
}
.demo{ background-color: #F3F1F8; }
.vertical-tab{
    font-family: 'Montserrat';
    display: table;
}
.vertical-tab .nav-tabs{
    display: table-cell;
    /*width: 25%;*/
    /*min-width: 25%;*/
    width: 50px;
    border: none;
    vertical-align: top;
    padding-top: 15px;
    padding-top: 10px;
}
.vertical-tab .nav-tabs li{
    float: none;

    /*-moz-transform: rotate(-90deg);			*/
    /*-ms-transform: rotate(-90deg);		    */
    /*-o-transform: rotate(-90deg);			    */
    /*-webkit-transform: rotate(-90deg);		*/
}
.vertical-tab .nav-tabs li a{
    color: #fff;
    background: #222;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase!important;
    text-align: center;
    padding: 30px 10px;
    margin: 0 10px 10px 0;
    border-radius: 0px;
    border: none;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li.active a,
.vertical-tab .nav-tabs li.active a:hover{
    color: #fff;
    background: #c22c33;
    border: none;
}
.vertical-tab .nav-tabs li a:before{
    content: '';
    background-color: #c22c33;
    /*height: 7%; */
    width: 100%;
    border-radius: 30px;
    border-radius: 0px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    transition: all 0.3s ease-out 0s;
}
.vertical-tab .nav-tabs li a:hover:before,
.vertical-tab .nav-tabs li.active a:before,
.vertical-tab .nav-tabs li.active a:hover:before{
    height: 100%;
}
.vertical-tab .tab-content{
    color: #777;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    width: 100%;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
    border-radius: 5px;
    /*	box-shadow: 0 0 5px rgba(0,0,0,0.1);	*/
    /*display: table-cell;*/
}
.settingsDiv .description, #extradiv .description, .extradiv .description {

    text-align: left;
    margin: 0 10px 5px;
    color: #333;

}

.vertical-tab .tab-content h3{
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 5px;
}
@media only screen and (max-width: 479px){
    .vertical-tab .nav-tabs{
        width: 100%;
        display: block;
    }
    .szelekt {
        zoom: 0.7;
    }
    .glowingbuttonssec {
        font-size: 16px!important;
    }
    .glowingbuttons {
        font-size: 16px!important;
    }
    .vertical-tab .nav-tabs li a{
        padding: 10px 25px 9px;
        margin: 0 0 12px;
    }
    .vertical-tab .tab-content{
        font-size: 14px;
        padding: 3px;
        display: block;
    }
}
.vertical-tab {
    font-family: 'Montserrat';
    display: block;
}

.nav.nav-tabs.printed-tab {
    width: 100%;
    display: flex;
}

.nav.nav-tabs.printed-tab li.nav-tabs {
    width:auto !important;
}

.nav.nav-tabs.printed-tab li a {
    padding: 10px !important;
    min-width: 100px;
    font-size: 15px;
}


@media only screen and (max-width: 991px) {
    .nav.nav-tabs.printed-tab {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    .nav.nav-tabs.printed-tab li {
        width: 50%;
        padding: 1px !important;
    }

    .nav.nav-tabs.printed-tab li.nav-tabs {
        width:50% !important;
    }

    .nav.nav-tabs.printed-tab li a {
        font-size: 14px;
        padding: 7px !important;
        margin: 0 0 5px 0;
    }
}


.printek {
    /* display: block; 	*/
    /* float: right;	*/
}
.nemprintek {
    /* display: block; 	*/
    /* float: left;		*/
}
dd {

    min-height: 50px;
}

.login .form-control {
    box-shadow: 0px 0px 0px #000;
}
.inputy:hover {
    background-color: #444444!important;
}
.inputy:active {
    background-color: #444444!important;
}
.inputy:focus {
    background-color: #444444!important;
}
.inputy {
    margin: 0!important;
    text-align: left!important;
    padding-left: 15px!important;
}

.custom-checkbox-terms .namecolors {
    background: transparent;
    color: #000;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #131313;
    background-color: transparent;
    background: transparent;
    border: 0px solid #000000;
    border-radius: 0px;
    min-width: 40px;
}

.input-group-addon i {
    color: #000;
    font-size: +2em;
    width: 30px;

}

#Personaldata .input-group {
    padding-bottom: 15px;
}


::-webkit-input-placeholder { /* Edge */
    color: #fff!important;
}

:-ms-input-placeholder { /* Internet Explorer */
    color: #fff!important;
}

::placeholder {
    color: #fff!important;
}
.nonreq .inputy {

    /* background: #0000001a!important;				*/
    /* background: hsl(0deg 0% 0% / 10%)!important;	*/
    /* background: rgb(0 0 0 / 10%)!important; 		*/

    background: #8a8a8a!important;
}

.mt10 		{	margin-top: 10px!important;			}
.mt20 		{	margin-top: 20px!important;			}
.mt30 		{	margin-top: 30px!important;			}
.mt40 		{	margin-top: 40px!important;			}
.mt50 		{	margin-top: 50px!important;			}
.mt60 		{	margin-top: 60px!important;			}
.mt70 		{	margin-top: 70px!important;			}
.mt80 		{	margin-top: 80px!important;			}
.mt90 		{	margin-top: 90px!important;			}
.mt100 		{	margin-top: 100px!important;		}

.mb10 		{	margin-bottom: 10px!important;		}
.mb20 		{	margin-bottom: 20px!important;		}
.mb30 		{	margin-bottom: 30px!important;		}
.mb40 		{	margin-bottom: 40px!important;		}
.mb50 		{	margin-bottom: 50px!important;		}
.mb60 		{	margin-bottom: 60px!important;		}
.mb70 		{	margin-bottom: 70px!important;		}
.mb80 		{	margin-bottom: 80px!important;		}
.mb90 		{	margin-bottom: 90px!important;		}
.mb100 		{	margin-bottom: 100px!important;		}

.ml10 		{	margin-left: 10px!important;		}
.ml20 		{	margin-left: 20px!important;		}
.ml30 		{	margin-left: 30px!important;		}
.ml40 		{	margin-left: 40px!important;		}
.ml50 		{	margin-left: 50px!important;		}
.ml60 		{	margin-left: 60px!important;		}
.ml70 		{	margin-left: 70px!important;		}
.ml80 		{	margin-left: 80px!important;		}
.ml90 		{	margin-left: 90px!important;		}
.ml100 		{	margin-left: 100px!important;		}

.mr10 		{	margin-right: 10px!important;		}
.mr20 		{	margin-right: 20px!important;		}
.mr30 		{	margin-right: 30px!important;		}
.mr40 		{	margin-right: 40px!important;		}
.mr50 		{	margin-right: 50px!important;		}
.mr60 		{	margin-right: 60px!important;		}
.mr70 		{	margin-right: 70px!important;		}
.mr80 		{	margin-right: 80px!important;		}
.mr90 		{	margin-right: 90px!important;		}
.mr100 		{	margin-right: 100px!important;		}

.pt10 		{	padding-top: 10px!important;		}
.pt20 		{	padding-top: 20px!important;		}
.pt30 		{	padding-top: 30px!important;		}
.pt40 		{	padding-top: 40px!important;		}
.pt50 		{	padding-top: 50px!important;		}
.pt60 		{	padding-top: 60px!important;		}
.pt70 		{	padding-top: 70px!important;		}
.pt80 		{	padding-top: 80px!important;		}
.pt90 		{	padding-top: 90px!important;		}
.pt100 		{	padding-top: 100px!important;		}

.pb10 		{	padding-bottom: 10px!important;		}
.pb20 		{	padding-bottom: 20px!important;		}
.pb30 		{	padding-bottom: 30px!important;		}
.pb40 		{	padding-bottom: 40px!important;		}
.pb50 		{	padding-bottom: 50px!important;		}
.pb60 		{	padding-bottom: 60px!important;		}
.pb70 		{	padding-bottom: 70px!important;		}
.pb80 		{	padding-bottom: 80px!important;		}
.pb90 		{	padding-bottom: 90px!important;		}
.pb100 		{	padding-bottom: 100px!important;	}

.pl10 		{	padding-left: 10px!important;		}
.pl20 		{	padding-left: 20px!important;		}
.pl30 		{	padding-left: 30px!important;		}
.pl40 		{	padding-left: 40px!important;		}
.pl50 		{	padding-left: 50px!important;		}
.pl60 		{	padding-left: 60px!important;		}
.pl70 		{	padding-left: 70px!important;		}
.pl80 		{	padding-left: 80px!important;		}
.pl90 		{	padding-left: 90px!important;		}
.pl100 		{	padding-left: 100px!important;		}

.pr10 		{	padding-right: 10px!important;		}
.pr20 		{	padding-right: 20px!important;		}
.pr30 		{	padding-right: 30px!important;		}
.pr40 		{	padding-right: 40px!important;		}
.pr50 		{	padding-right: 50px!important;		}
.pr60 		{	padding-right: 60px!important;		}
.pr70 		{	padding-right: 70px!important;		}
.pr80 		{	padding-right: 80px!important;		}
.pr90 		{	padding-right: 90px!important;		}
.pr100 		{	padding-right: 100px!important;		}

.nopadd 	{	padding: 0px!important;				}
.nomarg 	{	margin: 0px!important;				}

.pt0 	{	padding-top: 	0px!important;			}
.pb0 	{	padding-bottom: 0px!important;			}
.mt0 	{	margin-top: 	0px!important;			}
.mb0 	{	margin-bottom: 	0px!important;			}


.rotate45 {transform: rotate(45deg);}
.rotate90 {transform: rotate(90deg);}
.rotate135 {transform: rotate(135deg);}
.rotate180 {transform: rotate(180deg);}
.rotate225 {transform: rotate(225deg);}
.rotate270 {transform: rotate(270deg);}
.rotate315 {transform: rotate(315deg);}
.rotate360 {transform: rotate(360deg);}


.donebutton {
    text-align: center;
    float: right;
    background: #338e15;
}

.notdonebutton {
    text-align: center;
    float: right;
    background: #c22c33;
}

.donetab {
    background: #348e15!important;
}
.donetab:hover {
    background: #348e15!important;
}

.span_price_color	{
    border-radius: 0px;
    padding: 10px 20px;
    margin-right: 5px;
}
.logosclass {
    background: rgb(0 0 0 / 70%);
    background: #999;
}

.presetbase {

    width: 40px;
    height: 40px;
    width: 38px;
    height: 38px;
    font-size: 33px;
    font-size: 24px;
    line-height: 30px;
    padding: 0;
    border-radius: 30px;
    border-radius: 0px;
    border: 0px solid #bbb;
    margin: 0px 10px;
    background-size: cover;
    margin: 2px;
    text-transform: uppercase;
    text-transform: capitalize;
    outline: none;
    cursor: pointer;
    margin-right: 15px;
    margin-right: 3px;
    border: 0px inset #808080!important;
}
.presetbase:hover {
    /*filter: brightness(0.5);    */
    background-size: auto!important;
    /* transform: rotateZ(25deg);*/

}
.carouseltext {
    text-align: center;
    color: #fff;
}
.alcimek {
    color: #fff;
    text-transform: uppercase;
    background: #4c4c4c;
    background: #222222;
    width: 100%;
    padding-left: 20px;
    line-height: 70px;
    height: 70px;
    text-align: center;
}
#img-carousel .item {
    cursor: pointer;
}
.owl-theme .owl-controls .owl-page {
    zoom: 0.5;
}
#img-carousel .item img{
    /*  max-width: 100%;*/
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    border: 5px solid var(--fancybox-accent-color, #ffffff);
}
.fancybox__progress {
    background: #fff;
}

#extragombok {
    padding-left: 10px;
}
#szinek {
    display: none;
}

.description-section .description {

}
#tb-preloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: block;
    background: #000;
}
.tb-preloader-wave {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
}
.tb-preloader-wave:before,
.tb-preloader-wave:after {
    position: absolute;
    display: inline-block;
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    -webkit-animation: preloader-wave 1.6s linear infinite;
    animation: preloader-wave 1.6s linear infinite;
}
.tb-preloader-wave:after {
    animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
}
@keyframes preloader-wave {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
@-webkit-keyframes preloader-wave {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
.toggle.time-line > dt > a {
    padding: 14px 4px 14px 50px;
    font-size: +1.2em;

}

.godesign {
    display: inline-block!important;
}

#ikooons {
    display: none!important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Montserrat;
}

.toggle.time-line > dd
{
    display: block!important;
}
/* 600 - 960 ig erdemes % ot hasznalni */

@media only screen and (min-width: 960px) {
    /* ASZTALI 960 TOL NAGYOBB */
}

@media only screen and (min-width: 1440px) {
    /* ASZTALI 1440 TOL NAGYOBB */
}

@media only screen and (min-width: 2000px) {
    /* MAC */
}

@media only screen and (max-device-width: 480px) {
    /* MOBIL */

    .preloader-inair {
        top: 48%;
        zoom: 2.3;
        left: 21.5%;
    }
    .line-1 {
        font-size: 250%;
    }
    .szelekt {
        zoom: 0.7;
    }
    .glowingbuttonssec {
        font-size: 16px!important;
    }
    .glowingbuttons {
        font-size: 16px!important;
    }
}
@media only screen and (device-width: 768px) {
    /* TABLET */


}


/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    /* For landscape layouts only */
}

form	{
    text-align: unset;
}

.owl-theme .owl-controls .owl-page span {
    width: 20px;
    height: 20px;
}

sup		{
    top: -0.7em;
    font-size: 50%;
}
h1, h2 {
    letter-spacing: 2px;
}

.tab-content>.active {
    /*display: flex;*/
}

#EmbroideriesIDSelector>.active {
    /*  display: block;*/
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;

}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

#ColoringIDSelector .butt {
    background: #c22c33;
}

.red-input {
    accent-color: #c22c33;
    height: 20px; /* not needed */
    width: 20px; /* not needed */
}

#name_embroidery_desc_div > .montserrat {
    text-align: justify;
}

.aktivspan {

    margin-left: 10px;
    background: #c22c33;
    padding: 2px 15px;
    border-radius: 30px;
}

p, li {
    font-family: Montserrat;
}

body {
    font-family: Montserrat;
}
#footer.dark h5 {
    letter-spacing: 1px!important;
    font-size: +1.1em;
}
button[disabled], html input[disabled] {
    cursor: not-allowed;
    opacity: 0.4;
    background: #555!important;
    color: #fff;
}

.recommended-browsers a {
    color: #65f70a;
}

/* ez-mutatja-az-anyagot-az-elements-szekcioban */
.spanmaterial {
    /* position: absolute; */
    /* margin-left: 170px; */
    margin-top: -30px;
    height: 20px;
    line-height: 2;
    background: #222;
    text-align: center;
    width: 10%;
    min-width: 100px;
    font-size: 0.7em;
    border: 2px solid #000;
}

.color_input.selected::before {
    content: "\f00d"!important;
    font-family: 'FontAwesome';
    color: #fff;
}


#configurator {
    opacity: 1;
}


/* Safari 6.1+ */
button.black   		{-webkit-order: 1;}
button.grey   		{-webkit-order: 2;}
button.lightgrey   	{-webkit-order: 3;}
button.white   		{-webkit-order: 4;}
button.beige   		{-webkit-order: 5;}
button.brown   		{-webkit-order: 6;}
button.marineblue  	{-webkit-order: 7;}
button.kingblue   	{-webkit-order: 8;}
button.lightblue   	{-webkit-order: 9;}
button.turquoise   	{-webkit-order: 10;}
button.emerald   	{-webkit-order: 11;}
button.olivegreen   {-webkit-order: 12;}
button.grassgreen   {-webkit-order: 13;}
button.green   		{-webkit-order: 14;}
button.uvlime   	{-webkit-order: 15;}
button.uvgreen   	{-webkit-order: 16;}
button.yellow   	{-webkit-order: 17;}
button.lightyellow  {-webkit-order: 18;}
button.sunyellow   	{-webkit-order: 19;}
button.orange   	{-webkit-order: 20;}
button.uvorange   	{-webkit-order: 21;}
button.red   		{-webkit-order: 22;}
button.winered   	{-webkit-order: 23;}
button.fandangopink {-webkit-order: 24;}
button.purple   	{-webkit-order: 25;}
button.violet   	{-webkit-order: 26;}
button.hotpink   	{-webkit-order: 27;}
button.babypink   	{-webkit-order: 28;}

button.printed1   	{-webkit-order: 29;}
button.printed2   	{-webkit-order: 30;}
button.printed3  	{-webkit-order: 31;}
button.printed4   	{-webkit-order: 32;}
button.printed5   	{-webkit-order: 33;}
button.printed6   	{-webkit-order: 34;}
button.printed7   	{-webkit-order: 35;}
button.printed8   	{-webkit-order: 36;}
button.printed9   	{-webkit-order: 37;}
button.printed10   	{-webkit-order: 38;}
button.printed11   	{-webkit-order: 39;}
button.printed12   	{-webkit-order: 40;}
button.printed13   	{-webkit-order: 41;}
button.printed14   	{-webkit-order: 42;}
button.printed15   	{-webkit-order: 43;}
button.printed16   	{-webkit-order: 44;}
button.printed17   	{-webkit-order: 45;}
button.printed18   	{-webkit-order: 46;}
button.printed19   	{-webkit-order: 47;}
button.printed20   	{-webkit-order: 48;}
button.printed21   	{-webkit-order: 49;}
button.printed22   	{-webkit-order: 50;}
button.printed23   	{-webkit-order: 51;}
button.printed24   	{-webkit-order: 52;}
button.printed25   	{-webkit-order: 53;}
button.printed26   	{-webkit-order: 54;}
button.printed27   	{-webkit-order: 55;}
button.printed28   	{-webkit-order: 56;}
button.printed29   	{-webkit-order: 57;}
button.printed30   	{-webkit-order: 58;}
button.printed31   	{-webkit-order: 59;}
button.printed32   	{-webkit-order: 60;}
button.printed33   	{-webkit-order: 61;}
button.printed34   	{-webkit-order: 62;}
button.printed35   	{-webkit-order: 63;}
button.printed36   	{-webkit-order: 64;}
button.printed37  	{-webkit-order: 65;}
button.printed38   	{-webkit-order: 66;}
button.printed39   	{-webkit-order: 67;}
button.printed40   	{-webkit-order: 68;}

/* Standard syntax */
button.black   		{order: 1;}
button.grey   		{order: 2;}
button.lightgrey   	{order: 3;}
button.white   		{order: 4;}
button.beige   		{order: 5;}
button.brown   		{order: 6;}
button.marineblue  	{order: 7;}
button.kingblue   	{order: 8;}
button.lightblue   	{order: 9;}
button.turquoise   	{order: 10;}
button.emerald   	{order: 11;}
button.olivegreen   {order: 12;}
button.grassgreen   {order: 13;}
button.green   		{order: 14;}
button.uvlime   	{order: 15;}
button.uvgreen   	{order: 16;}
button.yellow   	{order: 17;}
button.lightyellow  {order: 18;}
button.sunyellow   	{order: 19;}
button.orange   	{order: 20;}
button.uvorange   	{order: 21;}
button.red   		{order: 22;}
button.winered   	{order: 23;}
button.fandangopink {order: 24;}
button.purple   	{order: 25;}
button.violet   	{order: 26;}
button.hotpink   	{order: 27;}
button.babypink   	{order: 28;}

button.printed1   	{order: 29;}
button.printed2   	{order: 30;}
button.printed3  	{order: 31;}
button.printed4   	{order: 32;}
button.printed5   	{order: 33;}
button.printed6   	{order: 34;}
button.printed7   	{order: 35;}
button.printed8   	{order: 36;}
button.printed9   	{order: 37;}
button.printed10   	{order: 38;}
button.printed11   	{order: 39;}
button.printed12   	{order: 40;}
button.printed13   	{order: 41;}
button.printed14   	{order: 42;}
button.printed15   	{order: 43;}
button.printed16   	{order: 44;}
button.printed17   	{order: 45;}
button.printed18   	{order: 46;}
button.printed19   	{order: 47;}
button.printed20   	{order: 48;}
button.printed21   	{order: 49;}
button.printed22   	{order: 50;}
button.printed23   	{order: 51;}
button.printed24   	{order: 52;}
button.printed25   	{order: 53;}
button.printed26   	{order: 54;}
button.printed27   	{order: 55;}
button.printed28   	{order: 56;}
button.printed29   	{order: 57;}
button.printed30   	{order: 58;}
button.printed31   	{order: 59;}
button.printed32   	{order: 60;}
button.printed33   	{order: 61;}
button.printed34   	{order: 62;}
button.printed35   	{order: 63;}
button.printed36   	{order: 64;}
button.printed37  	{order: 65;}
button.printed38   	{order: 66;}
button.printed39   	{order: 67;}
button.printed40   	{order: 68;}


#mesure_base_div {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
}

/* input ---
    display: flex;
  -webkit-flex-order: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  */

/* BODY LOOSENESS */

div[title="Neck"] 						{order: 1;	}
div[title="Chest at armpit level"] 		{order: 2;	}
div[title="Chest"] 						{order: 3;	}
div[title="Lower chest"] 				{order: 4;	}
div[title="Waist thinner part"] 		{order: 5;	}
div[title="Waist"] 						{order: 6;	}
div[title="Hips"] 						{order: 7;	}
div[title="Thigh widest part"] 			{order: 8;	}
div[title="Thigh"] 						{order: 9;	}
div[title="Knee"] 						{order: 10;	}
div[title="Calf"] 						{order: 11;	}
div[title="Ankle"] 						{order: 12;	}
div[title="Instep"] 					{order: 13;	}

/* LENGHTS */

div[title="Shoulder"] 					{order: 14;	}
div[title="Biceps relaxed"] 			{order: 15;	}
div[title="Elbow"] 						{order: 16;	}
div[title="Forearm"] 					{order: 17;	}
div[title="Wrist"] 						{order: 18;	}
div[title="Length of shoulder"] 		{order: 19;	}
div[title="Full arm"] 					{order: 20;	}
div[title="Arm"] 						{order: 21;	}
div[title="Crotch to knee"] 			{order: 22;	}
div[title="Inner leg"] 					{order: 23;	}
div[title="Outer Leg"] 					{order: 24;	}
div[title="Upper body front"] 			{order: 25;	}
div[title="Upper body back"] 			{order: 26;	}
div[title="Crotch"] 					{order: 27;	}
div[title="Lower Torso"] 				{order: 28;	}
div[title="Torso"] 						{order: 29;	}

/* OTHER */

div[title="Shoe circumference"] 		{order: 30;	}
div[title="Shoe size"] 					{order: 31;	}
div[title="height"] 					{order: 32;	}
div[title="weight"] 					{order: 33;	}

/* ONLY FOR WINGSUIT, CAMSUIT & TRACKING SUITS: */

div[title="Armpit to wing"] 			{order: 34;	}
div[title="Armpit to top strap"] 		{order: 35;	}
div[title="Speard on the strap"] 		{order: 36;	}
div[title="Half wing span"] 			{order: 37;	}
div[title="Handle span"] 				{order: 38;	}
div[title="Handle depth"] 				{order: 39;	}

.form-group > .namecolors {

    font-size: .9em;
}

#height, #weight {
}
#height:hover, #weight:hover {
    background: #acacac;
}

#name, #country, #zip, #city, #street, #email, #phone  {
    background: #323232!important;
}

#name:hover, #country:hover, #zip:hover, #city:hover, #street:hover, #email:hover, #phone:hover  {
    background: #999999!important;
}

.settingsDiv hr {
    display:none;
}

.custom-checkbox .row, custom-radio .row  {
    margin: 0;
    background: #c9c9c9;
}

.extradiv {
    position: relative;
}

.xlhidden {
    display: none;
}

.shipping-insurance-alert {
    position: absolute;
    left: -208px;
    background-color: #000;
    z-index: 9999;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 4px 9px 25px black;
    border: 3px solid #c22c33;
    width: 314px;
}

.shipping-insurance-alert p {
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 991px){
    .shipping-insurance-alert {
        left: -38px;
    }
}
#name_tag_desc_div p {
    color: #000;
}
#name_tag_desc_div i {
    color: #727272;
}
.description-section .namecolors {
    background: #000000;
    color: #fff !important;
    border-bottom-left-radius: 20px;
}

.color_input .printable_span_btn {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-weight: 600;
    width: 40%;
    background: #c22c33;
    font-size: 10px;
    text-align: left;
    padding: 0 0 0 24px;
    border-bottom-left-radius: 20px;
    height: 19px !important;
    box-shadow: -1px 1px 2px #000;
    line-height: 20px;
}
.printable_span_btn.active {
    display: block;
}
.btn-new-pre-designed {
    width: 280px;
    height: 40px;
    color: #fff;
    font-size: +1.5em;
    background-color: #c22c33;
    border-radius: 0px;
    cursor: pointer;
    border: 0;
    line-height: normal;
    margin-left: 0px;
    font-family: 'Montserrat';
}
.btn-new-pre-designed::after {
    content: '\2717';
    color: #ffffff;
    font-weight: 800;
    padding-left: 8px;
    text-shadow: -1px 1px 4px black;
}

.btn-new-pre-designed.active::after {
    content: '\2713';
    color: #1bf51b;
    font-weight: 800;
}

.btn-new-pre-designed:hover {
    background: #333;
}
.btn-new-pre-designed.active {
    background: #000;
}

.kiemeltszoveg ul li {
    color: #000;
}

b.bkiemeles {
    color: #fff;
    font-size: +1em;
}


.kiemeltszoveg ul li .bkiemeles {
    font-size: +1em;
}

.panel .panel-predesign .panel-heading {
    background-color: #000000;
}
.panel-heading {
    background-color: #000000;
}
.panel-body>i {
    color: #000;
}
dl.toggle.time-line {
    color: #000000;
}
@media only screen and (max-width: 600px) {
    #downloadbtn {
        margin-top: 0px;
        margin-right: 8px;
        height: 32px;
        width: 122px !important;
        background: #fff !important;
        color: #000 !important;
        font-weight: 600 !important;
        font-size: 12px !important;
    }
    .namecolors {
        font-size: +1.4em;
    }
    .tabnames {
        font-size: +2.2em !important;
    }
    #projectNumberChecker {
        width: 100px;
        margin-top: 0px;
        height: 36px;
    }
    #mesure_base_div .namecolors {
        width: 98.5%;
    }
    .btn-new-pre-designed {

        width: 180px;
        margin-left: 8px;
        padding: 0;
        font-size: +1em;
    }
    #company_label, #dealer_label {
        width: 80% !important;
    }
    #Personaldata .extradiv {
        margin: 0;
        text-transform: none;
    }
    #jobboldal {
        margin-top: 0px !important;
    }
    /* a fuggoleges "Coloring size" csuszka mobilon nem kell - mindig 100%-on marad a kep,
       igy nem is kell semmilyen JS-bol jovo transform:scale()-t figyelembe venni. */
    #canvas_scale_control {
        display: none !important;
    }
    #szinezo {
        transform: none !important;
    }
}

.buttszinek {
    border-radius: 0px !important;
    width: 36px !important;
    height: 36px !important;
}

@media only screen and (max-width: 600px) {
    .buttszinek {
        width: 29px !important;
        height: 29px !important;
        border-radius: 0px !important;
    }
}

.wrapper {
    background: url(https://intrudair.com/images/bg/light_bg.jpg) !important;
    background-attachment: fixed !important;
}

.printed-designs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}