@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'BebasNeue';
    src:url('../fonts/BebasNeue.ttf');
    font-weight: normal;
    font-style: normal;
	
}
@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/BebasNeue.otf');
    font-weight: normal;
    font-style: normal;
	
}
@font-face {
    font-family: 'opensans';
    src:url('../fonts/OpenSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
	
}
@font-face {
    font-family: 'opensans';
    src:url('../fonts/OpenSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
	
}
body{font-family:'opensans'!important;}
h1,h2,h3,h4,h5,h6{font-family: 'BebasNeue'!important; font-weight:normal;}
h3{ padding:0px!important; margin:0px!important;}
.title{color: #09F; padding:0px; margin:0px 0px 15px 0px;}
.top-header{ background:#0E76BF;}
.top-login{padding:0px; margin:0px;}
.topmenu{ list-style:none; padding:0px; margin:0px;}
.topmenuli{ height:40px; line-height:40px; padding:0px 20px 0px 18px; display:inline; color:#E3F19C;}
.topmenuli a{color:#E3F19C; text-decoration:none; font-weight:bold;}
.topmenuli a:hover{color:#FFFFFF;}
.btn:hover, .btn:focus, .btn.focus{color:#E3F19C!important; border:none!important}
.btn-group.open .dropdown-toggle{ box-shadow:none!important;}
.login{ background:url(../images/login.png) no-repeat}
.my-account{ background:url(../images/My-account.png) no-repeat;}
.hot-num{color:#E3F19C;font-weight:bold;}
.header{ background:#B5E51D;}
.header-bottom{ background-image:url(../images/header-shadow.png); height:14px;}
.logo{ margin: 30px 0px 0px 0px;}
.logo a{ color:#3F48C4; font-size:38px; font-family:'opensans';}
.search-submit{ background:url(../images/Search-icon.png) no-repeat; position:absolute; float:right; margin-right:3px; height:21px; width:21px;}
.search-icon{ background:url(../images/Search-icon.png) no-repeat; width:21px; height:21px; right:0px;  position:absolute; }
.menu{ margin: 0px 0px 0px 118px; padding:0px;}
.menu ul{ margin:0px; padding:0px;}
.menu ul li{ display:inline; padding:0px 0px 0px 15px;}
.menu ul li a{ color:#333; text-decoration:none; font-size:16px;}
.cart{ border-left:1px solid #FE9B26; padding-left:5px;margin: 0px 0px 5px 0px; }
.banner{ padding-right:0px!important; margin:0px 0px 10px 0px;}
.banner-left{}
.banner-left img{ height:450px;}
.border-top{border-top:1px solid #eee; margin:30px 0px 10px 0px;}
.border-bottom{border-top:1px solid #eee;margin:10px 0px 20px 0px;}
.content h1{ color:#09F; margin:15px 0px 15px 0px;}
.content p{ font-family:'opensans';}
.social-mob{ margin:0px; padding:0px;}
.social-mob ul{margin:0px; padding:0px;}
.socail-mob ul li a{display:inline;}
.social-mob ul li{ display:inline!important; list-style:none;}
.product a{ color:#333; text-decoration:none;}
.product a:hover{ color:#333; text-decoration:none;}
.product-menu-head{ background:#0E76BF; color:#fff; padding:10px;}
.product-menu{background:#B5E51D;}
.product-menu ul{ margin:0px; padding:0px;}
.product-menu ul li{ line-height:38px; border-bottom:1px solid #ccc; padding-left:23px; list-style:none; }
.product-menu ul li a{ color:#333; }
.product{-webkit-box-shadow: 3px 3px 5px 0px rgba(129, 137, 135, 0.75);
-moz-box-shadow:    3px 3px 5px 0px rgba(129, 137, 135, 0.75);
box-shadow:         3px 3px 5px 0px rgba(129, 137, 135, 0.75);}

.product p{padding: 2px 5px 0px 5px;}

.success{ background:#DFF0D8; color:#333; padding:5px; margin:10px;}
.product-menu-head span{ margin:0px 0px 0px 20px; font-size:20px;}
.alert{ background:#FCF8E3; padding:5px!important;}
.footer{ background:#FFFBAA;}
.footer-address{ font-size:14px; padding-top:10px;}
.footer-address ul{ padding:0px; margin:0px;}
.footer-address ul li{ list-style:none; line-height:20px;}
.footer-links{ margin:0px; padding-top:10px;}
.footer-links ul{ margin:0px; padding:0px;}
.footer-links ul li{ list-style:none; line-height:30px;}
.footer-links ul li a{ text-decoration:none; colr:09F;}
.footer-links ul li a:hover{ color:#333; text-decoration:none;}
.footer-bottom{background:#0E76BF; height:40px;}
.footer-bottom{ color:#ffffff; padding:10px 10px 10px 0px;}
.cart-head{margin:0px 0px 20px 0px; background:#F2DEDE; padding:10px;}
.cart-price{vertical-align:middle!important; text-align:center!important;}
.navbar-default{ width:180px;}


 .select-wrapper{
        float: left;
        display: inline-block;
        border: 1px solid #d8d8d8;            
        background: url("../images/search-arrow.png") no-repeat right center;
        cursor: pointer;
    }
    .select-wrapper, .select-wrapper select{        
        height: 36px;
        line-height: 31px;
    }    
    .select-wrapper .holder{
        display: block;
        margin: 0 35px 0 5px;
        white-space: nowrap;            
        overflow: hidden;
        cursor: pointer;
        position: relative;
        z-index: -1;
    }
    .select-wrapper select{
        margin: 0;
        position: absolute;
        z-index: 2;            
        cursor: pointer;
        outline: none;
        opacity: 0;
        /* CSS hacks for older browsers */
        _noFocusLine: expression(this.hideFocus=true); 
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
    }
	

.accordion-heading{
	padding:10px;
	color:#fff;
	border:1px solid #eee;
	text-decoration:none;
	background:#0E76BF;
	color:#fff;
	border-radius:5px;
}
.accordion-heading a{ text-decoration:none; color:#fff; font-family: 'BebasNeue'!important; font-size:16px; letter-spacing:0.1em;}
.accordion-heading a:hover{ text-decoration:none; color:#fff;}
.accordion-toggle{text-decoration:none!important; color:#fff!important; font-family: 'BebasNeue'!important; }
.accordion-toggle collapsed{text-decoration:none; color:#fff; font-family: 'BebasNeue'!important;}
.accordion-toggle a:focus{text-decoration:none; color:#fff;}
.accordion-inner{padding: 5px;
margin: -5px 0px 10px 0px;
font-family: 'opensans'!important;
border-bottom: 1px solid #eee; }
.accordion-inner a{ text-decoration:none; color:#333; font-size:14px; padding-left:30px;}
.accordion-inner a:hover{ text-decoration:none; color:#333;}
.accordion-inner:hover{ background:#F0AE50; color:#333;}

.center-block {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon, 
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}

.icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 46px;
    font-size: 18px;
    padding: 10px 16px 10px 40px;
}

.icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px 5px 28px;
    font-size: 12px;
    line-height: 1.5;
}

.icon-addon.addon-lg .fa,
.icon-addon.addon-lg .glyphicon {
    font-size: 18px;
    margin-left: 0;
    left: 11px;
    top: 4px;
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

.icon-addon.addon-sm .fa,
.icon-addon.addon-sm .glyphicon {
    margin-left: 0;
    font-size: 12px;
    left: 5px;
    top: -1px
}

.icon-addon .form-control:focus + .glyphicon,
.icon-addon:hover .glyphicon,
.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
    color: #2580db;
}
.pathrunner{color:#333;}
.pathrunner a{ text-decoration:none; color:#09F; font-size:14px;}
.pathrunner a:hover{ text-decoration:none; color:#333; font-size:14px;}

.sucess{ color:#3C0; font-size:16px; font-family: 'opensans'!important; margin: 10px 0px 12px 0px;}
.fail{ color:#F00; font-size:16px; font-family: 'opensans'!important; margin: 10px 0px 12px 0px;}

/* Button 2 */

/* orange */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
    padding: 13px 35px 13px 35px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	color:#fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.page 
{
	width:auto;
	font-family:Calibri;
	float:right;
		
}
.current
{
	float:left;
	text-decoration:none;
	display:block;
	background-color:#337AB7;
	color:#fff;
	padding: 3px 5px 4px 5px;
  margin: 0px 3px 0px 3px;
  border: 1px solid #999999;  
  height: 27px;
	
}

.page a
{
	text-decoration: none;
  display: block;
  background: url(../images/main-nav.jpg) repeat;
  color: #333333;
  float: left;
  padding: 3px 5px 4px 5px;
  margin: 0px 3px 0px 3px;
  border: 1px solid #999999;  
  height: 27px;
	
}

.page a:hover
{
	background-color:#337AB7;
	color:#fff;
	text-decoration:none;
}

.caption{font-size: 12px;
  color: #58710D;
  margin: 8px 0px 8px 20px;  
  font-weight: bold;
 }

.more-cont img{
	display: block;
    max-width: 100%;
    height: auto;
    border:1px solid #eee;
    padding:3px;
    margin:0px 10px;
 
}

.more-cont a{
	 color:#0E76BF; font-weight:bold; text-decoration:none;
}

.more-cont table{
	min-height: .01%;
    overflow-x: auto;
    border: 1px solid #ddd;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
   text-align:center;
}

.more-cont table>tbody>tr>td, .more-cont table>tbody>tr>th, .more-cont table>tfoot>tr>td, .more-cont table>tfoot>tr>th, .more-cont table>thead>tr>td, .more-cont table>thead>tr>th{
    padding : 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
     border: 1px solid #ddd;
}
 .testi{background: #0E76BF;
    padding: 50px;
    margin-bottom: 20px;margin-top: 20px;}
	.testi p{text-align: center;
    line-height: 25px;
    color: #fff;}
    .testi h2{color: #E3F19C;}
	.testi h5{text-align: center;
    font-size: 22px;
    margin-top: 25px;font-family: lato!important;
    color: #fff;}
	.lft_arrow1 {
    position: absolute;
    z-index: 1111;
    display: block;
    width: 60px;
    height: 60px;
    background: url(../images/d20.png) no-repeat;
    text-indent: -9999px;
    background-position: -243px -33px;
    border: 0;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    opacity: 0.6;
    bottom: -30px;left: 10px;
    }
.rgt_arrow1 {
    background-position: -302px -33px !important;
    position: absolute;
    z-index: 1111;
    display: block;
    width: 60px;
    height: 60px;
    background: url(../images/d20.png) no-repeat;
    /* text-indent: -9999px; */
    border: 0;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    opacity: 0.6;
    bottom: -30px;
    right: 10px;
}

/*news start*/
article {
  
  
  overflow: hidden;
  position: relative;
  
}


.bg-news {
    background-color: #ff000073;
    padding-top: 10px;
    font-size: 20px;
	font-family: 'BebasNeue'!important;
	margin-top: -13px;
}




@keyframes early 
{ from { opacity:1; } to { opacity:0; } }

.early {
    animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

    animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

    animation-duration:1s;
    animation-delay: 1.5s
}
/*news end*/