html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration: none;}
ul{list-style-type: none;}
img{display: block;width: 100%;}
body{background-color: #fff;min-width: 300px;font-family: "arial";color: #333;}
#topbar{background-color: #bd2e33;color: #fff;overflow: auto;}
.pg, #nav{width: 90%;margin: auto;}
.specialbreak{display: none;}
#nav_mobile{display: none;}
#nav ul{list-style-type: none;}
#nav ul li{float: left;width:11%;text-align: center;}
#nav a{color: #fff;text-decoration: none;font-size: 14px;display:block;padding: 32px 0;}
#nav a:hover{background-color:#ce5256;-webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.3s;}

#mobnav{display: none;}

#logo img{background-color: #fff;overflow: auto;width:82px;padding:10px 10px;margin: 0 auto; }
#logo_id a{padding: 0 0;}


.bb{width:100%;clear:both;/*border-bottom:3px solid #333;*/}
.rslides {z-index:999;position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;background-color: #fff;}
.rslides li {-webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;  left: 0;  top: 0; /*box-shadow:10px 10px 90px 0px #c7c7c7 inset;*/ }
.rslides li:first-child {position: relative;  display: block;  float: left;  }
.rslides img{display: block;  height: auto;    float:right;width:55%;min-width: 600px;  }
.bbtext{color: #c2292f;position:absolute;font-size:30px;top:12%;left:7%;z-index:9999;line-height:140%;width:32%;}
.bbtextb{color:#474747;position:absolute;top:25%;left:7%;z-index:9999;line-height:140%;width:35%;margin: 1% 0;text-align: justify;}
.bbtext a{font-size:16px;z-index:9999;display: block;background: red;}
.bb h1, .bb h2{margin: 0;font-size: 30px;font-weight: normal;color: #bd2e33;}

.but-a{display: block;background-color:#bd2e33;color: #fff;display: inline-block;padding:1% 2%;border-radius:10px;cursor:pointer;}

#footer{text-align: center;}
#footer h2{font-size: 30px;font-weight: normal;color: #bd2e33;text-align: left;}
#sub_comp_wrap{background-color: #fff;width: 80%;margin:4% auto;border-radius: 3px;overflow: auto;box-shadow: 0px 0px 25px 0px #c7c7c7 inset;}
/*#sub_comp_wrap .but-a{float: right;}*/
#sub_comp_wrap_title{background-color: #484747;text-align: left;color: #fff;padding: 1%;}
.sub_comp{width: 15%;margin:2% 5%;display:block;float: left;}

#logodazzle_dsc, #logodazzlestore_dsc, #logodazzlepvtltd_dsc, #logodazzletraders_dsc{display: none;width: 65%;float: right;text-align: justify;margin:5%;}

.bb  .bbtext,  .bb  .bbtextb, .bb form {
-webkit-animation-name: fade; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: fade;
    animation-duration: 3s;

}


.bb  img, #bb_rt_list{
-webkit-animation-name: fadeb; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
    animation-name: fadeb;
    animation-duration: 3s;

}

#sub_comp_wrap {
-webkit-animation-name: fadec; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-name: fadec;
    animation-duration: 2s;

}





/* Safari 4.0 - 8.0 */
@-webkit-keyframes fade {
    from {opacity: 0;-ms-transform: translate(-50px,0px); /* IE 9 */
    -webkit-transform: translate(-50px,0px); /* Safari */
    transform: translate(-50px,0px); /* Standard syntax */}
   
    to {opacity: 1;-ms-transform: translate(0px,0px); /* IE 9 */
    -webkit-transform: translate(0px,0px); /* Safari */
    transform: translate(0px,0px); /* Standard syntax */}
}

/* Standard syntax */
@keyframes fade {
    from {opacity: 0;-ms-transform: translate(-50px,0px); /* IE 9 */
    -webkit-transform: translate(-50px,0px); /* Safari */
    transform: translate(-50px,0px); /* Standard syntax */}

    to {opacity: 1;-ms-transform: translate(0px,0px); /* IE 9 */
    -webkit-transform: translate(0px,0px); /* Safari */
    transform: translate(0px,0px); /* Standard syntax */}

}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadeb {
    from {opacity: 0;-ms-transform: translate(50px,0px); /* IE 9 */
    -webkit-transform: translate(50px,0px); /* Safari */
    transform: translate(50px,0px); /* Standard syntax */}
   
    to {opacity: 1;-ms-transform: translate(0px,0px); /* IE 9 */
    -webkit-transform: translate(0px,0px); /* Safari */
    transform: translate(0px,0px); /* Standard syntax */}
}

/* Standard syntax */
@keyframes fadeb {
    from {opacity: 0;-ms-transform: translate(50px,0px); /* IE 9 */
    -webkit-transform: translate(50px,0px); /* Safari */
    transform: translate(50px,0px); /* Standard syntax */}

    to {opacity: 1;-ms-transform: translate(0px,0px); /* IE 9 */
    -webkit-transform: translate(0px,0px); /* Safari */
    transform: translate(0px,0px); /* Standard syntax */}

}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes fadec {
    from {opacity: 0;}
    to {opacity: 1;}
}

/* Standard syntax */
@keyframes fadec {
    from {opacity: 0;}
    to {opacity: 1;}
}



#footer_bottom{background-color: #333;color: #fff;overflow: auto;text-align: left;}
.col{width: 24.3%;float: left;line-height: 150%;overflow: hidden;padding:0 4%;font-size: 0.9em;}

.socialbuts img{width:45px;display:inline-block;margin:4% 2% 0% 0%;padding:3px;border-radius:5px;}
.socialbuts a{display:inline-block;}
.socialbuts img:hover,.socialbuts img:active{background-color:#fff;}

#footer_bottom h3{margin: 30px 0;font-size: 20px;}
#footer_bottom iframe{border-radius: 3px;}
.map{min-height: 300px;width:100%; }
form{}
form p{margin:15px;}
input[type="submit"]
{border:none;padding:2% 8%;border-radius:3px;font-size: 1em;}

textarea,input[type="text"]
{border:none;font-family:"sans";border-radius:3px;font-size:1em;width: 97%;background-color:#eaeaea;font-size:0.9em;margin-top:2%;margin-bottom:2%;padding:1.5%;}

input[type="submit"]:active, input[type="submit"]:hover{background-color:#da3238}



#prom{overflow:auto;color:#fff;font-size:0.9em;clear:both;background-color: #333;padding:0.5%; }
#prom p{margin:auto;text-align:right;width: 75%;}
#prom a{color:#c7c7c7;font-weight:normal;font-style: italic;}


@media only screen and (max-width : 1270px) { 
.pg, #nav{width: 100%;}
#nav a{font-size: 13px;}
 /*.specialbreak{display: block;line-height: 50%;} 
 #nav a{padding:20px 0;}
#*/nav #logo{padding: 0;}
    }

@media only screen and (max-width : 942px) { 
.pg{width: 85%;}    
#nav{display: none;}
#nav_mobile{display: block;}
#logo2{}
#logo2 img{background-color: #fff;overflow: auto;width:82px;padding:7px 15px;margin: 5px;float: left;border-radius:3px;}
#logo2 a{padding: 0 0;}
#nav_mobile .nav_but img{width: 35px;}
#nav_mobile .nav_but{display:block;float: right;margin:10px 5px;padding: 7px;background-color: #bd2e33;border-radius: 3px;}
#topbar{background-color: #fff;padding:0 10px;}



.rslides img{float:none;width:95%;min-width: 300px; margin: auto; }
.bbtext{color: #c2292f;position:static;font-size:30px;top:none;left:none;z-index:9999;line-height:140%;width:90%;text-align: center;margin: auto;}
.bbtextb{color:#474747;position:static;top:25%;left:7%;z-index:9999;line-height:140%;width:90%;margin:auto;text-align: center;}
.bbtext a{font-size:16px;z-index:9999;display: block;background: red;}
.bb h1, .bb h2{margin: auto;font-size: 30px;font-weight: normal;color: #bd2e33;}


#footer{text-align: center;}
#footer h2{font-size: 30px;font-weight: normal;color: #bd2e33;text-align: left;}
#sub_comp_wrap{background-color: #fff;width: 90%;max-width: 600px;margin:12% auto;border-radius: 3px;overflow: auto;box-shadow: 0px 0px 25px 0px #c7c7c7 inset;}
/*#sub_comp_wrap .but-a{float: right;}*/
#sub_comp_wrap_title{background-color: #484747;text-align: center;color: #fff;padding: 15px;}
.sub_comp{width: 30%;margin: 5%;display:inline-block;float: none;}

#logodazzle_dsc, #logodazzlestore_dsc, #logodazzlepvtltd_dsc, #logodazzletraders_dsc{display: none;width: 65%;float: none;clear:both;text-align: center;margin:5% auto;}
.goback{display: inline-block;margin: 5% 0;padding:8px;}

#footer_bottom{background-color: #333;color: #fff;overflow: auto;text-align: left;}
#footer_bottom .pg{width: 94%;}
.col{width: 96%;float: none;line-height: 150%;overflow:auto;padding:0;font-size: 0.9em;}

#prom p{text-align: center;margin: 40px 0;font-size: 9px;width:100%;}
#mobnav{background-color: #bd2e33;clear: both;overflow: auto;width: 100%;text-align: center;position: absolute;left: 0;top: 80px;z-index: 9999;opacity: 0.9;}
#mobnav li a{display: block;width: 100%;color: #fff;text-decoration: none;padding: 10px;}
.but-a{padding: 2%;}

textarea,input[type="text"]{width: 97%;}
}