@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,700');

@font-face {

    font-family: 'hemi_headbold_italic';

    src: url('../fonts/hemi_head_bd_it-webfont.woff2') format('woff2'),

         url('../fonts/hemi_head_bd_it-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'raleigh_btbold';

    src: url('../fonts/raleighb-webfont.woff2') format('woff2'),

         url('../fonts/raleighb-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}
@font-face {
    font-family: 'book_antiquaregular';
    src: url('../fonts/bkant-webfont.woff2') format('woff2'),
         url('../fonts/bkant-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.sub_banner{ text-align:center;}
.top_number_new{font-family: 'book_antiquaregular';color:#d9534f; padding:6px 0; text-align:center; font-size:20px;}
.top_bg{ background:#0f0f0f;}

.top_icons{ color:#fff; padding:10px 0;}

.top_icons a{ color:white; padding:0 10px;}

.top_icons a:hover{ color:#ef4136;}

.top_number{font-family: 'Work Sans', sans-serif; color:white; padding:10px 0; text-align:right;}

.top_number a{ color:white;}

.top_number a:hover{ color:#ef4136; text-decoration:none;}

.top_number i{ color:#ef4136;}

.top_number{ text-align:center;}

.search-icons{ text-align:right; padding:50px 0; color:white;}

.search-icons a{ color:white;}

.search-icons a:hover{ color:#000;}
.saerch_btn{ background:#ed3237; padding:15px; border-radius:5px;}

.nav_bar{ padding:50px 0;}

.menu_name{ font-family: 'Work Sans', sans-serif; padding:20px 0 20px 15px; text-align:left; border-right:solid 1px #1a1a1a; border-bottom:solid 1px #1a1a1a; display:block; text-transform:capitalize;}

.menu_name a{ font-family: 'Work Sans', sans-serif; color:white; display:block; font-size:20px;}

.menu_name a:hover{ color:#ef4136; text-decoration:none; display:block;}

.menu_name i{ font-size:25px;}

.mega-dropdown-menu{ min-width:200px !important;}

.navbar-toggle{ background-color:#ef4136 !important; border-radius:0px; border:solid 1px #ef4136 !important; } .navbar-default .navbar-toggle .icon-bar { background:#fff !important; } .navbar-toggle .icon-bar { position: relative; transition: all 500ms ease-in-out; } .navbar-toggle.active .type1 { top: 6px; transform: rotate(46deg); } .navbar-toggle.active .type2 { background-color: transparent !important; } .navbar-toggle.active .type3 { top: -6px; transform: rotate(-50deg); }

.logo-bg{position:absolute; z-index:999; width:100%;}

.logo{ padding:28px 0;}

.menu_name{ font-family: 'Work Sans', sans-serif; padding:20px 0 20px 15px; text-align:left; border-right:solid 1px #1a1a1a; border-bottom:solid 1px #1a1a1a; display:block; text-transform:capitalize;}

.menu_name a{ font-family: 'Work Sans', sans-serif; color:white; display:block;}

.menu_name a:hover{ color:#ef4136; text-decoration:none; display:block;}

.menu_name i{ font-size:12px;}

.mega-dropdown-menu{ min-width:200px !important;}

.padding{ padding-left:0px; padding-right:0px;}

.welcome-bg{ background:#000 url(../images/company.jpg) center top no-repeat; background-size:cover; position:relative;}

.parallax{ background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover;}

.raks-welcome-heading h1{ text-align:center; padding:20px 0; font-family: 'hemi_headbold_italic'; font-size:35px; color:white; font-weight:normal; text-transform:uppercase;}

.raks-welcome-heading p{ text-align:center; color:white; font-family: 'Work Sans', sans-serif; font-size:16px; line-height:30px;}

.welcome-btn{font-family: 'Work Sans', sans-serif; font-size:18px; color:white; margin:40px 0 40px 0; text-align:center;}

.welcome-btn a{font-family: 'Work Sans', sans-serif; font-size:18px; color:white; background:transparent; border:solid 1px #FFF; padding:15px 20px;}

.welcome-btn a:hover{ text-decoration:none; color:#ef4136; border:solid 1px #ef4136;}

#myCarousel .nav a small {

    display:block;

}

#myCarousel .nav {

	background:#eee;

}

#myCarousel .nav a {

    border-radius:0px;

}



.footer_bg{ background:#131313; background-size:cover; position:relative;}

.parallaxx{ background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover;}

.LefMenu li.MainLeftCats { list-style:none; position:relative;}
.LefMenu li.MainLeftCats a { background:#020202; display:block; color:#fff; font: 300 16px 'Oswald', sans-serif; text-decoration:none; padding:10px; text-align:left; transition: all 0.3s ease-in-out 0s;}
.LefMenu li.MainLeftCats a:hover, .LefMenu li.MainLeftCats a.active { background:#ff0000; padding-left: 15px;}
.submenu ul { padding:0 1em 1em; margin:0px;}
.submenu ul li { list-style:none;}
.submenu ul li a { background: #2d2d2d; color:#fff; text-decoration:none; display:block; padding: 10px; padding-left:20px; font: 400 13px 'Raleway', sans-serif; border-bottom:1px solid #232323; transition: all 0.3s ease-in-out 0s;}
.submenu ul li:last-child a { border:none;}
.submenu ul li a:hover, .submenu ul li a.active { background: #ff0000; padding-left:25px;}

.leftmenu h4{ font:600 26px 'PT Sans Narrow', sans-serif; background:#ff0000; text-transform:uppercase; text-align:center; color:#dadada; margin:0px 0 0 0px; padding:6px 14px;}
.leftmenu ul{ margin:0; padding:0;}
.leftmenu li{ background:#020202; border-bottom:1px solid #afafaf;}
.leftmenu li:last-child{ border:none;}
.leftmenu li:hover{}
.prdarea{ width:100%;}
.leftmenu .prordfa{ background:#282525; color:#fff; margin:0 0 0 0px; padding:2px 8px 2px 9px; font-size:20px; font-weight:bold; border-radius:24px;}


.prdarea1 h4{ font:500 22px 'PT Sans Narrow', sans-serif; background:#ff0000; color:#fff; margin:0px 0 0 0px; padding:8px 14px; text-transform:capitalize;}
.prdarea1 h4 a{ color:#fff;}

.fa{ padding:5px 0px;}

.prdarea3{}
.prdarea3 h4{ font:500 22px 'PT Sans Narrow', sans-serif; background:#ff0000; color:#fff; margin:20px 0 0 0px; padding:8px 14px; text-transform:capitalize;}
.prdarea3 h4 a{ color:#fff;}

.featurebox { padding:20px 0;}
.featurebox h1 { text-align:center; color:#fff; text-transform:uppercase;}

.common-prd-wrapper{background:#fff; border-radius:10px; margin-top:25px; border:2px solid #fff; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;}
.common-prd-wrapper:hover{border:2px solid #ff0000;}
.common-prd-wrapper .prd-img{text-align:center; padding:12px; overflow:hidden;}
.common-prd-wrapper .prd-img img { transition: all 1s ease; -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease;}
.common-prd-wrapper .prd-img:hover img { transform: scale(1.25); -moz-transform: scale(1.25); -webkit-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25);}
.common-prd-wrapper .prd-img a{display:inline-block;}
.common-prd-wrapper .prd-img a img{display:inline-block;}

.common-prd-wrapper .prd_name{text-align:center; padding-bottom:18px;}
.common-prd-wrapper .prd_name p{margin:0px; font-family: 'PT Sans Narrow', sans-serif; color:#333; font-size:18px;}
.common-prd-wrapper .prd_name span{display:block; padding-bottom:10px; padding-top:2px; font-family: 'PT Sans Narrow', sans-serif; font-weight:bold; color:#333; font-size:18px;}
.common-prd-wrapper .prd_name button{display:inline-block; border-radius:4px; font-weight:500; padding:4px 20px; border:2px solid #d7d7d7; font-family: 'PT Sans Narrow', sans-serif; text-transform:capitalize; text-decoration:none; color:#333; font-size:18px; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; outline:none; background:none;}
.common-prd-wrapper .prd_name button:hover{border:2px solid #c00000; background:#ff0000; color:#fff;}


.footer_heading{background:url(../images/footer.png) left bottom no-repeat; font-family: 'hemi_headbold_italic' ;font-size:20px; color:white; font-weight:400; text-transform:uppercase; padding:15px 0; margin-bottom:20px;}

.footer{ font-family: 'Work Sans', sans-serif; color:white; font-size:14px;}

.footer a{font-family: 'Work Sans', sans-serif; color:white; text-decoration:none;}

.footer a:hover{ color:#ef4136; text-decoration:underline;}

.footer li a{font-family: 'Work Sans', sans-serif; color:white; font-size:14px; display:block; transition:all 0.3s; padding-bottom:10px;}

.footer li a:hover{ text-decoration:none; color:#ef4136; padding-left:15px; transition:all 0.3s;}

.copy-rights-bg{ background:#131313; border-top:solid 1px #313131; padding:20px 0;}

.copy_rights{font-family: 'Work Sans', sans-serif; color:white; font-size:16px; text-align:center;}



.about_bg{ background:black;}

.certificates_box{ background:#FFFFFF; padding:15px; text-align:center; margin-bottom:20px;}

.overlayss {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background: rgba(0, 0, 0, 0.7);

  transition: opacity 500ms;

  visibility: hidden;

  opacity: 0;

}

.overlayss:target {

  visibility: visible;

  opacity: 1;

  z-index:99999;

}



.popupss {

  margin: 70px auto;

  padding: 20px;

  background: #fff;

  border-radius: 5px;

  width: 70%;

  position: relative;

  transition: all 5s ease-in-out;

}



.popupss h2 {

  margin-top: 0;

  color: #333;

  font-family: Tahoma, Arial, sans-serif;

}

.popupss .close {

  position: absolute;

  top: 20px;

  right: 30px;

  transition: all 200ms;

  font-size: 30px;

  font-weight: bold;

  text-decoration: none;

  color: #333;

}

.popupss .close:hover {

  color: #06D85F;

}

.popupss .content {

  max-height: 75%;

  overflow: auto;

  text-align:center;

}

.contact{ color:white;}

.contact p{ text-align:left; color:white; font-family: 'Work Sans', sans-serif; font-size:18px; line-height:30px;}



.products{ color:white;}

.products p{ text-align:center; color:white; font-family: 'Work Sans', sans-serif; font-size:16px; line-height:30px;}



.google_map{ margin:20px 0 30px 0; border:solid 5px #000000;}





.p_box2{ background:white; padding:15px; margin-bottom:25px; border-radius:8px; text-align:center; max-height:320px; min-height:320px; line-height:300px;}

.p_box2:hover{box-shadow: 0px 0px 20px #fff;}

.p_box3{ background:white; padding:15px; margin-bottom:25px; border-radius:8px; text-align:center;}

.p_box3:hover{box-shadow: 0px 0px 20px #fff;}

.p_name{font-family: 'Work Sans', sans-serif; font-size:16px; font-weight:700; color:white; text-align:center; text-transform:uppercase;}

.p_art{font-family: 'Work Sans', sans-serif; font-size:15px; color:white; text-align:center;}

.p_btn{font-family: 'Work Sans', sans-serif; font-size:14px; color:white; margin:15px 0 15px 0; text-align:center; text-transform:uppercase;}

.p_btn a{font-family: 'Work Sans', sans-serif; font-size:14px; color:white; background:#343434; padding:10px 25px;}

.p_btn a:hover{ text-decoration:none; color:#fff; background:#ef4136;}

.common-prd-wrapper{float:left; width:100%;}
}


@media(max-width:768px){

	.top_icons{ text-align:center;}

	.logo-bg{ position:relative; background:#1a1a1a;}

	.search-icons{ text-align:center; padding:0 0 20px 0;}

	.nav_bar{ padding:0 0 20px 0;}

	.popupss{ width: 70%;}

}



/* Underline From Center */

.hvr-underline-from-center {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  position: relative;

  overflow: hidden;

}

.hvr-underline-from-center:before {

  content: "";

  position: absolute;

  z-index: -1;

  left: 50%;

  right: 50%;

  bottom: 0;

  background: #ef4136;

  height: 4px;

  -webkit-transition-property: left, right;

  transition-property: left, right;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {

  left: 0;

  right: 0;

}

.ball {

  display: inline-block;

  animation: loading 1s infinite;

}

@keyframes loading {

  0%, 100% {

    transform: translateY(0px);

    animation-timing-function: ease-out;

  }

  50% {

    transform: translateY(-10px);

    animation-timing-function: ease-in;

  }

}

.mg-image img {

    -webkit-transition: all 0.5s ease; /* Safari and Chrome */

    -moz-transition: all 0.5s ease; /* Firefox */

    -o-transition: all 0.5s ease; /* IE 9 */

    -ms-transition: all 0.5s ease; /* Opera */

    transition: all 0.5s ease;

    max-width: 100%;

	overflow:hidden;

}

.mg-image:hover img {

    -webkit-transform:scale(1.25); /* Safari and Chrome */

    -moz-transform:scale(1.25); /* Firefox */

    -ms-transform:scale(1.25); /* IE 9 */

    -o-transform:scale(1.25); /* Opera */

     transform:scale(1.25);

	 overflow:hidden;

}

.mg-image {

  overflow: auto;

  overflow:hidden;

}

.modal-content{ border-radius:0px !important; border:none !important;}

.modal-header{ background:#ef4136 !important; color:#fff !important;}

.search_btn{ padding:15px 20px !important; background:#ef4136 !important; color:#FFF !important; border-radius:0px !important; border:0px !important;}

.newsletter_input{ border-radius:0px !important; height:50px !important;}

.paging_con{ margin-bottom:20px;}

.paging{

	font-family:Arial;

	font-size:12px;

	font-weight:bold;

	color:white;

	text-valign:center;

	text-decoration:none;

	background:#313131;

	PADDING-top:3px;

	PADDING-bottom:3px;

	PADDING-right: 7px;

	PADDING-left: 7px;

	width:25px;

	height:25px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border:solid 1px #313131;

}

.paging:hover{

	font-family:Arial;

	font-size:12px;

	font-weight:bold;

	color:white;

	text-valign:center;

	text-decoration:none;

	background:#d9534f;

	PADDING-top:3px;

	PADDING-bottom:3px;

	PADDING-right: 7px;

	PADDING-left: 7px;

	width:25px;

	height:25px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border:solid 1px #d9534f;

}

.paging_act{

	font-family:Arial;

	font-size:11px;

	font-weight:bold;

	background-color:#d9534f;

	color:white;

	text-valign:center;

	text-decoration:none;

	PADDING-top:3px;

	PADDING-bottom:3px;

	PADDING-right: 7px;

	PADDING-left: 7px;

	width:35px;

	height:20px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border:solid 1px #d9534f;

}

.paging_act:hover{

	font-family:Arial;

	font-size:11px;

	font-weight:bold;

	background-color:#d9534f;

	color:white;

	text-valign:center;

	text-decoration:none;

	PADDING-top:3px;

	PADDING-bottom:3px;

	PADDING-right: 7px;

	PADDING-left: 7px;

	width:35px;

	height:20px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;

	border:solid 1px #d9534f;

}



.mmbox{position:relative; overflow:hidden;}

.mmbox h3{font:400 25px 'Raleway', sans-serif; color:white; margin:0; text-transform:uppercase; text-align:center; bottom:10%; padding:12px; transition:all 0.3s; background:#4a4d4e; position:absolute; width:100%; z-index:99;}

.mmbox:hover h3{ bottom:40%;  background:#c63b44;}



.mmbox img {

  width: 100%;

  position:relative;

  -webkit-transition: transform 0.3s linear 0s;

  -moz-transition: transform 0.3s linear 0s;

  -o-transition: transform 0.3s linear 0s;

  transition: transform 0.3s linear 0s;

}



.mmbox:hover img {

  -webkit-transform: scale(1.3);

  -moz-transform: scale(1.3);

  -o-transform: scale(1.3);

  transform: scale(1.3);

  -webkit-transition: transform 0.3s linear 0s;

  -moz-transition: transform 0.3s linear 0s;

  -o-transition: transform 0.3s linear 0s;

  transition: transform 0.3s linear 0s;

}

.mg-image img {

    -webkit-transition: all 1s ease; /* Safari and Chrome */

    -moz-transition: all 1s ease; /* Firefox */

    -o-transition: all 1s ease; /* IE 9 */

    -ms-transition: all 1s ease; /* Opera */

    transition: all 1s ease;

    max-width: 100%;

	overflow:hidden;

}

.mg-image:hover img {

    -webkit-transform:scale(1.25); /* Safari and Chrome */

    -moz-transform:scale(1.25); /* Firefox */

    -ms-transform:scale(1.25); /* IE 9 */

    -o-transform:scale(1.25); /* Opera */

     transform:scale(1.25);

	 overflow:hidden;

}



.mg-image {

  overflow: auto;

  overflow:hidden;

}

.t0020{ margin:15px 0;}

.d_name{ font-family: 'raleigh_btbold'; font-size:30px; color:#ef4136; font-weight:normal;}



.d_art{ font-family: 'Work Sans', sans-serif; font-size:16px; color:white; font-weight:400; padding:5px 0 15px 0; border-bottom:solid 1px #313131; margin-bottom:15px;}



.d_detail{font-family: 'Work Sans', sans-serif; font-size:16px; color:white; font-weight:400; padding:5px 0 15px 0; border-bottom:solid 1px #313131;}



.d_qty{ font-family: 'raleigh_btbold'; font-size:30px; color:#ef4136; font-weight:normal; padding:15px 0; border-bottom:solid 1px #313131; margin-bottom:20px;}



.d_qty2{ font-family: 'raleigh_btbold'; font-size:24px; color:#ef4136; font-weight:normal; padding:10px 0; border-bottom:solid 1px #313131; margin-bottom:10px;}

.gallery-imgs { margin-bottom:15px;}



.cd-top { display:inline-block; height:39px; width:39px; position:fixed; bottom:30px; right:30px; overflow:hidden; visibility:hidden; white-space:nowrap; opacity:0; transition: all 0.5s ease-in-out 0s;}
.cd-top:hover { opacity:0.5;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { transition: all 0.5s ease-in-out 0s;}
.cd-top.cd-is-visible { visibility:visible; opacity:1; }
.cd-top.cd-fade-out { opacity:0.5; }
.no-touch .cd-top:hover { opacity:0.5;}






.baskets{font-family: 'Work Sans', sans-serif;font-size:16px;padding:10px 20px; background:#d9534f; border:1px #d9534f solid; border-radius:0; color:#fff; text-decoration:none;}



.baskets:hover{font-family: 'Work Sans', sans-serif;font-size:16px;padding:10px 20px; background:#313131; border:1px #313131 solid; border-radius:0; color:#fff; text-decoration:none;}



.baskets a{font-family: 'Work Sans', sans-serif;font-size:16px;padding:10px 20px; background:#d9534f; border:1px #d9534f solid; border-radius:0; color:#fff; text-decoration:none;}



.baskets a:hover{font-family: 'Work Sans', sans-serif;font-size:16px;padding:10px20px; background:#313131; border:1px #313131 solid; border-radius:0; color:#fff; text-decoration:none;}

.contact_bg{background:url(../images/contact_bg.jpg) center top no-repeat;}

.cer_bg{background:#feeeb8 url(../images/cer_bg.jpg) center top no-repeat;}