@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; display: none;}
.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%; background-color: rgba(0, 0, 0, 0.3);}

.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:red; 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;

}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
      
}



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

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



.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;}



@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;

  

}

@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;}











.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;background: black;}

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