.buttons@import url("reset.css");

@font-face {
    font-family: 'varsity_regular';
    src: url('fonts/varsity_regular.eot') format('embedded-opentype'),
    url('fonts/varsity_regular.woff') format('woff'),
    url('fonts/varsity_regular.ttf') format('truetype'),
    url('fonts/varsity_regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Freshman';
    src: url('fonts/Freshman.eot') format('embedded-opentype'),
    url('fonts/Freshman.woff') format('woff'),
    url('fonts/Freshman.ttf') format('truetype'),
    url('fonts/Freshman.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Indiana';
    src: url('fonts/Indiana.eot') format('embedded-opentype'),c
    url('fonts/Indiana.woff') format('woff'),
    url('fonts/Indiana.ttf') format('truetype'),
    url('fonts/Indiana.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NexaSlabHeavy';
    src: url('fonts/NexaSlabHeavy.eot') format('embedded-opentype'),
    url('fonts/NexaSlabHeavy.woff') format('woff'),
    url('fonts/NexaSlabHeavy.ttf') format('truetype'),
    url('fonts/NexaSlabHeavy.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Clarendon_BLK_BT';
    src: url('fonts/Clarendon_BLK_BT.eot') format('embedded-opentype'),
    url('fonts/Clarendon_BLK_BT.woff') format('woff'),
    url('fonts/Clarendon_BLK_BT.ttf') format('truetype'),
    url('fonts/Clarendon_BLK_BT.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AmericanCaptain';
    src: url('fonts/AmericanCaptain.eot') format('embedded-opentype'),
    url('fonts/AmericanCaptain.woff') format('woff'),
    url('fonts/AmericanCaptain.ttf') format('truetype'),
    url('fonts/AmericanCaptain.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Impact';
    src: url('fonts/Impact/Impact.eot?#iefix') format('embedded-opentype'),
    url('fonts/Impact/Impact.woff') format('woff'),
    url('fonts/Impact/Impact.ttf') format('truetype'),
    url('fonts/Impact/Impact.svg#Impact') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'stencil';
    src: url('fonts/stencil.eot') format('embedded-opentype'),
    url('fonts/stencil.woff') format('woff'),
    url('fonts/stencil.ttf') format('truetype'),
    url('fonts/stencil.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Chianti_BDIT_BT';
    src: url('fonts/Chianti_BDIT_BT.eot') format('embedded-opentype'),
    url('fonts/Chianti_BDIT_BT.woff') format('woff'),
    url('fonts/Chianti_BDIT_BT.ttf') format('truetype'),
    url('fonts/Chianti_BDIT_BT.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Futura_Md_BT_Bold';
    src: url('fonts/Futura_Md_BT_Bold.eot') format('embedded-opentype'),
    url('fonts/Futura_Md_BT_Bold.woff') format('woff'),
    url('fonts/Futura_Md_BT_Bold.ttf') format('truetype'),
    url('fonts/Futura_Md_BT_Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LicensePlate';
    src: url('fonts/LicensePlate.eot') format('embedded-opentype'),
    url('fonts/LicensePlate.woff') format('woff'),
    url('fonts/LicensePlate.ttf') format('truetype'),
    url('fonts/LicensePlate.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SFSquareHead';
    src: url('fonts/SFSquareHead.eot') format('embedded-opentype'),
    url('fonts/SFSquareHead.woff') format('woff'),
    url('fonts/SFSquareHead.ttf') format('truetype'),
    url('fonts/SFSquareHead.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ComicSansMS';
    src: url('fonts/ComicSansMS.eot') format('embedded-opentype'),
    url('fonts/ComicSansMS.woff') format('woff'),
    url('fonts/ComicSansMS.ttf') format('truetype'),
    url('fonts/ComicSansMS.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Herculanum';
    src: url('fonts/Herculanum.eot') format('embedded-opentype'),
    url('fonts/Herculanum.woff') format('woff'),
    url('fonts/Herculanum.ttf') format('truetype'),
    url('fonts/Herculanum.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HoboStd';
    src: url('fonts/HoboStd.eot') format('embedded-opentype'),
    url('fonts/HoboStd.woff') format('woff'),
    url('fonts/HoboStd.ttf') format('truetype'),
    url('fonts/HoboStd.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LucidaHandwriting';
    src: url('fonts/LucidaHandwriting.eot') format('embedded-opentype'),
    url('fonts/LucidaHandwriting.woff') format('woff'),
    url('fonts/LucidaHandwriting.ttf') format('truetype'),
    url('fonts/LucidaHandwriting.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brush-script-mt';
    src: url('fonts/brush-script-mt.eot') format('embedded-opentype'),
    url('fonts/brush-script-mt.woff') format('woff'),
    url('fonts/brush-script-mt.ttf') format('truetype'),
    url('fonts/brush-script-mt.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

 
@font-face {
 font-family: MyCustomFont;
 src: url("fonts/SegoePrint.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("fonts/SegoePrint.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
    font-family: 'CarbonBlock';
    src: url('fonts/CarbonBlock/CarbonBlock.eot?#iefix') format('embedded-opentype'),
    url('fonts/CarbonBlock/CarbonBlock.woff') format('woff'),
    url('fonts/CarbonBlock/CarbonBlock.ttf') format('truetype'),
    url('fonts/CarbonBlock/CarbonBlock.svg#CarbonBlock') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'Homestead-Regular';
    src: url('fonts/Homestead-Regular/Homestead-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/Homestead-Regular/Homestead-Regular.woff') format('woff'),
    url('fonts/Homestead-Regular/Homestead-Regular.ttf') format('truetype'),
    url('fonts/Homestead-Regular/Homestead-Regular.svg#Homestead-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'athletic';
	src: url('fonts/athletic/ATIC.eot');
	src: url('fonts/athletic/ATIC.eot?#iefix') format('embedded-opentype'),  url('fonts/athletic/ATIC.woff') format('woff'),  url('fonts/athletic/ATIC.ttf') format('truetype'),  url('fonts/athletic/ATIC.svg#11s01_black_tuesdayregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Tyrone';
	src: url('fonts/Tyrone/Tyrone.eot');
	src: url('fonts/Tyrone/Tyrone.eot?#iefix') format('embedded-opentype'),  url('fonts/Tyrone/Tyrone.woff') format('woff'),  url('fonts/Tyrone/Tyrone.ttf') format('truetype'),  url('fonts/Tyrone/Tyrone.svg#11s01_black_tuesdayregular') format('svg');
	font-weight: normal;
	font-style: normal;
}@font-face {
	font-family: 'afl';
	src: url('fonts/afl/afl.eot');
	src: url('fonts/afl/afl.eot?#iefix') format('embedded-opentype'),  url('fonts/afl/afl.woff') format('woff'),  url('fonts/afl/afl.ttf') format('truetype'),  url('fonts/afl/afl.svg#11s01_black_tuesdayregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'black_tuesday';
	src: url('fonts/black/11s0blt_-webfont.eot');
	src: url('fonts/black/11s0blt_-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/black/11s0blt_-webfont.woff') format('woff'),  url('fonts/black/11s0blt_-webfont.ttf') format('truetype'),  url('fonts/black/11s0blt_-webfont.svg#11s01_black_tuesdayregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
font-family: 'NasalizationRg-Regular';
font-style: normal;
font-weight: normal;
src: local('NasalizationRg-Regular'), url('fonts/nasalization/nasalization rg.woff') format('woff');
}

* {
    margin: 0;
    padding: 0;
}
 
 
   body {
	width: 100%;
	font-family: Arial, sans-serif;
	font-weight: normal;
	background-size: cover;
	background-attachment: scroll; background-color:#000000
 
}

 

a {
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -transition: all 0.2s ease-in;
    text-decoration: none;
}

a:hover {
    opacity: 0.8;
}

.wrapper {
    width: 999px;
    margin: 0 auto;
}

header {
   /* background: -webkit-linear-gradient(#ddbf17, #c2a713); */
   /* background: -o-linear-gradient(#ddbf17, #c2a713);*/
  /*  background: -moz-linear-gradient(#ddbf17, #c2a713);*/
   /* background: linear-gradient(#ddbf17, #c2a713); */
    height: 118px;background-color: #ffffff
}

#logo {
    text-align: center;
    padding: 5px 0;
}

#logo a {
    display: block;
}

.container {
    width: 1022px;
    margin: 0 auto;
    position: relative;
}

content {
    display: inline-block;
    width: 100%;
    margin-top: -120px;
    _overflow: hidden;
}

#body-top {
    background: url(../images/top-panel.png) no-repeat;
    height: 141px;
    width: 993px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    top: 0px;
}

#body-lt {
    background: url(../images/right-panel.png) top right no-repeat;
    height: 716px;
    width: 179px;
    margin: 0 auto;
    position: absolute;
    left: -165px;
    top: 0px;
    z-index: 1
}

#body-rt {
    background: url(../images/left-panel.png) top right no-repeat;
    height: 716px;
    width: 177px;
    margin: 0 auto;
    position: absolute;
    right: -162px;
    top: 0px;
    z-index: 1
}

#body-btm {
 background: url(../images/bottom-panel.png) center no-repeat;   
  height: 69px;
    width: 993px;
    z-index: 1;
    background-size: contain;
    margin: 0 auto;
    
 
}
#body-border {
    height: 716px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 5px;
    z-index: 0;
    background: url(../images/backbg.jpg) repeat-x center top;
}

#body-cover {
    width: 100%;
    margin: 4px auto 0;
    

}


.content {
    height: 526px;
 /*background: url(../images/main-content-area.png) repeat-x;  */
    background-color:#000000 ;
    width: 994px; 
    margin: 0px auto 0px;
}

.content-container {
    margin: -15px 19px;padding-top: 20px;
}

#menu {
    display: inline-block;
    width: 100%;
}

#menu ul {
    margin: 0;
    padding: 0
}

#menu ul li {
    display: inline-block;
    list-style: none;
}

#menu ul li a {
    display: block;
   /* background: -webkit-linear-gradient(#3a3a3a, #232323);
    background: -o-linear-gradient(#3a3a3a, #232323);
    background: -moz-linear-gradient(#3a3a3a, #232323);
    background: linear-gradient(#3a3a3a, #232323);   */
    color: white;
    padding: 0 5px;
    border-radius: 4px;
    font-weight: bold; font-family:  MyCustomFont;
    min-width: 145px;
    text-shadow: 0px 1px 0px #000;
    margin-right: 5px;
    border-bottom: 1px solid black;
}

#menu ul li a:last-child {
    margin: 0
}

#menu ul li i {
    display: inline-block;
    font-size: 31px;
    vertical-align: middle;
}

.menu-arrow {
    display: inline-block;
    background: url(../images/menu-arrow.png) no-repeat;
    height: 41px;
    width: 14px;
    vertical-align: middle;
    margin-right: 5px;
}

#menu ul li p {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
}

#menu ul li a:hover {
    opacity: 1;
    color: #000;
    text-shadow: 0px 1px 0px #000; background-color:#f6df22;
  /*  background: -webkit-linear-gradient(#e8000c, #e8000c);
    background: -o-linear-gradient(#e8000c, #e8000c);
    background: -moz-linear-gradient(#e8000c, #e8000c);
    background: linear-gradient(#e8000c, #e8000c);  */
	 
    border-bottom: 1px solid #be7000
}

.active {
   opacity: 1;
    color: #fff !important; background-color:#01009a;    display: inline-block;
    list-style: none;  
    text-shadow: 0px 1px 0px #000; !important;
    
    border-bottom: 1px solid #000 !important
}


#menu-title {
	display: inline-block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	font-size: 18px;
	font-family:MyCustomFont;
	margin: 25px 0 25px;
	font-weight: bold;
 
}

.garment-box {
 /* background: white;  */
    text-align: center;
    display: inline-block;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    min-width: 175px;
    padding: 3px 0 0;
    margin-right: 8px;
    margin-bottom: 15px;
    color: white;
}

.garment-box p {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0; font-family:MyCustomFont;
   /* background: -webkit-linear-gradient(#0d2759, #0d2759);
    background: -o-linear-gradient(#0d2759, #0d2759);
    background: -moz-linear-gradient(#0d2759, #0d2759);
    background: linear-gradient(#0d2759, #0d2759);  
	background-color: red;*/
}

.garment-box:nth-child(5n) {
    /*margin-right: 0;*/
}

.garment-box:hover {
    opacity: 1;
    color: white;
    background: #8c8c8c;
}

#help {
    text-align: center;
    font-size: 12px;
    color: black;
	padding: 20px 30px 0px 30px;
}

#copyrights {
    margin: 20px 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #000;
    font-size: 12px;
}

.sec {
    height: 520px;
}

.mCSB_dragger_bar {
    background: #e8000c!important;
}

.mCSB_draggerRail {
    background: url(../images/scroll-bg.jpg) repeat-y !important;
    opacity: 1 !important
}

#playground {
    display: none;
    width: 100%;
    text-align: center;
}

#selection {
    width: 303px;
    border-radius: 5px;
   background: #000;  
    height: 424px;
    float: right;
}

#lt-heading {
   /* background: -webkit-linear-gradient(#d1d1d1, #dddddd);
    background: -o-linear-gradient(#d1d1d1, #dddddd);
    background: -moz-linear-gradient(#d1d1d1, #dddddd);
    background: linear-gradient(#d1d1d1, #dddddd);  */
    margin: 10px  0 10px 10px; background-color:gold;font-family:mycustomfont;
    font-weight: bold;
    color: #000;
    text-shadow: 0px 1px 0px #F7F5F5;
    border-radius: 30px;
    padding: 0px 10px;
    box-shadow: inset 0px 1px 3px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 3px #a8a8a8;
    -o-box-shadow: inset 0px 1px 3px #a8a8a8;
    -moz-box-shadow: inset 0px 1px 3px #a8a8a8;
    position: relative;
    font-size: 13px;
    text-align: center;
    width: 240px;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid gold;
    position: absolute;
    left: 46%;
    bottom: -10px;
}

