.Playfair_Regular { font-family: 'Playfair Display', serif; font-weight: 400;}.Roboto_Regular { font-family: 'Roboto', sans-serif; font-weight: 400;}.Roboto_Light { font-family: 'Roboto', sans-serif; font-weight: 300;}.Roboto_Medium { font-family: 'Roboto', sans-serif; font-weight: 500;}.pointer:hover { cursor: pointer;}.pointer:hover * { cursor: pointer;}picture { display: block;}.overflow { overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black);}.block { display: block; float: left;}.block100 { display: block; float: left; width: 100%;}.transition { transition: all 0.2s linear;}.link-arrow { width: 18px; height: 18px; background: url(../img/box-arrow.html) center center no-repeat; background-size: contain; position: absolute; content: ''; top: 30px; right: 30px; opacity: 0; transform: translate(-20px, 20px); transition: all 0.2s linear;}.inner-arrow { position: relative;}.inner-arrow:before { width: 18px; height: 18px; background: url(../img/box-arrow.html) center center no-repeat; background-size: contain; position: absolute; content: ''; top: 30px; right: 30px; opacity: 0; transform: translate(-20px, 20px); transition: all 0.2s linear;}.main-screen-silder .wrap_float { position: relative; z-index: 2; padding: 120px 0 85px; height: 100%; min-height: 900px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center;}.main-screen-left { max-width: 550px; padding-top: 52px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column;}.main-screen-right { max-width: 600px; width: 100%; padding-top: 77px; padding-bottom: 77px;}.wrap_float h6{ color: #fff; margin-top: 22px; margin-bottom: 2px;}.background-images { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}.background-images:before { background: rgba(0, 0, 0, 0.40); position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}.background-images .picture { position: absolute; top: 0; left: 0; opacity: 0; z-index: 1; transition: opacity 0.2s linear; will-change: opacity;}.background-images .picture#background-picture-main { z-index: 0; opacity: 1;}.background-images .picture.active { opacity: 1;}.wrap_float h3 { font-size: 15px; line-height: 25px; display: inline-block; margin-bottom: 0px; position: relative; font-family: 'Open Sans', sans-serif; color: #fff;}.wrap_float h2{ font-size: 80px; line-height: 70px; color: #FFF; margin-bottom: 0; font-weight: 500;}.main-screen-boxes { float: right; height: 100%;}.main-screen-boxes .m-box { width: 151px; height: 181px; border: 1px solid rgba(216, 216, 216, 0.30); margin-right: -1px; margin-top: -1px; float: right; padding: 18px; font-size: 20px; line-height: 30px; font-family: 'Titillium Web', sans-serif; font-weight: 600; color: #fff; transition: all 0.2s linear; position: relative; text-transform: capitalize;}/*.main-screen-boxes .m-box:nth-child(2),.main-screen-boxes .m-box:nth-child(4) { clear: both;}*/.desktop .main-screen-boxes .m-box:hover { background: #d72027; border-color: #d72027; z-index: 1;}.desktop .main-screen-boxes .m-box:hover:before { transform: none; opacity: 1;}.tablet .background-images .picture,.mobile .background-images .picture { display: none;}.tablet .background-images .picture.default,.mobile .background-images .picture.default { display: block;}@media screen and (max-height: 920px) and (min-width: 1801px) { .main-screen-boxes .m-box { width: 150px; height: 151px; font-size: 20px; line-height: 30px; }}@media screen and (max-width: 1800px) { .social-icon.style1 {display: none;} .main-screen-boxes .m-box { width: 151px; height: 161px; padding: 20px; } .main-screen-boxes .m-box:before { right: 20px; top: 20px; } .main-title { font-size: 77px; line-height: 92px; } .main-screen-silder .wrap_float { min-height: unset; padding: 28px 0 19px; }}@media screen and (max-width: 1400px) { .main-screen-boxes .m-box { width: 176px; height: 176px; padding: 15px; font-size: 16px; line-height: 22px; } .main-title { font-size: 66px; line-height: 78px; } .main-screen-footnote { bottom: 60px; max-width: 480px; }}@media screen and (max-width: 1280px) { .main-screen-boxes .m-box { width: 151px; height: 155px; } .main-title { font-size: 60px; line-height: 76px; } .main-screen-footnote { bottom: 30px; }}@media screen and (min-width: 1001px) and (orientation: portrait) { .main-screen-silder .wrap_float { height: 590px; }}@media screen and (max-width: 1000px) { .main-screen-silder { position: relative; } .main-screen-right { padding-top: 20px; padding-bottom: 0px;} .main-screen-silder .wrap_float { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; height: auto; min-height: inherit; position: relative; padding: 60px 0px 20px 0px; } .main-screen-left { height: auto; position: static; } .main-screen-boxes .m-box { width: 132px; height: 112px; padding: 10px; } .social-icon.style1 {display: none;} .main-screen-boxes .m-box:nth-child(2), .main-screen-boxes .m-box:nth-child(4) { clear: none; } .main-screen-boxes .m-box:before { display: none; }}@media screen and (max-width: 400px) { .main-screen-boxes .m-box { height: 18.666vw !important; }}@media screen and (max-width: 380px) { .picture.image-cover .img-fluid { max-width: 100%;}}@media screen and (max-width: 760px) { .main-screen-boxes .m-box { width: 25.29%; height: 15.666vw; } .picture.image-cover .img-fluid { max-width: 100%;} .main-screen-boxes .m-box{ float: left; } .main-screen-boxes .m-box{ font-size: 12px; } .main-screen-boxes .m-box { padding: 4px; } .main-title { font-size: 50px; line-height: 64px; }}@media screen and (max-width: 590px) { .main-title { font-size: 45px; line-height: 55px; } .main-screen-left { padding-top: 0px; }}