@font-face{
  font-family: 'Shabnam-Thin-FD';
  src:url('../fonts/IRANSansWeb_UltraLight.eot ?#iefix') format('embedded-opentype'),url('../fonts/IRANSansWeb_UltraLight.woff') format('woff'),url('../fonts/IRANSansWeb_UltraLight.ttf') format('truetype');
  font-weight:100;
}
@font-face{
  font-family: 'Shabnam-Medium-FD';
  src:url('../fonts/IRANSansWeb_Medium.eot ?#iefix') format('embedded-opentype'),url('../fonts/IRANSansWeb_Medium.woff') format('woff'),url('../fonts/IRANSansWeb_Medium.ttf') format('truetype');
  font-weight:500;
}
@font-face{
  font-family: 'Shabnam-Light-FD';
  src:url('../fonts/IRANSansWeb_Light.eot ?#iefix') format('embedded-opentype'),url('../fonts/IRANSansWeb_Light.woff') format('woff'),url('../fonts/IRANSansWeb_Light.ttf') format('truetype');
  font-weight:300;
}
@font-face{
  font-family: 'Shabnam-FD';
  src:url('../fonts/IRANSansWeb.eot ?#iefix') format('embedded-opentype'),url('../fonts/IRANSansWeb.woff') format('woff'),url('../fonts/IRANSansWeb.ttf') format('truetype');
  font-weight:400;
}
@font-face{
  font-family: 'Shabnam-Bold-FD';
  src:url('../fonts/IRANSansWeb_Bold.eot ?#iefix') format('embedded-opentype'),url('../fonts/IRANSansWeb_Bold.woff') format('woff'),url('../fonts/IRANSansWeb_Bold.ttf') format('truetype');
  font-weight:700;
}
.fss{font-family:'Shabnam-FD'!important;}
.fss-bold{font-family:'Shabnam-Bold-FD'!important;}
.fss-light{font-family:'Shabnam-Light-FD'!important;}
.fss-thin{font-family:'Shabnam-Thin-FD'!important;}
.fss-medium{font-family:'Shabnam-Medium-FD'!important;}
.fsb{font-family: Tahoma!important;}
header{box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.ovh{overflow: hidden!important;}
.lh18{line-height:18px!important;}
.lh20{line-height:20px!important;}
.lh23{line-height:23px!important;}
.lh25{line-height:25px!important;}
.lh28{line-height:28px!important;}
.lh30{line-height:30px!important;}
.nod{display:none;}
.t{font-size: 0.8rem!important;}
.tt{font-size: 0.9rem!important;}
.s{font-size: 1rem!important;}
.ss{font-size: 1.2rem!important;}
.m{font-size: 1.5rem!important;}
.mm{font-size: 1.8rem!important;}
.mmm{font-size: 2.2rem!important;}
.mmmm{font-size: 3rem!important;}
.l{font-size: 4rem!important;}
.ll{font-size: 4.5rem!important;}
.dl{direction: ltr;}
.nop{padding: 0!important;}
.nom{margin: 0!important;}
.nosh{box-shadow: none!important;}
.norad{border-radius: 0!important;}
.pointer{cursor:pointer;}
.hh1{height: 1px!important;}
.hh2{height: 2px!important;}
.hh3{height: 3px!important;}
.hh4{height: 4px!important;}
.hh5{height: 5px!important;}
.hh6{height: 6px!important;}
.hh7{height: 7px!important;}
.hh8{height: 8px!important;}
.hh9{height: 9px!important;}
.hh10{height: 10px!important;}
.hhp50{position: relative;min-height:50vh;}
.hhp75{position: relative;min-height:75vh;}
.hhp85{position: relative;min-height:85vh;}
.hhp95{position: relative;min-height:95vh;}
.hhp100{position: relative;min-height:100vh;}
.op-9{opacity:0.9;}
.op-8{opacity:0.8;}
.op-7{opacity:0.7;}
.op-6{opacity:0.6;}
.op-5{opacity:0.5;}
.op-4{opacity:0.4;}
.op-3{opacity:0.3;}
.op-2{opacity:0.2;}
.op-1{opacity:0.1;}
.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030;}
.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030;}
.float-left{float:left !important;}
.float-right{float:right !important;}
.float-none{float:none !important;}
.w-25{width:25% !important;}
.w-50{width:50% !important;}
.w-75{width:75% !important;}
.w-100{width:100% !important;}
.h-25{height:25% !important;}
.h-50{height:50% !important;}
.h-75{height:75% !important;}
.h-100{height:100% !important;}
.h500{min-height: 500px!important;}
.h200{min-height: 190px!important;}
.mw-100{max-width:100% !important;}
.mh-100{max-height:100% !important;}
.m-0{margin:0 !important;}
.mt-0{margin-top:0 !important;}
.mr-0{margin-right:0 !important;}
.mb-0{margin-bottom:0 !important;}
.ml-0{margin-left:0 !important;}
.mx-0{margin-right:0 !important;margin-left:0 !important;}
.my-0{margin-top:0 !important;margin-bottom:0 !important;}
.m-1{margin:0.25rem !important;}
.mt-1{margin-top:0.25rem !important;}
.mr-1{margin-right:0.25rem !important;}
.mb-1{margin-bottom:0.25rem !important;}
.ml-1{margin-left:0.25rem !important;}
.mx-1{margin-right:0.25rem !important;margin-left:0.25rem !important;}
.my-1{margin-top:0.25rem !important;margin-bottom:0.25rem !important;}
.m-2{margin:0.5rem !important;}
.mt-2{margin-top:0.5rem !important;}
.mr-2{margin-right:0.5rem !important;}
.mb-2{margin-bottom:0.5rem !important;}
.ml-2{margin-left:0.5rem !important;}
.mx-2{margin-right:0.5rem !important;margin-left:0.5rem !important;}
.my-2{margin-top:0.5rem !important;margin-bottom:0.5rem !important;}
.m-3{margin:1rem !important;}
.mt-3{margin-top:1rem !important;}
.mr-3{margin-right:1rem !important;}
.mb-3{margin-bottom:1rem !important;}
.ml-3{margin-left:1rem !important;}
.mx-3{margin-right:1rem !important;margin-left:1rem !important;}
.my-3{margin-top:1rem !important;margin-bottom:1rem !important;}
.m-4{margin:1.5rem !important;}
.mt-4{margin-top:1.5rem !important;}
.mr-4{margin-right:1.5rem !important;}
.mb-4{margin-bottom:1.5rem !important;}
.ml-4{margin-left:1.5rem !important;}
.mx-4{margin-right:1.5rem !important;margin-left:1.5rem !important;}
.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important;}
.m-5{margin:3rem !important;}
.mt-5{margin-top:3rem !important;}
.mr-5{margin-right:3rem !important;}
.mb-5{margin-bottom:3rem !important;}
.ml-5{margin-left:3rem !important;}
.mx-5{margin-right:3rem !important;margin-left:3rem !important;}
.my-5{margin-top:3rem !important;margin-bottom:3rem !important;}
.p-0{padding:0 !important;}
.pt-0{padding-top:0 !important;}
.pr-0{padding-right:0 !important;}
.pb-0{padding-bottom:0 !important;}
.pl-0{padding-left:0 !important;}
.px-0{padding-right:0 !important;padding-left:0 !important;}
.py-0{padding-top:0 !important;padding-bottom:0 !important;}
.p-1{padding:0.25rem !important;}
.pt-1{padding-top:0.25rem !important;}
.pr-1{padding-right:0.25rem !important;}
.pb-1{padding-bottom:0.25rem !important;}
.pl-1{padding-left:0.25rem !important;}
.px-1{padding-right:0.25rem !important;padding-left:0.25rem !important;}
.py-1{padding-top:0.25rem !important;padding-bottom:0.25rem !important;}
.p-2{padding:0.5rem !important;}
.pt-2{padding-top:0.5rem !important;}
.pr-2{padding-right:0.5rem !important;}
.pb-2{padding-bottom:0.5rem !important;}
.pl-2{padding-left:0.5rem !important;}
.px-2{padding-right:0.5rem !important;padding-left:0.5rem !important;}
.py-2{padding-top:0.5rem !important;padding-bottom:0.5rem !important;}
.p-3{padding:1rem !important;}
.pt-3{padding-top:1rem !important;}
.pr-3{padding-right:1rem !important;}
.pb-3{padding-bottom:1rem !important;}
.pl-3{padding-left:1rem !important;}
.px-3{padding-right:1rem !important;padding-left:1rem !important;}
.py-3{padding-top:1rem !important;padding-bottom:1rem !important;}
.p-4{padding:1.5rem !important;}
.pt-4{padding-top:1.5rem !important;}
.pr-4{padding-right:1.5rem !important;}
.pb-4{padding-bottom:1.5rem !important;}
.pl-4{padding-left:1.5rem !important;}
.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important;}
.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important;}
.p-5{padding:3rem !important;}
.pt-5{padding-top:3rem !important;}
.pr-5{padding-right:3rem !important;}
.pb-5{padding-bottom:3rem !important;}
.pl-5{padding-left:3rem !important;}
.px-5{padding-right:3rem !important;padding-left:3rem !important;}
.py-5{padding-top:3rem !important;padding-bottom:3rem !important;}
.m-auto{margin:auto !important;}
.mt-auto{margin-top:auto !important;}
.mr-auto{margin-right:auto !important;}
.mb-auto{margin-bottom:auto !important;}
.ml-auto{margin-left:auto !important;}
.mx-auto{margin-right:auto !important;margin-left:auto !important;}
.my-auto{margin-top:auto !important;margin-bottom:auto !important;}
.text-justify{text-align:justify !important;}
.text-nowrap{white-space:nowrap !important;}
.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.text-center{text-align:center !important;}
.text-muted{color:#868e96 !important;}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.border-rad{border-radius:10px!important;}
.border-rad2{border-radius:20px!important;}
.border-rad3{border-radius:30px!important;}
.border-rad4{border-radius:40px!important;}
.border-rad5{border-radius:50px!important;}
.border{border:1px solid #e9ecef !important;}
.border-0{border:0 !important;}
.border-top-0{border-top:0 !important;}
.border-right-0{border-right:0 !important;}
.border-bottom-0{border-bottom:0 !important;}
.border-left-0{border-left:0 !important;}
.border-primary{border-color:#007bff !important;}
.border-secondary{border-color:#868e96 !important;}
.border-success{border-color:#28a745 !important;}
.border-info{border-color:#17a2b8 !important;}
.border-warning{border-color:#ffc107 !important;}
.border-danger{border-color:#dc3545 !important;}
.border-light{border-color:#f8f9fa !important;}
.border-dark{border-color:#cacaca !important;}
.border-white{border-color:#fff !important;}
.rounded{border-radius:0.25rem !important;}
.rounded-top{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important;}
.rounded-right{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important;}
.rounded-bottom{border-bottom-right-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important;}
.rounded-left{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important;}
.rounded-circle{border-radius:50%;}
.rounded-0{border-radius:0;}
.visible{visibility:visible !important;}
.invisible{visibility:hidden !important;}
.form-control{display:block;padding:0.5rem 0.75rem;font-size:1rem;color:#495057;background-color:#fff;background-image:none;background-clip:padding-box;border:1px solid rgba(0,0,0,0.15);border-radius:0.25rem;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;}
.form-control::-ms-expand{background-color:transparent;border:0;}
.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:none;}
.form-control::-webkit-input-placeholder{color:#868e96;opacity:1;}
.form-control:-ms-input-placeholder{color:#868e96;opacity:1;}
.form-control::placeholder{color:#868e96;opacity:1;}
.form-control:disabled,.form-control [readonly ]{background-color:#e9ecef;opacity:1;}
select.form-control:not( [size ]):not( [multiple ]){height:calc(2.25rem + 2px);}
select.form-control:focus::-ms-value{color:#495057;background-color:#fff;}
.form-control-file,.form-control-range{display:block;}
.col-form-label{padding-top:calc(0.5rem - 1px * 2);padding-bottom:calc(0.5rem - 1px * 2);margin-bottom:0;}
.col-form-label-lg{padding-top:calc(0.5rem - 1px * 2);padding-bottom:calc(0.5rem - 1px * 2);font-size:1.25rem;}
.col-form-label-sm{padding-top:calc(0.25rem - 1px * 2);padding-bottom:calc(0.25rem - 1px * 2);font-size:0.875rem;}
.col-form-legend{padding-top:0.5rem;padding-bottom:0.5rem;margin-bottom:0;font-size:1rem;}
.form-control-plaintext{padding-top:0.5rem;padding-bottom:0.5rem;margin-bottom:0;line-height:1.25;border:solid transparent;border-width:1px 0;}
.form-control-plaintext.form-control-sm,.input-group-sm >.form-control-plaintext.form-control,.input-group-sm >.form-control-plaintext.input-group-addon,.input-group-sm >.input-group-btn >.form-control-plaintext.btn,.form-control-plaintext.form-control-lg,.input-group-lg >.form-control-plaintext.form-control,.input-group-lg >.form-control-plaintext.input-group-addon,.input-group-lg >.input-group-btn >.form-control-plaintext.btn{padding-right:0;padding-left:0;}
.form-control-sm,.input-group-sm >.form-control,.input-group-sm >.input-group-addon,.input-group-sm >.input-group-btn >.btn{padding:0.25rem 0.5rem;font-size:0.875rem;line-height:1.5;border-radius:0.2rem;}
select.form-control-sm:not( [size ]):not( [multiple ]),.input-group-sm >select.form-control:not( [size ]):not( [multiple ]),.input-group-sm >select.input-group-addon:not( [size ]):not( [multiple ]),.input-group-sm >.input-group-btn >select.btn:not( [size ]):not( [multiple ]){height:calc(1.8125rem + 2px);}
.form-control-lg,.input-group-lg >.form-control,.input-group-lg >.input-group-addon,.input-group-lg >.input-group-btn >.btn{padding:0.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:0.3rem;}
select.form-control-lg:not( [size ]):not( [multiple ]),.input-group-lg >select.form-control:not( [size ]):not( [multiple ]),.input-group-lg >select.input-group-addon:not( [size ]):not( [multiple ]),.input-group-lg >.input-group-btn >select.btn:not( [size ]):not( [multiple ]){height:calc(2.3125rem + 2px);}
.form-group{margin-bottom:1rem;}
.form-text{display:block;margin-top:0.25rem;}
.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px;}
.form-row >.col,.form-row > [class*= "col- " ]{padding-right:5px;padding-left:5px;}
.form-check{position:relative;display:block;margin-bottom:0.5rem;}
.form-check.disabled .form-check-label{color:#868e96;}
.form-check-label{padding-left:1.25rem;margin-bottom:0;}
.form-check-input{position:absolute;margin-top:0.25rem;margin-left:-1.25rem;}
.form-check-input:only-child{position:static;}
.form-check-inline{display:inline-block;}
.form-check-inline .form-check-label{vertical-align:middle;}
.form-check-inline + .form-check-inline{margin-left:0.75rem;}
.nav0,.nav0 i{height: 20px!important;line-height: 20px!important;}
.nav1,.nav1 i{height: 30px!important;line-height: 30px!important;}
.nav2,.nav2 i{height: 40px!important;line-height: 40px!important;}
.nav3,.nav3 i{height: 45px!important;line-height: 45px!important;}
.nav4,.nav4 i{height: 50px!important;line-height: 50px!important;}
.pace{-webkit-pointer-events: none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.pace-inactive{display: none;}
.pace .pace-progress{background: #ffb300 ;position: fixed;z-index: 2000;top: 0;right: 100%;width: 100%;height: 4px;}
.pace .pace-progress-inner{display: block;position: absolute;right: 0px;width: 100px;height: 100%;box-shadow: 0 0 15px #ffb300 , 0 0 10px #ffb300 ;opacity: 1.0;-webkit-transform: rotate(3deg) translate(0px, -4px);-moz-transform: rotate(3deg) translate(0px, -4px);-ms-transform: rotate(3deg) translate(0px, -4px);-o-transform: rotate(3deg) translate(0px, -4px);transform: rotate(3deg) translate(0px, -4px);}
.fromTopIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.fromTopOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,-10px);opacity: 0.0;}
.fromBottomIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.fromBottomOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,10px);opacity: 0.0;}
.fromLeftIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.fromLeftOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(-10px,0);opacity: 0.0;}
.fromRightIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.fromRightOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(10px, 0);opacity: 0.0;}
.scaleUpIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: scale(1.0,1.0);opacity: 1.0;}
.scaleUpOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: scale(1.3,1.3);opacity: 0.0;}
.scaleDownIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: scale(1.0,1.0);opacity: 1.0;}
.scaleDownOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: scale(0.7,0.7);opacity: 0.0;}
.cbox {display: flex;align-items:center;}
.icmage{border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;}
.resimg img{max-width: 100%!important;}
nav ul a:hover {background: rgba(0, 0, 0, 0.04)!important;}
nav ul li:hover {background: rgba(0, 0, 0, 0.04)!important;}
.ssubcats>li{display:block!important;float: none!important;}
.card-panel{border-radius: 10px!important;}
.cardcaption{position: absolute;bottom: 0;right: 0;left: 0;background: rgb(2,0,36);
background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(0,0,0,1) 100%);}
.slider .slides li .caption{background: rgb(0,0,0);background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6643032212885154) 50%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6643032212885154) 50%, rgba(0,0,0,0) 100%);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6643032212885154) 50%, rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);color: #fff;position: absolute;top: 64%;left: 0%;padding: 25px;width: 100%;opacity: 0;}
.device-bg{background: rgb(104,255,0);
background: -moz-radial-gradient(circle, rgba(104,255,0,1) 0%, rgba(84,206,0,1) 17%, rgba(9,23,0,0) 72%, rgba(0,0,0,0) 100%);
background: -webkit-radial-gradient(circle, rgba(104,255,0,1) 0%, rgba(84,206,0,1) 17%, rgba(9,23,0,0) 72%, rgba(0,0,0,0) 100%);
background: radial-gradient(circle, rgba(104,255,0,1) 0%, rgba(84,206,0,1) 17%, rgba(9,23,0,0) 72%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#68ff00",endColorstr="#000000",GradientType=1);}
.c-form input{border-top-left-radius: 0!important;border-bottom-left-radius: 0!important;}
.c-form button{border-top-right-radius: 0!important;border-bottom-right-radius: 0!important;}
.ic-menu-box{background-color: #f5f5f5;-webkit-box-shadow: inset 0 5px 4px -4px rgba(0,0,0,.06), inset 0 -5px 4px -4px rgba(0,0,0,.06);box-shadow: inset 0 5px 4px -4px rgba(0,0,0,.06), inset 0 -5px 4px -4px rgba(0,0,0,.06);}
.page-header{background:url(../../ic-media/theme/v1/pagebg.jpg) no-repeat center top;background-size: cover;height: 400px;}
.tab {float: right;border: 1px solid #ccc;background-color: #f1f1f1;width: 30%;height: 400px;}
.tab button {display: block;background-color: inherit;width: 100%;border: none;outline: none;text-align: right;cursor: pointer;transition: 0.3s;}
.tab button:hover {background-color: #ddd;}
.tab button.active {background-color: #eaeaea;}
.tabcontent {float: right;padding: 0px 12px;border: 1px solid #ccc;width: 70%;border-right: none;height: 400px;}
.cats>li>div{display:none;position:absolute;z-index:20000;min-width:400px;top:40px;left: 0;right: 0;}
.cats li:hover>div{display:block;}
.catsmenu a{font-size: 1rem;color: #fff;display:block;padding:0px!important;cursor:pointer;background:none!important;text-align:right;}
.catsmenu a:hover{background: none!important;}
#ssWrapper{display:inline;position: relative;}
#ssWrapper i {position: absolute;}
.button.is-underline:hover:before {left: 0%;width: 100%;opacity: 1;}
.button.is-underline:before {content: "";height: 2px;background-color: currentColor;opacity: .3;transition: all .3s;position: absolute;bottom: 0;left: 20%;width: 60%;}
.button.is-underline, .button.is-link {background-color: transparent !important;border-color: transparent !important;padding-left: .15em;padding-right: .15em;}
.dark .button.is-form:hover, .button:hover, input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover {outline: none;opacity: 1;color: #fff;box-shadow: inset 0 0 0 100px rgba(0,0,0,0.2);}
.button span {display: inline-block;line-height: 1.6;}
.dark .button.is-underline:hover, .dark .button.is-link:hover {color: #FFF;opacity: .8;}
.button.is-underline:hover, .button.is-link:hover {color: #333;box-shadow: none;}
.white.is-underline, .white.is-link, .white.is-outline {color: #fff !important;background-color: transparent !important;}
.section-title i {opacity: .6;margin-left: 0.5em;}
.links>li>a:before, i[class^="icon-"], i[class*=" icon-"] {font-family: 'fl-icons' !important;speak: none !important;margin: 0;padding: 0;display: inline-block;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;position: relative;}
.section-title a {display: block;padding-right: 15px;font-size: .8em;margin-right: auto;}
.section-title a {display: block;padding-right: 15px;font-size: .8em;margin-right: auto;}
.section-title-normal {border-bottom: 2px solid #ececec;}
.section-title {position: relative;-js-display: flex;display: -ms-flexbox;display: flex;-ms-flex-flow: row wrap;flex-flow: row wrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;width: 100%;}
.section-title-normal span {margin-left: 15px;padding-bottom: 7.5px;border-bottom: 2px solid rgba(0,0,0,0.1);margin-bottom: -7px;}
.is-divider {height: 3px;display: block;background-color: rgba(0,0,0,0.1);margin: 1em 0 1em;width: 100%;max-width: 30px;}