.col-xs-1-12{width:8.3333333333%}
.col-xs-2-12{width:16.6666666667%}
.col-xs-3-12{width:25%}
.col-xs-4-12{width:33.3333333333%}
.col-xs-5-12{width:41.6666666667%}
.col-xs-6-12{width:50%}
.col-xs-7-12{width:58.3333333333%}
.col-xs-8-12{width:66.6666666667%}
.col-xs-9-12{width:75%}
.col-xs-10-12{width:83.3333333333%}
.col-xs-11-12{width:91.6666666667%}
.col-xs-12-12{width:100%}
.col-xs-1-10{width:10%}
.col-xs-2-10{width:20%}
.col-xs-3-10{width:30%}
.col-xs-4-10{width:40%}
.col-xs-5-10{width:50%}
.col-xs-6-10{width:60%}
.col-xs-7-10{width:70%}
.col-xs-8-10{width:80%}
.col-xs-9-10{width:90%}
.col-xs-10-10{width:100%}
.col-xs-1-9{width:11.1111111111%}
.col-xs-2-9{width:22.2222222222%}
.col-xs-3-9{width:33.3333333333%}
.col-xs-4-9{width:44.4444444444%}
.col-xs-5-9{width:55.5555555556%}
.col-xs-6-9{width:66.6666666667%}
.col-xs-7-9{width:77.7777777778%}
.col-xs-8-9{width:88.8888888889%}
.col-xs-9-9{width:100%}
.col-xs-1-7{width:14.2857142857%}
.col-xs-2-7{width:28.5714285714%}
.col-xs-3-7{width:42.8571428571%}
.col-xs-4-7{width:57.1428571429%}
.col-xs-5-7{width:71.4285714286%}
.col-xs-6-7{width:85.7142857143%}
.col-xs-7-7{width:100%}
.col-xs-1-6{width:16.6666666667%}
.col-xs-2-6{width:33.3333333333%}
.col-xs-3-6{width:50%}
.col-xs-4-6{width:66.6666666667%}
.col-xs-5-6{width:83.3333333333%}
.col-xs-6-6{width:100%}
.col-xs-1-3{width:33.3333333333%}
.col-xs-2-3{width:66.6666666667%}
.col-xs-3-3{width:100%}
@media(min-width:768px){.col-sm-1-12{width:8.3333333333%}
.col-sm-2-12{width:16.6666666667%}
.col-sm-3-12{width:25%}
.col-sm-4-12{width:33.3333333333%}
.col-sm-5-12{width:41.6666666667%}
.col-sm-6-12{width:50%}
.col-sm-7-12{width:58.3333333333%}
.col-sm-8-12{width:66.6666666667%}
.col-sm-9-12{width:75%}
.col-sm-10-12{width:83.3333333333%}
.col-sm-11-12{width:91.6666666667%}
.col-sm-12-12{width:100%}
}@media(min-width:980px){.col-md-1-12{width:8.3333333333%}
.col-md-2-12{width:16.6666666667%}
.col-md-3-12{width:25%}
.col-md-4-12{width:33.3333333333%}
.col-md-5-12{width:41.6666666667%}
.col-md-6-12{width:50%}
.col-md-7-12{width:58.3333333333%}
.col-md-8-12{width:66.6666666667%}
.col-md-9-12{width:75%}
.col-md-10-12{width:83.3333333333%}
.col-md-11-12{width:91.6666666667%}
.col-md-12-12{width:100%}
.col-md-1-10{width:10%}
.col-md-2-10{width:20%}
.col-md-3-10{width:30%}
.col-md-4-10{width:40%}
.col-md-5-10{width:50%}
.col-md-6-10{width:60%}
.col-md-7-10{width:70%}
.col-md-8-10{width:80%}
.col-md-9-10{width:90%}
.col-md-10-10{width:100%}
.col-md-1-9{width:11.1111111111%}
.col-md-2-9{width:22.2222222222%}
.col-md-3-9{width:33.3333333333%}
.col-md-4-9{width:44.4444444444%}
.col-md-5-9{width:55.5555555556%}
.col-md-6-9{width:66.6666666667%}
.col-md-7-9{width:77.7777777778%}
.col-md-8-9{width:88.8888888889%}
.col-md-9-9{width:100%}
.col-md-1-7{width:14.2857142857%}
.col-md-2-7{width:28.5714285714%}
.col-md-3-7{width:42.8571428571%}
.col-md-4-7{width:57.1428571429%}
.col-md-5-7{width:71.4285714286%}
.col-md-6-7{width:85.7142857143%}
.col-md-7-7{width:100%}
.col-md-1-6{width:16.6666666667%}
.col-md-2-6{width:33.3333333333%}
.col-md-3-6{width:50%}
.col-md-4-6{width:66.6666666667%}
.col-md-5-6{width:83.3333333333%}
.col-md-6-6{width:100%}
.col-md-1-3{width:33.3333333333%}
.col-md-2-3{width:66.6666666667%}
.col-md-3-3{width:100%}
}@media(min-width:1400px){.col-lg-1-12{width:8.3333333333%}
.col-lg-2-12{width:16.6666666667%}
.col-lg-3-12{width:25%}
.col-lg-4-12{width:33.3333333333%}
.col-lg-5-12{width:41.6666666667%}
.col-lg-6-12{width:50%}
.col-lg-7-12{width:58.3333333333%}
.col-lg-8-12{width:66.6666666667%}
.col-lg-9-12{width:75%}
.col-lg-10-12{width:83.3333333333%}
.col-lg-11-12{width:91.6666666667%}
.col-lg-12-12{width:100%}
.col-lg-1-10{width:10%}
.col-lg-2-10{width:20%}
.col-lg-3-10{width:30%}
.col-lg-4-10{width:40%}
.col-lg-5-10{width:50%}
.col-lg-6-10{width:60%}
.col-lg-7-10{width:70%}
.col-lg-8-10{width:80%}
.col-lg-9-10{width:90%}
.col-lg-10-10{width:100%}
.col-lg-1-9{width:11.1111111111%}
.col-lg-2-9{width:22.2222222222%}
.col-lg-3-9{width:33.3333333333%}
.col-lg-4-9{width:44.4444444444%}
.col-lg-5-9{width:55.5555555556%}
.col-lg-6-9{width:66.6666666667%}
.col-lg-7-9{width:77.7777777778%}
.col-lg-8-9{width:88.8888888889%}
.col-lg-9-9{width:100%}
.col-lg-1-7{width:14.2857142857%}
.col-lg-2-7{width:28.5714285714%}
.col-lg-3-7{width:42.8571428571%}
.col-lg-4-7{width:57.1428571429%}
.col-lg-5-7{width:71.4285714286%}
.col-lg-6-7{width:85.7142857143%}
.col-lg-7-7{width:100%}
.col-lg-1-6{width:16.6666666667%}
.col-lg-2-6{width:33.3333333333%}
.col-lg-3-6{width:50%}
.col-lg-4-6{width:66.6666666667%}
.col-lg-5-6{width:83.3333333333%}
.col-lg-6-6{width:100%}
.col-lg-1-3{width:33.3333333333%}
.col-lg-2-3{width:66.6666666667%}
.col-lg-3-3{width:100%}
}@media(min-width:1800px){.col-xl-1-10{width:10%}
.col-xl-2-10{width:20%}
.col-xl-3-10{width:30%}
.col-xl-4-10{width:40%}
.col-xl-5-10{width:50%}
.col-xl-6-10{width:60%}
.col-xl-7-10{width:70%}
.col-xl-8-10{width:80%}
.col-xl-9-10{width:90%}
.col-xl-10-10{width:100%}
.col-xl-1-12{width:8.3333333333%}
.col-xl-2-12{width:16.6666666667%}
.col-xl-3-12{width:25%}
.col-xl-4-12{width:33.3333333333%}
.col-xl-5-12{width:41.6666666667%}
.col-xl-6-12{width:50%}
.col-xl-7-12{width:58.3333333333%}
.col-xl-8-12{width:66.6666666667%}
.col-xl-9-12{width:75%}
.col-xl-10-12{width:83.3333333333%}
.col-xl-11-12{width:91.6666666667%}
.col-xl-12-12{width:100%}
}.comp-dd-title-block h2{font-family:"Arial";font-weight:400;font-style:normal;font-display:block;font-size:45px;line-height:45px;letter-spacing:normal;margin-bottom:60px}
.comp-dd-text-block{font-family:"Arial";font-weight:400;font-style:normal;font-display:block;font-size:18px;line-height:24px;letter-spacing:normal}
.gridder{padding:0;margin:0;list-style-type:none;font-size:0}
.gridder li{display:inline-block;vertical-align:top;cursor:pointer;position:relative;padding:40px 20px 0}
.gridder li img{width:100%;height:auto}
.gridder li:hover .gridder-cont h4{opacity:.5}
.gridder-cont{background-color:#000;padding:20px;height:130px;position:relative;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.gridder-cont h4{font-family:"Arial";font-weight:400;font-style:normal;font-display:block;font-size:35px;line-height:35px;letter-spacing:normal;color:#fff;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.gridder-cont .read-more{font-family:"Arial";font-weight:400;font-style:normal;font-display:block;font-size:18px;line-height:24px;letter-spacing:normal;color:#fff;text-transform:uppercase;position:absolute;bottom:20px}
.gridder-content{display:none}
.gridder-expanded-content{padding:30px 0;display:flex}
.gridder-expanded-content .gridder-content-text{font-family:"Arial";font-weight:400;font-style:normal;font-display:block;font-size:18px;line-height:24px;letter-spacing:normal;color:#000}
.no-marg{margin:0 !important}
.gridder-show{width:100%;padding:0 20px;float:left}
.gridder.hasSelectedItem .gridder-list:not(.selectedItem){opacity:.3}
.gridder-list .gridder-cont .read-more .open{display:block}
.gridder-list .gridder-cont .read-more .close{display:none}
.gridder-list.selectedItem .gridder-cont .read-more .open{display:none}
.gridder-list.selectedItem .gridder-cont .read-more .close{display:block}
@media only screen and (min-width:980px) and (max-width:1400px){.comp-dd-title-block h2{font-family:"Arial";font-weight:400;font-style:normal;font-display:block;font-size:31px;line-height:31px;letter-spacing:normal;margin-bottom:40px}
.gridder li{padding:40px 15px 0}
.gridder-cont h4{font-family:"Arial";font-weight:400;font-style:normal;font-display:block;font-size:30px;line-height:30px;letter-spacing:normal}
}@media only screen and (min-width:1px) and (max-width:979px){.comp-dd-title-block h2{font-family:"Arial";font-weight:400;font-style:normal;font-display:block;font-size:28px;line-height:28px;letter-spacing:-1.2px;margin-bottom:40px}
.gridder li{padding:40px 0 0}
.gridder-cont h4{font-family:"Arial";font-weight:400;font-style:normal;font-display:block;font-size:30px;line-height:30px;letter-spacing:normal}
.gridder-show{padding:0}
}