﻿.assembled-me-btn-alert {
    width: 230px;
    height: 41px;
    position: absolute;
    background: #ffb400;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    line-height: 43px;
    top: 27px;
    border-radius: 30px;
    color: #1d1d1d;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	SLIDE METALEARTH
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.rotate{transform: rotateX(360deg); -webkit-transform: rotateX(360deg); -o-transform: rotateX(360deg); -ms-transform: rotateX(360deg); -moz-transform: rotateX(360deg); }
.slide{width:604px; height:277px; position:absolute; display:none}
.slide.show{display:block !important;}
.ctrl{position:absolute; margin:auto; width:565px; top:115px; height:29px;z-index:5; left:20px;transition: all 0.25s ease; -o-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; opacity:0}
.arrow{width:44px; height:29px; cursor:pointer; -o-transition: all 0.25s ease; -moz-transition: all 0.25s ease;  -ms-transition: all 0.25s ease;}
#arrow_left{background:url(images/arrow_10.png) no-repeat; float:left}
#arrow_right{background:url(images/arrow_12.png) no-repeat; float:right}
#arrow_left:hover{left:-10px}
#arrow_right:hover{right:-10px}
.model{width:254px; height:254px; position:absolute; z-index:1; left:295px; top:7px; transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -webkit-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);-moz-transform:scale(0,0);transform:scale(0,0)}
.model_name{width:250px; position:relative;z-index:2; left:55px; top:30px; font-family:dinpro; font-weight:bold; font-size:32px; text-transform:uppercase; text-align:center; color:#f6ab49}
.points{position:relative; width:112px; height:12px; margin:auto; top:-70px}
.points_unit{width:12px;height:12px;float:left;background:url(images/points_22.png) no-repeat;margin:2px;cursor:pointer;transition: all 0.25s ease;-o-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-webkit-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-webkit-transform:scale(0,0);-o-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);}
.points_unit.active{width:12px;height:12px;float:left;background:url(images/points_20.png) no-repeat;margin:2px;cursor:pointer;transition: all 0.25s ease;-o-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-webkit-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-webkit-transform:scale(0,0);-o-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);}
.detail{width:275px; position:relative; top:25px; left:20px}
.detail ul li{color:#666; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; list-style:inside; margin-top:10px}
.assembly{background:url(images/slide_assembly_09.png) no-repeat; width:604px; height:277px}
#main{width:742px; margin:4px auto}
ul.nav_items{position:relative;width: 100%;height: 255px;top: -43px;z-index:10;text-align: center;padding: 0;}
ul.nav_items li{width: 85px;height: 90px;float:left;list-style:none;cursor:pointer;margin-bottom: 15px;position: relative;margin-top: 10px;}
ul.nav_items li.below{width: 95px !important;top: 31px;}
ul.nav_items li.nav_item_top{
    width: 96px;
}
ul.nav_items li.nav_item_top:first-child{/* margin-left: 76px; */}
ul.nav_items li img{position:relative;transition:all 0.25s ease; -webkit-transition:all 0.25s ease; -o-transition:all 0.25s ease; -moz-transition:all 0.25s ease;margin-top: 7px;}
.move_up{top:-12px}
.color{color:#333 !important; font-size:13px !important; font-weight:bold;}
.nav_item_name.color div{opacity:1;}
.nav_item_name{position:absolute;width: 99px;text-align:center;top: 104px;color: #696969;text-shadow:0 1px 1px #eee;opacity: 1;}
.hover_model, .hover_shadow{ width: 110px; height:90px; position:absolute; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease}
.hover_model{background: url(images/cabinet_hover_31.png) no-repeat center 4px;z-index:1; top:-40px; left:1px;}
.hover_shadow{background:url(images/shadow_hover_31.png) no-repeat center 4px; z-index:0; top:-40px; left:1px}
.steps{width: 100%;height:231px;margin:auto;clear:both;top: 20px;display:block;position: relative;}
.steps_main{position:relative;border: solid 1px rgba(0,0,0,0.35);width:644px;height:167px;padding:0px 10px;background: rgba(0,0,0,0.35);margin: 0 auto;}
.steps_title{font-family:dinpro; font-size:20px; font-weight:bold; margin:auto; text-align:center; width:100%; color:#f6ab49; height:29px; padding-top:1px}
.steps_item{width:201px; height:134px; margin:6.5px; float:left; margin-top:17px}
.steps_item div{text-align:center; width:100%; position:relative; top:24px; transition:all 0.25s ease; -moz-transition:all 0.25s ease; -o-transition:all 0.25s ease; -ms-transition:all 0.25s ease; -webkit-transition:all 0.25s ease; opacity:1;filter:alpha(opacity=10); font-size:13px;color: #fff;}
.dvShort_button {width: 390px;  display: block;}
.new_icon {position: absolute;background: url(images/new_icon_28.png);height: 62px;width: 90px;right: -33px;z-index: 9;top: -6px;}
.coming_soon_icon {position: absolute;background: url(images/coming-soon-icon.png) center center no-repeat;height: 94px;width: 131px;right: -20px;z-index: 9;top: -27px;}
.shortdescription {width: 390px;  line-height: 24px;  float: left;    top: -200px;  font-size: 14px;    text-align: justify;color: #fff;}
.button_add {padding-bottom: 20px;}
.thumb_img {position: absolute;top: 96px;left: 24px;width: 261px;height: 179px;display:block;border: 3px solid #fff;display: none;}
.thumb_img img {width:100%;height:100%;}
.imageDefault {display:none;}
.imageDefaultMetalEarth {display:block;}
.infiniteCarousel ul a {color: #fff !important;}
.temp-info {
    width: 277px;
    height: 30px;
    background: #ffb400;
    margin: 0 auto 12px;
    position: relative;
    padding-bottom: 0px;
    padding-left: 41px;
    padding: 0 35px;
    overflow: hidden;
    color: #1d1d1d;
    margin-bottom: 30px;
    font-weight: bold;
}
.product-details-page .gallery {
    margin: 0 auto 15px;
}
.product-details-page .page-title .assembled-stamp{margin-right:42px;}
.recently-added-products .product-item{
    height: 260px;
}
.recently-added-products .product-item .sku {
    bottom: 11px;
    right: 11px;
    left: inherit;
}
/*============== STYLE FOR PAGING ==============s*/
.starwars_text {background: url(images/starwar_logo_40.png) no-repeat;height: 35px;margin-top: -5px;margin-left: 21px;position: relative;opacity: 0.8;background-size: 100%;width: 55px;}
.startrek_text {background: url(images/startrek_title.png) no-repeat;height: 35px;margin: -5px 0 0 -5px;position: relative;opacity: 0.8;width: 102px;left: 3px;background-size: 100%;}
.halo_text {background: url(images/logo_halo.png) no-repeat;height: 35px;margin: -4px 0 0;position: relative;opacity: 0.9;width: 93px;left: 13px;background-size: 100%;}
.mass_text {background: url(images/logo_masseffect.png) no-repeat;height: 35px;margin-top: -7px;position: relative;opacity: 0.9;width: 76px;left: 23px;background-size: 100%;}
.trans_text {background: url(images/logo_transformer.png) no-repeat;height: 35px;margin-top: -5px;position: relative;opacity: 0.9;width: 108px;left: 9px;background-size: 100%;}
.marvel_text {background: url(images/marvel-icon.png) no-repeat;height: 34px;margin-top: -6px;position: relative;opacity: 0.9;width: 61px;left: 37px;background-size: 100%;}
.batman_text {background: url(images/batman-icon.png) no-repeat;height: 34px;margin-top: -6px;position: relative;opacity: 0.9;width: 82px;left: 16px;background-size: 100%;}
.drwho_text {background: url(images/LogoDrwho-icon.png) no-repeat;height: 34px;margin-top: -6px;position: relative;opacity: 0.9;width: 61px;left: 7px;background-size: 100%;}
.caterpillar_text {background: url(images/catlogo-icon.png) no-repeat;height: 34px;margin-top: -6px;position: relative;opacity: 0.9;width: 61px;left: 13px;background-size: 100%;}
.harrypotter_text {background: url(images/Harrypotter-logo.png) no-repeat;height: 49px;margin-top: -6px;position: relative;opacity: 0.9;width: 90px;left: 12px;background-size: 100%;}
.iconx_text {background: url(images/iconx-logo-2.png) no-repeat;height: 49px;margin-top: -11px;position: relative;opacity: 0.9;width: 82px;left: 12px;background-size: 100%;}
.btnView360 {background:url(images/ME_page_btn.png) no-repeat;width:85px;height:84px;background-position:0px -116px;position: absolute;right: 0;z-index:1;top:0;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-o-border-radius:50px;-ms-border-radius:50px;opacity:inherit !important}
.scale_1 {-webkit-transition: all 2s ease;transition: all 2s ease;-moz-transition: all 2s ease;-ms-transition: all 2s ease;-o-transition: all 2s ease;}
.btnView360_1 {background:url(images/ME_page_btn.png) no-repeat;width:85px;height:84px;background-position: 0px -201px;position: absolute;right: 0;z-index:0;top:0;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-o-border-radius:50px;-ms-border-radius:50px;opacity:inherit !important}

.assembled-stamp{float: right;margin: -11px -9px 0 0;}

.metalearth_nav .me-nav-item{
    width:9%;
}

@media screen and (max-width: 768px) and (min-width: 481px){
    #slider_metalEarth{    display: block;
    width: 100%;
    background-position: center center;
    height: 185px;
    background-size: inherit;
    margin-bottom: 15px;}
    .me-page .breadcrumb{margin-left:0}
    .assembled-stamp{margin: 9px 62px 0 0;}
}


@media screen and (max-width:480px) {
    #slider_metalEarth{    display: block;
    width: 100%;
    background-position: center center;
    height: 185px;
    background-size: inherit;
    margin-bottom: 15px;}
    .subcr-wrapper{min-width: 225px;}
    #add-to-cart-tempbox-wrap{min-width: 369px;}
    .assembled-stamp{margin: 32px -13px 0 0;}
}