/*
	Steve & Dave | Team Intrudair
	                                                                                                                                      
           '##             ,##                                                                                                        
           ###             #+#                                                                                                        
           ###+            #'#                                                                                                        
           ##'#           #''#                                                                                                        
           '##'#         ##+'#                                                                                                        
           :##++#`      ##'#+#                                                                               ```                      
           .###'+##   :##'####                                                                 '''''''    #######+                    
            #'##''#####''###############              `######                                ,#########  '########                    
           +#+###''###''###+############+    .'':    ,########.                             ###:....+######'''''+#     ;';            
          ;#######'####'###'####.    ,############# +##'   ####################################     #######'''''############          
          ##+#'##+#####'########     #########:,;#####.   ,###########:,'################',,'##     #+''+###############'+##          
          ##+#+##+#####'##'#+###     #,    #      ###               '   :+    .##     #'      #    ,''''''#'''''#''''+''''##          
          +####'#######'####+##+     #            ',               ;    #`    ##;    ;#       .    ''''''''''''#''''''''''#+          
          :#+'#+##+####+#'#'###`    '#            +                     #     ##     #            '''''''''''''#''''''''''#`          
          `#'#'#'#'###+#+#+####     ##            #,,    .,,,,          #     ##     #     :+     ''''''#''''''#'''''''''##           
           #'#+'#+#+##+#'#'#+##     #.    :##     ##`    #####         ;:    :##    `;    :##;   `'''''###'''''+'''''''''##           
           ####++'###'#'#'##'#;    `#     ##'    `##     #####     #####     ##,    #     ###    :''''###'''''#''''''#####'           
           +#+#'##'###++#'####     +#     ##     +##     ####,    :#####     ##     #     ##+    '''''###'''''#'''''##,..             
            #'#'##'###'##'#+##     #'    ,##     ##;        #     ######            #            '''''''''''''#'''''#;                
            ######+###'##'#+##     #     ###     ##.        #     ######           ##       :    '''''''+''''++''''+#                 
            ,#'#'#'###'#+#+##:    ,#     ##:    ,###       ##    `#######`       :####     #     #'''''#'''''#'''''##                 
             ##+##'#####'#+##########################################################################################                 
             `#+#++####'#'#####:##############################'#####################################################                  
              +#'#######'####'':#;##'+.##+###.;###:.+'::##.###''.##.;;;'#.:###'.##.,##.+#+####.                                       
               ##''###+'#####;#:+#+######;#,;##+#;##.,##+#####'##',##.+#.##:#+##'.##`########`                                        
                ##'###'#######+:'#;;########+####,##;,##'#####'###'##.#':####;###`##########'                                         
                 #'###'######,,:#,###`';##.#+;`###.:+,##','.##'`;+#:`.:,#:`###`;+#,,#;'`####                                          
                 #'###'###########+###########################################+#.##########`                                          
                 +####'###################################################################                                            
                  #'#'##                                                                                                              
                  `####                                                                                                               
                    +:                                                                                                                

	*/

.accpttable a
{
	color: #f2c516;
}

.accpttable a:hover
{
	color: #fff;
}	
		
#user_selected {
	cursor: pointer;
	z-index: 9999999999999999;
    top:30%;
    height:30px;
    border: 1px solid #f2c516;
    width:600px;
    background-color: #f2c516;
	color: #000;
    border-radius: 30px;
    position:fixed;
    left: -585px;
}
#user_selected:hover {
	cursor: pointer;
	z-index: 9999999999999999;
    top:30%;
    height:470px;
    border: 1px solid #fff;
    width:600px;
	color: #fff;
    background-color: rgba(51, 51, 51, 0.9);
    border-radius: 30px;
    position:fixed;
    left: -316px;
}

#gombocska {
    
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #000;
    background-color: transparent;
    margin-top: 1px;
    float: right;
    margin-right: -8px;
}

	/*#extra_vecroneck_write, */
	
	#extra_smallprint_write, #extra_base_write, #extra_suittypenormal_write, #extra_suittypeshort_write, #extra_suittypeshortarm_write, #extra_1_write, #extra_2_write, #extra_3_write, #extra_4_write, #extra_5_write, #extra_6_write, #extra_7_write, #extra_8_write, #extra_9_write, #extra_10_write, #extra_11_write, #extra_12_write, #extra_13_write, #extra_14_write, #extra_15_write, #extra_16_write, #extra_30_write, #extra_31_write, #extra_32_write, #extra_33_write, #extra_34_write, #extra_35_write
	{
	display:none;
	margin-left: 330px;
	color: #fff;
	} 
	
	#extra_shippinginsurance_write
	{
	display:none;
	margin-left: 330px;
	color: #24c279;
	} 
	
#cookiezdiviptext ul
{
	 list-style: none;
}
#cookiezdiviptext li:before
{
    content: ""; /* Insert content that looks like bullets */
}

.button_base {
    margin: 0;
    border: 0;
    font-size: 18px;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: 35px;
    margin-left: -100px;
    width: 200px;
    height: 50px;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-user-select: none;
    cursor: default;
}

.button_base:hover {
    cursor: pointer;
}

/* ### ### ### 05 */
.b05_3d_roll {
    perspective: 500px;
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
}

.b05_3d_roll div {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 50px;
    padding: 10px;
   /* border: #f2c516 solid 1px; */
    pointer-events: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.b05_3d_roll div:nth-child(1) {
    color: #f2c516;
    background-color: #000000;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform-origin: 50% 50% -25px;
    -webkit-transform-origin: 50% 50% -25px;
    -moz-transform-origin: 50% 50% -25px;
}

.b05_3d_roll div:nth-child(2) {
    color: #f2c516;
    background-color: #222;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform-origin: 50% 50% -25px;
    -webkit-transform-origin: 50% 50% -25px;
    -moz-transform-origin: 50% 50% -25px;
}

.b05_3d_roll:hover div:nth-child(1) {
    color: #000;
     background-color: #fff;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
}

.b05_3d_roll:hover div:nth-child(2) {
    background-color: #fff;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
}

#show_extra_image_left:hover
{
	cursor: url(../img/magnifiercur.png), auto;
}

#hide_extra_img_button
{
	display: none;
}
#show_extra_image_right
{
	display: block;
}
#show_extra_image_left
{
	display:block;
}
#show_extra_image_right:hover
{
	cursor: url(../img/magnifiercur.png), auto;
}
	
	#xtraimgz
	{
	transition: 1s;
	width: 300px;
	position: absolute;
    margin-top: -490px;
    margin-left: 47%;
    border-top: 20px solid #222;
    border-left: 20px solid #222;
    border-right: 20px solid #222;
    border-bottom: 20px solid #222;	
	}
	
	#extrazimgz:hover
	{
	cursor: url(../img/magnifiercur.png), auto; 
	}
	
	#xtraicon
	{
    cursor: pointer;
    margin-top: 0px;
    margin-left: -17px;
    font-size: 40px;
    color: #fff;
    position: absolute;
	}

#extraztext
{
	color: #fff;
	cursor: pointer;
	background-color: #333;
	border-bottom: 1px solid #222;
	padding-left: 10px;
}



#extraztext:active
{
	color: #000;
	cursor: pointer;
	background-color: #f2c516;
}

#extraztext:hover
{
	color: #000;
	background-color: #f2c516;
	cursor: pointer;
}

#extraztext2
{
	width: 540px;
    margin-top: 250px;
    font-size: 17px;
    text-align: center;
    letter-spacing: 6px;
    border: none;
    outline: none;
    text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	background-color: #333;
	padding-left: 10px;
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

#extraztext2:active
{
	color: #000;
	cursor: pointer;
	background-color: #f2c516;
}

#extraztext2:hover
{
	color: #000;
	cursor: pointer;
	background-color: #f2c516;
}

#searchikon
{
    margin-right: -200px;
    font-size: 26px;
    color: #fff;
    text-shadow: 0px 0px 25px #fff;
    cursor: pointer;
}	

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
    border: 1px solid #f2c516;
}

#img-carousel .item p {
	text-align: center; 
	font-weight: bold; 
	color: #fff; 
    margin-top: 5px;
    letter-spacing: 2px;
    text-transform: uppercase;
}		
#img-carousel .item p:hover {
	text-align: center; 
	font-weight: bold; 
	color: #f2c516; 
    margin-top: 5px;
    letter-spacing: 2px;
    text-transform: uppercase;
}	
	
