/* animation class and keyframes */
.overflow-hidden {
overflow: hidden;
}

.drop-in {
animation: drop-in 1s ease 200ms backwards;
}

.drop-in-2 {
animation: drop-in 1200ms ease 500ms backwards;
}

@keyframes drop-in {
from {
opacity: 0;
transform: translateY(-100px);
}
to {
opacity: 1;
transform: translate(0px);
}
}

.drop-in-left {
animation: drop 1200ms ease 500ms backwards;
}
@keyframes drop {
from {
opacity: 0;
transform: translateX(-100px);
}
to {
opacity: 1;
transform: translate(0px);
}
}

.drop-in-right {
animation: drop 1200ms ease 500ms backwards;
}
@keyframes drop {
from {
opacity: 0;
transform: translateX(100px);
}
to {
opacity: 1;
transform: translate(0px);
}
}


.align_cnr
{
text-align: center !important;
}
.bdy_bg
{
width: 100%;
height:auto;
float: left;
}
.nopad
{
padding:0px 0px 0px 0px !important;
}
#page_wrap
{
width:100%;
height:auto;
float:left;
padding:0px;
margin:0px;
}


/* skeleton */
.skeleton-product-loader {
background-image:url(../images/jbj-logobw.png);
background-repeat: repeat-y;
background-position:center;
background-repeat: no-repeat;
}
.skeleton-loader {
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 80%), lightgray;
background-repeat: repeat-y;
background-size: 50px 500px;
background-position: 0 0;
animation: shine 1s infinite;
}
@keyframes shine {
to {
background-position: 100% 0;
}
}
.skeleton-loader:empty {
width: 100%;
height: 15px;
display: block;
background: linear-gradient(
to right,
rgba(255, 255, 255, 0),
rgba(255, 255, 255, 0.5) 50%,
rgba(255, 255, 255, 0) 80%
),
lightgray;
background-repeat: repeat-y;
background-size: 50px 500px;
background-position: 0 0;
animation: shine 1s infinite;
}


/* skeleton end */

.home_head_bg
{
width: 100%;
height:620px;
float: left;
background-image: url(../images/banner-bg2.png);
background-position: top left;
background-repeat: no-repeat;
margin: 0px 0px 60px 0px;
background-color: #fbfbfb;
background-size: 100%;
}
.custom_hdr_contain
{
width:90%;
height: auto;
float: left;
margin:0px 5%;
}
.header
{
width: 100%;
height: auto;
float: left;
box-shadow:0px 0px 15px 1px #d8d8d8;
background-color: #fff;
position: fixed;
z-index:111;
}
.top_header
{
width: 100%;
height: auto;
float: left;
background-color: #921C1C;
background-image: linear-gradient( 
315deg
, #921C1C 0%, #921C1C 74%);
padding:8px 0px;
display: none;
}
.top_header_left
{
width:100%;
height:auto;
float:left;
text-align:left;
font-size:12px;
font-weight:800;
color:#fff;
letter-spacing:1px;
}

.top_header_right
{
width:100%;
height:auto;
float:left;
text-align:right;
}
.top_header_right img
{
width: auto;
height: 20px;
float: left;
margin: 0px 6px 0px 0px;
}
.top_header_right label
{
width: auto;
height: auto;
float: left;
padding:11px 0px;
margin: 0;
font-weight:800 !important;
}
.top_header_right ul
{
width: auto;
height: auto;
float: left;
padding: 0px;
margin: 0px;
position: absolute;
right:15px;
}
.top_header_right ul li
{
list-style:none;
float:left;
margin: 0px 20px 0px 0px;
line-height:0px;
}
.top_header_right ul li a
{
font-size:12px !important;
font-weight: 300 !important;
color: #fff !important;
letter-spacing: 1px !important;

}
.top_header_right ul li a:hover
{
cursor: pointer;
text-decoration:none;
}
.top_header_right ul li i
{
margin:0px 8px 0px 0px;
}
.mid_header
{
width: 100%;
height: auto;
float: left;
background-color:#002638 !important;
/*background-image: linear-gradient( 
147deg, #293A4A 0%, #293A4A 74%);*/
padding: 3px 0px;
}
.viewstore_header
{
width: 100%;
height: auto;
float: left;
background-color: #204929;
}
.btm_hdr
{
width:100%;
height:auto;
float:left;
margin:0px 0px 0px 0px;
padding:0px;
position: relative;
z-index: 11;
/*background-color: #0396DE;*/
background-color: #02283a;
border-top: 1px solid #ccc;
}
/*.mid_header img
{
height: 50px;
}*/
.cat_menu_active
{

}
.innerpage_arrow_down {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #901e1e;
position: absolute;
left: 45px;
bottom: 0;
top: 43px;
}
.cat_submenu_first
{
width:20%;
height:40px;
float: left;
}
.cat_submenu_second
{
width:93%;
height:auto;
float: left;
}
.web_logo 
{
width:100%;
height: 55px;
float: left;
margin:4px 0px;
/* font-family: 'Antipasto Pro' !important; */
/*background-image: url(../images/Hydrocart_logo_white.png);
background-image: url(../images/hydrocart-logo.svg);*/
background-size: contain;
background-repeat: no-repeat;
background-position: left;
}
.web_logo img
{
width: auto;
height:45px;
float: left;
margin: 8px 0px 0px 0px;
}
.mid_menu
{
width: 100%;
height: auto;
float: left;
padding: 15px 0px 10px 0px;
z-index: 1111;
margin: 0px 0px 0px 15px;
}
.mid_menu form
{
width: 100%;
height:auto;
float: left;
}
.mid_menu input
{
width: 100%;
height:40px;
float: left;
padding:9px 8px 9px 15px;
font-size:13px;
font-family: 'Montserrat' !important;
font-weight:bold !important;
color:#000 !important;
letter-spacing:1px;
outline:none;
background-color:#fff;
}
.mid_menu input::placeholder
{
font-family: 'Montserrat' !important;
font-weight:bold !important;
color:#000 !important;
letter-spacing:1px;	
}

.search_icon i
{
font-size: 15px;
}
.search_icon:hover, .search_icon i:hover
{
cursor:pointer;
}
.user_details
{
width: 100%;
height: 50px;
float: left;
text-align: center;
font-weight: 300;
color: #111 !important;
letter-spacing: 0.7px;
font-size: 12px;
padding: 3px 3px;
border: 1px solid transparent;
border-radius: 5px;
margin: -6px 0px 0px 0px;
}
.user_details:hover
{
border: 1px solid #fff;    
}
.user_details img {
width: 38px;
height:38px;
float: left;
margin: 0px 0px 6px 0px;
}
/*.user_details span
{
color: #000;
position: absolute;
top: -8px;
left: 54%;
font-size: 8px;
width: 24px;
height: 24px;
background-color: #fff;
border-radius: 50%;
padding: 7px 1px;
}*/


.user_details span {
color: #000;
top:5px;
left:10%;
font-size: 12px;
width: 24px;
height: 24px;
background-color: transparent;
border-radius: 50%;
padding: 0px !important;
text-align: center;
}
.user_details span#cartcount
{
position: absolute;    
}
.pricemrp
{
font-size:10px !important;  
color:#b9b9b9 !important; 
top: 0px !important;
left: 0px !important;
}
.pricemrp i
{
font-size:8px !important; 
margin:0px 0px 0px 0px !important;
}
.user_details a
{
color:#fff;
letter-spacing: 1px;
}
.user_details a:hover, .user_details a:focus
{
color:#fff;	
text-decoration:none;
}
.field-icon {
float: right;
margin-left: -25px;
margin-top: -25px;
position: relative;
z-index: 2;
}


.contact_field
{
width: 100%;
height:75px;
float: left;
}
.hydrocart_mainmenu
{
width:100%;
height:auto;
float: left;    
}
.hydrocart_mainmenu ul
{
width:100%;
height:auto;
float: left;
padding:0px;
margin:0px;
}
.hydrocart_mainmenu ul li {
list-style: none;
float: left;
margin: 0px;
padding: 10px 20px;
border-bottom:3px solid #901E1E;
}
.hydrocart_mainmenu ul li:hover, .hydrocart_mainmenu ul li:focus
{
border-bottom:3px solid #fff;      
}
.hydrocart_mainmenu ul li a
{
font-size:14px;
font-weight:500;
color: #fff;
letter-spacing:0.4px;
padding: 0px 2px 9px 2px;
font-family: 'Noto Sans JP', sans-serif !important;

}
.hydrocart_mainmenu ul li a:hover, .hydrocart_mainmenu ul li a:focus
{

text-decoration:none;
color:#facc6b;
}


/** Custom Select **/
.custom-select-wrapper {
width:100%;
height:auto;
float: left;
position: relative;
display: inline-block;
user-select: none;
}
.custom-select-wrapper select {
visibility: hidden !important;
}
#source
{
visibility: hidden !important;    
}
.custom-select {
width: 100% !important;
height: auto;
float: left;
position: relative;
display: inline-block;
z-index: 999;
color: #000;
border: 1px solid #fff;
padding:9px 13px 8px 13px;
letter-spacing: 1px;
background-color: #fff;
}
.mid_menu span i
{
position: absolute;
color: #000;
font-size: 28px;
z-index: 1111;
margin: 7px 0px 0px -25px;    
}
.custom-select-trigger {
position: relative;
display: block;
width: 100%;
height: auto;
float: left;
padding:9px 8px 9px 12px;
font-size:14px;
font-weight: 300;
color: #000;
background-color: #fff;
cursor: pointer;
border: 1px solid #ccc;
border-right: 0;
letter-spacing:0.8px;
}
.custom-select-trigger select
{
width:100%;
height:auto;
float:left;
}
.custom-select-trigger:after {
position: absolute;
display: block;
content: '';
width:8px; height:8px;
top: 50%; right:10px;
margin-top: -3px;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
transform: rotate(45deg) translateY(-50%);
transition: all .4s ease-in-out;
transform-origin: 50% 0;
}
.custom-select.opened .custom-select-trigger:after {
margin-top: 3px;
transform: rotate(-135deg) translateY(-50%);
}
.custom-options {
position: absolute;
display: block;
top: 100%; left: 0; right: 0;
min-width: 100%;
margin:0px 0px;
border-top:none;
border: 1px solid #b5b5b5;
background: #fff;
transition: all .4s ease-in-out;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-15px);
border-top: none;
}
.custom-select.opened .custom-options {
opacity: 1;
visibility: visible;
pointer-events: all;
transform: translateY(0);
}
.custom-options:before {
position: absolute;
display: block;
content: '';
bottom: 100%; right: 25px;
width: 7px; height: 7px;
margin-bottom: -4px;
border-top: 1px solid #b5b5b5;
border-left: 1px solid #b5b5b5;
background: #fff;
transform: rotate(45deg);
transition: all .4s ease-in-out;
display:none;
}
.option-hover:before {
background: #f9f9f9;
}
.custom-option {
position: relative;
display: block;
padding: 0 8px;
font-size:14px;
font-weight:300;
color: #000;
line-height:30px;
letter-spacing: 0.7px;
cursor: pointer;
transition: all .4s ease-in-out;
}
.custom-option:first-of-type {
}
.custom-option:last-of-type {
border-bottom: 0;
}
.custom-option:hover,
.custom-option.selection {
background: #f9f9f9;
}


*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.slider__navi {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
z-index: 999;
}

.slider__navi a {
display: block;
height: 6px;
width: 20px;
margin: 20px 0;
text-indent: -9999px;
box-shadow: none;
border: none;
background: rgba(0,0,0,0.2);
}

.slider__navi a.active {
background: rgba(255,255,255,1);
}

/* Banner */
.web_inx_banner
{
width:100%;
height:auto;
float:left;
margin:0px 0px 15px 0px;
/*background-color:#D1E8E2;
*/
}

/*.sliderimg2
{
width:100% !important;
height:500px;
float:left;
background-image:url(../images/banner/banner2.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.sliderimg3
{
width:100% !important;
height:500px;
float:left;
background-image:url(../images/banner/banner3.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.sliderimg4
{
width:100% !important;
height:500px;
float:left;
background-image:url(../images/banner/banner4.webp);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.sliderimg5
{
width:100% !important;
height:500px;
float:left;
background-image:url(../images/banner/banner5.webp);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}*/
.slider-wrapper {
display: flex;
position: relative;
width: 100%;
height:330px !important;
overflow: hidden;
float: left;
}

.slider-wrapper ul {
width:100%;
list-style: none;
margin: 0;
padding: 0;
}

/* slider-img */
ul.slider-img {
display: flex;
position: absolute;
width: 100%;
height: 100%;
left: 0;
transition: 0.5s;
}

ul.slider-img li {
flex: 1 0 100%;
}