.designs .scroll {
    height: 360px;
    overflow: hidden;
}

.colors .scroll {
    height: 340px;
}

.sec-lt {
    display: inline-block;
    text-align: left;
    margin: 5px 10px;
    margin-right: 5px;
    width: 96%;
}

.designs a, .garments a {
    margin: 0 4px 14px;
    display: inline-block;
}

.designs a:nth-child(2n), .garments a:nth-child(2n) {
    /*margin-right: 0;*/;
}

#result {
    width: 644px;
    border-radius: 5px;
  background: black;  
    height: 424px;
    float: right;
}

#rt-heading {
 /*   background: -webkit-linear-gradient(#d1d1d1, #dddddd);
    background: -o-linear-gradient(#d1d1d1, #dddddd);
    background: -moz-linear-gradient(#d1d1d1, #dddddd);
    background: linear-gradient(#d1d1d1, #dddddd);  */
	background-color: gold;
    margin: 7px 80px;
    font-weight: bold;
    color: #000;
    text-shadow: 0px 1px 0px #fff;
    border-radius: 30px;
    box-shadow: inset 0px 1px 3px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 3px #a8a8a8;
    -o-box-shadow: inset 0px 1px 3px #a8a8a8;
    -moz-box-shadow: inset 0px 1px 3px #a8a8a8;
    position: relative;
    font-size: 13px;
    height: 30px;
}

