@charset "utf-8";

/* CSS Document */



/*------------------------------------Common CSS END------------------------------------*/



@font-face {

    font-family: 'robotoregular';

    src: url('fonts/Roboto-Regular-webfont.eot');

    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Roboto-Regular-webfont.woff') format('woff'),

         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),

         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'robotomedium';

    src: url('fonts/Roboto-Medium-webfont.eot');

    src: url('fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Roboto-Medium-webfont.woff') format('woff'),

         url('fonts/Roboto-Medium-webfont.ttf') format('truetype'),

         url('fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'robotobold';

    src: url('fonts/Roboto-Bold-webfont.eot');

    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/Roboto-Bold-webfont.woff') format('woff'),

         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),

         url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'bebas_neueregular';

    src: url('fonts/BebasNeue-webfont.eot');

    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/BebasNeue-webfont.woff') format('woff'),

         url('fonts/BebasNeue-webfont.ttf') format('truetype'),

         url('fonts/BebasNeue-webfont.svg#bebas_neueregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'reckonerregular';

    src: url('../fonts/Reckoner-webfont.eot');

    src: url('../fonts/Reckoner-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Reckoner-webfont.woff') format('woff'),

         url('../fonts/Reckoner-webfont.ttf') format('truetype'),

         url('../fonts/Reckoner-webfont.svg#reckonerregular') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'reckoner_boldcondensed_bold';

    src: url('../fonts/Reckoner_Bold-webfont.eot');

    src: url('../fonts/Reckoner_Bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/Reckoner_Bold-webfont.woff') format('woff'),

         url('../fonts/Reckoner_Bold-webfont.ttf') format('truetype'),

         url('../fonts/Reckoner_Bold-webfont.svg#reckoner_boldcondensed_bold') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'jersey_m54regular';

    src: url('../fonts/jersey_m54-webfont.eot');

    src: url('../fonts/jersey_m54-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/jersey_m54-webfont.woff') format('woff'),

         url('../fonts/jersey_m54-webfont.ttf') format('truetype'),

         url('../fonts/jersey_m54-webfont.svg#jersey_m54regular') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'oswaldmedium';

    src: url('../fonts/oswald-medium-webfont.eot');

    src: url('../fonts/oswald-medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/oswald-medium-webfont.woff') format('woff'),

         url('../fonts/oswald-medium-webfont.ttf') format('truetype'),

         url('../fonts/oswald-medium-webfont.svg#oswaldmedium') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'glyphicons-halflings-regular';

    src: url('../fonts/glyphicons-halflings-regular.eot');

    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),

         url('../fonts/glyphicons-halflings-regular.woff') format('woff'),

         url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),

         url('../fonts/glyphicons-halflings-regular-webfont.svg#oswaldmedium') format('svg');

    font-weight: normal;

    font-style: normal;



}



/*------------------------------------Fonts CSS END------------------------------------*/

	

.top_color{

	background-color:#fff;

	}

	

.logo{

	background-image:url(../images/knight_logo.png);

	background-repeat:no-repeat;

	font-family: 'oswaldmedium';

	color:#000;

	font-size:25px;

	text-transform:uppercase;

	padding:10px 0px 70px 333px; 

	}													

.logo:hover{

	text-decoration:none;

	color:#0b0c1a;

	}

	

	.SoicalBox { 

margin-top:12px;

float:right;

}

.SoicalBox a.FB { 

background:url(../images/fb.png) no-repeat; 

width:34px; 

height:34px; 

text-indent:-99999px;

display:block; 

float:left;

}

.SoicalBox a.TW {

	 background:url(../images/tw.png) no-repeat; 

	 width:34px;

	  height:34px; 

	  text-indent:-99999px; 

	  display:block;

	  margin-left:5px;

	   float:left;

	   }



.SoicalBox a.YT { 

background:url(../images/in.png) no-repeat;

 width:34px;

  height:34px; 

  text-indent:-99999px;

   display:block;

    margin-left:5px;

	 float:left;

	 }

.SoicalBox a.GM { 

background:url(../images/GP.png) no-repeat;

 width:34px;

  height:34px; 

  text-indent:-99999px;

   display:block;

    margin-left:5px;

	 float:left;

	 }

.SoicalBox a.FB:hover { opacity:0.5;}

.SoicalBox a.TW:hover { opacity:0.5;}

.SoicalBox a.YT:hover { opacity:0.5;}	

.SoicalBox a.GM:hover { opacity:0.5;}


.top_color2{

	background-color:#0b0c1a;

	}

	

.bg{

	background-color:#F4F4F4;

	background-image:url(../images/bg.jpg);

	background-repeat:no-repeat;

	}

	

.box{

	box-shadow:0px 1px 10px 1px rgba(0,0,0,0.65);

	border-radius:5px;

	}

	

.iner_box{

	background-color:#ad0e0e;

	border-top-left-radius:5px;

	border-top-right-radius:5px;

	font-family: 'oswaldmedium';

	text-transform:uppercase;

	color:#fff;

	text-align:center;

	font-size:20px;

	padding:5px;

	}

	

