/*g-hpro start*/

.g-hpro .f-box .tab-options { font-size: 0; letter-spacing: 0; text-align: center; margin-bottom: 36px; }

/*c-clearfix*/
.g-hpro .f-box .m-hpro { display: none; }

.g-hpro .f-box .m-hpro:first-child { display: block; }

.m-hhd .hd-title { line-height: 50px; font-size: 60px; font-size: 2.2rem; font-family: "OpenSans-Semibold"; text-transform: uppercase; }

.m-hhd .hd-desc1 { margin-top: 14px; margin-left: auto; margin-right: auto;max-width: 915px;line-height: 30px; font-size: 20px; font-size: 1.6rem; color: #ffffff; }





@media screen and (max-width: 991px) { .g-hpro .f-box .tab-options  { margin-bottom: 10px; } }

@media screen and (max-width: 640px) { .g-hpro .f-box .tab-options  { margin-bottom: 0; } }

.g-hpro .f-box .tab-options  li { cursor: pointer; display: inline-block; vertical-align: top; font-size: 20px; font-size: 1.5rem; line-height: 24px; margin-left: 35px; color: white; position: relative; }

.g-hpro .f-box .tab-options  li:first-child { margin-left: 0; }

.g-hpro .f-box .tab-options  li:first-child:before { display: none; }

.g-hpro .f-box .tab-options  li:before { position: absolute; content: '|'; left: -22px; color: white; }

.g-hpro .f-box .tab-options  li:hover, .g-hpro .f-box .tab-options  li.tab-active { color: #D6223F; }

.g-hpro .item-title { margin-top: 16px; height: 26px; line-height: 26px; font-size: 14px; font-size: 1.5rem; font-weight: bold; text-align: center; text-overflow: ellipsis; white-space: nowrap; }

.g-hpro .item-title:hover { color: #fff; }

.g-hpro .item-title:hover a { color: red; }

@media screen and (max-width: 640px) { .g-hpro .f-box .tab-options  li { font-size: 14px; font-size: 1.4rem; margin-left: 25px; }
.g-hpro .f-box .tab-options  li:before { left: -15px; } }

@media screen and (max-width: 480px) { .g-hpro .f-box .tab-options  li { width: 48%; margin: 0 1% !important; }
.g-hpro .f-box .tab-options  li:before { display: none; } }


/*g-hpro end*/