ul.slider-img li img {
width: 100%;
object-fit: cover;
background-color: #eee;  
}
.slider-img
{
width: 100%;
height:300px;
float: left;
background-color: #eee;    
}
/* slider-arrow */
ul.slider-arrow {
position: relative;
color: #fff;
font-size: 2rem;
display: flex;
justify-content: space-between;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

@media screen and (min-width: 768px) {
ul.slider-arrow {
font-size: 2.5rem;
}
}

ul.slider-arrow li {
display: flex;
align-items: center;
cursor: pointer;
height: 100%;
padding: 0 15px;
opacity:1;
transition: 0.5s;
}

ul.slider-arrow li:hover {
opacity: 1;
}

/* slider-dot */
.slider-dot {
position: absolute;
bottom: 15px;
display: flex;
justify-content: center;
align-items: flex-end;
width: 100%;
color: #fff;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

.slider-dot li {
cursor: pointer;
margin: 0 8px;
font-size: 0.6rem;
opacity: 0.4;
}

.slider-dot li.active {
opacity: 1;
}

@media screen and (min-width: 768px) {
.slider-dot li {
margin: 0 12px;
font-size: 0.95rem;
}
}
/* Banner end */



/* our main service */
.our_main_services
{
width: 100%;
height: auto;
float: left;
margin:0px 0px 20px 0px;
}
.our_main_services_box
{
width:100%;
height:280px;
float:left;
background-image:url(../images/product-img/sweets.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.our_main_services_box1
{
width:100%;
height:280px;
float:left;
background-image:url(../images/product-img/savories.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.our_main_services_box2
{
width:100%;
height:280px;
float:left;
background-image:url(../images/product-img/nuts-n-spicies.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.our_main_services_box3
{
width:100%;
height:280px;
float:left;
background-image:url(../images/product-img/premium-chocolate-truffle-cake.jpeg);
background-repeat:no-repeat;
background-position:center;
background-size:100% auto;
margin: 30px 0px 0px 0px;   
}
.our_main_services_box4
{
width:100%;
height:280px;
float:left;
background-image:url(../images/product-img/traditional-sweet.jpeg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
margin: 30px 0px 0px 0px;   
}
.our_main_services_box5
{
width:100%;
height:280px;
float:left;
background-image:url(../images/product-img/premium-sweets.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
margin: 30px 0px 0px 0px;       
}
.cate_content
{
width: 90%;
height: auto;
float: left;
background-color: #ffffffd4;
text-align: center;
padding:12px 10px;
font-size: 25px;
color: #111;
letter-spacing: 0.8px;
font-weight: 600;
margin: -80px 5% 0px 5%;
box-shadow: 0px 0px 5px 1px #ccc;
}
.cate_content_smallhdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 12px;
color: #b50008;
letter-spacing: 1px;
font-weight: 600;
margin: 0px 0px 10px 0px;
}
.cate_content_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:14px;
color: #111;
letter-spacing: 1px;
font-weight:800;}
.cate_content_hdtxt_divider
{
width: 10%;
height: 5px;
float: left;
background-color: #ff6600;
margin:10px 45% 18px 45%;
}
.cate_content_btn
{
width: 100%;
height: auto;
float: left;
text-align: center;
}
.cate_content_btn a
{
font-size:12px;
color:#555;
letter-spacing: 1px;
font-weight:300;
margin:10px 0px 0px 0px;      
}
/* our main service end */



/* Product Slider */
.product_slider
{
width:100%;
height:auto;
float:left;
padding: 15px 15px;
margin: 0px 0px 30px 0px !important;    
}
.product_slider_img1
{
width: 100%;
height:100px;
float: left;;
background-image: url(../images/items/item-png1.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin:15px 0px 15px 0px;
}
.product_slider_img2
{
width: 100%;
height:100px;
float: left;;
background-image: url(../images/items/item-png2.webp);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin:15px 0px 15px 0px;
}
.product_slider_img3
{
width: 100%;
height:100px;
float: left;;
background-image: url(../images/items/item-png3.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin:15px 0px 15px 0px;
}
.product_slider_img4
{
width: 100%;
height:100px;
float: left;;
background-image: url(../images/items/item-png4.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin:15px 0px 15px 0px;
}
.product_slider_img5
{
width: 100%;
height:100px;
float: left;;
background-image: url(../images/items/item-png5.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin:15px 0px 15px 0px;
}
.product_slider_img6
{
width: 100%;
height:100px;
float: left;;
background-image: url(../images/items/item-png6.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin:15px 0px 15px 0px;
}
.product_slider_img7
{
width: 100%;
height:100px;
float: left;;
background-image: url(../images/items/item-png7.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin:15px 0px 15px 0px;
}
.product_slider_img8
{
width: 100%;
height:100px;
float: left;;
background-image: url(../images/items/item-png8.webp);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin:15px 0px 15px 0px;
}
.product_slider_img9
{
width: 100%;
height:100px;
float: left;;
background-image: url(../images/items/item-png9.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin:15px 0px 15px 0px;
}
.product_slider_img10
{
width: 100%;
height:100px;
float: left;;
background-image: url(../images/items/item-png10.webp);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin:15px 0px 15px 0px;
}
.product_slider_img11
{
width: 100%;
height:100px;
float: left;;
background-image: url(../images/items/item-png11.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin:15px 0px 15px 0px;
}
.product_slider_img12
{
width: 100%;
height:100px;
float: left;;
background-image: url(../images/items/item-png12.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin:15px 0px 15px 0px;
}
.cat_off
{
position: absolute;
right:30px;
margin: 15px 0px 0px 0px;
color: #fff;
padding: 5px 10px;
font-size: 10px;
font-weight: 300;
letter-spacing: 0.8px;
background-color: red;
border-radius:15px;
}





.corporate_gifts
{
width: 100%;
height: 350px;
float: left;
background-image: url(../images/giftbox-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size:cover;
background-attachment: fixed;
}
.corporate_gifts_bglayer
{
width: 100%;
height: 350px;
float: left;
background-color:#1111116e;
}




.product_item_bx
{
width: 20%;
height: auto;;
float: left;
margin: 0px 15px 0px 0px;
}


#myCarousel .thumbnail {
margin-bottom: 0;
margin: 0px !important;
padding: 0px 0px 30px 0px !important;
}
#myCarousel div.item img
{
width:100%;
}
.carousel-control.left, .carousel-control.right {
background-image:none !important;
}
.carousel-control {
color:#fff;
top:40%;
color:#428BCA;
bottom:auto;
padding-top:4px;
width:30px;
height:30px;
text-shadow:none;
opacity:1;
}
.carousel-control:hover {
color: #d9534f;
}
.carousel-control
{
top:22% !important;
width: 0% !important;
font-size: 15px !important;
}
.carousel-indicators {
bottom:-30px;
}
/*.carousel-control.left
{
left: -30px !important;
}*/
.right carousel-control
{
right: -10px !important;
}
.carousel-indicators li {
border-radius:0;
width:10px;
height:10px;
background:#ccc;
border:1px solid #ccc;
}
.carousel-indicators .active {
width:12px !important;
height:12px !important;
background:#3276b1;
border-color:#3276b1;
z-index:1 !important;
}
.product_slider, .carousel-indicators
{
float: left !important;
width: 100% !important;
height: auto;
position: relative;
left: 0 !important;
margin:0px 0px 0px 0px !important;
z-index:1 !important;
}
.wishlist_icon
{
position: absolute;
right: 25px;
top: 15px;
}
.wishlist_icon:hover
{
cursor: pointer;
color: #ff6600;
}
.product_cat_name
{
width: 100%;
height: auto;
float: left;
font-size:14px;
font-weight: 300;
color: #ff6600;
letter-spacing: 0.5px;
text-align: center;
margin: 0px 0px 5px 0px;
}
.product_list_name
{
width: 100%;
height: auto;
float: left;
font-size:14px;
font-weight: 300;
color: #111;
text-align: center;
letter-spacing: 0.8px;
margin: 0px 0px 10px 0px;
}
.price_txt
{
width:50%;
height: auto;
float: left;
font-size: 20px;
font-weight: 300;
color: #111;
margin:5px 0px 0px 0px;
}
.price_txt span
{
font-size: 11px;
font-weight: 300;
color: #ff6600;
letter-spacing: 0.8px;

}
.thumbnail
{
width: 100%;
height: auto;
float: left;
padding:30px 10px !important;   
}
.add_tocart
{
height: auto;
float: left;
position: absolute;
margin: 15px 0px 0px 21px;
right: 30px;
bottom: 30px;
}
.add_tocart a
{
background-color: red;
color: #fff;
padding:8px 10px;
font-size:11px;
font-weight: 300;
}
.add_tocart a:hover
{
text-decoration: none;
color: red;
background-color: transparent;
border: 1px solid red;
}
/*Product Slider end*/





/* our policies contain */
.categories_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 24px;
text-align: center;
font-weight: 800;
letter-spacing: 1px;
color: #111;
margin: 0px 0px 26px 0px;  
}
.our_policies_contain
{
width:80%;
height:auto;
float:left;
margin:0px 10%;
}
.our_policies_contain img
{
width: 100%;
height: auto;
float: left;
margin:0px 0px 40px 0px;
}
.our_policies_txt
{
width:100%;
height:auto;
float:left;
font-size:14px;
text-align:center;
font-weight:800;
letter-spacing:1px;
color:#111;
margin:30px 0px 30px 0px;
line-height:23px;
background-color:#FFCC00;
padding:20px 0px;
}
.our_policies_txt p
{
margin:0px;
font-size:12px;
font-weight:300;
color: #6b6b6b;
}
/* our policies contain end */





.newlettr
{
width:100%;
height:auto;
float:left;
margin:0px 0px 0px 0px;
}
.news_letter_bg
{
width: 100%;
height: auto;
float: left;
background-color: #293A4A;
margin:10px 0px 0px 0px;
padding: 12px 0px;
}
.foot_custom_contain
{
width:60%;
height:auto;
float:left;
margin:0px 20%;
}
.quicklinks_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:14px;
color: #000;
font-family:'Montserrat' !important;
font-weight: bold !important;
letter-spacing:0.2px;
text-transform: uppercase;
margin: 0px 0px 5px 0px;
}
.payment_mode_list
{
width: 100%;
height: auto;
float: left;
}
.payment_mode_list ul
{
width: 100%;
height: auto;
float: left;
padding:0px;
margin:0px;
}
.payment_mode_list ul li
{
float:left;
list-style:none;
}
.payment_mode_list ul li img
{
width: auto;
height:31px;
float: left;
margin: 0px 8px 0px 0px;
}





/* Index Modal */
.modal
{
z-index:111111 !important;
}
.modal-content
{
border-radius: 0px !important;
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
}
/*.modal-dialog
{
position: absolute !important;
top: 45% !important;
transform: translate(-50%, -50%) !important;
width:85% !important;
}*/
.modal-dialog
{
    
}
.modal-body
{
padding:0px !important;
}
.inx_left_bg 
{
width: 100%;
height:512px;
float: left;
background-image:url(../images/popupbg.gif);
background-position: center;
background-repeat: no-repeat;
background-size:cover;
}
.inx_left_bg_layer
{
width: 100%;
height:512px;
float: left;
background-color: #1111112e;
}
.left_bg_txt
{
width: 100%;
height: auto;
float: left;
text-align: center;
font-size:52px;
font-weight: 800;
position: relative;
z-index: 11;
top: 28%;
color: #fff;
letter-spacing:3px;
font-family: 'Precious' !important;
background: #FFD700;
background: -webkit-linear-gradient(to right, #FFD700 0%, #F72931 100%);
background: -moz-linear-gradient(to right, #FFD700 0%, #F72931 100%);
background: linear-gradient(to right, #FFD700 0%, #F72931 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
line-height:80px;
}
.index_popup_forms
{
width:100% !important;
height:auto !important;
float:left !important;
padding:25px 30px 30px 30px !important;	
margin:0px !important;
}
.popup_field
{
width:100%;
height:60px;
float:left;
}
.popup_field input
{
width: 100% !important;
height: auto !important;
float: left !important;
border:1px solid #ccc;
padding:8px 8px 8px 10px !important;
font-size: 14px !important;
font-weight: 300 !important;
letter-spacing: 0.7px !important;
color: #111 !important;
outline: none; 
}
.popup_field select
{
width: 100% !important;
height: auto !important;
float: left !important;
border:1px solid #ccc !important;
padding:8px 3px 8px 4px !important;
font-size:13px !important;
font-weight: 300 !important;
letter-spacing: 0.7px !important;
color: #111 !important;
outline: none; 
background-color: #fff;
}
.popup_form_hdtxt
{
width:100%;
height:auto;
float:left;
text-align: center;
font-size:20px;
font-weight: 600;
color:#111;
letter-spacing: 0.8px;
margin: 0px 0px 3px 0px; 
}
.popup_form_subtxt
{
width:100%;
height:auto;
float:left;
text-align: center;
font-size:12px;
font-weight:300;
color:#555;
letter-spacing: 0.5px;
margin: 0px 0px 24px 0px;  
}
.popup_form_divider
{
width: 10%;
height: 3px;
float: left;
background-color:#b80404;
margin:5px 45% 12px 45%;	
}
.form_btn_sec
{
width: 100%;
height:auto;
float: left;
margin: 20px 0px 0px 0px;
text-align:center;
}
.form_btn_sec a
{
font-size:12px;
font-weight:300;
color:#ff6600;
letter-spacing: 0.5px; 
}
.forget_pw
{

}
.form_btn_sec input
{
background-color: #058ac9;
color: #fff;
padding: 8px 25px;
border: 1px solid #058ac9;
font-size:15px;
font-weight:300;
outline: none;
letter-spacing: 0.8px;
}
.form_btn_sec input:hover
{
background-color: transparent;
color:#058ac9;
}
.form_btn_sec label
{
font-weight: 300;
font-size: 12px;
letter-spacing: 0.8px;
margin: 12px 0px;
width: auto;
height: auto;
float: left;
}
.popup_field span
{
position: absolute;
margin:12px 0px 0px -28px;
}
.popup_field span:hover
{
cursor: pointer;	
}
.popup_field span a
{
font-size: 12px;
font-weight: 300;
letter-spacing: 0.9px;
color:#000;
}
.popup_field span a:hover
{
color: #ff6600;
}
.forget_pw_form
{
display: none;
}
.forget_pw_otp_form 
{
display: none;
padding: 50px 0px 0px 0px;
}
.forget_pw_otp input
{
width:60% !important;
height: auto;
float: left;
margin: 0px 20% 10px 20% !important;
font-size: 30px !important;
letter-spacing:12px !important;
color: #111 !important;
text-align: center !important;
padding: 5px 15px !important;
}
.forget_pw_otp input:focus
{
text-align:left !important;    
}
.forget_pw_otp input::placeholder
{
letter-spacing:12px !important;    
}
.fa, .far, .fas {
font-family: 'FontAwesome' !important;
}
.forget_pw_otp_btn
{
width: 100%;
height: auto;
float: left;
text-align: center !important;
position: relative;
}
.forget_pw_otp_btn input
{
position: inherit !important;
right: 0px;
}
.forget_pw_otp
{
width:100%;
height:80px;
float:left;		
}
.forget_pw_otp input
{
width:60%;
height: auto;
float: left;
margin: 0px 20%;
font-size: 32px;
outline: none;
font-weight: 300;
padding: 7px 10px;
text-align: center; 
letter-spacing:8px;
}
.forget_pw_otp input::placeholder
{
padding: 7px 12px;
letter-spacing:8px;	
}
.forget_pw_otp input::placeholder {
text-align: center; 
}

.forget_pw_otp input:focus {
text-align: left; 
}







.password-showhide
{
margin: -29px 12px 0px 0px !important;
}
.new_pw_form
{
display: none;
}
.thankyou_form
{
display: ;
width: 100%;
height: auto;
float: left;
text-align: center;
margin:80px 0px 0px 0px;
}
.check_icon
{
width: 100%;
height: auto;
float: left;
text-align: center;
margin:0px 0px 15px 0px;
}
.check_icon i
{
font-size:30px;
font-weight: 300;
color: #fff;
background-color: green;
width:70px;
height:70px;
border-radius: 50%;
padding:18px 0px;
}
.thanks_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:20px;
font-weight:800;
color: #111;
letter-spacing: 0.8px;
}
.thanks_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:14px;
font-weight:300;
color: #555;
letter-spacing: 0.8px;
margin: 10px 0px;
}
.thanks_btn
{
width: 100%;
height: auto;
float: left;
text-align: center;
margin:20px 0px 0px 0px;
}
.thanks_btn a
{
font-weight:300;
color: #fff;
background-color: #ff6600;
padding: 8px 25px;
border: 1px solid #ff6600;
letter-spacing: 0.8px;
}
.thanks_btn a:hover
{
background-color: transparent;
color: #ff6600;
text-decoration: none;
}
.thankyou_form
{
display: none;
}
.signup_form
{
display: none;
}
.onepad
{
padding: 0px 15px 0px 0px !important;
}
.download_mob_app
{
width: 100%;
height: auto;
float: left;
padding:60px 30px 30px 30px;
}
.download_mob_app_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 25px;
font-weight:300;
color: #fff;
padding-left:1px;
text-align: center;
margin: 0px 0px 30px 0px;
}
.android_app_qrimg
{
width: 100%;
height: 250px;
float: left;
background-image: url(../images/qrsample-img.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.8;
}
.fgt_pw {
width:auto; 
height: auto;
float: right;
margin: 10px 0px;
}
.fgt_pw a
{
font-size:10px;
font-weight: 300;
letter-spacing: 0.8px;
color: #111;
}
.fgt_pw a:hover
{
text-decoration: underline;
}
.errortxt
{
width: 100%;
height: auto;
float: left;
font-size: 11px;
font-weight: 300;
color: red;
letter-spacing: 0.8px;   
}
/* Index Modal end*/






/* Mega Menu */
div.ruby-menu-demo-header {
position: relative;
left: 0;
top: 0;
width: 100%;
height: auto;
padding: 0;
margin: 0;
z-index:999;
}

div.ruby-menu-demo-header-bg {
background: url(../img/bg.jpg)
}

div.ruby-menu-demo-header-bg div.ruby-menu-demo-download > span {
color: #efefef
}

div.ruby-menu-demo-header-bg div.ruby-menu-demo-download > span > span {
color: #efefef
}

div.ruby-menu-demo-description {
position: relative;
width: 980px;
height: 160px;
margin: 0 auto;
padding: 0
}

div.ruby-menu-demo-description img {
max-width: 200px;
float: left;
margin: 50px 20px 0 0
}

span.ruby-menu-demo-highlight {
color: #333
}

div.ruby-menu-demo-bg-light,div.ruby-menu-demo-bg-dark {
width: 980px;
height: auto;
position: relative;
background: #fff;
margin: 0 auto;
font-family: 'Open Sans',sans-serif;
font-size: 16px
}

div.ruby-menu-demo-bg-dark {
background: efefef
}

div.ruby-menu-demo-bg-light-c:after,div.ruby-menu-demo-bg-dark-c:after {
content: "";
display: table;
clear: both
}

div.ruby-menu-demo-cv-1 {
float: left;
width: 33%
}

div.ruby-menu-demo-cv-2 {
float: left;
width: 67%
}

div.ruby-menu-demo-cv-3 {
float: left;
width: 48%
}

div.ruby-menu-demo-cv-4 {
float: left;
width: 52%
}

div.ruby-menu-demo-cr-1 {
float: left;
width: 33%
}

div.ruby-menu-demo-cr-2 {
float: left;
width: 66%
}

div.ruby-menu-demo-cs-1 {
float: left;
width: 33%
}

div.ruby-menu-demo-cs-2 {
float: left;
width: 66%
}

div.ruby-menu-demo-cf-1,div.ruby-menu-demo-cf-2,div.ruby-menu-demo-cf-3,div.ruby-menu-demo-cf-4 {
float: left;
width: 25%;
text-align: center
}

div.ruby-menu-demo-f-icon {
width: 80px;
height: 80px;
border-radius: 50%;
margin: 0 auto;
padding: 22px;
font-size: 30px;
background: #efefef;
color: #aaa
}

div.ruby-menu-demo-f-title {
width: 100%;
height: 30px;
margin: 0 auto;
margin-top: 20px;
font-weight: 700;
font-size: 18px
}

div.ruby-menu-demo-f-desc {
font-size: 14px;
line-height: 24px;
color: #555;
padding: 15px
}

div.ruby-menu-demo-cs-1 table {
line-height: 20px
}

div.ruby-menu-demo-cs-1 table tr,div.ruby-menu-demo-cs-1 table td {
padding: 0;
font-weight: 700
}

div.ruby-menu-demo-cs-1 table td:last-child {
padding-top: 5px
}

h2.ruby-menu-demo-slogan-1,h3.ruby-menu-demo-slogan-1 {
font-size: 20px;
font-weight: 300;
text-transform: uppercase;
color: #b1b1b1;
margin: 0
}

h1.ruby-menu-demo-slogan-2,h3.ruby-menu-demo-slogan-2 {
font-size: 36px;
font-weight: 700;
text-transform: none;
color: #222;
margin: 0
}

p.ruby-menu-demo-slogan-description,p.ruby-menu-demo-slogan-description-2 {
font-size: 16px;
line-height: 24px;
color: #444;
margin: 35px 0
}

p.ruby-menu-demo-slogan-description-2 {
color: #666;
font-weight: 600;
margin: -10px 0
}

span.ruby-menu-demo-code {
color: #888;
text-decoration: underline
}

td.ruby-menu-demo-theme-td-1 {
max-width: 30px;
text-align: left;
padding: 6px
}

td.ruby-menu-demo-theme-td-2 {
min-width: 120px;
text-align: left;
padding: 6px
}

td.ruby-menu-demo-theme-td-1:hover {
cursor: pointer
}

.ruby-menu-demo-circle {
border-radius: 50%;
width: 24px;
height: 24px;
border: 4px solid #222;
display: inline-block;
margin: 0
}

.ruby-menu-demo-color-1 {
background: #1aad86
}

.ruby-menu-demo-color-2 {
background: #0c67c2
}

.ruby-menu-demo-color-3 {
background: #ce0661
}

.ruby-menu-demo-color-4 {
background: #ea7500
}

.ruby-menu-demo-color-5 {
background: #74ba27
}

.ruby-menu-demo-color-6 {
background: #ff3264
}

.ruby-menu-demo-color-7 {
background: #fad814
}

.ruby-menu-demo-color-8 {
background: #ccc
}

.ruby-menu-demo-color-9 {
background: #111;
border-color: #ccc
}

.ruby-menu-demo-color-10 {
background: #036de2;
border-color: #489efd
}

.ruby-menu-demo-color-11 {
background: #f85252;
border-color: #444
}

.ruby-menu-demo-color-12 {
background: #ca79d0;
border-color: #f2def3
}

.ruby-menu-demo-color-13 {
background: #efefef;
border-color: #222
}

.ruby-menu-demo-color-14 {
background: #ccc
}

div.ruby-menu-demo-download {
position: absolute;
width: auto;
top: 55px;
right: 0
}

div.ruby-menu-demo-download .fa {
font-size: 20px;
margin-right: 10px
}

div.ruby-menu-demo-download > span {
font-size: 16px;
display: block;
margin: 10px 26px
}

div.ruby-menu-demo-download > span > span {
font-size: 20px;
color: #555;
font-weight: 700
}

button.ruby-btn {
background: #19ad86;
border: 2px solid #19ad86;
color: #fff;
border-radius: 0;
padding: 10px 25px;
font-size: 16px;
font-weight: 700;
cursor: pointer
}

button.ruby-btn:hover {
background: #fff;
color: #19ad86
}

.switch {
display: table-cell;
vertical-align: middle;
padding: 10px
}

.cmn-toggle {
position: absolute;
margin-left: -9999px;
visibility: hidden
}

.cmn-toggle + label {
display: block;
position: relative;
cursor: pointer;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}

input.cmn-toggle-round + label {
padding: 2px;
margin-top: -10px;
width: 40px;
height: 20px;
background-color: #ddd;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px
}

input.cmn-toggle-round + label:before,input.cmn-toggle-round + label:after {
display: block;
position: absolute;
top: 1px;
left: 1px;
bottom: 1px;
content: ""
}

input.cmn-toggle-round + label:before {
right: 1px;
background-color: #f1f1f1;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
-webkit-transition: background .4s;
-moz-transition: background .4s;
-o-transition: background .4s;
transition: background .4s
}

input.cmn-toggle-round + label:after {
width: 18px;
background-color: #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
-webkit-transition: margin .4s;
-moz-transition: margin .4s;
-o-transition: margin .4s;
transition: margin .4s
}

input.cmn-toggle-round:checked + label:before,input.cmn-toggle-on + label:before {
background-color: #8ce196
}

input.cmn-toggle-round:checked + label:after,input.cmn-toggle-on + label:after {
margin-left: 20px
}

input.cmn-toggle-on:checked + label:before {
background-color: #f1f1f1
}

input.cmn-toggle-on:checked + label:after {
margin-left: 0
}

img.iphone7 {
max-width: 350px;
float: right;
margin-right: 0
}

@media(min-width: 768px) and (max-width:991px) {
body {
overflow-x:hidden
}

div.ruby-menu-demo-description {
position: relative;
width: 760px;
height: 160px;
margin: 0 auto;
padding: 0
}

div.ruby-menu-demo-description img {
max-width: 200px;
float: left;
margin: 50px 20px 0 0
}

div.ruby-menu-demo-bg-light,div.ruby-menu-demo-bg-dark {
width: 760px;
font-size: 14px
}

div.ruby-menu-demo-cs-1 {
width: 27%
}

div.ruby-menu-demo-cs-2 {
width: 73%
}

td.ruby-menu-demo-theme-td-1 {
max-width: 27px;
padding: 7px
}

td.ruby-menu-demo-theme-td-2 {
min-width: 100px;
padding: 7px
}

.ruby-menu-demo-circle {
width: 22px;
height: 22px;
border: 3px solid #222
}

img.iphone7 {
max-width: 320px;
float: right;
margin-right: 20px
}
}

@media(max-width: 767px) {
div.ruby-menu-demo-header {
width:100%;
height: auto
}

div.ruby-menu-demo-description {
width: 100%;
margin: 0 auto;
margin-bottom: 220px;
padding: 10px;
text-align: center
}

div.ruby-menu-demo-description img {
float: none;
margin: 90px 0 0
}

div.ruby-menu-demo-download {
position: relative;
width: auto;
top: 25px;
right: auto;
left: auto
}

div.ruby-menu-demo-download > span {
font-size: 20px;
margin: 25px auto
}

div.ruby-menu-demo-download > span > span {
font-size: 26px
}

button.ruby-btn {
padding: 14px 25px;
font-size: 16px;
text-transform: uppercase
}

div.ruby-menu-demo-bg-light.ruby-menu-demo-switches {
display: none
}

div.ruby-menu-demo-bg-light,div.ruby-menu-demo-bg-dark {
width: 100%;
font-size: 16px;
padding: 25px;
margin-bottom: -100px
}

div.ruby-menu-demo-cv-1 {
width: 100%
}

div.ruby-menu-demo-cv-2 {
width: 100%
}

div.ruby-menu-demo-cv-3 {
width: 100%
}

div.ruby-menu-demo-cv-4 {
width: 100%
}

div.ruby-menu-demo-cr-1 {
width: 100%
}

div.ruby-menu-demo-cr-2 {
width: 100%;
margin-top: 40px
}

div.ruby-menu-demo-cf-1,div.ruby-menu-demo-cf-2,div.ruby-menu-demo-cf-3,div.ruby-menu-demo-cf-4 {
float: left;
width: 50%;
text-align: center
}

div.ruby-menu-demo-f-desc {
margin-bottom: 30px
}

img.iphone7 {
max-width: 300px;
float: none;
margin-right: 0 auto
}
}


/* theme */

div.ruby-wrapper,div.ruby-wrapper.ruby-vertical {
background: #f9f9f9;
color: #fff
}

ul.ruby-menu > li > a {

}

ul.ruby-menu > li > a:hover,ul.ruby-menu > li:hover > a,ul.ruby-menu > li.ruby-active-menu-item > a:hover,ul.ruby-menu > li.ruby-active-menu-item:hover > a {
background:#7d2424;
color: #fff !important;
}

ul.ruby-menu > li.ruby-active-menu-item > a {

color: #fff
}

ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a {
border-left: 1px solid #ddd;
border-right: 1px solid #fff
}

ul.ruby-menu.ruby-menu-dividers > li:first-child > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social:last-child > a {
border-left: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a {
border: none;
border-top: 1px solid #ddd;
border-bottom: 1px solid #fff
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:first-child > a {
border-top: none
}

ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {
border-left: 1px solid #222;
border-right: 1px solid #222
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:hover > a {
border-bottom: 1px solid #222
}

ul.ruby-menu.ruby-menu-dividers > li.ruby-active-menu-item > a {
border-left: 1px solid #efefef;
border-right: 1px solid #fff
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a {
border-bottom: 1px solid #fff;
border-left: none;
border-right: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a {
border-left: none;
border-right: none
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a:hover,ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item:hover > a {
border-bottom: 1px solid #222;
border-left: none
}

ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
border-top: 4px solid #222
}

ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
background: #fff;
color: #666
}

ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
background: #efefef
}

ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
background: #fff;
border-top: 4px solid #222
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
background: #efefef
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {
background: #efefef;
color: #666
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
background: #e6e6e6
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
background: #fff
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {
background: #ddd
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {
background: #efefef;
border-bottom: 1px solid #ddd
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
color: #666
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
background: #fff
}

ul.ruby-menu > li.ruby-menu-mega > div ul li > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a {
color: #555
}

ul.ruby-menu > li.ruby-menu-mega > div ul li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a:hover {
color: #222
}

ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li span.ruby-list-desc {
color: #999
}

span.ruby-c-title,span.ruby-c-title a {
color: #222
}

span.ruby-c-title a:hover,span.ruby-c-category,span.ruby-c-category a,span.ruby-c-date,span.ruby-c-date a {
color: #444
}

span.ruby-c-category a:hover,span.ruby-c-date a:hover {
color: #222
}

@media(min-width: 768px) {
ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
background-color:#222
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover {
color: #333
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a:after,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a:after {
border-color: transparent #fff transparent transparent
}
}

@media(max-width: 767px) {
ul.ruby-menu > li > a {
background:#efefef
}

ul.ruby-menu > li > a:hover,ul.ruby-menu > li:hover > a,ul.ruby-menu > li.ruby-active-menu-item > a:hover {
background: #ccc;
color: #111
}

ul.ruby-menu > li.ruby-active-menu-item > a {
background: #ccc
}

ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
background: #d1d1d1
}

ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
background: #d9d9d9;
color: #111
}

ul.ruby-menu > li > ul > li > ul > li > a {
background: #e5e5e5
}

ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover {
background: #e1e1e1
}

ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
background: #efefef
}

ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
background: #fff
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
background: #bcbcbc
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {
background: #d9d9d9
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
background: #bcbcbc
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
background: #d9d9d9
}

span.ruby-dropdown-toggle:after {
color: #fff
}

ul.ruby-menu > li > a:before,ul.ruby-menu > li > ul > li > a:before,ul.ruby-menu > li > ul > li > ul > li > a:before,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
background: #333
}

ul.ruby-menu > li > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
background: #555
}

ul.ruby-menu > li > ul > li > ul > li > a:before {
background: #777
}

ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before {
background: #999
}

.c-hamburger span {
background: #222
}

.c-hamburger span::before,.c-hamburger span::after {
background-color: #222
}

.c-hamburger--htx {
background-color: #efefef;
color: #222
}

.c-hamburger--htx.is-active {
background-color: #ddd
}

ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
border-top: none
}

ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
border-top: none
}

ul.ruby-menu.ruby-menu-dividers > li,ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a,ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {
border: none
}
}

/* transision */

span.ruby-dropdown-toggle {
transition: transform .3s ease
}

span.ruby-dropdown-toggle:after {
transition: transform .3s ease
}

@media(min-width: 767px) {
ul.ruby-menu > li > a:after {
transition:all .3s ease
}

ul.ruby-menu > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:after {
transition: all .3s ease
}

ul.ruby-menu > li > ul,ul.ruby-menu > li > div {
transform: translateY(25px);
transition: all .3s ease
}

ul.ruby-menu > li:hover > ul,ul.ruby-menu > li:hover > div {
transform: translateY(0)
}

ul.ruby-menu.ruby-vertical > li > ul,ul.ruby-menu.ruby-vertical > li > div {
transform: translateX(25px);
transition: all .3s ease
}

ul.ruby-menu.ruby-vertical > li:hover > ul,ul.ruby-menu.ruby-vertical > li:hover > div {
transform: translateX(0)
}

ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul > li > ul {
transform: translateX(25px);
transition: all .3s ease
}

ul.ruby-menu > li > ul > li:hover > ul,ul.ruby-menu > li > ul > li > ul > li:hover > ul,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > ul {
transform: translateX(0)
}

ul.ruby-menu > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left > ul {
transform: translateX(-25px);
transition: all .3s ease
}

ul.ruby-menu > li > ul > li.ruby-open-to-left:hover > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left:hover > ul,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left:hover > ul {
transform: translateX(0)
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
transform: translateY(-50px);
transition: all .5s ease
}

ul.ruby-menu > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {
transform: translateY(0)
}

ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
transform: translateX(50px);
transition: all .5s ease
}

ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div,ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {
transform: translateX(0)
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
transform: translateY(-50px);
transition: all .5s ease
}

ul.ruby-menu > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > div {
transform: translateY(0)
}

ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div > ul > li > div {
transform: translateX(50px);
transition: all .5s ease
}

ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div,ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div > ul > li:hover > div {
transform: translateX(0)
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
-webkit-transition: all .4s ease;
transition: all .4s ease
}
}

/* main */
.todays_deal, .todays_deal a
{
background-color: #FFCF66;
color: #000 !important;
}
.todays_deal a:hover
{
color: #000 !important;	
background-color:#FFCF66 !important;
}
div.ruby-wrapper {
position: relative;
width:100%;
height:auto;
margin: 0 auto;
background: #333;
}

div.ruby-wrapper ul {
margin:0px 0px 0px 0px;
padding: 0;
list-style: none;
width:100%;
height: auto;
float: left;
}

div.ruby-wrapper > ul {
position: relative;
}

ul.ruby-menu > li {
float: left;
font-size:12px;
}

ul.ruby-menu > li.ruby-menu-right {
float: right;
}
.cat_submenu_txt 
{
width: 100%;
height: auto;
float: left;
font-weight: 800;
letter-spacing: 0.7px;
font-size: 18px;
color: #000;
padding: 7px 20px;
}
ul.ruby-menu > li > a {
display: block;
padding:10px 30px 10px 18px;
color: #fff;
text-decoration: none;
font-weight:300;
letter-spacing:0.7px;
font-size:14px;}
ul.ruby-menu > li > a:hover
{
color: #fff !important;	
}
ul.ruby-menu > li > a:only-child {
padding:13px 15px;
text-align: center;
}

ul.ruby-menu > li > a:hover,ul.ruby-menu > li:hover > a,ul.ruby-menu > li.ruby-active-menu-item > a:hover,ul.ruby-menu > li.ruby-active-menu-item:hover > a {

}

ul.ruby-menu > li > a:only-child:after,ul.ruby-menu > li:hover > a:only-child:after {
content: '';
}

ul.ruby-menu > li.ruby-active-menu-item > a {

}

ul.ruby-menu > li > a .fa {
position: relative;
width: 24px;
}

ul.ruby-menu > li > a > img {
max-width: 16px;
display: block;
}

ul.ruby-menu > li.ruby-menu-social > a {
padding: 0;
width: 30px;
padding: 0 8px;
font-size: 16px;
}

ul.ruby-menu > li.ruby-menu-social > a > span {
display: none;
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a {
transition: all .5s ease;
max-height: 50px;
width: 30px;
transition: all .5s ease;
transition-delay: .3s;
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a:hover {
width: 120px;
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover > span input,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a:hover > span input {
transform: scaleY(1);
max-width: 80px;
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a span,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a span {
display: inline;
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social.ruby-menu-search > a > span input {
position: absolute;
width: 80px;
height: 50px;
line-height: 50px;
margin: 0;
background: none;
color: #efefef;
border: none;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
max-width: 0;
transform: scaleY(0);
transition: all .5s ease;
transition-delay: .3s;
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input:focus {
outline: none;
color: #efefef;
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a > span input::-webkit-input-placeholder {
color: #efefef;
}

ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a {
border-left: 1px solid #111;
border-right: 1px solid #666;
}

ul.ruby-menu.ruby-menu-dividers > li:first-child > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social:last-child > a {
border-left: none;
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a {
border: none;
border-top: 1px solid #111;
border-bottom: 1px solid #666;
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:first-child > a {
border-top: none;
}

ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {
border-right: 1px solid #19ad86;
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li:hover > a {
border-bottom: 1px solid #19ad86;
}

ul.ruby-menu.ruby-menu-dividers > li.ruby-active-menu-item > a {
border-right: 1px solid #F26823;
}

ul.ruby-menu.ruby-vertical.ruby-menu-dividers > li.ruby-active-menu-item > a {
border-bottom: 1px solid #F26823;
}

ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
position: absolute;
-webkit-box-shadow: 0 8px 24px -5px #ccc;
-moz-box-shadow: 0 8px 24px -5px #ccc;
box-shadow: 0 8px 24px -5px #ccc;
border-top: 4px solid #19ad86;
}

ul.ruby-menu > li > ul > li,ul.ruby-menu > li > ul > li > ul > li {
position: relative;
}

ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
display: block;
width: 170px;
line-height: 40px;
padding: 0 35px 0 25px;
background: #fff;
color: #666;
text-decoration: none;
font-size: 14px;
}

ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
background: #efefef;
}

ul.ruby-menu > li > ul > li > a:only-child:after,ul.ruby-menu > li > ul > li > ul > li > a:only-child:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:only-child:after {
content: "";
}

ul.ruby-menu > li > ul > li > a .fa,ul.ruby-menu > li > ul > li > ul > li > a .fa,ul.ruby-menu > li > ul > li > ul > li > ul > li > a .fa {
position: relative;
width: 24px;
}

ul.ruby-menu > li.ruby-menu-right > ul {
right: 0;
}

ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
left: 170px;
top: -4px;
z-index: 100;
}

ul.ruby-menu > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul {
left: auto;
right: 170px;
}

ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
position: absolute;
width:97vw;
height:300px !important;
margin: 0px 0px 0px 0%;
top:44px;
left: 0;
overflow-y: scroll !important;
overflow-x: hidden !important;
background: #fff;
border-top: 4px solid #7d2424;
overflow: hidden;
-webkit-box-shadow: 0 8px 24px -5px #ccc;
-moz-box-shadow: 0 8px 24px -5px #ccc;
box-shadow: 0 8px 24px -5px #ccc;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
position: relative;
width: 200px;
height: 100%;
left: 0;
top: 0;
background: #efefef;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li {
font-size: 14px;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {
display: block;
line-height: 40px;
padding: 0 15px;
background: #efefef;
color: #666;
text-decoration: none
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
background: #e6e6e6;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
position: absolute;
width: 780px;
height: auto;
min-height: 100%;
left: 200px;
top: 0;
background: #fff;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {
background: #ddd
}

ul.ruby-menu > li.ruby-menu-mega-shop > div {
text-align: center;
z-index: 999999;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {
width: 100%;
background: #efefef;
margin: 0 auto;
padding: 0;
border-bottom: 1px solid #ddd;
font-size: 0;
z-index: 100;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li {
display: inline-block;
margin: 0
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
display: block;
padding: 20px 15px;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
font-stretch: expanded;
color: #666;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
text-decoration: none;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
position: relative;
text-decoration: none;
display: inline-block;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
position: absolute;
width: 100%;
left: 0;
top: auto;
margin-top: 1px;
text-align: left;
background: #fff;
z-index: -1;
}

div.ruby-grid,div.ruby-grid-lined {
position: relative;
width: 100%;
padding: 0;
margin: 0;
}

div.ruby-grid > div.ruby-row {
position: relative;
width: 100%;
height: auto;
}

div.ruby-grid > div.ruby-row div.ruby-row [class^="ruby-col"] {
margin-top: 16px;
}

div.ruby-grid > div.ruby-row div.ruby-row:first-of-type [class^="ruby-col"] {
margin-top: 0;
}

div.ruby-grid.ruby-grid-lined > div.ruby-row:after {
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: -webkit-linear-gradient(left,rgba(204,204,204,0) 0%,rgba(204,204,204,0.48) 24%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.42) 79%,rgba(204,204,204,0) 100%);
}

div.ruby-grid.ruby-grid-lined > div.ruby-row:last-child:after {
height: 0;
}

div.ruby-grid > div.ruby-row::after {
content: "";
display: table;
clear: both;
}

div.ruby-grid > div.ruby-row [class^="ruby-col"] {
position: relative;
float: left;
height: auto
}

div.ruby-grid > div.ruby-row > [class^="ruby-col"] {
padding: 16px;
}

div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"] {
padding-left: 16px;
}

div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"]:first-of-type {
padding-left: 0;
}

div.ruby-grid > div.ruby-row div.ruby-col-1 {
width: 8.33%;
}

div.ruby-grid > div.ruby-row div.ruby-col-2 {
width: 16.66%;
}

div.ruby-grid > div.ruby-row div.ruby-col-3 {
width: 25%;
}

div.ruby-grid > div.ruby-row div.ruby-col-4 {
width: 33.33%;
}

div.ruby-grid > div.ruby-row div.ruby-col-5 {
width: 41.66%;
}

div.ruby-grid > div.ruby-row div.ruby-col-6 {
width: 50%;
}

div.ruby-grid > div.ruby-row div.ruby-col-7 {
width: 58.33%;
}

div.ruby-grid > div.ruby-row div.ruby-col-8 {
width: 66.66%;
}

div.ruby-grid > div.ruby-row div.ruby-col-9 {
width: 75%;
}

div.ruby-grid > div.ruby-row div.ruby-col-10 {
width: 83.33%;
}

div.ruby-grid > div.ruby-row div.ruby-col-11 {
width: 91.66%;
}

div.ruby-grid > div.ruby-row div.ruby-col-12 {
width: 100%
}

div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:after {
content: "";
position: absolute;
top: 0;
width: 1px;
height: 100%;
right: 0;
background: -webkit-linear-gradient(top,rgba(204,204,204,0) 0%,rgba(204,204,204,0.48) 24%,rgba(204,204,204,1) 50%,rgba(204,204,204,0.42) 79%,rgba(204,204,204,0) 100%);
}

div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:last-child:after {
width: 0;
}

div.ruby-grid img {
position: relative;
max-width: 100%;
height: auto;
display: block;
}

h3.ruby-list-heading {
font-size:14px;
line-height: 24px;
font-weight: 900;
margin: 0;
width: 100%;
height: auto;
float: left;
color: #ff6600;
}
h3.ruby-list-heading a
{
color: #ff6600;    
}
h3.ruby-list-heading a:hover
{
text-decoration:none;    
}
.ruby-grid ul
{
width: 100% !important;
height: auto !important;
float: left !important;
}
.megamenu_col {
width: 19% !important;
height: auto !important;
float: left !important;
border-right: 1px solid #eee;
margin: 0px 1% 0px 0px;
}
ul.ruby-menu > li.ruby-menu-mega > div ul,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul {
margin: 0;
margin-top:0px;
}

ul.ruby-menu > li.ruby-menu-mega > div ul li,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li {
position: relative;
font-size:14px;
line-height:27px;
display: block;
width: 100%;
font-weight: 300;
letter-spacing: 0.2px;
}

ul.ruby-menu > li.ruby-menu-mega > div ul li > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a {
text-decoration: none;
color: #000;
display: inline-block;
font-size:13px;
}

ul.ruby-menu > li.ruby-menu-mega > div ul li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li > a:hover {
color: #222;
text-decoration: none;
font-weight:800;
}

ul.ruby-menu > li.ruby-menu-mega > div ul li .fa,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div ul > li .fa {
position: relative;
width: 24px;
}

ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li {

}

ul.ruby-menu > li.ruby-menu-mega > div ul.ruby-list-with-images li span.ruby-list-desc {
font-size: 11px;
display: block;
position: absolute;
top: 16px;
left: 72px;
color: #999;
}

ul.ruby-menu > li.ruby-menu-mega > div ul li > a > img {
float: left;
width: 60px;
margin-right: 12px;
}

span.ruby-c-title,span.ruby-c-category,span.ruby-c-date {
position: relative;
display: block;
}

span.ruby-c-title a,span.ruby-c-category a,span.ruby-c-date a {
text-decoration: none;
}

span.ruby-c-title,span.ruby-c-title a {
font-size: 14px;
font-weight: 700;
text-transform: capitalize;
line-height: 20px;
margin-top: -5px;
color: #222;
}

span.ruby-c-title a:hover {
color: #444;
text-decoration: underline;
}

span.ruby-c-category,span.ruby-c-category a {
font-size: 11px;
margin: 9px 0;
color: #444;
}

span.ruby-c-date,span.ruby-c-date a {
font-size: 11px;
color: #444;
}

span.ruby-c-category a:hover,span.ruby-c-date a:hover {
color: #19ad86;
}

div.ruby-c-inline {
display: block;
position: relative;
height: 14px;
margin: 7px 0
}

div.ruby-c-inline span.ruby-c-category,div.ruby-c-inline span.ruby-c-date {
position: absolute;
display: inline-block;
}

div.ruby-c-inline span.ruby-c-date {
right: 0;
}

div.ruby-c-inline span.ruby-c-category,div.ruby-c-inline span.ruby-c-category a {
margin: 0;
}

span.ruby-c-content {
display: block;
position: relative;
top: 7px;
font-size: 12px;
line-height: 18px;
text-align: justify
}

.ruby-wrapper .visible-xs {
visibility: hidden;
position: absolute
}

@media(min-width: 768px) {
div.ruby-wrapper.ruby-menu-transparent {
background:none;
}

div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-active-menu-item > a {
background: none;
}

div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social > a {
border: none;
}

div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li > a {
border: none;
}

div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li:hover > a,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li > a:hover,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li:hover > a,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu.ruby-menu-dividers > li > a:hover {
background: none;
color: #e2e2e2;
}

div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a:hover,div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-menu-social.ruby-menu-search:hover > a {
background: none;
}

div.ruby-wrapper.ruby-menu-full-width {
width: 100%;
}

div.ruby-wrapper.ruby-menu-full-width > ul.ruby-menu {
width: 980px;
margin: 0 auto;
}

ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
visibility: hidden;
opacity: 0;
}

ul.ruby-menu > li:hover > ul,ul.ruby-menu > li > ul > li:hover > ul,ul.ruby-menu > li > ul > li > ul > li:hover > ul {
visibility: visible;
opacity: 1;
}

ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
visibility: hidden;
opacity: 0;
}

ul.ruby-menu > li.ruby-menu-mega:hover > div,ul.ruby-menu > li.ruby-menu-mega-blog:hover > div,ul.ruby-menu > li.ruby-menu-mega-shop:hover > div {
visibility: visible;
opacity: 1;
padding:5px 12px;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
visibility: hidden;
opacity: 0;
}

ul.ruby-menu > li.ruby-menu-mega-blog:hover > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > div {
visibility: visible;
opacity: 1;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > div {
visibility: visible;
opacity: 1;
z-index: 101;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
visibility: hidden;
opacity: 0;
}

ul.ruby-menu > li.ruby-menu-mega-shop:hover > div > ul > li.ruby-active-menu-item > div,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > div {
visibility: visible;
opacity: 1;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
height: 1px;
position: absolute;
content: '';
background-color: #19ad86;
width: 0;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
top: 10px;
left: 5%;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:after {
bottom: 10px;
right: 5%;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,.snip1217 .current a {
color: #333;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover:after,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a:after,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a:after {
width: 90%;
}

ul.ruby-menu > li > a:after {
font-family: "FontAwesome";
text-decoration: none;
content: '\f107';
position: absolute;
margin-left: 5px
}

ul.ruby-menu > li:hover > a:after {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}

ul.ruby-menu > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:after {
font-family: "FontAwesome";
text-decoration: none;
font-size: 16px;
padding: 0;
content: '\f105';
position: absolute;
right: 15px;
}

ul.ruby-menu > li > ul > li:hover > a:after,ul.ruby-menu > li > ul > li > ul > li:hover > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a:after {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}

ul.ruby-menu > li > ul > li.ruby-open-to-left > a:after,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left > a:after {
content: '\f104';
right: auto;
left: 10px;
}

ul.ruby-menu > li > ul > li.ruby-open-to-left:hover > a:after,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left:hover > a:after,ul.ruby-menu > li > ul > li > ul > li > ul > li.ruby-open-to-left:hover > a:after {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a:after,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a:after {
content: "";
position: absolute;
right: 0;
margin-top: 13px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 8px 6px 0;
border-color: transparent #fff transparent transparent;
}
}

/* responsive */

@media(max-width: 767px) {
div.ruby-wrapper .hidden-xs {
visibility:hidden;
display: none;
}

div.ruby-wrapper {
position: absolute;
width: 100%;
top: 0;
background: #111;
}

.ruby-wrapper .visible-xs {
visibility: visible;
position: absolute;
left: 0;
top: 0;
}

div.ruby-wrapper > ul {
position: absolute;
top: 50px;
width: 100%;
}

ul.ruby-menu > li,ul.ruby-menu > li.ruby-menu-right {
float: none
}

ul.ruby-menu > li > a {
padding: 0 65px;
background: #19ad86;
}

ul.ruby-menu > li > a:only-child {
padding: 0 65px;
}

ul.ruby-menu > li > a:hover,ul.ruby-menu > li:hover > a,ul.ruby-menu > li.ruby-active-menu-item > a:hover {

}

ul.ruby-menu > li.ruby-active-menu-item > a {

}

ul.ruby-menu > li.ruby-menu-social > a > span {
display: block;
}

ul.ruby-menu > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
position: relative;
width: 100%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-top: none;
}

ul.ruby-menu > li,ul.ruby-menu > li > ul > li,ul.ruby-menu > li > ul > li > ul > li,ul.ruby-menu > li > ul > li > ul > li > ul > li {
position: relative;
}

ul.ruby-menu > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
width: 100%;
line-height: 50px;
padding: 0 80px;
background: #d1d1d1;
}

ul.ruby-menu > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover,ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
background: #d9d9d9;
color: #111;
}

ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul > li > ul {
left: auto;
top: auto;
z-index: auto;
}

ul.ruby-menu > li > ul > li.ruby-open-to-left > ul,ul.ruby-menu > li > ul > li > ul > li.ruby-open-to-left > ul {
left: auto;
right: auto
}

ul.ruby-menu > li > ul > li > ul > li > a {
background: #e5e5e5;
padding: 0 95px;
}

ul.ruby-menu > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > a:hover {
background: #e1e1e1;
}

ul.ruby-menu > li > ul > li > ul > li > ul > li > a {
background: #efefef;
padding: 0 110px;
}

ul.ruby-menu > li > ul > li > ul > li > ul > li:hover > a,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:hover {
background: #fff;
}

ul.ruby-menu > li.ruby-menu-social > a {
border: none;
}

ul.ruby-menu > li.ruby-menu-mega,ul.ruby-menu > li.ruby-menu-mega-blog,ul.ruby-menu > li.ruby-menu-mega-shop {
position: relative;
}

ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
position: relative;
top: auto;
left: auto;
border-top: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
width: 100%;
height: auto;
left: auto;
top: auto;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li {
position: relative;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a {
line-height: 50px;
padding: 0 75px;
background: #d1d1d1;
color: #222;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li.ruby-active-menu-item > a {
background: #bcbcbc;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
position: relative;
width: 100%;
min-height: auto;
left: auto;
top: auto;
z-index: auto;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li:hover > a {
background: #d9d9d9;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div {
position: relative;
text-align: left;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul {
position: relative;
border: none;
font-size: 14px;
margin-bottom: -1px;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li {
position: relative;
display: block;
margin-top: -1px;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
padding: 0 80px;
line-height: 50px;
max-height: 50px;
text-transform: none;
font-weight: 400;
background: #d1d1d1;
color: #222;
border: none;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
background: #bcbcbc;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li:hover > a,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:hover,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li.ruby-active-menu-item > a {
background: #d9d9d9;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
display: block;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div {
position: relative;
top: 0;
z-index: 9999;
margin: 0;
}

ul.ruby-menu > li.ruby-menu-social img {
display: inline-table;
position: absolute;
top: 15px;
}

ul.ruby-menu > li.ruby-menu-social > a {
width: 100%
}

ul.ruby-menu > li.ruby-menu-social .fa {
position: absolute;
top: 17px
}

ul.ruby-menu > li.ruby-menu-social span {
line-height: 50px;
padding: 0 25px;
}

span.ruby-dropdown-toggle {
position: absolute;
width: 50px;
height: 50px;
max-width: 50px;
max-height: 50px;
left: 0;
top: 0;
padding: 10px 17px;
z-index: 1000000;
cursor: pointer;
}

span.ruby-dropdown-toggle:after {
font-family: "FontAwesome";
text-decoration: none;
content: '\f107';
color: #fff;
font-size: 25px;
right: 0;
}

span.ruby-dropdown-toggle.ruby-dropdown-toggle-rotate {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

ul.ruby-menu > li > a:before,ul.ruby-menu > li > ul > li > a:before,ul.ruby-menu > li > ul > li > ul > li > a:before,ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
content: "";
width: 50px;
height: 50px;
background: #333;
position: absolute;
left: 0;
top: 0;
}

ul.ruby-menu > li > ul > li > a:before,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > a:before,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a:before {
background: #555;
}

ul.ruby-menu > li > ul > li > ul > li > a:before {
background: #777;
}

ul.ruby-menu > li > ul > li > ul > li > ul > li > a:before {
background: #999;
}

ul.ruby-menu > li > ul > li > ul > li > ul,ul.ruby-menu > li > ul > li > ul,ul.ruby-menu > li > ul,ul.ruby-menu,ul.ruby-menu > li.ruby-menu-mega > div,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div,ul.ruby-menu > li.ruby-menu-mega-blog > div,ul.ruby-menu > li.ruby-menu-mega-shop > div {
max-height: 0;
transform: scaleY(0);
overflow: hidden;
}

ul.ruby-menu > li > ul.ruby-mobile-sublevel-show,ul.ruby-menu > li > ul > li > ul.ruby-mobile-sublevel-show,ul.ruby-menu > li > ul > li > ul > li > ul.ruby-mobile-sublevel-show,ul.ruby-menu.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega > div.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega-blog > div.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega-shop > div.ruby-mobile-sublevel-show,ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > div.ruby-mobile-sublevel-show {
max-height: 20000px;
transform: scaleY(1);
}

div.ruby-grid > div.ruby-row div.ruby-row [class^="ruby-col"] {
margin-top: 0;
}

div.ruby-grid > div.ruby-row div.ruby-row:first-of-type [class^="ruby-col"] {
margin-top: 0;
}

div.ruby-grid.ruby-grid-lined > div.ruby-row:after {
height: 0;
}

div.ruby-grid > div.ruby-row > [class^="ruby-col"] {
padding: 0;
}

div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"] {
padding-left: 0;
}

div.ruby-grid > div.ruby-row > [class^="ruby-col"] [class^="ruby-col"]:first-of-type {
padding-left: 0;
}

div.ruby-grid > div.ruby-row div.ruby-col-1,div.ruby-grid > div.ruby-row div.ruby-col-2,div.ruby-grid > div.ruby-row div.ruby-col-3,div.ruby-grid > div.ruby-row div.ruby-col-4,div.ruby-grid > div.ruby-row div.ruby-col-5,div.ruby-grid > div.ruby-row div.ruby-col-6,div.ruby-grid > div.ruby-row div.ruby-col-7,div.ruby-grid > div.ruby-row div.ruby-col-8,div.ruby-grid > div.ruby-row div.ruby-col-9,div.ruby-grid > div.ruby-row div.ruby-col-10,div.ruby-grid > div.ruby-row div.ruby-col-11,div.ruby-grid > div.ruby-row div.ruby-col-12 {
width: 100%;
padding: 20px 30px;
}

div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:after {
width: 0
}

div.ruby-grid img {
position: relative;
max-width: 100%;
height: auto;
display: block;
}

div.ruby-grid > div.ruby-row::after {
content: "";
display: table;
clear: both;
}

.c-hamburger {
display: block;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 50px;
height: 50px;
font-size: 0;
text-indent: -9999px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-shadow: none;
border-radius: none;
border: none;
cursor: pointer;
-webkit-transition: background .3s;
transition: background .3s;
}

.c-hamburger:focus {
outline: none
}

.c-hamburger span {
display: block;
position: absolute;
top: 24px;
left: 8px;
right: 8px;
height: 3px;
background: #fff;
}

.c-hamburger span::before,.c-hamburger span::after {
position: absolute;
display: block;
left: 0;
width: 100%;
height: 3px;
background-color: #fff;
content: ""
}

.c-hamburger span::before {
top: -10px;
}

.c-hamburger span::after {
bottom: -10px;
}

.c-hamburger--htx {
background-color: #19ad86;
}

.c-hamburger--htx span {
-webkit-transition: background 0 .3s;
transition: background 0 .3s;
}

.c-hamburger--htx span::before,.c-hamburger--htx span::after {
-webkit-transition-duration: 0.3s,.3s;
transition-duration: 0.3s,.3s;
-webkit-transition-delay: 0.3s,0;
transition-delay: 0.3s,0;
}

.c-hamburger--htx span::before {
-webkit-transition-property: top,-webkit-transform;
transition-property: top,transform
}

.c-hamburger--htx span::after {
-webkit-transition-property: bottom,-webkit-transform;
transition-property: bottom,transform;
}

.c-hamburger--htx.is-active {
background-color: #333;
}

.c-hamburger--htx.is-active span {
background: none;
}

.c-hamburger--htx.is-active span::before {
top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
bottom: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after {
-webkit-transition-delay: 0s,.3s;
transition-delay: 0s,.3s;
}

ul.ruby-menu.ruby-menu-dividers > li,ul.ruby-menu.ruby-menu-dividers > li > a,ul.ruby-menu.ruby-menu-dividers > li.ruby-menu-social > a,ul.ruby-menu.ruby-menu-dividers > li > a:hover,ul.ruby-menu.ruby-menu-dividers > li:hover > a {
border: none;
}

div.ruby-wrapper.ruby-menu-transparent > ul.ruby-menu > li.ruby-active-menu-item > a {
padding-left: 45px;
}

ul.ruby-menu > li.ruby-menu-social.ruby-menu-search > a {
display: none;
}
}

@media(min-width: 768px) and (max-width:991px) {
.ruby-wrapper .hidden-md {
visibility:hidden;
display: none;
}

div.ruby-wrapper {
width: 100%;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav {
width: 170px;
}

ul.ruby-menu > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
width: 590px;
left: 170px;
}

ul.ruby-menu.ruby-vertical > li.ruby-menu-mega > div,ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div,ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-shop > div {
width: 560px
}

ul.ruby-menu.ruby-vertical > li.ruby-menu-mega-blog > div > ul.ruby-menu-mega-blog-nav > li > div {
width: 360px
}

span.ruby-c-date {
display: none;
visibility: hidden;
opacity: 0;
}

div.ruby-grid > div.ruby-row div.ruby-col-3-md {
width: 25%;
}

div.ruby-grid > div.ruby-row div.ruby-col-4-md {
width: 33.33%;
}

div.ruby-grid > div.ruby-row div.ruby-col-6-md {
width: 50%;
}

div.ruby-grid > div.ruby-row div.ruby-col-12-md {
width: 100%;
}

div.ruby-grid.ruby-grid-lined > div.ruby-row:after,div.ruby-grid.ruby-grid-lined > div.ruby-row > div[class^="ruby-col"]:after {
background: none;
}

ul.ruby-menu > li.ruby-menu-mega-shop > div > ul > li > a {
padding: 20px 5px;
font-size: 12px;
font-stretch: condensed;
color: #666;
}
}
/* Mega Menu End */





/*Banner Slider*/

.g_slide {
position: relative;
width: 100%;
height: 350px;
float:left;
overflow: hidden;
}

.g_slide .item {
display: none;
position: absolute;
left: 0;
top: 0;
}

.switch_main { position: relative; }

.g_slide .switch_nav {
width: 100%;
position: absolute;
right: 0;
bottom: 10px;
z-index: 11;
text-align: center;
}

.g_slide .switch_nav_item {
display: inline-block;
margin: 0 10px 0 0;
width: 13px;
height: 13px;
line-height: 200px;
overflow: hidden;
font-size: 0;
border-radius: 100%;
background: #b7b7b7;
text-align: center;
font-size: 18px;
color: #fff;
}

.g_slide .switch_nav_item:hover { text-decoration: none; }

.g_slide .switch_nav_item_current { background: #eb6100; }

.g_slide .prev,
.g_slide .next {
position: absolute;
top: 50%;
z-index: 10;
margin-top: -15px;
width: 18px;
height: 30px;
overflow: hidden;
background: url(slide.png) no-repeat;
transition: margin-left .3s ease, margin-right .3s ease;
}

.g_slide .prev {
left: -18px;
_left: 10px;
}

.g_slide .next {
right: -18px;
_right: 10px;
background-position: -19px 0;
}

.g_slide .prev:hover { background-position: 0 -70px; }

.g_slide .next:hover { background-position: -19px -70px; }

.g_slide:hover .prev { margin-left: 28px; }

.g_slide:hover .next { margin-right: 28px; }

.scroll {
position: relative;
width: 752px;
height: 117px;
border: solid 1px #dfdfdf;
overflow: hidden;
}

.switch_main { position: relative; }

.scroll .item {
float: left;
width: 250px;
height: 100%;
border-right: solid 1px #dfdfdf;
}

.scroll .switch_item {
display: none;
position: absolute;
left: 0;
top: 0;
width: 100%;
}

.scroll .prev,
.scroll .next {
position: absolute;
top: 50%;
margin-top: -20px;
width: 19px;
height: 39px;
overflow: hidden;
background: url(../images/slide.png) no-repeat;
}

.scroll .prev {
left: 0;
background-position: 0 -31px;
}

.scroll .next {
right: 0;
background-position: -20px -31px;
}

.scroll .prev:hover { background-position: 0 -101px; }

.scroll .next:hover { background-position: -20px -101px; }
/*Banner Slider End */




















.menu_bar
{
width:100%;
height:auto;
float:left;
text-align:right;
}
.menu_bar button
{
background-color:transparent;
border:none;
font-size:25px;
letter-spacing:1px;
outline:none;
color:#111 !important;
}
.menu_bar button:hover, .menu_bar button:focus
{
background-color:transparent !important;
border:none !important;
outline:none !important;
}

.flyInRight
{
background-color: #292929 !important;
margin:100px 0px 0px 0px !important;
}
.flyInRight ul li a
{
color:#fff;
}
.cancel_policy_banner
{
width:100%;
height:260px;
float:left;
background-image:url(../images/return_banner.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.cancel_policy_banner_layer
{
width: 100%;
height:260px;
float: left;
background-color: #0000009c;
position: absolute;
}
.inner_banner
{
width:100%;
height:160px;
float:left;
background-color: #d99058;
background-image: linear-gradient(315deg, #d99058 0%, #f8de7e 74%);
background-repeat: no-repeat;
background-position: center;
margin: 125px 0px 0px 0px;
}
/*.inner_banner_layer
{
width: 100%;
height:350px;
float: left;
background-color: #0000009c;
position: absolute;
}*/
.nopad
{
padding: 0px !important;
}
.privacy_policy_sec {
width: 100%;
height: auto;
float: left;
margin: 50px 0px 80px 0px;
}
.shiphdtxt
{
color:#000 !important;
font-weight: 800 !important;
font-size: 15px;
width: 100% !important;
height: auto;
float: left;
text-align: left;}
.inner_banner_content
{
width: 100%;
height: auto;
float: left;
text-align: center;
margin:30px 0px 0px 0px;
position: relative;
z-index:1;
}
.inner_banner_content_hdtxt
{
width:100%;
height:auto;
float:left;
font-size:40px;
font-weight:800;
letter-spacing: 1.5px;
color:#000;
margin:0px 0px 0px 0px;
}
.inner_banner_content_subtxt
{
width:100%;
height:auto;
float:left;
font-size:18px;
font-weight:300;
letter-spacing:1px;
color:#fff;
margin:0px 0px 20px 0px;
}
.web_link_path
{
width: 100%;
height: auto;
float: left;
color: #333;
font-size: 15px;
letter-spacing: 0.8px;
font-weight: 300;
margin:15px 0px 0px 0px;
}
.web_link_path a
{
color:#921C1C;
}
.web_link_path a:hover
{
color:#901E1E;
font-weight:800;
text-decoration:none;
}
.close
{
opacity: 1 !important;
outline: none !important;
padding: 9px 15px 10px 11px !important;
position: absolute !important;
right: 0;
font-size: 24px !important;
z-index: 11 !important;
top: 0px !important;
font-weight: 300 !important;
}
/*html.slide-out-top {
bottom: initial !important;
top: 0;
}

html.slide-out-right {
left: 0;
right: initial !important;
}

html.slide-out-bottom {
bottom: 0;
top: initial !important;
}

html.slide-out-left {
left: initial !important;
right: 0;
}

html.slide-out-panel-static {
position: static !important;
transition: none !important;
width: 100% !important;
}

.slide-out-panel-container {
-webkit-overflow-scrolling: touch;
background-color: #fff;
bottom: 0;
box-shadow: -3px 3px 9px rgba(0, 0, 0, 0.3);
height: auto;
max-width: 100vw;
overflow-y: auto;
position: fixed;
top: 0;
transition: top ease, right ease, bottom ease, left ease;
z-index:101010;
}

@media all and (max-width: 768px) {
.slide-out-panel-container {
bottom: initial;
position: fixed !important;
}
}

@media all and (max-width: 768px) {
.slide-out-panel-container.open {
width: 100% !important;
}
}

.slide-out-panel-container * {
box-sizing: border-box;
}

.slide-out-panel-container .close-slide-out-panel {
color: #000;
cursor: pointer;
font-size:20px;
font-weight: bold;
height: auto;
line-height: 12px;
min-height: 12px;
min-width: 12px;
opacity: .5;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
transition: opacity .35s ease;
width: auto;
z-index: 9999;
}

.slide-out-panel-container .close-slide-out-panel:hover {
font-weight: bold;
opacity: 1;
}

.slide-out-panel-container .slide-out-header,
.slide-out-panel-container .slide-out-content,
.slide-out-panel-container .slide-out-footer {
padding:15px 15px 15px 15px;
position: relative;
width: 100%;
}

.slide-out-panel-container .slide-out-header {
align-items: center;
background-color: #fff;
border: 1px solid #e5e5e5;
display: flex;
justify-content:left;
text-align:left;
}

.slide-out-panel-container .slide-out-header h4 {
margin: 0;
padding: 0;
}

.slide-out-panel-container .slide-out-content {
background-color: #fff;
width: 100%;
height: auto;
float: left;
padding: 10px 10px;
}

.slide-out-panel-container .slide-out-content.no-header {
padding-top: 30px;
}

.slide-out-panel-container .slide-out-content.no-header .close-slide-out-panel {
display: block;
}

.slide-out-panel-container .slide-out-content .close-slide-out-panel {
display: none;
position: absolute;
top: 15px;
}

.slide-out-panel-container .slide-out-footer {
background-color: #fff;
}

.slide-out-panel {
display: none;
width:280px !important;
overflow:hidden !important;
} 
.slide-out-panel-screen, .open
{
z-index: 11 !important;
}
.slide-out-panel-screen {
height: 100vh;
left: 0;
opacity: 0;
position: fixed;
top: 0;
transition: opacity ease;
width: 100vw;
z-index: 1;
}

@media all and (max-width: 768px) {
.slide-out-panel-screen {
height: 100%;
}
}*/

.view_store_footer
{
width: 100%;
height: auto;
float: left;
background-color: #F9F6F0;
padding:30px 0px 0px 0px;	
}

.faq-title h2 {
position: relative;
margin-bottom: 45px;
display: inline-block;
font-weight: 600;
line-height: 1;
}
.faq-title h2::before {
content: "";
position: absolute;
left: 50%;
width: 60px;
height: 2px;
background:#2BA0FD;
bottom: -25px;
margin-left: -30px;
}
.faq-title p {
padding: 0 190px;
margin-bottom: 10px;
}

.faq {
background: #FFFFFF;
box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
border-radius: 4px;
}

.faq .card {
border: none;
background: none;
border-bottom: 1px dashed #CEE1F8;
}

.faq .card .card-header {
padding: 0px;
border: none;
background: none;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

.faq .card .card-header:hover {
background:#337ab73d;
padding-left: 10px;
}
.mid_sec_subtxt
{
color:#000 !important;    
}
.faq .card .card-header .faq-title {
width: 100%;
text-align: left;
padding: 0px;
padding-left: 30px;
padding-right: 30px;
font-weight: 400;
font-size: 15px;
letter-spacing: 1px;
color: #000 !important;
text-decoration: none !important;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
cursor: pointer;
padding-top: 20px;
padding-bottom: 20px;
}

.faq .card .card-header .faq-title .badge {
display: inline-block;
width: 20px;
height: 20px;
line-height: 14px;
float: left;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
text-align: center;
background: #2BA0FD;
color: #fff;
font-size: 12px;
margin-right: 20px;
}

.faq .card .card-body {
padding: 30px;
padding-left: 35px;
padding-bottom: 16px;
font-weight: 400;
font-size: 16px;
color: #6F8BA4;
line-height: 28px;
letter-spacing: 1px;
border-top: 1px solid #F3F8FF;
}

.faq .card .card-body p {
margin-bottom: 14px;
}

@media (max-width: 991px) {
.faq {
margin-bottom: 30px;
}
.faq .card .card-header .faq-title {
line-height: 26px;
margin-top: 10px;
}
}
.sm-button {
top: 0;
right: 0;
text-transform: uppercase;
letter-spacing: 5px;
font-size:20px !important;
z-index: 10;
color:#111 !important;
}
.sm-nav:nth-child(2) {
}
.sm-menu .sm-nav:nth-child(2) .nav-inner > a{
font-size: 11px;
margin-bottom: 5px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
}
.sm-menu {
position: fixed;
visibility: hidden;
opacity: 0;
width:90%;
margin:0px 5%;
height: 700px;
z-index: 101;
}
.sm-menu {
position: fixed;
visibility: hidden;
opacity: 0;
width:80%;
margin:5% 10% 0px 10%;
height:500px;
z-index: 101;
}


.sm-menu.animated {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.sm-menu.sm-bottom-left {
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

.sm-menu.sm-bottom-right {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.sm-menu.sm-top {
}

.sm-menu.sm-top-left {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.sm-menu.sm-top-right {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.sm-menu.sm-left {
}

.sm-menu.sm-right {
}

.sm-menu.re-rotate {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}

.sm-menu.ff-hack {
opacity: 1;
visibility:visible;
}

.sm-menu .sm-nav {
-webkit-transform: translate3d(50%, 0, 0) scale(0.002, 1);
-moz-transform: translate3d(50%, 0, 0) scale(0.002, 1);
-ms-transform: translate3d(50%, 0, 0) scale(0.002, 1);
-o-transform: translate3d(50%, 0, 0) scale(0.002, 1);
transform: translate3d(50%, 0, 0) scale(0.002, 1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
width: 50%;
height: 100%;
position: absolute;
top: 0;
padding:0px;
background: #111;
}
.right
{

}


.sm-menu.sm-horizontal .sm-nav {
-webkit-transform: translate3d(25%, 0, 0) scale(0.5, 0.002);
-moz-transform: translate3d(25%, 0, 0) scale(0.5, 0.002);
-ms-transform: translate3d(25%, 0, 0) scale(0.5, 0.002);
-o-transform: translate3d(25%, 0, 0) scale(0.5, 0.002);
}

.sm-menu.sm-horizontal .sm-nav:nth-child(2) {
-webkit-transform: translate3d(-25%, 0, 0) scaleX(0.5) scaleY(0.002);
-moz-transform: translate3d(-25%, 0, 0) scaleX(0.5) scaleY(0.002);
-ms-transform: translate3d(-25%, 0, 0) scaleX(0.5) scaleY(0.002);
-o-transform: translate3d(-25%, 0, 0) scaleX(0.5) scaleY(0.002);
transform: translate3d(-25%, 0, 0) scaleX(0.5) scaleY(0.002);
right: 0;
}

.sm-menu .sm-nav .nav-inner{
display: none;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
vertical-align: top;
white-space: normal;
text-align: left;
}

.sm-menu .sm-nav .nav-inner.animated{
display: inline-block;
}

.sm-menu .sm-nav:nth-child(2) {
-webkit-transform: translate3d(-50%, 0, 0) scaleX(0.002);
-moz-transform: translate3d(-50%, 0, 0) scaleX(0.002);
-ms-transform: translate3d(-50%, 0, 0) scaleX(0.002);
-o-transform: translate3d(-50%, 0, 0) scaleX(0.002);
transform: translate3d(-50%, 0, 0) scaleX(0.002);
right: 0;
}

.sm-menu .sm-nav.animated, .sm-menu.sm-horizontal .sm-nav.animated  {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
}

.sm-menu .sm-nav:after {
content: "";
position: relative;
height: 100%;
display: inline-block;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
}

.sm-menu .sm-close {
position: absolute;
top: 0;
right: 0;
z-index: 100;
padding: 10px 15px;
font-size: 30px;
font-weight: 100;
line-height: 100%;
}

.sm-menu .sm-close:hover {
color:#AC8EFF;
}

.sm-menu .sm-nav .nav-inner > a{
font-size: 36px;
line-height: 40px;
margin-bottom: 32px;
font-weight: 300;
display: block;
color: white;
}
.nav-inner 
{
width: 100%;
height: auto;
float: left;
margin: 0px 0px 30px 0px;
background-color: #111;
}
.sm-menu .sm-nav .nav-inner > a:hover{
color: #2E3B4E;
}

.sm-menu .sm-close {
color:#D499FF;
}

.sm-overlay {
cursor: pointer;
height: 100%;
width: 100%;
background: #2e3b4ed1;
opacity: 0;
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 100;
overflow: hidden;
visibility: hidden;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; 
}

body .sm-button {
position: fixed;
top: 14px;
right: 90px;
color: white;
font-weight: bold;
padding: 2px 5px;
z-index:11;
}

body .sm-button:hover {
color: white;
}

body.sm-activate .sm-overlay {
opacity: 1;
visibility: visible;
}

@-webkit-keyframes flyInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}

100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

@keyframes flyInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}

100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}

@-webkit-keyframes flyInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}

100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}

@keyframes flyInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}

100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}

.flyInRight {
-webkit-animation-name: flyInRight;
animation-name: flyInRight;
padding:5px 40px 0px 0px;
font-size:13px;
letter-spacing:0.8px;
font-weight:300;
line-height:25px;
}


.flyInLeft {
-webkit-animation-name: flyInLeft;
animation-name: flyInLeft;
}

.animate_logo
{
width:100%;
height:auto;
float:left;
margin: 0px 0px 0px 0px;
padding:30px;
}
.accordion-container
{
display:none;
}
.normal_menus 
{
display:none;
}
.services_submenu
{
display:none;
}
.menu_active a
{
color:#9F44B6 !important;
text-decoration:none;
}
.menu_active a:focus
{
text-decoration:none;
}
.fornasys_menu_active
{
background-color: #292929;
}
.fornasys_menu_active a
{
color:#9F44B6 !important;
text-decoration:none;
}
.fornasys_menu_active a:focus
{
text-decoration:none;
}
.normal_menus 
{
width:100%;
height:auto;
float:left;
padding:15px 0px;
margin:0px;
}
.normal_menus li
{
width:100%;
height:auto;
float:left;
padding:0px;
margin:0px;
list-style:none;
line-height:32px;
padding: 0px 0px 0px 20px;
}
.normal_menus li a
{
font-size:15px;
letter-spacing:1px;
font-weight:300;
color:#111;
line-height:35px;
}
.normal_menus li a:hover
{
text-decoration:none;
color:#9F44B6;
font-weight: 600;
}
.normal_menus > .hdtxt a
{
width: 100%;
height: auto;
float: left;
font-size: 15px;
letter-spacing: 1px;
font-weight: 600;
color: #fff;
margin: 0px 0px 4px 0px !important;
}

.scrollbar::-webkit-scrollbar {
background-color:#fff;
width:16px;
}

/* background of the scrollbar except button or resizer */
.scrollbar::-webkit-scrollbar-track {
background-color:#fff;
}
.scrollbar::-webkit-scrollbar-track:hover {
background-color:#f4f4f4;
}

/* scrollbar itself */
.scrollbar::-webkit-scrollbar-thumb {
background-color:#babac0;
border-radius:16px;
border:5px solid #fff;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
background-color:#a0a0a5;
border:4px solid #f4f4f4;
}

/* set button(top and bottom of the scrollbar) */
.scrollbar::-webkit-scrollbar-button {display:none}

/* div box */
.scrollbar {
height:400px;
width:100%;
overflow-y: scroll}
.overflow{}

.accordion-container
{
position: relative;
width:100%;
height: auto;
margin: 0px auto;
float: left;
}
.accordion-container > h2{
text-align: center;
color: #fff;
padding-bottom: 5px;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
}
.set{
position: relative;
width: 96%;
height: auto;
float:left;
text-align:left;
}
.set > a{
display: block;
padding: 10px 5px 15px 5px;
text-decoration: none;
color: #555;
font-weight:600;
font-size:16px;
letter-spacing:1.2px;
-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.set > a:hover, .set > a:focus
{
color:#7A3CA6 !important;
text-decoration:none;
}
.set > a i{
float: right;
margin-top: 2px;
}
.set > a.active{
background-color:#7A3CA6;
color: #fff !important;
text-decoration:none;
}
.content{
background-color: #fff;
/*display:none;*/
}
.content p{
padding: 10px 15px;
margin: 0;
color: #333;
}
.fornasys_sub_menu
{
width:100%;
height:auto;
float:left;
}
.fornasys_sub_menu ul
{
width: 100%;
height: auto;
float: left;
padding: 0px 0px 0px 10px;
margin: 15px 0px;
background-color:#f8f8f8;
padding: 15px 20px;
}
.fornasys_sub_menu ul li
{
width: 100%;
height: auto;
float: left;
list-style:none;
line-height:30px;
font-size:15px;
letter-spacing:0.8px;
font-weight:300;
margin:0px 0px 10px 0px;
}
.fornasys_sub_menu ul li a
{
width: 100%;
height: auto;
float: left;
font-size:16px;
letter-spacing:0.8px;
font-weight:300;
color:#111 !important;
}
.fornasys_sub_menu ul li a:hover
{
text-decoration:none;
color:#7A3CA6 !important;
font-weight:600;
}
.hdr_combobx
{
width: auto;
height: auto;
float: left;
text-align:left !important;
}
.hdr_combobx select option img
{
height:50px !important;
}
.coutry_flag
{
width:100px;
height:auto;
float:left;
}
.coutry_flag_img
{
width:50px;
height:50px;
float:left;
}
/*.hdr_combobx select
{
width:150px;
height:auto;
border:1px solid #9041AF;
padding:8px 25px 8px 15px;
outline:none;
font-size:15px;
text-align:left !important;
letter-spacing:1px;
font-weight:300;
color:#111;
}*/
.hdr_combobx select option, .hdr_combobx select option:hover
{
color:#111 !important;
cursor:pointer;
background-color:transparent !important;
}



.pricing_combobx
{
width:98%;
height:auto;
float:left;
text-align:right;
margin:30px 0px 50px 0px;
}
.pricing_combobx select
{
width:200px;
height:auto;
border:1px solid #9041AF;
padding:8px 25px 8px 15px;
outline:none;
font-size:15px;
letter-spacing:1px;
font-weight:300;
color:#111;
}
.pricing_combobx select option, .pricing_combobx select option:hover
{
color:#111 !important;
cursor:pointer;
background-color:transparent !important;
}







select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0;
box-shadow: none;

background:transparent;
background-image: none;
}
/* Remove IE arrow */
select::-ms-expand {
display: none;
}
/* Custom Select */
.select {
position: relative;
display: flex;
width: 100px;
height:auto;
line-height: 3;
background:transparent;
overflow: hidden;
border-radius: .25em;
}
select {
flex: 1;
padding: 0 .5em;
color: #fff;
cursor: pointer;
}
/* Arrow */
.select::after {
content: '\25BC';
position: absolute;
top: 0;
right: 0;
padding: 0 1em;
background:transparent;
cursor: pointer;
pointer-events: none;
-webkit-transition: .25s all ease;
-o-transition: .25s all ease;
transition: .25s all ease;
}
/* Transition */
.select:hover::after {
color: #f39c12;
}




.wrap-drop, .wrap-drop1 {
background:transparent; 
cursor: pointer;
position: relative;
z-index: 3;
width:120px;
float:left;
}

.wrap-drop::after, .wrap-drop1::after {
border-color: #695d52 transparent;
border-style: solid;
border-width:5px 4px 0;
content: "";
height: 0;
margin-top: -4px;
position: absolute;
right: 1rem;
top:60%;
width: 0;
}

.wrap-drop .drop, .wrap-drop1 .drop {
background:#fff;
box-shadow:3px 3px 3px rgba(0,0,0,.2);
display:none;
left:0;
list-style:none;
margin-top:0;
opacity:0;
padding-left:0;
pointer-events:none;
position:absolute;
right:0;
top:100%;
z-index:2;
}

.wrap-drop .drop li a, .wrap-drop1 .drop li a {
color:#695d52;
display:block;
padding:1rem;
text-decoration:none;
}
.wrap-drop img, .wrap-drop1 img
{
width: 20px;
height:14px;
margin: 0px 10px 0px 0px;
}
.wrap-drop span, .wrap-drop1 span {
color:#111;
font-size:10px;
letter-spacing: 0.5px;
}
.smalltxt
{
width:88px !important;
top: 3px;
left: 5px;
}
.drop li
{
width:100%;
margin:0px 0px 0px 0px !important;
}
.wrap-drop .drop li:hover a, .wrap-drop1 .drop li:hover a {
background-color:#695d52;
color:#e7ded5;
}

.wrap-drop.active::after, .wrap-drop1.active::after {
border-width:0 7px 7px;
}

.wrap-drop.active .drop, .wrap-drop1.active .drop {
display:block;
opacity:1;
pointer-events:auto;
}




.accordion2 {
width: 100% !important;
max-width: 360px;
margin: 30px auto 20px;
background: #FFF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 0px 0px 0px 0px;
}
.accordion2 li
{
width: 100%;
height: auto;
float: left;    
}

.accordion2 .link {
cursor: pointer;
display: block;
padding: 15px 15px 15px 15px;
color: #4D4D4D;
font-size:12px;
font-weight:300;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}

.accordion2 li:last-child .link { border-bottom: 0; }

.accordion2 li i {
position: absolute;
top: 16px;
right: 12px;
font-size: 18px;
color: #595959;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}

.accordion2 li i.fa-chevron-down {
right: 12px;
left: auto;
font-size: 16px;
}

.accordion2 li.open .link { color: #b63b4d; }

.accordion2 li.open i { color: #b63b4d; }

.accordion2 li.open i.fa-chevron-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}

/**
* Submenu
-----------------------------*/


.submenu {
display: none;
background: #444359;
font-size: 14px;
}

.submenu li {  }

.submenu a {
display: block;
text-decoration: none;
color: #000;
padding: 12px;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}

.submenu a:hover, .submenu a:focus {
text-decoration: none;
color: #000;
}
.jb_productlist
{
margin: 0 !important;    
display: block !important;    
}
.jbset{
position: relative;
width: 100%;
height: auto;
float: left;

}
.jbset i
{
font-size: 12px !important;
top: 5px;
position: relative;   
}
.jbset > a{
display: block;
padding: 10px 15px;
text-decoration: none;
color: #555;
font-size: 12px;
letter-spacing:0.6px;
font-weight:300;

-webkit-transition:all 0.2s linear;
-moz-transition:all 0.2s linear;
transition:all 0.2s linear;
}
.jbset > a:hover, .jbset > a:focus
{
text-decoration: none;
color:#371F21; 
font-size:12px;
letter-spacing: 1px;   
}
.jbset > a i{
float: right;
}
.jbset > a.active{
background-color:#0586c3;
color: #fff;
}
.content{
background-color: #fff;
border-bottom: 1px solid #ddd;
/*display:none;*/
}
.content p{
padding: 10px 15px;
margin: 0;
color: #333;
}
.sub_product_list
{
width: 100%;
height: auto;
float: left;
padding: 0px;
margin: 0px;    
}
.sub_product_list ul
{
width: 100%;
height: auto;
float: left;    
background-color:#fff !important;   
padding:5px 0px 10px 10px !important; 
}
.sub_product_list ul li
{
width: 100%;
height: auto;
float: left;
line-height: 25px;
}
.sub_product_list ul li a
{
padding: 6px 8px 6px 10px !important;
font-size: 12px !important;
letter-spacing: 0.7px;
color: #000;
}
.sub_product_list ul li a:hover
{
text-decoration: none;
color: #371F21;    
}
/*With Simple Caption*/
.column#caption {
position: relative;
}
.column#caption .text {
position: absolute;     
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
opacity: 0;
transition: all 0.8s ease;          
}
.column#caption .text h1 {      
margin: 0;      
color: white;
}
.column#caption .text h1 i
{
font-size: 17px;
color: #fff;
padding: 12px 8px;
border-radius: 50%;
background-color: #371f21d1;
width: 40px;
height: 40px; 
}
.column#caption:hover .text {
opacity: 1;

}
.column#caption:hover img {
-webkit-filter: sepia(90%);
}

/* Craeted refering to LittleSnippets.net Pen: https://codepen.io/littlesnippets/pen/adLELd */
.frame {
text-align: center; 
position: relative;
cursor: pointer;    
perspective: 500px; 
}
.frame img {
width: 300px;
height: 300px;
}
.frame .details {
width: 70%;
height: 80%;    
padding: 5% 8%;
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotateY(90deg);
transform-origin: 50%;
background: rgba(255,255,255,0.9);  
opacity: 0;
transition: all 0.4s ease-in;

}
.frame:hover .details {
transform: translate(-50%, -50%) rotateY(0deg);
opacity: 1;
}









.started_now_btn
{
width: 100%;
height: auto;
float: left;
text-align: right;
margin: 14px 0px 0px 0px;
}
.started_now_btn a
{
background-color:transparent;
border:1px solid transparent;
color: #fff;
padding: 8px 22px;
font-size: 16px;
font-weight: 300;
margin: 69px 0px 0px 0px;
border-radius: 18px;
letter-spacing:0.9px;
}
.started_now_btn a:hover
{
background-color:transparent;
color:#fa9f00;
text-decoration:none;
}
.home_banner_content
{
width: 100%;
height: auto;
float: left;
margin: 120px 0px;
position: relative;
z-index: 1;
}
.home_banner_content_txt
{
width: 100%;
height: auto;
float: left;
margin: 55px 0px;
}
.home_banner_content_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:42px;
font-weight: 800;
letter-spacing: 0.9px;
margin: 0px 0px 0px 0px;
line-height:78px;
color: #111;
}
.home_banner_content_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:19px;
font-weight: 100;
color: #5d5d5d;
line-height: 35px;
letter-spacing: 0.8px;
margin: 25px 0px 30px 0px;
}
.home_banner_content_btn {background-image: linear-gradient(to right, #fa9f00 0%, #d746c1  51%, #fa9f00  100%);}
.home_banner_content_btn {
width: 30%;
height: auto;
float: left;
text-align: center;
text-transform: uppercase;
transition: 0.5s;
background-size: 200% auto;
color: white;
padding:12px 2px;
box-shadow: 0 0 20px #eee;
border-radius: 55px;
display: block;
}
.home_banner_content_btn a
{
font-size:13px;
font-weight:800;
letter-spacing:0.8px;
color: #fff;
letter-spacing: 0.8px;
padding:12px 2px;
}
.home_banner_content_btn a:hover
{
color: #fff;
text-decoration:none;
}
.home_banner_content_btn:hover {
background-position: right center; /* change the direction of the change here */
color: #fff;
text-decoration: none;
cursor:pointer;
}
.trynow_input
{
width: 100%;
height: auto;
float: left;
margin:30px 0px 0px 0px;
}
.trynow_input input
{
width: 100%;
height: auto;
float: left;
padding:10px 10px 10px 15px;
font-size:15px;
letter-spacing:0.8px;
font-weight:300;
color:#111 !important;
outline:none;
border:none;
border-radius:8px;
box-shadow: 0px 5px 17px 1px #bb41a417;
}
.trynow_input a
{
position: absolute;
right: 0px;
background-color:#8F41AF;
border: 1px solid #8F41AF;
padding: 5px 15px;
margin: 7px 4px;
border-radius: 18px;
font-size: 11px;
color: #fff;
letter-spacing: 0.8px;
font-weight: 300;
}
.trynow_input a:hover
{
text-decoration:none;
color:#833EAA;
background-color:transparent;
}
.custom_container
{
width:70%;
height:auto;
float:left;
margin:0px 15%;
}
.blue_bg_img
{
width:60px;
height: 240px;
float: left;
background-image: url(../images/bg-blue.png);
background-position: left;
background-repeat: no-repeat;
position: absolute;
right: 0;
top: 50%;
display:none;
}
.light_blue_bg
{
width:100%;
height:410px;
float: left;
background-image: url(../images/light-blue-bg.png);
background-position: left;
background-size:contain;
background-repeat: no-repeat;
}
.abt_fornasys
{
width:100%;
height: auto;
float: left;
margin:30px 0px 60px 0px;
}
.abt_fornasys_hdtxt 
{
width: 100%;
height: auto;
float: left;
font-size: 32px;
color: #111;
letter-spacing: 0.8px;
font-weight: 800;
margin: 0px 0px 20px 0px;
}
.abt_fornasys_subtxt 
{
width: 100%;
height: auto;
float: left;
font-size: 14px;
color: #111;
letter-spacing: 0.8px;
font-weight: 100;
margin: 0px 0px 10px 0px;
line-height: 25px;
}
.learn_more_link
{
width: 100%;
height: auto;
float: left;
}
.learn_more_link a
{
font-size:20px;
color: #8F41AF;
letter-spacing: 0.8px;
font-weight: 500;
}
.learn_more_link a i
{
margin:0px 0px 0px 5px;
}
.abt_fornasys_img
{
width: 96%;
height:340px;
float: left;
background-image: url(../images/abt-fornasys.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.fornasys_services
{
width:100%;
height:auto;
float: left;
margin:30px 0px 0px 0px;
background-color: #f8f8f8;
}
.service_bg
{
width:100%;
height:750px;
float: left;
background-image: url(../images/service-bg.png);
background-position:center;
background-size:cover;
background-repeat: no-repeat;
margin:0px 0px 0px 0px;
}
.common_contain
{
width: 80%;
height: auto;
float: left;
margin: 0% 10% 0px 10%;
padding: 30px 60px;
}
.core_service_hdtxt
{
width:100%;
height:auto;
float: left;
font-size:24px;
font-weight:600;
color:red;
letter-spacing:0.8px;
}
.core_service_subhdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 35px;
font-weight: 800;
color: #111;
letter-spacing: 0.8px;
margin:2px 0px 10px 0px;
}
.core_service_subtxt {
width: 100%;
height: auto;
float: left;
font-size: 16px;
font-weight: 300;
color: #111;
letter-spacing: 0.7px;
margin: 0px 0px 30px 0px;
line-height: 25px;
}
.quality_txt
{
width: 100%;
height: auto;
float: left;
font-size: 20px;
font-weight: 300;
color: #111;
letter-spacing: 0.8px;
margin: 5px 0px 0px 0px;
}
.core_service_points
{
width:100%;
height:auto;
float: left;
margin:30px 0px;
}
.service_points
{
width: 100%;
height: auto;
float: left;
margin: 0px 0px 20px 0px;
padding: 30px;
background-color:#f5f5f5;
border-radius:5px;
}
.service_points:hover
{
box-shadow:0px 0px 50px 1px #ccc;
cursor:pointer;
background-color:#eee;
border-radius:5px;
}
.service_points_img1
{
width:100%;
height:90px;
float: left;
/*background-image: url(../images/1service-point.png);*/
background-position: center;
background-repeat: no-repeat;
margin:0px 0px 10px 0px;
text-align:center;
}
.service_points_img2
{
width:100%;
height:90px;
float: left;
background-image:url(../images/2service-point.png);
background-position: center;
background-repeat: no-repeat;
margin:0px 0px 10px 0px;
}
.service_points_img3
{
width:100%;
height:90px;
float: left;
background-image:url(../images/3service-point.png);
background-position: center;
background-repeat: no-repeat;
margin:0px 0px 10px 0px;
}
.service_points_img4
{
width:100%;
height:90px;
float: left;
background-image:url(../images/4service-point.png);
background-position: center;
background-repeat: no-repeat;
margin:0px 0px 10px 0px;
}
.service_points_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 20px;
font-weight: bold;
color: #545454;
text-align:center;
letter-spacing: 0.8px;
margin: 10px 0px 10px 0px;
}
.service_points_subtxt
{
width:100%;
height:auto;
float: left;
font-size:13px;
font-weight:300;
color:#111;
text-align:center;
letter-spacing:0.8px;
line-height:25px;
margin: 10px 0px 10px 0px;
}
.service_points_subtxt ul
{
width: 100%;
height: auto;
float: left;
padding: 0px;
margin:5px 0px 30px 0px;
}
.service_points_subtxt ul li
{
list-style:none;
line-height:36px;
font-size:16px;
font-weight:300;
color:#111;
letter-spacing:0.8px;
}
.service_points_subtxt ul li i
{
color:#8B40AD;
}
.service_points_btn
{
width: 100%;
height: auto;
float: left;
text-align:center;
margin:30px 0px 20px 0px;
}
.servebtn
{
width: 50% !important;
height: auto !important;
float: left !important;
margin: 20px 25% 0px 25% !important;
}
.service_points_btn a
{
color:#fff;
font-size:14px;
font-weight:300;
letter-spacing:0.8px;
text-decoration:none;
padding:9px 22px;
border-radius:5px;
border:2px solid #5E379B;
background-image:linear-gradient(to right, #9F44B6 0%, #5A3699  51%, #9F44B6  100%);
}
.service_points_btn a:hover
{
text-decoration:none;
background-image:none;
color:#5E379B;
}
.errormsg
{
width: 100%;
height: auto;
float: left;
font-size:11px;
font-weight:300;
color:red;
text-align:left;
}
.tech_we_use
{
width: 100%;
height: auto;
float: left;
margin:0px 0px;
background-color: #2a2a72;
background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);
padding:40px 0px;
}
.tech_we_use_small_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:18px;
font-weight:300;
color:#fff;
letter-spacing:1.5px;
margin:0px 0px 10px 0px;
}
.tech_we_use_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:35px;
font-weight:800;
color:#fff;
letter-spacing:0.8px;
margin:0px 0px 10px 0px;
}
.tech_we_use_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:16px;
font-weight:300;
color:#eee;
letter-spacing:0.7px;
margin:0px 0px 10px 0px;
}
.custom_contain
{
width:80%;
height: auto;
float: left;
margin:0px 10%;
text-align:center;
}
.list_of_tech
{
width: 100%;
height: auto;
float: left;
}
.list_of_tech ul
{
width: 100%;
height: auto;
float: left;
padding:0px;
margin:40px 0px 20px 0px;
}
.list_of_tech ul li
{
list-style: none;
float: left;
width: 13%;
height: auto;
text-align: center;
margin: 0px 10px 0px 0px;
}
.list_of_tech ul li img
{
height:50px;
}
.list_of_tech_bg
{
width: 100%;
height:500px;
float: left;
background-image: url(../images/lightblue-right-bg.png);
background-position: right;
background-repeat: no-repeat;
position:absolute;
}
.why_choose_us
{
width: 100%;
height: auto;
float: left;
margin:30px 0px;
}
.contact_content {
width: 100%;
height: auto;
text-align: center;
margin:150px 0px 50px 0px !important;
float: left;
}
.contact_form
{
width: 100%;
height: auto;
float:left;
margin: 0px 0px 0px 0px;
text-align: right;
}
.contact_form input
{
background-color:#b50008;
padding: 8px 30px;
font-size: 15px;
letter-spacing: 0.7px;
font-weight: 300;
color: #fff;
border: 1px solid #b50008;
}
.contact_form input:hover
{
background-color: transparent;
color: #b50008;
}
.addtxt {
width: 83%;
height: auto;
float: left;
line-height: 25px;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.6px;
margin: 0px 0px 15px 0px !important;
}
.textbox, .textarea
{
padding: 10px 15px 18px 0px !important;
margin: 0px !important;    
}
/* Testimonial */
.forna_testimonial
{
width: 100%;
height: auto;
float: left;
background-color:#f8f8f8;
padding:30px 0px;
margin:0px 0px 0px 0px;
}
.testim {
width: 100%;
height: auto;
float: left;
margin:0px 0px 0px 0px;
/*-webkit-transform: translatey(-50%);
-moz-transform: translatey(-50%);
-ms-transform: translatey(-50%);
-o-transform: translatey(-50%);
transform: translatey(-50%);
*/}

.testim .wrap {
position: relative;
width: 100%;
height:auto;
float:left;
padding: 40px 20px;
margin: auto;
}

.testim .arrow {
display: block;
position: absolute;
color: #aaa;
cursor: pointer;
font-size: 2em;
/*top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);*/
-webkit-transition: all .3s ease-in-out;    
-ms-transition: all .3s ease-in-out;    
-moz-transition: all .3s ease-in-out;    
-o-transition: all .3s ease-in-out;    
transition: all .3s ease-in-out;
padding: 5px;
z-index:1;
}

.testim .arrow:before {
cursor: pointer;
}

.testim .arrow:hover {
color: #7A3CA6;
}


.testim .arrow.left {
left: 10px;
top: 30%;
}

.testim .arrow.right {
right: 10px;
top: 30%;
}

.testim .dots {
text-align: center;
position: absolute;
width: 100%;
bottom: 60px;
left: 0;
display: block;
z-index:1;
height: 12px;
}

.testim .dots .dot {
list-style-type: none;
display: inline-block;
width: 12px;
height: 12px;
border-radius: 50%;
border: 1px solid #000;
margin: 0 10px;
cursor: pointer;
-webkit-transition: all .5s ease-in-out;    
-ms-transition: all .5s ease-in-out;    
-moz-transition: all .5s ease-in-out;    
-o-transition: all .5s ease-in-out;    
transition: all .5s ease-in-out;
position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
background: #b50008;
border-color: #b50008;
}

.testim .dots .dot.active {
-webkit-animation: testim-scale .5s ease-in-out forwards;   
-moz-animation: testim-scale .5s ease-in-out forwards;   
-ms-animation: testim-scale .5s ease-in-out forwards;   
-o-animation: testim-scale .5s ease-in-out forwards;   
animation: testim-scale .5s ease-in-out forwards;   
}

.testim .cont {
position: relative;
overflow: hidden;
}

.testim .cont > div {
text-align: center;
position: absolute;
top: 0;
left: 0;
padding: 0 0 70px 0;
opacity: 0;
}

.testim .cont > div.inactive {
opacity: 1;
}


.testim .cont > div.active {
position: relative;
opacity: 1;
}


.testim .cont div .img img {
display: block;
width: 100px;
height: 100px;
margin: auto;
border-radius: 50%;
}

.testim .cont div h2 {
color:#b50008;
font-size: 1em;
margin: 15px 0;
}

.testim .cont div p {
font-size: 1.15em;
color: #111;
width: 80%;
margin: auto;
}

.testim .cont div.active .img img {
-webkit-animation: testim-show .5s ease-in-out forwards;            
-moz-animation: testim-show .5s ease-in-out forwards;            
-ms-animation: testim-show .5s ease-in-out forwards;            
-o-animation: testim-show .5s ease-in-out forwards;            
animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
-webkit-animation: testim-content-in .4s ease-in-out forwards;    
-moz-animation: testim-content-in .4s ease-in-out forwards;    
-ms-animation: testim-content-in .4s ease-in-out forwards;    
-o-animation: testim-content-in .4s ease-in-out forwards;    
animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
-webkit-animation: testim-content-in .5s ease-in-out forwards;    
-moz-animation: testim-content-in .5s ease-in-out forwards;    
-ms-animation: testim-content-in .5s ease-in-out forwards;    
-o-animation: testim-content-in .5s ease-in-out forwards;    
animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
-webkit-animation: testim-hide .5s ease-in-out forwards;            
-moz-animation: testim-hide .5s ease-in-out forwards;            
-ms-animation: testim-hide .5s ease-in-out forwards;            
-o-animation: testim-hide .5s ease-in-out forwards;            
animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
-webkit-animation: testim-content-out .4s ease-in-out forwards;        
-moz-animation: testim-content-out .4s ease-in-out forwards;        
-ms-animation: testim-content-out .4s ease-in-out forwards;        
-o-animation: testim-content-out .4s ease-in-out forwards;        
animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
-webkit-animation: testim-content-out .5s ease-in-out forwards;    
-moz-animation: testim-content-out .5s ease-in-out forwards;    
-ms-animation: testim-content-out .5s ease-in-out forwards;    
-o-animation: testim-content-out .5s ease-in-out forwards;    
animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
0% {
-webkit-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
-webkit-box-shadow: 0px 0px 10px 5px #eee;        
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
-webkit-box-shadow: 0px 0px 10px 5px #7A3CA6;        
box-shadow: 0px 0px 10px 5px #7A3CA6;        
}

100% {
-webkit-box-shadow: 0px 0px 0px 0px #7A3CA6;        
box-shadow: 0px 0px 0px 0px #7A3CA6;        
}
}

@-moz-keyframes testim-scale {
0% {
-moz-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
-moz-box-shadow: 0px 0px 10px 5px #eee;        
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
-moz-box-shadow: 0px 0px 10px 5px #7A3CA6;        
box-shadow: 0px 0px 10px 5px #7A3CA6;        
}

100% {
-moz-box-shadow: 0px 0px 0px 0px #7A3CA6;        
box-shadow: 0px 0px 0px 0px #7A3CA6;        
}
}

@-ms-keyframes testim-scale {
0% {
-ms-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
-ms-box-shadow: 0px 0px 10px 5px #eee;        
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
-ms-box-shadow: 0px 0px 10px 5px #7A3CA6;        
box-shadow: 0px 0px 10px 5px #7A3CA6;        
}

100% {
-ms-box-shadow: 0px 0px 0px 0px #7A3CA6;        
box-shadow: 0px 0px 0px 0px #7A3CA6;        
}
}

@-o-keyframes testim-scale {
0% {
-o-box-shadow: 0px 0px 0px 0px #eee;
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
-o-box-shadow: 0px 0px 10px 5px #eee;        
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
-o-box-shadow: 0px 0px 10px 5px #7A3CA6;        
box-shadow: 0px 0px 10px 5px #7A3CA6;        
}

100% {
-o-box-shadow: 0px 0px 0px 0px #7A3CA6;        
box-shadow: 0px 0px 0px 0px #7A3CA6;        
}
}

@keyframes testim-scale {
0% {
box-shadow: 0px 0px 0px 0px #eee;
}

35% {
box-shadow: 0px 0px 10px 5px #eee;        
}

70% {
box-shadow: 0px 0px 10px 5px #7A3CA6;        
}

100% {
box-shadow: 0px 0px 0px 0px #7A3CA6;        
}
}

@-webkit-keyframes testim-content-in {
from {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}

to {
opacity: 1;
-webkit-transform: translateY(0);        
transform: translateY(0);        
}
}

@-moz-keyframes testim-content-in {
from {
opacity: 0;
-moz-transform: translateY(100%);
transform: translateY(100%);
}

to {
opacity: 1;
-moz-transform: translateY(0);        
transform: translateY(0);        
}
}

@-ms-keyframes testim-content-in {
from {
opacity: 0;
-ms-transform: translateY(100%);
transform: translateY(100%);
}

to {
opacity: 1;
-ms-transform: translateY(0);        
transform: translateY(0);        
}
}

@-o-keyframes testim-content-in {
from {
opacity: 0;
-o-transform: translateY(100%);
transform: translateY(100%);
}

to {
opacity: 1;
-o-transform: translateY(0);        
transform: translateY(0);        
}
}

@keyframes testim-content-in {
from {
opacity: 0;
transform: translateY(100%);
}

to {
opacity: 1;
transform: translateY(0);        
}
}

@-webkit-keyframes testim-content-out {
from {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}

to {
opacity: 0;
-webkit-transform: translateY(-100%);        
transform: translateY(-100%);        
}
}

@-moz-keyframes testim-content-out {
from {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}

to {
opacity: 0;
-moz-transform: translateY(-100%);        
transform: translateY(-100%);        
}
}

@-ms-keyframes testim-content-out {
from {
opacity: 1;
-ms-transform: translateY(0);
transform: translateY(0);
}

to {
opacity: 0;
-ms-transform: translateY(-100%);        
transform: translateY(-100%);        
}
}

@-o-keyframes testim-content-out {
from {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}

to {
opacity: 0;
transform: translateY(-100%);        
transform: translateY(-100%);        
}
}

@keyframes testim-content-out {
from {
opacity: 1;
transform: translateY(0);
}

to {
opacity: 0;
transform: translateY(-100%);        
}
}

@-webkit-keyframes testim-show {
from {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}

to {
opacity: 1;
-webkit-transform: scale(1);       
transform: scale(1);       
}
}

@-moz-keyframes testim-show {
from {
opacity: 0;
-moz-transform: scale(0);
transform: scale(0);
}

to {
opacity: 1;
-moz-transform: scale(1);       
transform: scale(1);       
}
}

@-ms-keyframes testim-show {
from {
opacity: 0;
-ms-transform: scale(0);
transform: scale(0);
}

to {
opacity: 1;
-ms-transform: scale(1);       
transform: scale(1);       
}
}

@-o-keyframes testim-show {
from {
opacity: 0;
-o-transform: scale(0);
transform: scale(0);
}

to {
opacity: 1;
-o-transform: scale(1);       
transform: scale(1);       
}
}

@keyframes testim-show {
from {
opacity: 0;
transform: scale(0);
}

to {
opacity: 1;
transform: scale(1);       
}
}

@-webkit-keyframes testim-hide {
from {
opacity: 1;
-webkit-transform: scale(1);       
transform: scale(1);       
}

to {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
}

@-moz-keyframes testim-hide {
from {
opacity: 1;
-moz-transform: scale(1);       
transform: scale(1);       
}

to {
opacity: 0;
-moz-transform: scale(0);
transform: scale(0);
}
}

@-ms-keyframes testim-hide {
from {
opacity: 1;
-ms-transform: scale(1);       
transform: scale(1);       
}

to {
opacity: 0;
-ms-transform: scale(0);
transform: scale(0);
}
}

@-o-keyframes testim-hide {
from {
opacity: 1;
-o-transform: scale(1);       
transform: scale(1);       
}

to {
opacity: 0;
-o-transform: scale(0);
transform: scale(0);
}
}

@keyframes testim-hide {
from {
opacity: 1;
transform: scale(1);       
}

to {
opacity: 0;
transform: scale(0);
}
}

@media all and (max-width: 300px) {
body {
font-size: 14px;
}
}

@media all and (max-width: 500px) {
.testim .arrow {
font-size: 1.5em;
}

.testim .cont div p {
line-height: 25px;
}
}
.testimo_hdtxt
{
width:100%;
height:auto;
float:left;
font-size:35px;
letter-spacing:1px;
color:#111;
font-weight:800;
}
/* Testimonial End */

.abt_us_content_section
{
width:100%;
height:auto;
float:left;
margin:30px 0px;
}
.abt_us_content_section_img
{
width: 100%;
height: 410px;
float: left;
background-image: url(../images/abtus-img.jpg);
background-position: right;
background-repeat: no-repeat;
background-size: contain;
}
.abt_small_hdtxt
{
width:100%;
height:auto;
float:left;
font-size:15px;
letter-spacing:0.8px;
font-weight:300;
color:#555;
}
.abt_hdtxt
{
width:100%;
height:auto;
float:left;
font-size:40px;
letter-spacing:0.8px;
font-weight:800;
color:#111;
margin:0px 0px 20px 0px;
}
.abt_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:14px;
letter-spacing: 0.8px;
font-weight: 300;
color: #111;
line-height: 25px;
}
.abt_sec_subtn {
width:auto;
height: auto;
float: left;
margin:20px 0px 100px 0px;

}
.abt_sec_subtn a {
background-image: linear-gradient(to right, #9F44B6 0%, #5A3699  51%, #9F44B6  100%);
/*	background-color: #7A3CA6;
border: 2px solid #7A3CA6;
*/   
color: #fff;
padding:8px 15px;
font-size: 13px;
letter-spacing: 0.5px;
outline: none;
padding:12px 10px;
text-align: center;
text-transform: uppercase;
transition: 0.5s;
background-size: 200% auto;
color: white;            
box-shadow: 0 0 20px #eee;
border-radius: 10px;
display: block;
}
.abt_sec_subtn a:hover{
/*	background-color:transparent;
border:2px solid #111;
color:#111;
text-decoration:none;
font-size:13px;
letter-spacing: 0.8px;
font-weight: 300;*/
background-position: right center; /* change the direction of the change here */
color: #fff;
text-decoration: none;

}
.reason_for_chooseus
{
width: 100%;
height: 1430px;
float: left;
background-image: url(../images/about%20bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: 100% 85%;
padding: 50px 0px 0px 0px;
/* background-color: #acf6ff29; */
margin: 30px 0px 0px 0px;
}
.reason_for_chooseus_hdtxt
{
width: 100%;
height: auto;
float: left;
text-align:center;
font-size:30px;
font-weight:800;
color:#111;
margin:0px 0px 60px 0px;
}
.reason_bx
{
width: 100%;
height: auto;
float: left;
text-align:center;
}
.reason_bx_img
{
width: 100%;
height:100px;
float: left;
text-align:center;
}
.reason_bx_img
{
width: 100%;
height: auto;
float: left;
font-size:35px;
margin:0px 0px 20px 0px;
}
.reason_bx_img i
{
width: 80px;
height: 80px;
background-color: #eee;
border-radius: 50%;
padding: 20px;
}     
.reason_bx_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:18px;
font-weight:800;
color:#111;
letter-spacing:0.8px;
}
.reason_bx_subtxt
{
width: 100%;
height: auto;
float: left;
font-size: 12px;
font-weight: 300;
color: #555;
letter-spacing: 0.6px;
line-height: 20px;
margin: 15px 0px 0px 0px;
}
.we_do_we_develop
{
width: 100%;
height: auto;
float: left;
margin:150px 0px 30px 0px;
text-align:center;
}
.we_do_we_develop_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:30px;
font-weight:800;
color:#111;
letter-spacing:0.8px;
margin:0px 0px 20px 0px;
}
.we_do_we_develop_subtxt
{
width:60%;
height: auto;
float: left;
font-size:14px;
font-weight:300;
color:#111;
letter-spacing:0.8px;
margin:0px 20% 50px 20%;
}
.volumeup i
{
background-color:#7dd6ff !important;
color:#fff !important;
}
.user_bg i
{
background-color:#ceb3ff !important;
color:#fff !important;
}
.gift_bg i
{
background-color:#ffde7d !important;
color:#fff !important;
}
.develop_point1
{
width:100%;
height: auto;
float: left;
text-align:left;
margin:0px 0px 0px 0px;
}
.develop_point1_hdtxt
{
width:100%;
height: auto;
float: left;
text-align:left;
font-size:19px;
font-weight:800;
color:#111;
letter-spacing:0.8px;
margin:0px 0px 12px 0px;
}
.develop_point1_subtxt
{
width: 100%;
height: auto;
float: left;
text-align: left;
font-size: 13px;
font-weight: 300;
color: #111;
letter-spacing: 0.8px;
margin: 0px 0px 0px 0px;
line-height: 21px;
}
.our_serve
{
margin-top:50px;
}
.cmsimg_bg
{
margin:0px 0px 20px 0px !important;
background-color:#F5F5FF !important;
}
.inner_page_hrbg
{
width: 100%;
height: auto;
float: left;
background-color:#7A3CA6;
}
.our_values_banner
{
width: 100%;
height: auto;
float: left;
margin:0px 0px 0px 0px;
}
.our_value_bannerbg
{
width:100%;
height:640px;
float: left;
background-image:url(../images/our-values-banner-bg.png);
background-position:right;
background-repeat:no-repeat;
position: relative;
right:6px;
z-index:1;
background-size:72%;
}
.our_value_bannerimg
{
width:95%;
height:500px;
float: left;
background-image:url(../images/our-values-bg.png);
background-position:center right;
background-repeat:no-repeat;
position: relative;
z-index:1;
top:100px;
}
.our_values_content
{
width:60%;
height: auto;
float: left;
margin:15% 10% 0px 30%;
}
.our_infra_content
{
width:60%;
height: auto;
float: left;
margin:10% 10% 0px 30%;
}
.our_values_content_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:30px;
font-weight:800;
color: #111;
letter-spacing:1px;
margin:0px 0px 20px 0px;
}
.our_values_content_subtxt
{
width: 100%;
height: auto;
float: left;
font-size: 15px;
font-weight: 300;
color: #111;
letter-spacing: 0.8px;
line-height: 26px;
margin: 0px 0px 20px 0px;
}
.ethical_culture_values_Sec
{
width: 100%;
height: auto;
float: left;
margin:0px 0px 20px 0px;
}
.ethical_culture_values_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size: 27px;
font-weight: 800;
color: #111;
letter-spacing: 1px;
margin: 0px 0px 15px 0px;
}
.ethical_culture_values_subtxt
{
width: 100%;
height: auto;
float: left;
font-size: 15px;
font-weight: 300;
color: #111;
letter-spacing: 0.9px;
line-height: 25px;
margin:15px 0px 10px 0px;
}
.value_sec_bx
{
width: 100%;
height: auto;
float: left;
background-color: #fff;
padding: 25px;
box-shadow: 0px 0px 5px 1px #eee;
margin: 25px 0px 20px 0px;
}
.value_sec_bx img
{
width: auto;
height: 60px;
margin: 0px 0px 30px 0px;
}
.value_sec_bx:hover
{
cursor:pointer;
box-shadow:0px 0px 10px 1px #aaa;
}
.value_sec_bx_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:25px;
font-weight:800;
color: #111;
letter-spacing: 0.8px;
margin:0px 0px 20px 0px;
}
.value_sec_bx_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:14px;
font-weight:300;
color: #111;
line-height:25px;
letter-spacing: 0.8px;
}
.connect_client_bx_hdtxt
{
width: 100%;
height: auto;
float: left;
text-align:left;
font-size:18px;
font-weight:800;
color:#7A3CA6;
line-height:25px;
letter-spacing: 0.8px;
margin:10px 0px 10px 0px;
}
.connect_client_bx_subtxt
{
width: 100%;
height: auto;
float: left;
text-align:left;
font-size:14px;
font-weight:300;
color:#111;
line-height:24px;
letter-spacing: 0.8px;
margin:0px 0px 10px 0px;
}
.we_do_points
{
width: 100%;
height: auto;
float: left;
margin:10px 0px 20px 0px;
}
.we_connect_clients
{
width:100%;
height:auto;
float:left;
padding:60px 0px;
background-color:#e8c9ff0f;
text-align:center;
margin:0px 0px 40px 0px;
}
.infra_img
{
width:100%;
height:auto;
float:left;
margin:60px 0px 0px 0px;
text-align:center;
}
.infra_img img
{
width:auto;
height:150px;
}
.firm_companies
{
width:100%;
height:auto;
float:left;
text-align:left;
}
.firm_companies_hdtxt
{
width: 100%;
height: auto;
float: left;
text-align: left;
font-size: 20px;
font-weight: 800;
color: #9E43B6;
letter-spacing: 0.8px;
margin: 30px 0px 14px 0px;
}
.firm_companies p
{
width: 100%;
height: auto;
float: left;
text-align: left;
font-size:13px;
font-weight:300;
color: #111;
line-height:23px;
letter-spacing: 0.8px;
margin: 0px 0px 10px 0px;
}
.firm_companies_img
{
width: 100%;
height:500px;
float: left;
background-image:url(../images/firm-companies-partnership.png);
background-position:left;
background-repeat:no-repeat;
background-size: contain;
}
.partner_firm_contenttxt
{
width: 100%;
height: auto;
float: left;
text-align: left;
font-size:13px;
font-weight:300;
color: #111;
line-height:26px;
letter-spacing:1px;
margin:20px 0px;
}
.out_sourcing_partner_sec
{
width: 100%;
height: auto;
float: left;
margin:30px 0px;
}
.out_sourcing_partner_sec_hdtxt
{
width:80%;
height: auto;
float: left;
font-size:29px;
font-weight:800;
color: #111;
text-align:center;
letter-spacing:1px;
margin:0px 10% 20px 10%;
}
.out_sourcing_partner_sec_subtxt
{
width: 100%;
height: auto;
float: left;
font-size:15px;
font-weight:300;
color:#111;
text-align:center;
letter-spacing:1px;
margin:0px 0px 20px 0px;
}
.out_sourcing_partner_sec_img
{
width: 100%;
height:300px;
float: left;
background-image:url(../images/Partnership-icon.png);
background-position:right;
background-repeat:no-repeat;
margin:0px 0px 50px 0px;
}
.out_sourcing_partner_sec_img2
{
width: 100%;
height:300px;
float: left;
background-image:url(../images/proactive-icon.png);
background-position:left;
background-repeat:no-repeat;
}
.out_source_partnertxt
{
width: 100%;
height: auto;
float: left;
font-size:13px;
font-weight:300;
color:#111;
text-align:left;
letter-spacing:0.8px;
line-height:25px;
margin:0px 0px 0px 0px;
}
.line1
{
width: 100%;
height: auto;
float: left;
margin:20px 0px 20px 0px;
}
.alignlft
{
width: 100%;
height: auto;
float: left;
margin:0px 0px 20px 0px;
text-align:left !important;
}
.our_clients
{
width: 100%;
height: auto;
float: left;
margin:30px 0px;
}
.our_clients_hdtxt
{
width: 100%;
height: auto;
float: left;
font-size:18px;
font-weight:800;
color:#111;
text-align:left;
letter-spacing:0.8px;
margin:0px 0px 20px 0px;
}
.client_list
{
width: 100%;
height: auto;
float: left;
}
.client_list ul
{
width: 100%;
height: auto;
float: left;
padding:0px;
margin:0px;
}
.client_list ul li
{
width: 18%;
height: auto;
list-style: none;
float: left;
margin: 0px 20px 20px 0px;
}
.client_list ul li:hover
{
box-shadow: 0px 0px 6px 1px #555;
}
.our_client_img1
{
width:100%;
height:100px;
float:left;
background-image:url(../images/clients/clientlogo1.png);
background-repeat:no-repeat;
background-position:center;
background-size:65%;
background-color: #f8f8f8;
}
.our_client_img2
{
width:100%;
height:100px;
float:left;
background-image:url(../images/clients/clientlogo2.png);
background-repeat:no-repeat;
background-position:center;
background-size:65%;
background-color: #f8f8f8;
}
.our_client_img3
{
width:100%;
height:100px;
float:left;
background-image:url(../images/clients/clientlogo3.png);
background-repeat:no-repeat;
background-position:center;
background-size:42%;
background-color: #f8f8f8;
}
.our_client_img4
{
width:100%;
height:100px;
float:left;
background-image:url(../images/clients/clientlogo4.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:32%;
background-color: #f8f8f8;
}
.our_client_img5
{
width:100%;
height:100px;
float:left;
background-image:url(../images/clients/clientlogo5.png);
background-repeat:no-repeat;
background-position:center;
background-size:50%;
background-color: #f8f8f8;
}
.our_client_img6
{
width:100%;
height:100px;
float:left;
background-image:url(../images/clients/clientlogo6.png);
background-repeat:no-repeat;
background-position:center;
background-size:48%;
background-color: #f8f8f8;
}
.our_client_img7
{
width:100%;
height:100px;
float:left;
background-image:url(../images/clients/clientlogo7.png);
background-repeat:no-repeat;
background-position:center;
background-size:50%;
background-color: #f8f8f8;
}
.our_client_img8
{
width:100%;
height:100px;
float:left;
background-image:url(../images/clients/clientlogo8.png);
background-repeat:no-repeat;
background-position:center;
background-size:65%;
background-color: #f8f8f8;
}
.our_client_img9
{
width:100%;
height:100px;
float:left;
background-image:url(../images/clients/clientlogo9.png);
background-repeat:no-repeat;
background-position:center;
background-size:65%;
background-color: #f8f8f8;
}
.our_client_img10
{
width:100%;
height:100px;
float:left;
background-image:url(../images/clients/clientlogo10.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:65%;
background-color: #f8f8f8;
}
.our_client_img11
{
width:100%;
height:100px;
float:left;
background-image:url(../images/clients/clientlogo11.png);
background-repeat:no-repeat;
background-position:center;
background-size:32%;
background-color: #f8f8f8;
}
.our_client_img12
{
width:100%;
height:100px;
float:left;
background-image:url(../images/clients/clientlogo12.png);
background-repeat:no-repeat;
background-position:center;
background-size:65%;
background-color: #f8f8f8;
}
.our_client_img13
{
width:100%;
height:100px;
float:left;
background-image:url(../images/clients/clientlogo13.png);
background-repeat:no-repeat;
background-position:center;
background-size:65%;
background-color: #f8f8f8;
}
.our_client_img14
{
width:100%;
height:100px;
float:left;
background-image:url(../images/clients/clientlogo14.png);
background-repeat:no-repeat;
background-position:center;
background-size:28%;
background-color: #f8f8f8;
}
.our_client_img15
{
width:100%;
height:100px;
float:left;
background-image:url(../images/clients/clientlogo15.png);
background-repeat:no-repeat;
background-position:center;
background-size:40%;
background-color: #f8f8f8;
}
.our_client_img16
{
width:100%;
height:100px;
float:left;
background-image:url(../images/clients/clientlogo16.png);
background-repeat:no-repeat;
background-position:center;
background-size:60%;
background-color: #f8f8f8;
}
.our_cms_bannerimg
{
width:95%;
height:500px;
float: left;
background-image:url(../images/cms-banner-bg.png);
background-position:center right;
background-repeat:no-repeat;
position: relative;
z-index:1;
top:100px;
background-size: 65%;
}
.our_ecommerce_bannerimg
{
width:95%;
height:680px;
float: left;
background-image:url(../images/eCommerce_banner.png);
background-position:right;
background-repeat:no-repeat;
}
.our_cms_content 
{
width: 60%;
height: auto;
float: left;
margin:15% 10% 0px 30%;
}
.small_hdtxt
{
width:100%;
height: auto;
float: left;
font-size:15px;
letter-spacing:1px;
font-weight:800;
color:red;
margin:30px 0px 10px 0px;
}
.mo_apa img
{
height:70px;
}
.mobapp_process
{
width:100%;
height: auto;
float: left;
background-color:#f8f8f8;
margin:50px 0px 0px 0px;
}
/* Services */
.service_bdy_sec
{
width:100%;
height: auto;
float: left;
margin:30px 0px;
text-align:center;
}
.service_bdy_sec_small_hdtxt
{
width:100%;
height: auto;
float: left;
font-size:15px;
letter-spacing:1px;
font-weight:300;
color:red;
margin:0px 0px 10px 0px;
}
.service_bdy_sec_hdtxt
{
width:100%;
height: auto;
float: left;
font-size:40px;
letter-spacing:1px;
font-weight:800;
color:#111;
margin:0px 0px 10px 0px;
}
.service_bdy_sec_subtxt
{
width:100%;
height: auto;
float: left;
font-size:15px;
letter-spacing:1px;
font-weight:300;
color:#111;
margin:0px 0px 60px 0px;
}
.service_point_hdtxt
{
width:100%;
height: auto;
float: left;
font-size:35px;
letter-spacing:1px;
font-weight:300;
color:#111;
text-align:left;
margin:0px 0px 20px 0px;
}
.service_point_subtxt
{
width:100%;
height: auto;
float: left;
font-size:14px;
letter-spacing:0.6px;
font-weight:300;
color:#111;
text-align:left;
line-height:26px;
margin:0px 0px 10px 0px;
}
.services_cms_img1
{
width: 100%;
height: 300px;
float: left;
background-image: url(../images/service_1.png);
background-color: #eae6ce;
background-position: center;
background-repeat: no-repeat;
box-shadow: 0px 0px 26px 1px #ccc;
position:relative;
z-index:1;
margin: 0px 0px 60px 0px;
background-size:60%;
}
.services_cms_img2
{
width: 100%;
height: 300px;
float: left;
background-image: url(../images/service_2.png);
background-color: #eae6ce;
background-position: center;
background-repeat: no-repeat;
box-shadow: 0px 0px 26px 1px #ccc;
position:relative;
z-index:1;
margin: 0px 0px 60px 0px;
background-size:60%;
}
.services_cms_img3
{
width: 100%;
height: 300px;
float: left;
background-image: url(../images/service_3.png);
background-color: #eae6ce;
background-position: center;
background-repeat: no-repeat;
box-shadow: 0px 0px 26px 1px #ccc;
position:relative;
z-index:1;
margin: 0px 0px 60px 0px;
background-size:50%;
}
.services_cms_img4
{
width: 100%;
height: 300px;
float: left;
background-image: url(../images/service_4.png);
background-color: #eae6ce;
background-position: center;
background-repeat: no-repeat;
box-shadow: 0px 0px 26px 1px #ccc;
position:relative;
z-index:1;
margin: 0px 0px 60px 0px;
background-size:60%;
}
.services_cms_img5
{
width: 100%;
height: 300px;
float: left;
background-image: url(../images/service_5.png);
background-color: #eae6ce;
background-position: center;
background-repeat: no-repeat;
box-shadow: 0px 0px 26px 1px #ccc;
position:relative;
z-index:1;
margin: 0px 0px 60px 0px;
background-size:50%;
}
.services_cms_img6
{
width: 100%;
height: 300px;
float: left;
background-image: url(../images/service_6.png);
background-color: #eae6ce;
background-position: center;
background-repeat: no-repeat;
box-shadow: 0px 0px 26px 1px #ccc;
position:relative;
z-index:1;
margin: 0px 0px 60px 0px;
background-size:50%;
}
.btm_design_bx
{
width:400px;
height:120px;
float:left;
background-image:linear-gradient(to right, #9F44B6 0%, #5A3699  51%, #9F44B6  100%);
border-radius:40px 0px 0px 40px;
position:absolute;
right:0px;
z-index:1;
margin:250px 0px 50px 0px;
}
.btm_design_bx_left
{
width:400px;
height:120px;
float:left;
background-image:linear-gradient(to right, #9F44B6 0%, #5A3699  51%, #9F44B6  100%);
border-radius:0px 40px 40px 0px;
position:absolute;
left:0px;
z-index:1;
margin:250px 0px 50px 0px;
}
.service_content_sec
{
width: 100%;
height:auto;
float: left;
margin:50px 0px 50px 0px;
}
.alignright
{
text-align:right;
}
.btnalign_right
{
position: absolute;
right: 0;
bottom: -145px;
}
.our_resweb_design_bannerimg
{
width:95%;
height:680px;
float: left;
background-image:url(../images/responsive-web-design-bg.png);
background-position:right;
background-repeat:no-repeat;
}
.our_seo_bannerimg
{
width:95%;
height:680px;
float: left;
background-image:url(../images/seo-markerting.png);
background-position:right;
background-repeat:no-repeat;
}
/* Services end*/




.margtop
{
width:100%;
height:auto;
float:left;
margin:50px 0px 100px 0px;
}
.hightlight_content
{
width:100%;
height:auto;
float:left;
}
.hightlight_content p
{
width:100%;
height:auto;
float:left;
padding:15px;
margin:0px 0px 60px 0px;
font-size:14px;
letter-spacing:0.6px;
font-weight:800;
color:#111;
line-height:25px;
text-align:left;
border:3px solid #7A3CA6;
}
.choose_fornasys
{
width:100%;
height:auto;
float:left;
margin:30px 0px 30px 0px;
}
.choose_fornasys_img
{
width:100%;
height:300px;
float: left;
background-image:url(../images/choose-fornasys-bg.png);
background-position:left;
background-size:contain;
background-repeat:no-repeat;
}
.choose_fornasys_contnt
{
width:100%;
height:auto;
float:left;
margin:30px 0px;
}
.choose_fornasys_hdtxt
{
width:100%;
height:auto;
float:left;
font-size:50px;
letter-spacing:0.6px;
font-weight:800;
color:#111;
text-align:left;
margin:0px 0px 10px 0px;
}
.choose_fornasys_subtxt
{
width:100%;
height:auto;
float:left;
font-size:15px;
letter-spacing:0.6px;
font-weight:800;
color:#111;
text-align:left;
margin:0px 0px 10px 0px;
}
.our_mobileapp_bannerimg
{
width: 100%;
height: 480px;
float: left;
background-image: url(../images/mobile-app-bg.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}






.pro_offper_outstk a
{
float: left;
font-size: 9px !important;
color: #fff;
background-color: #555;
letter-spacing: 0.7px;
border: 1px solid #555;
border-radius: 5px;
padding: 3px 4px !important;
margin:4px 2px 0px 10px;
font-weight: 300;
}    
.pro_offper_outstk a:hover, .pro_offper_outstk a:focus
{
text-decoration:none !important;
color:#555;
background-color:transparent !important;
outline:none;
}
.pro_offper
{
background-color:green !important;
border: 1px solid green !important;
float:right !important;    
}
.pro_offper:hover, .pro_offper_outstk:focus
{
background-color:transparent !important;
color:green !important;    
}
.pro_uom_detail_list
{
width:auto;
height:auto;
float: left;    
}
.pro_uom_detail_list ul
{
width:auto;
height:auto;
float: left;    
padding:0px;
margin:0px;
}
.pro_uom_detail_list ul li
{
list-style:none;
float:left;
margin:0px 10px 0px 0px;
}
.pro_uom_detail_list ul li a
{
border:1px solid #eee;
padding:5px 8px;
border-radius:5px;
font-size:12px;
color:#000;
letter-spacing:0.5px;
font-weight:400;
}
.pro_uom_detail_list ul li a:hover, .pro_uom_detail_list ul li a:focus
{
text-decoration:none;
background-color:#eee;
}
.pro_uom_detail_list_active a
{
text-decoration:none;
background-color:#eee;    
}

.product_nametxt
{
width: 100%;
height:22px;
float: left;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: flex;
justify-content: left;
align-items: top;
margin:0px 0px 0px 0px; 
}
.product_nametxt a
{
font-weight: 800;
font-size:14px;
color: #000;
letter-spacing: 0.5px;    
} 
.product_nametxt a:hover, .product_nametxt a:focus
{
text-decoration:none;
color:#371f21;
}
.proprice_uom
{
width: 100% !important;
height: auto !important;
float: left !important;
text-align:left;
font-size: 11px;
font-weight: 300;
letter-spacing: 0.5px;
color: #000;
}
.productaddtocart
{
width:100% !important;
height: auto !important;
float: left !important;
font-size: 14px;
font-weight: 800 !important;
color: #000;   
}
.productaddtocart span {
position: absolute;
margin:18px 0px 0px -70px;
}
.pro_offper_outstk
{
width: 100% !important;
height: auto !important;
float: left !important;
position: absolute;    
}
.product_pricetxt
{
width:100%;
height: auto;
float: left; 
font-size:16px;
font-weight: 300;
letter-spacing: 1px;
color: #000; 
margin:0px 0px 10px 0px;       
}
.product_addtocart_btn
{
width:100%;
height: auto;
float: left; 
margin:10px 0px 0px 0px;    
}
.product_addtocart_btn a
{
float:right;    
background-color:#371F21;
border:1px solid #371F21;
color: #fff;
font-size:9px;
font-weight: 300;
letter-spacing: 0.5px;
padding:6px 7px;
border-radius: 5px;
}
.product_addtocart_btn a:hover, .product_addtocart_btn a:focus
{
background-color:transparent;
color:#371F21 !important;
text-decoration:none;
}

.product_addtocart_btn a:hover i, .product_addtocart_btn a:focus i
{
border-right: 2px solid #371F21;    
}
.product_addtocart_btn i
{
border-right:2px solid #fff;
padding: 0px 4px 0px 0px; 
margin: 0px 4px 0px 0px;    
}
.product_addtocart_btn a:hover
{
text-decoration: none;
color: #fff;    
}
.product_addtocart_btn select
{
width:30%;
height: auto;
float: left;
padding: 5px 7px;
border: 1px solid #eee;
border-radius: 7px;
font-size: 12px;
font-weight: 300;
color: #000;
letter-spacing: 0.8px;    
}
.product_addtocart_btn span
{
position: relative;
right: 9%;
/*font-size: 18px;*/
margin: 6px 0px 0px 0px;
float: left;
background-color: transparent;    
}

.pro_unaval
{
width:100% !important;
height: auto;
float: left;  
margin:0px 0px 5px 0px;
font-size:20px;
letter-spacing:1px;
color:red;
font-weight:400;
}
.cart_show
{
width: 100% !important;
display: block;
height: auto;
float: left;    
}
.cart_hide
{
width:100% !important;
height: auto;
float: left;    
display:none;     
}