/* common
----------------------------------------------------------------------------- */
body { background: #000; margin: 0px; font-size: 16px;
	padding: 0px; width: 100%; font-family: 'Open Sans', arial, tahoma, sans-serif; }

TABLE { empty-cells: show; width: 100%; margin: 0px; padding: 0px; border-collapse: collapse;
	vertical-align: top; text-align: left; background: #fff; }
TABLE TH { background: #F3F8FC; margin: 0px; padding: 0px; border-collapse: collapse; color: #C00000;}
TABLE TD { margin: 0px; padding: 0px; border-collapse: collapse; vertical-align: top; text-align: left;}
TABLE TR { margin: 0px; padding: 0px;	border-collapse: collapse; vertical-align: top; text-align: left;}

img { max-width:100% }

#top { border-bottom: 6px solid #fff; background: url(../images/top12.jpg) top repeat-x #fff; margin: 0px;
	padding: 0px; height: 183px; }
#topmain { background: url(../images/lguscio.jpg) right top no-repeat }	
#logo { border: 0; margin: 0; padding: 0; }

a { outline: 0}
a img { border: none }

h1 { font-size: 22px; font-weight: bold; color: #F37320; text-align: center; }

h2 { font-size: 17px; margin: 0px; padding: 3px; }	
h2 a { text-decoration: none; color: #000 }
h3 { font-size: 15px; margin: 0px; padding: 3px; }	

hr { height: 1px; background: #660000; color: #660000; border: none; }

.robo { background:url('../img/rounded.png') bottom center no-repeat }
.roto { background:url('../img/rounded.png') top center no-repeat }
	
#menutop { position: absolute; text-align: left; top: 145px; font-size: 12px; font-weight: lighter; }
#menutop ul{ list-style: none; margin: 0px; padding: 0px; }
#menutop ul li{ list-style: none; display: inline; margin:0 0 0 10px; padding: 0px; }
#menutop ul li a{ text-decoration: none; color: #ffffff; padding: 8px }
#menutop ul li a:hover{ background: #FAC6A4; color:#000 }

#menutop2 { text-align: left; font-size: 12px; font-weight: lighter; margin:10px 0 }
#menutop2 ul{ list-style: none; margin: 0px; padding: 0px; text-align: right }
#menutop2 ul li{ list-style: none; display: inline; margin: 0 0 0 10px; padding: 0px; }
#menutop2 ul li a{ text-decoration: none; color: #ffffff; padding: 8px }
#menutop2 ul li a:hover{ background: #F37320; }

#attivo a { background: #F37320; padding: 8px; }

#ricerca { margin:10px 0 }
#ricerca input { border: none; padding: 5px; font-size: 11px; font-weight: bold; letter-spacing: 2px; }

#sx,#dx { background: #fff; width: 20%; color: #000; font-size: 80%; }
.titsx { text-align: left; }
.titdx { text-align: right; }

.stampix { background: url(../images/bk_left.png) top left no-repeat; margin-left:8px; margin-top:4px; padding-bottom:15px }
.stampix a { color:#000; display:block; text-decoration:none; padding:3px 5px 3px 14px; font-weight:bold;
	background: url(../images/doty.png) left no-repeat; border-bottom:1px solid #ccc; margin-right:6px; margin:0px 6px 0px 0px; }
.stampix a:hover { color:#F37320 }

.menusx { font-weight: bold; font-size:11px }
.menusx ul{ list-style: none;  margin-left:8px; margin-top:4px; padding: 0px; background: url(../images/bk_left.png) top left no-repeat; padding-bottom:15px }
.menusx ul li{ list-style: none; display: block; margin: 0px; padding: 0px; }
.menusx ul li a{ color:#000; display:block; text-decoration:none; padding:3px 5px 3px 14px; margin:0px 6px 0px 0px;
	background: url(../images/doty.png) left no-repeat; border-bottom:1px solid #ccc; letter-spacing:1px }
.menusx ul li a:hover{ color:#F37320 }

.menusx ul li.catevid a { color:#F37320 }

.menusx ul li.sottocat{ background-color: #C0C0C0; margin-right:6px; }
.menusx ul li.sottocat a{ color: #000; border-bottom:1px solid #fff; margin-right:0px; }
.menusx ul li.sottocat a:hover{ color: #fff; }
.menusx ul li.sottocats{ background-color: #C0C0C0; margin-right:6px; }
.menusx ul li.sottocats a{ background: url(../images/doty.png) left no-repeat #F37320; color: #fff; border-bottom:1px solid #fff; margin-right:0px; }

.mx { font-size:14px }
.mx ul { list-style: none; margin:0px 6px 0px 8px; padding: 0px; text-align:left }
.mx ul li{ list-style: none; display: block; margin: 0px; padding: 0px; margin-bottom:3px }
.mx ul li a { display:block; background:#F4F4F4; padding:3px; color:#000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration:none }
.mx ul li a:hover { background:#F37320; color:#fff }
.mx ul li ul { margin:3px 0px 0px 6px}

.mx ul li ul li a { background:#FFA500; color:#fff; }
.mx ul li ul li a:hover { background:#F37320; color:#fff }

.fx { color:#dedede; }
.fx a { color:#F37320; text-decoration:none }
.fx a:hover { color:#FFD42A }

#main { padding: 0px; margin: 0px; font-size: 14px; text-align:justify }
#main img { max-width:100%; height:auto }
#main table { border: none;}
/*.fotomain { border-bottom: 4px solid #563B35; text-align: right; } */

#catcaa a { color: #F38630 }
#catcaa a:hover { text-decoration: none; color:#000 }

.menudx { font-size: 90%; }
.menudx ul{ list-style: none; margin: 0px; padding: 4px; }
.menudx ul li{ list-style: none; display: block; margin: 0px; padding: 3px;
	border-bottom: 1px solid #4D4D4D; }
.menudx ul li a{ text-decoration: none; color: #fff; margin-right: 0.7em; }
.menudx ul li a:hover{ text-decoration: underline; }

.but01 { padding: 4px; margin: 4px; font-size: 90%; font-weight: bold; text-align: center; }
.but01 a { background: #483E3C; padding: 3px; border: 1px solid #4D4D4D; color: #fff;
	text-decoration: none; }
.but01 a:hover { text-decoration: underline; }

.footer, .footer0, .footer1, .footer2 { background: #000; color: #999; border-top: 7px solid #000; font-size: 11px; padding: 4px; }
	
.footer1, .footer2 { background: url(../img/bfoot.png) left no-repeat #000 }
.footer3 { background: url(../img/bfoot.png) right no-repeat #000 }
	
.footer a, .footer0 a, .footer1 a , .footer2 a,.footer3 a  { text-decoration: none; margin-right: 5px; padding-right: 5px; color: #fff; }
.footer a:hover, .footer0 a:hover, .footer1 a:hover, .footer2 a:hover, .footer3 a:hover { text-decoration: underline; }

.but01 { font-weight: bold; font-size: 12px; margin: 11px; margin-bottom: 21px; margin-right: 5px;
	text-align: right;}
.but01 a{ background: #525252; padding: 8px; text-decoration: none;
	color: #fff; padding-left: 28px; white-space: nowrap; border: 1px solid #DFE3F9;}
.but01 a:hover{ background: #FEAC60; text-decoration: none; color: #000;}

.but02a { font-weight: bold; font-size: 12px; margin: 4px; text-align: center; padding: 5px; }
.but02a a{ text-decoration: none; color: #fff; white-space: nowrap; padding: 2px; }
.but02a a:hover{ text-decoration: none; color: #fff; }

.but02b { font-weight: bold; font-size: 12px; margin: 4px; text-align: center; padding: 5px; background: #000 }
.but02b a { text-decoration: underline; color: #fff; white-space: nowrap; background: #000; padding: 2px; display:block }
.but02b a:hover { text-decoration: none; background: #000; color: #F37320; }

.but02c { font-weight: bold; font-size: 12px; margin: 4px; text-align: center; 
	border: 1px solid #DFE3F9; padding: 5px; text-align: center; }
.but02c a{ text-decoration: underline; color: #000;
	white-space: nowrap; background: #FDEACE; padding: 2px; }
.but02c a:hover{ text-decoration: none; color: #F44915; }

.categoriat { clear: both; }

/*
.prodotto { float: left; margin-right: 11px; margin-bottom: 15px; font-size: 12px; background: #E6E6E6;
	vertical-align: top; text-align: center; padding: 8px; }
*/	
.prodotto { font-size: 12px; background: #E6E6E6; vertical-align: top; text-align: center; padding: 8px; }	
.prodotto:hover { /*background: #ABB4BD;*/ background: #FFFFFF; -webkit-transition: width 2s; /* Safari */
    transition: width 2s; }	
.prodotto img { margin: 0px; }
.prodotto form{ background-image: none;}
.prodt { clear: both; color: #000; font-weight: bold; margin: 3px; font-size:10px; width:100px}
.prodpre { color: #000; margin-right: 10px; display: inline; text-decoration: line-through; }
.prodgr { color: #666666; }
.prodp { color: #F44915; font-weight: bold; margin: 3px; width:100px; }
.prodd { color: #000; font-size: 11px; margin: 3px; }
.prodback { color: #F37320; font-weight: bold; padding: 3px; font-size: 14px; text-align: left;}

.prezzo { width: 105px; font-size: 11px }
	
.articolo{ margin-right: 5px; margin-bottom: 15px; font-size: 12px; width: 100%; }
.articolo img{ border: 1px solid #DFE3F9; margin: 3px; float: left; }
.articolo h2{ color: #000; margin-top: 5px; }

.descriz{ margin: 4px; padding: 4px; line-height: 1.5em; }
.descrizr{ margin: 4px; padding: 4px; line-height: 1.5em; }
.reset{ clear: both; }
.fotoprod{ float: left; }

.aranciow{ color: #fff; font-size: 12px; font-weight: bold; }	
.sconti{ float: left; margin-right: 15px; margin-bottom: 25px; width: 145px;
	border: 1px solid #DFE3F9; margin: 3px; font-size: 11px; text-align: justify; }

.butevid{ color: #fff; background: #563B35; }
.butevid2{ color: #fff; background: #563B35; margin-bottom: 10px; text-align: center; }
.tcarr{ margin: 4px; padding: 8px; background: #fff; display: block; border: 1px solid #fff; }
.tcarr td{ padding:2px; }
	
.status{ text-align: center; font-size: 16px; margin: 5px; background: #F8F9FC; display: block; float: left; padding: 4px; border: 1px solid silver }
.status a{ text-decoration: none; color: #563B35;  }
.status a:hover{ text-decoration: underline; color: #F44915; }
.selme { background:#FFD47F; font-weight:bold }
.selme a { color:#000 }

.tcarr{ margin: 4px; padding: 8px; background: #fff; display: block; font-size: 12px;}
	
.scheda0 { background: #FFEBCD; padding: 3px; color: #000; margin-bottom:10px }	
.scheda0 a { text-decoration: none; color: #000; }
.paginasel { background: #A52A2A; font-weight: bold; color: #fff; padding: 2px; }

.contenuto {  }
.contenuto a { color: #FF4500; text-decoration: underline; }
.contenuto a:hover { color: #000; text-decoration: none; }
.contenuto ul li a { color: #FF4500; text-decoration: underline; }
.contenuto ul li a:hover { color: #000; text-decoration: none; }

.stam { padding: 0px; margin: 1em 0px 0px 0px; }
.stam ul { padding: 0px; margin: 0px; list-style: none; }
.stam ul li { padding: 5px; margin: 0px 6px 6px 0px; list-style: none; float: left; text-align: center; background: #E6E6E6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 120px }
.stam ul li img { text-align: center; border: 1px solid #000; margin-bottom: 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.stam .stacco { clear: both; margin: 20px; width:100%; display: block }
.stamp ul li a { color: #000; font-weight: bold; text-decoration: none; }
.stamp ul li a:hover { color: #000; text-decoration: underline;}

.stam > ul > ul > li > a { color: #000; text-decoration:none }
.stam > ul > ul > li > a:hover { text-decoration:underline }

.stam > ul > li > a { color: #000; text-decoration:none }
.stam > ul > li > a :hover { text-decoration:underline }

.stam ul li:hover { background:#ABB4BD; text-decoration:underline }

.catpdf { padding: 3px; font-size: 90%; }
.catpdf img { border: 2px solid #999; }
.catpdf ul { padding: 0px; margin: 0px; list-style: none; }
.catpdf ul li { padding:0px; list-style: none; margin: 10px; width: 27%; float: left; }
.catpdf ul li a{ padding:10px 6px; text-align: center; height: 140px; border:1px solid #F37320; display:block }
.catpdf ul li a:hover { border:1px solid #F37320; background:#F37320; color:#fff }

#stats { display: none; visibility: hidden; }

#ricerca { padding: 3px; white-space:nowrap }
#ricerca a { color: #FF0033; font-weight: bold; }
#ricerca a:hover { color: #663333; }

.t1tc { height: 50px; width: 90%; display: block; margin: 8px; padding: 4px; }

.t1tc a { color: #CC3333; font-weight: bold; }
.t1tc a:hover { color: #000; }

#mainpg { width: 990px; }

.Breadcrumb a{ color:#000; text-decoration:none; font-weight:bold }

#mcorsie { background: url(../images/bk_corsiev.jpg) no-repeat; width:192px; height:178px; }
#mcorsie a { color: #000; text-decoration:none }
#mcorsie a:hover { text-decoration:underline }
#mcorsie div { font-weight:bold; padding:10px; font-size:10px; width:140px; }
#mcorsie .dot { position: absolute; display:block; margin-left:140px; margin-top:-23px }

#mpressarea { background: url(../images/bk_pressarea.jpg) no-repeat; width:192px; height:178px; margin-top:15px }
#mpasticcerie { background: url(../images/bk_pasticcerie.jpg) no-repeat; width:192px; height:178px; margin-top:15px }
#mstepbystep { background: url(../images/bk_step2step.jpg) no-repeat; width:192px; height:178px; margin-top:15px }

.boxdx  { margin-top:15px; }
.boxdx img { max-width:192px; height:auto; }

#infoutili { display:block }
#infoutili ul { display:block; margin:0px; padding:0px; list-style:none; margin:10px 10px 10px 5px; }
#infoutili ul li { display:block; margin:0px; padding:0px; list-style:none }
#infoutili ul li a { font-size:10px; padding:3px; display:block; color:#000; text-decoration:none; margin-bottom:3px }
#infoutili ul li a:hover { background:#000; color:#fff; }

#modtabs { text-align: left; padding-bottom: 7px; font-size: 11px }
#modtabs div.selezione{ display: inline; margin-right: 3px; }
#modtabs div.selezione a { padding:15px 10px 7px 0px; background: url(/images/bg1m.png) top right no-repeat; text-decoration:none; color: #000 }
#modtabs div.selezione a span{ padding:15px 15px 7px 20px; width: 100px; 
	background: url(/images/bg2m.png) top left no-repeat }

#modtabs div.noselezione{ display: inline; margin-right: 3px }	
#modtabs div.noselezione a { padding:15px 10px 7px 0px; background: transparent; text-decoration:none; color: #000 }
#modtabs div.noselezione a span{ padding:15px 15px 7px 20px; width: 100px; 
	background: transparent }
#language { }
.nov { display:none }

#showcookie { color:#fff; text-align:justify; font-size:12px; background:#1D1D1D; padding:4px }
#showcookie a { text-decoration:none; color:#FF6600 }
#showcookie a:hover { text-decoration: underline }

#topnav{ padding:0; color:#C0BAB6; clear:both; word-wrap:normal; white-space:nowrap; margin-top:10px; width:790px; }
#topnav ul{ margin:0 0 0 0; padding:0; list-style:none; font-size:11.5px; }
#topnav ul ul{ z-index:9999; position:absolute; width:190px; text-transform:none; }
#topnav ul ul ul, #topnav ul ul ul ul{ left:190px; top:0; }
#topnav ul:first-child li:last-child > ul{ right:0;}
#topnav ul:first-child > li:last-child li > ul{ left:-190px;}
#topnav li{ position:relative; display:block; float:left; margin:0 5px 0 0; padding:0; }
#topnav li:first-child{}
#topnav ul:first-child li:last-child{margin-right:0; }
#topnav li li{ display:block; margin:3px 0 0 0; }
#topnav li a{ display:block; padding:10px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration:none; word-wrap:break-word; border:1px solid #F37320 } 
#topnav li li a{ display:block; margin:0; padding:10px 5px; }
#topnav ul ul{ display:none; }
#topnav ul li:hover > ul{ display:block; }
#topnav a{ color:#FFFFFF; background:#000000; }
#topnav li li a, #topnav li.active li a{ color:#FFFFFF; background:#FFA500; font-weight:normal; width:190px; white-space:normal; font-size:13px }
#topnav li.active a, #topnav a:hover{ color:#000; background-color:#F37320; }
#topnav ul li li:hover > a{ color:#FFFFFF; background-color:#F37320; }
#topnav li a.drop, #topnav li.active a.drop{ padding-left:15px; background-image:url("images/dropdown_side.gif"); background-position:5px center; background-repeat:no-repeat; display:block; }
.mxx { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.mxx:hover { -webkit-box-shadow: 0px 0px 39px -5px rgba(0,0,0,0.20); -moz-box-shadow: 0px 0px 39px -5px rgba(0,0,0,0.20); box-shadow: 0px 0px 39px -5px rgba(0,0,0,0.20); }

#attivo a { background:#F37320 }

.titoletto { font-size:14px; } div.titoletto a { color: #000; text-decoration:none } div.titoletto a:hover { text-decoration:underline }

embed { max-width: 570px }
iframe { max-width: 570px }
/*#main img { max-width: 570px }*/

.view {
   margin: 10px; float: left; overflow: hidden; position: relative;
   text-align: center; -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6; box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
}

.view-first img {
   background: #E6E6E6; -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear;
   transition: all 0.2s linear; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.view-first:hover img {
   -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.buttoncart { padding:2px 5px 2px 25px; min-height: 28px; margin-left:4px; background:url(img/pict_add_cart.png) left no-repeat #F37320; border:none; font-weight:bold; font-size:10px; border-radius: 14px; }
.buttoncart:hover { background:url(img/pict_add_cart.png) left no-repeat #000000; color:#fff; cursor:pointer}

.buttonlist { padding:2px 5px 2px 25px; min-height: 28px; margin-left:4px; background:#dedede; color:#000; border:none; font-weight:bold; font-size:10px; border-radius: 14px; }
.buttonlist:hover { background:#000000; color:#fff; cursor:pointer}

.eur0 { font-size:12px } .eur1 { font-size:9px } .price { font-weight: lighter; display:block; font-size:12px; background:#F37727; color:#fff; padding:3px; font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .sp1 { font-size:16px; } .sp2 { font-size:10px; color:#FFFFCC }
.toc { position:absolute; margin-top:-43px; margin-left:60px } .price { margin-top:5px }

.buttonstd { padding:2px 5px; min-height: 28px; margin-left:4px; background:#F37320; border:none; font-weight:bold; font-size:10px; border-radius: 14px; }
.buttonstd:hover { background:#000000; color:#fff; cursor:pointer}

.bli { background: #E5E5E5; display: block; float: left; width: 180px; margin-right: 4px; padding: 3px; margin-bottom: 2px }
.bliv { padding: 3px; display:block; float:left}


.cubes { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; margin: 30px 0 0 0}
.cube { text-align:center; margin:0 0 25px 0; vertical-align: top; display: inline-block; *display: inline; zoom: 1 }
.cube:hover { }
.cube a { display:block; padding:10px; color:#000000; text-decoration:none; margin:0px; padding:0px; }
div.cube a:hover { text-decoration:none; }
.cube img  { position: relative; margin: 0px auto; }
.cube img:hover { }

.catt1{ background:#E6E6E6; width:180px }
.catt1:hover{ background:#ABB4BD; }
.catt1 a{ color:#F37320; }
.catt1 a:hover{ color:#000 }

.catt2{ background:#E6E6E6; width:220px }
.catt2:hover{ background:#ABB4BD; }
.catt2 a{ color:#F37320; }
.catt2 a:hover{ color:#000 }

.cubes2 { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; margin: 10px 0 0 0}
.cube2 { text-align:center; margin:0 0 25px 0; vertical-align: top; display: inline-block; *display: inline; zoom: 1 }
.cube2:hover { }
.cube2 a { display:block; padding:10px; color:#000000; text-decoration:none; margin:6px; padding:0px; }
div.cube2 a:hover { text-decoration:none; }
.cube2 img  { position: relative; transform: scale(.9); transition: all 0.3s ease-in-out 0s; height: auto; }
.cube2 a:hover img { transform: scale(1); -webkit-transform: scale(1);  -moz-transform:    scale(1);  -ms-transform:     scale(1);  -o-transform:      scale(1);  transform:         scale(1); }

.stretch { width: 100%;display: inline-block;font-size: 0;line-height: 0 }

.titolox { display:block; background:#EAEAEA; clear:both; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0px 6px 6px 0px; }
.titolox:hover { display:block; background:#F37320; }
.titolox a { display:block; font-size:18px; font-weight:lighter; padding:3px; color:#F37320; text-decoration:none; padding-right:20px; background: url(../img/arrow-down.png) right no-repeat; }
.titolox:hover a { color:#FFF }
.titolox span { display:block; height:26px; width:26px; float:right; }
.closed span {  }
	
@media print {
#sx, #dx, #top, .but02c, #footer,.footer0 { display: none; visibility: hidden; width: 0; }
#main, .main { width: 800px; background: #333; position: relative; border: 3px solid #000;
	margin: 0px; padding: 1em; }
#stampi, .stampi { width: 100%; }
#bloccoprn { width: 300px; background: #000; }
#modulorichiestacorso,#h3corso { display: none; }
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(243, 116, 28, 0.8) url('/img/cd-top-arrow.png') no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
 
#sme { display:none; font-size:36px; text-align:center } 
#sme a { text-decoration:none; color:#003366 } 
 
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}