img {
 backface-visibility: hidden !important;
 -webkit-backface-visibility: hidden !important;
}

.white {
 color: #fff !important;
}

.icons {
 background: #000;
 padding-top: 80px;
 padding-bottom: 100px;
}

.icons .icons_title {
 padding: 15px;
 width: 360px;
}
@media(max-width:967px) {
 .icons .icons_title {
  width: 310px;
 }
}

.icons_5col {
 display: flex;
 -webkit-flex-wrap: wrap;
 /* Safari etc. */
 -ms-flex-wrap: wrap;
 /* IE10        */
 flex-wrap: wrap;
}

.icons_5col .box1,
.icons_5col .box2 {
 width: 50%;
}

.icons_5col .box3,
.icons_5col .box4,
.icons_5col .box5 {
 width: 33.33333%;
}


.icons_5col .box1 {
 background: #1D1D1D;
 color: #FFF;
}

.icons_5col .box2 {
 background: #DBDBDB;
 color: #1D1D1D;
}

.icons_5col .box3 {
 background: #019DBB;
 color: #1E697D;
}

.icons_5col .box4 {
 background: #A7E8CA;
 color: #6CD0B2;
}

.icons_5col .box5 {
 background: #E5545B;
 color: #980D17;
}

.icons_5col .box .icon_box {
 display: flex;
 -webkit-flex-wrap: wrap;
 /* Safari etc. */
 -ms-flex-wrap: wrap;
 /* IE10        */
 flex-wrap: wrap;
}

.icons_5col .box .icon {
 width: 25%;
}

.icons_5col .box .icon_box .icon img {
 width: 100%;
 padding: 10px;
}

.icons_5col .box .icon_box {
 width: 250px;
 margin: auto;
 padding-top: 30px;
 padding-bottom: 30px;
}

.icons_5col .box .icon_box .color_title {
 width: 100%;
 text-align: center;
 font-size: 14px;
 letter-spacing: .1em;
}

.icons_5col .box .icon_box .thumb {
 transition: .2s;
}

.icons_5col .box .icon_box .thumb:hover {
 transform: scale(1.06)
}

.icons_5col .modal-content {
 border-radius: 0;
 background: none;
 box-shadow: none;
 border: none;

}

.icons_5col .modal-dialog {
 max-width: auto;
 width: 80%;
 height: 80%;
 overflow: hidden;
 margin: auto;
 position: absolute;
 right: 0;
 left: 0;
 top: 0;
 bottom: 0;
}

.icons .modal-dialog {
 max-width: auto;
 width: 80%;
 height: 80%;
 margin: auto;
 position: absolute;
 right: 0;
 left: 0;
 top: 0;
 bottom: 0;
 color: #1d1d1d;
}

.icons .btn_con {
 text-align: center;
 margin-top: 50px;
}

.icons .btn_con a {
 color: #1d1d1d;
 background: #FFF;
 padding: 10px 30px;
 border-radius: 50em;
}


.icons .col-sm-4 {
 padding: 30px !important;
}

.buy_list ul {
 color: #1d1d1d !important;
}

.buy_list h5 {
 color: #1d1d1d !important;
 border-bottom: 2px solid #1d1d1d !important;
}

.icons_5col .modal-dialog .btn {
 color: #000;
 letter-spacing: .04em;
 right: 0;
 top: 0;
 padding: 7px 20px;
 border-radius: 0;
 background: #fff;
 position: absolute;
 border-radius: 50em;

}

.icons_5col .box .icon_box .icon .modal-content img {
 width: 80%;
 max-width: 400px;
 margin: auto;
 left: 0;
 display: block;
}

@media(max-width:967px) {

 .icons_5col .box1,
 .icons_5col .box2,
 .icons_5col .box3,
 .icons_5col .box4,
 .icons_5col .box5 {
  width: 100%;
 }

 .icons_5col .box .icon_box {
  width: 300px;
  margin: auto;
  padding-top: 10px;
  padding-bottom: 10px;
 }
}

.icons img {
 width: 100%;
}

.iconsFirst img {
 max-width: 1100px;
 margin: auto;
 display: block;
}

.modal-body {
 padding: 0px;
}



.sub_title h2 {
 font-size: 3em;
 text-align: center;
 color: #fff;
 line-height: .9em;
}

.sub_title h2 span {
 font-size: .4em;
}