#owl-wrapper {
	max-height: 300px;
}
#owl-wrapper-outer {
	max-height: 300px;
}

#img-carousel .item img {
    display: block;
    width: 100%;
    max-width: 300px;
    min-height: 260px;
    height: auto;
	max-height: 300px;
    border: 1px solid #000;
}

#img-carousel .item img:hover {
    display: block;
    width: 100%;
    height: auto;  
	max-height: 300px;
	-webkit-filter: brightness(65%);  /* Safari 6.0 - 9.0 */
    filter: brightness(65%);
    border: 1px solid #f2c516;
}

.owl-theme .owl-controls .owl-page span {
    background: #f2c516 !important;
}
	
.btn.brutal.active, .btn.brutal:active {
    background-image: none;
    background-color: #f2c516;
	color: #000;
	outline: none;
}

.btn-primary {
    color: #000;
    background-color: #f2c516;
    border-color: #333333;
}
.btn-primary:hover {
    color: #000;
    background-color: #222;
    border-color: #333333;
}
.btn-primary:active {
    color: #000;
    background-color: #222;
    border-color: #333333;
}

.btn-warning {
    color: #fff;
    background-color: #555555;
    border-color: #333;
}
.btn-warning:hover {
    color: #000;
    background-color: #f2c516;
    border-color: #333;
}
.btn-warning:active {
    color: #000;
    background-color: #f2c516;
    border-color: #333;
}