.box_p{

	background-color:#fff;

	}

	

.box_p>a>img{

	margin-left:auto;

	margin-right:auto;

	}

	

.left{

	float:left;

	}	

	

.text{

	color:#000;

	font-size:14px;

	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;

	margin-left: 10px;

    margin-top: 20px;

    margin-bottom: 0px;

	}

	

.text>span{

	color:#ad0e0e;

	}	

	

.right2{

	float:right;

	}

	

.right2>a>img{

    margin-top: 30px;

    margin-right: 20px;

	}

	

.h_text{

	color:#000;

	font-family: 'oswaldmedium';

	font-size:20px;

	text-transform:uppercase;

	margin-top:5px;

	}

	

.line{

	border-bottom:1px solid #ccc;

	margin-top:10px;

	}

	

.h_text2{

	color:#000;

	font-family: 'oswaldmedium';

	font-size:20px;

	text-transform:uppercase;

	text-align:center;

	margin-top:10px;

	}

	

.box2{

	}

	

.box2>a>img{

	margin-left:auto;

	margin-right:auto;

	}

	

.box3{

   border: 0px solid #c8c8c8;

  -webkit-box-shadow: 0px 0px 10px rgba(10, 10, 10, 0.10);

  -moz-box-shadow: 0px 0px 10px rgba(10, 10, 10, 0.10);

   box-shadow: 0px 0px 10px rgba(10, 10, 10, 0.10);

   border-radius: 10px;

   background-color:#fff;

	}

	

.box3:hover{

	 border:0px solid #858585;

	-webkit-box-shadow:  0px 2px 15px rgba(192,192,192,1.00);

	-moz-box-shadow:   0px 2px 15px rgba(192,192,192,1.00);

	box-shadow:   0px 2px 15px rgba(192,192,192,1.00);

	}		

	

	

.text3{

	color:#0b0c1a;

	font-family: 'oswaldmedium';

	font-size:20px;

	text-transform:uppercase;

	}

	

.text3>span{

	font-size:15px;

	}	

	

.m_top{

	margin-top:20px;

	}

	

.text4{

	font-size:12px;

	color:#4d4d4d;

	}	

	

.right{

padding:5px 0 8px 14px;

background:url(../images/right.png) 0 8px no-repeat;

text-decoration:none;

color:#4d4d4d;

font-size:12px;

float:inherit;

}



.right:hover{

	color:#000;

    text-decoration:none;

}



.h_text6{

	color:#000;

	font-family: 'oswaldmedium';

	text-align: left;

	text-transform:uppercase;

	font-size:18px;

	}



.f_text{

	color:#000;

	font-size:12px;

	float:left;

	}



.f_text>a{

	color:#000;

	text-decoration:none;

	}

.f_text>a:hover{

	color:#000;

	}	

	

.f_text2{

	color:#000;

	font-size:12px;

	float:right;

	}



.f_text2>a{

	color:#000;

	text-decoration:none;

	}

.f_text2>a:hover{

	color:#000;

	}		

		

			

/*==================================================

=            detaile page   style                =

==================================================*/






.ContactForm { float:right; /*margin-top:-135px;*/}

