.panel-resp-title	{width:87%; max-width:1200px; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; font-size:65px; color:#171717; padding:0; margin:50px auto 0 auto;}
.panel-resp-body	{width:87%; max-width:1200px; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:15px; color:#666666; line-height:22px; padding:0; margin:20px auto 0 auto;}
.panel-resp-body span	{font-weight:600; color:#333333;}
.panel-resp-control-title	{width:200px; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:18px; color:#333333; line-height:35px; margin:0 15px 0 0; padding:0;}
.panel-resp-control-title-small	{width:115px; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:18px; color:#333333; line-height:35px; margin:0 15px 0 0; padding:0;}
.panel-resp-section-title	{font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:15px; color:#333333; margin:0 0 20px 0; padding:0;}


.upsell-banner	{width:100%; padding:20px 0; background:#484848; height:auto; margin:40px 0 0 0;}
.upsell-banner-inner	{width:87%; max-width:1200px; margin:0 auto; display:flex; align-items:center; flex-direction:row;}
.upsell-button-wrapper {width:100%; max-width:160px; margin-left:30px}
.upsell-button	{width:100%; height:30px; text-align:left; color:#000000; background:#ffffff; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; outline:none; border:none; cursor:pointer; line-height:30px; font-family:arial; font-weight:400; font-size:13px;}
.upsell-button:hover	{background-color:#e5e5e5;}
.upsell-button a	{text-decoration:none; display:block; height:100%; color:#000000; padding:0 15px 0 20px; display:flex; align-items:center; flex-direction:row; justify-content:space-between;}
.upsell-button a:visited	{color:#000000; text-decoration:none;}

.update-content-wrapper	{width:100%; padding:50px 0 70px 0; background:#f1f1f6; height:auto; margin:0;}
.update-content-wrapper-inner	{width:87%; max-width:1200px; margin:0 auto; height:auto; display:flex; align-items:center; flex-direction:row; justify-content:space-between; padding-bottom:40px; border-bottom:1px solid #dedede;}

.update-prod-choose	{width:100%; max-width:500px; height:35px; display:flex; align-items:center; flex-direction:row; margin-right:20px}
.update-list-choose	{width:100%; max-width:250px; height:35px; display:flex; align-items:center; flex-direction:row;}

.select-control { display:block; padding:0; margin: 0; border: 1px solid #dedede; width: 100%; overflow: hidden; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif;  font-weight:300; color: #333333; font-size: 15px; position:relative; cursor:pointer; height:35px; background:#ffffff; line-height:35px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px}
.select-control select { padding: 0 20px 0 20px; width: 130%; height:35px; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif;  font-weight:400; color: #333333; font-size: 13px; cursor:pointer; max-width: 100%; float:left; /*Altered two below to make word wrap work */ word-wrap: normal !important; white-space: normal;}
.select-control:after {content:"\25bc"; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; padding:0; position:absolute;  top:48%; right:15px;  transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); background: none; pointer-events: none; font-size:10px}
.select-control select:focus {outline: none !important;}
.select-control:hover {color:#1E76E3}
.select-control:hover select {color:#1E76E3}

.list-type-control	{width:100%; height:35px; display:flex; cursor:pointer}
.list-type-control-split-left	{width:50%; height:35px; border:1px solid #dedede; border-right:none; border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; background:url(../images/support/panels/panels-off.png) center no-repeat #ffffff; background-size: 25px 13px;}
.list-type-control-split-left.on	{background:url(../images/support/panels/panels-on.png) center no-repeat; background-size: 25px 13px;}
.list-type-control-split-right	{width:50%; height:35px; background:#ffffff; border:1px solid #dedede; border-left:none; border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; background:url(../images/support/panels/list-off.png) center no-repeat #ffffff; background-size: 25px 13px;}
.list-type-control-split-right.on	{background:url(../images/support/panels/list-on.png) center no-repeat; background-size: 25px 13px;}

.list-type-control .selected	{background-color:#1E76E3; border:1px solid #1E76E3;}

.panel-section-wrapper	{width:100%; height:auto; }

.panel-earlier-section-wrapper	{width:100%; max-width:1200px; height:auto; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.panel-earlier-section-wrapper-inner	{height:auto; padding:10px 10px; flex:1 0 380px}
.panel-earlier-content-wrapper	{height:100%; border:1px solid #dedede; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:#ffffff; width:100%; max-width:580px;}


.latest-panel-mdpro	{height:auto; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:#0E1F3C; margin:20px 10px; overflow:auto}
.latest-panel-mdpe	{height:auto; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:#1F3712; margin:20px 10px; overflow:auto}
.panel-inner-wrapper	{ padding:30px; height:auto;}
.panel-early-inner-wrapper	{ padding:30px; height:calc(100% - 140px); -webkit-height:calc(100% - 140px); -moz-height:calc(100% - 140px); -o-height:calc(100% - 140px);}

.pro-latest-bg	{background:url(../images/support/panels/pro-702.jpg) no-repeat bottom right;}
.pe-latest-bg	{background:url(../images/support/panels/pe-702.jpg) no-repeat bottom right;}


.panel-section-date	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:11px; color:#ffffff; line-height:20px; padding:0; margin:0; text-transform:uppercase}
.panel-section-date span	{background:#CC3300; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:2px 20px; margin-left:10px; color:#ffffff;}
.latest-panel-date-inner	{width:100%; height:auto; display:flex; flex-direction:row; align-items:ceter; justify-content:space-between; margin-bottom:20px}
.panel-platform	{color:#ffffff; font-size:20px; border:none; padding:0; margin:0; line-height:20px}

.panel-latest-title	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; font-size:25px; -webkit-font-smoothing: antialiased; color:#ffffff; line-height:40px; padding:0; margin:0; text-transform:uppercase}
.panel-latest-title img	{float:left; margin-right:15px;}
.panel-latest-body	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:15px; color:#ffffff; line-height:22px; padding:0; margin:20px 0 0 0; max-width:700px}

.panel-earlier-title	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; font-size:15px; color:#000000; line-height:20px; padding:0; margin:0; text-transform:uppercase; display:flex; flex-direction:row; align-items:center}
.panel-earlier-title img	{float:left; margin-right:15px; flex-shrink:0}
.panel-earlier-body	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:15px; color:#333333; line-height:22px; padding:0; margin:20px 0 0 0; max-width:700px}
.panel-earlier-body span	{font-size:13px; color:#333333}

.panel-button-wrapper	{height:auto; padding:20px 30px; background:rgba(255, 255, 255, 0.05); display:flex; align-items:center; flex-direction:row; justify-content:space-between;}

.pushLink a {color: #ffffff; text-decoration:none;}
.pushLink a:hover {opacity:0.8}
.pushLink a:visited {color: #ffffff; text-decoration:none;}
.pushLink a::before {width:22px; max-width:22px; min-width:22px; height:22px; border-radius:11px; -webkit-border-radius:11px; -moz-border-radius:11px; background:#1E76E3; color:#ffffff; content:"\2192"; display:inline-block; text-align:center; line-height:22px; margin-right:10px}

.pushLinkDark a {color: #333333; text-decoration:none; display:flex;}
.pushLinkDark a:hover {opacity:0.8}
.pushLinkDark a:visited {color: #333333; text-decoration:none;}
.pushLinkDark a::before {width:22px; max-width:22px; min-width:22px; height:22px; border-radius:11px; -webkit-border-radius:11px; -moz-border-radius:11px; background:#1E76E3; color:#ffffff; content:"\2192"; display:inline-block; text-align:center; line-height:22px; margin-right:10px}

.download-bl-button-wrapper {width:100%; max-width:130px;}
.download-bl-button	{width:100%; height:auto; text-align:left; color:#ffffff; background:#1E76E3; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; outline:none; border:none; cursor:pointer; line-height:36px; font-family:arial; font-weight:400; font-size:15px;}
.download-bl-button:hover	{opacity:0.8;}
.download-bl-button a	{text-decoration:none; display:block; height:100%; color:#ffffff; padding:0 15px 0 20px; display:flex; align-items:center; flex-direction:row; justify-content:space-between;}
.download-bl-button a:visited	{color:#ffffff; text-decoration:none;}

.home-panel-wrapper	{width:100%; height:auto; background:#121212;}
.home-panel-inner-wrapper	{width:100%; max-width:1400px; height:auto; margin:0 auto; background:url("../images/homepage/panel/archi-banner-dark.jpg") no-repeat right #121212; background-size:cover;}
.home-panel-content-wrapper	{width:100%; max-width:1300px; height:auto; margin:0 auto;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction:row; justify-content:space-between; align-items:center; overflow:auto; padding: 0 40px; box-sizing: border-box;}

.home-panel-title-prod	{height:auto; font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica", -apple-system, BlinkMacSystemFont, "Arial",sans-serif; font-weight:400; font-size:17px; color:#ffffff; line-height:25px; padding:0; margin:0 0 10px 0; text-transform:uppercase; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction:row; align-items:center; text-rendering: optimizeLegibility;}
.home-panel-title-prod img	{float:left; margin-right:10px;}
.home-panel-title-main	{height:auto; font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica", -apple-system, BlinkMacSystemFont, "Arial",sans-serif; font-weight:600; font-size:34px; color:#ffffff; padding:0; margin:0; text-rendering: optimizeLegibility;}
.home-panel-body	{height:auto; font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica", -apple-system, BlinkMacSystemFont, "Arial",sans-serif; font-weight:400; font-size:17px; color:#ffffff; line-height:25px; padding:0; margin:20px 0 0 0; text-rendering: optimizeLegibility;}

.pushLinkGreen a {color: #66CC66; text-decoration:none; display:flex;  font-size:17px; line-height:25px}
.pushLinkGreen a:hover {opacity:0.8}
.pushLinkGreen a:visited {color: #66CC66; text-decoration:none;}
.pushLinkGreen a::before {width:24px; max-width:24px; min-width:24px; height:24px; border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; border: 2px solid #66CC66; color:#66CC66; content:"\2192"; display:inline-block; text-align:center; line-height:20px; margin-right:10px; box-sizing:border-box}

.home-banner-left	{width:100%; max-width:500px; height:auto; margin:0; padding:70px 20px 100px 0; margin-top:0}



.home-banner-right	{width:100%; max-width:700px; min-width:450px; height:auto; margin:0; padding:0 0 0 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction:column; justify-content:space-between; align-items:center; margin-top:50px; overflow:auto}

.home-panel-disclose	{width:100%; max-width:200px; height:auto; background:rgba(0, 0, 0, 0.7); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:0 10px; padding:0; cursor:pointer; backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); overflow:hidden;}
.home-panel-disclose:hover	{background:rgba(0, 0, 0, 0.5);}
.home-disclose-title-block	{height:auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction:row; justify-content:space-between; padding:20px}
.home-panel-title-disclose	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:14px; color:#ffffff; padding:0; margin:0; text-transform:uppercase; display:flex; align-items:center;}

.home-panel-disclose .wide-image	{display:block}
.home-panel-disclose .short-image	{display:none; margin:0 10px 0 0}


/*.home-banner-right	{width:100%; max-width:100%; min-width:630px; height:auto; margin:0; padding:0 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction:column; justify-content:space-between; align-items:center; margin-top:0; overflow:auto}

.home-panel-disclose	{width:100%; max-width:100%; height:auto; background:rgba(0, 0, 0, 0.7); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:5px 0; padding:0; cursor:pointer; backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); overflow:hidden;}
.home-panel-disclose:hover	{background:rgba(0, 0, 0, 0.5);}
.home-disclose-title-block	{height:auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction:row; justify-content:space-between; padding:20px}
.home-panel-title-disclose	{height:auto; font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica", -apple-system, BlinkMacSystemFont, "Arial",sans-serif; font-weight:500; font-size:14px; color:#ffffff; padding:0; margin:0; text-transform:uppercase; display:flex; align-items:center; text-rendering: optimizeLegibility;}

.home-panel-disclose .wide-image	{display:none}
.home-panel-disclose .short-image	{display:block; margin:0 10px 0 0}*/




.home-disclose-content	{height:auto; margin:0; display:none; padding:0 20px 20px 20px}
.home-disclose-body	{height:auto; font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica", -apple-system, BlinkMacSystemFont, "Arial",sans-serif; font-weight:500; font-size:14px; color:#999999; line-height:20px; padding:0; margin:0;text-rendering: optimizeLegibility;}

#disclose-arrow {
  width: 16px;
  height: 14px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#disclose-arrow span {
  display: block;
  position: absolute;
  height: 1px;
  width: 50%;
  border-radius: 0;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#disclose-arrow span:nth-child(1) {
  top: 50%;
  right:0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate-(45deg);
    background: #ffffff;

}

#disclose-arrow span:nth-child(2) {
  top: 50%;
  right:6px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
    background: #ffffff;
	

}

/*
#disclose-arrow.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #ffffff
}

#disclose-arrow.open span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #ffffff
}*/

.showcontent.open #disclose-arrow span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #ffffff
}

.showcontent.open #disclose-arrow span:nth-child(2) {
 -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #ffffff
}


ul#home-disclose-list	{width:100%; height:auto; list-style:none; padding:0; margin:5px 0 0 0}
ul#home-disclose-list li	{width:100%; font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica", -apple-system, BlinkMacSystemFont, "Arial",sans-serif; font-weight:400; font-size:15px; color:#ffffff; border-bottom:1px solid #444444; padding:10px 0; margin:0;text-rendering: optimizeLegibility;}
ul#home-disclose-list li a	{text-decoration:none; display:block; height:100%; color:#66CC66; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; flex-direction:row; justify-content:space-between; text-align:left}
ul#home-disclose-list li a:hover	{opacity:0.8;}
ul#home-disclose-list li a:visited	{text-decoration:none; color:#66CC66;}
ul#home-disclose-list li:last-child	{border:none; padding-bottom:0}

.upsell-banner-blue	{width:100%; padding:30px 0; background:#1E76E3; height:auto; margin:0;}
.upsell-banner-blue-inner	{width:87%; max-width:1260px; margin:0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; flex-direction:row;}
.upsell-panel-body	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:19px; color:#ffffff; line-height:30px; padding:0; margin:0;}
.upsell-panel-body span	{font-weight:600;}

.home-section-prod-wrapper	{width:87%; max-width:1260px; height:auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap:wrap; justify-content:flex-start; margin:70px auto;}
.home-section-content-wrapper	{border:1px solid #dedede; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:#ffffff;}
.home-section-content-wrapper-noborder	{height:100%;}

.home-section-content-wrapper-order123	{width:100%; max-width:280px; overflow:hidden; position:relative;}
.home-section-content-wrapper-order4	{width:100%; max-width:280px;}

.home-section-prod-wrapper-inner-order1	{flex:1 0 200px; order:1; height:auto; padding:10px 10px; display:flex}
.home-section-prod-wrapper-inner-order2 {flex:1 0 200px; order:2; height:auto; padding:10px 10px;display:flex}
.home-section-prod-wrapper-inner-order3 {flex:1 0 200px; order:3; height:auto; padding:10px 10px;display:flex}
.home-section-prod-wrapper-inner-order4 {flex:1 0 200px; order:4; height:auto; padding:10px 10px;display:flex}

.home-section-prod-title	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:26px; color:#000000; line-height:35px; padding:0; margin:0;}
.home-section-prod-title span	{font-weight:300;}
.panel-early-inner-wrapper-noborder	{ padding:30px; height:auto;}

.home-prod-section-bg	{width:100%; height:auto; background:#F1F1F6; padding:0; margin:0;}
.home-prod-win-mac-wrapper	{width:100%; height:auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction:column; margin-top:20px}

.mac-win-button-wrapper {width:100%; max-width:100%; margin:5px 0;}
.mac-win-button	{width:100%; height:36px; text-align:left; color:#000000; background:#ffffff; border:1px solid #e5e5e5; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; outline:none; cursor:pointer; line-height:36px; font-family:arial; font-weight:400; font-size:13px;}
.mac-win-button:hover	{opacity:0.8;}
.mac-win-button a	{text-decoration:none; display:block; height:100%; color:#000000; padding:0 15px 0 20px; display:flex; align-items:center; flex-direction:row; justify-content:space-between;}
.mac-win-button a span	{display:flex; align-items:center; flex-direction:row; justify-content:space-between;}
.mac-win-button a:visited	{color:#000000; text-decoration:none;}

ul#home-prod-disclose-list	{height:auto; list-style:none; padding:0 30px; margin:10px 0 0 0}
ul#home-prod-disclose-list li	{width:100%; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:15px; color:#000000; border-bottom:1px solid #e5e5e5; padding:10px 0; margin:0}
ul#home-prod-disclose-list li a	{text-decoration:none; display:block; height:100%; color:#000000; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; flex-direction:row; justify-content:space-between; text-align:left}
ul#home-prod-disclose-list li a:hover	{opacity:0.7;}
ul#home-prod-disclose-list li a:visited	{text-decoration:none; color:#000000;}
ul#home-prod-disclose-list li:last-child	{border:none; padding-bottom:0}

.home-prod-button-wrapper	{height:auto; padding:20px 0; background:rgba(255, 255, 255, 0.05); position:absolute; bottom:0; left:0; right:0}

.home-section-price-title	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:22px; color:#333333; line-height:35px; padding:0; margin:0;}
.home-section-price-title span	{font-weight:600; font-size:24px}
.home-section-prod-inner-wrapper	{ padding:30px; margin-bottom:303px}

.prod-top-image-pe	{width:100%; height:120px; background:url(../images/homepage/panel/pe-prod-image.jpg) no-repeat center top #cccccc; background-size:cover; border-bottom:1px solid #dedede}
.prod-top-image-pro	{width:100%; height:120px; background:url(../images/homepage/panel/pro-prod-image.jpg) no-repeat right top #cccccc; background-size:cover; border-bottom:1px solid #dedede}
.prod-top-image-dwg	{width:100%; height:120px; background:url(../images/homepage/panel/dwg-prod-image.jpg) no-repeat center #cccccc; background-size:cover; border-bottom:1px solid #dedede}

.prod-top-image-pe-ao	{width:100%; height:120px; background:url(../images/homepage/panel/pe-prod-ao.jpg) no-repeat left top #cccccc; background-size:cover; border-bottom:1px solid #dedede}
.prod-top-image-pe-hg	{width:100%; height:120px; background:url(../images/homepage/panel/pe-prod-hg.jpg) no-repeat center top #cccccc; background-size:cover; border-bottom:1px solid #dedede}
.prod-top-image-pe-st	{width:100%; height:120px; background:url(../images/homepage/panel/pe-prod-st.jpg) no-repeat center top #cccccc; background-size:cover; border-bottom:1px solid #dedede}
.prod-top-image-pe-cp	{width:100%; height:120px; background:url(../images/homepage/panel/pe-prod-image.jpg) no-repeat right top #cccccc; background-size:cover; border-bottom:1px solid #dedede}

.prod-top-image-pro-ao	{width:100%; height:120px; background:url(../images/homepage/panel/pro-prod-image.jpg) no-repeat right top #cccccc; background-size:cover; border-bottom:1px solid #dedede}
.prod-top-image-pro-hg	{width:100%; height:120px; background:url(../images/homepage/panel/pro-prod-hg.jpg) no-repeat center top #cccccc; background-size:cover; border-bottom:1px solid #dedede}
.prod-top-image-pro-st	{width:100%; height:120px; background:url(../images/homepage/panel/pro-prod-st.jpg) no-repeat center top #cccccc; background-size:cover; border-bottom:1px solid #dedede}
.prod-top-image-pro-cp	{width:100%; height:120px; background:url(../images/homepage/panel/pro-prod-cp.jpg) no-repeat center top #cccccc; background-size:cover; border-bottom:1px solid #dedede}


.resource-panel-wrapper	{width:100%; height:auto; background:#10141B;}
.resource-panel-inner-wrapper	{width:100%; max-width:1570px; height:auto; margin:0 auto; background:url(../images/homepage/panel/resource-banner.jpg) no-repeat center #10141B; background-size:cover; padding:70px 0}
.resource-panel-content-wrapper	{width:87%; max-width:1150px; height:auto; margin:0 auto;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction:row; justify-content:space-between; align-items:center; overflow:auto}

.resource-banner-left	{width:100%; max-width:580px; height:auto; margin:0; padding:0 20px;}
.resource-banner-right	{width:100%; max-width:410px; height:auto; margin:0; padding:0 20px; overflow:auto}

.resource-bl-button-wrapper {width:100%; max-width:270px;}
.resource-panel-title-main	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:500; font-size:30px; color:#ffffff; padding:0; margin:0;}

ul#resource-disclose-list	{width:100%; height:auto; list-style:none; padding:0; margin:20px 0 0 0}
ul#resource-disclose-list li	{font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:15px; color:#66CC66; background:rgba(255, 255, 255, 0.1); height:auto; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:10px 0; padding:0; cursor:pointer; backdrop-filter: saturate(180%) blur(7px); -webkit-backdrop-filter: saturate(180%) blur(7px); padding:0 15px;}
ul#resource-disclose-list li:hover	{background:rgba(255, 255, 255, 0.2);}
ul#resource-disclose-list li a	{text-decoration:none; display:block; height:100%; color:#66CC66; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; flex-direction:row; justify-content:space-between; text-align:left; line-height:45px;}
ul#resource-disclose-list li a:visited	{text-decoration:none; color:#66CC66;}
ul#resource-disclose-list li a span img	{float:left; line-height:45px; margin:10px 10px 0 0; flex-shrink:0}

.mid-section-title	{width:87%; max-width:800px; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:40px; color:#333333; padding:0; margin:70px auto 0 auto;}
.mid-section-body	{width:87%; max-width:1000px; height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:15px; color:#333333; line-height:22px; padding:0; margin:20px auto 0 auto;}

/*Home lower grid panels */
.home-grid-prod-wrapper	{width:87%; max-width:1260px; height:auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap:wrap; justify-content:flex-start; margin:70px auto}
.home-grid-content-wrapper-large	{width:100%; max-width:100%; position:relative}
.home-grid-content-wrapper-small	{width:100%; max-width:100%; position:relative}
.home-grid-content-wrapper-other	{width:100%; max-width:100%; position:relative}

.home-grid-prod-wrapper-inner-order1	{flex:1 0 540px; order:1; height:auto; padding:10px 10px; display:flex}
.home-grid-prod-wrapper-inner-order2 {flex:1 0 330px; order:2; height:auto; padding:10px 10px; display:flex}
.home-grid-prod-wrapper-inner-order3 {flex:1 0 330px; order:3; height:auto; padding:10px 10px; flex-direction:column; display:flex}

.home-grid-prod-inner-wrapper	{ padding:30px; margin-bottom:63px;}
.grid-other-upper	{height:auto; margin-bottom:10px;}
.grid-other-lower	{height:auto; margin-top:10px;}



.prod-bl-button-wrapper {padding:0 30px}

.select-compare-control {background: no-repeat 10px center #ffffff; background-size:40px 40px; display:block; padding:0; margin: 0; width: 100%; overflow: hidden; font-family:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica", Arial, sans-serif; font-weight:normal; font-size: 1rem;  color: #121212; position:relative; cursor:pointer; height:60px; line-height:60px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -webkit-box-shadow: 0px 0px 0px 1px rgba(204,204,204,1);
-moz-box-shadow: 0px 0px 0px 1px rgba(204,204,204,1);
box-shadow: 0px 0px 0px 1px rgba(204,204,204,1);}

.select-compare-control select { font-family:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica", Arial, sans-serif; padding: 0 40px 0 60px; width: 130%; height:60px; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-weight:400; -webkit-font-smoothing:subpixel-antialiased;  color: #121212; font-size: 1.1rem; cursor:pointer; max-width: 100%; float:left; /*Altered two below to make word wrap work */ word-wrap: normal !important; white-space: normal;}

.select-compare-control i {padding:0; position:absolute;  top:50%; right:20px;  transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); background: none; pointer-events: none; font-size:16px; border: none}

.select-compare-control select:focus {outline: none !important;}

.select-compare-control:hover {color:#1E76E3; -webkit-box-shadow: 0px 0px 0px 2px rgba(30,118,227,1);
-moz-box-shadow: 0px 0px 0px 2px rgba(30,118,227,1);
box-shadow: 0px 0px 0px 2px rgba(30,118,227,1);}

.select-compare-1	{background-image:url(../images/homepage/panel/app-blank.jpg)}
.select-compare-2	{background-image:url(../images/homepage/panel/app-blank.jpg)}
.select-compare-3	{background-image:url(../images/homepage/panel/app-blank.jpg)}

.compare-to-hide	{display:flex}

ul#prod-compare-list	{height:auto; text-align:left; padding:0 20px; margin:0}
ul#prod-compare-list li	{width:100%; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:15px; color:#333333; line-height:22px; margin:10px 0}

.products-grid-section-wrapper	{width:100%; max-width:1200px; height:auto; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.products-grid-section-wrapper-inner	{height:auto; padding:10px 10px; flex:1 0 300px; display:flex;}
.products-grid-content-wrapper	{border:1px solid #dedede; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:#ffffff; width:100%; max-width:580px; overflow:hidden; position:relative;}
.products-grid-inner-wrapper	{ padding:30px; height:auto; margin-bottom:328px}
.products-grid-button-wrapper	{height:auto; padding:0 0 30px 0; background:rgba(255, 255, 255, 0.05); position:absolute; bottom:0; left:0; right:0;}

ul#products-grid-disclose-list	{height:auto; list-style:none; padding:0 30px; margin:0}
ul#products-grid-disclose-list li	{width:100%; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:15px; color:#000000; border-bottom:1px solid #e5e5e5; padding:10px 0; margin:0}
ul#products-grid-disclose-list li a	{text-decoration:none; display:block; height:100%; color:#000000; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; flex-direction:row; justify-content:space-between; text-align:left}
ul#products-grid-disclose-list li a:hover	{opacity:0.7;}
ul#products-grid-disclose-list li a:visited	{text-decoration:none; color:#000000;}
ul#products-grid-disclose-list li:last-child	{border:none; padding-bottom:0}

.list-panel-buttons	{width:100%; height:auto; display:none; flex-direction:row; justify-content:space-between; margin-top:15px;}
.list-panel-buttons-left	{width:100%; display:flex; align-items:center;}
.list-panel-buttons-right	{width:100%; max-width:200px;}

.text-control  { padding: 0 15px; display:block; margin: 0; border: none; width: 100%; height:35px; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif;  font-weight:400; color: #333333; font-size: 13px; max-width: 100%; float:left; /*Altered two below to make word wrap work */ word-wrap: normal !important; white-space: normal; background:#ffffff; line-height:25px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px}
.text-control:focus {outline: none;}


.no-serial {width:100%; height:auto; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding:0; margin:0;}
.no-serial label {width:100%; height:auto;border-radius: none;-webkit-border-radius: none;-moz-border-radius: none; border:none; background:none; padding:0; margin:0; display: -webkit-box;  
  display: -moz-box;  
  display: -ms-flexbox;  
  display: -webkit-flex; 
  display: flex; flex-direction:row; align-items:center;}

/* hide input */
.no-serial .checkboxUGSerial:empty {margin-top: -50000px;
	visibility:hidden;
}

.no-serial .checkboxUGSerial {
	width:10px;
}

/* style label */
.no-serial input.checkboxUGSerial:empty ~ label {
	position: relative;
	
	line-height: 19px;
	text-indent: 0;
	margin-top: 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.no-serial input.checkboxUGSerial:empty ~ label:before {
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	content: '';
	width: 20px;
	height:20px;
	background: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	  border:2px solid #999999;
	  transform: translateY(-50%);
	  -webkit-transform: translateY(-50%);
	  -moz-transform: translateY(-50%);
	  
}


.no-serial input.checkboxUGSerial:hover:not(:checked) ~ label:before {
	content: '\2713';
	line-height:18px;
	color: #267DD8;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-align:center;
	font-size:11px;
	border:2px solid #267DD8;
}

.no-serial input.checkboxUGSerial:hover:not(:checked) ~ label {
	color: #888;
	border:none;
	  border:none;
	  -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	

}

/* toggle on */
.no-serial input.checkboxUGSerial:checked ~ label:before {
	content: '\2713';
	line-height:18px;
	color: #ffffff;
	border:2px solid #267DD8;
	padding:0;
	margin:0;
	text-align:center;
	font-size:11px;
	background-color:#267DD8
}

.no-serial input.checkboxUGSerial:checked ~ label:before {
	content: '\2713';
	line-height:18px;
	color: #ffffff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding:0;
	margin:0;
	text-align:center;
	font-size:11px;
	background-color:#267DD8
}

.no-serial input.checkboxUGSerial:checked ~ label {
	color: #777;
	background:none;
	border:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

ul.upgrade-included	{height:auto; list-style:disc; width:100%}
ul.upgrade-included li	{font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:14px; color:#333333; text-align:left; margin:5px 0 0 20px; line-height:22px}

.macdraft-panel-wrapper	{width:100%; height:auto; background:#ffffff;}
.macdraft-panel-inner-wrapper	{width:100%; max-width:1570px; height:auto; margin:100px auto 50px auto; background:url(../images/products/productpages/macdraft/panel/macdraft-header.jpg) no-repeat center #ffffff;}
.macdraft-panel-content-wrapper	{width:87%; max-width:1240px; height:auto; margin:0 auto;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction:row; justify-content:space-between; align-items:center; overflow:auto}
.macdraft-banner-left	{width:58%; max-width:630px; height:auto; margin:0; padding:75px 20px 50px 20px; margin-top:0}

.macdraft-panel-title-prod	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:15px; color:#666666; line-height:25px; padding:0; margin:0 0 10px 0; text-transform:uppercase; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction:row; align-items:center}
.macdraft-panel-title-prod img	{float:left; margin-right:10px;}
.macdraft-panel-title-main	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:30px; color:#000000; padding:0; margin:0;}
.macdraft-panel-body	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:14px; color:#333333; line-height:22px; padding:0; margin:20px 0 0 0;}

.macdraft-section-price-title	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; font-size:19px; color:#333333; line-height:35px; padding:0; margin:0;}
.macdraft-section-price-title span	{font-weight:600; font-size:30px}

.divide-panel	{width:100%; height:1px; background:#dedede; margin:30px 0 30px 0;}

.macdraft-download-bl-button	{width:100%; max-width:250px; height:auto; text-align:left; color:#ffffff; background:#55AB55; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; outline:none; border:none; cursor:pointer; line-height:36px; font-family:arial; font-weight:400; font-size:15px;}
.macdraft-download-bl-button:hover	{opacity:0.8;}
.macdraft-download-bl-button a	{text-decoration:none; display:block; height:100%; color:#ffffff; padding:0 15px 0 20px; display:flex; align-items:center; flex-direction:row; justify-content:space-between;}
.macdraft-download-bl-button a:visited	{color:#ffffff; text-decoration:none;}

.macdraft-pushLinkDark {margin:0 0 0 15px; padding:0 15px; min-width:180px; border-left:1px solid #dedede;}
.macdraft-pushLinkDark a {color: #333333; text-decoration:none; display:flex; display:flex; align-items:center;}
.macdraft-pushLinkDark a:hover {opacity:0.8}
.macdraft-pushLinkDark a:visited {color: #333333; text-decoration:none;}
.macdraft-pushLinkDark a::before {width:22px; max-width:22px; min-width:22px; height:22px; border-radius:11px; -webkit-border-radius:11px; -moz-border-radius:11px; background:#55AB55; color:#ffffff; content:"\2192"; display:inline-block; text-align:center; line-height:22px; margin-right:10px}
.down-link.macdraft-pushLinkDark a::before {width:22px; max-width:22px; min-width:22px; height:22px; border-radius:11px; -webkit-border-radius:11px; -moz-border-radius:11px; background:#55AB55; color:#ffffff; content:"\2193"; display:inline-block; text-align:center; line-height:22px; margin-right:10px}

.macdraft-prod-section-bg	{width:100%; height:auto; background:#F5F6FA; padding:70px 0; margin:0; overflow:auto}
.macdraft-content-flow-wrapper	{width:87%; max-width:1200px; height:auto; margin:0 auto 70px auto; display:flex; flex-direction:row;}
.macdraft-container-inner	{width:100%; height:auto; margin:0 30px}

.button-position	{width:100%; display:flex; align-items:center; margin-top:20px}

ul.macdraft-list-body	{ height:auto; font-family: -apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:14px; color:#333333; line-height:22px; padding:0 0 0 20px; margin:20px 0 0 0;}
ul.macdraft-list-body li	{margin:5px 0}

.list-column-count	{column-count:4}

.macdraft-panel-order1	{order:1}
.macdraft-panel-order2	{order:2}

/*.macdraft-container-inner-grid	{width:100%; height:auto; background:#E4E5E8; display:flex;}
.macdraft-container-inner-grid-item	{width:50%; height:auto; display:flex; flex-direction:row }
.macdraft-container-inner-grid-item-small	{width:50%; height:auto; border:1px solid #F5F6FA; padding:30px 0;}*/
.macdraft-grid-title	{height:auto; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:11px; color:#333333; line-height:17px; padding:0 10px; margin:20px auto 0 auto; text-transform:uppercase}

.macdraft-container-inner-grid	{width:100%; height:auto; display:flex; flex-wrap:wrap; justify-content:flex-start}
.macdraft-container-inner-grid-item	{width:25%; min-width:120px; height:auto; flex:1 0 25%; background:#E4E5E8; border:1px solid #F5F6FA; box-sizing:border-box}
.macdraft-container-inner-grid-item-inner	{height:auto; padding:30px 10px;}
.macdraft-container-inner-grid-item-wide	{width:50%; min-width:190px; height:auto; flex:1 0 25%; background:#E4E5E8; border:1px solid #F5F6FA; box-sizing:border-box}

.limited-grid-content-wrapper	{border:2px solid #FFCC00; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:#ffffff; max-width:1200px; box-sizing:border-box; margin:10px; padding:30px}
.limited-block	{background:#FFCC00; line-height:36px; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:600; font-size:14px; color:#000000; text-transform:uppercase; padding:0 20px}
.limited-grid-content-wrapper-inner	{width:100%; height:auto; display:flex; flex-direction:row; justify-content:space-between;}
.limited-left	{width:100%; height:auto}
.limited-right	{width:220px; min-width:220px; height:auto; padding:0 0 0 30px}
.limited-text-align	{text-align:right}

.macdraft-panel-date-inner	{width:100%; height:auto; display:flex; flex-direction:row; align-items:ceter; justify-content:space-between; margin-bottom:20px}


.slick-slide.slide-1200, .slick-slide.slide-780 {opacity: 0.15; outline:none; cursor:pointer}
.slick-center.slide-1200, .slick-center.slide-780 {opacity: 1.0; outline:none; cursor:auto}

.pager-wrapper	{width:87%; max-width:100px; margin:20px auto 40px auto; display:flex; justify-content:space-between;}

.slickprevStyle, .slicknextStyle	{width:45px; height:36px; background:#55AB55; border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px; line-height:36px; text-align:center; font-size:15px; color:#ffffff; padding:0; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif;}
.slickprevStyle i, .slicknextStyle i {border:none; line-height:36px; padding:0; color:#ffffff; text-decoration:none}
.slickprevStyle a	{width:100%; line-height:36px; display:block; text-decoration:none; color:#ffffff;}
.slicknextStyle a	{width:100%; line-height:36px; display:block; text-decoration:none; color:#ffffff;}


.slickSteps, .whats-new-steps	{width:100%; height:auto; margin:0 auto 0 auto; overflow:hidden;}
.slide-main	{width:100%; max-width:1200px; height:auto; margin:0 40px; overflow:hidden; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}

.pagingStyle	{font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:300; line-height:40px; text-align:center; color:#000000; margin:0 auto; font-size:19px}

.slickprevStyle.slick-disabled, .slicknextStyle.slick-disabled {
    opacity: 0.2;
    pointer-events:none;
}

.prod-top-image-md1	{width:100%; height:220px; background:url(../images/products/productpages/macdraft/panel/library1.jpg) no-repeat right top #cccccc; background-size:cover; border-bottom:1px solid #dedede}
.prod-top-image-md2	{width:100%; height:135px; background:url(../images/products/productpages/macdraft/panel/library2.jpg) no-repeat right top #cccccc; background-size:cover; border-bottom:1px solid #dedede}
.prod-top-image-md3	{width:100%; height:135px; background:url(../images/products/productpages/macdraft/panel/library3.jpg) no-repeat right top #cccccc; background-size:cover; border-bottom:1px solid #dedede}
.prod-top-image-md4 {width:100%; height:135px; background:url(../images/products/productpages/macdraft/panel/library4.jpg) no-repeat right top #cccccc; background-size:cover; border-bottom:1px solid #dedede}

.prod-top-image-wn {width:100%; height:170px;}

.macdraft-dark-section-bg	{width:100%; height:auto; background:#484848; padding:0; margin:0; overflow:auto}

.macdraft-grid-section-wrapper	{width:100%; max-width:1300px; height:auto; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.macdraft-grid-section-wrapper-inner	{height:auto; padding:10px 10px; flex:1 0 280px; display:flex; margin-top:30px}
.macdraft-grid-content-wrapper	{border:1px solid #666666; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:#505050; width:100%; max-width:580px; overflow:visible; position:relative;}
.macdraft-grid-inner-wrapper	{ padding:30px; height:auto; margin-bottom:288px}
.macdraft-grid-button-wrapper	{height:auto;padding:0 0 30px 0;background:#505050;position:absolute;bottom:0;left:0px;right:0;}

ul#macdraft-dark-disclose-list	{height:auto; list-style:none; padding:0 30px; margin:0}
ul#macdraft-dark-disclose-list li	{width:100%; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:15px; color:#ffffff; border-bottom:1px solid #666666; padding:10px 0; margin:0}
ul#macdraft-dark-disclose-list li a	{text-decoration:none; display:block; height:100%; color:#ffffff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; flex-direction:row; justify-content:space-between; text-align:left}
ul#macdraft-dark-disclose-list li a:hover	{opacity:0.7;}
ul#macdraft-dark-disclose-list li a:visited	{text-decoration:none; color:#ffffff;}
ul#macdraft-dark-disclose-list li:last-child	{border:none; padding-bottom:0}

.features-panel-wrapper	{width:100%; height:auto; background:#ffffff;}
.features-panel-inner-wrapper	{width:100%; max-width:1570px; height:auto; margin:120px auto 0 auto; background:url(../images/products/productpages/macdraft/panel/features-header.jpg) no-repeat center bottom #ffffff;}
.features-panel-content-wrapper	{width:87%; max-width:1240px; height:auto; margin:0 auto;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction:row; justify-content:space-between; align-items:center; overflow:auto}
.features-banner-left	{width:58%; max-width:630px; height:auto; margin:0; padding:75px 20px 75px 20px; margin-top:0}

.features-grid-content-wrapper	{border:1px solid #dedede; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:#ffffff; width:100%; max-width:320px; overflow:hidden; height:auto; margin:0 10px; box-sizing:border-box;}

.slick-slide.features-grid-content-wrapper {opacity: 1.0; outline:none; cursor:pointer}
.slick-active.features-grid-content-wrapper {opacity: 1.0; outline:none; cursor:auto}

.featuresSlickSteps	{width:87%; max-width:1200px; height:auto; margin:0 auto 0 auto; overflow:hidden;}

.features-main-section-wrapper	{width:100%; max-width:1200px; height:auto; display:flex; flex-wrap:wrap; justify-content:flex-start;}
.features-main-section-wrapper-inner	{height:auto; padding:10px 10px; flex:1 0 280px; display:flex; margin:0}
.features-main-content-wrapper	{width:100%; max-width:580px; overflow:visible; position:relative;}
.features-main-inner-wrapper	{ padding:20px 0 0 0; height:auto; margin-bottom:15px}
.features-main-button-wrapper	{height:auto;padding:20px 0;position:absolute;bottom:0;left:0px;right:0;}

.features-main-section-wrapper-inner-small	{height:auto; padding:10px 10px; flex:1 0 280px; display:flex; margin:0}
.features-main-inner-wrapper-small	{ padding:20px 0 0 0; height:auto; margin-bottom:0;}

.prod-top-image-mf	{width:100%; height:170px; position:relative;}
.prod-top-image-mf::before {width:40px; height:40px; content:"\2192"; position:absolute; bottom:10px; right:10px; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:200; font-size:24px; color:#ffffff	; text-align:center; line-height:40px; background:#55AB55; border:1px solid rgba(255,255,255,0.3);}
.prod-top-image-mf a	{width:100%; height:100%; display:block}
.prod-top-image-mf:hover	{opacity:0.8}

.featureLink a {color: #55AB55; text-decoration:none; text-transform:uppercase; font-weight:500; margin:10px 0 0 0; display:block; outline:none}
.featureLink a:hover {opacity:0.8}
.featureLink a:visited {color: #55AB55; text-decoration:none;}
.featureLink a::after {content:"\2192"; margin-left:5px;}

.feature-resp-control-title	{width:100%; max-width:70px; font-family:-apple-system, BlinkMacSystemFont, "myriad-pro", sans-serif; font-weight:400; font-size:18px; color:#333333; line-height:35px; margin:0 15px 0 0; padding:0;}



@media all and (max-width: 1240px) {
	
.home-banner-right	{flex-direction:column;  min-width:450px; }
.home-panel-disclose	{ max-width:100%; margin:5px 0;}

.home-panel-disclose .wide-image	{display:none}
.home-panel-disclose .short-image	{display:block}
.slick-slide.slide-1200 {opacity: 1.0;}


}


@media all and (max-width: 1120px) {
.home-section-prod-wrapper-inner-order1	{order:2}
.home-section-prod-wrapper-inner-order2 {order:3}
.home-section-prod-wrapper-inner-order3 {order:4}
.home-section-prod-wrapper-inner-order4 {order:1; flex:1 0 100%;}

.home-section-content-wrapper-order123	{width:100%; max-width:500px;}
.home-section-content-wrapper-order4	{width:100%; max-width:100%;}

.panel-early-inner-wrapper-noborder	{ padding:0 0 30px 0;}
.home-prod-win-mac-wrapper	{flex-direction:row; width:100%; max-width:420px; justify-content: space-between;}
.mac-win-button-wrapper {max-width:200px; margin:0;}

/*.macdraft-container-inner-grid-item	{width:50%; flex-direction:column }
.macdraft-container-inner-grid-item-small	{width:100%;}*/
	


}

@media all and (max-width: 1100px) {
.pro-latest-bg	{background:url(../images/support/panels/pro-702-light.jpg) no-repeat bottom right;}
.pe-latest-bg	{background:url(../images/support/panels/pe-702-light.jpg) no-repeat bottom right;}
.list-column-count	{column-count:3}

}


@media all and (max-width: 1020px) {
.button-position	{flex-direction:column; margin-top:20px; align-items:flex-start; border-bottom:1px solid #dedede; padding-bottom:10px}
.macdraft-pushLinkDark {margin:5px 0; padding:0; border-left:none;}



}


@media all and (max-width: 925px) {
.latest-panel-mdpro	{margin:20px 0;}
.latest-panel-mdpe	{margin:20px 0;}
.panel-earlier-section-wrapper-inner	{height:auto; padding:10px 0; flex:1 0 100%}
.panel-earlier-content-wrapper	{width:100%; max-width:100%;}

.home-section-prod-wrapper-inner-order1	{order:2; padding:10px 0; flex:1 0 100%}
.home-section-prod-wrapper-inner-order2 {order:3; padding:10px 0; flex:1 0 100%}
.home-section-prod-wrapper-inner-order3 {order:4; padding:10px 0; flex:1 0 100%}
.home-section-prod-wrapper-inner-order4 {order:1; padding:10px 0; flex:1 0 100%}

.home-section-content-wrapper-order123	{width:100%; max-width:100%;}

.resource-panel-content-wrapper	{flex-direction:column;}
.resource-banner-left	{width:100%; max-width:100%; padding:0}
.resource-banner-right	{width:100%; max-width:100%; margin-top:60px; padding:0}
.resource-bl-button-wrapper {width:100%; max-width:100%;}

.mid-section-title	{font-size:30px;}

.products-grid-section-wrapper-inner	{padding:10px 0; flex:1 0 100%}
.products-grid-content-wrapper	{width:100%; max-width:100%;}
.macdraft-grid-section-wrapper-inner	{padding:10px 0; flex:1 0 100%}
.macdraft-grid-content-wrapper	{width:100%; max-width:100%;}

.macdraft-prod-section-bg	{padding:30px 0;}
.macdraft-content-flow-wrapper	{flex-direction:column; margin:0 auto 30px auto;}
.macdraft-container-inner	{margin:10px 0}
.macdraft-panel-order1	{order:2}
.macdraft-panel-order2	{order:1}

/*.macdraft-container-inner-grid-item	{width:100%; flex-direction:row }
.macdraft-container-inner-grid-item-small	{width:100%;}*/

.macdraft-container-inner-grid	{margin-bottom:20px}

.limited-grid-content-wrapper	{margin:0;}
.macdraft-panel-date-inner	{flex-direction:column;}
.limited-block	{margin-bottom:10px}
.limited-grid-content-wrapper-inner	{flex-direction:column;}
.limited-right	{width:100%; min-width:100%; height:auto; padding:0; padding-top:20px; margin-top:40px; border-top:1px solid #e5e5e5;}
.limited-text-align	{text-align:left}
	
	.home-panel-content-wrapper	{flex-direction:column;}
.home-banner-left	{padding:50px 0 0 0;max-width:100%}
.home-banner-right	{max-width:100%; padding:0 0 60px 0; margin-top:50px}


.update-prod-choose	{width:100%; max-width:100%; flex-direction:column; height:auto; margin-right: 0;}



}


@media all and (max-width: 768px) {
	
.panel-resp-title	{font-size:50px;}
.upsell-banner-inner	{flex-direction:column;}
.upsell-banner-blue-inner	{flex-direction:column;}
.upsell-button-wrapper {width:100%; max-width:100%; margin:20px 0 0 0}
.upsell-panel-body	{font-weight:400; font-size:14px; line-height:22px}
	

.features-slider-content-wrapper-inner	{flex-direction:column;}	
.update-content-wrapper-inner	{flex-direction:column;}
.update-prod-choose	{width:100%; max-width:100%; flex-direction:column; height:auto}
.update-list-choose	{width:100%; max-width:100%; margin-top:20px; flex-direction:column; height:auto}

.update-prod-choose	{margin-right:0}
.panel-resp-control-title	{width:100%; margin:0 0 10px 0; line-height:25px;}
.panel-resp-control-title-small	{width:100%; margin:0 0 10px 0; line-height:25px;}

.feature-resp-control-title	{width:100%; max-width:100%; margin:0 0 10px 0; line-height:25px;}

.panel-latest-title	{font-size:19px;}


.home-panel-title-main	{font-size:25px; font-weight:400}

.home-prod-win-mac-wrapper	{flex-direction:column; width:100%; max-width:100%;}
.mac-win-button-wrapper {max-width:100%; margin:5px 0;}

.home-grid-prod-wrapper-inner-order1	{flex:1 0 100%;padding:10px 0;}
.home-grid-prod-wrapper-inner-order2 {flex:1 0 100%;padding:10px 0;}
.home-grid-prod-wrapper-inner-order3 {flex:1 0 100%;padding:10px 0;}


.compare-to-hide	{display:none}

.products-grid-section-wrapper-inner	{padding:10px 0; flex:1 0 100%}
.products-grid-content-wrapper	{width:100%; max-width:100%;}
.macdraft-grid-section-wrapper-inner	{padding:10px 0; flex:1 0 100%}
.macdraft-grid-content-wrapper	{width:100%; max-width:100%;}



.list-panel-buttons	{flex-direction:column;}
.list-panel-buttons-right	{width:100%; max-width:100%; margin-top:20px}
	
	.home-panel-inner-wrapper	{background:#121212;}


}

@media all and (max-width: 690px) {
.macdraft-panel-content-wrapper	{flex-direction:column;}
.macdraft-banner-left	{padding:50px 0 0 0; width:100%; max-width:100%}
.macdraft-panel-inner-wrapper	{background:url(../images/products/productpages/macdraft/panel/macdraft-header-light.jpg) no-repeat left #ffffff;}

.features-panel-content-wrapper	{flex-direction:column;}
.features-banner-left	{padding:50px 0 75px 0; width:100%; max-width:100%}
.features-panel-inner-wrapper	{background:url(../images/products/productpages/macdraft/panel/features-header-light.jpg) no-repeat right bottom #ffffff;}

.divide-panel	{background:#C7C9C9}
/*.macdraft-panel-inner-wrapper	{background:#ffffff;}*/

.macdraft-download-bl-button	{width:100%; max-width:100%;}
.list-column-count	{column-count:2}
.features-main-section-wrapper-inner-small	{padding-bottom: 20px; border-bottom:1px dashed #dedede}



}
@media all and (max-width: 580px) {
	
	
}

@media all and (max-width: 550px) {
/*.panel-button-wrapper	{flex-direction:column; align-items:flex-start}
.download-bl-button-wrapper {width:100%; max-width:100%; margin-top:20px}*/

.panel-resp-title	{font-size:40px;}

.panel-latest-title	{font-size:17px;}
.pro-latest-bg	{background:none;}
.pe-latest-bg	{background:none;}

/*.macdraft-container-inner-grid-item	{width:50%; flex-direction:column }
.macdraft-container-inner-grid-item-small	{width:100%;}*/




	
}