#rt-heading a {
    display: inline-block;
    padding: 9px 30px;
    color: #08667d
}

#rt-heading p {
   display: inline-block;
    padding: 8px 99px;
    border: 2px solid white;
    border-radius: 30px;
    box-shadow: inset 0px 1px 3px #a8a8a8;
    /* -webkit-box-shadow: inset 0px 1px 3px #a8a8a8; */
    -o-box-shadow: inset 0px 1px 3px #a8a8a8;
    -moz-box-shadow: inset 0px 1px 3px #a8a8a8;
    position: relative;
    top: -2px;
}

#back {
    float: left;
}

#next {
    float: right;
}

.arrow-down2 {
    left: 48%;
}

#live-view {
    margin-top: 15px;
    position: relative;
    margin-left: 18px;
    height: 100%;
    clear: both; color:#FFFFFF
}

.fluid {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.index9 {
    z-index: 9
}

.index8 {
    z-index: 8
}

.index7 {
    z-index: 7
}

.index6 {
    z-index: 6
}

.index5 {
    z-index: 5
}

.index4 {
    z-index: 4
}

.index3 {
    z-index: 3
}

.index2 {
    z-index: 2
}

.index1 {
    z-index: 1
}

.index0 {
    z-index: 0
}

.color-box {
    margin: 5px 0 0;
}

.color-row {
    margin: 4px 0 0 0;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.color-row label {
    float: left;
    font-size: 12px;
    color: #656565;
    font-weight: bold;
    vertical-align: middle;
    margin-right: 15px;
    min-width: 45px;
    text-align: left;
    margin-top: 10px;
}

.color-row a {
    float: left;
}

.color-row select {
    vertical-align: middle;
    height: 30px;
    border-radius: 5px;
    background: -webkit-linear-gradient(#fbfbfc, #f0f0f1);
    background: -o-linear-gradient(#fbfbfc, #f0f0f1);
    background: -moz-linear-gradient(#fbfbfc, #f0f0f1);
    background: linear-gradient(#fbfbfc, #f0f0f1);
    margin-right: 10px;
    color: #878788;
    font-weight: bold;
}

.color-row span {
    vertical-align: middle;
    float: right;
    width: 65px;
    height: 30px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #C7C7C7;
}

.sec-data, .color-box {
    float: left;
    width: 265px;
}

.sec-data .opt {
    display: inline-block;
    margin: 5px 14px;
}

.opt img {
    background: url('../images/image-bg-loader.gif') center no-repeat;
    background-size: 45% auto;
}

.buttons {
    margin:  0;
    display: inline-block;
    width: 100%;
}

.buttons a {
    float: left;
    width: 94%;
    font-size: 14px;
    font-weight: bold;
    color: #353535;
    padding: 0px;
    border: 1px solid #bfc0c2;
    border-radius: 5px;
    display: block;
    padding-left: 22px;
    margin: 0 10px 10px 5px;
    box-shadow: 0 0px 1px #ccc;
    -webkit-box-shadow: 0 0px 1px #ccc;
    -moz-box-shadow: 0 0px 1px #ccc;
    -o-box-shadow: 0 0px 1px #ccc;
    background: -webkit-linear-gradient(#fbfbfc, #f0f0f1);
    background: -o-linear-gradient(#fbfbfc, #f0f0f1);
    background: -moz-linear-gradient(#fbfbfc, #f0f0f1);
    background: linear-gradient(#fbfbfc, #f0f0f1);
    line-height: 3;
}


.icon {
    width: 35px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    border-left: 1px solid #bfc0c2;
    padding-left: 12px;
    margin-left: 30px;
    padding: 7px 0 7px 12px;
    float: right;
    margin-right: 10px;
}

.icon-send {
    background: url(../images/button-icons.png) 12px 8px no-repeat;
}

.icon-fb {
    background: url(../images/button-icons.png) 12px -29px no-repeat;
}

.icon-tw {
    background: url(../images/button-icons.png) 12px -68px no-repeat;
}

.contact {

}

.text {
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    width: 225px;
    line-height: 22px;
    margin: 0px 0 0 30px;
}

.text span {
    min-width: 50px;
    display: inline-block;
}

#form {
    display: none;
    text-align: left;
    position: relative;
    z-index: 5;
    background-color: black;
	height: 380px;
}

.form-row {
    margin-bottom: 6px;
    width: 45%;
    margin-right: 25px;
    display: inline-block;
    position: relative;
}
label.error
{
    color: red;
    font-size: 11px !important;
    position: absolute;
    right: 0;
    font-style: italic;
}
.form-row-double {
    width: 145px;
    margin-right: 19px;
}

.form-row-half {
    width: 100px;
    margin-right: 0;
}

.form-row-textarea {
    width: 480px;
    margin-right: 0 !important
}

.form-row label {
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
    font-weight: bold;
}

.form-row input, .form-row select, .form-row textarea {
    background: #e6e7ea;
    width: 95%;
    border-radius: 5px;
    border: 1px solid #cecfd1;
    box-shadow: inset 0px 1px 0px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 0px #a8a8a8;
    -o-box-shadow: inset 0px 1px 0px #a8a8a8;
    -moz-box-shadow: inset 0px 1px 0px #a8a8a8;
    padding: 7px;
    outline: none
}

.form-row select {
    width: 100%
}

.form-row textarea {
    height: 55px;
}

.form-btn {
       display: block;
    padding: 8px 5px;
    border-radius: 4px;
    font-weight: bold;
    min-width: 110px;
    font-size: 12px;
    color: white;
    /* text-shadow: 0px 1px 0px #000; */
    /* background: -webkit-linear-gradient(#0d2759, #0d2759); */
    background: -o-linear-gradient(#0d2759, #0d2759);
    background: -moz-linear-gradient(#0d2759, #0d2759);
    /* background: linear-gradient(#ab0b00, #ab0b00); */
    border-bottom: 1px solid #0d2759;
    margin-bottom: 11px;
    border: 0;
    border-bottom: 1px solid #545454;
    cursor: pointer;
    background: red;
}

.form-btn:hover {
    opacity: 0.8;
}

.btn-row {
    display: inline-block;
    vertical-align: top;
    margin-top: 13px;
}

.logo-sec {
    margin: -5px 0;
}

.logo-area {
    display: inline-block;
    margin-left: 4px;
    margin-bottom: 10px;
}

.logo-area p {
    font-size: 12px;
    color: #adadad;
    font-weight: bold;
    text-align: center;
    width: 100%; font-family:mycustomfont;
    margin-bottom: 3px;
}

.logo-img-box {
    display: inline-block;
    width: 57px;
    height: 58px;
    box-shadow: 0 0px 1px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    -o-box-shadow: 0 1px 2px #ccc;
    background: -webkit-linear-gradient(#fbfbfc, #f0f0f1);
    background: -o-linear-gradient(#fbfbfc, #f0f0f1);
    background: -moz-linear-gradient(#fbfbfc, #f0f0f1);
    background: linear-gradient(#fbfbfc, #f0f0f1);
    border-radius: 7px;
    border: 1px solid #b2b3b6;
    vertical-align: top;
}

.logo-img-box img {
    max-width: 100%;
}

.logo-controls {
    display: inline-block;
}

.logo-controls a {
    width: 15px;
    height: 15px;
    box-shadow: 0 0px 1px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    -o-box-shadow: 0 1px 2px #ccc;
    background: -webkit-linear-gradient(#fbfbfc, #f0f0f1);
    background: -o-linear-gradient(#fbfbfc, #f0f0f1);
    background: -moz-linear-gradient(#fbfbfc, #f0f0f1);
    background: linear-gradient(#fbfbfc, #f0f0f1);
    border-radius: 5px;
    border: 1px solid #b2b3b6;
    display: block;
    margin-bottom: 3px;
}

.logo-controls i {
    width: 10px;
    height: 10px;
    margin: 3px;
    display: block;
}

.plus {
    background: url(../images/logo-img-control.png) no-repeat;
}

.minus {
    background: url(../images/logo-img-control.png) 0 -14px no-repeat;
}

.tick {
    background: url(../images/logo-img-control.png) 0 -28px no-repeat;
}

.logo-controls input {
    width: 16px;
    height: 17px;
}

.mCSB_inside > .mCSB_container {
    margin-right: 20px;
}

.embroidery {
    margin: -10px 0 10px;
    text-align: center;
}

.embroidery p {
    display: inline-block;
    font-style: italic;
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    font-weight: bold;
}

.embroidery input {
    vertical-align: middle;
    display: inline-block;
    margin-left: 7px;
    width: 20px;
    height: 17px;
    outline: none;
    border: 1px solid #b2b3b6;
}

.nn-row {
    margin: 10px 0 0;
    display: inline-block;
    width: 100%
}

.nn-row input {
    background: #e6e7ea;
    border-radius: 5px;
    border: 1px solid #cecfd1;
    box-shadow: inset 0px 1px 0px #a8a8a8;
    -webkit-box-shadow: inset 0px 1px 0px #a8a8a8;
    -o-box-shadow: inset 0px 1px 0px #a8a8a8;
    -moz-box-shadow: inset 0px 1px 0px #a8a8a8;
    padding: 7px;
    outline: none;
    display: inline-block;
    width: 31%;
    margin-right: 5px;
}

.nn-row select {
    vertical-align: middle;
    display: inline-block;
    height: 30px;
    width: 100px;
    border-radius: 5px;
    background: -webkit-linear-gradient(#fbfbfc, #f0f0f1);
    background: -o-linear-gradient(#fbfbfc, #f0f0f1);
    background: -moz-linear-gradient(#fbfbfc, #f0f0f1);
    background: linear-gradient(#fbfbfc, #f0f0f1);
    color: #878788;
    font-weight: bold;
}

.size {
    display: inline-block;
    width: 0px;
}

.size select {

    width: 58px;
}

#logo-modal {
    position: absolute;
   /* top: 26%; 
    left: 7%;*/
    width: 880px;
    border: 1px solid white;
    background: rgba(199, 199, 199, 0.9);
    border-radius: 7px;
    box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    z-index: 100;
}

#cross {
    position: absolute;
    top: -17px;
    right: -17px;
    background: url(../images/cross.png) no-repeat;
    width: 42px;
    height: 43px;
}

.logo-content {
    display: inline-block;
    width: 100%;
}

.logo-m-box {

}

.logo-m-box p {
    color: #08667d;
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 5px 15px;
    text-shadow: 0 1px 1px #fff;
}

.logo-lt-box {
    margin: 15px 0 20px 23px;
    display: inline-block;
    vertical-align: top;
}

.logo-lt {
    width: 485px;
    float: left;
    background: #e2e3e6;
    border: 1px solid #abacaf;
    box-shadow: inset 0 0 10px #ccc;
    height: 395px;
    border-radius: 7px;
    border-bottom: 1px solid white;
}

.logo-lt a {
    margin: 15px 14px;
    display: inline-block;
}

.logo-rt-box {
    margin: 15px 23px 20px 0;
    width: 313px;
    float: right;
}

.logo-rt {
    width: 313px;
    float: right;
    background: #e2e3e6;
    border: 1px solid #abacaf;
    box-shadow: inset 0 0 10px #ccc;
    height: 395px;
    border-radius: 7px;
    border-bottom: 1px solid white;
}

.logo-uploader {
    margin: 12px;
}

.img-frame {
    display: inline-block;
    width: 108px;
    height: 104px;
    box-shadow: 0 0px 1px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    -o-box-shadow: 0 1px 2px #ccc;
    background: -webkit-linear-gradient(#fbfbfc, #f0f0f1);
    background: -o-linear-gradient(#fbfbfc, #f0f0f1);
    background: -moz-linear-gradient(#fbfbfc, #f0f0f1);
    background: linear-gradient(#fbfbfc, #f0f0f1);
    border-radius: 7px;
    border: 1px solid #b2b3b6;
}

.img-frame img {
    max-width: 100%;
}

.uploader-form {
    width: 170px;
    display: inline-block;
    vertical-align: top;
}

/* kit handling */
.sec {
    display: none;
}

#sec1 {
    display: block;
}

#custom-logos {

}

#custom-logos img {
    position: absolute;
    z-index: 4;
    display: none;
}

#right2, #left2 {
    margin-left: 50%;
}

#nn {
    position: absolute;
    right: 0;
    z-index: 4
}
#nn2 {
    position: absolute;
    right: 0;
    z-index: 4
}

#num_text {
    margin-top: 10px;
}
#num_text2 {
    margin-top: 10px;
}


/* ------------ */

@media (max-width: 800px) {
    .container, #body-cover {
        width: auto;
    }

    #body-rt {
        _right: 0;
    }
}