.error_404{font-size: 200px;color: grey;text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);opacity: 0.4;}

/*Decoration option page*/
.decor_opt{background:url(../images/roel/decoration_option_bg.jpg) center top no-repeat; height:224px;background-size: cover;}
.decor_opt .deco_title{color:#d3d2d0; font-size:48px; line-height:48px; display:inline-block; margin-top:50px; ;}

.about-decoration{color:#000;padding:10px; }
.about-decoration p{font-size:18px; text-align:justify;color: #404040;line-height: 26px;}
.deco_box{background:#eeeeee; padding:20px;min-height:190px; margin-bottom:10px;}

.deco_box .deco_box_title a{color:#000; ; font-size:24px;}
.deco_box .dec_txt p{color: #404040;line-height: 20px; font-size: 15px;}

.read_more_link{position:absolute; bottom:20px; right:20px;}
.read_more_link a{color:#00aff0; text-transform:uppercase; font-size:12px;}
.read_more_link a:hover , .read_more_link a:active  , .read_more_link a:visited {color:#E65A4B;}

/*Decoration option page*/

/*general info page*/
.general_info{background:url(../images/roel/general_info_bg.jpg) center top no-repeat; height:226px;background-size: cover;}
.general_info .general_title{color:#d3d2d0; font-size:48px; line-height:48px; display:inline-block; margin-top:50px; ;}
.general_info_page_title{color:#00aff0;margin: 10px 0px; }
.info_padding {padding: 0 15px;}
.contact p {color: #404040;line-height: 20px;}
.about-giftbox {color: #000;padding: 30px 20px;}
.f-space10 {margin-top: 10px;}
.info_padding p {font-size: 15px;line-height: 20px;}
/*general info page*/

/*gift box page*/
.giftbox{background:url(../images/roel/giftbox.jpg) center top no-repeat; height:226px;background-size: cover;}
.giftbox .giftbox_title{color:#d3d2d0; font-size:48px; line-height:48px; display:inline-block; margin-top:50px; ;}
.about-giftbox{color:#000;padding:30px 40px}
.about-giftbox p{font-size:14px; text-align:justify;color: #404040;line-height: 21px;}
.deco_box .g_txt p{color:#000;}
.deco_box .g_box_title a{color:#404040;font-size:28px;  ; line-height:24px; }
.deco_box.gb_box{min-height:177px; }
.about-company-container {background-color: #eeeeee;}
/*gift box page*/

/*Our Brands page*/
.brandbox{background:url(../images/roel/brandbox.jpg) center top no-repeat; height:226px;background-size: cover;}
.brandbox .brandbox_title{color:#d3d2d0; font-size:48px; line-height:48px; display:inline-block; margin-top:50px; ; text-transform:uppercase;}
/*Our Brands page*/

/*Our Collection page*/
.collbox{background:url(../images/roel/collbox.jpg) center top no-repeat; height:226px;background-size: cover;}
.collbox .collbox_title{color:#d3d2d0; font-size:48px; line-height:48px; display:inline-block; margin-top:50px; ; }
.deco_box .cb_box_title a{color:#00aff0 ;font-size:38px;  ;line-height:30px; }
.deco_box .cb_txt p{color:#000;}
/*Our Collection page*/

/* the ro-el story page*/
.storybox{background:url(../images/roel/storybox.jpg) center top no-repeat;height:226px;background-size: cover;    margin-bottom: 14px;}
.storybox .storybox_title{color:#d3d2d0; font-size:48px; line-height:48px; display:inline-block; margin-top:50px; ;}
.s_title{font-size:22px;   color:#404040;line-height: 27px !important}
.s_text{font-size:16px;   font-weight:300; text-align:justify;line-height: 25px !important;color: #404040}
.contactform { background: #eeeeee; display: table; width: 100%; padding: 20px; }
/* the ro-el story page*/

/* superior service page*/
.superiorbox{background:url(../images/roel/supservice.jpg) center top no-repeat; height:224px;background-size: cover;}
.superiorbox .superiorbox_title{color:#d3d2d0; font-size:48px; line-height:48px; display:inline-block; margin-top:50px; ;}

.sup_title{font-size:22px; color:#000;line-height: 26px !important; }
.sup_text{    font-size: 16px;font-weight: 300;text-align: justify;line-height: 24px;color: #000}

/* RO-EL custom page*/
.custombox{background:url(../images/roel/custombox.jpg) center top no-repeat; height:224px;background-size: cover;}
.custombox .custombox_title{color:#d3d2d0; font-size:48px; line-height:48px; display:inline-block; margin-top:50px; ;}
sup {font-size: 13px;}
.cus_solution h3{ }
/* RO-EL custom page*/


/*site map page*/
.sitemap_header{background: none repeat scroll 0 0 #00AFF0;color: #FFFFFF !important;display: block; font-size: 18px;font-weight: bold;padding: 8px 6px;    margin-top:0px;}
#sitemap li{padding-left:10px;}
#sitemap li a{ color:#5E5E5E; text-decoration:underline;}
#sitemap li a:hover{color:#e65a4b; text-decoration:none;}
#sitemap .title{padding-left:0px; font-weight:bold;}
#sitemap .title a{ color:#00AFF0;}
.site_bot_margin{margin-bottom:10px;}
/* site map page */
/**/
.younameit{}
.cus_solution{font-family: 'Fjord One', serif;color:#000;}
.cust_sol{ color:#000; font-size:23px; position:relative; bottom:25px; left:50px; letter-spacing:3px; text-transform:uppercase;}
.cus_solution h3 {font-size: 30px;margin-top: 20px;margin-bottom: 10px;}
.cus_solution p {font-size: 20px;text-transform: uppercase;color: #000;line-height: 28px; }
.cus_solution_text p{font-family: 'Maven Pro', sans-serif; font-size:14px; text-align: justify;color: #404040;line-height: 21px; }
.custom_bg{background:url(../images/roel/custombg.png) center top no-repeat; background-size:cover; padding:48px 0 0 48px;}
.easy_steps h2{  font-size:96px; margin:-35px 20px 30px 0; text-align:right; }
.st{ border-radius: 10px;display: inline-block;font-family: "Maven Pro",sans-serif;font-size: 70px;font-weight: bold;height:70px; width:70px; color:#fff; float:right;float: none;text-align: center;font-size: 64px;}
.st > span {bottom: 8px;position: relative;right: -28px;}
.st1_bg{background:#cfe2f3;}
.st2_bg{background:#accdea;}
.st3_bg{background:#89bbe2;}
.st4_bg{background:#64acdb;}
.st5_bg{background:#3fa1d6;}

.st_text{margin-bottom:10px;min-height:100px;}
.st_text h2{ font-size:18px; text-transform:uppercase; border-bottom:1px solid #a2a8af; margin-bottom:10px; margin-top:0;}
.st_text > p{  font-size: 14px; margin-bottom:0; padding:5px;text-align: justify;color: #404040; line-height: 21px; }
.custom_bottom_block h3{ font-size:18px; border-bottom:1px solid #a2a8af; padding-bottom:5px; text-transform:uppercase;}
.custom_bottom_block p {  font-size:16px; }
/**/

/* superior service page*/




/*------------------------------------*\
 Media Queries
\*------------------------------------*/

@media (min-width: 992px) and (max-width: 1200px) {
    .deco_box .cb_box_title a {font-size:31px;}
    /*new css for roel custom page*/
    .cust_sol {font-size:22px; letter-spacing:0;}
    /*new css for roel custom page*/
    }



@media (max-width: 480px) {
.menu3dmega.responsive > ul > li:hover .dropdown-menu { border: 1px solid #11c0ff; }
.breadcrumb, .quick-message { width: 100%; }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {


	}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.deco_box{min-height: 300px}
	.st_text{margin-left: 15px}
	.deco_box.gb_box{    min-height: 275px;}

	}

@media (max-width: 767px) {
.logo { float: none !important; text-align: center !important; }
.logo a img { display: inherit !important; }
.searchbar { margin: 0px !important; }
body { max-width: 100%; overflow-y: scroll; overflow-x: hidden; }
.menu-heading { display: none !important; }
.menu3dmega.responsive li > .arrow-icon:after { background: none repeat scroll 0px 0px transparent; border-color: #aaaaaa transparent transparent; }
.breadcrumb, .quick-message { width: 100%; }
.slider { margin-left: 30px; }
.product-block { margin-bottom: 5px; }
.box-content { margin-bottom: 5px; }
.about-image { padding-right: 15px; }
.blog-block .entry-row { height: auto; width: 100%; }
.blog-block .entry-row .date { height: auto; width: 100%; }
.blog-block .entry-row .blog-text { border-left: none; height: auto; padding-bottom: 20px; width: 100%; z-index: 1; }
div>.row>div.twitter-block { padding-left: 15px; }
.brands-row .brand-logo { border-right: 0px; border-top: 0px; border: 1px #fff solid; width: 50%; }
.brands-row .brand-logo:last-child { border-left: 1px #fff solid; }
.blogdetails.date span:last-chlid {display: inline-block;font-size: 18px;font-weight: 600;line-height: 40px;}
.blogdetails.date span:first-child { padding-right: 10px; display: inline-block; font-size: 18px; font-weight: 600; line-height: 40px; }
.rec-banner .banner i { font-size: 35px; padding-top: 30%; }
.rec-banner .banner h3 { font-size: 14px; padding: 5px 0px 0px; }
.rec-banner .banner p { margin: 0; font-size: 12px; }
.list-product .product-image, .list-product .product-price { padding-right: 5px; }
.list-product .product-title, .list-product .product-price, .list-product .product-meta { padding-left: 5px; }
.f-space30 { margin-top: 10px; }
.f-space20 { margin-top: 10px; }
.f-space10 { margin-top: 10px; }
.single-product .big-image { padding-left: 0; padding-right: 0; }
.single-product .thumbs { padding-left: 0; padding-right: 1px; }
.single-product .thumbs ul > li { padding-bottom: 1px; }
.product-details .special-offers-wr { padding-left: 15px; }
.product-details .short-info-wr { padding-right: 5px; }
.product-details .price-wr { padding-right: 15px; }
.product-details .product-btns-wr { padding-left: 15px; }
.product-details .product-btns { padding: 5px; }
.product-details .short-info-opt-wr { padding-right: 5px; }
.product-details .qty-wr { width: 72px; }
/*.product-details .btn-sendtofriend {display: none;}*/
.product-details .short-info-share-wr { padding-left: 5px; }
.product .p-wr:nth-child(2) { padding: 0 1px 0 15px; }
.product .p-wr:nth-child(3) { padding: 0 1px 0 0; }
.product .p-wr:nth-child(4) { padding: 0 1px 0 0; }
.product .p-wr:nth-child(5) { padding: 0 1px 0 0; }
.product .p-wr:nth-child(6) { padding: 0 15px 0 0; }
.box-heading.category-heading > .nav-pills > li { float: none !important; }
.box-heading.category-heading > .nav-pills.pull-right { float: none !important; }
.box-heading.category-heading > span { float: left !important; border-bottom: 1px solid #FFFFFF; width: 100%; line-height: normal; padding:10px; height:auto;}
.product-details .short-info-wr {padding-left:5px}
.brandbox .brandbox_title {color: #404040;}
.storybox_title {color: #404040 !important;}
.custom_bg{padding: 18px 14px 4px 15px;}
.decor_opt .deco_title{color: #404040 !important}
.superiorbox .superiorbox_title{color: #404040}
.deco_box{}
}
@media (max-width: 640px) {
.box-block .box-content-shop { margin: 0 -3.5% 10PX -3.5%; }
.product_but a { width: 33.8%; }
.social-icon { width: auto; }
.mobile-view { margin-top: 10px; }
 .cart-table tr td.product-title .table {word-break: normal;}

 /*new css for decoration*/
    .decor_opt{height:auto;}
    .decor_opt .deco_title{margin:25px 0;font-size:36px;}
    /*new css for general option page*/
    .general_info{height:auto;}
    .general_info .general_title{margin:25px 0;font-size:36px;}
    /*new css for gift box page*/
    .giftbox{height:auto;}
    .giftbox .giftbox_title{margin:25px 0;font-size:36px;}
    /*new css for our brand*/
    .brandbox{height:auto;}
    .brandbox .brandbox_title {margin:25px 0;font-size:36px;}
    .collbox{height:auto;}
    .collbox .collbox_title {margin:25px 0;font-size:36px;}
    .storybox{height:auto;}
    .storybox .storybox_title {margin:25px 0;font-size:36px; line-height:36px;}
    .superiorbox{height:auto;}
    .superiorbox .superiorbox_title{margin:25px 0;font-size:36px;}
    /*new css for roel custom page*/
    .custombox{height:auto;}
    .custombox .custombox_title{margin:25px 0;font-size:36px;}
    /*new css for roel custom page*/
}

@media (max-width: 600px) {
.box-block .box-content-shop { margin: 0 -3.8% 10PX -3.8%; }
.product_but a { width: 33.6%; }
.social-icon { position: relative; }
.social-icon { width: auto; }
/*.top-iconss img { width: 120px; }*/
.order-view .modal-body table tr td.sub-tot {font-weight: normal;}
}

@media (max-width: 550px) {
.cart-table tr td { display: block; width: 100%; float: left; }
.cart-table tr td .hidden-larg { display: block; width: 120px; float: left; text-align: left; font-weight: bold; padding-top: 0px; }
.cart-table tr td .conten-sm { text-align: left; width: 100%; }
.cart-table tr td.sub-tot .unit-price-mt {float:left; width:105px;}
.cart-table tr td .product-images { width: 100%; }
.cart-table tr td .product-images img { max-width: 100%; }
.cart-table tr td.product-title { width: 100%; }
.cart-table tr td.product-wishlist { width: 100%; }
.cart-table tr td.prize { width: 100%; }
.cart-table tr td.qty { width: 100%; }
.cart-table tr td.sub-tot { width: 100%; }
.cart-table tr td.add-delete { width: 100%; text-align: left; }
/** footer changes ***/
footer .getintouch ul li:first-child { width: 100%; margin-right: 0%; }
footer .getintouch ul li:nth-child(2) { width: 100%; margin-right: 0%; }
footer .getintouch ul li:nth-child(3) { width: 100%; }
.compare-search-box .compare-sea-box-part input { width: 81%; }
.date-picker .date .form-control {width: 73%;}
.wishlist-table table tr td .item-options table tr td {width:50%;}

.order-view .modal-body .cart-table table tr td {float: left !important; width: 100% !important;}
.order-view .modal-body .cart-table table tr td.product-title {width:100% !important; border: solid 0px #fff;}
.order-view .modal-body table tr td.sub-tot {width:100% !important;border: solid 0px;text-align: left;}
.order-view .modal-body table tr td.sub-tot .attrib-label {text-align: left;}
.order-view .modal-body .cart-table table tr:nth-child(1n+1) {border-bottom: 1px solid #e1e1e1;}
.footer-gate-in {width: 100%;}
}

@media (max-width: 480px) {
.box-block .box-content-shop { margin: 0 -4.8% 10PX -4.8%; }
.social-icon { position: relative; }
.slider-thumb-bor a {width: 32.75%;}
.logo img { width: 100%; }
.product_but a { width: 50.6%; }
.social-icon { width: auto; }
/* my account */
.mobile-view-whit { width: 100%; }
.date-picker .date { width: 100%; margin: 0% 0% 10px 0%; }
.date-picker .date .form-control { margin-left: 65px; }
.big_modal { width: 95%; }
.checkout-op .co-row .box-content {padding: 20px 0;}
.checkout-op .cart-box-wr { margin-right: 0; width: 100%;}
.date-picker .date:last-child {width: 100%;margin: 0 0% 10px 0;}
.date-picker .date .form-control {width:80%;}
.date-picker .date .date-text {width: 57px;}

/*new css for giftbox page*/
.cb_box{min-height:250px;}
.storybox .storybox_title {font-size: 30px;line-height: 30px; margin: 15px 0;}
    /*new css for roel custom page*/
    .custombox .custombox_title{margin:25px 0;font-size:36px;}
    /*new css for roel custom page*/
}
@media (max-width: 400px) {
 .top-searchs .links {width:auto;}
 .cart-table table {word-break: unset;}
}
@media (max-width: 360px) {
.box-block .box-content-shop { margin: 0 -7% 10PX -7%; }
.social-icon { position: relative; }
.slider-thumb-bor a {width: 32.65%;}
.logo img { width: 100%; }
.product_but a { width: 100%; }
.pro_quti table thead { font-size: 13px; }
.pro_quti table tr td { font-size: 13px; }
.social-icon { width: auto; }
/*top-iconss img { width: 80px; }*/
.membership ul { width: 102%; }
.checkout-main table tr td .product-images img {width: 285px;}
.date-picker .date .form-control, .compare-search-box .compare-sea-box-part input {width:74%;}
 .wishlist-table table {margin: 0%;width: 100%;}
 .order-view tr td.sub-tot  {font-size: 13px;}
 .product_but a{border-left:0px; border-right:0px; margin-left:0px;}
 /*new css for decoration*/
    .decor_opt .deco_title {font-size:30px;margin: 10px 0; line-height:30px;}
    /*new css for decoration*/

    /*new css for general info*/
    .general_info .general_title {font-size:30px;margin: 10px 0; line-height:30px;}

    /*new css for giftbox*/
    .giftbox .giftbox_title  {font-size:30px;margin: 10px 0; line-height:30px;}

    /*new css for our brand*/
    .brandbox .brandbox_title {font-size:30px;margin: 10px 0; line-height:30px;}

    /*new css for collection*/
    .collbox .collbox_title {font-size:30px;margin: 10px 0; line-height:30px;}

    /*new css for roel-story box*/
    .storybox .storybox_title {font-size:30px;margin: 1px 0; line-height:30px;}

    /*new css for superior services*/
    .superiorbox .superiorbox_title {font-size:30px;margin: 10px 0; line-height:30px;}
    /*new css for superior services*/
    .custombox .custombox_title{margin:0;font-size:36px;}
    /*new css for roel custom page*/
    .easy_steps h2{font-size:40px;padding-top:15px;}

    .cust_sol {bottom: 20px;font-size: 21px;left: 35px;letter-spacing: 0;}
    /*new css for roel custom page*/

}

@media (max-width: 320px) {
.box-block .box-content-shop { margin: 0 -8% 10PX -8%; }
.social-icon { position: relative; }
.logo img { width: 100%; }
.top-langu { width: 160px; }
.product_but a { width: 100%; }
.product-block .product-meta .small-price span { padding-left: 0px; }
.pro_quti table thead { font-size: 11px; }
.pro_quti table tr td { font-size: 11px; }
.social-icon { width: auto; }
.membership ul { width: 103%; }
.order-view .modal-body .cart-table table tr td.product-title .item-options .attrib-label {text-align: left;}
}
.product-details-tabs .tab-content .write-reivew .rating input {width: 1px;}
.product-details-tabs .tab-content .write-reivew .rating:not(:checked) > label:first-child {
display: none;
}
.icon-remove:before{content:"\f00d";}
/*new css for roel custom page*/
    .cust_sol{font-size:18px;}
        /*new css for roel custom page*/



#artwork1_display_file, #artwork2_display_file {
    border: 1px solid #e65a4b;
    display: inline-block;
    padding: 5px;
    line-height: 30px;
    position: relative;
    /*width: 120px;*/
}

#artwork1_display_file img, #artwork2_display_file img {
    max-height: 50px;
    width: auto;
    max-width: 300px;
}

.cl_buttn  {
     background: none repeat scroll 0 0 #e65a4b;
    border-radius: 0 0 0 2px;
    color: #fff !important;
    font-size: 8px;
    font-weight: bold;
    margin-left: 30px;
    padding: 3px;
    position: absolute;
    right: 0px;
    line-height:10px;
    text-shadow: 0 1px 0 #fff;
    top: 0px;

}
#artwork1, #artwork2 {
    background-color: transparent;
    border: 0 none;
    height: 30px;
    padding: 0 0 5px;
    margin-bottom: 5px;
}

.item-options img {
 margin: 5px 0;
 max-width: 200px;
 max-height: 50px;
 width: auto;
}


#quote-product-search .modal-header button.close{
	background-color: #fff;
	padding: 3px;
}
.pro_lbl .product-label span{
	color: #ffffff;
    font-weight: 900;
}
div.pro_lbl_padding{
	padding: 5px 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #fixedbar { display: none !important; }
}

.quantity_visibility
{
    font-size: 17px;
    margin-right: 10px;
    vertical-align: top;
}

#quote-test-email-popup{
	height: auto;
	margin: 0 auto;
	width: 25%;
 	height: auto;
	overflow: hidden;
	margin-top:3%;
}