html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	outline: none !important;
}
html{
	background:#fff;
}
body{
	font-family: 'Roboto', 'sans-serif';
	background-color:#6e3667;
}

.logo{
	margin-top: 5px;
	font-family: 'Roboto', 'sans-serif';
	font-size:30px;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
}


#home h1 {
	width:100%; 
	font-size:20px;
	 text-align:center; 
	 color:#6e3667;
	  margin:10px 0 5px 0;
	   padding:0;
	    text-transform:uppercase;
		letter-spacing:9px;
}

 h2 {
	width:100%; 
	font-size:30px;
	 text-align:center; 
	 color:#fff;
	  margin:30px 0 0 0;
	  padding:20px 0;
	    text-transform:uppercase;
		font-weight:700;
		text-shadow: 3px 3px 5px rgba(50, 50, 50, 1);
}

#menu a:active {
color:#1fcdff;
}
#menu select {
display: none;
}

#menu .active a {
border:0;

    //color:#88d317;
	color:#cfcfcf;
}
#menu .active a:focus{
	outline: none;
border: none;
}
#menu .active a:active {
	outline: none;
    border: none;
}
#menu .active a:link {
	outline: none;
border: none;
}
#menu .active a:visited  {
	outline: none;
border: none;
}
#menu li{
    -webkit-font-smoothing: antialiased;
	border-right:1px dotted #cfcfcf;
	padding-left: 12px;
	padding-right: 11px;
	float:left;
	font-family: 'Roboto', 'sans-serif';
	font-size:14px;
	color:#fff;
	list-style:none;
	text-transform:uppercase;
	font-weight:700;
	display:inline-block;
	width:131px;
	margin-bottom:15px;
}

#menu li:first-child {
	border-left:1px dotted #cfcfcf;
}

#menu li.last{
	border-right:0;
}
#menu{
	margin-top: 10px;
	float: right;
}
#menu li a{
	color:#fff;
	text-decoration:none;
}
#menu li a:hover{
	border:none;
	outline:none;
	border-bottom: 1px dotted #fff;
}

@media screen and (max-width: 1024px)  {
    #menu {
        margin-left:0;
    }
    #menu li {
        font-size:13px;
	    padding-left: 3px;
	    padding-right: 3px;
        width:108px;
    }
}


.default {
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    background-color:#1a0315!important;
    padding-bottom: 5px;
}
.fixed {
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    /*text-align:center;*/
    z-index: 999;
    position: fixed;
    width: 100%;
    background-color: #1a0315 !important;
	top:0;
}

@media screen and (max-width:768px) {
    .fixed {
        display:none;
    }
    .triangle {
        display:none;
    }
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.triangle {
    border-left: 285px outset transparent;
    border-right: 285px outset transparent;
    height: 0;
    margin: 0 auto 20px auto;
    position: relative;
    text-align: center;
    width: 0;	
}

.focus_btn_stickers {
	
	padding:10px 50px;
	font-size:20px;
	letter-spacing:3px;
	color:#fff;
	border:1px solid #cfcfcf;
}

a.focus_btn_stickers:hover {
	text-decoration:none;
	color:#fff;
	text-shadow: 1px 1px 0 rgba(150, 150, 150, 1);
}

h3 {
	width:100%;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	margin-top:40px;
}

.benefits {
	margin-top:30px;
	float:left;

}

.benefits h4 {
		color:#fff;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		font-size:22px;
}

.benefits h4:before {
	content:"✦ ";
}
.benefits h4:after {
	content:" ✦";
}

.benefits p {
		color:#fff;
				width:100%;
		text-align:center;
		font-size:15px;
}


#about-us p {
	color:#fff;
	font-size:22px;
	width:100%;
	text-align:center;
	margin-top:20px;
	padding:0 70px;
	
}

#stickers-doublesided h2 {background-color:#88d317;}
#stickers-doublesided .triangle {border-top: 30px solid   #88d317;}
#stickers-doublesided .benefits h4:before {color:#88d317;}
#stickers-doublesided .benefits h4:after {color:#88d317;}
#stickers-doublesided a.focus_btn_stickers:hover {background-color:#88d317;}
#stickers-doublesided .video-container {border:10px solid #88D317;}


#stickers-paper h2 {background-color:red;}
#stickers-paper .triangle {border-top: 30px solid red;}
#stickers-paper .benefits h4:before {color:red;}
#stickers-paper .benefits h4:after {color:red;}
#stickers-paper a.focus_btn_stickers:hover {background-color:red;}
#stickers-paper .video-container {border:10px solid red;}


#stickers-plastic h2 {background-color:#13e6b2;}
#stickers-plastic .triangle {border-top: 30px solid #13e6b2;}
#stickers-plastic .benefits h4:before {color:#13e6b2;}
#stickers-plastic .benefits h4:after {color:#13e6b2;}
#stickers-plastic a.focus_btn_stickers:hover {background-color:#13e6b2;}
#stickers-plastic .video-container {border:10px solid #13e6b2;}


#stickers-barcode h2 {background-color:#C4D22B;}
#stickers-barcode .triangle {border-top: 30px solid #C4D22B;}
#stickers-barcode .benefits h4:before {color:#C4D22B;}
#stickers-barcode .benefits h4:after {color:#C4D22B;}
#stickers-barcode a.focus_btn_stickers:hover {background-color:#C4D22B;}
#stickers-barcode .video-container {border:10px solid #C4D22B;}

#about-us h2 {background-color:magenta;}
#about-us p a {color:magenta; font-size:30px;}

#contact h2 {background-color:magenta;}


.send {
    	box-shadow:none;
    background:#bb05bb!important;
}

.send:hover {
    	box-shadow: none!important;
    background:magenta!important;
}

input[type=text]:focus,
 textarea:focus{
   border-color:#1fcdff;
}

.requestor-container form 

.cont a{
    border-bottom:1px dotted #fff;
	color:#fff;
}

.cont a:hover{
	color:#fff;
    border-bottom:1px solid #fff;
}

.requestor-jobcalc 
 .popup-container {
        width:600px;
    }


.cont {
    color:#fff;
}


#SiteEmailingFormResult p {
    color:#fff;
}

.cont .fa {
    color:#cfcfcf;
}

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 1024px)  {
    .logo {
        font-size:25px;
    }
}

@media screen and (max-width: 991px) {
    #menu {display:none;}
    .logo {
        width:100%!important;
        text-align:center;
        font-size:33px;
    }
    .slicknav_menu {
	display:block;
}
}


#stickers-barcode h2,
#stickers-plastic h2,
#stickers-paper h2 {
    margin-top:120px;
}


.calc-btn-container {
    text-align:center;
     margin:30px 0;
     width:100%;
}

@media screen and (max-width: 460px) {
    .requestor-jobcalc 
 .popup-container {
        width:400px;
    }
    .ext-btn {display:none}
    .focus_btn_stickers {
        padding:10px 40px;
    }
    #about-us p {
        font-size:20px;
    }

#stickers-barcode h2,
#stickers-plastic h2,
#stickers-paper h2 {
    margin-top:60px;
}
}

@media screen and (max-width: 400px) {
    .requestor-jobcalc 
 .popup-container {
        width:300px;
    }

}

@media screen and (max-width: 1229px) {
    .cont {
        margin-left: 0 !important;
    }

    .name {
        width: 100% !important;
    }

    .Email {
        width: 100% !important;
    }
}