.brutal
{
  outline: none;
	color: #fff;
	background-color: #333;
	background-image: none;
	position: relative;
    float: left;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.brutal:active
{
  outline: none;
	color: #000;
	background-color: #f2c516;
	background-image: none;
	position: relative;
    float: left;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.brutal:hover
{
	color: #fff;
  outline: none;
	background-color: #444;
	background-image: none;
	position: relative;
    float: left;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
} 
.brutal:focus
{
	color: #000;
	background-color: #f2c516;
	background-image: none;
	position: relative;
    float: left;
    outline: none;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}






.btn.brutal2.active, .btn.brutal2:active {
    background-image: none;
    background-color: #333;
	color: #fff;
  outline: none;
}

.brutal2
{
  outline: none;
	color: #000;
	background-color: #f2c516;
	background-image: none;
	position: relative;
    float: left;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.brutal2:active
{
  outline: none;
	color: #fff;
	background-color: #333;
	background-image: none;
	position: relative;
    float: left;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.brutal2:hover
{
	color: #fff;
  outline: none;
	background-color: #333;
	background-image: none;
	position: relative;
    float: left;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
} 
.brutal2:focus
{
	color: #fff;
	background-color: #333;
	background-image: none;
	position: relative;
    float: left;
	
  outline: none;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.btn.brutal4.active, .btn.brutal4:active {
    background-image: none;
    background-color: #333;
	color: #fff;
  outline: none;
}

.brutal4
{
  outline: none;
	color: #000;
	background-color: #777;
	background-image: none;
	position: relative;
    float: left;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.brutal4:active
{
  outline: none;
	color: #fff;
	background-color: #777;
	background-image: none;
	position: relative;
    float: left;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.brutal4:hover
{
	color: #fff;
  outline: none;
	background-color: #333;
	background-image: none;
	position: relative;
    float: left;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
} 
.brutal4:focus
{
	color: #fff;
	background-color: #333;
	background-image: none;
	position: relative;
    float: left;
	
  outline: none;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}



.btn.brutalminimal.active, .btn.brutalminimal:active {
    background-image: none;
    background-color: #333;
    border: 1px solid transparent;
	color: #fff;
	outline: none;
}

.brutalminimal
{
	outline: none;
	color: #fff;
	background-color: transparent;
	background-image: none;
	position: relative;
    border: 1px solid transparent;
    float: left;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 14px;
    font-weight: 100;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.brutalminimal:active
{
	outline: none;
	color: #f2c516;
	background-color: transparent;
	background-image: none;
	position: relative;
    border: 1px solid #f2c516;
    float: left;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 14px;
    font-weight: 100;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
.brutalminimal:hover
{
	outline: none;
	color: #f2c516;
	background-color: transparent;
	background-image: none;
	position: relative;
    border: 1px solid #f2c516;
    float: left;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 14px;
    font-weight: 100;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
} 
.brutalminimal:focus
{
	outline: none;
	color: #f2c516;
	background-color: transparent;
	background-image: none;
	position: relative;
    border: 1px solid #f2c516;
    float: left;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 14px;
    font-weight: 100;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}









.brutal3
{
	outline: none;
	color: #fff;
	background-color: #222;
	background-image: none;
	position: relative;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	border: 1px solid #f2c516;
    font-size: 14px;
    transform: scale(1.3,1.3);
    -webkit-transform: scale(1.3,1.3);
    -moz-transform: scale(1.3,1.3);
}

.brutal3:active
{
	outline: none;
	color: #000;
	background-color: #f2c516;
	background-image: none;
	position: relative;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	border: 1px solid #f2c516;
	
}
.brutal3:hover
{
	outline: none;
	color: #000;
	background-color: #f2c516;
	background-image: none;
	position: relative;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	border: 1px solid #f2c516;
} 
.brutal3:focus
{
	outline: none;
	color: #000;
	background-color: #f2c516;
	background-image: none;
	position: relative;
    display: inline-block;
    border-radius: 0;
    font-family: 'Abel', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
	padding: 5px 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	border: 1px solid #f2c516;
}






#ihover
{
	color: #fff;
	z-index: 999999999999999999999999999999999;
    margin-right: 5px;
	cursor: pointer;
}

#ihover:hover
{
	color: #f2c516;
	text-shadow: 0px 3px 1px #000;
}


#hide_extra_img_button2{display:none;}




    .btn-theme-color {
        -webkit-animation: color-change 1s 15;
        -moz-animation: color-change 1s 15;
        -o-animation: color-change 1s 15;
        -ms-animation: color-change 1s 15;
        animation: color-change 1s 15;
    }

    @-webkit-keyframes color-change {
        0% { color: #ffffff; }
        50% { color: #222222; }
        100% { color: #ffffff; }
    }
    @-moz-keyframes color-change {
        0% { color: #ffffff; }
        50% { color: #222222; }
        100% { color: #ffffff; }
    }
    @-ms-keyframes color-change {
        0% { color: #ffffff; }
        50% { color: #222222; }
        100% { color: #ffffff; }
    }
    @-o-keyframes color-change {
        0% { color: #ffffff; }
        50% { color: #222222; }
        100% { color: #ffffff; }
    }
    @keyframes color-change {
        0% { color: #ffffff; }
        50% { color: #222222; }
        100% { color: #ffffff; }
    }

.content {
	display: none; 
}

#about {
	display: block;
}

.sidenav {
    height: 895px;
    width: 0;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.08);
    overflow-x: hidden;
    overflow-y: hidden;
    transition: 0.5s;
    padding: 0px 5px 30px 5px;
}

.sidenav a {
    padding: 0px 0px 0px 30px;
    text-decoration: none;
    font-size: 25px;
    color: #c3c3c3;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f2c516;
}

.sidenav .closebtn {
    position: relative;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}



	#setbuti 
	{    
	margin-top: -35px;
	}




.sidenav2 {
    height: 895px;
    width: 0;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.08);
    overflow-x: hidden;
    transition: 0.5s;
    padding: 0px 5px 30px 5px;
}

.sidenav2 a {
    padding: 0px 0px 0px 30px;
    text-decoration: none;
    font-size: 25px;
    color: #c3c3c3;
    display: block;
    transition: 0.3s;
}

.sidenav2 a:hover, .offcanvas a:focus{
    color: #f2c516;
}

.sidenav2 .closebtn {
    position: relative;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#colsettings{ padding: 0px; margin-left: -35px;}
#measurementpicsz{  width: 700px;}
#measurementpicszmagnifying{  width: 700px;}
#nothingalatt{  margin-bottom: 0px;  }
#bodyloosenessdiv{  width: 100%; padding-left: 0px;  }
#speedofthesuitdiv{  width: 100%; padding-left: 0px;  }
#rushorderdiv{  width: 100%; padding-left: 0px;  }
#logocommentdiv{  width:100%; padding-left: auto;  }
#desidiv{ text-align:center; padding-right: 135px;  }
#shipsection{  background-color:#222; border-top: 0px solid #f2c516; border-bottom: 0px solid #f2c516; padding:10px;  }
#infokep
	{	
	width: 100px;
    margin-left: -50px;
    margin-top: 34px;
    z-index: 5;
    position: absolute;
    cursor: pointer;  
	}
#tb-scroll-to-top{z-index: 9999999999999}


@media screen and (max-width: 667px) 
{
	
#paletta16
{
    padding-left: 30px;
    padding-right: 30px;
}
}

@media screen and (max-width: 720px) 
{
	#colsettings{padding: 10px 50px 10px 60px; margin-left: -35px;}
	#measurementpicsz{  width: 400px;}
	#measurementpicszmagnifying{  width: 400px;}
	#nothingalatt{  margin-bottom: -5px; }
	#bodyloosenessdiv{  width: 80%; padding-left: 20%;  }
	#speedofthesuitdiv{  width: 80%; padding-left: 20%;  }
	#rushorderdiv{  width: 80%; padding-left: 20%;  }
	#logocommentdiv{  width:80%; padding-left: 20%;  }
	#desidiv{ text-align:center; padding-right: 0px;  }
	#shipsection{  background-color:#222; border-top: 0px solid #f2c516; border-bottom: 0px solid #f2c516; padding:10px; margin-top:-5px; }
	#infokep
	{	
	width: 100px;
    margin-left: -50px;
    margin-top: 43px;
    z-index: 5;
    position: absolute;
    cursor: pointer;  
	}
  .sidenav2 	{	padding-top: 15px; background-color: rgba(4, 4, 4, 0.7);	}
  .sidenav2 a 	{	font-size: 18px; background-color: rgba(4, 4, 4, 0.7);		}
  .sidenav 		{	padding-top: 15px; background-color: rgba(4, 4, 4, 0.7);	}
  .sidenav a 	{	font-size: 18px; background-color: rgba(4, 4, 4, 0.7);		}
	
	#but1, #but2, #but3, #but4, #but5, #but6, #but7, #but8, #but9, #but10, #but11, #but12, #but13, #but14, #but15, #but16, #but17, #but18, #but19, #but20, #but0
	{
    margin-top: -26px;
    padding: 10px 13px 5px 10px;
    padding: 3px 10px;
    font-size: 13px;
    font-weight: 100;
	}
	
#palettaimage img
{
	height: 20px;
	width: 20px;
}
#paletta16
{
    padding-left: 30px;
    padding-right: 30px;
}
	.menuzord-responsive .menuzord-menu>li:first-child>a 
	{
    border-top: solid 1px #333;
    border-top: solid 1px #333;
	}

	header.sticky .menuzord-menu>li>a 
	{
    line-height: 10px;
	}
	
	.light.menuzord-menu > li > a, .light.menuzord-menu > li > a > i, header .dark-header .menuzord-menu > li > a, header .dark-header .menuzord-menu > li > a > i 
	{
    background: #333;
    color: #000;
	}
	
	.light.menuzord-menu > li > a, .light.menuzord-menu > li > a > i, header .dark-header .menuzord-menu > li > a, header .dark-header .menuzord-menu > li > a > i :hover
	{
    background: #333;
    color: #fff;
	}
	
	.menuzord-responsive .menuzord-menu>li>a 
	{
    width: 100%;
    padding: 12px 20px;
    display: block;
    border-bottom: solid 1px #f2c516;
	}
	
	.menuzord-menu > li.active > a, .menuzord-menu > li:hover > a 
	{
    background: #f2c516;
    color: #000;
	}
	ul.menuzord-menu 
	{
    background: #333;
	}
	
	.menuzord-responsive .menuzord-menu li .indicator 
	{
    border-left: solid 1px transparent;
	}
	
	#setbuti 
		{
		margin-top: -11px; 
		}
	
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}

}
@media screen and (max-height: 450px) {
  .sidenav2 {padding-top: 15px;}
  .sidenav2 a {font-size: 18px;}
  
}

#uploaderz a:hover 
{
color: black;
background: #f2c516;
transform:scale(1.3,1.3);
-webkit-transform:scale(1.3,1.3);
-moz-transform:scale(1.3,1.3);
}

#uploaderz2 a:hover 
{
color: black;
background: #f2c516;
margin-top: -20px;
transform:scale(1.3,1.3);
-webkit-transform:scale(1.3,1.3);
-moz-transform:scale(1.3,1.3);
}
#uploaderz2 a:active 
{
color: black;
background: #f2c516;
margin-top: -20px;
transform:scale(1.3,1.3);
-webkit-transform:scale(1.3,1.3);
-moz-transform:scale(1.3,1.3);
}
#uploaderz2 a:focus 
{
color: black;
background: #f2c516;
margin-top: -20px;
transform:scale(1.3,1.3);
-webkit-transform:scale(1.3,1.3);
-moz-transform:scale(1.3,1.3);
}

#ordersuitbutton button:hover 
{
color: #222;
background: #f2c516;
padding-top: 5px;
font-size: 14px;
transform:scale(1.3,1.3);
-webkit-transform:scale(1.3,1.3);
-moz-transform:scale(1.3,1.3);
 border: 1px solid #f2c516;
}


.team-hover 
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    border: 2px dashed rgba(253,94,36,0.4);
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.desk p {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: normal;
    color: #fff;
    line-height: 30px;
	margin-top: -30px;
	margin-bottom: -60px;
	padding-left: 20px;
	padding-right: 20px;
}

.input-group-addon 
{
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #f2c516;
    text-align: center;
    background-color: #333;
    border: 0px solid transparent;
    border-radius: 0px;
}

.input-group-addon:active 
{
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #333;
    border: 0px solid transparent;
    border-top-right-radius: 0em;
    border-bottom-left-radius: 0em;
}

.input-group-addon:hover 
{
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #333;
    border: 0px solid transparent;
    border-top-right-radius: 0em;
    border-bottom-left-radius: 0em;
}

.input-group-addon:focus 
{
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #333;
    border: 0px solid transparent;
    border-top-right-radius: 0em;
    border-bottom-left-radius: 0em;
}


#footer.dark .secondary-footer .social-link.circle  a:hover{
background: #f2c516;
color: #000;
border: 1px solid transparent;
}

.dividerpicture
{
vertical-align: middle;
text-align: center;
width: 1080px;
height: 45px;
border: none;

background:url(../img//divider1.png) no-repeat;
opacity: 1.0;
filter: alpha(opacity=100);	

}

.d-round i {

width: 30px;
height: 30px;
background: transparent;
border-radius: 50%;
position: absolute;
top: -15px;							
text-align: center;
line-height: 30px;
color: transparent;
font-size: 15px;
}

.d-single.d-solid {
border-top-style: solid;
border-color: transparent;
}	


.btn
{
margin-right: 0px;
  outline: none;
}

.btn:active
{
border-bottom: 1px solid #fff; 
background-color:#f2c516;
color: black;
  outline: none;
}

.btn:focus
{
border-bottom: 1px solid #fff; 
background-color:#f2c516;
color: black;
  outline: none;
}

.btn:hover
{
border-bottom: 1px solid #777; 
background-color:#888;
color: white;
  outline: none;
}

.nav-tabs{border-color: transparent;}

.btn-dark-solid
{
border-bottom: 1px solid #222; 
background-color:#222;
color: white;
  outline: none;
}

.btn-dark-solid:active
{
border-bottom: 1px solid #fff; 
background-color:#f2c516;
color: white;
  outline: none;
}

.btn-dark-solid:focus
{
border-bottom: 1px solid #fff; 
background-color:#f2c516;
color: white;
  outline: none;
}


.btn.active, .btn:active {
background-image: none;
background-color: #f2c516;
  outline: none;
}

.dividerpicture
{
vertical-align: middle;
text-align: center;
width: 1080px;
height: 45px;
border: none;

background:url(../img//divider1.png) no-repeat;
opacity: 1.0;
filter: alpha(opacity=100);	

}

.d-round i {

width: 30px;
height: 30px;
background: transparent;
border-radius: 50%;
position: absolute;
top: -15px;							
text-align: center;
line-height: 30px;
color: transparent;
font-size: 15px;
}

.d-single.d-solid {
border-top-style: solid;
border-color: transparent;
}	
<!-- measurement nem kell-->
.form-control::-webkit-input-placeholder { color: #888; }
.form-control:-moz-placeholder { color: #888; }
.form-control::-moz-placeholder { color: #888; }
.form-control:-ms-input-placeholder { color: #888; }

.login .form-control {
box-shadow: none;
border: none; 
border-radius: 0px;
font-size: 13px;
background-color: #222;
height: 27px;
color: #fff;
font-family:abel;
}

.login .form-control:hover {
box-shadow: none;
border: none; 
border-radius: 0px;
font-size: 13px;
background-color: #444;
height: 27px;
color: #fff;
font-family:abel;
}

.login .form-control:focus {
box-shadow: none;
border: none; 
border-radius: 0px;
font-size: 13px;
background-color: #444;
height: 27px;
color: #fff;
font-family:abel;
}

.login .form-control:active {
box-shadow: none;
border: none; 
border-radius: 0px;
font-size: 13px;
background-color: #444;
height: 27px;
color: #fff;
font-family:abel;

}

.form-control {
    display: block;
    width: 100%;
    height: 27px;
	font-family: Abel;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #333;
    background-image: none;
	border: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

<!-- measurement nemkell #end-->

<!-- measurement kell-->
.form-control-2::-webkit-input-placeholder { color: #777; }
.form-control-2:-moz-placeholder { color: #777; }
.form-control-2::-moz-placeholder { color: #777; }
.form-control-2:-ms-input-placeholder { color: #777; }

.login .form-control-2 {
box-shadow: none;
border: none; 
border-radius: 0px;
font-size: 13px;
background-color: #444;
height: 27px;
color: #fff;
font-family:abel;
}

.login .form-control-2:hover {
box-shadow: none;
border: none; 
border-radius: 0px;
font-size: 13px;
background-color: #111;
height: 27px;
color: #999;
font-family:abel;
}

.login .form-control-2:focus {
box-shadow: none;
border: none; 
border-radius: 0px;
font-size: 13px;
background-color: #111;
height: 27px;
color: #999;
font-family:abel;
}

.login .form-control-2:active {
box-shadow: none;
border: none; 
border-radius: 0px;
font-size: 13px;
background-color: #111;
height: 27px;
color: #999;
font-family:abel;
}


.form-control-2 {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



<!-- measurement kell # end-->

<!-- measurement 3 kotelezo-->
.form-control-3::-webkit-input-placeholder { color: #000; }
.form-control-3:-moz-placeholder { color: #000; }
.form-control-3::-moz-placeholder { color: #000; }
.form-control-3:-ms-input-placeholder { color: #000; }

.login .form-control-3 {
box-shadow: none;
border: none; 
border-radius: 0px;
font-size: 13px;
background-color: #f2c516;
height: 27px;
color: #000;
font-family:abel;
}

.login .form-control-3:hover {
box-shadow: none;
border: none; 
border-radius: 0px;
font-size: 13px;
background-color: #111;
height: 27px;
color: #999;
font-family:abel;
}

.login .form-control-3:focus {
box-shadow: none;
border: none; 
border-radius: 0px;
font-size: 13px;
background-color: #111;
height: 27px;
color: #999;
font-family:abel;
}

.login .form-control-3:active {
box-shadow: none;
border: none; 
border-radius: 0px;
font-size: 13px;
background-color: #111;
height: 27px;
color: #999;
font-family:abel;
}


.form-control-3 {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



<!-- measurement 3 kotelezo # end-->

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

#portfolio-carousel.owl-theme .owl-controls .owl-buttons div, #portfolio-carousel-alt.owl-theme .owl-controls .owl-buttons div {
border-radius: 0;
background: #f2c516;
padding: 8px 16px;
margin-top: 50px;
}


.tb-preloader-wave:before,
.tb-preloader-wave:after {
position: absolute;
display: inline-block;
content: "";
width: 60px;
height: 60px;
border-radius: 50%;
background: #f2c516;
-webkit-animation: preloader-wave 1.6s linear infinite;
animation: preloader-wave 1.6s linear infinite;
}

@media only screen and (max-width: 3000px) 
{
/* For mobile phones: */
div #1, #2, #3, #4, #5, #6, #7, #8, #9, #10, #11, #12, #13, #14, #15, #patent
{
#01 
{
width: 900px;
position: absolute;
.img-responsive{ margin-top: 30px; }	
}

}
}

@media only screen and (max-width: 1000px) 
{
/* For mobile phones: */
div #1, #2, #3, #4, #5, #6, #7, #8, #9, #10, #11, #12, #13, #14, #15, #patent
{
#01 
{
width: 500px;
position: absolute;
.img-responsive{ margin-top: 30px; }	
}

}
}

@media only screen and (max-width: 1200px) 
{
/* For mobile phones: */
div #1, #2, #3, #4, #5, #6, #7, #8, #9, #10, #11, #12, #13, #14, #15, #patent
{
#01 
{
width: 500px;
position: absolute;
.img-responsive{ margin-top: 30px; }	
}
#kepkontener
{
	padding-left: 11%;
}
    
}
}

@media only screen and (max-width: 768px) 
{
/* For mobile phones: */
div #1, #2, #3, #4, #5, #6, #7, #8, #9, #10, #11, #12, #13, #14, #15, #patent
{
#01 
{
width: 400px;,
position: absolute;
.img-responsive{ margin-top: 55px; }
}	

}
}

.circle-list li:before 
{
content: "\f101";
font-family: 'fontawesome';
font-size: 14px;
float: left;
padding-right: 10px;
color: #f2c516;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes shake {
0%   {left:0px; top:0px;}
25%  {left:10px; top:0px;}
50%  {left:20px; top:0px;}
75%  {left:10px; top:0px;}
100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes shake {
0%   {left:0px; top:0px;}
25%  {left:10px; top:0px;}
50%  {left:20px; top:0px;}
75%  {left:10px; top:0px;}
100% {left:0px; top:0px;}
}

.shake
{ 

background-color: transparent;
position: relative;
-webkit-animation-name: shake; /* Chrome, Safari, Opera */
-webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
-webkit-animation-iteration-count: 3; /* Chrome, Safari, Opera */
-webkit-animation-direction: alternate; /* Chrome, Safari, Opera */
animation-name: shake;
animation-duration: 4s;
animation-iteration-count: 10;
animation-direction: alternate;
}

#portfolio-carousel-alt.owl-theme .owl-controls {
margin-top: 10px;
text-align: center;
position: absolute;
bottom: 330px;
left: 682px;
}

.testimonial-alt .content:after {
background-color: #222;
border-color: #222;
border-image: none;
border-right: 1px solid #222;
border-style: none;
bottom: -7px;
content: "";
display: block;
height: 14px;
left: 25px;
position: absolute;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 15px;
}


a:hover, a:focus {
color: white;
}




@media screen and (min-width: 1201px) and (max-width: 3000px) 
{
#1
{
right: 50%; 
width: 900px;
}	
}

@media screen and (min-width: 800px) and (max-width: 1200px) 
{
#1
{
right: 3%; 
width: 750px;
}	
}

@media screen and (min-width: 0px) and (max-width: 799px) 
{
#1
{
right: 4%; 
width: 600px;
}	
}

@media screen and (min-width: 0px) and (max-width: 450px) 
{
.felsokep
{
height: 400px;
}	
}

@media screen and (min-width: 451px) and (max-width: 550px) 
{
.felsokep
{
height: 450px;
}	
}

@media screen and (min-width: 551px) and (max-width: 650px) 
{
.felsokep
{
height: 550px;
}	
}

@media screen and (min-width: 651px) and (max-width: 750px) 
{
.felsokep
{
height: 650px;
}	
}

@media screen and (min-width: 751px) and (max-width: 3000px) 
{
.felsokep
{
height: 750px;
}	
}

.accordion.time-line > dt > a {
display: block;
position: relative; 
color:#fff;
}

.c-info-row .c-slide {
/* width: 70%; */
}

.tab-content
{ 
background: transparent;										
}		

.starz li:before 
{
content: "\f005";
font-family: 'fontawesome';
text-align: center;
padding-right: 0px;
color: #000;
  outline: none;
}
.starz li:hover 
{
content: "\f005";
font-family: 'fontawesome';
text-align: center;
padding-right: 0px;
color: #fff;
  outline: none;
}

.magic:before
{
content: "\f005";
font-family: 'fontawesome';
text-align: center;
  outline: none;
}

.btn-theme-color
{
text-align: center;
color: #222;
background-color:#f2c516;
  outline: none;
}

.btn-theme-color:hover
{
text-align: center;
color: #f2c516;
background-color:#222;
  outline: none;
}




@media screen and (min-width: 0px) and (max-width: 1370px) 
{	
.menunames>a {
font-size: 9px;
}
}

@media screen and (min-width: 1441px) and (max-width: 3000px) 
{	
.menunames>a {
font-size: 11px;
}
}



@media screen and (min-width: 480px) {
    body {
        background-color: #000;
    }

	
#palettaimage img
{
	height: 20px;
	width: 20px;
}
	}
@media only screen and (width: 1366px) 
{
#extrakontainer
{
margin-left: -2%;
}	
#extracontainer
{
width: 95%;	
}	

#ctech,
#c1,#c5_1,#c6_1,#c10_1,#c11_1,
#c2,
#c3,
#c4,
#c5,
#c6,
#c7,
#c8,
#c9,
#c10,
#c11,
#c12,
#c13,
#c14,
#c15,

#c1_1,
#c1_2,
#c2_1,
#c2_2,
#c3_1,
#c3_2,
#c4_1,
#c4_2,
#c5_1,
#c5_2,
#cshadow
{
width: 80%;	
}

}	

@media only screen and (width: 1440px) 
{

#extrakontainer
{
margin-left: 0%;
}		
#extracontainer
{
width: 95%;	
}

#ctech,
#c1,#c5_1,#c6_1,#c10_1,#c11_1,
#c2,
#c3,
#c4,
#c5,
#c6,
#c7,
#c8,
#c9,
#c10,
#c11,
#c12,
#c13,
#c14,
#c15,

#c1_1,
#c1_2,
#c2_1,
#c2_2,
#c3_1,
#c3_2,
#c4_1,
#c4_2,
#c5_1,
#c5_2,
#cshadow
{
width: 80%;	
margin-top: 100px;
    margin-left: -35px;
}

}	


@media screen and (min-width: 1441px) and (max-width: 3000px) 
{
/* For mobile phones: */
div #1, #2, #3, #4, #5, #6, #7, #8, #9, #10, #11, #12, #13, #14, #15, #patent
{
#01 
{
width: 900px;
position: absolute;
.img-responsive{ margin-top: 30px; }	
}

}
#extrakontainer
{
margin-left: 12%;
}	
#extracontainer
{
width: 100%;	
}

#ctech,
#c1,#c5_1,#c6_1,#c10_1,#c11_1,
#c2,
#c3,
#c4,
#c5,
#c6,
#c7,
#c8,
#c9,
#c10,
#c11,
#c12,
#c13,
#c14,
#c15,

#c1_1,
#c1_2,
#c2_1,
#c2_2,
#c3_1,
#c3_2,
#c4_1,
#c4_2,
#c5_1,
#c5_2,
#cshadow
{
width: 100%;	
margin-top: 55px; 
    margin-left: -35px;
}

}

@media only screen and (max-width: 1000px) 
{
/* For mobile phones: */
div #1, #2, #3, #4, #5, #6, #7, #8, #9, #10, #11, #12, #13, #14, #15, #patent
{
#01 
{
width: 500px;
position: absolute;

.img-responsive
{ 
margin-top: 30px; 
}
}

}	

#ctech,
#c1,#c5_1,#c6_1,#c10_1,#c11_1,
#c2,
#c3,
#c4,
#c5,
#c6,
#c7,
#c8,
#c9,
#c10,
#c11,
#c12,
#c13,
#c14,
#c15,

#c1_1,
#c1_2,
#c2_1,
#c2_2,
#c3_1,
#c3_2,
#c4_1,
#c4_2,
#c5_1,
#c5_2,
#cshadow
{
width: 80%;	
}

}

#mobilebut1,
#mobilebut2,
#mobilebut3,
#mobilebut4,
#mobilebut5,
#mobilebut6, 
#mobilebut7, 
#mobilebut8, 
#mobilebut9, 
#mobilebut10,
#mobilebut11, 
#mobilebut12, 
#mobilebut13, 
#mobilebut14, 
#mobilebut15,
#mobilebut16,
#mobilebut17,
#mobilebut18,
#mobilebut19,
#mobilebut20
{
	display: none;
}
	
@media screen and (min-width: 320px) and (max-width: 320px) 
{
/* For mobile phones: */
div #1, #2, #3, #4, #5, #6, #7, #8, #9, #10, #11, #12, #13, #14, #15, #patent
{
#01 
{
width: 400px;,
position: absolute;

.img-responsive
{ 
margin-top: 55px; 
}

}	

}

#ctech,
#c1,#c5_1,#c6_1,#c10_1,#c11_1,
#c2,
#c3,
#c4,
#c5,
#c6,
#c7,
#c8,
#c9,
#c10,
#c11,
#c12,
#c13,
#c14,
#c15,

#c1_1,
#c1_2,
#c2_1,
#c2_2,
#c3_1,
#c3_2,
#c4_1,
#c4_2,
#c5_1,
#c5_2,
#cshadow
{
width: 60%;	
}


#mobilebut1,
#mobilebut2,
#mobilebut3,
#mobilebut4,
#mobilebut5,
#mobilebut6, 
#mobilebut7, 
#mobilebut8, 
#mobilebut9, 
#mobilebut10,
#mobilebut11, 
#mobilebut12, 
#mobilebut13, 
#mobilebut14, 
#mobilebut15,
#mobilebut16,
#mobilebut17,
#mobilebut18,
#mobilebut19,
#mobilebut20
{
	display: block;
}

#desktopbut1,
#desktopbut2,
#desktopbut3,
#desktopbut4,
#desktopbut5,
#desktopbut6, 
#desktopbut7, 
#desktopbut8, 
#desktopbut9, 
#desktopbut10,
#desktopbut11, 
#desktopbut12, 
#desktopbut13, 
#desktopbut14, 
#desktopbut15,
#desktopbut16,
#desktopbut17,
#desktopbut18,
#desktopbut19,
#desktopbut20
{
	display: none;
}

#palettaimage img
{
	height: 20px;
	width: 20px;
}

}	
	@media only screen and (max-width: 768px) 
{
/* For mobile phones: */
div #1, #2, #3, #4, #5, #6, #7, #8, #9, #10, #11, #12, #13, #14, #15, #patent
{
#01 
{
width: 400px;,
position: absolute;

.img-responsive
{ 
margin-top: 55px; 
}

}	

}

.panyobr{display:block;}
#brbug1{display:block;}
#brbug2{display:block;}
#brbugz1{display:block;}
#brbugz2{display:block;}
	
#ctech,
#c1,#c5_1,#c6_1,#c10_1,#c11_1,
#c2,
#c3,
#c4,
#c5,
#c6,
#c7,
#c8,
#c9,
#c10,
#c11,
#c12,
#c13,
#c14,
#c15,

#c1_1,
#c1_2,
#c2_1,
#c2_2,
#c3_1,
#c3_2,
#c4_1,
#c4_2,
#c5_1,
#c5_2,
#cshadow
{
width: 90%;	
}
#palettaimage img
{
	height: 20px;
	width: 20px;
}

#mobilebut1,
#mobilebut2,
#mobilebut3,
#mobilebut4,
#mobilebut5,
#mobilebut6, 
#mobilebut7, 
#mobilebut8, 
#mobilebut9, 
#mobilebut10,
#mobilebut11, 
#mobilebut12, 
#mobilebut13, 
#mobilebut14, 
#mobilebut15,
#mobilebut16,
#mobilebut17,
#mobilebut18,
#mobilebut19,
#mobilebut20
{
	display: block;
}

#desktopbut1,
#desktopbut2,
#desktopbut3,
#desktopbut4,
#desktopbut5,
#desktopbut6, 
#desktopbut7, 
#desktopbut8, 
#desktopbut9, 
#desktopbut10,
#desktopbut11, 
#desktopbut12, 
#desktopbut13, 
#desktopbut14, 
#desktopbut15,
#desktopbut16,
#desktopbut17,
#desktopbut18,
#desktopbut19,
#desktopbut20
{
	display: none;
}


}

.panyobr{display:none;}
#brbug1{display:none;}
#brbug2{display:none;}
#brbugz1{display:none;}
#brbugz2{display:none;}

#paletta16
{
    padding-left: 30px;
    padding-right: 30px;
}


.breadcrumb>li+li:before {
padding: 0 5px;
color: #f2c516;
content: "/\00a0";
}

:required:focus 
{	
background-color: #444;
color: #fff;
border-top-right-radius: 0em;
border-bottom-right-radius: 0em; 
}

:required:active 
{	
background-color: #444;
color: #fff;
border-top-right-radius: 0em;
border-bottom-right-radius: 0em; 
}

.portfolio-hover {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: 0;
border: 1px solid #f2c516;
border-radius: 0px;
background-color: rgba(0, 0, 0, 0.38);
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
max-width: 249px;
max-height: 272px;
}

#portfolio-carousel.portfolio.col-3 .portfolio-item, #portfolio-carousel-alt.portfolio.col-3 .portfolio-item {
    width: 250px;
}

::-webkit-input-placeholder {
color: #fff;
}
::-webkit-placeholder {
color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
color: #fff;  
}

::-moz-placeholder {  /* Firefox 19+ */
color: #fff;  
}

:-ms-input-placeholder {  
color: #fff;  
}

::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #222;
}

::-webkit-scrollbar
{
width: 12px;
background-color: #222;
}

::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #f2c516;
}

.select.option:hover
{
background-color: #f2c516;	
}

textarea 	
{
resize: none;
}

.btn{margin-right: 0px;}
.btn:active {border-bottom: 1px solid #777;}
.btn:focus {border-bottom: 1px solid #777;}
.nav-tabs {border-color: transparent;}
.materials-and-color {margin-left: 0px;}

#wrap-all {
width: 100%;
height: 100%;
background: url(bg_black.jpg) no-repeat center center;
position: fixed;
overflow: auto;
}


#gradientupz {
    height:50px;
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(black, #222); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(black, #222); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(black, #222); /* For Firefox 3.6 to 15 */
    background: linear-gradient(black, #222); /* Standard syntax (must be last) */
}



.post-single .post-desk .date, .post-single .post-desk h4 a, .p-read-more 
{
color: #fff;
}
	#portfolio-carousel .portfolio-item img, #portfolio-carousel-alt .portfolio-item img {
    max-width: 250px !important;
    display: block;
    width: 100%;
    height: auto;
}

a, .menuzord .menuzord-menu>li.active>a, .menuzord .menuzord-menu>li.active>a>i, .menuzord .menuzord-menu>li:hover>a, .menuzord .menuzord-menu>li:hover>a>i, .portfolio-with-title .portfolio-title h4 a:hover, .f-link:hover, #footer .f-list li a:hover, .featured-item.border-box:hover .icon i, .post-single .post-cat li a:hover, .post-single .post-desk h4 a:hover, .post-single .post-desk a.author:hover, .post-list .post-single .post-cat li a, .portfolio-description a:hover, .portfolio-title a:hover, .post-sub-title, .team-member .s-link a:hover, .t-s-link a:hover, .price-col.feature h1, .widget-category li a:hover, .widget-comments li a:hover, .blog-classic .blog-post h4 a:hover, .post-meta li a:hover, .widget-latest-post .w-desk a:hover, .comments-list .comment-author a:hover, .comments-list .comment-item-data a:hover, .product-title h5 a:hover, .comments-list .comment-info a:hover, .portfolio-with-title.blog-m .portfolio-title .date a:hover, .comments-list .comment-info .comment-author a:hover, .icon-tabs .nav-pills>li>a:hover, .icon-tabs .nav-pills>li.active>a, .icon-tabs .nav-pills>li.active>a:focus, .icon-tabs .nav-pills>li.active>a:hover, .cd-nav .cd-primary-nav li.selected a, .no-touch .cd-nav .cd-primary-nav a:hover, .intro-portfolio a:hover {
    color: #ffffff;
	outline: none;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
#cookiezdivz{
	display: none;
    padding: 0px;
    margin-top: -75px;
    margin-left: -300px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 0px solid #fff;
    border-bottom-left-radius: 30px;
    width: 300px;
    padding-left: 30px;
	}
	
	


#cookiezdiv {
	cursor: pointer;
	z-index: 9999999999999999;
    top: 10%;
    height:106px;
    border: 0px solid #fff;
    width:60px;
    background-color: rgba(51, 51, 51, 0.9);
    border-radius: 30px;
    position:fixed;
    right: 20px;
}

.cookie_div {
	cursor: pointer;
    background:url("../img/testim_avatar2.png") no-repeat;
    height:50px;
    margin-left: 4px;
    width:50px;
    transition:ease 500ms;
    background-size:50px;
    opacity:1;
}

.cookie_div:hover {
	
	cursor: pointer;
    background:url("../img/testim_avatar2.png") no-repeat;
    height:50px;
    margin-left: 4px;
    width:50px;
    transition:ease 500ms;
    background-size:50px;
    opacity:1;

}
#chatoff{color: #f2c516;}
	
.heyho1:hover
{ 
    background-color: rgba(130, 129, 129, 0.2);
}
	
.heyho2:hover
{ 
    background-color: rgba(130, 129, 129, 0.2);
}
	
.heyho3:hover
{ 
    background-color: rgba(130, 129, 129, 0.2);
}
	
.heyho1 .heyho2 .heyho3
{
    border-bottom: 5px solid #222;
	background-color: transparent;
}

.heyho1 .heyho2 .heyho3:hover
{	
    border-bottom: 5px solid #f2c516;
	background-color: rgba(255, 255, 255, 0.05);
}

.heyho1 .heyho2 .heyho3:active
{	
    border-bottom: 5px solid #f2c516;
	background-color: rgba(255, 255, 255, 0.05);
}

.heyho1 .heyho2 .heyho3:focus
{	
    border-bottom: 5px solid #f2c516;
	background-color: rgba(255, 255, 255, 0.05);
}


 input[type=number] {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    padding: 0 8px;
}
input[type=number]::-webkit-inner-spin-button { 
    -webkit-appearance: none;
    cursor:pointer;
    display:block;
    width:8px;
    color: #333;
    text-align:center;
    position:relative;
}

input[type=number]:hover::-webkit-inner-spin-button { 
    background: transparent url('../img//inputarrow.png') no-repeat 50% 50%;  
    width: 14px;
    height: 14px;
    padding: 4px;
    position: relative;
    right: -10px;
    top: 4px;
    border-radius: 28px;
}  

#menu3szog1{display:none;}
#menu3szog2{display:none;}
#menu3szog3a{display:none;}
#menu3szog3b{display:none;}
#mySidenav{display:none;}
#mySidenav2{display:none;}


.accordion.time-line > dt > a {
display: block;
position: relative; 
color:#fff;
}


         .animated {
           
            background-repeat: no-repeat;
            background-position: left top;
            -webkit-animation-duration: 3s;
            animation-duration: 3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
         }
         
         @-webkit-keyframes bounceInDown {
            0% {
               opacity: 0;
               -webkit-transform: translateY(-2000px);
            }
            60% {
               opacity: 1;
               -webkit-transform: translateY(30px);
            }
            80% {
               -webkit-transform: translateY(-10px);
            }
            100% { 
               -webkit-transform: translateY(0);
            }
         }
         
         @keyframes bounceInDown {
            0% {
               opacity: 0;
               transform: translateY(-2000px);
            }
            60% {
               opacity: 1;
               transform: translateY(30px);
            }
            80% {
               transform: translateY(-10px);
            }
            100% {
               transform: translateY(0);
            }
         }
         
         .bounceInDown {
            -webkit-animation-name: bounceInDown;
            animation-name: bounceInDown;
         }
#box {
  animation:pulse 0.5s infinite alternate;
}
#box2 {
  animation:pulse2 0.5s infinite alternate;
}

@keyframes pulse2 {
  from { font-color: #fff; }
  to { font-color: #000; }
}

@keyframes pulse {
  from { box-shadow: 0px 0px 70px #fff; }
  to { box-shadow: 0px 0px 7px #000; }
}


		@media (min-width: 1200px)
		{
			#kepkontener
			{
			padding-left: 0%;
			}
		}
		
		@media (min-width: 1600px)
		{
			#kepkontener
			{
			padding-left: 0%;
			}
		}
		
		
.glowed {
  animation:gloweding 1s infinite alternate;
}

@keyframes gloweding {
  from {  box-shadow: 0px 0px 30px 2px #f2c516;}
  to {  box-shadow: 0px 0px 30px 2px transparent; }
}




#r01 
{
	width: 100%;
}

#r02 
{
	width: 100%;
}

#r03 
{
	width: 100%;
}

#r04
{
	width: 100%;
}

@media screen and (min-width: 1200px)
{
	#show_othergear_div
	{		
	height: 230px;
	}
}


#show_othergear_div 
{
	width: 50%;
	height: 400px;
	display: none;
	margin-left: 24%;
	margin-top: 13%;
	position: absolute;
	border-radius: 30px;
	border: 2px solid #f2c516;
	background-image: url("http://www.intrudair.com/m/inup/assets/img//pattern01.jpg");
}

input[type=checkbox], input[type=radio] 
{
    padding: 8px;
	outline: 0;
}

 input[type="checkbox"]:focus{
        outline:0;
    }

.regular-checkbox 
{
    -webkit-appearance: none;
    background-color: #555;
    border: 1px solid #f2c516;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 8px;
    border-radius: 0px;
    display: inline-block;
    position: relative;
	outline: 0;
}

.regular-checkbox:active, .regular-checkbox:checked:active 
{
	    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24), inset 0px 1px 3px rgba(0,0,0,0.1);
		outline: 0;
}

.regular-checkbox:checked 
{
	outline: 0;
	background-color: #f2c516;
    border: 1px solid #333;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #333;
}

.regular-checkbox:checked:after 
{
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: -2px;
	left: 3px;
	color: #333;
	outline: 0;
}

	
.regular-checkbox2 
{
    -webkit-appearance: none;
    background-color: #333;
    border: 1px solid #f2c516;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 18px;
    border-radius: 0px;
    display: inline-block;
    position: relative;
	outline: 0;
}

.regular-checkbox2:active, .regular-checkbox2:checked:active 
{
	    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24), inset 0px 1px 3px rgba(0,0,0,0.1);
		outline: 0;
}

.regular-checkbox2:checked 
{
	outline: 0;
	background-color: #f2c516;
    border: 1px solid #333;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #333;
}

.regular-checkbox2:checked:after 
{
	content: '\2714';
	font-size: 19px;
	position: absolute;
	top: 5px;
	left: 11px;
	color: #333;
	outline: 0;
}

	
#logo_but_1
{
font-family: abel;
color: #fff;
cursor: pointer;
text-transform: uppercase;
}

#logo_but_1:hover
{
font-family: abel;
color: #777;
cursor: pointer;
text-transform: uppercase;
}

#logo_but_1:active
{
font-family: abel;
color: #777;
cursor: pointer;
text-transform: uppercase;
}

#logo_but_1:focus
{
font-family: abel;
color: #777;
cursor: pointer;
text-transform: uppercase;
}


#palettaimage:hover {
-webkit-filter: drop-shadow(0px 0px 2px #fff); /* Chrome, Safari, Opera */
filter: drop-shadow(0px 0px 2px #fff);
cursor: pointer;
}	

#palettaimage2:hover {
-webkit-filter: drop-shadow(0px 0px 2px #f2c516); /* Chrome, Safari, Opera */
filter: drop-shadow(0px 0px 2px #f2c516);
cursor: pointer;
}	

	
 #palettaimg
 {
	cursor: pointer;
 } 
 
 #palettaimg:hover
 {
	box-shadow:0px 0px 10px #000;
 }
#palettaimg:active
 {
	box-shadow:0px 0px 10px #000;
 }
 #palettaimg:focus
 {
	box-shadow:0px 0px 10px #000;
 }
 
 
.mfp-img
{
	background-image: url(http://intrudair.com/m/bg_black.jpg);
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid rgba(221, 221, 221, 0.03);
}
.btn-danger {
    color: #fff;
    background-color: #555;
    border-color: #333;
}
.btn-danger:hover {
    color: #fff;
    background-color: #333;
    border-color: #555;
}
.btn-danger:active {
    color: #fff;
    background-color: #333;
    border-color: #555;
}

.btn btn-primary start {
    color: #000;
    background-color: #f2c516;
    border-color: transparent;
}
.btn btn-warning cancel {
    color: #fff;
    background-color: #333;
    border-color: f2c516;
}

.tab-content {
    font-family: 'Abel';
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 0px;
    line-height: 1.42857143;
    vertical-align: top;
	border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 0px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}
.preview > a img 
{
	max-height: 40px;
}
.preview > canvas
{
	max-height: 40px;
}
.size > p
{
	margin: 0px;
}

.progress {
    height: 10px;
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #333;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.progress-bar-success {
    background-color: #f2c516;
}
.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}


@keyframes shake-opacityka {
	10% {
		transform: translate(3px, 3px) rotate(.5deg);
		opacity: .05
	}
	20% {
		transform: translate(-1px, 0px) rotate(-.5deg);
		opacity: .74
	}
	30% {
		transform: translate(-1px, -3px) rotate(-1.5deg);
		opacity: .53
	}
	40% {
		transform: translate(3px, -2px) rotate(.5deg);
		opacity: .46
	}
	50% {
		transform: translate(0px, 1px) rotate(.5deg);
		opacity: .77
	}
	60% {
		transform: translate(0px, -3px) rotate(-1.5deg);
		opacity: .72
	}
	70% {
		transform: translate(0px, -4px) rotate(.5deg);
		opacity: .39
	}
	80% {
		transform: translate(-3px, -1px) rotate(.5deg);
		opacity: .16
	}
	90% {
		transform: translate(-4px, 2px) rotate(.5deg);
		opacity: .61
	}
	0%, 100% {
		transform: translate(0, 0) rotate(0)
	}
}
.class1 {
	animation-name: shake-opacityka;
	animation-duration: .5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-delay: 1s;
	
	-webkit-animation-name: shake-opacityka;
	-webkit-animation-duration: .5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-delay: 1s;
}

#paletta16 img
{
    width: 95px;
}
#paletta16
{

    margin-top: -60px;
}
#palettaimg
{
	width: 30px;
}
#palettaimage img 
{
    margin-top: 10px;
	
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) 
{

	
#palettaimg
{
	width: 20px;
}
.panyobr{display:block;}
#brbug1{display:block;}
#brbug2{display:block;}
#brbugz1{display:block;}
#brbugz2{display:block;}

#paletta16
{
    padding-left: 30px;
    padding-right: 30px;
	
    margin-top: -80px;
}

#paletta16 img
{
    width: 75px;
}

#palettaimage img 
{
    margin-top: -21px;
	
    margin-bottom: 0px;

}


}