.Thanks { margin-bottom:10px; font-size:18px; font-weight:bold; color:#060;}

.FormField { margin-bottom:5px; color:#000; margin-top:10px;}

.FormField legend { float:left; width:225px; color:#1f1f1f; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;/* text-align:right; padding-right:10px;*/}

.FormField label { float:left; margin-left:5px;}

.FormField input.UpdateBtn { background:#d3d3d3; padding:3px 6px; color:#1f1f1f; border:none; font-family:'UbuntuR'; cursor:pointer;}

.FormField input.UpdateBtn:hover { box-shadow:none; border:none;}

.FormField input, .FormField select, .FormField textarea { float:left; border:1px solid #ccc; color:#000; font-size:12px; padding:5px; background:#fff; transition: all 0.5s ease-in-out 0s; width:100%;}

.FormField input:hover, .FormField select:hover, .FormField textarea:hover, .FormField input:focus, .FormField select:focus, .FormField textarea:focus { border-color:#1f1f1f; }



.FormField input.Buttonfeed {

    background: none repeat scroll 0 0 #fff;

    border: medium none;

    box-shadow: none;

    color: #FFFFFF;

    cursor: pointer;

    float: right;

    font-family: 'robotomedium';

    font-size: 11px;

    font-weight: normal;

    height: 30px;

    margin: 10px 0 20px;

    padding: 0 8px;

    text-align: center;

    text-transform: uppercase;

    transition: all 0.5s ease-in-out 0s; margin-right:120px; border-color:#1f1f1f; box-shadow:0px 0px 10px #1f1f1f;

}

.QuoteForm { margin-top:50px;}



.FormField input.Buttonfooter { float:right; color:#1f1f1f;}



.OrdHisTop { background:#1f1f1f; float:left; margin-top:15px; width:100%; margin-left:10px;}

.OrdHisTop ul { margin:0px; padding:0px;}

.OrdHisTop li { display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; border-right:1px solid #2C3137; padding:5px 0px; width:17%; text-align:center; list-style:none}

.OrdHisTop li:first-child { width:25px;}

.OrdHisTop li:last-child { border:none; width:145px;}



.EmptyCart { margin:20px 0px; text-align:center; font-size:14px; font-weight:bold;}

.EmptyCart a { color:#F00;} .EmptyCart a:hover { text-decoration:none;}

.BasketCon { padding:10px 0px; border:solid #2C3137; float:left; width:100%; margin-left:10px; border-width:0px 1px 1px; margin-bottom:15px;}

.BasketImg { width:115px; float:left; border-right:1px solid #2C3137;}

.BasketDetails { float:left; width:47%; padding:0 3px; display:block}

.BasketDetails p { border-bottom:1px solid #2C3137; padding-bottom:3px; margin-bottom:8px; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#424242;}

.BasketQty { width:17%; float:left; padding:0 3px;}

.BasketCon .txt_id { background:#f1f1f1; border:1px solid #666; text-align:center; margin-bottom:8px;}

.BasketRate { width:13%; float:left; text-align:center; font-size:14px;}

.BasketTotal { width:13%; float:left; text-align:center; padding:0 3px;}

.BasketTotal p { font-size:14px; margin-bottom:10px;}

.BasketTotal a { color:#F00;} .BasketTotal a:hover { text-decoration:none}

.TotalCon { float:right; margin-top:15px; font-family:Arial, Helvetica, sans-serif; margin-right:10px;}

.TotalQA { background:#f1f1f1; border:1px solid #ccc; padding:5px;}

.TotalQA label { font-weight:bold; color:#000; float:left; margin-right:10px;}

.TotalQA span { float:right; font-size:14px; font-weight:bold; color:#900}

.TotalCon p { margin-top:8px; margin-bottom:15px; }

.TotalCon p a { background:#1f1f1f; color:#fff !important; font-weight:bold; padding:7px;}

.TotalCon p a:hover { text-decoration:none;}

.UpdateBtn { background:#000; padding:3px 12px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; border:none; cursor:pointer;}

.UpdateBtn:hover { background:#666; color:#fff;}

.QuoteForm { margin:15px;}

.SubmitText { font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#060; padding-top:30px; text-decoration:underline; min-height:250px;}



	

.Pagination { clear:both; margin-bottom:10px;}

.Pagination a { background:#8d8d8d; padding:3px 6px; font-size:11px; font-family:'robotomedium'; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; color:#fff;}

.Pagination a:hover, .Pagination a.paging_act { background:#1f1f1f;}



.ProImgCon { float:left; width:450px; margin:5px; margin-left:10px;}

.ProdDetailImg { background:#fff; width:450px; height:450px; display:table-cell; vertical-align:middle; border:1px solid #1f1f1f;}

.ProdDetailImg:hover {}



.ProDetailsCon { float:right; padding:15px; /*margin-left:20px;*/ width:50%;}

.ProDetailsCon h1 { color:#1f1f1f; font-size:22px; font-family:'arial'; font-weight:normal; text-transform:uppercase;}

.DetailArt { padding:7px 5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333; 

font-size:13px; font-family:'arial'; margin:8px 0 10px; box-shadow:0px 0px 2px #1f1f1f; }

.DetailArt span { color:#333;}

.DetailsCon { padding:7px 5px; min-height:100px; margin-bottom:10px; color:#333; 

box-shadow:0px 0px 2px #1f1f1f; }

.DetailsCon p { color:#333; font-size:12px; font-family:'arial';}

.DetailsCon span { color:#333; font-size:13px; font-family:'arial'; }

.ProdOpt {padding:7px 5px; margin-bottom:8px; box-shadow:0px 0px 2px #1f1f1f; }

.ProdOpt span { width:70px; font-size:13px; font-family:'arial'; color:#333; display:inline-block;}

.ProdOpt select { border:1px solid #ccc; padding:2px; color:#666; background:#f7f7f7;}

.ProdOpt input { border:1px solid #ccc; width:50px; padding:2px; color:#666; background:#f7f7f7;}

.Button { background:#8d8d8d; border:none; padding:4px 6px; color:#fff; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:8px 0 10px 0px; color:#1f1f1f;}

.Button:hover { background:#14171c; cursor:pointer; color:#d8d8d8;}



.moveL { /*width:500px;*/}



.PicBox { float:left; width:250px; height:250px; border:1px solid #1f1f1f; margin:11px;}

	

		

/*==================================================

=            Bootstrap 3 Media Queries             =

==================================================*/



    /*==========  Mobile First Method  ==========*/





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

	

	.ContactForm { float:left; margin-top:-45px;}

		.ProDetailsCon { float:left; padding:15px; /*margin-left:20px;*/ width:100%;}

	

}



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

	

		.ContactForm { float:left; margin-top:-45px;}

	

	

}