::selection { background: #cefff4; /* WebKit/Blink Browsers */ } ::-moz-selection { background: #cefff4; /* Gecko Browsers */ } h1::selection { background: #ededed; /* WebKit/Blink Browsers */ } h1::-moz-selection { background: #ededed; /* Gecko Browsers */ } html { position: relative; min-height: 100%; } @media(max-width: 767px){ .visible-xs p{ float:left} html.touch section#geographic-map .map:after { display: none; } #sub_header .scroll-content { padding-left: 5px; } #sub_header .find { border-color: #eee !important; border-bottom: 1px solid; padding-bottom: 8px; font-size: 11px; text-transform: uppercase; color: #ccc; } } body { /*padding-top: 60px;*/ /* Margin bottom by footer height */ /*margin-bottom: 60px;*/ font-family: 'Open Sans', 'Microsoft YaHei',serif; font-size: 15px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } @media (min-width: 768px) and (max-width: 1199px) { body { overflow-x: hidden; }} .no_mb { margin-bottom: 0; } h1, h2, h3 { font-weight: bold; } h1 { font-size: 26px; position: relative; /*margin-bottom: 20px;*/ } /* h1:before, h1:after { content: ''; position: absolute; left: 0px; } h1:before { width: 10px; height: 3px; bottom: -10px; left: 20px; background: rgba(111, 84, 153, 0.4); border-radius: 5px; z-index: 1; } h1:after { bottom: -9px; width: 90px; background: #c3b9d4; height: 1px; } */ h2 { font-size: 17px; } h3 { font-size: 16px; } p { line-height: 1.8; } a { color: #000; } a:hover { color: #55565a; } .hide-text { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .list-hover li { border-bottom: 1px solid #eee; padding: 5px; } .list-hover li:hover { background: rgba(255,255,255,.4); } .list-hover li:last-child { border-bottom: 0; } .contact-page p { line-height: 1.5; } .page-wrap { min-height: 100%; margin-bottom: -60px; } .page-wrap:after { content: ""; display: block; } #footer, .page-wrap:after { height: 60px; } .p0 {padding: 0} .p5 {padding: 5px;} .p10 {padding: 10px;} .p15 {padding: 15px;} .p20 {padding: 20px;} .p25 {padding: 25px;} .p30 {padding: 30px;} .p40 {padding: 40px;} .p50 {padding: 50px;} .p60 {padding: 60px;} .pt0 {padding-top: 0px !important;} .pt5 {padding-top: 5px;} .pt10 {padding-top: 10px;} .pt15 {padding-top: 15px;} .pt20 {padding-top: 20px;} .pt25 {padding-top: 25px;} .pt30 {padding-top: 30px;} .pt40 {padding-top: 40px;} .pt50 {padding-top: 50px;} .pt60 {padding-top: 60px;} .pt70 {padding-top: 70px;} .pb0 {padding-bottom: 0px !important;} .pb5 {padding-bottom: 5px;} .pb10 {padding-bottom: 10px;} .pb15 {padding-bottom: 15px;} .pb20 {padding-bottom: 20px;} .pb25 {padding-bottom: 25px;} .pb30 {padding-bottom: 30px;} .pb40 {padding-bottom: 40px;} .pb50 {padding-bottom: 50px;} .pb60 {padding-bottom: 60px;} .pb70 {padding-bottom: 70px;} .ptb5 {padding-top: 5px; padding-bottom: 5px;} .ptb10 {padding-top: 10px; padding-bottom: 10px;} .ptb15 {padding-top: 15px; padding-bottom: 15px;} .ptb20 {padding-top: 20px; padding-bottom: 20px;} .ptb25 {padding-top: 25px; padding-bottom: 25px;} .ptb30 {padding-top: 30px; padding-bottom: 30px;} .ptb40 {padding-top: 40px; padding-bottom: 40px;} .ptb50 {padding-top: 50px; padding-bottom: 50px;} .pl0 {padding-left: 0 !important;} .pl5 {padding-left: 5px;} .pl10 {padding-left: 10px;} .pl15 {padding-left: 15px;} .pl20 {padding-left: 20px;} .pl25 {padding-left: 25px;} .pr0 {padding-right: 0 !important;} .pr5 {padding-right: 5px;} .pr10 {padding-right: 10px;} .pr15 {padding-right: 15px;} .pr20 {padding-right: 20px;} .pr25 {padding-right: 25px;} .plr5 {padding-left: 5px; padding-right: 5px;} .plr10 {padding-left: 10px; padding-right: 10px;} .plr15 {padding-left: 15px; padding-right: 15px;} .plr20 {padding-left: 20px; padding-right: 20px;} .plr20 {padding-left: 20px; padding-right: 20px;} .plr25 {padding-left: 25px; padding-right: 25px;} .plr30 {padding-left: 30px; padding-right: 30px;} .plr40 {padding-left: 40px; padding-right: 40px;} .plr50 {padding-left: 50px; padding-right: 50px;} .m0 {margin: 0px !important;} .m5 {margin: 5px} .m10 {margin: 10px} .m15 {margin: 15px} .m20 {margin: 20px} .m30 {margin: 30px} .mt0 {margin-top: 0px !important;} .mt5 {margin-top: 5px;} .mt10 {margin-top: 10px;} .mt15 {margin-top: 15px;} .mt20 {margin-top: 20px;} .mt30 {margin-top: 30px;} .mt40 {margin-top: 40px;} .mb0 {margin-bottom: 0px !important;} .mb5 {margin-bottom: 5px;} .mb10 {margin-bottom: 10px;} .mb15 {margin-bottom: 15px;} .mb20 {margin-bottom: 20px;} .mb30 {margin-bottom: 30px;} .mb40 {margin-bottom: 40px;} .ml0 {margin-left: 0 !important;} .ml5 {margin-left: 5px;} .ml10 {margin-left: 10px;} .ml15 {margin-left: 15px;} .ml20 {margin-left: 20px;} .ml25 {margin-left: 25px;} .mr0 {margin-right: 0 !important;} .mr5 {margin-right: 5px;} .mr10 {margin-right: 10px;} .mr15 {margin-right: 15px;} .mr20 {margin-right: 20px;} .mr25 {margin-right: 25px;} .clearfix::before{display:table;content:""}.clearfix::after{display:table;clear:both;content:""} .db { display: block; } .dbt { display: table; } .dib { display: inline-block; } .posr { position: relative; } .ovh {overflow: hidden;} .nowrap {white-space: nowrap;} .fln { float: none; } .fw400 {font-weight: 400;} .fw600 {font-weight: 600;} .fw700 {font-weight: 700;} .fw800 {font-weight: 800;} .fs12 { font-size: 12px } .fs14 { font-size: 14px } .fs15 { font-size: 15px } .fs16 { font-size: 16px } .fs18 { font-size: 18px } .fs20 { font-size: 20px } .fs22 { font-size: 22px } .fs24 { font-size: 24px } .fs25 { font-size: 25px } .fs30 { font-size: 30px } .fs40 { font-size: 40px } .fs50 { font-size: 50px } .fs12i { font-size: 12px !important } .fs14i { font-size: 14px !important } .fs15i { font-size: 15px !important } .fs16i { font-size: 16px !important } .fs18i { font-size: 18px !important } .fs20i { font-size: 20px !important } .fs25i { font-size: 25px !important } .fs30i { font-size: 30px !important } .fs40i { font-size: 40px !important } .fs50i { font-size: 50px !important } .f-title { font-family: "AvantGardeGothicITC W08 Bold", Arial, sans-serif; } .ta-l { text-align: left; } .ta-c { text-align: center; } .ta-r { text-align: right; } .text-white {color: white !important;} .text-black {color: black;} .text-gray {color: #55565a;} .fw, .w100p { width: 100%; } .d-tb {display: table; width:100%} .d-tbc {display: table-cell;} .vam { vertical-align: middle; } .vat { vertical-align: top; } .bg-primary { background-color: #1c7c90; } .bg-light { background-color: #fefefe; } /* Flex */ .d-flex { display: -ms-flexbox!important; display: flex!important; } .flex-fill { -ms-flex: 1 1 auto!important; flex: 1 1 auto!important; } .flex-grow-0 { -ms-flex-positive: 0!important; flex-grow: 0!important; } .flex-grow-1 { -ms-flex-positive: 1!important; flex-grow: 1!important; } @media(min-width: 768px){ .d-flex-sm { display: -ms-flexbox!important; display: flex!important; } } /* Section */ .section-title { color: #1c7c90; margin-bottom: 7px; font-size: 20px; } .section-wrap { display: table; table-layout: fixed; width: 100%; } .section-wrap .section { vertical-align: middle; } .section { display: table-cell; width: 100%; height: 230px; } @media(max-width: 767px){ .section { height: auto !important; } .xs-fw { width: 100% } } section#geographic-map { background: #f2f2f2; } section#geographic-map .map:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 5; box-shadow: inset 0 0 20px 30px rgb(242, 242, 242), inset 0 0 110px 120px rgb(242, 242, 242, .5); pointer-events: none; } section#geographic-map .map { padding: 15px 0; position: relative; } section#partners .partner { margin-top: 8px; } @media(max-width: 767px){ section#partners .partner { margin-top: 25px; } } section#partners .partner img { width: 100%; max-width: 100% } section#partners h2 { padding-bottom: 15px; border-bottom: 1px solid #55565a; margin-bottom: 15px; } section#partners .logos { overflow-x: hidden; } #rac_reply_message { position: relative; top: -17px; } .partner img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .4; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .partner:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } .bg-cover { background-size: cover !important; } .bg-bfg { background: #1c7c90; } .bg-alpha-black { background: rgba(0,0,0,.4); } .bg-alpha-black-light { background: rgba(0,0,0,.2); } .tile { position: relative; float: left; width: 33.333%; height: 100%; overflow: hidden; } .photo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: transform .5s ease-out; } .world-leader .photo { background-size: 72%; background-position: 130% 73%; } .txt { position: absolute; z-index: 2; right: 0; bottom: 10%; left: 0; font-family: 'Roboto Slab', serif; font-size: 9px; line-height: 12px; text-align: center; cursor: default; display: none; } .x { font-size: 32px; line-height: 32px; } .btn.fw { width: 100%; } .btn-arrowonly, input[type="submit"].btn-arrowonly, input[type="button"].btn-arrowonly, button[type="submit"].btn-arrowonly, button[type="button"].btn-arrowonly { display: block; width: 58px; height: 58px; line-height: 1.3; border: 1px solid #222222; text-align: center; position: relative; color: #222222; background: transparent; padding: 0; margin-right: 0.167rem; margin-top: 2.222rem; } .btn-alpha-white { background: rgba(255,255,255,.1); border: 1px solid #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .btn-alpha-white:hover { border-color: #1c7c90; background: #1c7c90; } .swiper-wrapper .btn-alpha-white { font-size: 12px; color: #fff; } .btn-orange { color: #f8f8f8; background-color: #db6923; border-color: #cb6120; } .btn-orange:hover, .btn-orange:focus { color: #fff; background-color: #e2874f; border-color: #d6814d; } .btn { border-radius: 0; } .btn-primary { background-color: #1c7c90; border-color: #1c7c90; } .btn-primary:hover, .btn-primary:focus,.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { background-color: #03a49d; border-color: #03a49d; } .btn-website-link { position: relative; float: right; font-size: 19px; padding: 10px 18px; z-index: 10; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: #1c7c90; border-color: #1c7c90; -webkit-box-shadow: 0 5px 13px rgba(190, 115, 179, 0.2); -moz-box-shadow: 0 5px 13px rgba(190, 115, 179, 0.2); -ms-box-shadow: 0 5px 13px rgba(190, 115, 179, 0.2); -o-box-shadow: 0 5px 13px rgba(190, 115, 179, 0.2); box-shadow: 0 5px 13px rgba(190, 115, 179, 0.2); /* box-shadow: 0 5px 13px rgba(3, 183, 176, 0.2); */ } .btn-website-link .subtxt { font-size: 14px; color: rgba(255,255,255,0.8); text-align: left; } .btn-website-link:hover, .btn-website-link:focus, .btn-website-link:active { background: #ab67a1 !important; border-color: #ab67a1 !important; -webkit-box-shadow: 0 8px 23px rgba(190, 115, 179, .75); -moz-box-shadow: 0 8px 23px rgba(190, 115, 179, .75); -ms-box-shadow: 0 8px 23px rgba(190, 115, 179, .75); -o-box-shadow: 0 8px 23px rgba(190, 115, 179, .75); box-shadow: 0 8px 23px rgba(190, 115, 179, .75); /*box-shadow: 0 8px 23px rgba(3, 183, 176, .75);*/ } /*1c7c90 - 3, 183, 176*/ .btn-view-projects span { text-transform: uppercase; opacity: .85; } .btn-view-projects { font-size: 16px; padding: 10px 14px; margin-bottom: 7px; font-weight: 600; position: relative; padding: 8px 20px; margin-bottom: 27px; text-transform: uppercase; overflow: hidden; z-index: 3; /*border-width: 3px 2px 3px 2px;*/ border-width: 3px 1px; border-width: 0; box-shadow: 0 3px 10px rgb(3, 183, 176, .2); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background: #1c7c90; border-color: #1c7c90; } .btn-view-projects:focus, .btn-view-projects:active, .btn-view-projects:active:hover { background: #1c7c90; border-color: #1c7c90; } .btn-view-projects.eff:after { content: ''; left: 120%; top: -80%; position: absolute; width: 130%; height: 200px; background: #FFF; z-index: -1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } .btn-view-projects:hover:after{ left: -20%; top: -150%; box-shadow: none; } .btn-view-projects.eff:hover { color: #1c7c90; } .btn-view-projects:hover { border-color: #1c7c90; background-color: #1c7c90; top: -2px; -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -ms-transform: scale(1.07); -o-transform: scale(1.07); transform: scale(1.07); -webkit-animation: glowme 0.7s ease-in-out infinite alternate; -moz-animation: glowme 0.7s ease-in-out infinite alternate; animation: glowme 0.7s ease-in-out infinite alternate; } .btn-view-projects span { font-size: 12px; display: block; text-align: left; } /*RED*/ .btn-view-projects.red { box-shadow: 0 3px 10px rgb(183, 3, 10, .2); background: #b7030a; border-color: #b7030a; } .btn-view-projects.red:focus, .btn-view-projects.red:active, .btn-view-projects.red:active:hover { background: #b7030a; border-color: #b7030a; } .btn-view-projects.red.eff:hover { color: #b7030a; } .btn-view-projects.red:hover { -webkit-animation: glowmer 0.7s ease-in-out infinite alternate; -moz-animation: glowmer 0.7s ease-in-out infinite alternate; animation: glowmer 0.7s ease-in-out infinite alternate; } /*BLACK*/ .btn-view-projects.black { box-shadow: 0 3px 10px rgb(0,0,0, .2); background: #333; border-color: #333; } .btn-view-projects.black:focus, .btn-view-projects.black:active, .btn-view-projects.black:active:hover { background: #333; border-color: #333; } .btn-view-projects.black.eff:hover { color: #333; } .btn-view-projects.black:hover { -webkit-animation: glowmeb 0.7s ease-in-out infinite alternate; -moz-animation: glowmeb 0.7s ease-in-out infinite alternate; animation: glowmeb 0.7s ease-in-out infinite alternate; } /*BLUE*/ .btn-view-projects.blue { box-shadow: 0 3px 10px rgb(3,100,183, .2); background: #0364b7; border-color: #0364b7; } .btn-view-projects.blue:focus, .btn-view-projects.blue:active, .btn-view-projects.blue:active:hover { background: #0364b7; border-color: #0364b7; } .btn-view-projects.blue.eff:hover { color: #0364b7; } .btn-view-projects.blue:hover { -webkit-animation: glowmeblue 0.7s ease-in-out infinite alternate; -moz-animation: glowmeblue 0.7s ease-in-out infinite alternate; animation: glowmeblue 0.7s ease-in-out infinite alternate; } @-webkit-keyframes glowme { from { box-shadow: 0 3px 10px rgb(3, 183, 176, .2), 0 3px 20px rgb(3, 183, 176, .2); } to { box-shadow: 0 6px 25px rgb(3, 183, 176, .6), 0 3px 13px 5px rgb(3, 183, 176, .2); } } @-webkit-keyframes glowmer { from { box-shadow: 0 3px 10px rgb(183, 3, 10, .2), 0 3px 20px rgb(183, 3, 10, .2); } to { box-shadow: 0 6px 25px rgb(183, 3, 10, .6), 0 3px 13px 5px rgb(183, 3, 10, .2); } } @-webkit-keyframes glowmeb { from { box-shadow: 0 3px 10px rgb(0,0,0, .2), 0 3px 20px rgb(0,0,0, .2); } to { box-shadow: 0 6px 25px rgb(0,0,0, .6), 0 3px 13px 5px rgb(0,0,0, .2); } } @-webkit-keyframes glowmeblue { from { box-shadow: 0 3px 10px rgb(3,100,183, .2), 0 3px 20px rgb(3,100,183, .2); } to { box-shadow: 0 6px 25px rgb(3,100,183, .6), 0 3px 13px 5px rgb(3,100,183, .2); } } /* ---- */ @-webkit-keyframes neon1 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177; } } @-webkit-keyframes neon2 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF; } } @-webkit-keyframes neon3 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B; } } @-webkit-keyframes neon4 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #B6FF00, 0 0 35px #B6FF00, 0 0 40px #B6FF00, 0 0 50px #B6FF00, 0 0 75px #B6FF00; } } @-webkit-keyframes neon5 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF9900, 0 0 70px #FF9900, 0 0 80px #FF9900, 0 0 100px #FF9900, 0 0 150px #FF9900; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF9900, 0 0 35px #FF9900, 0 0 40px #FF9900, 0 0 50px #FF9900, 0 0 75px #FF9900; } } @-webkit-keyframes neon6 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de; } } /*glow for mozilla*/ @-moz-keyframes neon1 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177; } } @-moz-keyframes neon2 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF; } } @-moz-keyframes neon3 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B; } } @-moz-keyframes neon4 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #B6FF00, 0 0 35px #B6FF00, 0 0 40px #B6FF00, 0 0 50px #B6FF00, 0 0 75px #B6FF00; } } @-moz-keyframes neon5 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF9900, 0 0 70px #FF9900, 0 0 80px #FF9900, 0 0 100px #FF9900, 0 0 150px #FF9900; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF9900, 0 0 35px #FF9900, 0 0 40px #FF9900, 0 0 50px #FF9900, 0 0 75px #FF9900; } } @-moz-keyframes neon6 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de; } } /*glow*/ @keyframes neon1 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF1177, 0 0 70px #FF1177, 0 0 80px #FF1177, 0 0 100px #FF1177, 0 0 150px #FF1177; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF1177, 0 0 35px #FF1177, 0 0 40px #FF1177, 0 0 50px #FF1177, 0 0 75px #FF1177; } } @keyframes neon2 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #228DFF, 0 0 70px #228DFF, 0 0 80px #228DFF, 0 0 100px #228DFF, 0 0 150px #228DFF; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF; } } @keyframes neon3 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FFDD1B, 0 0 70px #FFDD1B, 0 0 80px #FFDD1B, 0 0 100px #FFDD1B, 0 0 150px #FFDD1B; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FFDD1B, 0 0 35px #FFDD1B, 0 0 40px #FFDD1B, 0 0 50px #FFDD1B, 0 0 75px #FFDD1B; } } @keyframes neon4 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #B6FF00, 0 0 70px #B6FF00, 0 0 80px #B6FF00, 0 0 100px #B6FF00, 0 0 150px #B6FF00; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #B6FF00, 0 0 35px #B6FF00, 0 0 40px #B6FF00, 0 0 50px #B6FF00, 0 0 75px #B6FF00; } } @keyframes neon5 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #FF9900, 0 0 70px #FF9900, 0 0 80px #FF9900, 0 0 100px #FF9900, 0 0 150px #FF9900; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #FF9900, 0 0 35px #FF9900, 0 0 40px #FF9900, 0 0 50px #FF9900, 0 0 75px #FF9900; } } @keyframes neon6 { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; } to { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff00de, 0 0 35px #ff00de, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 75px #ff00de; } } /* ---- */ a.Button { display: inline-block; line-height: 32px; padding: 0 10px 0 10px; color: #FFF; text-shadow: -1px -1px 0 rgba(0,0,0,0.2); box-shadow: 0 1px 2px rgba(0,0,0,0.2); position: relative; text-decoration: none; z-index: 3; overflow: hidden; background: #063b58; border: 1px solid #063b58; border-radius: 2px; font-size: 14px; font-weight: 500; } a.Button.ReadMore { margin-right: 20px; margin-bottom: 20px; float: left; color: #FFF; } a.Button:after { content: ''; left: 140%; top: -40px; position: absolute; width: 130%; height: 100px; background: #FFF; z-index: -1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } a.Button:hover { color: #063b58; border-color: #30ACEB; text-shadow: -1px -1px 0 rgba(0,0,0,0); box-shadow: 0 1px 2px rgba(0,0,0,0); } a.Button:hover:after{ left: -10%; } [class^="hvr-"] { margin: .4em; padding: 1em; cursor: pointer; background: #e1e1e1; text-decoration: none; color: #666; /* Prevent highlight colour when element is tapped */ -webkit-tap-highlight-color: rgba(0,0,0,0); /* Smooth fonts */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @-moz-keyframes hvr-bob { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-o-keyframes hvr-bob { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .hvr-bob { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); /*box-shadow: 0 0 1px rgba(0, 0, 0, 0);*/ } .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Map */ .interior-map { width: 100%; height: 500px; position: relative; overflow: hidden; background: #ffffff; margin-top: 1.944rem; } #map { width: 100% !important; height: 100% !important; left: 0; top: 0; z-index: 10; position: relative; display: block; } @media (max-width: 991px) { #map { min-height: 300px; } } @media (min-width: 992px) { #map { height: 100%; position: absolute !important; } } #map img { max-width: none; } #map .map-popup { font-size: 0.667rem; } #map .map-popup h3 { padding-top: 0.556rem; font-family: "AvantGardeGothicITC W08 Bold", Arial, sans-serif; font-size: 0.833rem; } #map .map-popup p { margin-top: 0.278rem; padding-bottom: 0.278rem; } /* Tiles */ .clearfix:before, .clearBoth:before, .listContainer:before, .btn-arrowonly:before, input.btn-arrowonly[type="submit"]:before, input.btn-arrowonly[type="button"]:before, button.btn-arrowonly[type="submit"]:before, button.btn-arrowonly[type="button"]:before, .form-group:before, label:before, .header__nav:before, .header__nav ul:before, .header__nav ul li:before, .dropdown:before, .fs-banner a.scroll-below:before, .wall:before, .wall .tile:before, .wall .tile--image:before, .wall .tile--testimonial__image:before, .wall .tile .rslides_tabs:before, .slice:before, .slice__related:before, .interactive:before, .overlay__inner__header:before, .overlay__inner__header .toggle-overlay:before, .overlay__inner__header .toggle-modal:before, .post-item:before, .paging:before, .paging__ctl:before, .paging__ctl li:before, .bio-listing:before, .bio:before, ul.tabs:before, #video-slider ~ .rslides_tabs:before, #video-slider-v2 ~ .rslides_tabs:before, #sb-site:before, #mainContent:before, .container:before, #breadcrumbs:before, .page__section .callout__thumb:before, .callout--side:before, .callout--side ul li a:before, .post-thumb:before, .post-thumb a:before, .interior-map:before, .row:before, .header:before, #search-toggle:before, #search-toggle form:before, .social-footer-icons:before, .back-to-top:before, .clearfix:after, .clearBoth:after, .listContainer:after, .btn-arrowonly:after, input.btn-arrowonly[type="submit"]:after, input.btn-arrowonly[type="button"]:after, button.btn-arrowonly[type="submit"]:after, button.btn-arrowonly[type="button"]:after, .form-group:after, label:after, .header__nav:after, .header__nav ul:after, .header__nav ul li:after, .dropdown:after, .fs-banner a.scroll-below:after, .wall:after, .wall .tile:after, .wall .tile--image:after, .wall .tile--testimonial__image:after, .wall .tile .rslides_tabs:after, .slice:after, .slice__related:after, .interactive:after, .overlay__inner__header:after, .overlay__inner__header .toggle-overlay:after, .overlay__inner__header .toggle-modal:after, .post-item:after, .paging:after, .paging__ctl:after, .paging__ctl li:after, .bio-listing:after, .bio:after, ul.tabs:after, #video-slider ~ .rslides_tabs:after, #video-slider-v2 ~ .rslides_tabs:after, #sb-site:after, #mainContent:after, .container:after, #breadcrumbs:after, .page__section .callout__thumb:after, .callout--side:after, .callout--side ul li a:after, .post-thumb:after, .post-thumb a:after, .interior-map:after, .row:after, .header:after, #search-toggle:after, #search-toggle form:after, .social-footer-icons:after, .back-to-top:after { content: " "; display: table; } .wall { width: 100%; border-top: 1px solid #eeeeee; } .wall#isotope-filter, .wall#whats-new, .wall--investors { border-top: 0; } @media (min-width: 768px) { .wall.wall--fullwidth .tile { float: left; width: 50%; } } @media (min-width: 992px) { .wall.wall--fullwidth .tile { float: left; width: 33.3333333%; } } @media (min-width: 1200px) { .wall.wall--fullwidth .tile { float: left; width: 25%; } } @media (min-width: 2200px) { .wall.wall--fullwidth .tile h3, .wall.wall--fullwidth .tile .h3 { font-size: 1.667rem; } } .wall.wall--fullwidth .tile--fullwidth { float: none; width: 100%; } .wall.wall--fullwidth .tile--fullwidth img.imagefill { max-width: none; z-index: 2 !important; } .wall.wall--fullwidth .tile--fullwidth .tile__content { position: relative; height: auto; } .wall.wall--fullwidth .tile--fullwidth .tile__content a.btn { position: relative; left: 0; bottom: 0; margin-top: 2.222rem; } @media (min-width: 768px) { .wall.wall--fullwidth .tile--group { float: left; width: 100%; } } @media (min-width: 992px) { .wall.wall--fullwidth .tile--group { float: left; width: 33.3333333%; } } @media (min-width: 1200px) { .wall.wall--fullwidth .tile--group { float: left; width: 50%; } } @media (min-width: 992px) { .wall.wall--fullwidth .tile--group .tile { float: left; width: 100%; } } @media (min-width: 1200px) { .wall.wall--fullwidth .tile--group .tile { float: left; width: 50%; } } /*@media (min-width: 992px) and (max-width: 1199px) { .wall.wall--fullwidth .tile--group .tile--image { display: none; } } @media (min-width: 992px) and (max-width: 1199px) { .wall.wall--fullwidth .tile--group:nth-child(4n) .tile--image { display: block; } } @media (min-width: 992px) and (max-width: 1199px) { .wall.wall--fullwidth .tile--group:nth-child(odd) { width: 66.6666666%; } } @media (min-width: 992px) and (max-width: 1199px) { .wall.wall--fullwidth .tile--group:nth-child(odd) .tile { width: 50%; } } @media (min-width: 992px) and (max-width: 1199px) { .wall.wall--fullwidth .tile--group:nth-child(odd) .tile--image { display: inline-block; } } @media (min-width: 992px) and (max-width: 1199px) { #home .wall.wall--fullwidth .tile--group:nth-child(4) .tile--image { display: none; } }*/ @media (min-width: 768px) { .wall.wall--fullwidth .tile--wider, .wall.wall--fullwidth .tile--wideimage { width: 100%; } } @media (min-width: 992px) { .wall.wall--fullwidth .tile--wider, .wall.wall--fullwidth .tile--wideimage { float: left; width: 66.6666666%; } } @media (min-width: 1200px) { .wall.wall--fullwidth .tile--wider, .wall.wall--fullwidth .tile--wideimage { float: left; width: 50%; } } @media (min-width: 768px) { .wall.wall--fullwidth .tile .tile__content { padding: 1.667rem; } } @media (min-width: 1600px) { .wall.wall--fullwidth .tile .tile__content { padding: 2.222rem; } } @media (min-width: 768px) { .wall.wall--fullwidth .tile.tile--wider .tile__content { padding: 1.667rem; padding-bottom: 5.556rem; } } @media (min-width: 1600px) { .wall.wall--fullwidth .tile.tile--wider .tile__content { padding: 2.222rem; } } @media (min-width: 768px) { .wall.wall--fullwidth .tile.tile--wider .tile__content--centered { padding: 1.667rem; padding-bottom: 1.667rem; } } @media (min-width: 768px) { .wall.wall--inside .tile { float: left; width: 50%; } } @media (min-width: 1200px) { .wall.wall--inside .tile { float: left; width: 33.3333333%; } } @media (min-width: 768px) { .wall.wall--inside .tile .tile__content { padding: 1.111rem; } } @media (min-width: 992px) { .wall.wall--inside .tile .tile__content { padding: 1.111rem; } } @media (min-width: 1600px) { .wall.wall--inside .tile .tile__content { padding: 1.667rem; } } .wall.wall--inside .tile .tile__content.center-content { text-align: center; } .wall.wall--inside .tile .tile__content.center-content h3 { margin: 0 auto; padding: 0; } .wall.wall--inside { margin-top: 1.667rem; border-top: 0; } .wall.wall--inside .tile { overflow: visible; } .wall.wall--inside .tile .description { font-size: 0.833rem; margin-top: 0.556rem; } @media (min-width: 480px) { .wall.wall--inside .tile .description { font-size: 0.833rem; } } .wall.wall--testimonials { margin-top: 1.389rem; border-top: 0; } @media (min-width: 480px) { .wall.wall--testimonials .tile { width: 50%; } } @media (min-width: 768px) { .wall.wall--testimonials .tile { width: 33.3333333%; } } @media (min-width: 992px) { .wall.wall--testimonials .tile { width: 50%; } } @media (min-width: 1200px) { .wall.wall--testimonials .tile { width: 33.3333333%; } } @media (min-width: 1900px) { .wall.wall--testimonials .tile { width: 25%; } } .wall .tile { width: 100%; display: inline-block; position: relative; float: left; vertical-align: top; zoom: 1; overflow: hidden; } .wall .tile.tile--product-group { background-color: #eeeeee; cursor: pointer; overflow: hidden; } @media (max-width: 767px) { .wall .tile.tile--product-group { background-color: #fff; border-bottom: 1px solid #eeeeee; margin-left: -4%; margin-right: -4%; width: auto; float: none; display: block; } } .wall .tile.tile--product-group > img { transition: -webkit-transform 0.4s cubic-bezier(0.645, 0, 0.355, 1); transition: transform 0.4s cubic-bezier(0.645, 0, 0.355, 1); -webkit-transform: scale(1.01); transform: scale(1.01); } .wall .tile.tile--product-group:hover > img, .wall .tile.tile--product-group:focus > img { -webkit-transform: scale(1.1); transform: scale(1.1); } .wall .tile.tile--product-group .logo-image { max-height: 100%; max-width: 100%; } .wall .tile.tile--product-group div.tile__content { cursor: pointer; padding-top: 0; padding-bottom: 0; } .wall .tile.tile--product-group h3 { width: 100%; } @media (min-width: 992px) { .wall .tile.tile--product-group h3 { font-size: 1.111rem; } } @media (min-width: 1200px) { .wall .tile.tile--product-group h3 { font-size: 1.389rem; } } @media (min-width: 1200px) { .wall .tile.tile--product-group h3 { font-size: 1.667rem; } } .wall .tile__content { width: 100%; z-index: 3; display: block; text-decoration: none; cursor: pointer; padding-top: 1.667rem; padding-bottom: 5rem; padding-right: 4%; padding-left: 4%; } @media (min-width: 768px) { .wall .tile__content { position: absolute; left: 0; top: 0; height: 100%; } } .wall .tile__content--centered { padding-bottom: 1.667rem; } .cssanimations .wall .tile__content { transition: all 0.2s ease-in-out; } .wall .tile__content.absolute-at-small { position: absolute; left: 0; top: 0; height: 100%; } .wall .tile .type-date { margin-top: 0; /*font-size: 0.667rem;*/ font-size: 1.468rem; font-weight: bold; text-transform: uppercase; padding-bottom: 1.389rem; } @media (min-width: 992px) { .wall .tile .type-date { padding-bottom: 0.556rem; } } @media (min-width: 1600px) { .wall .tile .type-date { padding-bottom: 1.389rem; } } .wall .tile .type-title { font-family: "AvantGardeGothicITC W08 Book", Arial, sans-serif; margin-top: 0; font-size: 2.2rem; font-weight: bold; text-transform: none; padding-bottom: 0.833rem; } .wall .tile h3, .wall .tile .h3 { font-family: "AvantGardeGothicITC W08 Bold", Arial, sans-serif; font-size: 2.411rem; line-height: 2.82rem; padding-top: 0.278rem; } .cssanimations .wall .tile h3, .cssanimations .wall .tile .h3 { transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .wall .tile h3 span.small, .wall .tile .h3 span.small { color: #1c7c90; } @media (min-width: 992px) { .wall .tile h3, .wall .tile .h3 { font-size: 2.311rem; } } @media (min-width: 1200px) { .wall .tile h3, .wall .tile .h3 { font-size: 2.589rem; } } @media (min-width: 1200px) { .wall .tile h3, .wall .tile .h3 { font-size: 2.311rem; } } @media (min-width: 1900px) { .wall .tile h3, .wall .tile .h3 { font-size: 2.589rem; } } @media (min-width: 1200px) { .wall .tile--description h3, .wall .tile--description .h3 { font-size: 2.589rem; } } .wall .tile .description { font-size: 1.533rem; margin-top: 0.556rem; } @media (min-width: 480px) { .wall .tile .description { font-size: 2.2rem; } } @media (min-width: 992px) { .wall .tile .description { font-size: 1.533rem; } } @media (min-width: 2200px) { .wall .tile .description { font-size: 2.2rem; } } .wall .btn-arrowonly { font-size: 22px; /*padding-top: 8px;*/ line-height: 51px; } .wall .tile--black .tile__content { background-color: #222222; color: #bbb; } .wall .tile--black .tile__content .type-date { color: #ffffff; } .wall .tile--black .tile__content .type-date span { color: #bbb; } .wall .tile--black .tile__content h3, .wall .tile--black .tile__content .h3 { color: #ffffff; } .wall .tile--black .btn-arrowonly { border: 1px solid #444444; color: #bbb; } .wall .tile--black.tile--image:after { border-color: #222222 transparent transparent transparent; } @media (min-width: 768px) { .wall .tile--black.tile--image:after { border-color: transparent transparent transparent #222222; } } .wall .tile--black.tile--image:after { border-color: transparent transparent #222222 transparent; } @media (min-width: 768px) { .wall .tile--black.tile--image:after { border-color: transparent #222222 transparent transparent; } } .wall .tile--darkgray .tile__content { background-color: #444444; color: #eee; } .wall .tile--darkgray .tile__content .type-date { color: #ffffff; } .wall .tile--darkgray .tile__content .type-date span { color: #777777; } .wall .tile--darkgray .tile__content h3, .wall .tile--darkgray .tile__content .h3 { color: #ffffff; } .wall .tile--darkgray .btn-arrowonly { border: 1px solid #777777; color: #777777; } .wall .tile--lightgray .tile__content { background-color: #eeeeee; color: #777777; } .wall .tile--white .tile__content { background-color: #ffffff; color: #777777; } .wall .tile--white .tile__content .type-date { color: #1c7c90; } .wall .tile--white .tile__content .type-date span { color: #cccccc; } .wall .tile__content .type-date span.arrow { padding-left: 15px; } .wall .tile__content .type-date span.arrow:before { content: '\203A'; position: relative; display: inline-block; left: -10px; } .wall .tile--white .tile__content h3, .wall .tile--white .tile__content .h3 { line-height: 1.2; color: #222222; } .wall .tile--group:hover .tile--white .tile__content h3, .wall .tile--white:hover .tile__content h3, .wall .tile--group:hover .tile--white .tile__content .h3, .wall .tile--white:hover .tile__content .h3 { color: #1c7c90; } .wall .tile--blue .tile__content { background-color: #55acee; color: #ffffff; } .wall .tile--blue .tile__content .type-date { color: #ffffff; } .wall .tile--blue .tile__content h3, .wall .tile--blue .tile__content .h3 { color: #ffffff; } .wall .tile--blue .tile__content .btn-arrowonly { border-color: #ffffff; color: #ffffff; } .wall .tile--purple .tile__content { background: #47296f url(Assets/img/IWD-bg.jpg); color: #ffffff; } .wall .tile--purple .tile__content .type-date { color: #ffffff; } .wall .tile--purple .tile__content .type-date span { color: #8b8890; } .wall .tile--purple .tile__content h3, .wall .tile--purple .tile__content .h3 { color: #ffffff; } .wall .tile--purple .btn-arrowonly { border-color: #ffffff; color: #ffffff; } .wall .tile--purple.tile--iwd .tile__content { background-image: url(/Assets/img/IWD-bg.jpg); background-position: bottom right; background-repeat: no-repeat; } .wall .tile--teal .tile__content { background-color: #1c7c90; color: #ffffff; } .wall .tile--teal .tile__content .type-date { color: #ffffff; } .wall .tile--teal .tile__content h3, .wall .tile--teal .tile__content .h3 { color: #ffffff; } .wall .tile--teal .btn-arrowonly { border: 1px solid #028580; color: #ffffff; } .wall .tile--teal a.btn--outlined { color: #ffffff; border: 1px solid #ffffff; } .wall .tile--teal a.btn--outlined i { border: 1px solid #ffffff; color: #ffffff; } .wall .tile--gray h3, .wall .tile--gray .h3, .wall .tile--gray .type-date { color: #ffffff; } .wall .tile--gray .type-date span { color: #777777; } .wall .tile--gray .description a { color: #999999; } .wall .tile--gray .description a:hover { color: #ff483f; } .wall .tile--gray a.btn--outlined { color: #ffffff; border: 1px solid #ffffff; } .wall .tile--gray a.btn--outlined i { border: 1px solid #ffffff; color: #ffffff; } .wall .tile--gray1 .tile__content { background-color: #111111; color: #999; } .wall .tile--gray1 .btn-arrowonly { border-color: #999; color: #999; } .wall .tile--gray2 .tile__content { background-color: #222222; color: #999; } .wall .tile--gray2 .btn-arrowonly { border-color: #999; color: #999; } .wall .tile--gray3 .tile__content { background-color: #333333; color: #999; } .wall .tile--gray3 .btn-arrowonly { border-color: #999; color: #999; } .wall .tile--gray4 .tile__content { background-color: #444444; color: #999; } .wall .tile--gray4 .btn-arrowonly { border-color: #999; color: #999; } .wall .tile--gray5 .tile__content { background-color: #555555; color: #aaa; } .wall .tile--gray5 .btn-arrowonly { border-color: #aaa; color: #aaa; } @media (max-width: 767px) { .wall .tile { /*&--image.tile--teal { display: inline-block; }*/ } /* .wall .tile--image { display: none; } */ } .wall .tile--image { overflow: hidden; } .wall .tile--image img { float: left; width: 100%; height: auto; position: relative; } .wall .tile--image a { width: 100%; height: auto; display: block; position: relative; float: left; z-index: 1; } .wall .tile--image.tile--overlay a:after { content: ''; display: block; left: 0; right: 0; top: 0; bottom: 0; background: rgba(3, 183, 176, 0.15); position: absolute; } .cssanimations .wall .tile--image a { transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transform: scale(1) translatez(0); transform: scale(1) translatez(0); } .backgroundsize .wall .tile--image a:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/assets/img/tile_img_shading.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; z-index: 20; opacity: 0.6; filter: alpha(opacity=60); } .wall .tile--feature-teal { background-color: #1c7c90; } .wall .tile--feature-teal a:after { display: none; } .wall .tile--feature-black { background-color: #222222; } .wall .tile--testimonial:hover .txt-btn { color: #ffffff; } .wall .tile--testimonial__image { position: relative; overflow: hidden; } .wall .tile--testimonial__image img { float: left; width: 100%; height: auto; position: relative; z-index: 10; } .backgroundsize .wall .tile--testimonial__image:after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/assets/img/tile_img_shading_bottom.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; z-index: 20; opacity: 0.6; filter: alpha(opacity=60); } .wall .tile--testimonial__caption { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 30; font-size: 0.833rem; padding-left: 4%; padding-right: 4%; padding-bottom: 1.667rem; } @media (min-width: 768px) { .wall .tile--testimonial__caption { padding-left: 1.667rem; padding-right: 1.667rem; padding-bottom: 1.667rem; } } @media (min-width: 1600px) { .wall .tile--testimonial__caption { padding-left: 2.222rem; padding-right: 2.222rem; padding-bottom: 2.222rem; } } .wall .tile--testimonial__caption h3, .wall .tile--testimonial__caption .h3 { color: #ffffff; } .wall .tile--testimonial__caption p { margin-top: 0; font-family: "AvantGardeGothicITC W08 Book", Arial, sans-serif; color: #ffffff; } .wall .tile--testimonial__caption .txt-btn { margin-top: 0.833rem; } .wall .tile--testimonial__caption .txt-btn:hover { color: #ffffff; } .wall .tile--wideimage .tile__content { -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .wall .tile--wideimage h4 { color: #ffffff; padding: 0; margin-top: 0; font-size: 1rem; position: relative; z-index: 3; text-align: center; } @media (min-width: 992px) { .wall .tile--wideimage h4 { font-size: 1.389rem; top: 50%; -webkit-transform: translateY(-50%) translatez(0); transform: translateY(-50%) translatez(0); } } .wall .tile--wideimage h4 span { display: inline-block; padding-top: 0.556rem; } .wall .tile--wideimage .play-btn i { font-size: 3.056rem; } @media (min-width: 992px) { .wall .tile--wideimage .play-btn i { font-size: 4.167rem; } } .wall .tile--wideimage .wide-img { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 2; } .cssanimations .wall .tile--wideimage .wide-img { transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transform: scale(1.01) translatez(0); transform: scale(1.01) translatez(0); } .cssanimations .wall .tile--wideimage:hover .wide-img { -webkit-transform: scale(1.1) translatez(0); transform: scale(1.1) translatez(0); } .wall .tile #slider { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .wall .tile #slider li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; padding: 0; margin: 0; } .wall .tile #slider li:first-child { position: relative; display: block; float: left; } .wall .tile #slider img { display: block; height: auto; float: left; border: 0; } .wall .tile .rslides_tabs { position: absolute; padding: 0; margin: 0; list-style: none; display: inline-block; width: auto; bottom: 1.111rem; right: 4%; } @media (min-width: 768px) { .wall .tile .rslides_tabs { bottom: 1.667rem; right: 1.667rem; } } @media (min-width: 1600px) { .wall .tile .rslides_tabs { bottom: 2.222rem; right: 2.222rem; } } .wall .tile .rslides_tabs li { padding: 0; margin: 0; display: inline-block; width: auto; float: left; padding-left: 8px; } .wall .tile .rslides_tabs li.rslides_here a { background-color: #1c7c90; border: 2px solid #1c7c90; } .wall .tile .rslides_tabs li a { display: inline-block; float: left; font: 0/0 a; width: 12px; height: 12px; border-radius: 6px; border: 1px solid #ffffff; background-color: transparent; } .wall .tile--twitter .tile__content { cursor: auto; } .wall .tile--twitter a { color: #ffffff; } .wall .tile--twitter a:hover { text-decoration: underline; } .wall .tile .corner-icon { position: absolute; top: 0.556rem; left: 0.556rem; z-index: 30; font-size: 40px; color: #ffffff; text-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .wall .tile--stockinfo { background-color: #222222; } @media (min-width: 768px) { .wall .tile--stockinfo .stockinfo__heading { position: absolute; } } .wall .tile--stockinfo .type-date { color: #777777; padding-bottom: 0; padding-top: 0; } .wall .tile--stockinfo h3 span, .wall .tile--stockinfo .h3 span { color: #777777; } .wall .tile--stockinfo h4 { color: #ffffff; font-family: "AvantGardeGothicITC W08 X Lt", Arial, sans-serif; font-size: 1.944rem; font-weight: normal; margin-top: 0; } @media (min-width: 1200px) { .wall .tile--stockinfo h4 { font-size: 3.056rem; } } .wall .tile--stockinfo h4 i { font-size: 1rem; } .wall .tile--stockinfo h4 i:before { margin-right: 0; margin-left: 0; } .wall .tile--stockinfo h4 .icon-up-1 { color: #7de529; } .wall .tile--stockinfo h4 .icon-down-2 { color: #1c7c90; } .wall .tile--stockinfo h4.bolder { font-family: "AvantGardeGothicITC W08 Bold", Arial, sans-serif; letter-spacing: -1px; } .wall .tile .investor-graph { width: 100%; } .wall .tile .investor-graph img { width: 100%; height: auto; } .wall .tile .investor-number { padding-bottom: 1.389rem; } .wall .tile--stockquote h3, .wall .tile--stockquote .h3 { font-family: "AvantGardeGothicITC W08 X Lt", Arial, sans-serif; font-size: 3.056rem; margin-top: 0; padding-top: 0; } @media (min-width: 768px) and (max-width: 991px) { .wall .tile--stockquote h3, .wall .tile--stockquote .h3 { font-size: 4.167rem; letter-spacing: -1px; } } @media (min-width: 1200px) and (max-width: 1199px) { .wall .tile--stockquote h3, .wall .tile--stockquote .h3 { font-size: 4.167rem; letter-spacing: -1px; } } @media (min-width: 1600px) { .wall .tile--stockquote h3, .wall .tile--stockquote .h3 { font-size: 4.167rem; letter-spacing: -1px; } } .wall .tile--stockquote h4 { color: #777777; font-family: "AvantGardeGothicITC W08 Book", Arial, sans-serif; letter-spacing: 0; margin-top: 0; text-transform: uppercase; font-size: 1rem; } .wall .tile--stockquote .icon-up-1:before, .wall .tile--stockquote .icon-down-2:before { margin-left: 0; margin-right: 0; width: auto; } .wall .tile--stockquote .icon-up-1 { color: #7de529; } .wall .tile--stockquote .icon-down-2 { color: #1c7c90; } .wall .tile--group:nth-child(6n+3) .tile--image, .wall .tile--group:nth-child(6n+6) .tile--image { float: right; } .wall .tile--group .tile--white .tile__content, .wall .tile--white .tile__content { border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .wall .tile--group:nth-child(6n+3) .tile--white .tile__content, .wall .tile--group:nth-child(6n+6) .tile--white .tile__content { border-right: 0; } .wall .tile--group .tile--image:after { position: absolute; content: ""; display: block; width: 0; height: 0; border-style: solid; z-index: 20; -webkit-transform: rotate(360deg); transform: rotate(360deg); right: 50%; bottom: -2px; border-width: 0 18.5px 18px 18.5px; border-color: transparent transparent #ffffff transparent; margin-right: -18px; } .wall .tile--group .tile--image.tile--black:after { border-color: transparent transparent #222 transparent; } .wall .tile--group .tile--image.tile--darkgray:after { border-color: transparent transparent #444 transparent; } @media (min-width: 768px) { .wall .tile--group .tile--image:after { right: -2px; bottom: 50%; border-width: 18.5px 18px 18.5px 0; border-color: transparent #ffffff transparent transparent; margin-bottom: -18px; margin-right: 0; } .wall .tile--group .tile--image.tile--black:after { border-color: transparent #222 transparent transparent; } .wall .tile--group .tile--image.tile--darkgray:after { border-color: transparent #444 transparent transparent; }} .wall .tile--group.tile--feature-black .tile--image:after { border-color: transparent transparent #222222 transparent; } @media (min-width: 768px) { .wall .tile--group.tile--feature-black .tile--image:after { border-color: transparent #222222 transparent transparent; } } .wall .tile--group.tile--feature-teal .tile--image:after { border-color: transparent transparent #1c7c90 transparent; } @media (min-width: 768px) { .wall .tile--group.tile--feature-teal .tile--image:after { border-color: transparent #1c7c90 transparent transparent; } } /* .wall .tile--group:nth-child(6n+3) .tile--image:after, .wall .tile--group:nth-child(6n+6) .tile--image:after { position: absolute; content: ""; display: block; width: 0; height: 0; border-style: solid; z-index: 20; -webkit-transform: rotate(360deg); transform: rotate(360deg); left: 50%; top: -2px; border-width: 18px 18.5px 0 18.5px; border-color: #ffffff transparent transparent transparent; margin-left: -18px; } */ @media (min-width: 768px) { .wall .tile--group:nth-child(6n+3) .tile--image:after, .wall .tile--group:nth-child(6n+6) .tile--image:after { left: -2px; top: 50%; border-width: 18.5px 0 18.5px 18px; border-color: transparent transparent transparent #ffffff; margin-top: -18px; margin-left: 0; } } .wall .tile--group.tile--feature-black:nth-child(6n+3) .tile--image:after, .wall .tile--group.tile--feature-black:nth-child(6n+6) .tile--image:after { border-color: #222222 transparent transparent transparent; } @media (min-width: 768px) { .wall .tile--group.tile--feature-black:nth-child(6n+3) .tile--image:after, .wall .tile--group.tile--feature-black:nth-child(6n+6) .tile--image:after { border-color: transparent transparent transparent #222222; } } .wall .tile--group.tile--feature-teal:nth-child(6n+3) .tile--image:after, .wall .tile--group.tile--feature-teal:nth-child(6n+6) .tile--image:after { border-color: #1c7c90 transparent transparent transparent; } @media (min-width: 768px) { .wall .tile--group.tile--feature-teal:nth-child(6n+3) .tile--image:after, .wall .tile--group.tile--feature-teal:nth-child(6n+6) .tile--image:after { border-color: transparent transparent transparent #1c7c90; } } @media (min-width: 768px) { .wall .tile--group .tile__content h3, .wall .tile--group .tile__content .h3, .wall .tile--group .tile__content p { max-width: 350px; } } .cssanimations .wall .tile--image:hover a, .cssanimations .wall .tile--group:hover .tile--image a { -webkit-transform: scale(1.1) translatez(0); transform: scale(1.1) translatez(0); } @media (max-width: 991px) { .wall .tile--wider .tile__content { height: auto; position: relative; } } @media (min-width: 992px) { .wall .tile--wider .tile__content { position: absolute; left: 0; top: 0; height: 100%; } } @media (min-width: 992px) and (max-width: 1199px) { .wall .tile--group .tile--image:after { right: auto; bottom: 0; left: 50%; border-width: 18.5px 18px 18.5px 0; transform: translate(-50%, 0) rotate(90deg); } .wall .tile--group:nth-child(6n+3) .tile--image:after, .wall .tile--group:nth-child(6n+6) .tile--image:after { left: 50%; border-width: 18.5px 18px 18.5px 0; transform: translate(-50%, 0) rotate(90deg); top: auto; border-color: transparent #ffffff transparent transparent; } } .wall .tile--wider .description { margin-top: 1.389rem; } .wall .tile--wider h3, .wall .tile--wider .h3 { font-size: 1.389rem; padding-bottom: 1.111rem; position: relative; } .wall .tile--wider h3:after, .wall .tile--wider .h3:after { display: inline-block; width: 55px; height: 3px; position: absolute; bottom: 0; left: 2px; background-color: #1c7c90; content: ""; } @media (min-width: 480px) { .wall .tile--wider h3, .wall .tile--wider .h3 { font-size: 1.944rem; } } @media (min-width: 768px) { .wall .tile--wider h3, .wall .tile--wider .h3 { font-size: 2.222rem; letter-spacing: -1px; } } @media (min-width: 1600px) { .wall .tile--wider h3, .wall .tile--wider .h3 { font-size: 3.056rem; } } @media (max-width: 991px) { .wall .tile--wideimage .tile__content { height: auto; position: relative; } } @media (min-width: 992px) { .wall .tile--wideimage .tile__content { position: absolute; left: 0; top: 0; height: 100%; } } .wall .tile--inside.tile { /*In case there is no img uploaded*/ } @media (min-width: 768px) { .wall .tile--inside.tile:hover .tile__content, .wall .tile--inside.tile:nth-child(2):hover .tile__content, .wall .tile--inside.tile:nth-child(3):hover .tile__content, .wall .tile--inside.tile:nth-child(4):hover .tile__content, .wall .tile--inside.tile:nth-child(5):hover .tile__content, .wall .tile--inside.tile:nth-child(6):hover .tile__content, .wall .tile--inside.tile:nth-child(7):hover .tile__content, .wall .tile--inside.tile:nth-child(8):hover .tile__content, .wall .tile--inside.tile:nth-child(9):hover .tile__content, .wall .tile--inside.tile:nth-child(10):hover .tile__content, .wall .tile--inside.tile:nth-child(11):hover .tile__content, .wall .tile--inside.tile:nth-child(12):hover .tile__content { background-color: rgba(34, 34, 34, 0.75); color: #ffffff; } .wall .tile--inside.tile:hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(2):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(3):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(4):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(5):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(6):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(7):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(8):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(9):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(10):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(11):hover .btn-arrowonly, .wall .tile--inside.tile:nth-child(12):hover .btn-arrowonly { border-color: #ffffff; color: #ffffff; } } .wall .tile--inside.tile .tile__content { background-color: #111111; color: #666666; transition: all 0.6s; } .wall .tile--inside.tile img { background-color: #1c7c90; } .wall .tile--inside.tile h3, .wall .tile--inside.tile .h3 { color: #ffffff; padding-top: 0.278rem; } .wall .tile--inside.tile .btn-arrowonly { border-color: #666666; color: #666666; transition: all 0.6s; } @media (min-width: 768px) { .wall .tile--inside.tile .btn-arrowonly { bottom: 1.667rem; left: 1.667rem; } } @media (min-width: 992px) { .wall .tile--inside.tile .btn-arrowonly { bottom: 1.111rem; left: 1.111rem; } } @media (min-width: 1600px) { .wall .tile--inside.tile .btn-arrowonly { bottom: 1.667rem; left: 1.667rem; } } .wall .tile--inside.tile:nth-child(2) .tile__content { background-color: #222222; color: #777777; } .wall .tile--inside.tile:nth-child(2) .btn-arrowonly { border-color: #777777; color: #777777; } .wall .tile--inside.tile:nth-child(3) .tile__content { background-color: #333333; color: #777777; } .wall .tile--inside.tile:nth-child(3) .btn-arrowonly { border-color: #777777; color: #777777; } .wall .tile--inside.tile:nth-child(4) .tile__content { background-color: #444444; color: #888888; } .wall .tile--inside.tile:nth-child(4) .btn-arrowonly { border-color: #888888; color: #888888; } .wall .tile--inside.tile:nth-child(5) .tile__content { background-color: #555555; color: #999999; } .wall .tile--inside.tile:nth-child(5) .btn-arrowonly { border-color: #999999; color: #999999; } .wall .tile--inside.tile:nth-child(6) .tile__content { background-color: #666666; color: #aaaaaa; } .wall .tile--inside.tile:nth-child(6) .btn-arrowonly { border-color: #aaaaaa; color: #aaaaaa; } .wall .tile--inside.tile:nth-child(7) .tile__content { background-color: #777777; color: #bbbbbb; } .wall .tile--inside.tile:nth-child(7) .btn-arrowonly { border-color: #bbbbbb; color: #bbbbbb; } .wall .tile--inside.tile:nth-child(8) .tile__content { background-color: #888888; color: #cccccc; } .wall .tile--inside.tile:nth-child(8) .btn-arrowonly { border-color: #cccccc; color: #cccccc; } .wall .tile--inside.tile:nth-child(9) .tile__content { background-color: #999999; color: #dddddd; } .wall .tile--inside.tile:nth-child(9) .btn-arrowonly { border-color: #dddddd; color: #dddddd; } .wall .tile--inside.tile:nth-child(10) .tile__content { background-color: #aaaaaa; color: #666666; } .wall .tile--inside.tile:nth-child(10) .btn-arrowonly { border-color: #666666; color: #666666; } .wall .tile--inside.tile:nth-child(11) .tile__content { background-color: #bbbbbb; color: #777777; } .wall .tile--inside.tile:nth-child(11) .btn-arrowonly { border-color: #777777; color: #777777; } .wall .tile--inside.tile:nth-child(12) .tile__content { background-color: #cccccc; color: #888888; } .wall .tile--inside.tile:nth-child(12) .btn-arrowonly { border-color: #888888; color: #888888; } .wall .tile a.btn { position: absolute; z-index: 4; margin-top: 0; margin-right: 0; bottom: 1.111rem; left: 4%; } @media (min-width: 768px) { .wall .tile a.btn { bottom: 1.667rem; left: 1.667rem; } } @media (min-width: 1600px) { .wall .tile a.btn { bottom: 2.222rem; left: 2.222rem; } } .wall .tile .btn-arrowonly { position: absolute; z-index: 4; margin-top: 0; margin-right: 0; bottom: 1.111rem; right: 4%; transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); } .wall .tile .btn-arrowonly.red { border: 0; color: #fff !important; background: #1c7c90; } @media (max-width: 767px) { .wall .tile .btn-arrowonly.red { background-color: transparent; } } @media (min-width: 768px) { .wall .tile .btn-arrowonly.right { right: 1.667rem; bottom: 1.667rem; left: unset; } } @media (max-width: 767px) { .wall .tile .btn-arrowonly { border-width: 0; background-color: transparent; } .wall .tile .btn-arrowonly i { margin-left: 0; left: 0; } } @media (min-width: 768px) { .wall .tile .btn-arrowonly { bottom: 1.667rem; left: 1.667rem; } } @media (min-width: 992px) and (max-width: 1599px) { .wall .tile .btn-arrowonly { width: 48px; height: 48px; } } @media (min-width: 1600px) { .wall .tile .btn-arrowonly { bottom: 2.222rem; left: 2.222rem; } } .wall .tile--product.tile { overflow: hidden; position: relative; } @media (max-width: 767px) { .wall .tile--product.tile { background-color: #fff; border-bottom: 1px solid #eeeeee; margin-left: -4%; margin-right: -4%; width: auto; float: none; display: block; } } .wall .tile--product.tile.logo-bg .tile-logo { z-index: 10; position: absolute; width: 100%; height: 100%; background-size: 80% auto; background-position: center; background-repeat: no-repeat; top: 0; left: 0; } .wall .tile--product.tile.logo-bg .tile-overlay-white { display: none; } .wall .tile--product.tile.light .tile-overlay-white { background: linear-gradient(to top, rgba(245, 245, 245, 0.9) 8%, rgba(245, 245, 245, 0) 55%); } @media (max-width: 767px) { .wall .tile--product.tile.light .tile-overlay-white { background: linear-gradient(to top, rgba(10, 10, 10, 0.9) 0%, rgba(10, 10, 10, 0) 50%); } } .wall .tile--product.tile.light .tile__content h3, .wall .tile--product.tile.light .tile__content .h3, .wall .tile--product.tile.light .tile__content .description { color: #222222; } .wall .tile--product.tile.light .btn-arrowonly { color: #222222; border-color: #222222; z-index: 10; } .wall .tile--product.tile .tile-overlay { display: block; opacity: 0; z-index: 10; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #222222; transition: all 0.6s; } .wall .tile--product.tile .tile-overlay-white { display: block; z-index: 5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top, rgba(10, 10, 10, 0.9) 0%, rgba(10, 10, 10, 0) 50%); transition: all 0.6s; } .wall .tile--product.tile h3, .wall .tile--product.tile .h3 { transition: all 0.6s; color: #ffffff; } @media (min-width: 768px) { .wall .tile--product.tile h3, .wall .tile--product.tile .h3 { padding: 1.111rem 95px 1.111rem 1.111rem; margin: -1.111rem; } } @media (min-width: 992px) { .wall .tile--product.tile h3, .wall .tile--product.tile .h3 { padding: 1.111rem 95px 1.111rem 1.111rem; margin: -1.111rem; } } @media (min-width: 1600px) { .wall .tile--product.tile h3, .wall .tile--product.tile .h3 { padding: 1.667rem 100px 1.667rem 1.667rem; margin: -1.667rem; } } .wall .tile--product.tile .description { transition: all 0.6s; color: #ffffff; } .wall .tile--product.tile img { background: radial-gradient(circle at 40% 40%, #eeeeee 25%, #cccccc); z-index: 1; } .wall .tile--product.tile .tile__content { cursor: pointer; background-color: #222222 !important; transition: all 0.6s; z-index: 10; } @media (min-width: 768px) { .wall .tile--product.tile .tile__content { background-color: transparent !important; } } .wall .tile--product.tile .btn-arrowonly { color: #ffffff; border-color: #ffffff; z-index: 10; } @media (min-width: 768px) { .wall .tile--product.tile h3, .wall .tile--product.tile .h3 { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); font-size: 1.23rem; } .wall .tile--product.tile .tile__content { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .wall .tile--product.tile:hover .tile__content, .wall .tile--product.tile:hover .tile__content.light, .wall .tile--product.tile:focus .tile__content, .wall .tile--product.tile:focus .tile__content.light { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .wall .tile--product.tile:hover .tile__content h3, .wall .tile--product.tile:hover .tile__content .h3, .wall .tile--product.tile:hover .tile__content.light h3, .wall .tile--product.tile:hover .tile__content.light .h3, .wall .tile--product.tile:focus .tile__content h3, .wall .tile--product.tile:focus .tile__content .h3, .wall .tile--product.tile:focus .tile__content.light h3, .wall .tile--product.tile:focus .tile__content.light .h3 { color: #ffffff; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .wall .tile--product.tile:hover .tile__content .description, .wall .tile--product.tile:hover .tile__content.light .description, .wall .tile--product.tile:focus .tile__content .description, .wall .tile--product.tile:focus .tile__content.light .description { color: #ffffff; } .wall .tile--product.tile:hover .tile-overlay, .wall .tile--product.tile:focus .tile-overlay { opacity: .85; } .wall .tile--product.tile:hover .btn-arrowonly, .wall .tile--product.tile:focus .btn-arrowonly { color: #ffffff; border-color: #ffffff; } } .wall .sq-ratio { width: 100%; height: auto; z-index: 1; position: relative; display: none; } @media (min-width: 768px) { .wall .sq-ratio { display: block; float: left; } } .wall .sq-ratio-at-small { width: 100%; height: auto; z-index: 1; position: relative; display: block; float: left; } .wall .sq-ratio--wider { width: 100%; height: auto; z-index: 1; position: relative; display: none; } @media (min-width: 992px) { .wall .sq-ratio--wider { display: block; float: left; } } .wall .tile div.tile__content { cursor: auto; } .wall .viewall-link { position: relative !important; left: 0 !important; width: 100%; text-align: center; } .wall .viewall-link p { max-width: none; } .cssanimations .wall--is-animated { -webkit-perspective: 1300px; -o-perspective: 1300px; -ms-perspective: 1300px; perspective: 1300px; -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .cssanimations .wall--is-animated .tile.is-animated { -webkit-transition-duration: .7s; -webkit-transition-property: -webkit-transform, opacity; -webkit-transition-delay: .15s; -webkit-transition-timing-function: 'ease-in-out'; -moz-transition-duration: .7s; -moz-transition-property: all; -moz-transition-delay: .15s; -moz-transition-timing-function: 'ease-in-out'; -o-transition-duration: .7s; -o-transition-property: transform, opacity; -o-transition-delay: .15s; -o-transition-timing-function: 'ease-in-out'; -ms-transition-duration: .7s; -ms-transition-property: transform, opacity; -ms-transition-delay: .15s; -ms-transition-timing-function: 'ease-in-out'; transition-duration: .7s; transition-property: transform, opacity; transition-delay: .15s; transition-timing-function: 'ease-in-out'; -webkit-transform: rotatex(-80deg) translateZ(0); transform: rotatex(-80deg) translateZ(0); -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; opacity: 0; } .cssanimations .wall--is-animated .tile.is-animated.revealed { -webkit-transform: rotatex(0deg) translateZ(0); transform: rotatex(0deg) translateZ(0); opacity: 1; } .tile.tile--link { display: block; padding: 1.667rem; border: 4px solid #222222; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .tile.tile--link p { margin: 0 0 3em; color: #222222; } .tile.tile--link .flex-center, .wall.wall--inside .tile.tile--link .tile__content.center-content { height: auto; margin-top: auto; } .tile.tile--link h3 { padding: 0; } .tile.tile--link .btn-arrowonly { margin: 0 0 0 25px; background-color: #222222; color: #ffffff; } @media (min-width: 768px) and (max-width: 991px) { .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(2n+1) { transition-delay: .15s; } .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(2n+2) { transition-delay: .3s; } } @media (min-width: 768px) and (max-width: 1199px) { .wall--is-animated.wall--inside .tile.is-animated:nth-child(2n+1) { transition-delay: .15s; } .wall--is-animated.wall--inside .tile.is-animated:nth-child(2n+2) { transition-delay: .3s; } } @media (min-width: 992px) and (max-width: 1199px) { .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(3n+1) { transition-delay: .15s; } .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(3n+2) { transition-delay: .3s; } .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(3n+3) { transition-delay: .45s; } } @media (min-width: 1200px) { .wall--is-animated.wall--inside .tile.is-animated:nth-child(3n+1) { transition-delay: .15s; } .wall--is-animated.wall--inside .tile.is-animated:nth-child(3n+2) { transition-delay: .3s; } .wall--is-animated.wall--inside .tile.is-animated:nth-child(3n+3) { transition-delay: .45s; } } @media (min-width: 1200px) { .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(4n+1) { transition-delay: .10s; } .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(4n+2) { transition-delay: .20s; } .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(4n+3) { transition-delay: .30s; } .wall--is-animated.wall--fullwidth .tile.is-animated:nth-child(4n+4) { transition-delay: .40s; } } .touch .wall--is-animated .tile.is-animated { -webkit-transform: rotatex(0deg) translateZ(0); transform: rotatex(0deg) translateZ(0); opacity: 1; } @media (max-width: 767px) { .wall .tile--product.tile.light .tile__content h3, .wall .tile--product.tile.light .tile__content .h3, .wall .tile--product.tile.light .tile__content .description, .wall .tile--product.tile.light .btn-arrowonly { color: #fff; } .wall.experienceList .tile .btn-arrowonly.red { background: #1c7c90; } .wall.experienceList .tile .btn-arrowonly i { left: 50%; margin-left: -9px; } .wall.experienceList .tile .btn-arrowonly { left: 8.111%; } } /* ENd Tiles */ #footer .dropdown-menu>.active>a, #footer .dropdown-menu>.active>a:focus, #footer .dropdown-menu>.active>a:hover { background-color: #1c7c90; color: #fff !important; } .btn-secondary { color: #fff; background: #9a9a9a; border: 1px solid #5a5a5a; } .btn-secondary:hover { color: #eee; } .form-control { border-radius: 0; } .well { border-radius: 0; } .content img { width: auto; height: auto; max-width: 100%; } .colored-box-content { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; } .colored-box-content.bordered { border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } .colored-box-content.no-padding { padding: 0; } .colored-box-content p { font-size: 14px; } .colored-box-content .above-title { font-size: 24px; margin: 10px 0; } .colored-box-content .head-title { font-size: 15px; font-weight: 700; border-bottom: 1px solid #55565a; padding: 5px 0 10px 0; margin-bottom: 10px; } .callout { color: #fff; margin: 50px 0; font-size: 22px; text-align: center; font-family: 'Exo 2', sans-serif; font-weight: 400; position: relative; } .callout b { font-weight: 600; } .callout:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: url(../images/hex.png); z-index: -1; } .callout .flashy { /*color: #FFEB3B*/ } .callout .inner { /*background-color: #1c7c90;*/ border-top: 1px solid rgba(0,183,175,.1); border-bottom: 1px solid rgba(0,183,175,.1); padding: 35px 45px; background: rgb(0,183,175); background: -moz-linear-gradient(90deg, rgba(0,183,175,0.1) 0%, rgba(0,183,175,0.8) 25%, rgba(0,183,175,1) 35%, rgba(0,183,175,1) 65%, rgba(0,183,175,0.8) 75%, rgba(0,183,175,0.1) 100%); background: -webkit-linear-gradient(90deg, rgba(0,183,175,0.1) 0%, rgba(0,183,175,0.8) 25%, rgba(0,183,175,1) 35%, rgba(0,183,175,1) 65%, rgba(0,183,175,0.8) 75%, rgba(0,183,175,0.1) 100%); background: linear-gradient(90deg, rgba(0,183,175,0.1) 0%, rgba(0,183,175,0.8) 25%, rgba(0,183,175,1) 35%, rgba(0,183,175,1) 65%, rgba(0,183,175,0.8) 75%, rgba(0,183,175,0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c7c90",endColorstr="#1c7c90",GradientType=1); } .callout .inner p { margin-bottom: 0; } .related-links { list-style: none; } .related-links .title { font-size: 12px; font-weight: 400; margin-bottom: 5px; border-bottom: 0; } .related-links li+li { margin-top: 8px; } .related-links a { font-weight: 600; text-decoration: underline; font-size: 13px; } ul.dashed, ul.triangle { list-style-type: none; } ul.dashed > li { text-indent: 10px; line-height: 1.7; } ul.dashed > li:before { content: "\2014\a0"; position: relative; left: -10px; } ul.triangle li:before { content: ""; border-color: transparent #333; border-style: solid; border-width: 0.3em 0 0.3em 0.4em; display: block; height: 0; width: 0; left: -22px; top: 16px; position: relative; } ul.triangle.primary-color li:before { border-color: transparent #1c7c90; } ul.triangle.gray-color li:before { border-color: transparent #777; } .point-list { padding: 10px; border: 1px solid rgba(0,0,0,.085); outline: 2px solid rgba(0,0,0,.03); background: #fff; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .point-list:hover { -webkit-box-shadow: 0 12px 20px rgba(3, 183, 176,.1); -moz-box-shadow: 0 12px 20px rgba(3, 183, 176,.1); -ms-box-shadow: 0 12px 20px rgba(3, 183, 176,.1); -o-box-shadow: 0 12px 20px rgba(3, 183, 176,.1); box-shadow: 0 12px 20px rgba(3, 183, 176,.1); } .point-list li { line-height: 30px; font-size: 17px; line-height: 1.7; padding: 6px 16px 6px 50px; list-style-type: none; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .point-list li .count { display: block; position: absolute; left: 13px; background: rgba(3, 183, 176, 0.65); color: #fff; text-align: center; width: 30px; line-height: 30px; padding: 0; height: 30px; text-indent: 0; font-size: 17px; font-family: monospace; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .point-list li:hover { background: rgba(0,0,0,.03) background: rgba(0,0,0,.03); background: -moz-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 10%, rgba(0,0,0,0.03) 90%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 10%, rgba(0,0,0,0.03) 90%, rgba(0,0,0,0) 100%); background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.03) 10%, rgba(0,0,0,0.03) 90%, rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } .point-list li:hover .count { background: rgba(3, 183, 176, 1) } .point-list li+li { border-top: 1px solid rgba(0,0,0,0.1); } /* .point-list li:before { content: "\2014\a0"; position: relative; left: -10px; } */ .boxed-img .img { display: block; outline: 3px solid rgba(0,0,0,0.03); margin-bottom: 12px; position: relative; } .boxed-img .img:before { content: ''; /*border: 1px solid rgba(0,0,0,01);*/ box-shadow: inset 0 0 0 1px rgba(0,0,0,0.03); left: 0; right: 0; top: 0; bottom: 0; position: absolute; } .img-caption, .boxed-img .img-caption { font-size: 12px; color: #aaa; } /* Facts */ #facts { /*background-image: url(https://image.ibb.co/nfpMZS/city.jpg);*/ background-color: #ededed; background-attachment: fixed !important; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 0 } .parallax-overlay { padding: 70px 0 } .counters-item { color: #1c7c90; /*padding: 0px 0px 20px;*/ /*border: 2px solid #ccc;*/ border-radius: 50px 0 0px 0 } .counters-item span { color: #55565a; margin-bottom: 10px; display: block; } .counters-item i { border-radius: 50%; display: inline-block; margin: 0 0 35px; padding: 40px 0 0; width: 120px; position: relative } .counters-item strong { display: block; font-size: 60px; font-weight: 600; line-height: 60px; } .counters-item p { font-size: 16px; margin-top: 15px; margin-bottom: 0; color: #55565a; } #facts.mini { background: rgba(0,0,0,.03); border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); } .mini .counters-item span { font-size: 12px; margin-bottom: 5px; } .mini .counters-item i { margin: 0 0 35px; padding: 0; width: 120px; } .mini .counters-item strong { display: block; font-size: 40px; font-weight: 600; line-height: 40px; } .mini .counters-item p { font-size: 13px; margin-top: 5px; } #facts.medi { background: rgba(0,0,0,.01); border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); } .medi .counters-item span { font-size: 14px; margin-bottom: 5px; } .medi .counters-item span.val { font-size: 27px; line-height: 30px; font-weight: 700; color: #33c5bf } .medi .counters-item i { margin: 0 0 35px; padding: 0; width: 120px; } .medi .counters-item strong { display: block; font-size: 68px; font-weight: 700; line-height: 60px; } .medi .counters-item p { font-size: 15px; margin-top: 5px; } .medi .number-counters div { min-height: 80px; } @media(max-width: 768px){ .medi .counter-box:nth-child(n+2) { border-left: 0; border-top: 1px solid #eee; margin-top: 15px; padding-top: 15px; } .medi .counter-box { text-align: center !important; } } @media(min-width:768px) and (max-width: 1199px){ .medi .counters-item strong { font-size: 58px; line-height: 50px; } .medi .counters-item span.val { font-size: 23px; line-height: 27px; margin-bottom: 5px !important; } .medi .counters-item p { line-height: 18px; } } @media(min-width: 768px){ .medi .number-counters div+div { border-left: 1px solid #eee; } #facts.five-col .counter-box { width: 20% } #facts.five-col .counters-item { border-radius: 0; /*background: rgba(255,255,255,.5);*/ } #facts .container { max-width: 100%; } } /* Porjects */ .project-page { padding-top: 5px; } .block p { color: #55565a; } .block.boxed img, #sub_cats .block img, #projects .block img { width: 100%; height: auto; } .block.boxed, .sub_cats .block { margin-bottom: 15px; } .project-item a { text-decoration: none !important; display: block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .project-item a:after { content: ''; z-index: -1; top: -7px; bottom: -7px; left: 7px; right: 7px; display: block; position: absolute; background: #fff; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .project-item a:hover:after { -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.05) , 0 2px 15px rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.05) , 0 2px 15px rgba(0, 0, 0, .15); -ms-box-shadow: 0 0 0 1px rgba(0,0,0,.05) , 0 2px 15px rgba(0, 0, 0, .15); -o-box-shadow: 0 0 0 1px rgba(0,0,0,.05) , 0 2px 15px rgba(0, 0, 0, .15); box-shadow: 0 0 0 1px rgba(0,0,0,.05) , 0 2px 15px rgba(0, 0, 0, .15); } .boxed .imgbox, .project-item .imgbox { display: block; width: 100%; padding-top: 75%; overflow: hidden; position: relative; } .boxed .imgbox { padding-top: 62.5%; } .boxed .imgbox:after, .project-item .imgbox:after { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); -ms-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); -o-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1); } .boxed .imgbox .img, .project-item .img { position: absolute; background-size: cover; background-position: center; display: block; height: 100%; width: 100%; top: 0; left: 0; } .project-item .contentbox { padding: 5px 10px; } .project-item-title { font-size: 18px; font-weight: 500; margin-top: 10px; } .project-item-cat { font-size: 16px; } .project-item p { margin-top: 10px; } @media(min-width: 768px){ .block.boxed img, #sub_cats .block img, #projects .block img { max-width: 100%; } .text-md-right { text-align: right; } .text-md-center { text-align: center; } .sm-auto { width: auto; } body.contact-page { overflow-x: hidden; } } @media(max-width: 767px){ .xs-text-center { text-align: center; } .btn-website-link { width: 100%; float: none; margin-top: 0; margin-bottom: 15px; max-width: 260px; margin-right: auto; margin-left: auto; } .project-page .pt40 { padding-top: 0; } /* .project-item+.project-item { margin-top: 40px; } */ } @media(max-width: 480px){ .btn-website-link { max-width: none; } } .form-required { color:#c66; } /* Header Main Menu */ .menu-collapser { /*position: relative;*/ position: absolute; right: 0; top: 6px; width: 100%; height: 48px; padding: 0 8px; color: #FFF; font-size: 16px; line-height: 48px; /*background-color: #999;*/ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .collapse-button { position: absolute; right: 15px; top: 50%; width: 40px; padding: 7px 10px; color: #1c7c90; font-size: 14px; text-align: center; background-color: #fff; cursor: pointer; transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .collapse-button:hover,.collapse-button:focus { color: #FFF; background-color: rgba(255,255,255,.95);/*#040404*/ } .collapse-button .icon-bar { display: block; height: 2px; width: 18px; margin: 2px 0; background-color: #1c7c90; border-radius: 1px } ul.slimmenu { width: 100%; margin: 0; padding: 0; list-style-type: none; } ul.slimmenu:before,ul.slimmenu:after { content: ''; display: table } ul.slimmenu:after { clear: both } ul.slimmenu.collapsed li { display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } ul.slimmenu.collapsed li>ul { position: static; display: none } ul.slimmenu.collapsed li a { display: block; border-bottom: 1px solid rgba(0,0,0,0.075); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } ul.slimmenu.collapsed li .sub-toggle { height: 40px; } ul.slimmenu li { position: relative; float: left; display: inline-block; } ul.slimmenu li.separator { float: left; } ul.slimmenu li.separator span { background: #fafafa; height: 5px; width: 100%; display: block; margin: 1px auto; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } ul.slimmenu li li { background-color: #fff; } ul.slimmenu li ul { margin: 0; list-style-type: none } ul.slimmenu li ul li { /*background: #bbbbbb;*/ min-width: 200px; text-align: left; } ul.slimmenu li>ul { position: absolute; left: 0; top: 100%; z-index: 999; display: none; width: 100%; padding-left: 0px; min-width: 200px; box-shadow: 1px 2px 4px rgba(0,0,0,.05), 1px 2px 10px rgba(0,0,0,.02); } ul.slimmenu .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; color: #fff; } ul.slimmenu ul li .caret { color: #222; } ul.slimmenu li>ul>li ul { position: absolute; left: 100%; top: 0; z-index: 999; display: none; width: 100% } ul.slimmenu li a { display: block; padding: 10px 11px 10px 10px; color: #fff; font-size: 16px; font-weight: 400; transition: background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out; -webkit-transition: background-color 0.5s ease-out; font-smooth: never; -webkit-font-smoothing : none; } ul.slimmenu li ul li a { color: #333; font-size: 13px; } ul.slimmenu li.has-submenu a { padding: 10px 30px 10px 12px; } ul.slimmenu li a:hover { text-decoration: none; } ul.slimmenu ul li.active a { background-color: #f4f4f4; font-weight: 600; } ul.slimmenu li ul li a:hover { background-color: #f4f4f4 } ul.slimmenu li .sub-toggle { /* background:none repeat scroll 0 0 rgba(0,0,0,0.075); */ position: absolute; right: 0; top: 0; z-index: 999; width: 30px; height: 100%; text-align: center; cursor: pointer; } ul.slimmenu li .sub-toggle:before { content: ''; display: inline-block; height: 100%; margin-right: -0.25em; vertical-align: middle } ul.slimmenu li .sub-toggle>i { display: inline-block; color: #333; font-size: 12px; vertical-align: middle; } ul.slimmenu>li { /*border-left: 1px solid #eee*/ } ul.slimmenu>li:first-child,ul.slimmenu>li.has-submenu+li { border-left: 0 } ul.slimmenu > li > a { text-transform: uppercase; } ul.slimmenu li>ul { box-shadow: 1px 2px 4px rgba(0,0,0,.1), 1px 2px 10px rgba(0,0,0,.02); } #header .right-contact { margin-left: auto; display: block; position: absolute; right: 0; top: -5px; } @media(min-width: 768px) and (max-width: 990px){ ul.slimmenu { padding-left: 110px; } ul.slimmenu > li a { padding: 8px !important; } ul.slimmenu li.has-submenu a { padding: 8px 30px 8px 12px !important; } .logo { left: 0; top: -11px; } .logo img { height: 56px; } } @media(min-width: 991px){ ul.slimmenu > li > a { font-size: 18px !important; font-weight: 600; } ul.slimmenu { padding-left: 140px; } /* ul.slimmenu li a { font-size: 16px; } */ .logo { left: 0; top: -20px; display: block; position: absolute; } .logo img { height: 76px; } } @media(min-width: 1200px){ ul.slimmenu { /*padding-left: 200px;*/ } .logo { left: 0; top: -30px; } .logo img { height: 96px; } } @media(min-width: 1400px){ .logo { left: 39px; } ul.slimmenu { text-align: center; padding-left: 0; padding-right: 115px; } ul.slimmenu li { float: none; } #sub_header .content > div.left-content { text-align: right; width: 29%; } #header .right-contact { right: 25px; } } @media(min-width: 768px) and (max-width: 768px) and (min-height: 600px){ .swiper-container { height: 500px; max-height: 500px; } ul.slimmenu { padding-left: 110px; } ul.slimmenu li a { font-size: 13px; } ul.slimmenu > li.has-submenu > a { padding: 8px 25px 8px 3px !important; } #header .right-contact { right: 15px !important; } } @media(min-width: 1024px) and (max-width: 1024px) and (min-height: 800px){ .swiper-container { height: 500px; max-height: 500px; } .slice--experiences { max-height: 700px; } .video-embed { margin-top: 100px; } } /*--------------*/ /* Header & Nav */ #header { position: relative; top: 0; left: 0; right: 0; background: #1c7c90; position: relative; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); box-shadow: 0 2px 3px rgba(0,0,0,.05); z-index: 2; } @media(min-width: 768px){ #header { height: 100px; padding: 30px 15px; color: #fff; text-align: center; } } @media(max-width: 767px){ ul.slimmenu.collapsed li .sub-toggle { width: 100%; text-align: right; } ul.slimmenu.collapsed li .sub-toggle .caret { margin-right: 12px; } ul.slimmenu.collapsed li .sub-toggle .caret.up { border-top: none; border-bottom: 4px dashed; border-bottom: 4px solid\9; } ul.slimmenu li ul li ul li { padding-left: 10px; } #header a.logo { display: inline-block; position: relative; z-index: 10; margin-left: 2vh; } } #sub_header { background: #fff; } #sub_header ul { width: 100% } #sub_header ul>li a { color: #000; padding: 0 7px; font-weight: 600; } #sub_header ul>li.active a, #sub_header ul>li.active a:hover { -webkit-box-shadow: 0 3px rgba(0,0, 0, 0.15); -moz-box-shadow: 0 3px rgba(0,0, 0, 0.15); -ms-box-shadow: 0 3px rgba(0,0, 0, 0.15); -o-box-shadow: 0 3px rgba(0,0, 0, 0.15); box-shadow: 0 3px rgba(0,0, 0, 0.15); } #sub_header .content { display: table; width: 100%; height: 80px; margin: 0 auto; vertical-align: middle; } #sub_header .content > div { display: table-cell; } @media(min-width: 768px){ #sub_header { border-bottom: 1px solid #dedede; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.03); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.03); -ms-box-shadow: 0 1px 3px rgba(0,0,0,.03); -o-box-shadow: 0 1px 3px rgba(0,0,0,.03); box-shadow: 0 1px 3px rgba(0,0,0,.03); } #sub_header .find { /*border: 1px solid #eee*/ text-transform: uppercase; font-size: 12px; font-weight: bold; color: #111; } #sub_header ul>li { padding: 0; margin: 0; float: left; } #sub_header .list-inline, #sub_header .list-inline li { margin: 0 !important; } #sub_header .content { height: auto; } #sub_header ul>li a:hover { background: #f4f4f4; box-shadow: 0 0 4px rgba(0,0,0,0.045) } #sub_header ul>li a { padding: 7px 10px; border-right: 1px solid #eee; font-size: 13px; text-decoration: none; } /* Contact BTN */ .btn.contact-btn { background: #fff; text-shadow: none; color: #1c7c90; padding: 10px 12px; position: relative; } /* .btn.contact-btn:before { content: ''; display: block; border: 2px solid #03a49d; position: absolute; left: 2px; top: 2px; right: 2px; bottom: 2px; z-index: 0; } */ .contact-btn:hover { background-color: #1c7c90; border-color: #1c7c90; color: #fff; } } @media(min-width: 992px){ #sub_header ul>li a { font-size: inherit; padding: 10px 20px; } #sub_header .content { height: 40px; } } @media(max-width: 767px){ #sub_header { width: 100%; overflow: hidden; } #sub_header .content { height: auto; } #sub_header .container { padding: 10px; } #sub_header .scroll-content { /*padding: 16px 0 16px 16px;*/ transform: translate3d(0,0,0); overflow-x: auto; } #sub_header .scroll-overlay-left, #sub_header .scroll-overlay-right { height: 40px; position: absolute; pointer-events: none; top: 0; width: 24px; z-index: 2; } #sub_header .scroll-overlay-left { background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0))); left: 0; border-bottom-left-radius: 8px; } #sub_header .scroll-overlay-right { background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1))); border-bottom-right-radius: 8px; right: 0; } #sub_header .content, #sub_header .content .d-tbc { display: block; } #sub_header .right-content { position: absolute; right: 10px; top: 66px; } .overflow-horizontal-scroll { -webkit-user-select: none; display: block !important; padding: 0; position: relative; -webkit-overflow-scrolling: touch; overflow-x: auto; } .overflow-horizontal-scroll::-webkit-scrollbar { display: none; } .overflow-horizontal-scroll ul { display: inline-block; white-space: nowrap; /*overflow: hidden;*/ margin-left: 0; padding-left: 0; display: flex; max-height: none; } .overflow-horizontal-scroll ul li { display: inline-block; box-sizing: border-box; margin: 0; padding: 0px 16px; text-align: center; font-size: 13px; background-color: #fff; border-radius: 4px; border: 1px solid rgba(0,0,0,.12); box-sizing: border-box; padding: 5px 8px 5px; display: inline-block; flex-shrink: 0; margin-left: 8px; overflow: hidden; white-space: normal; } .overflow-horizontal-scroll li:first-child { margin-left: 0; } .overflow-horizontal-scroll ul li a { text-decoration: none !important; } .overflow-horizontal-scroll ul li:hover { text-decoration: none; background: rgba(0,0,0,.03); } #sub_header .contact-btn { float: none !important; } } .dropdown.dropdown-hover:hover>.dropdown-menu { display: block; } .dropdown.dropdown-hover>.dropdown-toggle:active { /*Without this, clicking will make it sticky*/ pointer-events: none; } .sub__menu .dbt { display: table !important; } .sub__menu li .dropdown { /*top: 5px;*/ position: relative; } .sub__menu .mega-menu { top: 28px; left: -20px; width: 300px; } .sub__menu .mega-menu li a { padding: 5px 16px !important; } .sub__menu .mega-menu li a .section__img { width: 80px; float: left; } @media(min-width: 768px){ .sub__menu .mega-menu li a .section__img { padding-right: 10px; } } .dropdown.open .mega-menu:before, .dropdown.open .mega-menu:after { content: ""; display: block; width: 0; height: 0; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; top: -6px; left: 34px; z-index: 0; } .sub__menu .dropdown.open .mega-menu:after { border-bottom-color: rgba(0,0,0,.15); top: -7px; z-index: -1; } .navbar-inverse { background-color: #1c7c90; border-color: #452b6b; } .navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-brand { color: #aaa; } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { border-radius: 5px; background-color: rgba(0,0,0,.3); } @media(max-width: 380px){ .navbar-inverse .navbar-brand { font-size: 100% } } .navbar-inverse .navbar-toggle { border-color: rgba(0,0,0,.2); } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: rgba(0,0,0,.2); } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: rgba(0,0,0,.2); } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { /* background-color: #fff; color: #222; */ background-color: rgba(0,0,0,.1); /*border-radius: 4px 4px 0 0;*/ color: #fff; } .navbar-nav>li>.dropdown-menu { margin-top: 0; /*border-radius: 0;*/ /* border-top-right-radius: 0; */ /* margin-left: -1px; */ /* margin-top: -1px; */ border: 0; background: #fafafa; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.175); box-shadow: 0 2px 3px rgba(0,0,0,.175); } /* @media (max-width: 767px) { .navbar-none { color: #fff; background: #1c7c90; } .navbar-none a { color: #fff } } */ .above-header { display: block; height: 30px; background: #1c7c90; /*1c7c90-462c6d*/ } .above-header .list-unstyled { margin-bottom: 0; } .above-header .list-unstyled li { float: left; font-size: 12px; padding-top: 7px; /* font-weight: bold; */ color: rgba(255,255,255,.5); /*#aca1bb*/ } .above-header .list-unstyled li+li { margin-left: 15px; } .above-header .list-unstyled li i { font-size: 120%; line-height: 16px; color: rgba(255,255,255,.3); /*#7c6b96*/ } .social-links { margin-top: 2px; margin-bottom: 0; padding-left: 10px; } .social-links li { list-style: none; float: left; margin-right: 1px; } .social-links li a { color: rgba(255,255,255,.4); display: block; text-align: center; font-size: 15px; /* border: 1px solid rgba(255,255,255,.2); */ width: 26px; height: 26px; line-height: 26px; border-radius: 5px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; /* background: rgba(0,0,0,.02); */ } .social-links li a:hover { color: #fff; border-color: rgba(255,255,255,.05); background: rgba(255,255,255,.05); /*box-shadow: 0 0 0 1px rgba(255,255,255,.3);*/ } #bfg-com-breadcrumbs { margin-top: 20px; font-size: 80% } #bfg-com-breadcrumbs a { font-weight: 600; } #bfg-com-breadcrumbs.bfg-com-product-breadcrumbs, #bfg-com-breadcrumbs.bfg-com-category-breadcrumbs { overflow: hidden; padding: 0 0 15px 0; margin: 0; } #bfg-com-breadcrumbs.bfg-com-product-breadcrumbs, #bfg-com-breadcrumbs.bfg-com-category-breadcrumbs { padding-bottom: 5px; padding-top: 10px; } #bfg-com-breadcrumbs.bfg-com-product-breadcrumbs .bfg-com-breadcrumb-arrow, #bfg-com-breadcrumbs.bfg-com-category-breadcrumbs .bfg-com-breadcrumb-arrow { opacity: 0.5; padding: 0 6px; } #bfg-com-breadcrumbs.bfg-com-product-breadcrumbs .bfg-com-breadcrumb, #bfg-com-breadcrumbs.bfg-com-category-breadcrumbs .bfg-com-breadcrumb { display: block; float: left; font-size: 1em; margin: 0 !important; padding: 0 !important; } .featured-slogan { text-align: center; /*font-style: italic;*/ padding: 30px 15px 35px; font-size: 28px; background: #1c7c90 url(../images/square_bg.png); color: #fff; font-family: 'Staatliches', 'Open Sans', Arial, serif; text-transform: uppercase; border-top: 5px solid #1c7c90; /*#039e98*/ } .share-links { position: relative; display: block; top: 0; position: absolute; right: 0; } .bottom-ui { height: 30px; } .bottom-ui .share-links { top: auto; bottom: 0; right: 15px; } .bottom-ui .share-links:before { content: 'SHARE'; position: absolute; left: -40px; font-size: 10px; color: #ccc; top: 4px; } .bfg-sharing-box a { box-shadow: none!important; } .share-links a { text-decoration: none!important; } /* .bfg-social-network-icon { display: inline-block; margin: 0 10px 10px; font-size: 16px; color: #46494a; text-decoration: none; box-shadow: none!important; } */ .share-links .icon-social-item { width: 14px; margin: 0 5px; } .bfg-social-network-icon:hover { opacity: .8; } .bfg-sharing-box .bfg-social-networks a { font-size: 16px; } .bfg-sharing-box .bfg-social-networks .bfg-social-network-icon { margin-bottom: 0; text-decoration: none; } .screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute!important; width: 1px; word-wrap: normal!important; } @media(max-width: 767px){ .share-links { top: -24px; } } /* Headings */ .page-heading h1 { font-size: 16px; font-weight: 600; color: #1c7c90; } .article-page .page-heading h1 { font-size: 20px; } .article-page .page-sub-heading { font-size: 16px; font-weight: 600; margin-bottom: 10px; } #sub_cats h4 {} #sub_cats h3 { color: #808080; font-size: 17px } .block.boxed a, #sub_cats .block a { display: block; padding: 10px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .block.boxed a:hover, #sub_cats .block a:hover { background: #fff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); text-decoration: none; } .in-well { background: #fff; padding: 8px 16px; border: 1px solid #eee; margin: 0 0 35px 0; } .in-well ul { margin-bottom: 0; } .page_sub_cats li { font-weight: 600; text-decoration: underline; } .ui.sticky { -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.03); -moz-box-shadow: 0 1px 0 rgba(0,0,0,.03); -ms-box-shadow: 0 1px 0 rgba(0,0,0,.03); -o-box-shadow: 0 1px 0 rgba(0,0,0,.03); box-shadow: 0 1px 0 rgba(0,0,0,.03); z-index: 1; } .ui.sticky.fixed { -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.03), 0 1px 2px rgba(0,0,0,.03); -moz-box-shadow: 0 1px 0 rgba(0,0,0,.03), 0 1px 2px rgba(0,0,0,.03); -ms-box-shadow: 0 1px 0 rgba(0,0,0,.03), 0 1px 2px rgba(0,0,0,.03); -o-box-shadow: 0 1px 0 rgba(0,0,0,.03), 0 1px 2px rgba(0,0,0,.03); box-shadow: 0 1px 0 rgba(0,0,0,.03), 0 1px 2px rgba(0,0,0,.03); } .sticky-gap.fixed { width: 100%; height: 41px; } #sticky.stick { position: fixed; width: 100%; top: 0; z-index: 10000; border-radius: 0 0 0.5em 0.5em; } .full-head-nav { text-align: center; } .full-head-nav .in-well { border: 0; background: #fefefe; border-bottom: 1px solid #eee; padding: 5px; margin-bottom: 0; } .full-head-nav .page_sub_cats li a { text-decoration: none !important; height: 30px; line-height: 30px; display: inline-block; } .full-head-nav .page_sub_cats li { font-size: 13px; text-decoration: none !important; text-transform: uppercase; } .full-head-nav .page_sub_cats li:hover { background: #fafafa; } .full-head-nav .page_sub_cats li+li { border-left: 1px solid #eee; padding-left: 10px; padding-right: 10px; } @media(max-width: 767px){ .full-head-nav .page_sub_cats li, .full-head-nav .page_sub_cats li a { width: 100%; display: block; } .full-head-nav .page_sub_cats li+li { border-left: 0; border-top: 1px solid #eee; } } .list-inline.with-active li a { color: #818181; } .list-inline.with-active li.active a { cursor: default; color: #000; } @media(min-width: 768px){ .list-inline .boxed-link a { display: inline-block; padding: 10px 12px !important; text-decoration: none !important; border: 2px solid #eee; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .list-inline .boxed-link a:hover { color: #fff !important; background: #1c7c90; border-color: #fff; } } /* FOOTER */ #footer { position: relative; bottom: 0; width: 100%; height: auto; background-color: #222; border-top: 1px solid rgba(0,0,0,0.1); font-size: 80%; color: #aaa; } #footer a { color: #888; text-decoration: none; transition: color .3s ease-in-out; } #footer a:hover { color: #1c7c90;/*#777*/ } #footer p { margin-bottom: 0; } #footer .top { padding: 30px 0; } #footer.mini .top { padding: 20px 0; } #footer .bottom { border-top: 1px solid #9a9a9a; } #footer .slogan { font-size: 14px; font-weight: 700; margin-bottom: 20px; } #footer h4 { color: #808080; font-size: 15px; margin-bottom: 30px; } #footer .form-control { border: 1px solid #9a9a9a; padding: 5px 14px; height: auto; font-size: 13px; background:none; color: #fff; } #footer ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #9a9a9a; } #footer ::-moz-placeholder { /* Firefox 19+ */ color: #9a9a9a; } #footer :-ms-input-placeholder { /* IE 10+ */ color: #9a9a9a; } #footer :-moz-placeholder { /* Firefox 18- */ color: #9a9a9a; } #footer button.btn.dropdown-toggle.bs-placeholder.footer-location { padding: 0; background: none; font-size: 100%; border: 0; margin: 0; } #footer .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 104px; } #footer .bootstrap-select.btn-group .dropdown-menu { left: auto; right: 0; border-radius: 0; } .footer-col_list { padding-left: 0; overflow: hidden; list-style: none; transition-property: all; transition-duration: .3s; transition-timing-function: linear; max-height: 0 } .footer-col_list li+li { margin-top: 6px; } .footer-col_link { display: block; font-size: 13px; text-decoration: none } .footer-col_link { margin-bottom: 1.5rem; } @media (min-width: 768px) { #footer .slogan { font-size: 19px; } .footer-col_list { /*padding-top:1.5rem;*/ max-height: none } .footer-col_link { display:inline; margin-bottom: 0 } } @media (max-width: 768px) { body { margin-bottom: 0; } #footer.mini { position: relative; } #footer.mini .top { padding: 5px 0; } #footer.mini .top .container { padding: 0 } } .icon-social-item { display: inline-block; vertical-align: top; margin: 0 1px; width: 24px; height: 24px; } .icon-social .icon-social-item { vertical-align: middle; background-image: none; background-repeat: no-repeat; text-transform: none; text-decoration: none; display: inline-block; width: 25px; height: 25px; margin-right: 5px; border-radius: 50%; color: #313131 !important; line-height: 25px; font-size: 11px; text-align: center; background: #808080; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .icon-social .icon-social-item:hover { background: #1c7c90; } .footer_legal { padding: 15px; } @media(max-width: 767px){ .footer_legal .col-xs-12 { text-align: center; } .footer_legal .copy, .footer_legal .powered { display: block; float: none !important; } #footer a{display:block;margin:0 auto; float:none} } .jumbotron { padding: 30px 40px; font-size: 16px; } .jumbotron h1 { margin-top: 0; font-size: 50px; } .jumbotron p { font-size: 18px; line-height: 1.8; } .contact-form { padding: 16px; } .map-container { position: relative; height: 220px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border-top: 1px solid rgba(0,0,0,.05); border-bottom: 1px solid rgba(0,0,0,.05); background: #efefef; margin: 0 auto 10px; -webkit-box-shadow: inset 0 -2px 3px rgba(255,255,255,.6); -moz-box-shadow: inset 0 -2px 3px rgba(255,255,255,.6); -ms-box-shadow: inset 0 -2px 3px rgba(255,255,255,.6); -o-box-shadow: inset 0 -2px 3px rgba(255,255,255,.6); box-shadow: inset 0 -2px 3px rgba(255,255,255,.6); } .social-link { /*margin-right: 10px;*/ font-size: 12px; } .social-link i { font-size: 18px; background: rgba(0,0,0,.05); padding: 0; width: 30px; height: 30px; display: inline-block; margin-right: 5px; color: #6d5296; box-shadow: 0 0 0 1px rgba(0,0,0,.15); line-height: 30px; text-align: center; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .social-link:hover i { box-shadow: 0 0 0 1px rgba(0,0,0,.12), 0 0 0 3px rgba(0,0,0,.1); } .help-block.form-error { font-size: 12px; } .main-page { padding-bottom: 40px; } @media(min-width: 768px){ .home-page.main-page { padding-bottom: 395px; } .main-page { padding-bottom: 92px; min-height: calc(100vh - 333px); } } /* .slogan { background-color: #edf7ff; border-color: #d5e2ec; color: #257; font-size: 18px; font-weight: 600; } .slogan b { position: relative; font-size: 19px; color: #268; } */ /* CUSTOMIZE THE NAVBAR -------------------------------------------------- */ /* Special class on .container surrounding .navbar, used for positioning it into place. */ /* .navbar-wrapper { position: absolute; top: 0; right: 0; left: 0; z-index: 20; } */ /* Flip around the padding for proper display in narrow viewports */ .navbar-wrapper > .container { padding-right: 0; padding-left: 0; } .navbar-wrapper .navbar { padding-right: 15px; padding-left: 15px; margin-bottom: 0; } .navbar-wrapper .navbar .container { width: auto; } /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ .bg-hero-carousel { position: absolute; top: 0; left: 0; right: 0; bottom: 0; /*background: url(../../images/slide01_1.jpg) center no-repeat;*/ background-size: cover; } .slide-1 { background: url(http://via.placeholder.com/1440x960) top no-repeat; background-size: cover; } .slide-1:after { content: ""; position: absolute; background: rgba(0,0,0,.4); top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } .slide-2 { background: url(http://via.placeholder.com/1440x960) center no-repeat; background-size: cover; } .slide-3 { background: url(http://via.placeholder.com/1440x960) center no-repeat; background-size: cover; } /* Carousel base class */ .carousel { height: 500px; /*margin-bottom: 60px;*/ } /* Since positioning the image, we need to help out the caption */ .carousel-caption { z-index: 10; } /* Declare heights because of positioning of img element */ .carousel .item { height: 500px; /* background-color: #777; */ } .carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 500px; } /* Slider */ .swiper-container { height: 500px; } @media(min-width: 768px){ .swiper-container { min-height: 500px; height: calc(100vh - 280px); } } @media(min-width: 1400px){ .swiper-container { height: calc(100vh - 220px); } } @media(min-width: 641px){ .partners .swiper-pagination { display: none; } } .swiper-pagination-bullet { background: #fff; opacity: .6; } .swiper-pagination-bullet-active { background: #1c7c90 !important; opacity: 1; } .partners .swiper-pagination-bullet { background: #ccc } .slider-content, section.main .wrapper { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); top: 50%; } .slider-content { position: relative; z-index: 15; transform: translateY(-50%); } .slider-content p { font-size: 15px; } .slider-content .block { background: rgba(0,0,0,.65); /*border-radius: 5px;*/ } .overlay-black>div.container, .overlay-blue>div.container .overlay-gradient>div.container { position: relative; z-index: 4; } .overlay-black .slider-content .block { background: rgba(0,0,0,.5); padding: 18px 18px 20px; } .capitalize, .section-title { text-transform: capitalize; } .section-title { font-family: Helvetica, Arial, "Open Sans"; /*text-align: center;*/ /*padding-bottom: 15px;*/ margin: 0; } .text-white { color: #f6f6f6; } .text-white a { color: #f6f6f6; text-decoration: underline; } .text-white a:hover { color: #fff; } .slider-content h2 { font-size: 38px; margin-bottom: 5px; /*text-transform: initial;*/ } .slider-content h3 { margin-top: 0; font-size: 20px; font-weight: 300; line-height: 1.3; margin-bottom: 15px; } .swiper-button-next, .swiper-button-prev, section#categories2 .cat-wrapper ul li:before { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .swiper-button-next, .swiper-button-prev { top: 50%; transform: translateY(-50%); width: 45px; height: 45px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: rgba(30,31,33,.3); text-align: center; opacity: .1; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .swiper-wrapper .swiper-button-next, .swiper-wrapper .swiper-button-prev { opacity: .35; } .swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { opacity: 1; } .swiper-container .swiper-button-next i, .swiper-container .swiper-button-prev i { font-size: 30px; color: #f6f6f6; line-height: 45px; } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white, .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-repeat: no-repeat; background-position: center; background-size: 30%; } .page-masthead { overflow: hidden; position: relative } .page-masthead h1::before { content: ''; position: absolute; top: 0 } .page-masthead * { color: #FFF } .page-masthead video { position: absolute; top: 50%; left: 50%; min-height: 100%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%) } @supports (object-fit:cover) { .page-masthead video { position: static; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; height: 100%; object-fit: cover; } } @media only screen and (min-width:1025px) { .page-masthead { height: -webkit-calc(100vh - 33px); height: calc(100vh - 33px); } .page-masthead .hero__body { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } } .hero__bg { z-index: 1; position: absolute; -webkit-background-size: cover; background-size: cover; background-position: center; overflow: hidden; } .hero__bg { top: 0; left: 0; width: 100%; height: 100%; } /* HOME PAGE */ .headlines { padding: 0; margin: 20px 0 15px; } .headlines li { padding: 5px 10px; font-size: 13px; line-height: 1.5; color: #555; } @media (min-width: 330px) { #footer { /*height: 75px;*/ } } @media (min-width: 768px) { #footer { height: auto; } } /* RESPONSIVE CSS -------------------------------------------------- */ @media (min-width: 768px) { .ui.breadcrumb { line-height: 1; display: inline-block; margin: 0; vertical-align: middle; } .ui.breadcrumb:first-child { margin-top: 0; } .ui.breadcrumb:last-child { margin-bottom: 0; } .ui.mini.breadcrumb { font-size: 11px; padding: 0 15px; } .breadcrumb .icon { line-height: 11px!important; font-size: 13px!important; margin-left: -18px!important; } i.tiny.icon, i.tiny.icons { line-height: 1; font-size: .7em; } .left { float: left; } .ui.breadcrumb a { color: #33373D; } .grey-text { color: #89959B; } body { padding-top: 0; background: linear-gradient(to bottom, #f9f9f9 0%, #fff 30%); } .home-page #header { margin-bottom: 0 !important; } #navbar { float: right; margin-top: -20px; } /* NOBG */ .navbar-inverse { background: none; } .navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #555; border-radius: 4px; margin-right: 6px; padding: 10px 15px; } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>li>a:hover { color: #222; background: #eee; } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { color: #fff; background: #1c7c90; } /* Navbar positioning foo */ .navbar-none { /*background: none !important;*/ border: 0; } .navbar-wrapper { margin-top: -50px; } .navbar-wrapper .container { padding-right: 15px; padding-left: 15px; } .navbar-wrapper .navbar { padding-right: 0; padding-left: 0; margin-bottom: 0; } .posrel { position: relative; } .logo { display: block; position: absolute; } /* The navbar becomes detached from the top, so we round the corners */ .navbar-wrapper .navbar { border-radius: 0px; } } .page-side { margin-top: 00px; padding-left: 0; } .page-side-menu { padding-left: 0; list-style: none; } .page-side-menu { overflow: hidden; } .page-side-menu li.main > a { font-weight: 600; } .page-side-menu li a { font-size: 13px; /*white-space: nowrap;*/ display: inline-block; vertical-align: middle; text-overflow: ellipsis; overflow: hidden; } .page-side-menu .has-sub.active > a { text-decoration: none; } .page-side-menu .active > a { font-weight: 600; text-decoration: underline; cursor: default; } @media(min-width: 768px) and (max-width: 991px){ .page-side-menu li a { font-size: 80% } } .page-content { position: relative; } .page-content p a { text-decoration: underline; font-weight: 600; } .image-right { border: 1px solid #eee; outline: 1px solid #fff; -webkit-box-shadow: 0 6px 10px 0px rgba(0,0,0,.07); -moz-box-shadow: 0 6px 10px 0px rgba(0,0,0,.07); -ms-box-shadow: 0 6px 10px 0px rgba(0,0,0,.07); -o-box-shadow: 0 6px 10px 0px rgba(0,0,0,.07); box-shadow: 0 6px 10px 0px rgba(0,0,0,.07); margin-bottom: 15px; } @media(min-width: 992px){ .image-right { float: right; margin-left: 15px; max-width: 320px; } } .history-timeline { position: relative; } /* .history-timeline .box { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } */ .history-timeline:before { content: ""; position: absolute; width: 5px; display: block; height: 100%; background: #1c7c90; top: 0; left: 30px; bottom: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .history-timeline p { padding-left: 40px; } a.call-to-action { padding: 22px 36px; display: block; } a.call-to-action i { margin-right: 10px; display: inline-block; vertical-align: top; font-size: 18px; } a.call-to-action.inverse { background: #313131; color: #fff; } a.call-to-action.inverse:hover { background: #5b5b5b; text-decoration: none; } .contact-logo img, .contact-logo svg { width: 150px; } .panel-block .above-head { font-size: 12px; } .panel-block .head { font-size: 20px; font-weight: 600; margin-bottom: 20px; position: relative; } .panel-block .head:after { content: ''; height: 1px; width: 100px; bottom: -7px; background: #313131; position: absolute; left: 0 } .panel-block img { margin-bottom: 15px; } .fact-block { padding: 20px 30px; background: #313131; color: #fff; margin-top: 15px; margin-bottom: 15px; } .fact-block p { font-size: 20px; line-height: 32px; margin-bottom: 0; } .single-project-page h1 { margin-top: 15px; font-size: 20px; margin-bottom: 20px; } .single-project-page .paragraph { font-size: 15px; line-height: 22px; } .paragraph h5 { font-size: 16px; font-weight: bold; margin-top: 30px; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #1c7c90; border-color: #1c7c90; } .pagination>li>a, .pagination>li>span { color: #1c7c90; } /* * Accordion *--------------------------------------------------- */ .accordion .accordion-title { position: relative; display: block; border: 1px solid #f0f0f0; margin-bottom: 6px; border-radius: 2px; } .accordion .accordion-title h3 { font-size: 18px; margin-top: 0; margin-bottom: 0; line-height: 1; } .accordion .accordion-title a { display: block; padding: 10px 10px 10px 38px; color: inherit; background-color: #f8f8f8; color: #515A5F; text-decoration: none; font-size: 14px; line-height: 20px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .accordion .accordion-title a:hover { background: #f2f2f2 } .accordion .accordion-title a i { font-size: 22px; margin-right: 5px; } .accordion .accordion-title span { position: absolute; background: url(../imgs/plus_minus.png) 0px -24px no-repeat; width: 24px; height: 24px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; margin: 7px 7px; left: 0; } .accordion .accordion-title.active span { background: url(../imgs/plus_minus.png) 0px 0px no-repeat; } .accordion .accordion-title.active a i { } .accordion .accordion-inner { padding: 7px 15px 10px 15px; display: none; margin: -7px 0 6px; border: 1px solid #f0f0f0; } .accordion .accordion-inner div { /*margin-left: 45px;*/ padding: 0px 5px 10px 10px; margin-bottom: 6px; } .accordion .accordion-inner .ug-gallery-wrapper, .accordion .accordion-inner .ug-gallery-wrapper div { margin-left: 0; padding: 0; } .accordion.mini .accordion-title a { padding-top: 5px; padding-bottom: 5px; } .accordion.mini .accordion-title span { margin: 3px 7px; } /*! * IE10 viewport hack for Surface/desktop Windows 8 bug * Copyright 2014-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /* * See the Getting Started docs for more information: * http://getbootstrap.com/getting-started/#support-ie10-width */ @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /* * Off Canvas * -------------------------------------------------- */ @media screen and (max-width: 767px) { html .page-offcanvas { overflow-x: hidden; } .row-offcanvas { position: relative; -webkit-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; } .row-offcanvas-right { right: 0; } .row-offcanvas-left { left: 0; } .row-offcanvas-right .sidebar-offcanvas { right: -80%; /* 6 columns */ } .row-offcanvas-left .sidebar-offcanvas { left: -80%; /* 6 columns */ } .row-offcanvas-right.active { right: 80%; /* 6 columns */ } .row-offcanvas-left.active { left: 80%; /* 6 columns */ } .sidebar-offcanvas { position: absolute; top: 0; width: 80%; /* 6 columns */ } } @media print{ header nav, footer { display: none; } div.video-content { display: none; } .collapse { display: block !important; height: auto !important; } img.main-img { width: 150px; height: auto; display: inline-block; } .grid-images li:first-child { display: none; } } .page-content a.contact-call-out { display: block; text-align: center; text-decoration: none !important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .page-content a.contact-call-out:hover { background: #1c7c90; color: #fff; border-color: rgba(0,0,0,.05); } #com-product-images { margin-top: 15px; } #com-product-images-strip { margin-top: 7.5px } .imageaspectratio-image-container { position: relative; width: 100%; line-height: 0; } .imageaspectratio-image-height { display: inline-block; margin-bottom: 100% !important } .imageaspectratio-image-wrap { background: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; text-align: center } #com-product-images .imageaspectratio-image-height, .com-category-product-image-height.imageaspectratio-image-height, .product .imageaspectratio-image-height, .com-category-product-featured-image-height.imageaspectratio-image-height { margin-bottom: 66% !important; } .com-product-images-main-image { width: 100%; max-height: 1280px; overflow: hidden } .imageaspectratio-image { position: absolute; } #com-product-images-strip { width: 100% } #com-product-images-strip .com-product-images-secondary { border-radius: 3px; display: inline-block; margin-top: 7.5px; vertical-align: top } #com-product-images-strip .com-product-images-secondary-outer { border-radius: 3px; margin-right: 7.5px; padding: 3px; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05),0 0 0px 1px rgba(0,0,0,0.1) inset } #com-product-images-strip .com-column { width: 20% } .cloud-zoom-gallery { float: left; } #cloudzoom-wrap { overflow: hidden; z-index: 0; } .ug-lightbox .ug-textpanel-title { /*margin-top: 10px !important;*/ font-weight: 600 !important; line-height: 24px !important; overflow: visible !important; } .ug-lightbox .ug-textpanel-description { font-size: 13px !important; line-height: 1 !important; } .ug-gallery-wrapper .ug-textpanel, .ug-textpanel-textwrapper { overflow: visible !important; } /* GDPR Cookie dialog */ .gdprcookie { position: fixed; color: white; font-size: .8em; line-height: 1.5em; right: 1.5rem; bottom: 1.5rem; max-width: 25em; padding: 2rem; background: black; z-index: 10; } .gdprcookie h1, .gdprcookie h2 { font-size: 1.2em; margin-bottom: 1rem; margin-top: 0; } .gdprcookie h2 { font-size: 1.2em; } .gdprcookie a { color: #1c7c90; } .gdprcookie-intro i { width: 18px; height: 18px; display: block; position: absolute; right: 15px; top: 15px; background: rgba(255,255,2555,.1); text-align: center; font-weight: bold; font-style: normal; cursor: pointer; z-index: 1; color: #aaa; } /* GDPR Cookie buttons */ .gdprcookie-buttons { text-align: center; margin-top: 15px; } .gdprcookie-buttons button { color: white; font-family: inherit; font-size: 1em; padding: .4rem; border: solid .05rem currentColor; border-radius: .15rem; margin: 0 .5rem; background: none; cursor: pointer; } .gdprcookie-buttons button:disabled { color: rgba(255,255,255,.5); } /* GDPR Cookie types */ .gdprcookie-types ul { overflow: hidden; padding: 0; margin: 0 0 1rem; } .gdprcookie-types li { display: block; list-style: none; float: left; width: 50%; padding: 0; margin: 0; } .gdprcookie-types input[type=checkbox] { margin-right: .25rem; } .gdprcookie-buttons button:first-child { float: left; text-transform: uppercase; width: 120px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .gdprcookie-buttons button:first-child:hover { background: #1c7c90; border-color: #1c7c90; } .gdprcookie-buttons button:last-child { display: none; border: none; font-size: 10px; float: right; color: #777; } #world_map { position: relative; background: url(../images/map.png) no-repeat center; width: 100%; height: 90vh; background-size:contain; margin-bottom: 50px; } #world_map > div { position: absolute; } #world_map > div div { position: relative; } #world_map div span.title { position: absolute; font-size: 8px; font-weight: bold; left: 50%; top: -12px; display: block; text-align: center; -webkit-transform: translate(-123%, 0); -moz-transform: translate(-123%, 0); -ms-transform: translate(-123%, 0); -o-transform: translate(-123%, 0); transform: translate(-123%, 0); background: rgba(255,255,255,.5); padding: 1px 13px 1px 5px; border-radius: 4px; width: 6.5vh } #world_map .philippines_loc span.title { -webkit-transform: translate(-117%, 0); -moz-transform: translate(-117%, 0); -ms-transform: translate(-117%, 0); -o-transform: translate(-117%, 0); transform: translate(-117%, 0); } .bahrain_loc { left: 77.1%; top: 16.6%; } .brazil_loc { left: 75%; top: 24.4%; } .india_loc { left: 70.2%; top: 50.8%; } .china_loc { left: 78%; top: 35%; } .philippines_loc { left: 80.6%; top: 52%; } .south_africa_loc { left: 56%; top: 72.7%; } .pin { width: 24px; height: 24px; border-radius: 50% 50% 50% 0; background: #000; position: absolute; z-index: 2; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 50%; top: 50%; margin: -20px 0 0 -20px; -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; -ms-animation-name: bounce; animation-name: bounce; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; -ms-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; } .pin:after { content: ''; width: 10px; height: 10px; margin: 7px 0 0 7px; background: #e6e6e6; position: absolute; border-radius: 50%; } .pulse { position: absolute !important; background: rgba(0,0,0,0.2); border-radius: 50%; height: 14px; width: 14px; left: 50%; top: 50%; margin: 3px 0px 0px -15px; -webkit-transform: rotateX(55deg); -moz-transform: rotateX(55deg); -o-transform: rotateX(55deg); -ms-transform: rotateX(55deg); transform: rotateX(55deg); z-index: 0; } .pulse:after { content: ""; border-radius: 50%; height: 40px; width: 40px; position: absolute; margin: -13px 0 0 -13px; -webkit-animation: pulsate 1s ease-out; -moz-animation: pulsate 1s ease-out; -o-animation: pulsate 1s ease-out; -ms-animation: pulsate 1s ease-out; animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-box-shadow: 0 0 1px 2px #89849b; box-shadow: 0 0 1px 2px #89849b; -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; -ms-animation-delay: 1.1s; animation-delay: 1.1s; } @-moz-keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-o-keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -o-transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } 50% { opacity: 1; -ms-filter: none; filter: none; } 100% { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } } @-moz-keyframes bounce { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-2000px) rotate(-45deg); -moz-transform: translateY(-2000px) rotate(-45deg); -o-transform: translateY(-2000px) rotate(-45deg); -ms-transform: translateY(-2000px) rotate(-45deg); transform: translateY(-2000px) rotate(-45deg); } 60% { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(30px) rotate(-45deg); -moz-transform: translateY(30px) rotate(-45deg); -o-transform: translateY(30px) rotate(-45deg); -ms-transform: translateY(30px) rotate(-45deg); transform: translateY(30px) rotate(-45deg); } 80% { -webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } 100% { -webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } } @-webkit-keyframes bounce { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-2000px) rotate(-45deg); -moz-transform: translateY(-2000px) rotate(-45deg); -o-transform: translateY(-2000px) rotate(-45deg); -ms-transform: translateY(-2000px) rotate(-45deg); transform: translateY(-2000px) rotate(-45deg); } 60% { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(30px) rotate(-45deg); -moz-transform: translateY(30px) rotate(-45deg); -o-transform: translateY(30px) rotate(-45deg); -ms-transform: translateY(30px) rotate(-45deg); transform: translateY(30px) rotate(-45deg); } 80% { -webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } 100% { -webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } } @-o-keyframes bounce { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-2000px) rotate(-45deg); -moz-transform: translateY(-2000px) rotate(-45deg); -o-transform: translateY(-2000px) rotate(-45deg); -ms-transform: translateY(-2000px) rotate(-45deg); transform: translateY(-2000px) rotate(-45deg); } 60% { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(30px) rotate(-45deg); -moz-transform: translateY(30px) rotate(-45deg); -o-transform: translateY(30px) rotate(-45deg); -ms-transform: translateY(30px) rotate(-45deg); transform: translateY(30px) rotate(-45deg); } 80% { -webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } 100% { -webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } } @keyframes bounce { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-2000px) rotate(-45deg); -moz-transform: translateY(-2000px) rotate(-45deg); -o-transform: translateY(-2000px) rotate(-45deg); -ms-transform: translateY(-2000px) rotate(-45deg); transform: translateY(-2000px) rotate(-45deg); } 60% { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(30px) rotate(-45deg); -moz-transform: translateY(30px) rotate(-45deg); -o-transform: translateY(30px) rotate(-45deg); -ms-transform: translateY(30px) rotate(-45deg); transform: translateY(30px) rotate(-45deg); } 80% { -webkit-transform: translateY(-10px) rotate(-45deg); -moz-transform: translateY(-10px) rotate(-45deg); -o-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } 100% { -webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); -o-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } } /* Page Gallery */ .page-gallery { min-height: 275px; background: #152e36; padding: 40px 15px; -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.2); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.2); -ms-box-shadow: inset 0 0 10px rgba(0,0,0,.2); -o-box-shadow: inset 0 0 10px rgba(0,0,0,.2); box-shadow: inset 0 0 10px rgba(0,0,0,.2); } .fxeio, .page-gallery ul > li .overlay:before { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .title-wrapper { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; z-index: 3; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,.7); opacity: 1; } .page-gallery ul { margin-bottom: 0; } .page-gallery ul > li { margin-bottom: 25px; } @media(min-width: 768px){ .page-gallery ul > li { float: left; /*margin-right: 20px;*/ width: 25%; } } .page-gallery ul > li .overlay { position: absolute; left:0; right:0; bottom:0; top:0; z-index: 1; background: -moz-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ opacity: 1; } .page-gallery ul > li .overlay:before { content: ''; position: absolute; left:0; right:0; bottom:0; top:0; opacity: 1; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 38%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .page-gallery ul > li a:hover .title-wrapper { bottom: -40%; opacity: 0; } .page-gallery ul > li a:hover .overlay { opacity: 0 } .page-gallery ul > li a { -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.03); -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.03); -ms-box-shadow: 0 0 5px 2px rgba(0,0,0,0.03); -o-box-shadow: 0 0 5px 2px rgba(0,0,0,0.03); box-shadow: 0 0 5px 2px rgba(0,0,0,0.03); border-radius: 3px; display: block; overflow: hidden; position: relative; float: left; } .page-gallery ul > li a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; } .page-gallery ul > li a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .page-gallery ul > li a:hover .page-gallery-poster > img { opacity: 1; } .page-gallery ul > li a .page-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; } .page-gallery ul > li a .page-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .page-gallery ul > li a:hover .page-gallery-poster { background-color: rgba(0, 0, 0, 0.5); } .page-gallery .justified-gallery > a > img { -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); height: 100%; width: 100%; } .page-gallery .justified-gallery > a:hover > img { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .page-gallery .justified-gallery > a:hover .page-gallery-poster > img { opacity: 1; } .page-gallery .justified-gallery > a .page-gallery-poster { background-color: rgba(0, 0, 0, 0.1); bottom: 0; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: background-color 0.15s ease 0s; -o-transition: background-color 0.15s ease 0s; transition: background-color 0.15s ease 0s; } .page-gallery .justified-gallery > a .page-gallery-poster > img { left: 50%; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .page-gallery .justified-gallery > a:hover .page-gallery-poster { background-color: rgba(0, 0, 0, 0.5); } .page-gallery .video .page-gallery-poster img { height: 48px; margin-left: -24px; margin-top: -24px; opacity: 0.8; width: 48px; } .page-gallery.dark > ul > li a { border: 3px solid #04070a; } .home .page-gallery { padding-bottom: 80px; } /* --- */ .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html, .lg-sub-html { position: absolute; background: rgba(3, 183, 176, .85); min-height: 70px; } .lg-sub-html p { font-size: 14px; } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #1c7c90 } .lg-sub-html h4 { font-size: 18px; padding: 0px 10px; } .title_only .lg-sub-html h4, .title_only .lg-sub-html p { /*text-align: right;*/ text-align: left; padding: 0; } .lg-sub-html .btn { position: absolute; border: 0; /*right: 38px;*/ /*margin-top: 20px;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; right: 0; left: 0; top: 0; bottom: 0; background: none; color: #fff; padding: 8px 20px; font-size: 14px; text-align: right; } .title_only .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html, .title_only .lg-sub-html { min-height: auto !important; /*top: 60px;*/ bottom: auto !important; right: 0; /*left: auto;*/ top: 47px; left: 0; } /* Product List */ .products-container { position: relative; /*padding-bottom: 21px;*/ /*overflow: hidden;*/ /*max-height: 260px;*/ } #products { margin: 15px 0; width: 100%; } #products .swiper-wrapper { /*padding-top: 5px;*/ /*padding-bottom: 10px;*/ } #products * { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } #products .swiper-button-next { right: -50px; } #products .swiper-button-prev { left: -50px; } .product-item { font-weight: lighter; cursor: pointer; border: 0; /*width: 270px;*/ /*padding-right: 15px;*/ /*padding-bottom: 15px;*/ float: left; display: inline-block; } .product-item .header { position: relative; overflow: hidden; width: 100%; /*height: 146px;*/ color: #fff; padding: 10px; padding-top: 46%; background-size: cover !important; background-position: center !important; border-radius: 5px; display: block; } .mini .product-item .header, .swiper-container-multirow .product-item .header { padding-top: 27%; } .x-mini .product-item .header { padding-top: 80px; } .product-item .header .overlay { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(28, 124, 144, 1); /* background: -webkit-linear-gradient(top, rgba(2,2,2, 0.55), rgba(74,74,87, 0.55)); background: -moz-linear-gradient(top, rgba(2,2,2, 0.55), rgba(74,74,87, 0.55)); background: -ms-linear-gradient(top, rgba(2,2,2, 0.55), rgba(74,74,87, 0.55)); background: -o-linear-gradient(top, rgba(2,2,2, 0.55), rgba(74,74,87, 0.55)); background: linear-gradient(top, rgba(2,2,2, 0.55), rgba(74,74,87, 0.55)); */ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .product-item:hover .header .overlay, .product-item .header .overlay:hover { background-image: none; background: #1c7c90; /* background: -webkit-linear-gradient(top, rgba(3,183,176, 0.95), rgba(3,183,176, 0.95)); background: -moz-linear-gradient(top, rgba(3,183,176, 0.95), rgba(3,183,176, 0.95)); background: -ms-linear-gradient(top, rgba(3,183,176, 0.95), rgba(3,183,176, 0.95)); background: -o-linear-gradient(top, rgba(3,183,176, 0.95), rgba(3,183,176, 0.95)); background: linear-gradient(top, rgba(3,183,176, 0.95), rgba(3,183,176, 0.95)); */ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .gray .swiper-pagination-bullet { background: #ccc; } .product-item .info-content { position: absolute; top: 0; bottom: 0; right: 0; left: 0; padding: 15px; margin-top: 0; /*display: table;*/ display: block; width: 100%; height: 100%; } .product-item .title { font-size: 18px; font-weight: 600; letter-spacing: 0.02rem; line-height: 26px; width: 100%; /*display: table-cell;*/ top: 50%; position: relative; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); vertical-align: middle; text-align: center; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .product-item:hover .title { /*text-shadow: 2px 2px 3px rgba(0,0,0,.2);*/ } @media(max-width: 991px){ .products-container .title { font-size: 16px; line-height: 20px; } .mini .product-item .header, .swiper-container-multirow .product-item .header { padding-top: 40%; } } @media(max-width: 767px){ .mini .product-item .header, .swiper-container-multirow .product-item .header { padding-top: 45%; } .product-item .info-content { padding: 7px; } .product-item .title { font-size: 15px; line-height: 20px; } .mini .product-item .header { padding-top: 100px; } .products-container { max-height: none } .mini .product-item .header { text-align: center; } .products-container .product-item { text-align: center; margin-bottom: 15px !important; padding: 5px; } .swiper-button-next, .swiper-button-prev { bottom: -18px; top: auto; z-index: 10; } } .products-container .product-item { padding: 0 14px; } .products-container.architecture-and-infrastructure-projects .product-item { padding: 0 8px; } .products-container.industrial-projects .product-item { padding: 0 6px; } @media(min-width: 768px){ .products-container.wind-energy-projects .product-item .header { padding-top: 40%; } .products-container.industrial-projects .product-item { width: 20% !important; } } @media(min-width: 991px) and (max-width: 1199px){ .products-container.industrial-projects .product-item .title { font-size: 18px; line-height: 22px; } } @media(min-width: 768px) and (max-width: 992px){ .products-container.industrial-projects .product-item { width: 33.3333% !important; } } .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(6px); transform: translateY(6px); } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-6px); transform: translateY(-6px); } #sub-subscribe img { top: -65px; } @media(min-width: 769px) and (max-width: 991px){ .py-md { padding-top: 25px; padding-bottom: 25px; } } @media(min-width: 992px){ #sub-subscribe img { left: 20%; } } /* Slice */ .slice { width: 100%; display: table; position: relative; overflow: hidden; background: #ffffff; } .cssgradients .slice { background: #ffffff; background: linear-gradient(180deg, #ffffff, #eeeeee); } .no-cssgradients .slice { border-bottom: 2px solid #eeeeee; } .slice__inner { display: table-cell; height: 100%; width: 100%; vertical-align: middle; position: relative; padding-top: 2.222rem; padding-bottom: 2.222rem; } .slice .summary-heading { font-family: "AvantGardeGothicITC W08 Book", Arial, sans-serif; color: #444444; font-size: 0.833rem; margin-top: 0; } @media (min-width: 992px) { .slice .summary-heading { font-size: 1rem; } } .slice .summary-heading a { text-decoration: none; color: #444444; } .slice .summary-heading a:hover { color: #1c7c90; } .slice h2 { line-height: 1.1; color: #222222; font-family: "AvantGardeGothicITC W08 Bold", Arial, sans-serif; margin-top: 1.111rem; font-size: 2.222rem; padding-bottom: 1.389rem; position: relative; } .slice h2:after { display: inline-block; width: 55px; height: 3px; position: absolute; bottom: 0; left: 2px; background-color: #1c7c90; content: ""; } @media (min-width: 992px) { .slice h2 { letter-spacing: -2px; font-size: 5rem; } } .slice p { max-width: 600px; } .cssanimations .slice .is-animated { transition: all 1.6s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transform: translateY(40px) translateZ(0); transform: translateY(40px) translateZ(0); transition-delay: .1s; opacity: 0; } .cssanimations .slice .is-animated:after { transition: all 1.6s cubic-bezier(0.075, 0.82, 0.165, 1); -webkit-transform: translateY(40px) translateZ(0); transform: translateY(40px) translateZ(0); transition-delay: .2s; opacity: 0; } .cssanimations .slice .is-animated.revealed { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .cssanimations .slice .is-animated.revealed:after { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } @media (max-width: 767px) { .slice--seating .slice__inner, .slice--electrical .slice__inner { padding-bottom: 0; } } .slice--experiences { background: #115863; /*background: url(/Assets/img/home_trends_bg.jpg) !important;*/ background: url(../images/bfg_r_and_d_overlay.jpg) !important; background-size: cover !important; background-position: top center !important; color: #fff; } .slice--experiences .summary-heading { font-size: 2.444rem; color: #fff; } .slice--experiences h2 { margin-top: 0; color: #fff; } @media (max-width: 991px) { .slice--experiences .video-embed { margin-top: 30px; } } .slice__image { max-height: 400px; width: auto; height: auto; margin-top: 3.056rem; float: right; position: relative; z-index: 30; } @media (min-width: 992px) { .slice__image { position: absolute; max-height: none; max-width: none; margin-top: 0; float: none; } .slice--innovations .slice__image { right: -10%; bottom: 5%; width: 50%; } .slice--seating .slice__image { right: -35%; bottom: 0; width: 65%; } .slice--electrical .slice__image { right: -50%; bottom: auto; top: 0; width: 80%; } } @media (min-width: 1200px) { .slice--innovations .slice__image { right: -10%; bottom: 10%; width: 50%; } .slice--seating .slice__image { right: -15%; bottom: 0; width: 55%; } .slice--electrical .slice__image { right: -25%; bottom: auto; top: 0; width: 60%; } } @media (min-width: 1400px) { .slice--innovations .slice__image { right: -5%; bottom: 10%; width: 50%; } .slice--seating .slice__image { right: -3%; bottom: 0; width: auto; height: 80%; } .slice--electrical .slice__image { right: -12%; bottom: auto; top: 0; width: auto; height: 85%; } } .slice__related { width: 100%; margin-top: 5rem; border-top: 2px solid #dddddd; position: relative; z-index: 20; } .slice__related__thumb { display: block; float: left; position: absolute; top: 1.667rem; left: 0; width: 100px; height: 75px; overflow: hidden; background-color: #222222; border-radius: 4px 4px 4px 4px; transition: background 0.2s; } .slice__related__thumb:hover { background-color: #1c7c90; } .slice__related__thumb img { position: relative; z-index: 10; float: left; opacity: 0.7; border-radius: 4px 4px 4px 4px; } .slice__related__thumb i { position: absolute; z-index: 20; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px; color: #ffffff; font-size: 40px; } .slice__related__thumb i:before { margin-left: 0; margin-right: 0; float: left; } .slice__related__caption { margin-top: 1.667rem; width: 100%; line-height: 100px; padding-left: 120px; display: inline-block; font-size: 18px; } .slice__related__caption a { max-width: 400px; display: inline-block; color: #999999; font-style: italic; line-height: 1.4; } .slice__dashes { position: absolute; top: -539px; left: 700px; z-index: 10; max-width: none; width: 916px; height: 1074px; } .slice--map, .cssanimations .slice--map { background: #222222; } @media (max-width: 991px) { .slice--map .slice__inner, .cssanimations .slice--map .slice__inner { display: block; height: auto; padding-top: 0; padding-bottom: 0; } } .slice-side h1 { margin-bottom: 1.667rem; } .slice-side p { margin-top: .35rem; } .nav1{ margin-left:4%} @media screen and (max-width: 980px) { .bahrain_loc { left: 94.1%; top: 27.6%; } .brazil_loc { left: 91%; top: 34.4%;} .nav1{ margin-left:0} } @media screen and (max-width: 1440px) { #world_map div span.title{ width: 8.5vh} } .gdprcookie{ display: none!important; } ul.slimmenu .yuyan>div{ display: flex; } ul.slimmenu .yuyan>div a{ border: 1px solid rgba(255,255,255,0.5); color: rgba(255,255,255,0.5); } ul.slimmenu .yuyan>div a:nth-child(1){ border-right: 0; color: rgba(255,255,255,1); } ul.slimmenu .yuyan>div a:nth-child(3){ border-left: 0; } ul.slimmenu .yuyan>div a.active{ color: rgba(255,255,255,1); } @media(max-width:1200px){ .nav1{margin-left:1%} ul.slimmenu li.has-submenu a { /*padding: 8px 30px 8px 12px !important;*/padding: 8px 30px 8px 12px; } }