/** * kk Star Ratings * @see https://github.com/kamalkhan/kk-star-ratings */ .kk-star-ratings{display:inline-flex!important;align-items:center}.kk-star-ratings.kksr-valign-top{margin-bottom:2rem;display:flex!important}.kk-star-ratings.kksr-valign-bottom{margin-top:2rem;display:flex!important}.kk-star-ratings.kksr-align-left{justify-content:flex-start}.kk-star-ratings.kksr-align-center{justify-content:center}.kk-star-ratings.kksr-align-right{justify-content:flex-end}.kk-star-ratings .kksr-muted{opacity:.5}.kk-star-ratings .kksr-stars{position:relative}.kk-star-ratings .kksr-stars .kksr-stars-active,.kk-star-ratings .kksr-stars .kksr-stars-inactive{display:flex}.kk-star-ratings .kksr-stars .kksr-stars-active{overflow:hidden;position:absolute;top:0;left:0}.kk-star-ratings .kksr-stars .kksr-star{cursor:pointer;padding-right:0}.kk-star-ratings.kksr-disabled .kksr-stars .kksr-star{cursor:default}.kk-star-ratings .kksr-stars .kksr-star .kksr-icon{transition:.3s all}.kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-stars-active{width:0!important}.kk-star-ratings .kksr-stars .kksr-star .kksr-icon,.kk-star-ratings:not(.kksr-disabled) .kksr-stars .kksr-star:hover~.kksr-star .kksr-icon{background-image:url(/images/inactive.svg?5e86cb665cf3001e54a890d4c32275d7)}.kk-star-ratings .kksr-stars .kksr-stars-active .kksr-star .kksr-icon{background-image:url(/images/active.svg?0300557e1f71e36801b50d96f299f235)}.kk-star-ratings.kksr-disabled .kksr-stars .kksr-stars-active .kksr-star .kksr-icon,.kk-star-ratings:not(.kksr-disabled) .kksr-stars:hover .kksr-star .kksr-icon{background-image:url(/images/selected.svg?68990a503ff4a1229bc3c173a4a1b0e3)}.kk-star-ratings .kksr-legend{margin-left:.75rem;margin-right:.75rem}[dir=rtl] .kk-star-ratings .kksr-stars .kksr-stars-active{left:auto;right:0} .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #E8B641; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #E8B641; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #E8B641; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } @font-face { font-family: 'elfsight-iconfont'; src: url(/fonts/iconfonta1db.eot?f5a423bfab98431ddb05368e21d9dab4); src: url(/fonts/iconfonta1db.eot?f5a423bfab98431ddb05368e21d9dab4#iefix) format('embedded-opentype'), url(/fonts/iconfonta1db.ttf?a3a8abb877c4057e910f593036cf7120) format('truetype'), url(/fonts/iconfonta1db.woff?6fd37b8e6f6d7371f2a6c38d349fb67d) format('woff'), url(/fonts/iconfonta1db.svg?d0b086a47732dae7d34a4777dda09d0e#icomoon) format('svg'); font-weight: normal; font-style: normal; font-display: block; } .icon-elfsight-glyph { font-family: 'elfsight-iconfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-elfsight-glyph:before { content: "\E900"; } /* General style */ .comment_content ul li:before, .entry-content ul li:before { content: ' ' !important; } ul.pagination:before, ul.pagination:after { width: 0 !important; height: 0 !important; } ul.pagination { display: inline-flex !important; padding: 0; margin: 0 !important; border: none !important; min-height: inherit !important; box-shadow: none !important; line-height: 1 !important; text-align:center !important; } ul.pagination * { box-sizing:border-box; } ul.pagination li { margin-left: 0px !important; margin: 0 -3px !important; cursor: pointer; padding: 0 !important; line-height: 1 !important; display:inline-block !important; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); perspective: 800px; } ul.pagination li span { padding: 5px 16px 5px 16px !important; text-decoration: none; border-radius: 0px !important; margin: 0 !important; font-weight: 400 !important; width: inherit !important; } div.TotalSoftcenter { text-align: center; margin-top: 10px; margin-bottom: 10px; width: 100%; float: left; } .column-clear { clear:both; } .wrapper { margin:0px auto; padding:0px; position: relative; width: 100%; } .effect-container { width: 100%; text-align: center; } .effect-container .button { position:relative; top:0; left:0; cursor: pointer; width:auto; overflow:visible; font-weight:normal; text-decoration:none; vertical-align: middle; box-sizing: border-box; zoom:1; padding: 0 !important; background: transparent !important; height:auto !important; } .effect-container .button, .effect-container .button:hover, .effect-container .button:focus { box-shadow: none !important; border-bottom: none !important; outline: none !important; } .adipoli-wrapper { margin:auto; position:relative; } .adipoli-wrapper>img { position: absolute; z-index: 1; left: 0; top: 0; } .adipoli-before { position: absolute; z-index: 5; top: 0; left: 0; } .adipoli-after { position: absolute; z-index: 10; top: 0; left: 0; } .adipoli-box { display:block; position:absolute; z-index:15; } .TotalSoft_GV_CP_Main { width: 100%; text-align:center; } .totalsoftview-first img { transition: all 0.2s linear; } .totalsoftview-first .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.4s ease-in-out; } .totalsoftview-first h2 { transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.2s ease-in-out; } .totalsoftview-first p { transform: translateY(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.2s linear; } .totalsoftview-first:hover img { transform: scale(1.1,1.1); } .totalsoftview-first a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.2s ease-in-out; } .totalsoftview-first:hover h2, .totalsoftview-first:hover p, .totalsoftview-first:hover a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; transform: translateY(0px); } .totalsoftview-first:hover p { transition-delay: 0.1s; } .totalsoftview-first:hover a.info { transition-delay: 0.2s; } .totalsoftview-second img { transition: all 0.2s ease-in; } .totalsoftview-second .mask { padding: 60px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transform: translate(265px, 145px) rotate(45deg); transition: all 0.2s ease-in-out; } .totalsoftview-second h2 { background: transparent; transform: translate(200px, -200px); transition: all 0.2s ease-in-out; } .totalsoftview-second p { transform: translate(-200px, 200px); transition: all 0.2s ease-in-out; } .totalsoftview-second a.info { transform: translate(0px, 100px); transition: all 0.2s 0.1s ease-in-out; } .totalsoftview-second:hover .mask { transform: translate(0, 0) rotate(0deg); } .totalsoftview-second:hover h2 { transform: translate(0px,0px); transition-delay: 0.3s; } .totalsoftview-second:hover p { transform: translate(0px,0px); transition-delay: 0.4s; } .totalsoftview-second:hover a.info { transform: translate(0px,0px); transition-delay: 0.5s; } .totalsoftview-third img { transition: all 0.2s ease-in; } .totalsoftview-third .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transform: translate(460px, -100px) rotate(180deg); transition: all 0.2s 0.4s ease-in-out; } .totalsoftview-third h2 { transform: translateY(-100px); transition: all 0.2s ease-in-out; } .totalsoftview-third p { transform: translateX(300px) rotate(90deg); transition: all 0.2s ease-in-out; } .totalsoftview-third a.info { transform: translateY(-1200px); transition: all 0.2s ease-in-out; } .totalsoftview-third:hover .mask { transition-delay: 0s; transform: translate(0px, 0px); } .totalsoftview-third:hover h2 { transform: translateY(0px); transition-delay: 0.5s; } .totalsoftview-third:hover p { transform: translateX(0px) rotate(0deg); transition-delay: 0.4s; } .totalsoftview-third:hover a.info { transform: translateY(0px); transition-delay: 0.3s; } .totalsoftview-fourth img { transition: all 0.4s ease-in-out 0.2s; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .totalsoftview-fourth .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transform: scale(0) rotate(-180deg); transition: all 0.4s ease-in; border-radius: 0px; } .totalsoftview-fourth h2 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background: transparent; margin: 20px 10px 0px 10px; transition: all 0.5s ease-in-out; } .totalsoftview-fourth p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.5s ease-in-out; } .totalsoftview-fourth a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .totalsoftview-fourth:hover .mask { transform: scale(1) rotate(0deg); transition-delay: 0.2s; } .totalsoftview-fourth:hover img { transform: scale(0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition-delay: 0s; } .totalsoftview-fourth:hover h2, .totalsoftview-fourth:hover p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; transition-delay: 0.5s; } .totalsoftview-fourth:hover a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .totalsoftview-fifth img { transition: all 0.3s ease-in-out; } .totalsoftview-fifth .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; transition: all 0.3s ease-in-out; } .totalsoftview-fifth p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.2s linear; } .totalsoftview-fifth:hover .mask { transform: translateX(0px); } .totalsoftview-fifth:hover p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .totalsoftview-sixth img { transition: all 0.4s ease-in-out 0.5s; } .totalsoftview-sixth .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.3s ease-in 0.4s; } .totalsoftview-sixth h2 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background: transparent; margin: 20px 10px 0px 10px; transform: scale(10); transition: all 0.3s ease-in-out 0.1s; } .totalsoftview-sixth p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transform: scale(10); transition: all 0.3s ease-in-out 0.2s; } .totalsoftview-sixth a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transform: translateY(100px); transition: all 0.3s ease-in-out 0.1s; } .totalsoftview-sixth:hover .mask { transition-delay: 0s; opacity: 1; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .totalsoftview-sixth:hover img { transition-delay: 0s; } .totalsoftview-sixth:hover h2 { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; transform: scale(1); transition-delay: 0.1s; } .totalsoftview-sixth:hover p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; transform: scale(1); transition-delay: 0.2s; } .totalsoftview-sixth:hover a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; transform: translateY(0px); transition-delay: 0.3s; } .totalsoftview-seventh img { transition: all 0.5s ease-out; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .totalsoftview-seventh .mask { transform: rotate(0deg) scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.3s ease-out; } .totalsoftview-seventh h2 { transform: translateY(-200px); transition: all 0.2s ease-in-out; } .totalsoftview-seventh p { transform: translateY(-200px); transition: all 0.2s ease-in-out; } .totalsoftview-seventh a.info { transform: translateY(-200px); transition: all 0.2s ease-in-out; } .totalsoftview-seventh:hover img { transform: rotate(720deg) scale(0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .totalsoftview-seventh:hover .mask { transform: translateY(0px) rotate(0deg); transition-delay: 0.4s; } .totalsoftview-seventh:hover h2 { transform: translateY(0px); transition-delay: 0.7s; } .totalsoftview-seventh:hover p { transform: translateY(0px); transition-delay: 0.6s; } .totalsoftview-seventh:hover a.info { transform: translateY(0px); transition-delay: 0.5s; } .totalsoftview-eighth .mask { top: -200px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transition: all 0.3s ease-out 0.5s; } .totalsoftview-eighth h2 { transform: translateY(-200px); transition: all 0.2s ease-in-out 0.1s; } .totalsoftview-eighth p { transform: translateY(-200px); transition: all 0.2s ease-in-out 0.2s; } .totalsoftview-eighth a.info { transform: translateY(-200px); transition: all 0.2s ease-in-out 0.3s; } .totalsoftview-eighth:hover .mask { top: 0px; transition-delay: 0s; animation: bounceY 0.9s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .totalsoftview-eighth:hover h2 { transform: translateY(0px); transition-delay: 0.4s; } .totalsoftview-eighth:hover p { transform: translateY(0px); transition-delay: 0.2s; } .totalsoftview-eighth:hover a.info { transform: translateY(0px); transition-delay: 0s; } @keyframes bounceY { 0% { transform: translateY(-205px);} 40% { transform: translateY(-100px);} 65% { transform: translateY(-52px);} 82% { transform: translateY(-25px);} 92% { transform: translateY(-12px);} 55%, 75%, 87%, 97%, 100% { transform: translateY(0px);} } .totalsoftview-tenth img { transform: scaleY(1); transition: all 0.7s ease-in-out; } .totalsoftview-tenth .mask { transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .totalsoftview-tenth h2 { background: transparent; margin: 20px 10px 0px 10px; transform: scale(0); transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .totalsoftview-tenth p { color: #333; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transform: scale(0); transition: all 0.5s linear; } .totalsoftview-tenth a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; transform: scale(0); transition: all 0.5s linear; } .totalsoftview-tenth:hover img { transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .totalsoftview-tenth:hover h2,.totalsoftview-tenth:hover p,.totalsoftview-tenth:hover a.info { transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .TotalSoft_GV_CP_Content { max-width: 100% !important;top:0; left: 0; height: 0%; width: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.5); visibility: visible; z-index: 99999; cursor: pointer; } .TotalSoft_GV_CP_Popup { width: 10%; height: 10%; position: fixed; border-radius: 100%; z-index: 9999999999; top: -45%; left: -45%; } .TotalSoft_GV_CP_Pop_Icons_1 { width: 60%; height: 100%; position: relative; float: left; } .TotalSoft_GV_CP_Pop_Icons_2 { width: 40%; height: 100%; position: relative; float: right; } .TotalSoft_GV_CP_Pop_Icons_1 i.totalsoftleft { position: absolute; top: 50%; left: 0; } .TotalSoft_GV_CP_Pop_Icons_1 i.totalsoftright, .TotalSoft_GV_CP_Pop_Icons_2 i.totalsoft { position: absolute; top: 50%; right: 0; } .TotalSoft_GV_CP_TD h3 a { text-decoration: none; padding: 5px 10px; box-shadow: none !important; } .TotalSoft_GV_CP_TD h3 a:focus { outline: none !important; } .site-header-menu {display: block!important;} /*#Total_Soft_Gallery_Video_ID{display: none!important;}*/ .image-zoom, .image-zoom:hover,.effect-container a, .effect-container a:hover { text-decoration: none; box-shadow: none !important; } @keyframes fadeIn { 0% { } 100% { opacity: 1; } } @keyframes moveUp { 0% { } 100% { transform: translateY(0); opacity: 1; } } @keyframes scaleUp { 0% { } 100% { transform: scale(1); opacity: 1; } } @keyframes fallPerspective { 0% { } 100% { transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @keyframes fly { 0% { } 100% { transform: rotateX(0deg); opacity: 1; } } @keyframes flip { 0% { } 100% { transform: rotateX(0deg); opacity: 1; } } @keyframes helix { 0% { } 100% { transform: rotateY(0deg); opacity: 1; } } @keyframes popUp { 0% { } 70% { transform: scale(1.1); opacity: .8; animation-timing-function: ease-out; } 100% { transform: scale(1); opacity: 1; } } @keyframes fadeOut { 0% { } 100% { opacity: 0; } } @keyframes moveUpCP { 0% { } 100% { transform: translateY(-50%) translateX(-50%); opacity: 1; } } @keyframes moveUpCPC { 0% { transform: translateY(-50%) translateX(-50%); opacity: 1; } 100% { transform: translateY(calc(-50% - 200px)) translateX(-50%); opacity: 0; } } @keyframes moveUpCPNU { 0% { transform: translateY(0px); opacity: 1; } 100% { transform: translateY(200px); opacity: 0; } } @keyframes moveUpCPND { 0% { transform: translateY(-200px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } @keyframes moveUpCPPU { 0% { transform: translateY(0px); opacity: 1; } 100% { transform: translateY(-200px); opacity: 0; } } @keyframes moveUpCPPD { 0% { transform: translateY(200px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } @keyframes scaleUpCP { 0% { } 100% { transform: translateY(-50%) translateX(-50%) scale(1); opacity: 1; } } @keyframes scaleUpCPC { 0% { transform: translateY(-50%) translateX(-50%) scale(1); opacity: 1; } 100% { transform: translateY(-50%) translateX(-50%) scale(0.6); opacity: 0; } } @keyframes scaleUpCPNU { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.6); opacity: 0; } } @keyframes scaleUpCPND { 0% { transform: scale(1.6); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes scaleUpCPPU { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.6); opacity: 0; } } @keyframes scaleUpCPPD { 0% { transform: scale(0.6); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes fallPerspectiveCPNU { 0% { transform-style: preserve-3d; transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } 100% { transform-style: preserve-3d; transform: translateZ(400px) translateY(300px) rotateX(-90deg); opacity: 0; } } @keyframes fallPerspectiveCPND { 0% { transform-style: preserve-3d; transform: translateZ(-400px) translateY(300px) rotateX(90deg); opacity: 0; } 100% { transform-style: preserve-3d; transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @keyframes fallPerspectiveCPPU { 0% { transform-style: preserve-3d; transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } 100% { transform-style: preserve-3d; transform: translateZ(-400px) translateY(300px) rotateX(90deg); opacity: 0; } } @keyframes fallPerspectiveCPPD { 0% { transform-style: preserve-3d; transform: translateZ(400px) translateY(300px) rotateX(-90deg); opacity: 0; } 100% { transform-style: preserve-3d; transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @keyframes flyCPPU { 0% { transform-style: preserve-3d; transform-origin: 50% 50% -300px; transform: rotateX(0deg); opacity: 1; } 100% { transform-style: preserve-3d; transform: rotateX(180deg); opacity: 0; } } @keyframes flyCPPD { 0% { transform-style: preserve-3d; transform-origin: 50% 50% -300px; transform: rotateX(-180deg); opacity: 0; } 100% { transform-style: preserve-3d; transform: rotateX(0deg); opacity: 1; } } @keyframes flyCPNU { 0% { transform-style: preserve-3d; transform-origin: 50% 50% -300px; transform: rotateX(0deg); opacity: 1; } 100% { transform-style: preserve-3d; transform: rotateX(-180deg); opacity: 0; } } @keyframes flyCPND { 0% { transform-style: preserve-3d; transform-origin: 50% 50% -300px; transform: rotateX(180deg); opacity: 0; } 100% { transform-style: preserve-3d; transform: rotateX(0deg); opacity: 1; } } @keyframes flipCPPU { 0% { transform-style: preserve-3d; transform: rotateX(0deg); opacity: 1; } 100% { transform-style: preserve-3d; transform-origin: 100% 0%; transform: rotateX(-80deg); opacity: 0; } } @keyframes flipCPPD { 0% { transform-style: preserve-3d; transform-origin: 0% 100%; transform: rotateX(80deg); opacity: 0; } 100% { transform-style: preserve-3d; transform: rotateX(0deg); opacity: 1; } } @keyframes flipCPNU { 0% { transform-style: preserve-3d; transform: rotateX(0deg); opacity: 1; } 100% { transform-style: preserve-3d; transform-origin: 0% 100%; transform: rotateX(80deg); opacity: 0; } } @keyframes flipCPND { 0% { transform-style: preserve-3d; transform-origin: 100% 0%; transform: rotateX(-80deg); opacity: 0; } 100% { transform-style: preserve-3d; transform: rotateX(0deg); opacity: 1; } } @keyframes helixCPPU { 0% { transform: rotateY(0deg); opacity: 1; } 100% { transform-style: preserve-3d; transform: rotateY(-180deg); opacity: 0; } } @keyframes helixCPPD { 0% { transform-style: preserve-3d; transform: rotateY(180deg); opacity: 0; } 100% { transform: rotateY(0deg); opacity: 1; } } @keyframes helixCPNU { 0% { transform: rotateY(0deg); opacity: 1; } 100% { transform-style: preserve-3d; transform: rotateY(180deg); opacity: 0; } } @keyframes helixCPND { 0% { transform-style: preserve-3d; transform: rotateY(-180deg); opacity: 0; } 100% { transform: rotateY(0deg); opacity: 1; } } @keyframes popUpCPPU { 0% { transform: scale(1); opacity: 1; } 70% { transform: scale(1.1); opacity: .8; animation-timing-function: ease-out; } 100% { transform-style: preserve-3d; transform: scale(0.4); opacity: 0; } } @keyframes popUpCPPD { 0% { transform-style: preserve-3d; transform: scale(0.4); opacity: 0; } 70% { transform: scale(1.1); opacity: .8; animation-timing-function: ease-out; } 100% { transform: scale(1); opacity: 1; } } .entry-content ul{ list-style-type: none !important; }/*! * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ .totalsoft { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-family: FontAwesome !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .totalsoft-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .totalsoft-2x { font-size: 2em; } .totalsoft-3x { font-size: 3em; } .totalsoft-4x { font-size: 4em; } .totalsoft-5x { font-size: 5em; } .totalsoft-fw { width: 1.28571429em; text-align: center; } .totalsoft-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .totalsoft-ul > li { position: relative; } .totalsoft-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .totalsoft-li.totalsoft-lg { left: -1.85714286em; } .totalsoft-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eeeeee; border-radius: 0.1em; } .totalsoft-pull-left { float: left; } .totalsoft-pull-right { float: right; } .totalsoft.totalsoft-pull-left { margin-right: 0.3em; } .totalsoft.totalsoft-pull-right { margin-left: 0.3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .totalsoft.pull-left { margin-right: 0.3em; } .totalsoft.pull-right { margin-left: 0.3em; } .totalsoft-spin { animation: fa-spin 2s infinite linear; } .totalsoft-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .totalsoft-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .totalsoft-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .totalsoft-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .totalsoft-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .totalsoft-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } :root .totalsoft-rotate-90, :root .totalsoft-rotate-180, :root .totalsoft-rotate-270, :root .totalsoft-flip-horizontal, :root .totalsoft-flip-vertical { filter: none; } .totalsoft-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .totalsoft-stack-1x, .totalsoft-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .totalsoft-stack-1x { line-height: inherit; } .totalsoft-stack-2x { font-size: 2em; } .totalsoft-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .totalsoft-glass:before { content: "\F000"; } .totalsoft-music:before { content: "\F001"; } .totalsoft-search:before { content: "\F002"; } .totalsoft-envelope-o:before { content: "\F003"; } .totalsoft-heart:before { content: "\F004"; } .totalsoft-star:before { content: "\F005"; } .totalsoft-star-o:before { content: "\F006"; } .totalsoft-user:before { content: "\F007"; } .totalsoft-film:before { content: "\F008"; } .totalsoft-th-large:before { content: "\F009"; } .totalsoft-th:before { content: "\F00A"; } .totalsoft-th-list:before { content: "\F00B"; } .totalsoft-check:before { content: "\F00C"; } .totalsoft-remove:before, .totalsoft-close:before, .totalsoft-times:before { content: "\F00D"; } .totalsoft-search-plus:before { content: "\F00E"; } .totalsoft-search-minus:before { content: "\F010"; } .totalsoft-power-off:before { content: "\F011"; } .totalsoft-signal:before { content: "\F012"; } .totalsoft-gear:before, .totalsoft-cog:before { content: "\F013"; } .totalsoft-trash-o:before { content: "\F014"; } .totalsoft-home:before { content: "\F015"; } .totalsoft-file-o:before { content: "\F016"; } .totalsoft-clock-o:before { content: "\F017"; } .totalsoft-road:before { content: "\F018"; } .totalsoft-download:before { content: "\F019"; } .totalsoft-arrow-circle-o-down:before { content: "\F01A"; } .totalsoft-arrow-circle-o-up:before { content: "\F01B"; } .totalsoft-inbox:before { content: "\F01C"; } .totalsoft-play-circle-o:before { content: "\F01D"; } .totalsoft-rotate-right:before, .totalsoft-repeat:before { content: "\F01E"; } .totalsoft-refresh:before { content: "\F021"; } .totalsoft-list-alt:before { content: "\F022"; } .totalsoft-lock:before { content: "\F023"; } .totalsoft-flag:before { content: "\F024"; } .totalsoft-headphones:before { content: "\F025"; } .totalsoft-volume-off:before { content: "\F026"; } .totalsoft-volume-down:before { content: "\F027"; } .totalsoft-volume-up:before { content: "\F028"; } .totalsoft-qrcode:before { content: "\F029"; } .totalsoft-barcode:before { content: "\F02A"; } .totalsoft-tag:before { content: "\F02B"; } .totalsoft-tags:before { content: "\F02C"; } .totalsoft-book:before { content: "\F02D"; } .totalsoft-bookmark:before { content: "\F02E"; } .totalsoft-print:before { content: "\F02F"; } .totalsoft-camera:before { content: "\F030"; } .totalsoft-font:before { content: "\F031"; } .totalsoft-bold:before { content: "\F032"; } .totalsoft-italic:before { content: "\F033"; } .totalsoft-text-height:before { content: "\F034"; } .totalsoft-text-width:before { content: "\F035"; } .totalsoft-align-left:before { content: "\F036"; } .totalsoft-align-center:before { content: "\F037"; } .totalsoft-align-right:before { content: "\F038"; } .totalsoft-align-justify:before { content: "\F039"; } .totalsoft-list:before { content: "\F03A"; } .totalsoft-dedent:before, .totalsoft-outdent:before { content: "\F03B"; } .totalsoft-indent:before { content: "\F03C"; } .totalsoft-video-camera:before { content: "\F03D"; } .totalsoft-photo:before, .totalsoft-image:before, .totalsoft-picture-o:before { content: "\F03E"; } .totalsoft-pencil:before { content: "\F040"; } .totalsoft-map-marker:before { content: "\F041"; } .totalsoft-adjust:before { content: "\F042"; } .totalsoft-tint:before { content: "\F043"; } .totalsoft-edit:before, .totalsoft-pencil-square-o:before { content: "\F044"; } .totalsoft-share-square-o:before { content: "\F045"; } .totalsoft-check-square-o:before { content: "\F046"; } .totalsoft-arrows:before { content: "\F047"; } .totalsoft-step-backward:before { content: "\F048"; } .totalsoft-fast-backward:before { content: "\F049"; } .totalsoft-backward:before { content: "\F04A"; } .totalsoft-play:before { content: "\F04B"; } .totalsoft-pause:before { content: "\F04C"; } .totalsoft-stop:before { content: "\F04D"; } .totalsoft-forward:before { content: "\F04E"; } .totalsoft-fast-forward:before { content: "\F050"; } .totalsoft-step-forward:before { content: "\F051"; } .totalsoft-eject:before { content: "\F052"; } .totalsoft-chevron-left:before { content: "\F053"; } .totalsoft-chevron-right:before { content: "\F054"; } .totalsoft-plus-circle:before { content: "\F055"; } .totalsoft-minus-circle:before { content: "\F056"; } .totalsoft-times-circle:before { content: "\F057"; } .totalsoft-check-circle:before { content: "\F058"; } .totalsoft-question-circle:before { content: "\F059"; } .totalsoft-info-circle:before { content: "\F05A"; } .totalsoft-crosshairs:before { content: "\F05B"; } .totalsoft-times-circle-o:before { content: "\F05C"; } .totalsoft-check-circle-o:before { content: "\F05D"; } .totalsoft-ban:before { content: "\F05E"; } .totalsoft-arrow-left:before { content: "\F060"; } .totalsoft-arrow-right:before { content: "\F061"; } .totalsoft-arrow-up:before { content: "\F062"; } .totalsoft-arrow-down:before { content: "\F063"; } .totalsoft-mail-forward:before, .totalsoft-share:before { content: "\F064"; } .totalsoft-expand:before { content: "\F065"; } .totalsoft-compress:before { content: "\F066"; } .totalsoft-plus:before { content: "\F067"; } .totalsoft-minus:before { content: "\F068"; } .totalsoft-asterisk:before { content: "\F069"; } .totalsoft-exclamation-circle:before { content: "\F06A"; } .totalsoft-gift:before { content: "\F06B"; } .totalsoft-leaf:before { content: "\F06C"; } .totalsoft-fire:before { content: "\F06D"; } .totalsoft-eye:before { content: "\F06E"; } .totalsoft-eye-slash:before { content: "\F070"; } .totalsoft-warning:before, .totalsoft-exclamation-triangle:before { content: "\F071"; } .totalsoft-plane:before { content: "\F072"; } .totalsoft-calendar:before { content: "\F073"; } .totalsoft-random:before { content: "\F074"; } .totalsoft-comment:before { content: "\F075"; } .totalsoft-magnet:before { content: "\F076"; } .totalsoft-chevron-up:before { content: "\F077"; } .totalsoft-chevron-down:before { content: "\F078"; } .totalsoft-retweet:before { content: "\F079"; } .totalsoft-shopping-cart:before { content: "\F07A"; } .totalsoft-folder:before { content: "\F07B"; } .totalsoft-folder-open:before { content: "\F07C"; } .totalsoft-arrows-v:before { content: "\F07D"; } .totalsoft-arrows-h:before { content: "\F07E"; } .totalsoft-bar-chart-o:before, .totalsoft-bar-chart:before { content: "\F080"; } .totalsoft-twitter-square:before { content: "\F081"; } .totalsoft-facebook-square:before { content: "\F082"; } .totalsoft-camera-retro:before { content: "\F083"; } .totalsoft-key:before { content: "\F084"; } .totalsoft-gears:before, .totalsoft-cogs:before { content: "\F085"; } .totalsoft-comments:before { content: "\F086"; } .totalsoft-thumbs-o-up:before { content: "\F087"; } .totalsoft-thumbs-o-down:before { content: "\F088"; } .totalsoft-star-half:before { content: "\F089"; } .totalsoft-heart-o:before { content: "\F08A"; } .totalsoft-sign-out:before { content: "\F08B"; } .totalsoft-linkedin-square:before { content: "\F08C"; } .totalsoft-thumb-tack:before { content: "\F08D"; } .totalsoft-external-link:before { content: "\F08E"; } .totalsoft-sign-in:before { content: "\F090"; } .totalsoft-trophy:before { content: "\F091"; } .totalsoft-github-square:before { content: "\F092"; } .totalsoft-upload:before { content: "\F093"; } .totalsoft-lemon-o:before { content: "\F094"; } .totalsoft-phone:before { content: "\F095"; } .totalsoft-square-o:before { content: "\F096"; } .totalsoft-bookmark-o:before { content: "\F097"; } .totalsoft-phone-square:before { content: "\F098"; } .totalsoft-twitter:before { content: "\F099"; } .totalsoft-facebook-f:before, .totalsoft-facebook:before { content: "\F09A"; } .totalsoft-github:before { content: "\F09B"; } .totalsoft-unlock:before { content: "\F09C"; } .totalsoft-credit-card:before { content: "\F09D"; } .totalsoft-feed:before, .totalsoft-rss:before { content: "\F09E"; } .totalsoft-hdd-o:before { content: "\F0A0"; } .totalsoft-bullhorn:before { content: "\F0A1"; } .totalsoft-bell:before { content: "\F0F3"; } .totalsoft-certificate:before { content: "\F0A3"; } .totalsoft-hand-o-right:before { content: "\F0A4"; } .totalsoft-hand-o-left:before { content: "\F0A5"; } .totalsoft-hand-o-up:before { content: "\F0A6"; } .totalsoft-hand-o-down:before { content: "\F0A7"; } .totalsoft-arrow-circle-left:before { content: "\F0A8"; } .totalsoft-arrow-circle-right:before { content: "\F0A9"; } .totalsoft-arrow-circle-up:before { content: "\F0AA"; } .totalsoft-arrow-circle-down:before { content: "\F0AB"; } .totalsoft-globe:before { content: "\F0AC"; } .totalsoft-wrench:before { content: "\F0AD"; } .totalsoft-tasks:before { content: "\F0AE"; } .totalsoft-filter:before { content: "\F0B0"; } .totalsoft-briefcase:before { content: "\F0B1"; } .totalsoft-arrows-alt:before { content: "\F0B2"; } .totalsoft-group:before, .totalsoft-users:before { content: "\F0C0"; } .totalsoft-chain:before, .totalsoft-link:before { content: "\F0C1"; } .totalsoft-cloud:before { content: "\F0C2"; } .totalsoft-flask:before { content: "\F0C3"; } .totalsoft-cut:before, .totalsoft-scissors:before { content: "\F0C4"; } .totalsoft-copy:before, .totalsoft-files-o:before { content: "\F0C5"; } .totalsoft-paperclip:before { content: "\F0C6"; } .totalsoft-save:before, .totalsoft-floppy-o:before { content: "\F0C7"; } .totalsoft-square:before { content: "\F0C8"; } .totalsoft-navicon:before, .totalsoft-reorder:before, .totalsoft-bars:before { content: "\F0C9"; } .totalsoft-list-ul:before { content: "\F0CA"; } .totalsoft-list-ol:before { content: "\F0CB"; } .totalsoft-strikethrough:before { content: "\F0CC"; } .totalsoft-underline:before { content: "\F0CD"; } .totalsoft-table:before { content: "\F0CE"; } .totalsoft-magic:before { content: "\F0D0"; } .totalsoft-truck:before { content: "\F0D1"; } .totalsoft-pinterest:before { content: "\F0D2"; } .totalsoft-pinterest-square:before { content: "\F0D3"; } .totalsoft-google-plus-square:before { content: "\F0D4"; } .totalsoft-google-plus:before { content: "\F0D5"; } .totalsoft-money:before { content: "\F0D6"; } .totalsoft-caret-down:before { content: "\F0D7"; } .totalsoft-caret-up:before { content: "\F0D8"; } .totalsoft-caret-left:before { content: "\F0D9"; } .totalsoft-caret-right:before { content: "\F0DA"; } .totalsoft-columns:before { content: "\F0DB"; } .totalsoft-unsorted:before, .totalsoft-sort:before { content: "\F0DC"; } .totalsoft-sort-down:before, .totalsoft-sort-desc:before { content: "\F0DD"; } .totalsoft-sort-up:before, .totalsoft-sort-asc:before { content: "\F0DE"; } .totalsoft-envelope:before { content: "\F0E0"; } .totalsoft-linkedin:before { content: "\F0E1"; } .totalsoft-rotate-left:before, .totalsoft-undo:before { content: "\F0E2"; } .totalsoft-legal:before, .totalsoft-gavel:before { content: "\F0E3"; } .totalsoft-dashboard:before, .totalsoft-tachometer:before { content: "\F0E4"; } .totalsoft-comment-o:before { content: "\F0E5"; } .totalsoft-comments-o:before { content: "\F0E6"; } .totalsoft-flash:before, .totalsoft-bolt:before { content: "\F0E7"; } .totalsoft-sitemap:before { content: "\F0E8"; } .totalsoft-umbrella:before { content: "\F0E9"; } .totalsoft-paste:before, .totalsoft-clipboard:before { content: "\F0EA"; } .totalsoft-lightbulb-o:before { content: "\F0EB"; } .totalsoft-exchange:before { content: "\F0EC"; } .totalsoft-cloud-download:before { content: "\F0ED"; } .totalsoft-cloud-upload:before { content: "\F0EE"; } .totalsoft-user-md:before { content: "\F0F0"; } .totalsoft-stethoscope:before { content: "\F0F1"; } .totalsoft-suitcase:before { content: "\F0F2"; } .totalsoft-bell-o:before { content: "\F0A2"; } .totalsoft-coffee:before { content: "\F0F4"; } .totalsoft-cutlery:before { content: "\F0F5"; } .totalsoft-file-text-o:before { content: "\F0F6"; } .totalsoft-building-o:before { content: "\F0F7"; } .totalsoft-hospital-o:before { content: "\F0F8"; } .totalsoft-ambulance:before { content: "\F0F9"; } .totalsoft-medkit:before { content: "\F0FA"; } .totalsoft-fighter-jet:before { content: "\F0FB"; } .totalsoft-beer:before { content: "\F0FC"; } .totalsoft-h-square:before { content: "\F0FD"; } .totalsoft-plus-square:before { content: "\F0FE"; } .totalsoft-angle-double-left:before { content: "\F100"; } .totalsoft-angle-double-right:before { content: "\F101"; } .totalsoft-angle-double-up:before { content: "\F102"; } .totalsoft-angle-double-down:before { content: "\F103"; } .totalsoft-angle-left:before { content: "\F104"; } .totalsoft-angle-right:before { content: "\F105"; } .totalsoft-angle-up:before { content: "\F106"; } .totalsoft-angle-down:before { content: "\F107"; } .totalsoft-desktop:before { content: "\F108"; } .totalsoft-laptop:before { content: "\F109"; } .totalsoft-tablet:before { content: "\F10A"; } .totalsoft-mobile-phone:before, .totalsoft-mobile:before { content: "\F10B"; } .totalsoft-circle-o:before { content: "\F10C"; } .totalsoft-quote-left:before { content: "\F10D"; } .totalsoft-quote-right:before { content: "\F10E"; } .totalsoft-spinner:before { content: "\F110"; } .totalsoft-circle:before { content: "\F111"; } .totalsoft-mail-reply:before, .totalsoft-reply:before { content: "\F112"; } .totalsoft-github-alt:before { content: "\F113"; } .totalsoft-folder-o:before { content: "\F114"; } .totalsoft-folder-open-o:before { content: "\F115"; } .totalsoft-smile-o:before { content: "\F118"; } .totalsoft-frown-o:before { content: "\F119"; } .totalsoft-meh-o:before { content: "\F11A"; } .totalsoft-gamepad:before { content: "\F11B"; } .totalsoft-keyboard-o:before { content: "\F11C"; } .totalsoft-flag-o:before { content: "\F11D"; } .totalsoft-flag-checkered:before { content: "\F11E"; } .totalsoft-terminal:before { content: "\F120"; } .totalsoft-code:before { content: "\F121"; } .totalsoft-mail-reply-all:before, .totalsoft-reply-all:before { content: "\F122"; } .totalsoft-star-half-empty:before, .totalsoft-star-half-full:before, .totalsoft-star-half-o:before { content: "\F123"; } .totalsoft-location-arrow:before { content: "\F124"; } .totalsoft-crop:before { content: "\F125"; } .totalsoft-code-fork:before { content: "\F126"; } .totalsoft-unlink:before, .totalsoft-chain-broken:before { content: "\F127"; } .totalsoft-question:before { content: "\F128"; } .totalsoft-info:before { content: "\F129"; } .totalsoft-exclamation:before { content: "\F12A"; } .totalsoft-superscript:before { content: "\F12B"; } .totalsoft-subscript:before { content: "\F12C"; } .totalsoft-eraser:before { content: "\F12D"; } .totalsoft-puzzle-piece:before { content: "\F12E"; } .totalsoft-microphone:before { content: "\F130"; } .totalsoft-microphone-slash:before { content: "\F131"; } .totalsoft-shield:before { content: "\F132"; } .totalsoft-calendar-o:before { content: "\F133"; } .totalsoft-fire-extinguisher:before { content: "\F134"; } .totalsoft-rocket:before { content: "\F135"; } .totalsoft-maxcdn:before { content: "\F136"; } .totalsoft-chevron-circle-left:before { content: "\F137"; } .totalsoft-chevron-circle-right:before { content: "\F138"; } .totalsoft-chevron-circle-up:before { content: "\F139"; } .totalsoft-chevron-circle-down:before { content: "\F13A"; } .totalsoft-html5:before { content: "\F13B"; } .totalsoft-css3:before { content: "\F13C"; } .totalsoft-anchor:before { content: "\F13D"; } .totalsoft-unlock-alt:before { content: "\F13E"; } .totalsoft-bullseye:before { content: "\F140"; } .totalsoft-ellipsis-h:before { content: "\F141"; } .totalsoft-ellipsis-v:before { content: "\F142"; } .totalsoft-rss-square:before { content: "\F143"; } .totalsoft-play-circle:before { content: "\F144"; } .totalsoft-ticket:before { content: "\F145"; } .totalsoft-minus-square:before { content: "\F146"; } .totalsoft-minus-square-o:before { content: "\F147"; } .totalsoft-level-up:before { content: "\F148"; } .totalsoft-level-down:before { content: "\F149"; } .totalsoft-check-square:before { content: "\F14A"; } .totalsoft-pencil-square:before { content: "\F14B"; } .totalsoft-external-link-square:before { content: "\F14C"; } .totalsoft-share-square:before { content: "\F14D"; } .totalsoft-compass:before { content: "\F14E"; } .totalsoft-toggle-down:before, .totalsoft-caret-square-o-down:before { content: "\F150"; } .totalsoft-toggle-up:before, .totalsoft-caret-square-o-up:before { content: "\F151"; } .totalsoft-toggle-right:before, .totalsoft-caret-square-o-right:before { content: "\F152"; } .totalsoft-euro:before, .totalsoft-eur:before { content: "\F153"; } .totalsoft-gbp:before { content: "\F154"; } .totalsoft-dollar:before, .totalsoft-usd:before { content: "\F155"; } .totalsoft-rupee:before, .totalsoft-inr:before { content: "\F156"; } .totalsoft-cny:before, .totalsoft-rmb:before, .totalsoft-yen:before, .totalsoft-jpy:before { content: "\F157"; } .totalsoft-ruble:before, .totalsoft-rouble:before, .totalsoft-rub:before { content: "\F158"; } .totalsoft-won:before, .totalsoft-krw:before { content: "\F159"; } .totalsoft-bitcoin:before, .totalsoft-btc:before { content: "\F15A"; } .totalsoft-file:before { content: "\F15B"; } .totalsoft-file-text:before { content: "\F15C"; } .totalsoft-sort-alpha-asc:before { content: "\F15D"; } .totalsoft-sort-alpha-desc:before { content: "\F15E"; } .totalsoft-sort-amount-asc:before { content: "\F160"; } .totalsoft-sort-amount-desc:before { content: "\F161"; } .totalsoft-sort-numeric-asc:before { content: "\F162"; } .totalsoft-sort-numeric-desc:before { content: "\F163"; } .totalsoft-thumbs-up:before { content: "\F164"; } .totalsoft-thumbs-down:before { content: "\F165"; } .totalsoft-youtube-square:before { content: "\F166"; } .totalsoft-youtube:before { content: "\F167"; } .totalsoft-xing:before { content: "\F168"; } .totalsoft-xing-square:before { content: "\F169"; } .totalsoft-youtube-play:before { content: "\F16A"; } .totalsoft-dropbox:before { content: "\F16B"; } .totalsoft-stack-overflow:before { content: "\F16C"; } .totalsoft-instagram:before { content: "\F16D"; } .totalsoft-flickr:before { content: "\F16E"; } .totalsoft-adn:before { content: "\F170"; } .totalsoft-bitbucket:before { content: "\F171"; } .totalsoft-bitbucket-square:before { content: "\F172"; } .totalsoft-tumblr:before { content: "\F173"; } .totalsoft-tumblr-square:before { content: "\F174"; } .totalsoft-long-arrow-down:before { content: "\F175"; } .totalsoft-long-arrow-up:before { content: "\F176"; } .totalsoft-long-arrow-left:before { content: "\F177"; } .totalsoft-long-arrow-right:before { content: "\F178"; } .totalsoft-apple:before { content: "\F179"; } .totalsoft-windows:before { content: "\F17A"; } .totalsoft-android:before { content: "\F17B"; } .totalsoft-linux:before { content: "\F17C"; } .totalsoft-dribbble:before { content: "\F17D"; } .totalsoft-skype:before { content: "\F17E"; } .totalsoft-foursquare:before { content: "\F180"; } .totalsoft-trello:before { content: "\F181"; } .totalsoft-female:before { content: "\F182"; } .totalsoft-male:before { content: "\F183"; } .totalsoft-gittip:before, .totalsoft-gratipay:before { content: "\F184"; } .totalsoft-sun-o:before { content: "\F185"; } .totalsoft-moon-o:before { content: "\F186"; } .totalsoft-archive:before { content: "\F187"; } .totalsoft-bug:before { content: "\F188"; } .totalsoft-vk:before { content: "\F189"; } .totalsoft-weibo:before { content: "\F18A"; } .totalsoft-renren:before { content: "\F18B"; } .totalsoft-pagelines:before { content: "\F18C"; } .totalsoft-stack-exchange:before { content: "\F18D"; } .totalsoft-arrow-circle-o-right:before { content: "\F18E"; } .totalsoft-arrow-circle-o-left:before { content: "\F190"; } .totalsoft-toggle-left:before, .totalsoft-caret-square-o-left:before { content: "\F191"; } .totalsoft-dot-circle-o:before { content: "\F192"; } .totalsoft-wheelchair:before { content: "\F193"; } .totalsoft-vimeo-square:before { content: "\F194"; } .totalsoft-turkish-lira:before, .totalsoft-try:before { content: "\F195"; } .totalsoft-plus-square-o:before { content: "\F196"; } .totalsoft-space-shuttle:before { content: "\F197"; } .totalsoft-slack:before { content: "\F198"; } .totalsoft-envelope-square:before { content: "\F199"; } .totalsoft-wordpress:before { content: "\F19A"; } .totalsoft-openid:before { content: "\F19B"; } .totalsoft-institution:before, .totalsoft-bank:before, .totalsoft-university:before { content: "\F19C"; } .totalsoft-mortar-board:before, .totalsoft-graduation-cap:before { content: "\F19D"; } .totalsoft-yahoo:before { content: "\F19E"; } .totalsoft-google:before { content: "\F1A0"; } .totalsoft-reddit:before { content: "\F1A1"; } .totalsoft-reddit-square:before { content: "\F1A2"; } .totalsoft-stumbleupon-circle:before { content: "\F1A3"; } .totalsoft-stumbleupon:before { content: "\F1A4"; } .totalsoft-delicious:before { content: "\F1A5"; } .totalsoft-digg:before { content: "\F1A6"; } .totalsoft-pied-piper-pp:before { content: "\F1A7"; } .totalsoft-pied-piper-alt:before { content: "\F1A8"; } .totalsoft-drupal:before { content: "\F1A9"; } .totalsoft-joomla:before { content: "\F1AA"; } .totalsoft-language:before { content: "\F1AB"; } .totalsoft-fax:before { content: "\F1AC"; } .totalsoft-building:before { content: "\F1AD"; } .totalsoft-child:before { content: "\F1AE"; } .totalsoft-paw:before { content: "\F1B0"; } .totalsoft-spoon:before { content: "\F1B1"; } .totalsoft-cube:before { content: "\F1B2"; } .totalsoft-cubes:before { content: "\F1B3"; } .totalsoft-behance:before { content: "\F1B4"; } .totalsoft-behance-square:before { content: "\F1B5"; } .totalsoft-steam:before { content: "\F1B6"; } .totalsoft-steam-square:before { content: "\F1B7"; } .totalsoft-recycle:before { content: "\F1B8"; } .totalsoft-automobile:before, .totalsoft-car:before { content: "\F1B9"; } .totalsoft-cab:before, .totalsoft-taxi:before { content: "\F1BA"; } .totalsoft-tree:before { content: "\F1BB"; } .totalsoft-spotify:before { content: "\F1BC"; } .totalsoft-deviantart:before { content: "\F1BD"; } .totalsoft-soundcloud:before { content: "\F1BE"; } .totalsoft-database:before { content: "\F1C0"; } .totalsoft-file-pdf-o:before { content: "\F1C1"; } .totalsoft-file-word-o:before { content: "\F1C2"; } .totalsoft-file-excel-o:before { content: "\F1C3"; } .totalsoft-file-powerpoint-o:before { content: "\F1C4"; } .totalsoft-file-photo-o:before, .totalsoft-file-picture-o:before, .totalsoft-file-image-o:before { content: "\F1C5"; } .totalsoft-file-zip-o:before, .totalsoft-file-archive-o:before { content: "\F1C6"; } .totalsoft-file-sound-o:before, .totalsoft-file-audio-o:before { content: "\F1C7"; } .totalsoft-file-movie-o:before, .totalsoft-file-video-o:before { content: "\F1C8"; } .totalsoft-file-code-o:before { content: "\F1C9"; } .totalsoft-vine:before { content: "\F1CA"; } .totalsoft-codepen:before { content: "\F1CB"; } .totalsoft-jsfiddle:before { content: "\F1CC"; } .totalsoft-life-bouy:before, .totalsoft-life-buoy:before, .totalsoft-life-saver:before, .totalsoft-support:before, .totalsoft-life-ring:before { content: "\F1CD"; } .totalsoft-circle-o-notch:before { content: "\F1CE"; } .totalsoft-ra:before, .totalsoft-resistance:before, .totalsoft-rebel:before { content: "\F1D0"; } .totalsoft-ge:before, .totalsoft-empire:before { content: "\F1D1"; } .totalsoft-git-square:before { content: "\F1D2"; } .totalsoft-git:before { content: "\F1D3"; } .totalsoft-y-combinator-square:before, .totalsoft-yc-square:before, .totalsoft-hacker-news:before { content: "\F1D4"; } .totalsoft-tencent-weibo:before { content: "\F1D5"; } .totalsoft-qq:before { content: "\F1D6"; } .totalsoft-wechat:before, .totalsoft-weixin:before { content: "\F1D7"; } .totalsoft-send:before, .totalsoft-paper-plane:before { content: "\F1D8"; } .totalsoft-send-o:before, .totalsoft-paper-plane-o:before { content: "\F1D9"; } .totalsoft-history:before { content: "\F1DA"; } .totalsoft-circle-thin:before { content: "\F1DB"; } .totalsoft-header:before { content: "\F1DC"; } .totalsoft-paragraph:before { content: "\F1DD"; } .totalsoft-sliders:before { content: "\F1DE"; } .totalsoft-share-alt:before { content: "\F1E0"; } .totalsoft-share-alt-square:before { content: "\F1E1"; } .totalsoft-bomb:before { content: "\F1E2"; } .totalsoft-soccer-ball-o:before, .totalsoft-futbol-o:before { content: "\F1E3"; } .totalsoft-tty:before { content: "\F1E4"; } .totalsoft-binoculars:before { content: "\F1E5"; } .totalsoft-plug:before { content: "\F1E6"; } .totalsoft-slideshare:before { content: "\F1E7"; } .totalsoft-twitch:before { content: "\F1E8"; } .totalsoft-yelp:before { content: "\F1E9"; } .totalsoft-newspaper-o:before { content: "\F1EA"; } .totalsoft-wifi:before { content: "\F1EB"; } .totalsoft-calculator:before { content: "\F1EC"; } .totalsoft-paypal:before { content: "\F1ED"; } .totalsoft-google-wallet:before { content: "\F1EE"; } .totalsoft-cc-visa:before { content: "\F1F0"; } .totalsoft-cc-mastercard:before { content: "\F1F1"; } .totalsoft-cc-discover:before { content: "\F1F2"; } .totalsoft-cc-amex:before { content: "\F1F3"; } .totalsoft-cc-paypal:before { content: "\F1F4"; } .totalsoft-cc-stripe:before { content: "\F1F5"; } .totalsoft-bell-slash:before { content: "\F1F6"; } .totalsoft-bell-slash-o:before { content: "\F1F7"; } .totalsoft-trash:before { content: "\F1F8"; } .totalsoft-copyright:before { content: "\F1F9"; } .totalsoft-at:before { content: "\F1FA"; } .totalsoft-eyedropper:before { content: "\F1FB"; } .totalsoft-paint-brush:before { content: "\F1FC"; } .totalsoft-birthday-cake:before { content: "\F1FD"; } .totalsoft-area-chart:before { content: "\F1FE"; } .totalsoft-pie-chart:before { content: "\F200"; } .totalsoft-line-chart:before { content: "\F201"; } .totalsoft-lastfm:before { content: "\F202"; } .totalsoft-lastfm-square:before { content: "\F203"; } .totalsoft-toggle-off:before { content: "\F204"; } .totalsoft-toggle-on:before { content: "\F205"; } .totalsoft-bicycle:before { content: "\F206"; } .totalsoft-bus:before { content: "\F207"; } .totalsoft-ioxhost:before { content: "\F208"; } .totalsoft-angellist:before { content: "\F209"; } .totalsoft-cc:before { content: "\F20A"; } .totalsoft-shekel:before, .totalsoft-sheqel:before, .totalsoft-ils:before { content: "\F20B"; } .totalsoft-meanpath:before { content: "\F20C"; } .totalsoft-buysellads:before { content: "\F20D"; } .totalsoft-connectdevelop:before { content: "\F20E"; } .totalsoft-dashcube:before { content: "\F210"; } .totalsoft-forumbee:before { content: "\F211"; } .totalsoft-leanpub:before { content: "\F212"; } .totalsoft-sellsy:before { content: "\F213"; } .totalsoft-shirtsinbulk:before { content: "\F214"; } .totalsoft-simplybuilt:before { content: "\F215"; } .totalsoft-skyatlas:before { content: "\F216"; } .totalsoft-cart-plus:before { content: "\F217"; } .totalsoft-cart-arrow-down:before { content: "\F218"; } .totalsoft-diamond:before { content: "\F219"; } .totalsoft-ship:before { content: "\F21A"; } .totalsoft-user-secret:before { content: "\F21B"; } .totalsoft-motorcycle:before { content: "\F21C"; } .totalsoft-street-view:before { content: "\F21D"; } .totalsoft-heartbeat:before { content: "\F21E"; } .totalsoft-venus:before { content: "\F221"; } .totalsoft-mars:before { content: "\F222"; } .totalsoft-mercury:before { content: "\F223"; } .totalsoft-intersex:before, .totalsoft-transgender:before { content: "\F224"; } .totalsoft-transgender-alt:before { content: "\F225"; } .totalsoft-venus-double:before { content: "\F226"; } .totalsoft-mars-double:before { content: "\F227"; } .totalsoft-venus-mars:before { content: "\F228"; } .totalsoft-mars-stroke:before { content: "\F229"; } .totalsoft-mars-stroke-v:before { content: "\F22A"; } .totalsoft-mars-stroke-h:before { content: "\F22B"; } .totalsoft-neuter:before { content: "\F22C"; } .totalsoft-genderless:before { content: "\F22D"; } .totalsoft-facebook-official:before { content: "\F230"; } .totalsoft-pinterest-p:before { content: "\F231"; } .totalsoft-whatsapp:before { content: "\F232"; } .totalsoft-server:before { content: "\F233"; } .totalsoft-user-plus:before { content: "\F234"; } .totalsoft-user-times:before { content: "\F235"; } .totalsoft-hotel:before, .totalsoft-bed:before { content: "\F236"; } .totalsoft-viacoin:before { content: "\F237"; } .totalsoft-train:before { content: "\F238"; } .totalsoft-subway:before { content: "\F239"; } .totalsoft-medium:before { content: "\F23A"; } .totalsoft-yc:before, .totalsoft-y-combinator:before { content: "\F23B"; } .totalsoft-optin-monster:before { content: "\F23C"; } .totalsoft-opencart:before { content: "\F23D"; } .totalsoft-expeditedssl:before { content: "\F23E"; } .totalsoft-battery-4:before, .totalsoft-battery-full:before { content: "\F240"; } .totalsoft-battery-3:before, .totalsoft-battery-three-quarters:before { content: "\F241"; } .totalsoft-battery-2:before, .totalsoft-battery-half:before { content: "\F242"; } .totalsoft-battery-1:before, .totalsoft-battery-quarter:before { content: "\F243"; } .totalsoft-battery-0:before, .totalsoft-battery-empty:before { content: "\F244"; } .totalsoft-mouse-pointer:before { content: "\F245"; } .totalsoft-i-cursor:before { content: "\F246"; } .totalsoft-object-group:before { content: "\F247"; } .totalsoft-object-ungroup:before { content: "\F248"; } .totalsoft-sticky-note:before { content: "\F249"; } .totalsoft-sticky-note-o:before { content: "\F24A"; } .totalsoft-cc-jcb:before { content: "\F24B"; } .totalsoft-cc-diners-club:before { content: "\F24C"; } .totalsoft-clone:before { content: "\F24D"; } .totalsoft-balance-scale:before { content: "\F24E"; } .totalsoft-hourglass-o:before { content: "\F250"; } .totalsoft-hourglass-1:before, .totalsoft-hourglass-start:before { content: "\F251"; } .totalsoft-hourglass-2:before, .totalsoft-hourglass-half:before { content: "\F252"; } .totalsoft-hourglass-3:before, .totalsoft-hourglass-end:before { content: "\F253"; } .totalsoft-hourglass:before { content: "\F254"; } .totalsoft-hand-grab-o:before, .totalsoft-hand-rock-o:before { content: "\F255"; } .totalsoft-hand-stop-o:before, .totalsoft-hand-paper-o:before { content: "\F256"; } .totalsoft-hand-scissors-o:before { content: "\F257"; } .totalsoft-hand-lizard-o:before { content: "\F258"; } .totalsoft-hand-spock-o:before { content: "\F259"; } .totalsoft-hand-pointer-o:before { content: "\F25A"; } .totalsoft-hand-peace-o:before { content: "\F25B"; } .totalsoft-trademark:before { content: "\F25C"; } .totalsoft-registered:before { content: "\F25D"; } .totalsoft-creative-commons:before { content: "\F25E"; } .totalsoft-gg:before { content: "\F260"; } .totalsoft-gg-circle:before { content: "\F261"; } .totalsoft-tripadvisor:before { content: "\F262"; } .totalsoft-odnoklassniki:before { content: "\F263"; } .totalsoft-odnoklassniki-square:before { content: "\F264"; } .totalsoft-get-pocket:before { content: "\F265"; } .totalsoft-wikipedia-w:before { content: "\F266"; } .totalsoft-safari:before { content: "\F267"; } .totalsoft-chrome:before { content: "\F268"; } .totalsoft-firefox:before { content: "\F269"; } .totalsoft-opera:before { content: "\F26A"; } .totalsoft-internet-explorer:before { content: "\F26B"; } .totalsoft-tv:before, .totalsoft-television:before { content: "\F26C"; } .totalsoft-contao:before { content: "\F26D"; } .totalsoft-500px:before { content: "\F26E"; } .totalsoft-amazon:before { content: "\F270"; } .totalsoft-calendar-plus-o:before { content: "\F271"; } .totalsoft-calendar-minus-o:before { content: "\F272"; } .totalsoft-calendar-times-o:before { content: "\F273"; } .totalsoft-calendar-check-o:before { content: "\F274"; } .totalsoft-industry:before { content: "\F275"; } .totalsoft-map-pin:before { content: "\F276"; } .totalsoft-map-signs:before { content: "\F277"; } .totalsoft-map-o:before { content: "\F278"; } .totalsoft-map:before { content: "\F279"; } .totalsoft-commenting:before { content: "\F27A"; } .totalsoft-commenting-o:before { content: "\F27B"; } .totalsoft-houzz:before { content: "\F27C"; } .totalsoft-vimeo:before { content: "\F27D"; } .totalsoft-black-tie:before { content: "\F27E"; } .totalsoft-fonticons:before { content: "\F280"; } .totalsoft-reddit-alien:before { content: "\F281"; } .totalsoft-edge:before { content: "\F282"; } .totalsoft-credit-card-alt:before { content: "\F283"; } .totalsoft-codiepie:before { content: "\F284"; } .totalsoft-modx:before { content: "\F285"; } .totalsoft-fort-awesome:before { content: "\F286"; } .totalsoft-usb:before { content: "\F287"; } .totalsoft-product-hunt:before { content: "\F288"; } .totalsoft-mixcloud:before { content: "\F289"; } .totalsoft-scribd:before { content: "\F28A"; } .totalsoft-pause-circle:before { content: "\F28B"; } .totalsoft-pause-circle-o:before { content: "\F28C"; } .totalsoft-stop-circle:before { content: "\F28D"; } .totalsoft-stop-circle-o:before { content: "\F28E"; } .totalsoft-shopping-bag:before { content: "\F290"; } .totalsoft-shopping-basket:before { content: "\F291"; } .totalsoft-hashtag:before { content: "\F292"; } .totalsoft-bluetooth:before { content: "\F293"; } .totalsoft-bluetooth-b:before { content: "\F294"; } .totalsoft-percent:before { content: "\F295"; } .totalsoft-gitlab:before { content: "\F296"; } .totalsoft-wpbeginner:before { content: "\F297"; } .totalsoft-wpforms:before { content: "\F298"; } .totalsoft-envira:before { content: "\F299"; } .totalsoft-universal-access:before { content: "\F29A"; } .totalsoft-wheelchair-alt:before { content: "\F29B"; } .totalsoft-question-circle-o:before { content: "\F29C"; } .totalsoft-blind:before { content: "\F29D"; } .totalsoft-audio-description:before { content: "\F29E"; } .totalsoft-volume-control-phone:before { content: "\F2A0"; } .totalsoft-braille:before { content: "\F2A1"; } .totalsoft-assistive-listening-systems:before { content: "\F2A2"; } .totalsoft-asl-interpreting:before, .totalsoft-american-sign-language-interpreting:before { content: "\F2A3"; } .totalsoft-deafness:before, .totalsoft-hard-of-hearing:before, .totalsoft-deaf:before { content: "\F2A4"; } .totalsoft-glide:before { content: "\F2A5"; } .totalsoft-glide-g:before { content: "\F2A6"; } .totalsoft-signing:before, .totalsoft-sign-language:before { content: "\F2A7"; } .totalsoft-low-vision:before { content: "\F2A8"; } .totalsoft-viadeo:before { content: "\F2A9"; } .totalsoft-viadeo-square:before { content: "\F2AA"; } .totalsoft-snapchat:before { content: "\F2AB"; } .totalsoft-snapchat-ghost:before { content: "\F2AC"; } .totalsoft-snapchat-square:before { content: "\F2AD"; } .totalsoft-pied-piper:before { content: "\F2AE"; } .totalsoft-first-order:before { content: "\F2B0"; } .totalsoft-yoast:before { content: "\F2B1"; } .totalsoft-themeisle:before { content: "\F2B2"; } .totalsoft-google-plus-circle:before, .totalsoft-google-plus-official:before { content: "\F2B3"; } .totalsoft-fa:before, .totalsoft-font-awesome:before { content: "\F2B4"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .lg-autoplay-button:after { content: "\E01D"; } /*! * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url(/fonts/fontawesome-webfont862f.eot?90186830c9c50a0fed932494581761d9);src:url(/fonts/fontawesome-webfontd41d.eot?90186830c9c50a0fed932494581761d9?#iefix&v=4.1.0) format('embedded-opentype'),url(/fonts/fontawesome-webfont862f.woff?fdf491ce5ff5b2da02708cd0e9864719) format('woff'),url(/fonts/fontawesome-webfont862f.ttf?4f0022f25672c7f501c339cbf98d9117) format('truetype'),url(/fonts/fontawesome-webfont862f.svg?776d58f453c8fe5d6a89e9c31ee223ff#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{animation:spin 2s infinite linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\F000"}.fa-music:before{content:"\F001"}.fa-search:before{content:"\F002"}.fa-envelope-o:before{content:"\F003"}.fa-heart:before{content:"\F004"}.fa-star:before{content:"\F005"}.fa-star-o:before{content:"\F006"}.fa-user:before{content:"\F007"}.fa-film:before{content:"\F008"}.fa-th-large:before{content:"\F009"}.fa-th:before{content:"\F00A"}.fa-th-list:before{content:"\F00B"}.fa-check:before{content:"\F00C"}.fa-times:before{content:"\F00D"}.fa-search-plus:before{content:"\F00E"}.fa-search-minus:before{content:"\F010"}.fa-power-off:before{content:"\F011"}.fa-signal:before{content:"\F012"}.fa-gear:before,.fa-cog:before{content:"\F013"}.fa-trash-o:before{content:"\F014"}.fa-home:before{content:"\F015"}.fa-file-o:before{content:"\F016"}.fa-clock-o:before{content:"\F017"}.fa-road:before{content:"\F018"}.fa-download:before{content:"\F019"}.fa-arrow-circle-o-down:before{content:"\F01A"}.fa-arrow-circle-o-up:before{content:"\F01B"}.fa-inbox:before{content:"\F01C"}.fa-play-circle-o:before{content:"\F01D"}.fa-rotate-right:before,.fa-repeat:before{content:"\F01E"}.fa-refresh:before{content:"\F021"}.fa-list-alt:before{content:"\F022"}.fa-lock:before{content:"\F023"}.fa-flag:before{content:"\F024"}.fa-headphones:before{content:"\F025"}.fa-volume-off:before{content:"\F026"}.fa-volume-down:before{content:"\F027"}.fa-volume-up:before{content:"\F028"}.fa-qrcode:before{content:"\F029"}.fa-barcode:before{content:"\F02A"}.fa-tag:before{content:"\F02B"}.fa-tags:before{content:"\F02C"}.fa-book:before{content:"\F02D"}.fa-bookmark:before{content:"\F02E"}.fa-print:before{content:"\F02F"}.fa-camera:before{content:"\F030"}.fa-font:before{content:"\F031"}.fa-bold:before{content:"\F032"}.fa-italic:before{content:"\F033"}.fa-text-height:before{content:"\F034"}.fa-text-width:before{content:"\F035"}.fa-align-left:before{content:"\F036"}.fa-align-center:before{content:"\F037"}.fa-align-right:before{content:"\F038"}.fa-align-justify:before{content:"\F039"}.fa-list:before{content:"\F03A"}.fa-dedent:before,.fa-outdent:before{content:"\F03B"}.fa-indent:before{content:"\F03C"}.fa-video-camera:before{content:"\F03D"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\F03E"}.fa-pencil:before{content:"\F040"}.fa-map-marker:before{content:"\F041"}.fa-adjust:before{content:"\F042"}.fa-tint:before{content:"\F043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\F044"}.fa-share-square-o:before{content:"\F045"}.fa-check-square-o:before{content:"\F046"}.fa-arrows:before{content:"\F047"}.fa-step-backward:before{content:"\F048"}.fa-fast-backward:before{content:"\F049"}.fa-backward:before{content:"\F04A"}.fa-play:before{content:"\F04B"}.fa-pause:before{content:"\F04C"}.fa-stop:before{content:"\F04D"}.fa-forward:before{content:"\F04E"}.fa-fast-forward:before{content:"\F050"}.fa-step-forward:before{content:"\F051"}.fa-eject:before{content:"\F052"}.fa-chevron-left:before{content:"\F053"}.fa-chevron-right:before{content:"\F054"}.fa-plus-circle:before{content:"\F055"}.fa-minus-circle:before{content:"\F056"}.fa-times-circle:before{content:"\F057"}.fa-check-circle:before{content:"\F058"}.fa-question-circle:before{content:"\F059"}.fa-info-circle:before{content:"\F05A"}.fa-crosshairs:before{content:"\F05B"}.fa-times-circle-o:before{content:"\F05C"}.fa-check-circle-o:before{content:"\F05D"}.fa-ban:before{content:"\F05E"}.fa-arrow-left:before{content:"\F060"}.fa-arrow-right:before{content:"\F061"}.fa-arrow-up:before{content:"\F062"}.fa-arrow-down:before{content:"\F063"}.fa-mail-forward:before,.fa-share:before{content:"\F064"}.fa-expand:before{content:"\F065"}.fa-compress:before{content:"\F066"}.fa-plus:before{content:"\F067"}.fa-minus:before{content:"\F068"}.fa-asterisk:before{content:"\F069"}.fa-exclamation-circle:before{content:"\F06A"}.fa-gift:before{content:"\F06B"}.fa-leaf:before{content:"\F06C"}.fa-fire:before{content:"\F06D"}.fa-eye:before{content:"\F06E"}.fa-eye-slash:before{content:"\F070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\F071"}.fa-plane:before{content:"\F072"}.fa-calendar:before{content:"\F073"}.fa-random:before{content:"\F074"}.fa-comment:before{content:"\F075"}.fa-magnet:before{content:"\F076"}.fa-chevron-up:before{content:"\F077"}.fa-chevron-down:before{content:"\F078"}.fa-retweet:before{content:"\F079"}.fa-shopping-cart:before{content:"\F07A"}.fa-folder:before{content:"\F07B"}.fa-folder-open:before{content:"\F07C"}.fa-arrows-v:before{content:"\F07D"}.fa-arrows-h:before{content:"\F07E"}.fa-bar-chart-o:before{content:"\F080"}.fa-twitter-square:before{content:"\F081"}.fa-facebook-square:before{content:"\F082"}.fa-camera-retro:before{content:"\F083"}.fa-key:before{content:"\F084"}.fa-gears:before,.fa-cogs:before{content:"\F085"}.fa-comments:before{content:"\F086"}.fa-thumbs-o-up:before{content:"\F087"}.fa-thumbs-o-down:before{content:"\F088"}.fa-star-half:before{content:"\F089"}.fa-heart-o:before{content:"\F08A"}.fa-sign-out:before{content:"\F08B"}.fa-linkedin-square:before{content:"\F08C"}.fa-thumb-tack:before{content:"\F08D"}.fa-external-link:before{content:"\F08E"}.fa-sign-in:before{content:"\F090"}.fa-trophy:before{content:"\F091"}.fa-github-square:before{content:"\F092"}.fa-upload:before{content:"\F093"}.fa-lemon-o:before{content:"\F094"}.fa-phone:before{content:"\F095"}.fa-square-o:before{content:"\F096"}.fa-bookmark-o:before{content:"\F097"}.fa-phone-square:before{content:"\F098"}.fa-twitter:before{content:"\F099"}.fa-facebook:before{content:"\F09A"}.fa-github:before{content:"\F09B"}.fa-unlock:before{content:"\F09C"}.fa-credit-card:before{content:"\F09D"}.fa-rss:before{content:"\F09E"}.fa-hdd-o:before{content:"\F0A0"}.fa-bullhorn:before{content:"\F0A1"}.fa-bell:before{content:"\F0F3"}.fa-certificate:before{content:"\F0A3"}.fa-hand-o-right:before{content:"\F0A4"}.fa-hand-o-left:before{content:"\F0A5"}.fa-hand-o-up:before{content:"\F0A6"}.fa-hand-o-down:before{content:"\F0A7"}.fa-arrow-circle-left:before{content:"\F0A8"}.fa-arrow-circle-right:before{content:"\F0A9"}.fa-arrow-circle-up:before{content:"\F0AA"}.fa-arrow-circle-down:before{content:"\F0AB"}.fa-globe:before{content:"\F0AC"}.fa-wrench:before{content:"\F0AD"}.fa-tasks:before{content:"\F0AE"}.fa-filter:before{content:"\F0B0"}.fa-briefcase:before{content:"\F0B1"}.fa-arrows-alt:before{content:"\F0B2"}.fa-group:before,.fa-users:before{content:"\F0C0"}.fa-chain:before,.fa-link:before{content:"\F0C1"}.fa-cloud:before{content:"\F0C2"}.fa-flask:before{content:"\F0C3"}.fa-cut:before,.fa-scissors:before{content:"\F0C4"}.fa-copy:before,.fa-files-o:before{content:"\F0C5"}.fa-paperclip:before{content:"\F0C6"}.fa-save:before,.fa-floppy-o:before{content:"\F0C7"}.fa-square:before{content:"\F0C8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\F0C9"}.fa-list-ul:before{content:"\F0CA"}.fa-list-ol:before{content:"\F0CB"}.fa-strikethrough:before{content:"\F0CC"}.fa-underline:before{content:"\F0CD"}.fa-table:before{content:"\F0CE"}.fa-magic:before{content:"\F0D0"}.fa-truck:before{content:"\F0D1"}.fa-pinterest:before{content:"\F0D2"}.fa-pinterest-square:before{content:"\F0D3"}.fa-google-plus-square:before{content:"\F0D4"}.fa-google-plus:before{content:"\F0D5"}.fa-money:before{content:"\F0D6"}.fa-caret-down:before{content:"\F0D7"}.fa-caret-up:before{content:"\F0D8"}.fa-caret-left:before{content:"\F0D9"}.fa-caret-right:before{content:"\F0DA"}.fa-columns:before{content:"\F0DB"}.fa-unsorted:before,.fa-sort:before{content:"\F0DC"}.fa-sort-down:before,.fa-sort-desc:before{content:"\F0DD"}.fa-sort-up:before,.fa-sort-asc:before{content:"\F0DE"}.fa-envelope:before{content:"\F0E0"}.fa-linkedin:before{content:"\F0E1"}.fa-rotate-left:before,.fa-undo:before{content:"\F0E2"}.fa-legal:before,.fa-gavel:before{content:"\F0E3"}.fa-dashboard:before,.fa-tachometer:before{content:"\F0E4"}.fa-comment-o:before{content:"\F0E5"}.fa-comments-o:before{content:"\F0E6"}.fa-flash:before,.fa-bolt:before{content:"\F0E7"}.fa-sitemap:before{content:"\F0E8"}.fa-umbrella:before{content:"\F0E9"}.fa-paste:before,.fa-clipboard:before{content:"\F0EA"}.fa-lightbulb-o:before{content:"\F0EB"}.fa-exchange:before{content:"\F0EC"}.fa-cloud-download:before{content:"\F0ED"}.fa-cloud-upload:before{content:"\F0EE"}.fa-user-md:before{content:"\F0F0"}.fa-stethoscope:before{content:"\F0F1"}.fa-suitcase:before{content:"\F0F2"}.fa-bell-o:before{content:"\F0A2"}.fa-coffee:before{content:"\F0F4"}.fa-cutlery:before{content:"\F0F5"}.fa-file-text-o:before{content:"\F0F6"}.fa-building-o:before{content:"\F0F7"}.fa-hospital-o:before{content:"\F0F8"}.fa-ambulance:before{content:"\F0F9"}.fa-medkit:before{content:"\F0FA"}.fa-fighter-jet:before{content:"\F0FB"}.fa-beer:before{content:"\F0FC"}.fa-h-square:before{content:"\F0FD"}.fa-plus-square:before{content:"\F0FE"}.fa-angle-double-left:before{content:"\F100"}.fa-angle-double-right:before{content:"\F101"}.fa-angle-double-up:before{content:"\F102"}.fa-angle-double-down:before{content:"\F103"}.fa-angle-left:before{content:"\F104"}.fa-angle-right:before{content:"\F105"}.fa-angle-up:before{content:"\F106"}.fa-angle-down:before{content:"\F107"}.fa-desktop:before{content:"\F108"}.fa-laptop:before{content:"\F109"}.fa-tablet:before{content:"\F10A"}.fa-mobile-phone:before,.fa-mobile:before{content:"\F10B"}.fa-circle-o:before{content:"\F10C"}.fa-quote-left:before{content:"\F10D"}.fa-quote-right:before{content:"\F10E"}.fa-spinner:before{content:"\F110"}.fa-circle:before{content:"\F111"}.fa-mail-reply:before,.fa-reply:before{content:"\F112"}.fa-github-alt:before{content:"\F113"}.fa-folder-o:before{content:"\F114"}.fa-folder-open-o:before{content:"\F115"}.fa-smile-o:before{content:"\F118"}.fa-frown-o:before{content:"\F119"}.fa-meh-o:before{content:"\F11A"}.fa-gamepad:before{content:"\F11B"}.fa-keyboard-o:before{content:"\F11C"}.fa-flag-o:before{content:"\F11D"}.fa-flag-checkered:before{content:"\F11E"}.fa-terminal:before{content:"\F120"}.fa-code:before{content:"\F121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\F122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\F123"}.fa-location-arrow:before{content:"\F124"}.fa-crop:before{content:"\F125"}.fa-code-fork:before{content:"\F126"}.fa-unlink:before,.fa-chain-broken:before{content:"\F127"}.fa-question:before{content:"\F128"}.fa-info:before{content:"\F129"}.fa-exclamation:before{content:"\F12A"}.fa-superscript:before{content:"\F12B"}.fa-subscript:before{content:"\F12C"}.fa-eraser:before{content:"\F12D"}.fa-puzzle-piece:before{content:"\F12E"}.fa-microphone:before{content:"\F130"}.fa-microphone-slash:before{content:"\F131"}.fa-shield:before{content:"\F132"}.fa-calendar-o:before{content:"\F133"}.fa-fire-extinguisher:before{content:"\F134"}.fa-rocket:before{content:"\F135"}.fa-maxcdn:before{content:"\F136"}.fa-chevron-circle-left:before{content:"\F137"}.fa-chevron-circle-right:before{content:"\F138"}.fa-chevron-circle-up:before{content:"\F139"}.fa-chevron-circle-down:before{content:"\F13A"}.fa-html5:before{content:"\F13B"}.fa-css3:before{content:"\F13C"}.fa-anchor:before{content:"\F13D"}.fa-unlock-alt:before{content:"\F13E"}.fa-bullseye:before{content:"\F140"}.fa-ellipsis-h:before{content:"\F141"}.fa-ellipsis-v:before{content:"\F142"}.fa-rss-square:before{content:"\F143"}.fa-play-circle:before{content:"\F144"}.fa-ticket:before{content:"\F145"}.fa-minus-square:before{content:"\F146"}.fa-minus-square-o:before{content:"\F147"}.fa-level-up:before{content:"\F148"}.fa-level-down:before{content:"\F149"}.fa-check-square:before{content:"\F14A"}.fa-pencil-square:before{content:"\F14B"}.fa-external-link-square:before{content:"\F14C"}.fa-share-square:before{content:"\F14D"}.fa-compass:before{content:"\F14E"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\F150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\F151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\F152"}.fa-euro:before,.fa-eur:before{content:"\F153"}.fa-gbp:before{content:"\F154"}.fa-dollar:before,.fa-usd:before{content:"\F155"}.fa-rupee:before,.fa-inr:before{content:"\F156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\F157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\F158"}.fa-won:before,.fa-krw:before{content:"\F159"}.fa-bitcoin:before,.fa-btc:before{content:"\F15A"}.fa-file:before{content:"\F15B"}.fa-file-text:before{content:"\F15C"}.fa-sort-alpha-asc:before{content:"\F15D"}.fa-sort-alpha-desc:before{content:"\F15E"}.fa-sort-amount-asc:before{content:"\F160"}.fa-sort-amount-desc:before{content:"\F161"}.fa-sort-numeric-asc:before{content:"\F162"}.fa-sort-numeric-desc:before{content:"\F163"}.fa-thumbs-up:before{content:"\F164"}.fa-thumbs-down:before{content:"\F165"}.fa-youtube-square:before{content:"\F166"}.fa-youtube:before{content:"\F167"}.fa-xing:before{content:"\F168"}.fa-xing-square:before{content:"\F169"}.fa-youtube-play:before{content:"\F16A"}.fa-dropbox:before{content:"\F16B"}.fa-stack-overflow:before{content:"\F16C"}.fa-instagram:before{content:"\F16D"}.fa-flickr:before{content:"\F16E"}.fa-adn:before{content:"\F170"}.fa-bitbucket:before{content:"\F171"}.fa-bitbucket-square:before{content:"\F172"}.fa-tumblr:before{content:"\F173"}.fa-tumblr-square:before{content:"\F174"}.fa-long-arrow-down:before{content:"\F175"}.fa-long-arrow-up:before{content:"\F176"}.fa-long-arrow-left:before{content:"\F177"}.fa-long-arrow-right:before{content:"\F178"}.fa-apple:before{content:"\F179"}.fa-windows:before{content:"\F17A"}.fa-android:before{content:"\F17B"}.fa-linux:before{content:"\F17C"}.fa-dribbble:before{content:"\F17D"}.fa-skype:before{content:"\F17E"}.fa-foursquare:before{content:"\F180"}.fa-trello:before{content:"\F181"}.fa-female:before{content:"\F182"}.fa-male:before{content:"\F183"}.fa-gittip:before{content:"\F184"}.fa-sun-o:before{content:"\F185"}.fa-moon-o:before{content:"\F186"}.fa-archive:before{content:"\F187"}.fa-bug:before{content:"\F188"}.fa-vk:before{content:"\F189"}.fa-weibo:before{content:"\F18A"}.fa-renren:before{content:"\F18B"}.fa-pagelines:before{content:"\F18C"}.fa-stack-exchange:before{content:"\F18D"}.fa-arrow-circle-o-right:before{content:"\F18E"}.fa-arrow-circle-o-left:before{content:"\F190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\F191"}.fa-dot-circle-o:before{content:"\F192"}.fa-wheelchair:before{content:"\F193"}.fa-vimeo-square:before{content:"\F194"}.fa-turkish-lira:before,.fa-try:before{content:"\F195"}.fa-plus-square-o:before{content:"\F196"}.fa-space-shuttle:before{content:"\F197"}.fa-slack:before{content:"\F198"}.fa-envelope-square:before{content:"\F199"}.fa-wordpress:before{content:"\F19A"}.fa-openid:before{content:"\F19B"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\F19C"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\F19D"}.fa-yahoo:before{content:"\F19E"}.fa-google:before{content:"\F1A0"}.fa-reddit:before{content:"\F1A1"}.fa-reddit-square:before{content:"\F1A2"}.fa-stumbleupon-circle:before{content:"\F1A3"}.fa-stumbleupon:before{content:"\F1A4"}.fa-delicious:before{content:"\F1A5"}.fa-digg:before{content:"\F1A6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\F1A7"}.fa-pied-piper-alt:before{content:"\F1A8"}.fa-drupal:before{content:"\F1A9"}.fa-joomla:before{content:"\F1AA"}.fa-language:before{content:"\F1AB"}.fa-fax:before{content:"\F1AC"}.fa-building:before{content:"\F1AD"}.fa-child:before{content:"\F1AE"}.fa-paw:before{content:"\F1B0"}.fa-spoon:before{content:"\F1B1"}.fa-cube:before{content:"\F1B2"}.fa-cubes:before{content:"\F1B3"}.fa-behance:before{content:"\F1B4"}.fa-behance-square:before{content:"\F1B5"}.fa-steam:before{content:"\F1B6"}.fa-steam-square:before{content:"\F1B7"}.fa-recycle:before{content:"\F1B8"}.fa-automobile:before,.fa-car:before{content:"\F1B9"}.fa-cab:before,.fa-taxi:before{content:"\F1BA"}.fa-tree:before{content:"\F1BB"}.fa-spotify:before{content:"\F1BC"}.fa-deviantart:before{content:"\F1BD"}.fa-soundcloud:before{content:"\F1BE"}.fa-database:before{content:"\F1C0"}.fa-file-pdf-o:before{content:"\F1C1"}.fa-file-word-o:before{content:"\F1C2"}.fa-file-excel-o:before{content:"\F1C3"}.fa-file-powerpoint-o:before{content:"\F1C4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\F1C5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\F1C6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\F1C7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\F1C8"}.fa-file-code-o:before{content:"\F1C9"}.fa-vine:before{content:"\F1CA"}.fa-codepen:before{content:"\F1CB"}.fa-jsfiddle:before{content:"\F1CC"}.fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\F1CD"}.fa-circle-o-notch:before{content:"\F1CE"}.fa-ra:before,.fa-rebel:before{content:"\F1D0"}.fa-ge:before,.fa-empire:before{content:"\F1D1"}.fa-git-square:before{content:"\F1D2"}.fa-git:before{content:"\F1D3"}.fa-hacker-news:before{content:"\F1D4"}.fa-tencent-weibo:before{content:"\F1D5"}.fa-qq:before{content:"\F1D6"}.fa-wechat:before,.fa-weixin:before{content:"\F1D7"}.fa-send:before,.fa-paper-plane:before{content:"\F1D8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\F1D9"}.fa-history:before{content:"\F1DA"}.fa-circle-thin:before{content:"\F1DB"}.fa-header:before{content:"\F1DC"}.fa-paragraph:before{content:"\F1DD"}.fa-sliders:before{content:"\F1DE"}.fa-share-alt:before{content:"\F1E0"}.fa-share-alt-square:before{content:"\F1E1"}.fa-bomb:before{content:"\F1E2"}.wpsm_nav { padding-left: 0; margin-bottom: 0; list-style: none; } .wpsm_nav > li { position: relative; display: block; } .wpsm_nav > li > a { position: relative; display: block; padding: 10px 15px; } .wpsm_nav > li > a:hover, .wpsm_nav > li > a:focus { text-decoration: none; background-color: #eee; } .wpsm_nav > li.disabled > a { color: #777; } .wpsm_nav > li.disabled > a:hover, .wpsm_nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .wpsm_nav .open > a, .wpsm_nav .open > a:hover, .wpsm_nav .open > a:focus { background-color: #eee; border-color: #337ab7; } .wpsm_nav .wpsm_nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .wpsm_nav > li > a > img { max-width: none; } .wpsm_nav-tabs { border-bottom: 1px solid #ddd; } .wpsm_nav-tabs > li { float: left; margin-bottom: -1px; } .wpsm_nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .wpsm_nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .wpsm_nav-tabs > li.active > a, .wpsm_nav-tabs > li.active > a:hover, .wpsm_nav-tabs > li.active > a:focus { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .wpsm_nav-tabs.wpsm_nav-justified { width: 100%; border-bottom: 0; } .wpsm_nav-tabs.wpsm_nav-justified > li { float: none; } .wpsm_nav-tabs.wpsm_nav-justified > li > a { margin-bottom: 5px; text-align: center; } .wpsm_nav-tabs.wpsm_nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .wpsm_nav-tabs.wpsm_nav-justified > li { display: table-cell; width: 1%; } .wpsm_nav-tabs.wpsm_nav-justified > li > a { margin-bottom: 0; } } .wpsm_nav-tabs.wpsm_nav-justified > li > a { margin-right: 0; border-radius: 4px; } .wpsm_nav-tabs.wpsm_nav-justified > .active > a, .wpsm_nav-tabs.wpsm_nav-justified > .active > a:hover, .wpsm_nav-tabs.wpsm_nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .wpsm_nav-tabs.wpsm_nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .wpsm_nav-tabs.wpsm_nav-justified > .active > a, .wpsm_nav-tabs.wpsm_nav-justified > .active > a:hover, .wpsm_nav-tabs.wpsm_nav-justified > .active > a:focus { border-bottom-color: #fff; } } .wpsm_nav-pills > li { float: left; } .wpsm_nav-pills > li > a { border-radius: 4px; } .wpsm_nav-pills > li + li { margin-left: 2px; } .wpsm_nav-pills > li.active > a, .wpsm_nav-pills > li.active > a:hover, .wpsm_nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .wpsm_nav-stacked > li { float: none; } .wpsm_nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .wpsm_nav-justified { width: 100%; } .wpsm_nav-justified > li { float: none; } .wpsm_nav-justified > li > a { margin-bottom: 5px; text-align: center; } .wpsm_nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .wpsm_nav-justified > li { display: table-cell; width: 1%; } .wpsm_nav-justified > li > a { margin-bottom: 0; } } .wpsm_nav-tabs-justified { border-bottom: 0; } .wpsm_nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .wpsm_nav-tabs-justified > .active > a, .wpsm_nav-tabs-justified > .active > a:hover, .wpsm_nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .wpsm_nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .wpsm_nav-tabs-justified > .active > a, .wpsm_nav-tabs-justified > .active > a:hover, .wpsm_nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block !important; } .wpsm_nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .wpsm_navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .wpsm_navbar { border-radius: 4px; } } @media (min-width: 768px) { .wpsm_navbar-header { float: left; } } .wpsm_navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .wpsm_navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .wpsm_navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .wpsm_navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .wpsm_navbar-collapse.in { overflow-y: visible; } .wpsm_navbar-fixed-top .wpsm_navbar-collapse, .wpsm_navbar-static-top .wpsm_navbar-collapse, .wpsm_navbar-fixed-bottom .wpsm_navbar-collapse { padding-right: 0; padding-left: 0; } } .wpsm_navbar-fixed-top .wpsm_navbar-collapse, .wpsm_navbar-fixed-bottom .wpsm_navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .wpsm_navbar-fixed-top .wpsm_navbar-collapse, .wpsm_navbar-fixed-bottom .wpsm_navbar-collapse { max-height: 200px; } } .container > .wpsm_navbar-header, .container-fluid > .wpsm_navbar-header, .container > .wpsm_navbar-collapse, .container-fluid > .wpsm_navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .wpsm_navbar-header, .container-fluid > .wpsm_navbar-header, .container > .wpsm_navbar-collapse, .container-fluid > .wpsm_navbar-collapse { margin-right: 0; margin-left: 0; } } .wpsm_navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .wpsm_navbar-static-top { border-radius: 0; } } .wpsm_navbar-fixed-top, .wpsm_navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .wpsm_navbar-fixed-top, .wpsm_navbar-fixed-bottom { border-radius: 0; } } .wpsm_navbar-fixed-top { top: 0; border-width: 0 0 1px; } .wpsm_navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .wpsm_navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .wpsm_navbar-brand:hover, .wpsm_navbar-brand:focus { text-decoration: none; } .wpsm_navbar-brand > img { display: block; } @media (min-width: 768px) { .wpsm_navbar > .container .wpsm_navbar-brand, .wpsm_navbar > .container-fluid .wpsm_navbar-brand { margin-left: -15px; } } .wpsm_navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .wpsm_navbar-toggle:focus { outline: 0; } .wpsm_navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .wpsm_navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .wpsm_navbar-toggle { display: none; } } .wpsm_navbar-wpsm_nav { margin: 7.5px -15px; } .wpsm_navbar-wpsm_nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .wpsm_navbar-wpsm_nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a, .wpsm_navbar-wpsm_nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a { line-height: 20px; } .wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a:hover, .wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .wpsm_navbar-wpsm_nav { float: left; margin: 0; } .wpsm_navbar-wpsm_nav > li { float: left; } .wpsm_navbar-wpsm_nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .wpsm_navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); } @media (min-width: 768px) { .wpsm_navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .wpsm_navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .wpsm_navbar-form .form-control-static { display: inline-block; } .wpsm_navbar-form .input-group { display: inline-table; vertical-align: middle; } .wpsm_navbar-form .input-group .input-group-addon, .wpsm_navbar-form .input-group .input-group-btn, .wpsm_navbar-form .input-group .form-control { width: auto; } .wpsm_navbar-form .input-group > .form-control { width: 100%; } .wpsm_navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .wpsm_navbar-form .radio, .wpsm_navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .wpsm_navbar-form .radio label, .wpsm_navbar-form .checkbox label { padding-left: 0; } .wpsm_navbar-form .radio input[type="radio"], .wpsm_navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .wpsm_navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .wpsm_navbar-form .form-group { margin-bottom: 5px; } .wpsm_navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .wpsm_navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; box-shadow: none; } } .wpsm_navbar-wpsm_nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .wpsm_navbar-fixed-bottom .wpsm_navbar-wpsm_nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .wpsm_navbar-btn { margin-top: 8px; margin-bottom: 8px; } .wpsm_navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .wpsm_navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .wpsm_navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .wpsm_navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .wpsm_navbar-left { float: left !important; } .wpsm_navbar-right { float: right !important; margin-right: -15px; } .wpsm_navbar-right ~ .wpsm_navbar-right { margin-right: 0; } } .wpsm_navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .wpsm_navbar-default .wpsm_navbar-brand { color: #777; } .wpsm_navbar-default .wpsm_navbar-brand:hover, .wpsm_navbar-default .wpsm_navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .wpsm_navbar-default .wpsm_navbar-text { color: #777; } .wpsm_navbar-default .wpsm_navbar-wpsm_nav > li > a { color: #777; } .wpsm_navbar-default .wpsm_navbar-wpsm_nav > li > a:hover, .wpsm_navbar-default .wpsm_navbar-wpsm_nav > li > a:focus { color: #333; background-color: transparent; } .wpsm_navbar-default .wpsm_navbar-wpsm_nav > .active > a, .wpsm_navbar-default .wpsm_navbar-wpsm_nav > .active > a:hover, .wpsm_navbar-default .wpsm_navbar-wpsm_nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .wpsm_navbar-default .wpsm_navbar-wpsm_nav > .disabled > a, .wpsm_navbar-default .wpsm_navbar-wpsm_nav > .disabled > a:hover, .wpsm_navbar-default .wpsm_navbar-wpsm_nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .wpsm_navbar-default .wpsm_navbar-toggle { border-color: #ddd; } .wpsm_navbar-default .wpsm_navbar-toggle:hover, .wpsm_navbar-default .wpsm_navbar-toggle:focus { background-color: #ddd; } .wpsm_navbar-default .wpsm_navbar-toggle .icon-bar { background-color: #888; } .wpsm_navbar-default .wpsm_navbar-collapse, .wpsm_navbar-default .wpsm_navbar-form { border-color: #e7e7e7; } .wpsm_navbar-default .wpsm_navbar-wpsm_nav > .open > a, .wpsm_navbar-default .wpsm_navbar-wpsm_nav > .open > a:hover, .wpsm_navbar-default .wpsm_navbar-wpsm_nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a { color: #777; } .wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a:hover, .wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > .active > a, .wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > .active > a:hover, .wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > .disabled > a, .wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > .disabled > a:hover, .wpsm_navbar-default .wpsm_navbar-wpsm_nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .wpsm_navbar-default .wpsm_navbar-link { color: #777; } .wpsm_navbar-default .wpsm_navbar-link:hover { color: #333; } .wpsm_navbar-default .btn-link { color: #777; } .wpsm_navbar-default .btn-link:hover, .wpsm_navbar-default .btn-link:focus { color: #333; } .wpsm_navbar-default .btn-link[disabled]:hover, fieldset[disabled] .wpsm_navbar-default .btn-link:hover, .wpsm_navbar-default .btn-link[disabled]:focus, fieldset[disabled] .wpsm_navbar-default .btn-link:focus { color: #ccc; } .wpsm_navbar-inverse { background-color: #222; border-color: #080808; } .wpsm_navbar-inverse .wpsm_navbar-brand { color: #9d9d9d; } .wpsm_navbar-inverse .wpsm_navbar-brand:hover, .wpsm_navbar-inverse .wpsm_navbar-brand:focus { color: #fff; background-color: transparent; } .wpsm_navbar-inverse .wpsm_navbar-text { color: #9d9d9d; } .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > li > a { color: #9d9d9d; } .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > li > a:hover, .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > li > a:focus { color: #fff; background-color: transparent; } .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .active > a, .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .active > a:hover, .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .active > a:focus { color: #fff; background-color: #080808; } .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .disabled > a, .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .disabled > a:hover, .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .disabled > a:focus { color: #444; background-color: transparent; } .wpsm_navbar-inverse .wpsm_navbar-toggle { border-color: #333; } .wpsm_navbar-inverse .wpsm_navbar-toggle:hover, .wpsm_navbar-inverse .wpsm_navbar-toggle:focus { background-color: #333; } .wpsm_navbar-inverse .wpsm_navbar-toggle .icon-bar { background-color: #fff; } .wpsm_navbar-inverse .wpsm_navbar-collapse, .wpsm_navbar-inverse .wpsm_navbar-form { border-color: #101010; } .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .open > a, .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .open > a:hover, .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu .divider { background-color: #080808; } .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a { color: #9d9d9d; } .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a:hover, .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > .active > a, .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > .active > a:hover, .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > .disabled > a, .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > .disabled > a:hover, .wpsm_navbar-inverse .wpsm_navbar-wpsm_nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .wpsm_navbar-inverse .wpsm_navbar-link { color: #9d9d9d; } .wpsm_navbar-inverse .wpsm_navbar-link:hover { color: #fff; } .wpsm_navbar-inverse .btn-link { color: #9d9d9d; } .wpsm_navbar-inverse .btn-link:hover, .wpsm_navbar-inverse .btn-link:focus { color: #fff; } .wpsm_navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .wpsm_navbar-inverse .btn-link:hover, .wpsm_navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .wpsm_navbar-inverse .btn-link:focus { color: #444; } .wpsm_nav:before, .wpsm_nav:after, .wpsm_navbar:before, .wpsm_navbar:after, .wpsm_navbar-header:before, .wpsm_navbar-header:after, .wpsm_navbar-collapse:before, .wpsm_navbar-collapse:after { display: table; content: " "; } .wpsm_nav:after, .wpsm_navbar:after, .wpsm_navbar-header:after, .wpsm_navbar-collapse:after{ clear: both; } @media (max-width: 768px) { .wpsm_nav-tabs > li{ float:none; } } .tab-content{ overflow:hidden; } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license */ .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.hinge { animation-duration: 2s; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { animation-name: bounce; } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { animation-name: pulse; } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { animation-name: shake; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { animation-name: wobble; } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in; } } .animated.flip { backface-visibility: visible; animation-name: flip; } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; backface-visibility: visible !important; } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { transform: translateX(0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { transform: translateX(0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .slideOutUp { animation-name: slideOutUp; } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { animation-name: rollOut; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } @font-face{font-display:swap;font-family:ez-toc-icomoon;src:url(/fonts/ez-toc-icomoon.eot?84d6387705ef38420c6110028ba85101);src:url(/fonts/ez-toc-icomoond41d.eot?84d6387705ef38420c6110028ba85101?#iefix) format('embedded-opentype'),url(/fonts/ez-toc-icomoon.woff2?bf19358eb75829d0b676e009b3e6797a) format('woff2'),url(/fonts/ez-toc-icomoon.woff?7967eb299f476ac53af30251c50723e3) format('woff'),url(/fonts/ez-toc-icomoon.ttf?d569d44637d3926d220feada768d3d1f) format('truetype'),url(/fonts/ez-toc-icomoon.svg?fb48e70f981ff3110a8e976e1b3ea18c#ez-toc-icomoon) format('svg');font-weight:400;font-style:normal}/*!* Better Font Rendering =========== *!*/#ez-toc-container{background:#f9f9f9;border:1px solid #aaa;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05);display:table;margin-bottom:1em;padding:10px;position:relative;width:auto}div.ez-toc-widget-container{padding:0;position:relative}#ez-toc-container.ez-toc-light-blue{background:#edf6ff}#ez-toc-container.ez-toc-white{background:#fff}#ez-toc-container.ez-toc-black{background:#000}#ez-toc-container.ez-toc-transparent{background:none transparent}div.ez-toc-widget-container ul{display:block}div.ez-toc-widget-container li{border:none;padding:0}div.ez-toc-widget-container ul.ez-toc-list{padding:10px}#ez-toc-container ul ul,.ez-toc div.ez-toc-widget-container ul ul{margin-left:1.5em}#ez-toc-container li,#ez-toc-container ul{margin:0;padding:0}#ez-toc-container li,#ez-toc-container ul,#ez-toc-container ul li,div.ez-toc-widget-container,div.ez-toc-widget-container li{background:0 0;list-style:none none;line-height:1.6;margin:0;overflow:hidden;z-index:1}#ez-toc-container p.ez-toc-title{text-align:left;line-height:1.45;margin:0;padding:0}.ez-toc-title-container{display:table;width:100%}.ez-toc-title,.ez-toc-title-toggle{display:table-cell;text-align:left;vertical-align:middle}#ez-toc-container.ez-toc-black p.ez-toc-title{color:#fff}#ez-toc-container div.ez-toc-title-container+ul.ez-toc-list{margin-top:1em}.ez-toc-wrap-left{float:left;margin-right:10px}.ez-toc-wrap-right{float:right;margin-left:10px}#ez-toc-container a{color:#444;box-shadow:none;text-decoration:none;text-shadow:none}#ez-toc-container a:visited{color:#9f9f9f}#ez-toc-container a:hover{text-decoration:underline}#ez-toc-container.ez-toc-black a{color:#fff}#ez-toc-container.ez-toc-black a:visited{color:#fff}#ez-toc-container a.ez-toc-toggle{color:#444}#ez-toc-container.counter-flat ul,#ez-toc-container.counter-hierarchy ul,.ez-toc-widget-container.counter-flat ul,.ez-toc-widget-container.counter-hierarchy ul{counter-reset:item}#ez-toc-container.counter-numeric li,.ez-toc-widget-container.counter-numeric li{list-style-type:decimal;list-style-position:inside}#ez-toc-container.counter-decimal ul.ez-toc-list li a::before,.ez-toc-widget-container.counter-decimal ul.ez-toc-list li a::before{content:counters(item, ".") ". ";display:inline-block;counter-increment:item;margin-right:.2em}#ez-toc-container.counter-roman li a::before,.ez-toc-widget-container.counter-roman ul.ez-toc-list li a::before{content:counters(item, ".", upper-roman) ". ";counter-increment:item}.ez-toc-widget-container ul.ez-toc-list li::before{content:' ';position:absolute;left:0;right:0;height:30px;line-height:30px;z-index:-1}.ez-toc-widget-container ul.ez-toc-list li.active::before{background-color:#ededed}.ez-toc-widget-container li.active>a{font-weight:900}.ez-toc-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.ez-toc-btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ez-toc-btn:focus,.ez-toc-btn:hover{color:#333;text-decoration:none}.ez-toc-btn.active,.ez-toc-btn:active{background-image:none;outline:0;box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.ez-toc-btn-default{color:#333;background-color:#fff;border-color:#ccc}.ez-toc-btn-default.active,.ez-toc-btn-default:active,.ez-toc-btn-default:focus,.ez-toc-btn-default:hover{color:#333;background-color:#ebebeb;border-color:#adadad}.ez-toc-btn-default.active,.ez-toc-btn-default:active{background-image:none}.ez-toc-btn-sm,.ez-toc-btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.ez-toc-btn-xs{padding:1px 5px}.ez-toc-btn-default{text-shadow:0 -1px 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.ez-toc-btn-default:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.active,.ez-toc-btn:active{background-image:none}.ez-toc-btn-default{text-shadow:0 1px 0 #fff;background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc}.ez-toc-btn-default:focus,.ez-toc-btn-default:hover{background-color:#e0e0e0;background-position:0 -15px}.ez-toc-btn-default.active,.ez-toc-btn-default:active{background-color:#e0e0e0;border-color:#dbdbdb}.ez-toc-pull-right{float:right!important;margin-left:10px}.ez-toc-glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;line-height:1;-moz-osx-font-smoothing:grayscale}.ez-toc-glyphicon:empty{width:1em}.ez-toc-toggle i.ez-toc-glyphicon{font-size:16px;margin-left:2px}[class*=ez-toc-icon-]{font-family:ez-toc-icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-toc-icon-toggle:before{content:"\E87A"}/* Ninja Forms styling */ .ninja-forms-required-items, .hp-wrap, .honeypot-wrap{ display: none; } .nf-form-layout .nf-field-element select, .nf-form-layout .nf-field-element input{ height: 2.7em; } .ninja-forms-response-msg .ninja-forms-error-msg, .ninja-forms-field-error{ color:red; }@charset "UTF-8"; html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } progress { vertical-align: baseline; } template, [hidden] { display: none; } a { background-color: transparent; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: none; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; display: inline-block; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, select, textarea { font: inherit; } optgroup { font-weight: bold; } button, input, select { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; } [disabled] { cursor: default; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } *, *:before, *:after { box-sizing: border-box; } html { box-sizing: border-box; background-attachment: fixed; -webkit-tap-highlight-color: transparent; } body { color: #777; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .xdebug-var-dump { position: relative; z-index: 1000; } hr { margin: 15px 0; border-width: 0; border-top: 1px solid currentColor; opacity: 0.1; } img { max-width: 100%; height: auto; display: inline-block; vertical-align: middle; } figure { margin: 0; } pre { background-color: #f1f1f1; border: 1px solid #ddd; padding: 20px; width: 100%; overflow-x: auto; } p:empty { display: none; } a, button, input { touch-action: manipulation; } ins { text-decoration: none; } embed, iframe, object { max-width: 100%; } .col, .gallery-item, .columns { position: relative; margin: 0; padding: 0 15px 30px; width: 100%; } .col-fit { flex: 1; } .col-first { order: -1; } .col-last { order: 1; } .col-inner { position: relative; margin-left: auto; margin-right: auto; width: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; flex: 1 0 auto; } .col-has-radius { overflow: hidden; } @media screen and (min-width: 850px) { .col:first-child .col-inner { margin-left: auto; margin-right: 0; } .col + .col .col-inner { margin-right: auto; margin-left: 0; } } @media screen and (max-width: 549px) { .small-col-first { order: -1; } } @media screen and (min-width: 850px) { .large-col-first { order: -1; } } @media screen and (max-width: 849px) { .medium-col-first { order: -1; } .col { padding-bottom: 30px; } } @media screen and (min-width: 850px) { .row-divided > .col + .col:not(.large-12) { border-left: 1px solid #ececec; } .row-divided.row-reverse > .col + .col:not(.large-12) { border-left: 0; border-right: 1px solid #ececec; } .col-divided { padding-right: 30px; border-right: 1px solid #ececec; } .col.col-divided:not(.col-first):last-child { border-right: 0; padding-right: 0; padding-left: 30px; border-left: 1px solid #ececec; } .col-border { padding-right: 0; border-right: 1px solid #ececec; } .col-border + .col, .col-divided + .col { padding-left: 30px; } } .dark .col-divided { border-color: rgba(255, 255, 255, 0.2); } .align-equal > .col { display: flex; } .align-middle { align-items: center !important; align-self: center !important; vertical-align: middle !important; } .align-bottom { justify-content: flex-end !important; align-items: flex-end !important; align-self: flex-end !important; vertical-align: bottom !important; } .align-top { justify-content: flex-start !important; align-items: flex-start !important; align-self: flex-start !important; vertical-align: top !important; } .align-center { justify-content: center !important; } .align-right { justify-content: flex-end !important; } .small-1 { max-width: 8.3333333333%; flex-basis: 8.3333333333%; } .small-2 { max-width: 16.6666666667%; flex-basis: 16.6666666667%; } .small-3 { max-width: 25%; flex-basis: 25%; } .small-4 { max-width: 33.3333333333%; flex-basis: 33.3333333333%; } .small-5 { max-width: 41.6666666667%; flex-basis: 41.6666666667%; } .small-6 { max-width: 50%; flex-basis: 50%; } .small-7 { max-width: 58.3333333333%; flex-basis: 58.3333333333%; } .small-8 { max-width: 66.6666666667%; flex-basis: 66.6666666667%; } .small-9 { max-width: 75%; flex-basis: 75%; } .small-10 { max-width: 83.3333333333%; flex-basis: 83.3333333333%; } .small-11 { max-width: 91.6666666667%; flex-basis: 91.6666666667%; } .small-12 { max-width: 100%; flex-basis: 100%; } .small-columns-1 > .col, .small-columns-1 .flickity-slider > .col { max-width: 100%; flex-basis: 100%; } .small-columns-2 > .col, .small-columns-2 .flickity-slider > .col { max-width: 50%; flex-basis: 50%; } .small-columns-3 > .col, .small-columns-3 .flickity-slider > .col { max-width: 33.3333333333%; flex-basis: 33.3333333333%; } .small-columns-4 > .col, .small-columns-4 .flickity-slider > .col { max-width: 25%; flex-basis: 25%; } .small-columns-5 > .col, .small-columns-5 .flickity-slider > .col { max-width: 20%; flex-basis: 20%; } .small-columns-6 > .col, .small-columns-6 .flickity-slider > .col { max-width: 16.6666666667%; flex-basis: 16.6666666667%; } .small-columns-7 > .col, .small-columns-7 .flickity-slider > .col { max-width: 14.2857142857%; flex-basis: 14.2857142857%; } .small-columns-8 > .col, .small-columns-8 .flickity-slider > .col { max-width: 12.5%; flex-basis: 12.5%; } @media screen and (min-width: 550px) { .medium-1 { max-width: 8.3333333333%; flex-basis: 8.3333333333%; } .medium-2 { max-width: 16.6666666667%; flex-basis: 16.6666666667%; } .medium-3 { max-width: 25%; flex-basis: 25%; } .medium-4 { max-width: 33.3333333333%; flex-basis: 33.3333333333%; } .medium-5 { max-width: 41.6666666667%; flex-basis: 41.6666666667%; } .medium-6 { max-width: 50%; flex-basis: 50%; } .medium-7 { max-width: 58.3333333333%; flex-basis: 58.3333333333%; } .medium-8 { max-width: 66.6666666667%; flex-basis: 66.6666666667%; } .medium-9 { max-width: 75%; flex-basis: 75%; } .medium-10 { max-width: 83.3333333333%; flex-basis: 83.3333333333%; } .medium-11 { max-width: 91.6666666667%; flex-basis: 91.6666666667%; } .medium-12 { max-width: 100%; flex-basis: 100%; } .medium-columns-1 > .col, .medium-columns-1 .flickity-slider > .col { max-width: 100%; flex-basis: 100%; } .medium-columns-2 > .col, .medium-columns-2 .flickity-slider > .col { max-width: 50%; flex-basis: 50%; } .medium-columns-3 > .col, .medium-columns-3 .flickity-slider > .col { max-width: 33.3333333333%; flex-basis: 33.3333333333%; } .medium-columns-4 > .col, .medium-columns-4 .flickity-slider > .col { max-width: 25%; flex-basis: 25%; } .medium-columns-5 > .col, .medium-columns-5 .flickity-slider > .col { max-width: 20%; flex-basis: 20%; } .medium-columns-6 > .col, .medium-columns-6 .flickity-slider > .col { max-width: 16.6666666667%; flex-basis: 16.6666666667%; } .medium-columns-7 > .col, .medium-columns-7 .flickity-slider > .col { max-width: 14.2857142857%; flex-basis: 14.2857142857%; } .medium-columns-8 > .col, .medium-columns-8 .flickity-slider > .col { max-width: 12.5%; flex-basis: 12.5%; } } @media screen and (min-width: 850px) { .large-1 { max-width: 8.3333333333%; flex-basis: 8.3333333333%; } .large-2 { max-width: 16.6666666667%; flex-basis: 16.6666666667%; } .large-3 { max-width: 25%; flex-basis: 25%; } .large-4 { max-width: 33.3333333333%; flex-basis: 33.3333333333%; } .large-5 { max-width: 41.6666666667%; flex-basis: 41.6666666667%; } .large-6 { max-width: 50%; flex-basis: 50%; } .large-7 { max-width: 58.3333333333%; flex-basis: 58.3333333333%; } .large-8 { max-width: 66.6666666667%; flex-basis: 66.6666666667%; } .large-9 { max-width: 75%; flex-basis: 75%; } .large-10 { max-width: 83.3333333333%; flex-basis: 83.3333333333%; } .large-11 { max-width: 91.6666666667%; flex-basis: 91.6666666667%; } .large-12 { max-width: 100%; flex-basis: 100%; } .gallery-columns-1 .gallery-item, .large-columns-1 > .col, .large-columns-1 .flickity-slider > .col { max-width: 100%; flex-basis: 100%; } .gallery-columns-2 .gallery-item, .large-columns-2 > .col, .large-columns-2 .flickity-slider > .col { max-width: 50%; flex-basis: 50%; } .gallery-columns-3 .gallery-item, .large-columns-3 > .col, .large-columns-3 .flickity-slider > .col { max-width: 33.3333333333%; flex-basis: 33.3333333333%; } .gallery-columns-4 .gallery-item, .large-columns-4 > .col, .large-columns-4 .flickity-slider > .col { max-width: 25%; flex-basis: 25%; } .gallery-columns-5 .gallery-item, .large-columns-5 > .col, .large-columns-5 .flickity-slider > .col { max-width: 20%; flex-basis: 20%; } .gallery-columns-6 .gallery-item, .large-columns-6 > .col, .large-columns-6 .flickity-slider > .col { max-width: 16.6666666667%; flex-basis: 16.6666666667%; } .gallery-columns-7 .gallery-item, .large-columns-7 > .col, .large-columns-7 .flickity-slider > .col { max-width: 14.2857142857%; flex-basis: 14.2857142857%; } .gallery-columns-8 .gallery-item, .large-columns-8 > .col, .large-columns-8 .flickity-slider > .col { max-width: 12.5%; flex-basis: 12.5%; } } .has-shadow > .col > .col-inner { background-color: #fff; } .col-hover-focus .col-inner, .col-hover-fade .col-inner, .col-hover-blur .col-inner { transition: all, 0.2s; } .col-hover-fade .col-inner { opacity: 0.6; } .col-hover-fade:hover .col-inner { opacity: 1; } .col-hover-blur .col-inner { filter: blur(3px); } .col-hover-blur:hover .col-inner { filter: blur(0px); } .col-hover-focus:hover .col-inner { opacity: 1; } .row:hover .col-hover-focus .col:not(:hover) { opacity: 0.6; } body, .container, .full-width .ubermenu-nav, .container-width, .row { width: 100%; margin-left: auto; margin-right: auto; } .container { padding-left: 15px; padding-right: 15px; } .container-width, .full-width .ubermenu-nav, .container, .row { max-width: 1080px; } .row.row-collapse { max-width: 1050px; } .row.row-small { max-width: 1065px; } .row.row-large { max-width: 1110px; } body.framed, body.framed header, body.framed .header-wrapper, body.boxed, body.boxed header, body.boxed .header-wrapper, body.boxed .is-sticky-section { max-width: 1170px; } @media screen and (min-width: 850px) { body.framed { margin: 30px auto; } } .flex-row { -js-display: flex; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; width: 100%; } .flex-row-start { justify-content: flex-start; } .flex-row-center { justify-content: center; } .flex-row-col { -js-display: flex; display: flex; flex-direction: column; justify-content: flex-start; } .text-center .flex-row { justify-content: center; } .header .flex-row { height: 100%; } .flex-col { max-height: 100%; } .flex-grow { flex: 1; -ms-flex-negative: 1; -ms-flex-preferred-size: auto !important; } .flex-center { margin: 0 auto; } .flex-left { margin-right: auto; } .flex-right { margin-left: auto; } .flex-wrap { flex-wrap: wrap; } .flex-has-center > .nav-row > .flex-col:not(.flex-center), .flex-has-center > .flex-row > .flex-col:not(.flex-center), .flex-has-center > .flex-col:not(.flex-center) { flex: 1; } @media (max-width: 849px) { .medium-flex-wrap { flex-flow: column wrap; } .medium-flex-wrap .flex-col { padding-top: 5px; padding-bottom: 5px; flex-grow: 0; width: 100%; } } @media (max-width: 549px) { .small-flex-wrap { flex-flow: column wrap; } .small-flex-wrap .flex-col { flex-grow: 0; width: 100%; } } @media (min-width: 850px) { .col2-set, .u-columns { -js-display: flex; display: flex; } .col2-set > div + div, .u-columns > div + div { padding-left: 30px; } } .row-grid .box .image-cover { padding: 0; height: 100%; } .grid-col > .col-inner { height: 100%; } .grid-col .slider:not(.flickity-enabled), .grid-col > .col-inner > .img, .grid-col > .col-inner > .img div, .grid-col > .col-inner > .img .img-inner > img, .grid-col .slider > .img, .grid-col .flickity-slider > .img, .grid-col .col-inner > .img, .grid-col .slider-wrapper, .grid-col .slider, .grid-col .banner, .grid-col .box, .grid-col .box-image, .grid-col .box-image img, .grid-col .image-cover, .grid-col .image-cover img { -o-object-fit: cover; object-fit: cover; width: 100%; position: absolute !important; top: 0; bottom: 0; height: 100%; padding: 0 !important; } .grid-col .box-image img { font-family: "object-fit: cover;"; } .grid-col .flickity-viewport { height: 100% !important; } .grid-col .box:not(.box-shade):not(.box-overlay):not(.box-badge) .box-text { background-color: rgba(255, 255, 255, 0.95); position: absolute; bottom: 0; padding-left: 1.5em; padding-right: 1.5em; } @media all and (-ms-high-contrast: none) { .payment-icon svg { max-width: 50px; } .slider-nav-circle .flickity-prev-next-button svg { height: 36px !important; } .nav > li > a > i { top: -1px; } } .row, .gallery { width: 100%; -js-display: flex; display: flex; flex-flow: row wrap; } .row > div:not(.col):not([class^="col-"]) { width: 100% !important; } .row.row-masonry, .row.row-grid { display: block; } .row.row-masonry > .col, .row.row-grid > .col { float: left; } .row .gallery, .row .row:not(.row-collapse), .container .row:not(.row-collapse), .lightbox-content .row:not(.row-collapse) { padding-left: 0; padding-right: 0; margin-left: -15px; margin-right: -15px; width: auto; } .row .container { padding-left: 0; padding-right: 0; } .slider-wrapper + .row:not(.row-collapse), .banner-grid-wrapper + .row:not(.row-collapse), .banner + .row:not(.row-collapse), .section + .row:not(.row-collapse) { margin-top: 30px; } .row-full-width { max-width: 100% !important; } .row-isotope { transition: height 0.3s; } .row-reverse { flex-direction: row-reverse; } @media screen and (max-width: 549px) { .small-row-reverse { flex-direction: column-reverse; } } @media screen and (max-width: 849px) { .medium-row-reverse { flex-direction: row-reverse; } } .row-collapse { padding: 0; } .row-collapse > .flickity-viewport > .flickity-slider > .col, .row-collapse > .col { padding: 0 !important; } .row-collapse > .col .container { max-width: 100%; } .row .row-small:not(.row-collapse), .container .row-small:not(.row-collapse) { margin-left: -10px; margin-right: -10px; margin-bottom: 0; } .row-small > .flickity-viewport > .flickity-slider > .col, .row-small > .col { padding: 0 9.8px 19.6px; margin-bottom: 0; } .row .row-xsmall:not(.row-collapse), .container .row-xsmall:not(.row-collapse) { margin-left: -2px; margin-right: -2px; margin-bottom: 0; } .row-xsmall > .flickity-viewport > .flickity-slider > .col, .row-xsmall > .col { padding: 0 2px 3px; margin-bottom: 0; } @media screen and (min-width: 850px) { .row-large { padding-left: 0; padding-right: 0; } .row .row-large:not(.row-collapse), .container .row-large:not(.row-collapse) { margin-left: -30px; margin-right: -30px; margin-bottom: 0; } .row-large > .flickity-viewport > .flickity-slider > .col, .row-large > .col { padding: 0 30px 30px; margin-bottom: 0; } } .row-dashed, .row-solid { overflow: hidden; } .row-dashed .col, .row-solid .col { position: relative; padding: 0; } .row-dashed .col-inner, .row-solid .col-inner { padding: 15px; } .row-dashed .col:before, .row-solid .col:before { position: absolute; content: " "; height: 100%; top: 0; left: -1px; border-left: 1px dashed #ddd; } .row-dashed .col:after, .row-solid .col:after { position: absolute; content: " "; width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px dashed #ddd; } .row-solid .col:before { border-left-style: solid; } .row-solid .col:after { border-bottom-style: solid; } .dark .row-solid .col:before, .dark .row-solid .col:after, .dark .row-dashed .col:before, .dark .row-dashed .col:after { border-color: rgba(255, 255, 255, 0.2); } .block-html-after-header .row .col { padding-bottom: 0; } .wpb-js-composer .row:before { display: block !important; } .section { padding: 30px 0; position: relative; min-height: auto; width: 100%; display: flex; flex-flow: row; align-items: center; } .section.dark { background-color: #666; } .section-bg { overflow: hidden; } .section-bg, .section-content { width: 100%; } .section-content { z-index: 1; } .has-parallax { overflow: hidden; } .container .section, .row .section { padding-left: 30px; padding-right: 30px; } .is-sticky-section + .sticky-section-helper { min-height: 100vh !important; background-color: #000; } .sticky-section-helper + div { position: relative; background-color: #fff; box-shadow: 15px 15px 15px 15px rgba(0, 0, 0, 0.1); } .sticky-section { padding: 0 !important; height: 100% !important; height: 100vh !important; width: 100% !important; top: 0; left: 0; right: 0; margin: 0 auto; background-color: #fff; position: relative; overflow: hidden; } .is-sticky-section { position: fixed !important; } .nav-dropdown { position: absolute; min-width: 280px; max-height: 0; z-index: 9; padding: 20px 0 20px; opacity: 0; margin: 0; transition: opacity 0.25s; color: #777; background-color: #fff; text-align: left; display: table; left: -99999px; } .dark.nav-dropdown { color: #f1f1f1; } .nav-dropdown:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } .nav-dropdown li { display: block; margin: 0; vertical-align: top; } .nav-dropdown li ul { margin: 0; padding: 0; } .nav-dropdown > li.html { min-width: 280px; } li.current-dropdown > .nav-dropdown, .next-prev-thumbs li.has-dropdown:hover > .nav-dropdown, .no-js li.has-dropdown:hover > .nav-dropdown { opacity: 1; max-height: inherit; left: -15px; } .nav-right li.current-dropdown:last-child > .nav-dropdown, .nav-right li.has-dropdown:hover:last-child > .nav-dropdown { left: auto; right: -15px; } .nav-column li > a, .nav-dropdown > li > a { width: auto; display: block; padding: 10px 20px; line-height: 1.3; } .nav-column > li:last-child:not(.nav-dropdown-col) > a, .nav-dropdown > li:last-child:not(.nav-dropdown-col) > a { border-bottom: 0 !important; } .dropdown-uppercase.nav-dropdown .nav-column > li > a, .nav-dropdown.dropdown-uppercase > li > a { text-transform: uppercase; font-size: 0.85em; } .nav-dropdown > li.nav-dropdown-col, .nav-dropdown > li.image-column { text-align: left; display: table-cell; white-space: nowrap; width: 160px; min-width: 160px; } .nav-dropdown > li.nav-dropdown-col:not(:last-child), .nav-dropdown > li.image-column:not(:last-child) { border-right: 1px solid transparent; } .nav-dropdown .menu-item-has-children > a, .nav-dropdown .title > a, .nav-dropdown .nav-dropdown-col > a { text-transform: uppercase; font-size: 0.8em; font-weight: bolder; color: #000; } .nav-dropdown .nav-dropdown-col .menu-item-has-children { margin-top: 5px; } .nav-dropdown li.image-column { margin: 0 !important; padding: 0 !important; border: 0 !important; } .nav-dropdown li.image-column > a { line-height: 0 !important; font-size: 0 !important; padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: -20px !important; margin-bottom: -20px !important; } .nav-dropdown li.image-column > a img { margin: 0; display: block; width: 100%; } .nav-dropdown li.image-column > a:hover { opacity: 0.8; } .nav-dropdown-default li.image-column:first-child > a { margin-left: -20px !important; margin-right: 20px !important; } .nav-dropdown-default li.image-column:last-child > a { margin-right: -20px !important; } .nav-dropdown.nav-dropdown-bold > li.nav-dropdown-col, .nav-dropdown.nav-dropdown-simple > li.nav-dropdown-col { border-color: #f1f1f1; } .nav-dropdown-default .nav-column li > a, .nav-dropdown.nav-dropdown-default > li > a { padding-left: 0; padding-right: 0; margin: 0 10px; border-bottom: 1px solid #ececec; } .nav-dropdown-default { padding: 20px; } .nav-dropdown-bold .nav-column li > a, .nav-dropdown.nav-dropdown-bold > li > a { margin: 0 10px; padding-left: 10px; border-radius: 10px; padding-right: 5px; } .nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover { color: #fff !important; background-color: #446084; } .nav-dropdown-simple .nav-column li > a:hover, .nav-dropdown.nav-dropdown-simple > li > a:hover { background-color: rgba(0, 0, 0, 0.03); } .nav-dropdown.nav-dropdown-simple li.html, .nav-dropdown.nav-dropdown-bold li.html { padding: 0 20px 10px; } .menu-item-has-block .nav-dropdown { padding: 0; } li.current-dropdown > .nav-dropdown-full, li.has-dropdown:hover > .nav-dropdown-full { position: fixed; margin-left: 0 !important; margin-right: 0 !important; left: 50% !important; transition: opacity 0.3s !important; transform: translateX(-50%); right: auto; width: 100%; max-width: 1150px !important; display: flex; flex-wrap: wrap; } .nav-dropdown-full > li.nav-dropdown-col { white-space: normal; } .nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before { bottom: -2px; z-index: 10; opacity: 0; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .nav-dropdown-has-arrow li.has-dropdown:after { border-color: rgba(221, 221, 221, 0); border-bottom-color: #fff; border-width: 8px; margin-left: -8px; } .nav-dropdown-has-arrow li.has-dropdown:before { z-index: -999; border-width: 11px; margin-left: -11px; } .nav-dropdown-has-arrow li.has-dropdown.menu-item-design-container-width:after, .nav-dropdown-has-arrow li.has-dropdown.menu-item-design-container-width:before, .nav-dropdown-has-arrow li.has-dropdown.menu-item-design-full-width:after, .nav-dropdown-has-arrow li.has-dropdown.menu-item-design-full-width:before { display: none; } .nav-dropdown-has-arrow .ux-nav-vertical-menu .menu-item-design-default:after, .nav-dropdown-has-arrow .ux-nav-vertical-menu .menu-item-design-default:before, .nav-dropdown-has-arrow .ux-nav-vertical-menu .menu-item-design-custom-size:after, .nav-dropdown-has-arrow .ux-nav-vertical-menu .menu-item-design-custom-size:before { display: none; } .nav-dropdown-has-shadow .nav-dropdown { box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15); } .nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before { border-bottom-color: #ddd; } .nav-dropdown-has-border .nav-dropdown { border: 2px solid #ddd; } .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after { transition: opacity 0.25s; opacity: 1; } .label-new.menu-item > a:after, .label-hot.menu-item > a:after, .label-sale.menu-item > a:after, .label-popular.menu-item > a:after { content: ""; display: inline-block; font-size: 9px; line-height: 9px; text-transform: uppercase; letter-spacing: -0.1px; margin-left: 4px; background-color: #000; font-weight: bolder; border-radius: 2px; color: #fff; padding: 2px 3px 3px; position: relative; top: -2px; } .label-new.menu-item > a:after { background-color: #446084; } .label-sale.menu-item > a:after { background-color: #d26e4b; } .label-popular.menu-item > a:after { background-color: #7a9c59; } .label-hot.menu-item > a:after { background-color: #b20000; } .nav p { margin: 0; padding-bottom: 0; } .nav, .nav ul:not(.nav-dropdown) { margin: 0; padding: 0; } .nav > li > a.button, .nav > li > button { margin-bottom: 0; } .nav { width: 100%; position: relative; display: inline-block; display: flex; flex-flow: row wrap; align-items: center; } .nav > li { display: inline-block; list-style: none; margin: 0; padding: 0; position: relative; margin: 0 7px; transition: background-color 0.3s; } .nav > li > a { padding: 10px 0; display: inline-block; display: inline-flex; flex-wrap: wrap; align-items: center; } .html .nav > li > a { padding-top: 0; padding-bottom: 0; } .nav-small .nav > li > a, .nav.nav-small > li > a { vertical-align: top; padding-top: 5px; padding-bottom: 5px; font-weight: normal; } .nav-small.nav > li.html { font-size: 0.75em; } .nav-center { justify-content: center; } .nav-fill { justify-content: space-between; } .nav-left { justify-content: flex-start; } .nav-right { justify-content: flex-end; } @media (max-width: 849px) { .medium-nav-center { justify-content: center; } } @media (max-width: 549px) { .small-nav-center { justify-content: center; } } .nav > li > a, .nav-dropdown > li > a, .nav-column > li > a, .nav-vertical-fly-out > li > a { color: rgba(102, 102, 102, 0.85); transition: all 0.2s; } .nav-dropdown > li > a, .nav-column > li > a { display: block; } .nav > li > a:hover, .nav > li.active > a, .nav > li.current > a, .nav > li > a.active, .nav > li > a.current, .nav-dropdown li.active > a, .nav-column li.active > a, .nav-dropdown > li > a:hover, .nav-column li > a:hover, .nav-vertical-fly-out > li > a:hover { color: rgba(17, 17, 17, 0.85); } .nav li:first-child { margin-left: 0 !important; } .nav li:last-child { margin-right: 0 !important; } .nav-uppercase > li > a { letter-spacing: 0.02em; text-transform: uppercase; font-weight: bolder; } .nav-thin > li > a { font-weight: thin !important; } @media (min-width: 850px) { .nav-divided > li { margin: 0 0.7em; } .nav-divided > li + li > a:after { content: ""; position: absolute; top: 50%; width: 1px; border-left: 1px solid rgba(0, 0, 0, 0.1); height: 15px; margin-top: -7px; left: -1em; } .nav-divided > li + li.icon-top > a:after { height: 50px; margin-top: -25px; } } li.html .row, li.html form, li.html select, li.html input { margin: 0; } li.html > .button { margin-bottom: 0; } li.hide-title > a { display: none !important; } .nav-pagination > li > span, .nav-pagination > li > a { font-size: 1.1em; display: block; height: 2.25em; line-height: 2em; text-align: center; width: auto; min-width: 2.25em; padding: 0 7px; font-weight: bolder; border-radius: 99px; border: 2px solid currentColor; transition: all 0.3s; vertical-align: top; } .nav-pagination > li i { font-size: 1.2em; vertical-align: middle; top: -1px; } .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover { border-color: #446084; background-color: #446084; color: #fff; } .off-canvas .mobile-sidebar-slide { position: fixed; top: 0; bottom: 0; width: 100%; overflow: hidden; } .off-canvas .mobile-sidebar-slide .sidebar-menu { height: 100%; padding-top: 0; padding-bottom: 0; transition: transform 0.3s; transform: translateX(0%); will-change: transform; } .mobile-sidebar-levels-1 .nav-slide > li > ul.children, .mobile-sidebar-levels-1 .nav-slide > li > .sub-menu { position: fixed; top: 0; bottom: 0; width: 100%; padding-top: 20px; padding-right: 0; padding-bottom: 20px; left: 100%; opacity: 1; display: none; overflow: visible; overflow-y: auto; transform: none; -webkit-overflow-scrolling: touch; } .mobile-sidebar-levels-1 .nav-slide > li > ul.children > li, .mobile-sidebar-levels-1 .nav-slide > li > .sub-menu > li { display: flex; flex-flow: row wrap; align-items: center; } .mobile-sidebar-levels-1 .nav-slide > li > ul.children.is-current-slide, .mobile-sidebar-levels-1 .nav-slide > li > .sub-menu.is-current-slide { display: block; } .mobile-sidebar-levels-1 .nav-slide > li > ul.children.is-current-parent, .mobile-sidebar-levels-1 .nav-slide > li > .sub-menu.is-current-parent { overflow-y: hidden; width: 200%; padding-right: 100%; } .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header), .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) { margin-top: 0; margin-bottom: 0; border-top: 1px solid #ececec; transition: background-color 0.3s; } .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > a, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > a { padding-top: 15px; padding-bottom: 15px; padding-left: 20px; text-transform: uppercase; font-size: 0.8em; letter-spacing: 0.02em; color: rgba(102, 102, 102, 0.85); } .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header).active, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header):hover, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header).active, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header):hover { background-color: rgba(0, 0, 0, 0.05); } .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > ul.children, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > .sub-menu, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > ul.children, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > .sub-menu { position: fixed; top: 0; bottom: 0; width: 100%; padding-top: 20px; padding-right: 0; padding-bottom: 20px; left: 200%; opacity: 1; display: none; overflow: visible; overflow-y: auto; transform: none; -webkit-overflow-scrolling: touch; } .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > ul.children > li, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > .sub-menu > li, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > ul.children > li, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > .sub-menu > li { display: flex; flex-flow: row wrap; align-items: center; } .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > ul.children.is-current-slide, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > .sub-menu.is-current-slide, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > ul.children.is-current-slide, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > .sub-menu.is-current-slide { display: block; } .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > ul.children.is-current-parent, .mobile-sidebar-levels-2 .nav-slide > li > ul.children > li:not(.nav-slide-header) > .sub-menu.is-current-parent, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > ul.children.is-current-parent, .mobile-sidebar-levels-2 .nav-slide > li > .sub-menu > li:not(.nav-slide-header) > .sub-menu.is-current-parent { overflow-y: hidden; width: 200%; padding-right: 100%; } .nav-slide { height: 100%; padding-top: 20px; overflow: visible; overflow-y: auto; -webkit-overflow-scrolling: auto; } .nav-slide .active > .toggle { transform: none; } .nav-slide > li { flex-shrink: 0; } .nav-slide-header .toggle { position: relative !important; top: 0 !important; margin-left: 0 !important; padding-left: 5px; text-align: left; width: 100%; } .nav-slide-header .toggle i { margin-right: 2px; font-size: 1.4em; } .text-center .nav-slide-header .toggle { width: auto; margin-left: auto !important; margin-right: auto !important; } .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before { content: " "; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; background-color: #446084; transition: all 0.3s; opacity: 0; height: 3px; } .nav-line-bottom > li:hover > a:before, .nav-line-grow > li:hover > a:before, .nav-line-bottom > li.active > a:before, .nav-line-grow > li.active > a:before, .nav-line > li.active > a:before, .nav-line > li:hover > a:before { opacity: 1; } .nav:hover > li:not(:hover) > a:before { opacity: 0; } .tabbed-content .nav-line-bottom:before { top: auto; bottom: 0; } .nav-line-grow > li > a:before { width: 0%; } .nav-line-grow > li.active > a:before, .nav-line-grow > li:hover > a:before { width: 100%; } .nav-line-bottom > li:before, .nav-line-bottom > li:after { display: none; } .nav-line-bottom > li > a:before { top: auto; bottom: 0; } .nav-box > li.active > a, .nav-pills > li.active > a { opacity: 1; color: #fff; background-color: #446084; } .nav-tabs > li.active > a { background-color: #fff; } .nav-dark .nav.nav-tabs > li.active > a { color: #000; } .nav-outline > li.active > a { color: #446084; border-color: currentColor; } .tabbed-content { display: flex; flex-flow: row wrap; } .tabbed-content .nav, .tabbed-content .tab-panels { width: 100%; } .tab-panels { padding-top: 1em; } .tab-panels .entry-content { padding: 0; } .tab-panels .panel:not(.active) { zoom: 1; visibility: hidden; height: 0; padding: 0; display: block; overflow: hidden; opacity: 0; } .tab-panels .panel.active { display: block !important; } .nav-box > li, .nav-tabs > li, .nav-outline > li, .nav-pills > li { margin: 0; } .nav-box > li > a { padding: 0 0.75em; line-height: 2.5em; } .nav-pills > li > a { padding: 0 0.75em; border-radius: 99px; line-height: 2.5em; } .nav-tabs > li > a { border-top: 2px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background-color: rgba(0, 0, 0, 0.04); padding-left: 15px; padding-right: 15px; } .nav-tabs > li.active > a { border-top-color: #446084; } .nav-dark .nav-tabs > li:not(.active) > a { background-color: rgba(255, 255, 255, 0.1); border-color: transparent; } .tabbed-content .nav-tabs > li { margin: 0 0.1em; margin-bottom: -1px; } .nav-tabs + .tab-panels { border: 1px solid #ddd; background-color: #fff; padding: 30px; } .nav-outline > li > a { line-height: 2.4em; padding: 0 0.75em; position: relative; z-index: 10; border: 2px solid transparent; border-radius: 32px; } @media (min-width: 850px) { .tabbed-content .nav-vertical { padding-top: 0; width: 25%; } .nav-vertical + .tab-panels { margin-top: 0 !important; border-left: 1px solid #ddd; padding: 0 30px 30px; flex: 1; } .tabbed-content .nav-vertical.nav-outline { padding-right: 15px; } } @media (max-width: 549px) { .small-nav-collapse > li { width: 100%; margin: 0 !important; } .small-nav-collapse > li a { width: 100%; display: block; } } @media (max-width: 549px) { .small-nav-touch { -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; white-space: nowrap; flex-flow: nowrap; } .small-nav-touch > li { display: inline-block; } } .sidebar-menu-tabs__tab { flex: 1 0 50%; max-width: 50%; list-style-type: none; background-color: rgba(0, 0, 0, 0.02); text-align: center; } .sidebar-menu-tabs__tab.active { background-color: rgba(0, 0, 0, 0.05); } .sidebar-menu-tabs__tab-text { flex: 1 1 auto; } .sidebar-menu-tabs.nav > li { margin: 0; } .sidebar-menu-tabs.nav > li > a { display: flex; padding: 15px 10px; } .toggle { height: auto; width: 45px; line-height: 1; box-shadow: none !important; padding: 0; color: currentColor; opacity: 0.6; margin: 0 5px 0 0; } .toggle i { font-size: 1.8em; transition: all 0.3s; } .toggle:focus { color: currentColor; } .toggle:hover { cursor: pointer; opacity: 1; } .active > .toggle { transform: rotate(-180deg); } .active > ul.children { display: block !important; } .active > ul.sub-menu:not(.nav-dropdown) { display: block !important; } .widget .toggle { width: 1em; min-height: 1em; margin: 0 0 0 5px; } .widget .toggle i { top: 1px; font-size: 1.2em; } .nav.nav-vertical { flex-flow: column; } .nav.nav-vertical li { list-style: none; margin: 0; width: 100%; } .nav-vertical li li { font-size: 1em; padding-left: 0.5em; } .nav-vertical .image-column { display: none !important; } .nav-vertical > li { display: flex; flex-flow: row wrap; align-items: center; } .nav-vertical > li ul { width: 100%; } .nav-vertical li li.menu-item-has-children { margin-bottom: 1em; } .nav-vertical li li.menu-item-has-children:not(:first-child) { margin-top: 1em; } .nav-vertical > li > ul > li a, .nav-vertical > li > a { display: flex; align-items: center; width: auto; flex-grow: 1; } .nav-vertical li li.menu-item-has-children > a { color: #000; text-transform: uppercase; font-size: 0.8em; font-weight: bolder; } .nav-vertical > li.html { padding-top: 1em; padding-bottom: 1em; } .nav-vertical > li > ul li a { transition: color 0.2s; color: #666; } .nav-vertical > li > ul li a:hover { opacity: 1; color: #111; } .nav-vertical > li > ul { margin: 0 0 2em; padding-left: 1em; } .nav .children { position: fixed; opacity: 0; left: -99999px; transition: background-color 0.6s, transform 0.3s, opacity 0.3s; transform: translateX(-10px); } .nav:not(.nav-slide) .active > .children { position: inherit; opacity: 1; left: auto; padding-bottom: 30px; transform: translateX(0); } .nav-sidebar.nav-vertical > li.menu-item.active, .nav-sidebar.nav-vertical > li.menu-item:hover { background-color: rgba(0, 0, 0, 0.05); } .nav-sidebar.nav-vertical > li + li { border-top: 1px solid #ececec; } .dark .nav-sidebar.nav-vertical > li + li { border-color: rgba(255, 255, 255, 0.2); } .nav-vertical > li + li, .nav-vertical-fly-out > li + li { border-top: 1px solid #ececec; } .nav-vertical.nav-line > li > a:before { right: -2px; z-index: 1; left: auto; width: 3px; height: 100%; } .nav-vertical.nav-tabs > li > a { border: 0; } .nav-vertical.nav-tabs > li.active > a { border-left: 3px solid #446084; } .text-center .toggle { margin-left: -35px; } .text-center .nav-vertical li { border: 0; } .text-center.nav-vertical li li, .text-center .nav-vertical li li { padding-left: 0; } @media screen and (max-width: 549px) { .small-nav-vertical { flex-flow: column; margin-bottom: 20px; } .small-nav-vertical > li { list-style: none; margin: 0 !important; width: 100%; border-bottom: 1px solid #ececec; } } .nav-vertical .mega-menu-item { width: 100%; } .nav-vertical .social-icons, .nav-vertical .header-button { display: block; width: 100%; } @media screen and (min-width: 849px) { .col-divided > .col-inner > .nav-wrapper > .nav-vertical { width: calc(100% + 31px); } } .header-vertical-menu__opener { display: flex; align-items: center; flex-direction: row; justify-content: space-between; padding: 12px 15px; width: 250px; height: 50px; font-weight: 600; font-size: 0.9em; background-color: #446084; } .header-vertical-menu__opener .icon-menu { font-size: 1.7em; margin-right: 10px; } .header-vertical-menu__tagline { display: block; font-size: 0.9em; font-weight: normal; line-height: 1.3; } .header-vertical-menu__title { flex: 1 1 auto; } .header-vertical-menu__fly-out { position: absolute; z-index: 9; opacity: 0; visibility: hidden; width: 250px; background-color: #fff; } .header-vertical-menu__fly-out .nav-vertical-fly-out { display: flex; align-items: stretch; flex-direction: column; } .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item { position: static; margin: 0; list-style: none; } .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item[class^="label-"] > a:after, .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item[class*=" label-"] > a:after { top: 0; order: 2; } .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a > i.icon-angle-down { margin-left: auto; margin-right: -0.1em; order: 3; transform: rotate(-90deg); } .header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a { display: flex; align-items: center; padding: 10px 15px; } .header-vertical-menu__fly-out .nav-vertical-fly-out li.has-icon-left > a > i, .header-vertical-menu__fly-out .nav-vertical-fly-out li.has-icon-left > a > svg, .header-vertical-menu__fly-out .nav-vertical-fly-out li.has-icon-left > a > img { margin-right: 10px; } .header-vertical-menu__fly-out .nav-top-link { font-size: 0.9em; order: 1; } .header-vertical-menu__fly-out .current-dropdown .nav-dropdown { top: 0; left: 100% !important; } .header-vertical-menu__fly-out .current-dropdown.menu-item-design-custom-size .nav-dropdown { min-height: 100%; } .header-vertical-menu__fly-out--open { opacity: 1; visibility: visible; } .stuck .header-vertical-menu__fly-out, .sticky-hide-on-scroll--active .header-vertical-menu__fly-out { opacity: 0; visibility: hidden; } .header-wrapper:not(.stuck) .header-vertical-menu__fly-out { transition: opacity 0.25s, visibility 0.25s; } .header-vertical-menu__fly-out.has-shadow { box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15); } .header-vertical-menu:hover .header-vertical-menu__fly-out { opacity: 1; visibility: visible; } .badge-container { margin: 30px 0 0 0; } .badge { display: table; z-index: 20; pointer-events: none; height: 2.8em; width: 2.8em; backface-visibility: hidden; } .badge.top { left: 0; } .badge-inner { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%; background-color: #446084; line-height: 0.85; color: #fff; font-weight: bolder; padding: 2px; white-space: nowrap; transition: background-color 0.3s, color 0.3s, border 0.3s; } .badge-small { width: 2.3em; height: 2.3em; } .badge-small .badge-inner { line-height: 0.7; } .badge + .badge { opacity: 0.9; width: 2.5em; height: 2.5em; } .badge + .badge + .badge { opacity: 0.8; } .badge-frame .badge-inner, .badge-outline .badge-inner { color: #446084; background-color: #fff; border: 2px solid currentColor; } .has-hover:hover .badge-outline .badge-inner { border-color: #446084; background-color: #446084; color: #fff; } .badge-outline, .badge-circle { margin-left: -0.4em; } .badge-circle-inside { margin-left: 1em; } .badge-circle + .badge { margin-top: -0.4em; margin-left: -0.4em; } .badge-circle-inside .badge-inner, .badge-circle .badge-inner { border-radius: 999px; } .badge-frame .badge-inner, .widget .badge-outline .badge-inner { background-color: transparent; } .badge-frame { height: 2em; margin-left: -4px; } .widget .badge { margin: 0 !important; } .dark .widget .badge-outline .badge-inner { color: #fff; opacity: 0.7; } .row-collapse .badge-circle { margin-left: 15px; } .banner { position: relative; background-color: #446084; width: 100%; min-height: 30px; } .banner-bg { overflow: hidden; } .banner-layers { max-height: 100%; height: 100%; position: relative; } @media (max-width: 549px) { .banner-layers { overflow: auto; -webkit-overflow-scrolling: touch; } } .banner-layers > * { position: absolute !important; } .dark .banner a { color: #fff; } .video-bg { -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; font-family: "object-fit: cover; object-position: center center;"; position: absolute; width: 100%; height: 100%; } @media (min-width: 549px) { .has-video .bg { display: none; } } .box { width: 100%; position: relative; margin: 0 auto; } .box > a { width: 100%; display: block; } .box a { display: inline-block; } .box, .box-image, .box-text { transition: opacity 0.3s, transform 0.3s, background-color 0.3s; } .box-image > a, .box-image > div > a { display: block; } .box-text { padding-top: 0.7em; padding-bottom: 1.4em; position: relative; width: 100%; font-size: 0.9em; } .has-shadow .box-text { padding-left: 1.2em; padding-right: 1.2em; } @media (max-width: 549px) { .box-text { font-size: 85%; } } .box-image { position: relative; height: auto; margin: 0 auto; overflow: hidden; } .box-image[style*="-radius"] { -webkit-mask-image: -webkit-radial-gradient(white, black); } .box-image-inner { position: relative; overflow: hidden; z-index: 0; } .box-text.text-center { padding-left: 10px; padding-right: 10px; } .box-image img { max-width: 100%; width: 100%; margin: 0 auto; } .box-label { overflow: hidden; } .box-label .box-text.text-center { transform: translateX(-50%); left: 50%; margin: 10% 0; } .box-label .box-text.text-right { right: 0; left: auto; } .box-label .box-text { position: absolute; bottom: 0; width: auto; padding: 0; margin: 10%; padding: 0.5em 1.5em 0.55em; background-color: #fff; opacity: 0.95; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); } .box-label:hover .box-text { opacity: 1; } .box-badge { overflow: hidden; } .box-badge .box-text { background-color: rgba(255, 255, 255, 0.95); padding: 0.8em 1em 1em; position: absolute; bottom: 15%; transition: background 0.3s; z-index: 1; } .dark .box-badge .box-text { background-color: rgba(0, 0, 0, 0.95); } .box-badge:hover .box-text { background-color: #446084; } .box-bounce .box-text { padding: 15px 15px 20px; z-index: 1; } .box-bounce:hover .box-text { transform: translateY(-15px); background-color: #fff; } .dark .box-bounce:hover .box-text { background-color: #222; } .box-bounce:hover .box-image { transform: translateY(-5px); } .box-push .box-text { padding: 15px 20px; background-color: rgba(255, 255, 255, 0.95); max-width: 85%; margin: -15% auto 0; } .box-overlay .box-text, .box-shade .box-text { position: absolute; width: 100%; max-height: 100%; bottom: 0; padding-left: 1.5em; padding-right: 1.5em; } .box-overlay.dark .box-text, .box-shade.dark .box-text { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .box-none .box-text { display: none !important; } .has-post-icon:hover .box-shade .box-text, .has-post-icon:hover .box-overlay .box-text { opacity: 0 !important; } .box-text-middle.box-overlay .box-text, .box-text-middle.box-shade .box-text { position: absolute; transform: translateY(-50%); top: 50%; bottom: auto !important; z-index: 16; left: 0; right: 0; } .box-text-top.box-overlay .box-text, .box-text-top.box-shade .box-text { position: absolute; top: 0; bottom: auto !important; z-index: 16; left: 0; right: 0; } .box-vertical .box-text-middle .box-text { position: relative; top: auto; bottom: auto; transform: translateY(0); } .has-box-vertical .col { width: 100% !important; max-width: 100% !important; } @media screen and (max-width: 549px) { .box-vertical .box-image { width: 100% !important; } } @media screen and (min-width: 550px) { .box-list-view .col { flex-basis: 100% !important; max-width: 100% !important; } .box-list-view .box, .box-vertical { display: table; width: 100%; } .box-list-view .box .image-right, .box-vertical .image-right { direction: rtl; } .box-list-view .box .box-image, .box-list-view .box .box-text, .box-vertical .box-image, .box-vertical .box-text { direction: ltr; display: table-cell; vertical-align: middle; } .box-list-view .box .box-text, .box-vertical .box-text { padding-left: 1.5em; padding-right: 1.5em; } .box-list-view .box .box-image, .box-vertical .box-image { width: 50%; } .box-list-view .box.align-top .box-text, .box-vertical.align-top .box-text { vertical-align: top; } } .button, button, input[type="submit"], input[type="reset"], input[type="button"] { position: relative; display: inline-block; background-color: transparent; text-transform: uppercase; font-size: 0.97em; letter-spacing: 0.03em; cursor: pointer; font-weight: bolder; text-align: center; color: currentColor; text-decoration: none; border: 1px solid transparent; vertical-align: middle; border-radius: 0; margin-top: 0; margin-right: 1em; text-shadow: none; line-height: 2.4em; min-height: 2.5em; padding: 0 1.2em; max-width: 100%; transition: transform 0.3s, border 0.3s, background 0.3s, box-shadow 0.3s, opacity 0.3s, color 0.3s; text-rendering: optimizeLegibility; box-sizing: border-box; } .button span { display: inline-block; line-height: 1.6; } .button.is-outline { line-height: 2.19em; } .nav > li > a.button:hover, .nav > li > a.button { padding-top: 0; padding-bottom: 0; } .nav > li > a.button:hover { color: #fff; } .button, input[type="submit"], input[type="submit"].button, input[type="reset"].button, input[type="button"].button { color: #fff; background-color: #446084; background-color: var(--primary-color); border-color: rgba(0, 0, 0, 0.05); } .button.is-outline, input[type="submit"].is-outline, input[type="reset"].is-outline, input[type="button"].is-outline { border: 2px solid currentColor; background-color: transparent; } .dark .button.is-form:hover, .button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { outline: none; opacity: 1; color: #fff; box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2); } .button.is-underline, .button.is-link { background-color: transparent !important; border-color: transparent !important; padding-left: 0.15em; padding-right: 0.15em; } .button.is-underline:before { content: ""; height: 2px; background-color: currentColor; opacity: 0.3; transition: all 0.3s; position: absolute; bottom: 0; left: 20%; width: 60%; } .button.is-underline:hover:before { left: 0%; width: 100%; opacity: 1; } .is-link, .is-underline { color: #666; } .dark .button.is-underline:hover, .dark .button.is-link:hover { color: #fff; opacity: 0.8; } .button.is-underline:hover, .button.is-link:hover { color: #333; box-shadow: none; } .is-form, button.is-form, input[type="submit"].is-form, input[type="reset"].is-form, input[type="button"].is-form { overflow: hidden; position: relative; background-color: #f9f9f9; text-shadow: 1px 1px 1px #fff; color: #666; border: 1px solid #ddd; text-transform: none; font-weight: normal; } .button.is-form:hover { color: #000; background-color: #f1f1f1; } .dark .button, .dark input[type="submit"], .dark input[type="reset"], .dark input[type="button"] { color: #fff; } .dark .button.is-form, .dark input[type="submit"].is-form, .dark input[type="reset"].is-form, .dark input[type="button"].is-form { color: #000; } .is-round { border-radius: 99px; } .is-shade, .is-bevel, .is-gloss { overflow: hidden; } .is-gloss:after, .is-shade:after, .is-bevel:after { content: ""; position: absolute; top: 0; left: -25%; height: 100%; width: 150%; box-shadow: inset 0 1.2em 0 0 rgba(255, 255, 255, 0.1); } .is-shade:after { box-shadow: inset 1px 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2em 15px 0 rgba(255, 255, 255, 0.2); } .is-bevel:after { left: 0; width: 100%; box-shadow: inset -0.01em -0.1em 0 0 rgba(0, 0, 0, 0.15); } .is-outline { color: silver; } .is-outline:hover { box-shadow: none !important; } input[type="submit"], input[type="submit"].button, input[type="submit"], .primary { background-color: #446084; } .primary.is-underline, .primary.is-link, .primary.is-outline { color: #446084; } .is-outline:hover, .primary.is-outline:hover { color: #fff; background-color: #446084; border-color: #446084; } .success { background-color: #7a9c59; } .success.is-underline, .success.is-link, .success.is-outline { color: #7a9c59; } .success.is-outline:hover { background-color: #7a9c59; border-color: #7a9c59; color: #fff; } .white { background-color: #fff !important; color: #666 !important; } .white.button.is-outline { background-color: transparent; color: currentColor !important; } .white.is-underline, .white.is-link, .white.is-outline { color: #fff !important; background-color: transparent !important; } .white.is-outline:hover { background-color: #fff !important; border-color: #fff; color: #666 !important; } .secondary, .checkout-button, .button.checkout, .button.alt { background-color: #d26e4b; } .secondary.is-underline, .secondary.is-link, .secondary.is-outline { color: #d26e4b; } .secondary.is-outline:hover { background-color: #d26e4b; border-color: #d26e4b; color: #fff; } a.primary:not(.button), a.secondary:not(.button) { background-color: transparent; } .alert { background-color: #b20000; } .alert.is-underline, .alert.is-link, .alert.is-outline { color: #b20000; } .alert.is-outline:hover { background-color: #b20000; border-color: #b20000; color: #fff; } .text-center .button:first-of-type { margin-left: 0 !important; } .text-right .button:last-of-type, .text-center .button:last-of-type { margin-right: 0 !important; } .button.disabled, button.disabled, .button[disabled], button[disabled] { opacity: 0.6; } .header-buttons .button { margin-bottom: 0; margin-right: 0.65em; } .header-button { display: inline-block; } .header-button .plain.is-outline:not(:hover) { color: #999; } .nav-dark .header-button .plain.is-outline:not(:hover) { color: #fff; } .header-button .button { margin: 0; } .scroll-for-more { margin-left: 0 !important; } .scroll-for-more:not(:hover) { opacity: 0.7; } .flex-col button, .flex-col .button, .flex-col input { margin-bottom: 0; } code { padding: 0.2rem 0.5rem; margin: 0 0.2rem; font-size: 0.9em; background: #f1f1f1; border: 1px solid #e1e1e1; border-radius: 4px; } pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; } .dark code { border-color: #000; background-color: rgba(0, 0, 0, 0.5); } .is-divider { height: 3px; display: block; background-color: rgba(0, 0, 0, 0.1); margin: 1em 0 1em; width: 100%; max-width: 30px; } .widget .is-divider { margin-top: 0.66em; } .dark .is-divider { background-color: rgba(255, 255, 255, 0.3); } form { margin-bottom: 0; } input[type="email"], input[type="date"], input[type="search"], input[type="number"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection { box-sizing: border-box; border: 1px solid #ddd; padding: 0 0.75em; height: 2.507em; font-size: 0.97em; border-radius: 0; max-width: 100%; width: 100%; vertical-align: middle; background-color: #fff; color: #333; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); transition: color 0.3s, border 0.3s, background 0.3s, opacity 0.3s; } input:hover, textarea:hover, select:hover { box-shadow: inset 0 -1.8em 1em 0 rgba(0, 0, 0, 0); } input[type="email"], input[type="search"], input[type="number"], input[type="url"], input[type="tel"], input[type="text"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { padding-top: 0.7em; min-height: 120px; } input[type="email"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { box-shadow: 0 0 5px #ccc; opacity: 1 !important; outline: 0; color: #333; background-color: #fff; } label, legend { font-weight: bold; display: block; font-size: 0.9em; margin-bottom: 0.4em; } legend { width: 100%; font-size: 1em; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; margin: 30px 0 15px; } fieldset { border-width: 0; padding: 0; } input[type="checkbox"], input[type="radio"] { display: inline; margin-right: 10px; font-size: 16px; } label > .label-body { display: inline-block; font-weight: normal; margin-left: 0.5em; } abbr[title="required"] { color: #b20000; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline; } select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection { box-shadow: inset 0 -1.4em 1em 0 rgba(0, 0, 0, 0.02); background-color: #fff; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-position: right 0.45em top 50%; background-repeat: no-repeat; padding-right: 1.4em; background-size: auto 16px; border-radius: 0; display: block; } .select-resize-ghost { display: inline-block; width: auto; position: absolute; opacity: 0; } select.resize-select { width: 55px; } .select2-selection__arrow b { border-color: transparent !important; } .select2-container .selection .select2-selection--multiple { padding: 10px; height: auto; max-height: 200px; background-image: none; line-height: 1.7em; } .select2-container .selection .select2-selection--multiple .select2-selection__choice { padding: 5px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { select::-ms-expand { display: none; } select:focus::-ms-value { background: transparent; color: currentColor; } } .form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select { background-color: rgba(0, 0, 0, 0.03); box-shadow: none; border-color: rgba(0, 0, 0, 0.09); color: currentColor !important; border-radius: 99px; } .form-flat button, .form-flat input { border-radius: 99px; } .form-flat textarea { border-radius: 15px; } .form-flat .flex-row .flex-col, .flex-row.form-flat .flex-col { padding-right: 4px; } .dark .form-flat input:not([type="submit"]), .dark .form-flat textarea, .dark .form-flat select, .nav-dark .form-flat input:not([type="submit"]), .nav-dark .form-flat textarea, .nav-dark .form-flat select { background-color: rgba(255, 255, 255, 0.2) !important; border-color: rgba(255, 255, 255, 0.09); color: #fff; } .dark .form-flat select option { color: #333; } .nav-dark .form-flat select, .dark .form-flat select { background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); } .nav-dark .form-flat input::-webkit-input-placeholder, .dark .form-flat input::-webkit-input-placeholder { color: #fff; } .form-flat .button.icon { color: currentColor !important; border-color: transparent !important; background-color: transparent !important; box-shadow: none; } .form-minimal input:not([type="submit"]), .form-minimal textarea, .form-minimal select { background-color: transparent; box-shadow: none; } .form-minimal.quantity .qty { max-width: 2em; border-left: 0; border-right: 0; } input.wpcf7-not-valid, .woocommerce-invalid input { border-color: #b20000; color: #b20000; } .woocommerce-invalid select { border-color: #b20000; } .woocommerce-invalid input.input-checkbox { outline: 1px solid #b20000; outline-offset: 1px; } .select2-container { text-align: left; } .form-row .select2-container { margin-bottom: 1em; } .select2-search__field { margin-bottom: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow { width: 30px; } .select2-container .select2-choice > .select2-chosen, .select2-container .select2-selection--single .select2-selection__rendered, .select2-selection { padding: 0; line-height: 2.507em; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 2.507em; } .fl-wrap { position: relative; } .loading-site .fl-labels label[for]:first-child { display: none; } .fl-labels .fl-wrap label[for]:first-child { transition: all 0.3s; font-size: 12px; white-space: nowrap; position: absolute; line-height: 1; top: 0.5em; opacity: 0; pointer-events: none; left: 1.1em; font-weight: normal; } .dark .fl-wrap label { color: #000; } .fl-wrap.fl-is-active > label[for]:first-child { z-index: 1; opacity: 0.8; } .fl-labels .form-row input:not([type="checkbox"]), .fl-labels .form-row textarea, .fl-labels .form-row select { height: 3.0084em; transition: padding 0.3s; } .form-row .fl-is-active input, .form-row .fl-is-active textarea { padding-top: 1.1em; padding-bottom: 0.5em; } .form-row .fl-is-active select { padding-top: 1.1em; padding-bottom: 0.4em; } .icon-box .icon-box-img { margin-bottom: 1em; max-width: 100%; position: relative; } .slider > .icon-box, .flickity-slider > .icon-box { padding-right: 3% !important; padding-left: 3% !important; } .icon-box-img svg, .icon-box-img img { padding-top: 0.2em; width: 100%; } .icon-box-img svg { width: 100%; height: 100%; transition: all 0.3s; fill: currentColor; } .icon-box-img svg path { fill: currentColor; } .icon-box:hover .has-icon-bg svg path, .icon-box:hover .has-icon-bg svg, .icon-box:hover .has-icon-bg i { fill: #fff; } .has-icon-bg .icon { padding-top: 100%; height: 0; overflow: hidden; position: relative; } .has-icon-bg .icon .icon-inner { color: #446084; position: absolute; height: 100%; width: 100%; top: 0; border: 2px solid currentColor; border-radius: 100%; transition: all 0.3s; } .icon-box:hover .has-icon-bg .icon .icon-inner { background-color: currentColor; } .has-icon-bg .icon svg, .has-icon-bg .icon i, .has-icon-bg .icon img { position: absolute; left: 0; -o-object-fit: cover; object-fit: cover; padding: 0; top: 50%; margin: 0; transform: translateY(-50%); width: 60%; margin-left: 20%; margin-right: 20%; } .icon-box-left .has-icon-bg .icon { position: absolute; width: 100%; } .icon-box-left, .icon-box-right { -js-display: flex; display: flex; flex-flow: row wrap; width: 100%; } .icon-box-left .icon-box-img, .icon-box-right .icon-box-img { flex: 0 0 auto; margin-bottom: 0; max-width: 200px; } .icon-box-left .icon-box-text, .icon-box-right .icon-box-text { flex: 1 1 0px; } .icon-box-right .icon-box-text { order: -1; } .icon-box-left .icon-box-img + .icon-box-text { padding-left: 1em; } .icon-box-right .icon-box-img + .icon-box-text { padding-right: 1em; } .icon-box-center .icon-box-img { margin: 0 auto 1em; } .links > li > a:before, i[class^="icon-"], i[class*=" icon-"] { font-family: "fl-icons" !important; font-display: block; speak: none !important; margin: 0; padding: 0; display: inline-block; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; position: relative; line-height: 1.2; } .widget-title i { opacity: 0.35; margin-right: 4px; } button i, .button i { vertical-align: middle; top: -1.5px; } .button.open-video i { top: -0.027em; } a.remove, a.icon-remove { display: block; width: 24px; height: 24px; font-size: 15px !important; line-height: 19px !important; border-radius: 100%; color: #ccc; font-weight: bold; text-align: center; border: 2px solid currentColor; } button.icon:not(.button), a.icon:not(.button) { font-family: sans-serif; margin-left: 0.25em; margin-right: 0.25em; font-size: 1.2em; } .header a.icon:not(.button) { margin-left: 0.3em; margin-right: 0.3em; } .header .nav-small a.icon:not(.button) { font-size: 1em; } .button.icon { margin-left: 0.12em; margin-right: 0.12em; min-width: 2.5em; padding-left: 0.6em; padding-right: 0.6em; display: inline-block; } .button.icon i { font-size: 1.2em; } .button.icon i + span { padding-right: 0.5em; } .button.icon.is-small { border-width: 1px; } .button.icon.is-small i { top: -1px; } .button.icon.circle { padding-left: 0; padding-right: 0; } .button.icon.circle > span { margin: 0 8px; } .button.icon.circle > span + i { margin-left: -4px; } .button.icon.circle > i { margin: 0 8px; } .button.icon.circle > i + span { margin-left: -4px; } .button.icon.circle > i:only-child { margin: 0; } .nav > li > a > i { vertical-align: middle; transition: color 0.3s; font-size: 20px; } .nav > li > a > i + span { margin-left: 5px; } .nav li.has-icon-left > a > i, .nav li.has-icon-left > a > svg, .nav li.has-icon-left > a > img { margin-right: 5px; } .nav > li > a > span + i { margin-left: 5px; } .nav-small > li > a > i { font-size: 1em; } .nav > li > a > i.icon-search { font-size: 1.2em; } .nav > li > a > i.icon-menu { font-size: 1.9em; } .nav > li.has-icon > a > i { min-width: 1em; } .nav-vertical > li > a > i { font-size: 16px; opacity: 0.6; } .header-button a.icon:not(.button) { display: inline-block; padding: 6px 0; } .header-button a.icon:not(.button) i { font-size: 24px; } .header-button a.icon:not(.button) i.icon-search { font-size: 16px; } .nav-small .header-button a.icon:not(.button) { padding: 3px 0; } .button:not(.icon) > i { margin-left: -0.15em; margin-right: 0.4em; } .button:not(.icon) > span + i { margin-right: -0.15em; margin-left: 0.4em; } .has-dropdown .icon-angle-down { font-size: 16px; margin-left: 0.2em; opacity: 0.6; } .overlay-icon { background-color: rgba(0, 0, 0, 0.2); width: 3em; color: #fff; height: 3em; line-height: 2.8em; border-radius: 100%; text-align: center; border: 2px solid #fff; opacity: 0.8; transition: transform 0.2s, opacity 0.2s; } .overlay-icon i { font-size: 1.3em; transition: color 0.3s; top: 3px; } .has-hover:hover .overlay-icon { opacity: 1; transform: scale(1.15); } .box-shade .overlay-icon, .box-overlay .overlay-icon { opacity: 0; } .image-icon { display: inline-block; height: auto; vertical-align: middle; position: relative; } span + .image-icon { margin-left: 10px; } .image-icon img { max-width: 32px; min-width: 100%; } .nav-small .image-icon { width: 16px; height: 16px; margin: 0 5px; } .nav-small .image-icon img { vertical-align: top; } [data-icon-label] { position: relative; } [data-icon-label="0"]:after { display: none; } [data-icon-label]:after { content: attr(data-icon-label); position: absolute; font-style: normal; font-family: Arial, Sans-serif !important; top: -10px; right: -10px; font-weight: bolder; background-color: #d26e4b; box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); font-size: 11px; padding-left: 2px; padding-right: 2px; opacity: 0.9; line-height: 17px; letter-spacing: -0.5px; height: 17px; min-width: 17px; border-radius: 99px; color: #fff; text-align: center; z-index: 1; transition: transform 0.2s; } .nav-small [data-icon-label]:after { min-width: 13px; top: -4px; right: -10px; height: 13px; font-size: 10px; line-height: 13px; } .button [data-icon-label]:after { top: -12px; right: -12px; } .reveal-icon i { width: 1em; } .reveal-icon i, .reveal-icon span { display: inline-block; transition: opacity 0.3s, transform 0.3s; } .reveal-icon span { transform: translateX(0.75em); } .reveal-icon i + span { transform: translateX(-0.75em); } .reveal-icon:hover > span { transform: translateX(0); } .reveal-icon:not(:hover) i { opacity: 0; } img { transition: opacity 1s; opacity: 1; } .col-inner > .img:not(:last-child), .col > .img:not(:last-child) { margin-bottom: 1em; } .img { position: relative; } .img .img-inner { position: relative; overflow: hidden; } .img, .img img { width: 100%; } .overlay { position: absolute; top: 0; bottom: 0; height: 100%; left: -1px; right: -1px; background-color: rgba(0, 0, 0, 0.15); transition: transform 0.3s, opacity 0.6s; pointer-events: none; } .img .caption { position: absolute; transition: transform 0.5s; transform: translateY(100%); max-height: 100% !important; overflow-y: auto; bottom: 0; padding: 4px 10px; font-size: 14px; color: #fff; width: 100%; background-color: rgba(0, 0, 0, 0.3); } .img .caption-show, .img:hover .caption { transform: translateY(0); } .lazy-load { background-color: rgba(0, 0, 0, 0.03); } .has-format, .video-fit, .image-cover { position: relative; height: auto; overflow: hidden; padding-top: 100%; background-position: 50% 50%; background-size: cover; } .video-fit { padding-top: 56.5%; } .video-fit video, .video-fit iframe, img.back-image, .image-cover img, .has-format img, .has-equal-box-heights .box-image img { right: 0; width: 100%; height: 100%; bottom: 0; left: 0; top: 0; position: absolute; -o-object-position: 50% 50%; object-position: 50% 50%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;"; } .has-equal-box-heights .box-image { padding-top: 100%; } .video-fit iframe { -o-object-fit: fill; object-fit: fill; } .image-tools { padding: 10px; position: absolute; } .image-tools a:last-child { margin-bottom: 0; } .image-tools a.button { display: block; } .image-tools.bottom.left { padding-top: 0; padding-right: 0; } .image-tools.top.right { padding-bottom: 0; padding-left: 0; } .image-tools .cart-icon { position: absolute; left: 10px; margin: 5px; bottom: 100%; } .image-tools .wishlist-button:hover { background-color: #b20000; border-color: #b20000; } @media only screen and (max-device-width: 1024px) { .image-tools { opacity: 1 !important; padding: 5px; } } .overlay-tools { margin-top: 10px; } .overlay-tools a { display: inline-block; font-size: 0.8em; background-color: rgba(0, 0, 0, 0.4); padding: 2px 10px 3px; margin-right: 5px; border-radius: 99px; text-shadow: none; transition: all 0.3s; } .overlay-tools a:hover { background-color: #fff; color: #000 !important; } .tag-label { text-transform: uppercase; display: inline-block; font-size: 0.65em; line-height: 1; letter-spacing: 1.1px; font-weight: bold; border-radius: 2px; padding: 2px 5px; color: #fff; background-color: rgba(0, 0, 0, 0.4); transition: background-color 0.3s, opacity 0.3s; } .has-hover:hover .tag-label { opacity: 1; background-color: #d26e4b; } .lightbox-content { background-color: #fff; max-width: 875px; margin: 0 auto; box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15); position: relative; } .lightbox-content .lightbox-inner { padding: 30px 20px; } .pswp__bg { background-color: rgba(0, 0, 0, 0.6); } @media (min-width: 549px) { .pswp__top-bar { background-color: transparent !important; } } .pswp__item { transition: opacity 0.5s; opacity: 0; } .pswp--visible .pswp__item { opacity: 1; } .pswp__caption__center { text-align: center; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0; transition: opacity 0.25s; } .mfp-bg.mfp-ready { opacity: 0.6; } .mfp-bg.mfp-removing { opacity: 0 !important; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 30px; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-image-holder { padding: 40px 6.66%; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; margin: 0 auto; text-align: left; z-index: 1045; transform: translateY(-30px); opacity: 0; transition: transform 0.5s, opacity 0.3s; } .mfp-content-inner { box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2); } .mfp-ready .mfp-content { opacity: 1; transform: translateY(0); } .mfp-ready.mfp-removing .mfp-content { opacity: 0; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } .mfp-close { cursor: pointer; outline: none; z-index: 1046; box-shadow: none; position: fixed; top: 0; right: 0; text-decoration: none; text-align: center; opacity: 0; padding: 0; mix-blend-mode: difference; margin: 0 !important; color: #fff; font-style: normal; font-weight: 300; font-size: 40px; min-height: 0; width: 40px; -webkit-backface-visibility: hidden; height: 40px; line-height: 40px; font-family: Arial, monospace; transition: opacity 0.6s, transform 0.6s; transform: translateY(50%) translateZ(1px); } .mfp-close svg { pointer-events: none; } .mfp-content .mfp-close { position: absolute; } .mfp-ready .mfp-close { opacity: 0.6; transform: translateY(0) translateZ(1px); } .mfp-removing .mfp-close { display: none !important; } .mfp-close:hover { opacity: 1; } .mfp-close-btn-in .mfp-close { top: 0 !important; color: currentColor; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: fixed; opacity: 0.6; color: #fff; mix-blend-mode: difference; top: 50%; z-index: 1046; margin: 0; text-align: center; width: 50px; height: 50px; } .mfp-arrow i { pointer-events: none; font-size: 42px !important; } .mfp-arrow:hover { opacity: 1; } .mfp-arrow:active { top: 50.1%; } .mfp-arrow-left { left: 0; transform: translateX(100%); } .mfp-arrow-right { right: 0; transform: translateX(-100%); } .mfp-ready .mfp-arrow-right, .mfp-ready .mfp-arrow-left { transform: translateX(0); } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; backface-visibility: hidden; line-height: 0; padding: 0 0 40px; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 0; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { font-size: 11px; text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-title a { text-decoration: underline; color: #f3f3f3; } .mfp-title a:hover { text-decoration: none; color: #f3f3f3; opacity: 0.8; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } } @media (max-width: 849px) { body.body-scroll-lock--active .mfp-wrap { position: fixed !important; overflow: auto; } } .processing, .loading-spin { position: relative; } .processing:before, .loading-spin { content: ""; margin: 0px auto; font-size: 10px; text-indent: -9999em; border-top: 3px solid rgba(0, 0, 0, 0.1) !important; border-right: 3px solid rgba(0, 0, 0, 0.1) !important; border-bottom: 3px solid rgba(0, 0, 0, 0.1) !important; opacity: 0.8; border-left: 3px solid #446084; animation: spin 0.6s infinite linear; border-radius: 50%; width: 30px; height: 30px; pointer-events: none; } .box-image.processing:before, .dark .processing:before, .dark.processing:before, .dark.loading-spin, .dark .loading-spin { border-top: 3px solid rgba(0, 0, 0, 0.1) !important; border-right: 3px solid rgba(0, 0, 0, 0.1) !important; border-bottom: 3px solid rgba(0, 0, 0, 0.1) !important; border-left: 3px solid #fff !important; } .box-image.processing:after { content: ""; background-color: #000; opacity: 0.1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .box-image.processing .image-tools { opacity: 0 !important; } .woocommerce-checkout.processing:before { position: fixed; } .processing:before, .loading-spin.centered { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; z-index: 99; } .loading-spin { border-radius: 50%; width: 30px; height: 30px; } .button.loading { opacity: 1 !important; position: relative; color: rgba(255, 255, 255, 0.05); pointer-events: none !important; } .button.loading:after { animation: spin 500ms infinite linear; border: 2px solid #fff; border-radius: 32px; border-right-color: transparent !important; border-top-color: transparent !important; content: ""; display: block; height: 16px; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; position: absolute; width: 16px; } .is-outline .button.loading:after { border-color: #446084; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ux-menu-link { align-items: center; } .ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link { color: rgba(17, 17, 17, 0.85); } .dark .ux-menu-link__link { border-bottom-color: rgba(255, 255, 255, 0.2); } .dark .ux-menu-link--active .ux-menu-link__link, .dark .ux-menu-link:hover .ux-menu-link__link { color: rgba(255, 255, 255, 0.85); } .ux-menu.ux-menu--divider-solid .ux-menu-link:not(:last-of-type) .ux-menu-link__link { border-bottom-style: solid; } .ux-menu-link__link { flex: 1; min-height: 2.5em; align-items: baseline; padding-top: 0.3em; padding-bottom: 0.3em; color: currentColor; transition: all 0.2s; border-bottom-color: #ececec; border-bottom-width: 1px; } .ux-menu-link__icon { width: 16px; flex-shrink: 0; vertical-align: middle; } .ux-menu-link__icon + .ux-menu-link__text { padding-left: 0.5em; } .ux-menu-title { align-items: center; text-transform: uppercase; font-size: 0.8em; font-weight: bolder; margin-top: 5px; color: #000; min-height: 3.125em; padding-top: 0.3em; padding-bottom: 0.3em; } .ux-menu-link + .ux-menu-title { margin-top: 5px !important; } .dark .ux-menu-title { color: currentColor; } .off-canvas .mfp-content { -ms-scrollbar-base-color: #000; -ms-scrollbar-arrow-color: #000; -ms-overflow-style: -ms-autohiding-scrollbar; } .off-canvas .nav-vertical > li > a { padding-top: 15px; padding-bottom: 15px; } .off-canvas .nav-vertical li li > a { padding-top: 5px; padding-bottom: 5px; } .off-canvas .hide-for-off-canvas { display: none !important; } .off-canvas .hide-for-small, .off-canvas .hide-for-medium { display: inline-block !important; } .off-canvas-right .mfp-content, .off-canvas-left .mfp-content { position: fixed; top: 0; bottom: 0; width: 280px; background-color: rgba(255, 255, 255, 0.95); left: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; transition: transform 0.2s; transform: translateX(-270px); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); } .off-canvas-right.dark .mfp-content, .off-canvas-left.dark .mfp-content { background-color: rgba(0, 0, 0, 0.95); } .off-canvas-right .mfp-content { left: auto; right: 0; transform: translateX(270px); } .off-canvas-center .nav-vertical > li > ul > li a, .off-canvas-center .nav-vertical > li > a { justify-content: center; } .off-canvas-center .nav-vertical > li > a { font-size: 1.5em; } .off-canvas-center .mfp-container { padding: 0; } .off-canvas-center .mfp-content { padding-top: 50px; max-width: 700px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .off-canvas-center .mfp-content .searchform { max-width: 280px; margin: 0 auto; } .off-canvas-center.mfp-bg.mfp-ready { opacity: 0.85; } .mfp-bg.off-canvas-center:not(.dark) { background-color: #fff; opacity: 0.95; } .off-canvas-center .nav-sidebar.nav-vertical > li { border: 0; } .off-canvas-center .nav-sidebar.nav-vertical > li > a { padding-right: 30px; padding-left: 30px; } .off-canvas-center .nav-sidebar.nav-vertical > li .toggle { position: absolute; top: 15px; right: 0; } .off-canvas-center:not(.dark) .mfp-close { color: currentColor; } .off-canvas.mfp-removing .mfp-content { opacity: 0 !important; } .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content { transform: translate(0, 0); opacity: 1; } .has-off-canvas .off-canvas-blur { filter: blur(5px); } .has-off-canvas .off-canvas-zoom { transform: scale(0.98); } .has-off-canvas .current-lightbox-clicked { opacity: 0 !important; transform: translateY(-7px); } .has-off-canvas.has-off-canvas-right .current-lightbox-clicked, .has-off-canvas.has-off-canvas-left .current-lightbox-clicked { transform: translateX(-7px); } .off-canvas .sidebar-menu { padding: 30px 0; } .off-canvas .sidebar-inner { padding: 30px 20px; } .off-canvas:not(.off-canvas-center) .nav-vertical li > a { padding-left: 20px; } .off-canvas:not(.off-canvas-center) li.html { padding: 20px; } .slider-wrapper { position: relative; } .slider > .img, .flickity-slider > .img, .slider-wrapper:last-child { margin-bottom: 0; } .slider, .row-slider { position: relative; scrollbar-width: none; } .slider-full .flickity-slider > .col { padding: 0 !important; } .slider-load-first { transition: max-height 2s; max-height: 999px; } .slider-load-first:not(.flickity-enabled) { max-height: 500px; } .slider-load-first:not(.flickity-enabled) > div { opacity: 0; } .slider:not(.flickity-enabled) { white-space: nowrap; overflow-y: hidden; overflow-x: scroll; width: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .slider::-webkit-scrollbar, .row-slider::-webkit-scrollbar { width: 0px !important; height: 0px !important; } .row-slider:not(.flickity-enabled) { display: block !important; } .slider:not(.flickity-enabled) > * { display: inline-block !important; white-space: normal !important; vertical-align: top; } .slider:not(.flickity-enabled) > a { width: 100%; } .slider > div:not(.col), .slider > a, .slider > p, .slider > a > img, .slider > img { width: 100%; } .flickity-slider > div:not(.col), .flickity-slider > a, .flickity-slider > p, .flickity-slider > a > img, .flickity-slider > img, .flickity-slider > figure { width: 100% !important; padding: 0; margin: 0; transition: transform 0.6s, opacity 0.6s, box-shadow 0.6s; } .flickity-slider > .row:not(.is-selected) { opacity: 0; } .flickity-enabled { position: relative; display: block; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; width: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .slider-has-parallax .bg { transition: opacity 0.3s !important; } .is-dragging .flickity-viewport .flickity-slider { pointer-events: none; } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: grabbing; } .flickity-prev-next-button { position: absolute; top: 40%; bottom: 40%; background-color: transparent; margin: 0; padding: 0; width: 36px; color: #111; border: none; cursor: pointer; opacity: 0; transition: transform 0.3s, opacity 0.3s, background 0.3s, box-shadow 0.3s; } .flickity-prev-next-button.next { transform: translateX(-20%); right: 2%; } .flickity-prev-next-button.previous { transform: translateX(20%); left: 2%; } .slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button { opacity: 0.7; transform: translateX(0) !important; } .slider .flickity-prev-next-button:hover { box-shadow: none; opacity: 1; } .slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow { fill: #446084; } @media (min-width: 850px) { .slider-nav-outside .flickity-prev-next-button.next { right: auto; left: 100%; } .slider-nav-outside .flickity-prev-next-button.previous { left: auto; right: 100%; } } .flickity-prev-next-button:disabled, button.flickity-prev-next-button[disabled] { opacity: 0 !important; background: none !important; cursor: auto; box-shadow: none !important; pointer-events: none; } .flickity-prev-next-button svg { position: absolute; padding: 5px; left: 50%; top: 50%; width: 100%; max-width: 100%; padding: 20%; max-height: 100%; height: auto; transition: all 0.3s; transform: translate(-50%, -50%); } .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button { margin-top: -10%; } .slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg { margin-top: -40px; } .flickity-prev-next-button svg, .flickity-prev-next-button .arrow { border-color: currentColor; fill: currentColor; transition: all 0.3s; } .slider-auto-height, .animate-height { transition: height 0.2s; } .flickity-prev-next-button.no-svg { color: #111; font-size: 26px; } .slider-no-arrows .flickity-prev-next-button { display: none !important; } .slider-type-fade .flickity-slider { transform: none !important; } .slider-type-fade .flickity-slider > * { opacity: 0; z-index: 1; left: 0 !important; } .slider-type-fade .flickity-slider > *.is-selected { opacity: 1; z-index: 2; } .slider-type-fade .flickity-prev-next-button, .slider-type-fade .flickity-page-dots { z-index: 3; } .flickity-page-dots { position: absolute; bottom: 15px; left: 20%; right: 20%; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .slider-nav-outside .flickity-page-dots, .row-slider .flickity-page-dots { bottom: 0; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 12px; height: 12px; margin: 0 5px; border: 3px solid #111; border-radius: 50%; opacity: 0.4; cursor: pointer; transition: opacity 0.3s; } .nav-dots-small .flickity-page-dots .dot, .row-slider .flickity-page-dots .dot { opacity: 0.2; width: 10px; height: 10px; border: 0; background-color: #111; } .flickity-page-dots .dot:hover { opacity: 0.7; } .flickity-page-dots .dot.is-selected { background-color: #111; opacity: 1 !important; } .slider-nav-dots-dashes .flickity-page-dots .dot { height: 4px; width: 40px; margin: 0; border-radius: 0; } .slider-nav-dots-dashes-spaced .flickity-page-dots .dot { height: 4px; width: 40px; border-radius: 0; } .slider-nav-dots-simple .flickity-page-dots .dot { background-color: #111; } .slider-nav-dots-square .flickity-page-dots .dot { border-radius: 0; } .slider-nav-circle .flickity-prev-next-button svg, .slider-nav-circle .flickity-prev-next-button .arrow { border-radius: 100%; border: 2px solid currentColor; } .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow { background-color: #446084; border-color: #446084; fill: #fff !important; } .slider-nav-outside.slider-nav-circle .next { transform: translateX(-50%) !important; } .slider-nav-outside.slider-nav-circle .previous { transform: translateX(50%) !important; } .slider-nav-reveal { padding-top: 0; overflow: hidden; } .slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button { width: 30px; top: -2px; bottom: 0; height: 100%; background-color: #fff; box-shadow: 0 -150px 15px 0 rgba(0, 0, 0, 0.3); margin: 0 !important; } .dark .slider-nav-reveal .flickity-prev-next-button { border-radius: 99px; background-color: rgba(0, 0, 0, 0.3); color: #fff; } .slider-nav-reveal .flickity-prev-next-button.next { transform: translateX(10%); left: auto !important; right: -1px !important; } .slider-nav-reveal .flickity-prev-next-button.previous { transform: translateX(-10%); transform: translateX(-10%); right: auto !important; left: -1px !important; } .slider-nav-light .flickity-prev-next-button { color: #fff; } .slider-nav-light .flickity-prev-next-button svg, .slider-nav-light .flickity-prev-next-button .arrow { fill: #fff; } .slider-nav-light .flickity-page-dots .dot { border-color: #fff; } .slider-nav-light .flickity-page-dots .dot.is-selected { background-color: #fff; } .slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot { background-color: #fff; } .slider-style-container .flickity-slider > *, .slider-style-shadow .flickity-slider > *, .slider-style-focus .flickity-slider > * { max-width: 1080px; margin: 0 auto; } .slider-style-container:not(.flickity-enabled) .ux_banner, .slider-style-shadow:not(.flickity-enabled) .ux_banner, .slider-style-focus:not(.flickity-enabled) .ux_banner { opacity: 0 !important; } .slider-style-container .ux_banner, .slider-style-shadow .ux_banner, .slider-style-focus .ux_banner { opacity: 1; } .slider-style-container .flickity-slider > *:not(.is-selected), .slider-style-shadow .flickity-slider > *:not(.is-selected), .slider-style-focus .flickity-slider > *:not(.is-selected) { opacity: 0.5; } .slider-style-shadow { padding: 15px 0 25px; } .slider-style-shadow .flickity-slider > *:before { content: ""; position: absolute; bottom: -6px; height: 100px; left: -10%; right: -10%; background-size: 100% 100%; z-index: -2; background-image: url("/img/shadow%402x.png"); } .slider-style-shadow .flickity-slider > *:not(.is-selected) { transform: scale(0.9); z-index: -1; opacity: 1; } .slider-style-shadow .flickity-slider > *:not(.is-selected):before { height: 200px; opacity: 0.5; } .slider-style-shadow .flickity-slider > .is-selected { transform: scale(0.95); } .slider-style-focus { background-color: transparent; padding: 30px 0; } .slider-style-focus .flickity-page-dots { bottom: 6px; } .slider-style-focus .flickity-slider > * { max-width: 1050px; } .slider-style-focus .flickity-slider > *:not(.is-selected) { transform: scale(0.93); } @media screen and (max-width: 549px) { .slider-wrapper .flickity-prev-next-button { display: none; } .row-slider .flickity-prev-next-button { width: 20px !important; opacity: 0.8; background-color: transparent !important; box-shadow: none !important; transform: translateX(0) !important; } .row-slider .flickity-prev-next-button svg { padding: 3px !important; border: 0 !important; } .flickity-page-dots { pointer-events: none; } .flickity-slider .banner-layers { overflow: hidden; } } .stack { --stack-gap: 0; -js-display: flex; display: flex; } .stack > .text > *:first-child { margin-top: 0; } .stack > .text > *:last-child { margin-bottom: 0; } .stack-row { flex-direction: row; } .stack-row > * { margin: 0 !important; } .stack-row > * ~ * { margin-left: var(--stack-gap) !important; } .stack-col { flex-direction: column; } .stack-col > * { margin: 0 !important; } .stack-col > * ~ * { margin-top: var(--stack-gap) !important; } .items-stretch { align-items: stretch; } .items-start { align-items: flex-start; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-baseline { align-items: baseline; } .justify-start { justify-content: flex-start; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-between { justify-content: space-between; } .justify-around { justify-content: space-around; } @media (max-width: 849px) { .md\:stack-row { flex-direction: row; } .md\:stack-row > * { margin: 0 !important; } .md\:stack-row > * ~ * { margin-left: var(--stack-gap) !important; } .md\:stack-col { flex-direction: column; } .md\:stack-col > * { margin: 0 !important; } .md\:stack-col > * ~ * { margin-top: var(--stack-gap) !important; } .md\:items-stretch { align-items: stretch; } .md\:items-start { align-items: flex-start; } .md\:items-center { align-items: center; } .md\:items-end { align-items: flex-end; } .md\:items-baseline { align-items: baseline; } .md\:justify-start { justify-content: flex-start; } .md\:justify-center { justify-content: center; } .md\:justify-end { justify-content: flex-end; } .md\:justify-between { justify-content: space-between; } .md\:justify-around { justify-content: space-around; } } @media (max-width: 549px) { .sm\:stack-row { flex-direction: row; } .sm\:stack-row > * { margin: 0 !important; } .sm\:stack-row > * ~ * { margin-left: var(--stack-gap) !important; } .sm\:stack-col { flex-direction: column; } .sm\:stack-col > * { margin: 0 !important; } .sm\:stack-col > * ~ * { margin-top: var(--stack-gap) !important; } .sm\:items-stretch { align-items: stretch; } .sm\:items-start { align-items: flex-start; } .sm\:items-center { align-items: center; } .sm\:items-end { align-items: flex-end; } .sm\:items-baseline { align-items: baseline; } .sm\:justify-start { justify-content: flex-start; } .sm\:justify-center { justify-content: center; } .sm\:justify-end { justify-content: flex-end; } .sm\:justify-between { justify-content: space-between; } .sm\:justify-around { justify-content: space-around; } } table { width: 100%; margin-bottom: 1em; border-color: #ececec; border-spacing: 0; } th, td { padding: 0.5em; text-align: left; border-bottom: 1px solid #ececec; line-height: 1.3; font-size: 0.9em; } td { color: #666; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } .dark th, .dark td { border-color: rgba(255, 255, 255, 0.08); } td label, td .label, td input, td select, td form, td dl, td p { margin: 0.5em 0; } label { color: #222; } .table { display: table; } .table-cell { display: table-cell; vertical-align: middle; } @media (max-width: 849px) { .touch-scroll-table { width: calc(100% + 30px); padding: 15px; position: relative; overflow-y: hidden; margin-left: -15px; overflow-x: scroll; box-shadow: inset -2px 0px 18px -5px rgba(0, 0, 0, 0.5); } .touch-scroll-table table { width: 100%; } } .text-box { max-height: 100%; } .text-box .text-box-content { position: relative; z-index: 10; backface-visibility: hidden; } .text-box-square .text, .text-box-circle .text { height: 0; padding: 100% 0 0 0 !important; background-color: rgba(0, 0, 0, 0.9); } .text-box-square .text-inner, .text-box-circle .text-inner { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); } .text-box-circle .border, .text-box-circle .text-box-content { border-radius: 100% !important; } a { color: #334862; text-decoration: none; } a:focus, .button:focus, button:focus, input:focus { outline: none; } a.plain { color: currentColor; transition: color 0.3s, opacity 0.3s, transform 0.3s; } .nav-dark a.plain:hover { opacity: 0.7; } a:hover, a.remove:hover, a.icon-circle:hover { color: #000; } .dark a, .dark .widget a { color: currentColor; } .dark a:hover, .dark .widget a:hover { color: #fff; } ul.links { margin: 5px 0; font-size: 0.85em; } ul.links li { margin: 0 0.4em; display: inline-block; } ul.links li a { color: currentColor; } ul.links li:before { font-family: "fl-icons"; display: inline-block; margin-right: 5px; } ul.links li:first-child { margin-left: 0; } ul.links li:last-child { margin-right: 0; } .next-prev-nav .flex-col { padding: 0.7em 0; } .next-prev-nav i { font-size: 2em; margin: 0 10px !important; top: -1px; vertical-align: middle; } .next-prev-nav .flex-col + .flex-col { border-left: 1px solid #ececec; } ul { list-style: disc; } ol { list-style: decimal; } ol, ul { margin-top: 0; padding: 0; } ul ul, ul ol, ol ol, ol ul { margin: 1.5em 0 1.5em 3em; } li { margin-bottom: 0.6em; } dl dt, dl dd { display: inline-block; margin: 0 5px 0 0; } dl dt p, dl dd p { margin: 0; padding: 0; } dl { opacity: 0.8; text-transform: uppercase; font-size: 0.85em; } ul.ul-reset { margin: 0; padding: 0; } ul.ul-reset > li { margin: 0; padding: 0; list-style: none; } .entry-content ol li, .entry-summary ol li, .col-inner ol li, .entry-content ul li, .entry-summary ul li, .col-inner ul li { margin-left: 1.3em; } .entry-content ol li.tab, .entry-summary ol li.tab, .col-inner ol li.tab, .entry-content ul li.tab, .entry-summary ul li.tab, .col-inner ul li.tab { margin-left: 0; } ul li.bullet-checkmark, ul li.bullet-arrow, ul li.bullet-star { list-style: none; position: relative; padding: 7px 0 7px 25px; margin: 0; border-bottom: 1px solid #ececec; } .dark ul li.bullet-checkmark, .dark ul li.bullet-arrow, .dark ul li.bullet-star { border-color: rgba(255, 255, 255, 0.2); } ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before { font-family: "fl-icons"; left: 0; position: absolute; font-size: 16px; color: #7a9c59; } ul li.bullet-checkmark:before { content: "\E00A" !important; } ul li.bullet-arrow:before { content: "\F105" !important; } ul li.bullet-star:before { content: "\E005" !important; } .button, button, input, textarea, select, fieldset { margin-bottom: 1em; } pre, blockquote, form, figure, p, dl, ul, ol { margin-bottom: 1.3em; } form p { margin-bottom: 0.5em; } body { line-height: 1.6; } h1, h2, h3, h4, h5, h6 { color: #555; width: 100%; margin-top: 0; margin-bottom: 0.5em; text-rendering: optimizeSpeed; } .h1, h1 { font-size: 1.7em; line-height: 1.3; } .h2, h2 { font-size: 1.6em; line-height: 1.3; } .h3, h3 { font-size: 1.25em; } .h4, h4 { font-size: 1.125em; } .h5, h5 { font-size: 1em; } .h6, h6 { font-size: 0.85em; opacity: 0.8; } h1.entry-title.mb { margin-bottom: 30px; } @media (max-width: 549px) { h1 { font-size: 1.4em; } h2 { font-size: 1.2em; } h3 { font-size: 1em; } } h6 span { font-weight: normal; font-weight: 500; } h3 label { display: inline-block; margin-right: 10px; } p { margin-top: 0; } h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span, p.headline > span { -webkit-box-decoration-break: clone; box-decoration-break: clone; } p.lead, a.lead { font-size: 1.3em; } .uppercase, h6, th, span.widget-title { line-height: 1.05; letter-spacing: 0.05em; text-transform: uppercase; } .lowercase { text-transform: none !important; } span.widget-title { font-size: 1em; font-weight: 600; } .is-normal { font-weight: normal; } .is-bold { font-weight: bold; } .thin-font, .is-thin { font-weight: 300 !important; } .thin-font strong, .is-thin strong { font-weight: 700 !important; } .is-italic { font-style: italic !important; } .is-uppercase, .uppercase { line-height: 1.2; text-transform: uppercase; } .is-alt-font, .alt-font { font-family: Georgia; } .is-xxxlarge { font-size: 2.5em; } .is-xxlarge { font-size: 2em; } .is-xlarge { font-size: 1.5em; } .is-larger { font-size: 1.3em; } .is-large { font-size: 1.15em; } .is-small, .is-small.button { font-size: 0.8em; } .is-smaller { font-size: 0.75em; } .is-xsmall { font-size: 0.7em; } .is-xxsmall { font-size: 0.6em; } @media (max-width: 549px) { .is-xxlarge { font-size: 2.5em; } .is-xlarge { font-size: 1.8em; } .is-larger { font-size: 1.2em; } .is-large { font-size: 1em; } } .box-text h1, .box-text h2, .box-text h3, .box-text h4, .box-text h5, .box-text h6, .box-text a:not(.button) { line-height: 1.3; margin-top: 0.1em; margin-bottom: 0.1em; } .box-text p { margin-top: 0.1em; margin-bottom: 0.1em; } .box-text .button { margin-top: 1em; } .banner .button { margin-top: 0.5em; margin-bottom: 0.5em; } .banner .is-divider, .banner .text-center .is-divider { margin-top: 1em; margin-bottom: 1em; } .banner h1 { font-size: 3.5em; } .banner h2 { font-size: 2.9em; } .banner h3 { font-size: 2em; } .banner h2, .banner h3, .banner h1 { padding: 0; font-weight: normal; margin-top: 0.2em; margin-bottom: 0.2em; line-height: 1; } .banner h4 { padding: 0; font-size: 1.5em; margin-top: 0.6em; margin-bottom: 0.6em; } .banner h6, .banner h5, .banner p { padding: 0; margin-top: 1em; margin-bottom: 1em; } .line-height-small { line-height: 1.4em; } [data-line-height="xs"] { line-height: 0.85 !important; } [data-line-height="s"] { line-height: 1 !important; } [data-line-height="m"] { line-height: 1.2 !important; } [data-line-height="l"] { line-height: 1.4 !important; } [data-line-height="xl"] { line-height: 1.6 !important; } .nav > li > a { font-size: 0.8em; } .nav > li.html { font-size: 0.85em; } .nav-size-xsmall > li > a { font-size: 0.65em; } .nav-size-small > li > a { font-size: 0.7em; } .nav-size-medium > li > a { font-size: 0.9em; } .nav-size-large > li > a { font-size: 1em; } .nav-size-xlarge > li > a { font-size: 1.1em; } .nav-spacing-xsmall > li { margin: 0; } .nav-spacing-small > li { margin: 0 5px; } .nav-spacing-medium > li { margin: 0 9px; } .nav-spacing-large > li { margin: 0 11px; } .nav-spacing-xlarge > li { margin: 0 13px; } .fancy-underline { position: relative; } .fancy-underline:after { content: ""; color: green; position: absolute; left: 0; border-radius: 999px; right: 0; top: 100%; height: 9px; image-rendering: -webkit-optimize-contrast; background: url(/images/underline.png?538f50c6b7f6a7adbb32f1e4b9ab2af8) 50% top no-repeat; background-size: 100% 9px; } span.count-up { opacity: 0; transition: opacity 2s; } span.count-up.active { opacity: 1; } [data-text-color="primary"] { color: #446084 !important; } [data-text-color="secondary"] { color: #d26e4b !important; } [data-text-color="alert"] { color: #b20000 !important; } [data-text-color="success"] { color: #7a9c59 !important; } [data-text-bg="primary"] { background-color: #446084; } [data-text-bg="secondary"] { background-color: #d26e4b; } [data-text-bg="alert"] { background-color: #b20000; } [data-text-bg="success"] { background-color: #7a9c59; } .text-bordered-white, .text-bordered-primary, .text-bordered-dark { border: 2px solid #fff; padding: 5px; display: inline-block; } .text-bordered-dark { border-color: #000; } h1.text-bordered-white, h1.text-bordered-primary, h1.text-bordered-dark { padding: 15px; } .text-boarder-top-bottom-white, .text-boarder-top-bottom-dark { border-top: 3px solid #fff; padding-top: 15px; border-bottom: 3px solid #fff; padding-bottom: 15px; display: inline-block; } .text-boarder-top-bottom-dark { border-color: #000; } blockquote { position: relative; font-size: 1.2em; margin: 0 0 1.25em; padding: 0 1.25em 0 1.875em; border-left: 2px solid #446084; font-style: italic; color: #333; } .dark blockquote { color: #fff; } .container:after, .row:after, .clearfix:after, .clear:after { content: ""; display: table; clear: both; } @media (max-width: 549px) { [data-show="hide-for-small"], .hide-for-small { display: none !important; } .small-text-center { text-align: center !important; width: 100% !important; float: none !important; } } @media (min-width: 550px) { [data-show="show-for-small"], .show-for-small { display: none !important; } } @media (min-width: 850px) { [data-show="show-for-medium"], .show-for-medium { display: none !important; } } @media (max-width: 849px) { [data-show="hide-for-medium"], .hide-for-medium { display: none !important; } .medium-text-center .pull-left, .medium-text-center .pull-right { float: none; } .medium-text-center .ml { margin-left: auto; } .medium-text-center .mr { margin-right: auto; } .medium-text-center { text-align: center !important; width: 100% !important; float: none !important; } } @media (min-width: 850px) { [data-show="hide-for-large"], .hide-for-large { display: none !important; } } .full-width, .expand { width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; display: block; } .pull-right { float: right; margin-right: 0 !important; } .pull-left { float: left; margin-left: 0 !important; } .mb { margin-bottom: 30px; } .mt { margin-top: 30px; } .mr { margin-right: 30px; } .ml { margin-left: 30px; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mr-0 { margin-right: 0 !important; } .mt-0 { margin-top: 0 !important; } .mb-half { margin-bottom: 15px; } .mt-half { margin-top: 15px; } .mr-half { margin-right: 15px; } .ml-half { margin-left: 15px; } .mb-half:last-child, .mb:last-child { margin-bottom: 0; } .pb { padding-bottom: 30px; } .pt { padding-top: 30px; } .pb-half { padding-bottom: 15px; } .pt-half { padding-top: 15px; } .pb-0 { padding-bottom: 0 !important; } .pt-0 { padding-top: 0 !important; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .inner-padding { padding: 30px; } .first-reset *:first-child { margin-top: 0; } .last-reset *:last-child { margin-bottom: 0; } .no-select { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-center > div, .text-center > div > div, .text-center .is-divider, .text-center .star-rating, .text-center .is-star-rating { margin-left: auto; margin-right: auto; } .text-center .pull-right, .text-center .pull-left { float: none; } .text-left .is-divider, .text-left .star-rating, .text-left .is-star-rating { margin-right: auto; margin-left: 0; } .text-right > div, .text-right > div > div, .text-right .is-divider, .text-right .star-rating, .text-right .is-star-rating { margin-left: auto; margin-right: 0; } .relative { position: relative !important; } .absolute { position: absolute !important; } .fixed { position: fixed !important; z-index: 12; } .top { top: 0; } .right { right: 0; } .left { left: 0; } .bottom { bottom: 0; } .fill { position: absolute; top: 0; left: 0; height: 100%; right: 0; bottom: 0; padding: 0 !important; margin: 0 !important; } .v-center { bottom: auto; top: 50%; transform: translateY(-50%); } .h-center { left: 50%; transform: translateX(-50%); } .h-center.v-center { left: auto !important; bottom: auto !important; right: 50%; top: 50%; transform: translate(50%, -50%); } .pull-right { float: right; } .pull-left { float: left; } .is-full-height { min-height: 550px; height: 100%; height: 100vh; padding-top: 0 !important; padding-bottom: 0 !important; } .bg-fill { background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50%; } .bg-top { background-position: top; -o-object-position: top; object-position: top; } .circle { border-radius: 999px !important; -o-object-fit: cover; object-fit: cover; } .circle img { border-radius: 999px !important; -o-object-fit: cover; object-fit: cover; } .round { border-radius: 5px; } .has-border { border: 2px solid #446084; padding: 15px 30px 30px; } .dashed-border { border-style: dashed; } .success-border { border-color: #7a9c59; } .bt { border-top: 1px solid #ececec; } .bb { border-bottom: 1px solid #ececec; } .bl { border-left: 1px solid #ececec; } .br { border-right: 1px solid #ececec; } .hidden { display: none !important; visibility: hidden !important; } .is-invisible { visibility: hidden; opacity: 0; } .z-1 { z-index: 21; } .z-2 { z-index: 22; } .z-3 { z-index: 23; } .z-4 { z-index: 24; } .z-5 { z-index: 25; } .z-top { z-index: 9995; } .z-top-2 { z-index: 9996; } .z-top-3 { z-index: 9997; } .no-click { pointer-events: none; } .no-wrap { white-space: nowrap; } .primary-color { color: #446084; } .secondary-color { color: #d26e4b; } .success-color { color: #7a9c59; } .alert-color { color: #b20000; } .bg-primary-color { background-color: #446084; } .bg-secondary-color { background-color: #d26e4b; } .bg-success-color { background-color: #7a9c59; } .bg-alert-color { background-color: #b20000; } .is-transparent { background-color: transparent !important; } .inline { display: inline; } .block { display: block; } .flex { display: flex; -js-display: flex; } @media (max-width: 549px) { .small-block { display: block; } } .inline-block { display: inline-block; } .inline-images img, img.inline { display: inline-block !important; } .is-well { padding: 30px; background-color: rgba(0, 0, 0, 0.02); box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.07), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .no-overflow { overflow: hidden; } .no-text-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .strong { font-weight: bold; } .op-4 { opacity: 0.4; } .op-5 { opacity: 0.5; } .op-6 { opacity: 0.6; } .op-7 { opacity: 0.7; } .op-8 { opacity: 0.8; } @media (max-width: 549px) { .sm-touch-scroll { overflow-y: none; overflow-x: auto; -webkit-overflow-scrolling: touch; } } .no-scrollbar { -ms-overflow-style: -ms-autohiding-scrollbar; scrollbar-width: none; } .no-scrollbar::-webkit-scrollbar { width: 0px !important; height: 0px !important; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } @media screen and (max-width: 549px) { .x5 { left: 5%; } .x15 { left: 15%; } .x25 { left: 25%; } .x35 { left: 35%; } .x45 { left: 45%; } .x55 { right: 45%; } .x65 { right: 35%; } .x75 { right: 25%; } .x85 { right: 15%; } .x95 { right: 5%; } .x0 { left: 0%; } .x10 { left: 10%; } .x20 { left: 20%; } .x30 { left: 30%; } .x40 { left: 40%; } .x60 { right: 40%; } .x70 { right: 30%; } .x80 { right: 20%; } .x90 { right: 10%; } .x100 { right: 0%; } .y0 { top: 0%; } .y10 { top: 10%; } .y20 { top: 20%; } .y30 { top: 30%; } .y40 { top: 40%; } .y60 { bottom: 40%; } .y70 { bottom: 30%; } .y80 { bottom: 20%; } .y90 { bottom: 10%; } .y100 { bottom: 0%; } .y5 { top: 5%; } .y15 { top: 15%; } .y25 { top: 25%; } .y35 { top: 35%; } .y45 { top: 45%; } .y55 { bottom: 45%; } .y65 { bottom: 35%; } .y75 { bottom: 25%; } .y85 { bottom: 15%; } .y95 { bottom: 5%; } .x50 { left: 50%; transform: translateX(-50%); } .y50 { top: 50.3%; transform: translateY(-50%); } .y50.x50 { transform: translate(-50%, -50%); } } @media screen and (min-width: 550px) and (max-width: 849px) { .md-x5 { left: 5%; } .md-x15 { left: 15%; } .md-x25 { left: 25%; } .md-x35 { left: 35%; } .md-x45 { left: 45%; } .md-x55 { right: 45%; } .md-x65 { right: 35%; } .md-x75 { right: 25%; } .md-x85 { right: 15%; } .md-x95 { right: 5%; } .md-y5 { top: 5%; } .md-y15 { top: 15%; } .md-y25 { top: 25%; } .md-y35 { top: 35%; } .md-y45 { top: 45%; } .md-y55 { bottom: 45%; } .md-y65 { bottom: 35%; } .md-y75 { bottom: 25%; } .md-y85 { bottom: 15%; } .md-y95 { bottom: 5%; } .md-x0 { left: 0%; } .md-x10 { left: 10%; } .md-x20 { left: 20%; } .md-x30 { left: 30%; } .md-x40 { left: 40%; } .md-x60 { right: 40%; } .md-x70 { right: 30%; } .md-x80 { right: 20%; } .md-x90 { right: 10%; } .md-x100 { right: 0%; } .md-y0 { top: 0%; } .md-y10 { top: 10%; } .md-y20 { top: 20%; } .md-y30 { top: 30%; } .md-y40 { top: 40%; } .md-y60 { bottom: 40%; } .md-y70 { bottom: 30%; } .md-y80 { bottom: 20%; } .md-y90 { bottom: 10%; } .md-y100 { bottom: 0%; } .md-x50 { left: 50%; transform: translateX(-50%) !important; } .md-y50 { top: 50%; transform: translateY(-50%) !important; } .md-x50.md-y50 { transform: translate(-50%, -50%) !important; } } @media screen and (min-width: 850px) { .lg-x5 { left: 5%; } .lg-x15 { left: 15%; } .lg-x25 { left: 25%; } .lg-x35 { left: 35%; } .lg-x45 { left: 45%; } .lg-x55 { right: 45%; } .lg-x65 { right: 35%; } .lg-x75 { right: 25%; } .lg-x85 { right: 15%; } .lg-x95 { right: 5%; } .lg-y5 { top: 5%; } .lg-y15 { top: 15%; } .lg-y25 { top: 25%; } .lg-y35 { top: 35%; } .lg-y45 { top: 45%; } .lg-y55 { bottom: 45%; } .lg-y65 { bottom: 35%; } .lg-y75 { bottom: 25%; } .lg-y85 { bottom: 15%; } .lg-y95 { bottom: 5%; } .lg-x0 { left: 0%; } .lg-x10 { left: 10%; } .lg-x20 { left: 20%; } .lg-x30 { left: 30%; } .lg-x40 { left: 40%; } .lg-x60 { right: 40%; } .lg-x70 { right: 30%; } .lg-x80 { right: 20%; } .lg-x90 { right: 10%; } .lg-x100 { right: 0%; } .lg-y0 { top: 0%; } .lg-y10 { top: 10%; } .lg-y20 { top: 20%; } .lg-y30 { top: 30%; } .lg-y40 { top: 40%; } .lg-y60 { bottom: 40%; } .lg-y70 { bottom: 30%; } .lg-y80 { bottom: 20%; } .lg-y90 { bottom: 10%; } .lg-y100 { bottom: 0%; } .lg-x50 { left: 50%; transform: translateX(-50%) !important; } .lg-y50 { top: 50%; transform: translateY(-50%) !important; } .lg-x50.lg-y50 { transform: translate(-50%, -50%) !important; } } .res-text { font-size: 11px; } .widget-area .res-text, .small-1 .res-text, .small-2 .res-text, .small-3 .res-text { font-size: 8px; } .small-1 .res-text h6, .small-2 .res-text h6, .small-3 .res-text h6 { font-size: 10px; } .small-1 .res-text p.lead, .small-2 .res-text p.lead, .small-3 .res-text p.lead { font-size: 16px; } .small-4 .res-text { font-size: 8.5px; } .small-5 .res-text { font-size: 9px; } .small-6 .res-text { font-size: 10px; } .small-7 .res-text { font-size: 11px; } .small-8 .res-text { font-size: 12px; } .small-9 .res-text { font-size: 13px; } .small-10 .res-text { font-size: 14px; } .small-11 .res-text { font-size: 15px; } @media screen and (min-width: 550px) { .medium-1 .res-text, .medium-2 .res-text, .medium-3 .res-text, .medium-4 .res-text, .medium-5 .res-text, .medium-6 .res-text, .medium-7 .res-text { font-size: 0.8vw; } .medium-8 .res-text { font-size: 0.9vw; } .medium-9 .res-text { font-size: 1.15vw; } .medium-10 .res-text { font-size: 1.3vw; } .medium-11 .res-text { font-size: 1.5vw; } .res-text { font-size: 1.8vw; } } @media screen and (min-width: 850px) { .res-text { font-size: 16px; } .widget-area .res-text, .large-1 .res-text, .large-2 .res-text, .large-3 .res-text { font-size: 8px; } .large-1 .res-text h6, .large-2 .res-text h6, .large-3 .res-text h6 { font-size: 10px; } .large-1 .res-text p.lead, .large-2 .res-text p.lead, .large-3 .res-text p.lead { font-size: 16px; } .large-4 .res-text { font-size: 8.5px; } .large-5 .res-text { font-size: 9px; } .large-6 .res-text { font-size: 10px; } .large-7 .res-text { font-size: 11px; } .large-8 .res-text { font-size: 12px; } .large-9 .res-text { font-size: 13px; } .large-10 .res-text { font-size: 14px; } .large-11 .res-text { font-size: 15px; } } [data-animate], .slider [data-animate] { will-change: filter, transform, opacity; -webkit-backface-visibility: hidden; animation-fill-mode: forwards; opacity: 0 !important; transition: filter 1.3s, transform 1.6s, opacity 0.7s ease-in; } [data-animate="bounceInLeft"], [data-animate="bounceInUp"], [data-animate="bounceInDown"], [data-animate="bounceInRight"], .slider [data-animate="bounceInLeft"], .slider [data-animate="bounceInUp"], .slider [data-animate="bounceInDown"], .slider [data-animate="bounceInRight"] { transition: transform 0.8s cubic-bezier(0, 0.195, 0, 1.465), opacity 0.5s ease-in; } [data-animate="bounceInLeft"], .slider [data-animate="bounceInLeft"] { transform: translate3d(-300px, 0, 0); } [data-animate="blurIn"], .slider [data-animate="blurIn"] { filter: blur(15px); } [data-animate="fadeInLeft"], .slider [data-animate="fadeInLeft"] { transform: translate3d(-70px, 0, 0); } [data-animate="fadeInRight"], .slider [data-animate="fadeInRight"] { transform: translate3d(70px, 0, 0); } [data-animate="bounceInUp"], [data-animate="fadeInUp"], .slider [data-animate="bounceInUp"], .slider [data-animate="fadeInUp"] { transform: translate3d(0, 70px, 0); } [data-animate="bounceInRight"], .slider [data-animate="bounceInRight"] { transform: translate3d(300px, 0, 0); } [data-animate="bounceIn"], .slider [data-animate="bounceIn"] { transform: scale(1.3); } [data-animate="bounceInDown"], [data-animate="fadeInDown"], .slider [data-animate="bounceInDown"], .slider [data-animate="fadeInDown"] { transform: translate3d(0, -70px, 0); } [data-animate="flipInY"], .slider [data-animate="flipInY"] { transform: perspective(400px) rotate3d(0, 1, 0, -90deg) translate3d(15px, 0, 0); backface-visibility: visible; } [data-animate="flipInX"], .slider [data-animate="flipInX"] { transform: perspective(400px) rotate3d(1, 0, 0, 90deg) translate3d(0, -15px, 0); backface-visibility: visible; } [data-animated="true"], .slider .is-selected [data-animated="true"], .row-slider.slider [data-animated="true"] { animation-delay: 0.1s; transform: translate3d(0, 0, 0) scale(1); opacity: 1 !important; } .flickity-slider > *:not(.is-selected) [data-animated="true"] { transition: opacity 0.3s !important; } [data-animate="none"], .slider [data-animate="none"] { opacity: 1 !important; } [data-animated="true"][data-animate="blurIn"], .slider [data-animate="blurIn"][data-animated="true"] { filter: blur(0); } [data-animated="false"] { transition: none !important; } .has-shadow [data-animate], [data-animate]:hover { transition-delay: 0s !important; } [data-animate-delay="100"] { transition-delay: 0.1s; } .nav-anim > li { transition: transform 0.3s, opacity 0.3s; transform: translateY(-15px); opacity: 0; } .active .nav-anim > li, .nav-anim.active > li, .mfp-ready .nav-anim > li { opacity: 1; transform: none; } .nav-anim > li, .col + .col [data-animate], [data-animate-delay="200"], [data-animate] + [data-animate] { transition-delay: 0.2s; } .nav-anim > li + li, [data-animate-delay="300"] { transition-delay: 0.3s; } .nav-anim > li + li + li, .col + .col + .col [data-animate], [data-animate-delay="400"], [data-animate] + [data-animate] + [data-animate] { transition-delay: 0.4s; } .nav-anim > li + li + li + li, [data-animate-delay="500"] { transition-delay: 0.5s; } .nav-anim > li + li + li + li + li, .col + .col + .col + .col [data-animate], [data-animate-delay="600"], [data-animate] + [data-animate] + [data-animate] + [data-animate] { transition-delay: 0.6s; } .nav-anim > li + li + li + li + li + li, [data-animate-delay="700"] { transition-delay: 0.7s; } .nav-anim > li + li + li + li + li + li + li, .col + .col + .col + .col + .col [data-animate], [data-animate] + [data-animate] + [data-animate] + [data-animate] + [data-animate], [data-animate-delay="800"] { transition-delay: 0.8s; } .nav-anim > li + li + li + li + li + li + li + li, .col + .col + .col + .col + .col + .col [data-animate], [data-animate-delay="900"] { transition-delay: 0.9s; } .nav-anim > li + li + li + li + li + li + li + li + li, .col + .col + .col + .col + .col + .col + .col [data-animate], [data-animate-delay="1000"] { transition-delay: 1s; } .slider-type-fade .flickity-slider > *:not(.is-selected) [data-animate] { opacity: 0 !important; transition: none !important; } @keyframes stuckMoveDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes stuckMoveUp { 0% { transform: translateY(100%); } 100% { transform: translateY(0); } } @keyframes stuckFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .is-border { border-width: 1px; border-style: solid; border-color: #ececec; position: absolute; pointer-events: none; border-radius: 0; margin: 0; top: 0; bottom: 0; right: 0; left: 0; } .is-dashed { border-style: dashed; } .is-dotted { border-style: dotted; } .has-shadow.box:not(.box-overlay):not(.box-shade), .has-shadow .box:not(.box-overlay):not(.box-shade) { background-color: #fff; } .dark .has-shadow.box:not(.box-overlay):not(.box-shade), .dark .has-shadow .box:not(.box-overlay):not(.box-shade) { background-color: #333; } .row-box-shadow-1 .col-inner, .row-box-shadow-2 .col-inner, .row-box-shadow-3 .col-inner, .row-box-shadow-4 .col-inner, .row-box-shadow-5 .col-inner, .row-box-shadow-1-hover .col-inner, .row-box-shadow-2-hover .col-inner, .row-box-shadow-3-hover .col-inner, .row-box-shadow-4-hover .col-inner, .row-box-shadow-5-hover .col-inner, .box-shadow-1, .box-shadow-2, .box-shadow-3, .box-shadow-4, .box-shadow-5, .box-shadow-1-hover, .box-shadow-2-hover, .box-shadow-3-hover, .box-shadow-4-hover, .box-shadow-5-hover { transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s, color 0.3s, opacity 0.3s; } .row-box-shadow-1 .col-inner, .row-box-shadow-1-hover .col-inner:hover, .box-shadow-1, .box-shadow-1-hover:hover { box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .box-shadow, .row-box-shadow-2 .col-inner, .row-box-shadow-2-hover .col-inner:hover, .box-shadow-2, .box-shadow-2-hover:hover { box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .row-box-shadow-3 .col-inner, .row-box-shadow-3-hover .col-inner:hover, .box-shadow-3, .box-shadow-3-hover:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.22); } .row-box-shadow-4 .col-inner, .row-box-shadow-4-hover .col-inner:hover, .box-shadow-4, .box-shadow-4-hover:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1); } .row-box-shadow-5 .col-inner, .row-box-shadow-5-hover .col-inner:hover, .box-shadow-5, .box-shadow-5-hover:hover { box-shadow: 0px 30px 40px 0px rgba(0, 0, 0, 0.2); } .row-box-shadow-5-hover .col-inner:hover, .box-shadow-5-hover:hover, .box-shadow-4-hover:hover, .row-box-shadow-4-hover .col-inner:hover { transform: translateY(-6px); } .text-shadow, .text-shadow-1 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .text-shadow-2 { text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); } .text-shadow-3 { text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.4); } .text-shadow-4 { text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.5); } .text-shadow-5 { text-shadow: 5px 5px 16px rgba(0, 0, 0, 0.6); } a.hotspot { background-color: #000; color: #fff; border-radius: 99px; opacity: 0.8; font-weight: bolder; display: block; padding: 0; line-height: 1.5em; text-align: center; height: 1.5em; width: 1.5em; transition: all 0.3s; } a.hotspot i { font-size: 0.8em; } a.hotspot:hover { opacity: 1; color: #000 !important; background-color: #fff !important; } .has-hover .bg, .has-hover [class*="image-"] img { transition: filter 0.6s, opacity 0.6s, transform 0.6s, box-shadow 0.3s; } .bg-color .bg, .bg-grayscale:hover .bg, .has-hover .image-color img, .has-hover:hover .image-grayscale img { filter: grayscale(100%); } .bg-color:hover .bg, .has-hover:hover .image-color img { filter: grayscale(0); } .bg-zoom:hover .bg, .has-hover:hover .image-zoom img { transform: scale(1.1); } .bg-zoom-long .bg, .has-hover .image-zoom-long img { transition: transform 5s !important; } .bg-zoom-long .bg, .has-hover:hover .image-zoom-long img { transform: scale(1.3); } .bg-zoom-fade:hover .bg, .has-hover:hover .image-zoom-fade img { opacity: 0.7; transform: scale(1.1); } .bg-glow:hover .bg, .has-hover:hover .image-glow img { filter: brightness(1.1); } .bg-fade-out:hover .bg, .has-hover:hover .image-fade-out img { opacity: 0.7; } .image-fade:hover .bg, .has-hover:hover .image-fade img { opacity: 0.6; } .bg-fade-in .bg, .image-fade-in img { opacity: 0.7; } .bg-fade-in:hover .bg, .has-hover:hover .image-fade-in img { opacity: 1; } .bg-blur:hover .bg, .has-hover:hover .image-blur img { filter: blur(5px); } .bg-overlay-remove:hover .overlay, .bg-overlay-add:not(:hover) .overlay, .has-hover:hover .image-overlay-remove .overlay, .has-hover:not(:hover) .image-overlay-add .overlay { opacity: 0; } .bg-overlay-remove-50:hover .overlay, .bg-overlay-add-50:not(:hover) .overlay, .has-hover:hover .image-overlay-remove-50 .overlay, .has-hover:not(:hover) .image-overlay-add-50 .overlay { opacity: 0.5; } .has-mask { overflow: hidden; transform: translateZ(0px); } .mask-circle { -webkit-clip-path: circle(50% at center); clip-path: circle(50% at center); } .mask-angled { -webkit-clip-path: polygon(0 calc(0% + 30px), 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 calc(0% + 30px), 100% 0, 100% 100%, 0 100%); } .mask-angled-right { -webkit-clip-path: polygon(0 0, 100% calc(0% + 30px), 100% 100%, 0 100%); clip-path: polygon(0 0, 100% calc(0% + 30px), 100% 100%, 0 100%); } .mask-arrow { -webkit-clip-path: polygon( 0 0, calc(50% - 30px) 0, 50% calc(0% + 30px), calc(50% + 30px) 0, 100% 0, 100% 100%, 0 100% ); clip-path: polygon( 0 0, calc(50% - 30px) 0, 50% calc(0% + 30px), calc(50% + 30px) 0, 100% 0, 100% 100%, 0 100% ); } .mask-angled-large { -webkit-clip-path: polygon(0 calc(0% + 60px), 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 calc(0% + 60px), 100% 0, 100% 100%, 0 100%); } .mask-angled-right-large { -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 60px), 0 100%); } .mask-arrow-large { -webkit-clip-path: polygon( 0 0, calc(50% - 60px) 0, 50% calc(0% + 60px), calc(50% + 60px) 0, 100% 0, 100% 100%, 0 100% ); clip-path: polygon( 0 0, calc(50% - 60px) 0, 50% calc(0% + 60px), calc(50% + 60px) 0, 100% 0, 100% 100%, 0 100% ); } .mask-angled-right, .mask-arrow, .mask-angled { margin-top: -30px; } .mask-angled-right-large, .mask-arrow-large, .mask-angled-large { margin-top: -60px; } [data-parallax]:not(.parallax-active) { opacity: 0; } [data-parallax] { will-change: transform !important; } [data-parallax-container] { overflow: hidden; } [data-parallax]:not(.parallax-active) .bg { opacity: 0; } .shade { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); background: linear-gradient(to top, #323232 0%, rgba(50, 50, 50, 0) 33%); opacity: 0.3; pointer-events: none; backface-visibility: hidden; transition: opacity 0.3s; } .shade-top { opacity: 0.4; background: rgba(0, 0, 0, 0.2); background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 70%); } .box:hover .shade { opacity: 0.5; } .box-shade:not(.dark) .shade { opacity: 0.8; background: rgba(255, 255, 255, 0.2); background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 33%); } .show-on-hover, .hover-slide, .hover-slide-in, .hover-zoom, .hover-zoom-in { opacity: 0; transition: opacity 0.5s, transform 0.3s, max-height 0.6s, filter 0.6s; filter: blur(0); pointer-events: none; } .hover-slide { transform: translateY(15%) translateZ(0); } .hover-slide-in { transform: translateY(100%) translateZ(0); } .box-text-middle .box-text.hover-slide { transform: translateY(-40%) translateZ(0); } .hover-fade-out { transition: opacity 0.3s; } .has-hover:hover .hover-fade-out { opacity: 0; } .hover-invert { opacity: 1 !important; filter: invert(0); } .has-hover:hover .hover-invert { filter: invert(100%); } .hover-reveal { transition: all 0.6s; opacity: 0; transform: translateY(15%) translateZ(0); max-height: 0; } .has-hover:hover .hover-reveal { opacity: 1; max-height: 150px; } .has-hover:hover .hover-reveal.reveal-small { max-height: 30px; } .hover-blur { opacity: 0; transition: filter 0.3s, opacity 0.3s; filter: blur(10px); } .has-hover:hover .hover-blur { opacity: 1; filter: blur(0) !important; } .hover-zoom { transform: scale(1.1) translateZ(0); } .box-text-middle .box-text.hover-zoom { transform: scale(1.1) translateZ(0) translateY(-50%); } .hover-zoom-in { transform: scale(0.9) translateZ(0); } .box-text-middle .box-text.hover-zoom-in { transform: scale(0.9) translateZ(0) translateY(-50%); } .hover-bounce { opacity: 1 !important; transition: transform 0.3s; transform: scale(1) translateZ(0) translateY(10px) !important; } .has-hover:hover .hover-bounce { transform: scale(1) translateZ(0) translateY(0) !important; } .box-text-middle .hover-bounce { transform: scale(1) translateZ(0) translateY(-40%) !important; } .box-text-middle:hover .box-text.hover-bounce { transform: scale(1) translateZ(0) translateY(-50%) !important; } .has-hover:hover img.show-on-hover { opacity: 1; } .has-hover:hover .hover-slide, .has-hover:hover .hover-slide-in, .has-hover:hover .hover-zoom, .has-hover:hover .hover-zoom-in, .has-hover:hover .show-on-hover { opacity: 1; transform: scale(1) translateZ(0) translateY(0) !important; pointer-events: inherit; } .has-hover:hover .show-on-hover.center, .box-text-middle:hover .show-on-hover.box-text { transform: scale(1) translateZ(0) translateY(-50%) !important; } .slider .has-slide-effect { overflow: hidden; background-color: transparent !important; } .slider .has-slide-effect .bg { opacity: 0; transition: opacity 1s; } .slide-zoom-in .bg, .slide-zoom-in-fast .bg { transform: scale(1); } .slide-zoom-out-fast .bg, .slide-zoom-out .bg { transform: scale(1.2); } .has-slide-effect.is-selected .bg { opacity: 1; transform: scale(1); transition: opacity 1s, transform 20s ease-out; } .slide-fade-in.is-selected .bg { transition: opacity 3.5s; } .slide-fade-in-fast.is-selected .bg { transition: opacity 1.5s; } .slide-zoom-in-fast.is-selected .bg, .slide-zoom-in.is-selected .bg { transform: scale(1.2); } .slide-zoom-out-fast.is-selected .bg { transition: opacity 1s, transform 5s ease-out; } .button.tooltip { opacity: 1; } .tooltipster-default { border-radius: 5px; background: #111; color: #fff; transition: opacity 0.2s; opacity: 0; } .tooltipster-default a { color: #eee; } .tooltipster-default:hover { color: #fff; } .tooltipster-fade-show { opacity: 1; } .tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; } .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } .dark, .dark p, .dark td { color: #f1f1f1; } .dark a.lead, .dark label, .dark .heading-font, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .hover-dark:hover p, .hover-dark:hover h1, .hover-dark:hover h2, .hover-dark:hover h3, .hover-dark:hover h4, .hover-dark:hover h5, .hover-dark:hover h6, .hover-dark:hover a { color: #fff; } .dark .stars a + a, .dark .product-section, .dark .product-footer .woocommerce-tabs { border-color: rgba(255, 255, 255, 0.2); } .nav-dark .is-outline, .dark .nav > li > a, .dark .nav > li.html, .dark .nav-vertical li li.menu-item-has-children > a, .dark .nav-vertical > li > ul li a, .dark .nav-vertical-fly-out > li > a, .nav-dropdown.dark > li > a, .nav-dropdown.dark .nav-column > li > a, .nav-dark .nav > li > a, .nav-dark .nav > li > button { color: rgba(255, 255, 255, 0.8); } .dark .nav > li > a:hover, .dark .nav > li.active > a, .dark .nav > li > a.active, .nav-dark .nav > li.current > a, .nav-dark .nav > li > a:hover, .nav-dark .nav > li.active > a, .nav-dropdown.dark > li > a:hover, .nav-dropdown.dark .nav-column > li > a:hover, .dark .nav-vertical-fly-out > li > a:hover, .nav-dark a.plain:hover, .nav-dark .nav > li > a.active { color: #fff; } .dark.nav-dropdown.nav-dropdown-bold > li.nav-dropdown-col, .dark.nav-dropdown.nav-dropdown-simple > li.nav-dropdown-col, .nav-dropdown.dark .nav-column > li > a, .nav-dropdown.dark > li > a, .nav-dark .nav > li.header-divider, .nav-dark .header-divider:after, .nav-dark .nav-divided > li + li > a:after { border-color: rgba(255, 255, 255, 0.2); } .dark .nav-vertical li li.menu-item-has-children > a, .nav-dark .nav-vertical li li.menu-item-has-children > a, .nav-dark .nav > li.html, .nav-dark .header-button { color: #fff; } .nav-box a:hover span.amount, .nav-dark span.amount { color: currentColor; } html { overflow-x: hidden; } @media (max-width: 849px) { body { overflow-x: hidden; } } #wrapper, #main { background-color: #fff; position: relative; } #main.dark { background-color: #333; } .page-wrapper { padding-top: 30px; padding-bottom: 30px; } .page-wrapper-full { padding-top: 0; } .is-sticky-column { will-change: min-height; } .is-sticky-column__inner { transform: translate(0, 0); transform: translate3d(0, 0, 0); will-change: position, transform; } .ux-body-overlay { display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 29; opacity: 0; visibility: hidden; transition: visibility 0.3s, opacity 0.3s ease-in-out; } .ux-body-overlay--hover-active, .ux-body-overlay--click-active { opacity: 1; visibility: visible; } .header, .header-wrapper { width: 100%; z-index: 30; position: relative; background-size: cover; background-position: 50% 0; transition: background-color 0.3s, opacity 0.3s; } .header-bg-color { background-color: rgba(255, 255, 255, 0.9); } .header-top, .header-bottom { display: flex; align-items: center; flex-wrap: no-wrap; } .header.show-on-scroll, .header.has-transparent, .header.transparent { position: absolute; } .header.show-on-scroll:not(.stuck), .header.transparent:not(.stuck) { left: auto; right: auto; } .header.show-on-scroll .header-wrapper { transition: opacity 0.3s; visibility: hidden; opacity: 0; } .header.show-on-scroll .header-wrapper.stuck { visibility: visible; opacity: 1; } .header.transparent .header-wrapper, .header.transparent .header-bg-image, .header.transparent .header-bg-color, .header.transparent .header-bottom { box-shadow: none; background-color: transparent; background-image: none !important; } .header-bg-image, .header-bg-color { background-position: 50% 0; transition: background 0.4s; } .header-top { background-color: #446084; z-index: 11; position: relative; min-height: 20px; } .header-main { z-index: 10; position: relative; } .header-bottom { z-index: 9; position: relative; min-height: 35px; } .top-divider { margin-bottom: -1px; border-top: 1px solid currentColor; opacity: 0.1; } .nav-dark .top-divider { display: none; } .stuck { top: 0; position: fixed; left: 0; right: 0; margin: 0 auto; } .sticky-jump .stuck { animation: stuckMoveDown 0.6s; } .sticky-fade .stuck { animation: stuckFadeIn 0.6s; } .sticky-shrink .stuck .header-main { transition: height 0.8s; } .stuck .header-inner, .stuck .logo, .stuck .logo img { padding-top: 0; margin-top: 0; } .header-wrapper:not(.stuck) .logo img { transition: max-height 0.5s; } .header.show-on-scroll .hide-for-sticky, .stuck .hide-for-sticky { display: none; } .header-wrapper.stuck, .header-shadow .header-wrapper, .layout-shadow #wrapper { box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); } .nav > li.header-divider { border-left: 1px solid rgba(0, 0, 0, 0.1); height: 30px; vertical-align: middle; position: relative; margin: 0 7.5px; } .nav-dark .nav > li.header-divider { border-color: rgba(255, 255, 255, 0.1); } .header-block { width: 100%; min-height: 15px; } .header-full-width .container { max-width: 100% !important; } @media (max-width: 849px) { .header-main li.html.custom { display: none; } } @media (max-width: 549px) { .nav-mobile > li > a:not(.button) { line-height: 5em; } } .post { margin: 0 0 30px; } .masonery .post { margin-bottom: 0; } .entry-header-text { padding: 1.5em 0 1.5em; } .entry-header-text.text-center { padding-left: 1.5em; padding-right: 1.5em; } .entry-header-text-top { padding-top: 0; } .entry-header-text-bottom { padding-bottom: 0px; } .entry-content { padding-top: 1.5em; padding-bottom: 1.5em; } .masonery .article-inner .box { margin-bottom: 1.5em; } .article-inner { transition: opacity 0.3s, box-shadow 0.5s, transform 0.3s; } .blog-featured-title + #main .post-sidebar { padding-top: 30px; } .from_the_blog_comments { padding-top: 7px; opacity: 0.8; } .article-inner.has-shadow { background-color: #fff; } .article-inner.has-shadow .entry-content, .article-inner.has-shadow footer.entry-meta, .article-inner.has-shadow .entry-header-text, .article-inner.has-shadow .author-box { padding-left: 1.5em; padding-right: 1.5em; } .article-inner.has-shadow .entry-header-text-top { padding-top: 1.5em; } .entry-author { padding: 2em 0; } .banner h2.entry-title { font-size: 2em; } .badge.post-date { top: 7%; } .entry-image img { width: 100%; } .entry-image-float { position: relative; } @media (min-width: 850px) { .entry-image-float { max-width: 50%; float: left; margin-right: 2em; } .entry-image-float + .entry-content { padding-top: 0; } } .post .entry-summary p:last-of-type { margin-bottom: 0; } footer.entry-meta { font-size: 0.8em; border-top: 1px solid #ececec; border-bottom: 2px solid #ececec; padding: 0.5em 0 0.6em; } li.recentcomments { padding: 7px 0; } li.recentcomments a { display: inline !important; } .box-blog-post .is-divider { margin-top: 0.5em; margin-bottom: 0.5em; height: 2px; } .bypostauthor { display: block; } .more-link { margin-top: 1.5em; } .updated:not(.published) { display: none; } @media (min-width: 850px) { .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } } .wp-caption { margin-bottom: 2em; max-width: 100%; } .wp-caption .wp-caption-text { padding: 0.4em; font-size: 0.9em; background: rgba(0, 0, 0, 0.05); font-style: italic; } .wp-caption-text { text-align: center; } img.size-full.alignnone { margin-bottom: 2em; } .row .entry-content .gallery { padding: 0; } .gallery-caption { display: block; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .widget { margin-bottom: 1.5em; } .widget ul { margin: 0; } .widget li { list-style: none; } .widgets-framed .widget, .widgets-boxed .widget { padding: 15px 20px 15px; background-color: #fff; border: 1px solid #ddd; box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05); } .widgets-boxed .widget h3 { background-color: #446084; margin-left: -21px; margin-top: -16px; padding: 10px 20px 10px; width: calc(100% + 42px); color: #fff; } .widgets-boxed h3 + .is-divider { display: none; } ul.menu > li, .widget > ul > li { list-style: none; margin-bottom: 0.3em; text-align: left; margin: 0; } ul.menu > li li, .widget > ul > li li { list-style: none; } ul.menu > li > a, ul.menu > li > span:first-child, .widget > ul > li > a, .widget > ul > li > span:first-child { display: inline-block; padding: 6px 0; flex: 1; } ul.menu > li:before, .widget > ul > li:before { font-family: "fl-icons"; display: inline-block; opacity: 0.6; margin-right: 6px; } ul.menu > li li > a, .widget > ul > li li > a { font-size: 0.9em; padding: 3px 0; display: inline-block; } ul.menu > li + li, .widget > ul > li + li { border-top: 1px solid #ececec; } .dark ul.menu > li + li, .dark .widget > ul > li + li { border-color: rgba(255, 255, 255, 0.08); } ul.menu > li ul, .widget > ul > li ul { border-left: 1px solid #ddd; margin: 0 0 10px 3px; padding-left: 15px; width: 100%; display: none; } ul.menu > li ul li, .widget > ul > li ul li { border: 0; margin: 0; } .dark ul.menu > li ul, .dark .widget > ul > li ul { border-color: rgba(255, 255, 255, 0.08); } .dark ul.menu > li > a:hover, .dark ul.menu > li.active > a, .dark ul.menu > li.current-cat > a, .dark .widget > ul > li > a:hover, .dark .widget > ul > li.active > a, .dark .widget > ul > li.current-cat > a { color: #fff; } ul.menu > li.has-child, .widget > ul > li.has-child { display: flex; flex-flow: row wrap; align-items: center; } .widget > ul > li .count { opacity: 0.5; font-size: 0.7em; line-height: 3em; } .widget .current > ul, .widget .current-cat-parent > ul { display: block; } .widget .current-cat > a { color: #000; font-weight: bolder; } .recent-blog-posts { padding: 10px 0 10px; } .recent-blog-posts a { line-height: 1.2; display: block; margin-bottom: 6px; } .widget .instagram-pics:after { content: ""; display: table; clear: both; } .widget .instagram-pics > li { border: 0; list-style: none; float: left; width: 33.333333%; margin: 0; padding: 0; } .widget .instagram-pics > li a { padding: 0; margin: 0; display: block; } .widget .instagram-pics > li img { display: block; width: 100%; } .widget_layered_nav li { display: flex; align-items: center; } .widget_display-latest-tweets li { font-style: italic; font-size: 0.9em; } .widget_display-latest-tweets a { display: inline !important; } .widget_display-latest-tweets span { font-weight: bolder; display: block; } .wpcf7 { color: #333; position: relative; } .wpcf7 .ajax-loader { display: none !important; } .dark .wpcf7 { color: #fff; } .wpcf7 p { padding: 0; margin: 0; } .wpcf7 br { display: none; } .wpcf7 label { display: inline-block; width: 100%; } .wpcf7 span.wpcf7-list-item { margin-left: 0; margin-right: 1.2em; } .wpcf7 .wpcf7-form-control-wrap { display: block; } .wpcf7 .ajax-loader { position: absolute; right: 0; background-color: #fff; border-radius: 99px; } .wpcf7 .wpcf7-not-valid-tip { margin-top: -10px; position: relative; padding: 5px 8px; line-height: 1.2em; border-radius: 3px; opacity: 0.8; background-color: #f1f1f1; color: #b20000; } .wpcf7 .wpcf7-not-valid-tip:after { bottom: 100%; left: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #f1f1f1; border-width: 10px; margin-left: -10px; } .wpcf7 .wpcf7-validation-errors { display: none !important; } .wpcf7 .flex-col .wpcf7-not-valid-tip { position: absolute; z-index: 99; margin-top: 5px; width: 100%; } .wpcf7 .wpcf7-response-output { margin: 5px 0 0 0; border-radius: 10px; } .wpcf7-form .processing * { opacity: 0.8; } .password-required form.post-password-form { max-width: 620px; margin: 0 auto; padding: 30px 15px 30px; } .portfolio-inner img { width: 100%; } .portfolio-bottom { margin-bottom: -1px; } .row + .portfolio-related .portfolio-element-wrapper { margin-top: 30px; } .accordion-inner { padding: 1em 2.3em; display: none; } .accordion-title { font-size: 110%; padding: 0.6em 2.3em; display: block; position: relative; border-top: 1px solid #ddd; transition: border 200ms ease-out, background-color 0.3s; } .dark .accordion-title { border-color: rgba(255, 255, 255, 0.2); } .accordion-title.active { border-color: #446084; color: #446084; font-weight: bold; background-color: rgba(0, 0, 0, 0.03); } .dark .accordion-title.active { color: #fff; } .accordion .toggle { width: 2.3em; height: 1.5em; margin-right: 5px; top: 0.3em; border-radius: 999px; position: absolute; transform-origin: 50% 47%; left: 0; } .accordion .active .toggle { opacity: 1; color: currentColor; } .breadcrumbs { color: #222; font-weight: bold; letter-spacing: 0; padding: 0; } .product-info .breadcrumbs { font-size: 0.85em; margin: 0 0 0.5em; } .breadcrumbs .divider, .breadcrumbs .separator { position: relative; top: 0; opacity: 0.35; margin: 0 0.3em; font-weight: 300; } .dark .breadcrumbs { color: #fff; } .breadcrumbs a { color: rgba(102, 102, 102, 0.7); font-weight: normal; } .breadcrumbs a:first-of-type { margin-left: 0; } .breadcrumbs a.current, .breadcrumbs a:hover { color: #111; } .dark .breadcrumbs a { color: #fff; } .checkout-breadcrumbs { padding: 15px 0; } .checkout-breadcrumbs a { color: #ccc; display: inline-flex; align-items: center; } .checkout-breadcrumbs .divider { top: 2px; margin: 0 0.5em; } .breadcrumb-step { display: inline-block; background-color: #ccc; color: #fff; margin: 0 0.5em; font-weight: bolder; text-align: center; height: 1.5em; width: 1.5em; font-size: 0.7em; line-height: 1.5em; border-radius: 99px; position: relative; top: 1px; } .current .breadcrumb-step { background-color: #d26e4b; } @media (min-width: 850px) { .comment-form { display: flex; flex-flow: row wrap; margin-left: -15px; margin-right: -15px; } .comment-form > div { padding: 0 15px; width: 100%; } .comment-form > p { padding: 0 15px; width: 100%; } .comment-form p.comment-form-author, .comment-form p.comment-form-email, .comment-form p.comment-form-url { flex: 1; } } .comment-inner:target { padding: 15px; background-color: #f1f1f1; border-radius: 10px; } .commentlist li, .comment-list li { list-style: none; padding: 1em 0 0 0; } .commentlist li .meta, .comment-list li .meta { margin-bottom: 0; } .commentlist li .avatar, .comment-list li .avatar { border-radius: 100%; } .commentlist li .description, .comment-list li .description { font-style: italic; } .commentlist li .comment-text, .comment-list li .comment-text { padding: 0 1.5em; } .commentlist > li:not(:first-child), .comment-list > li:not(:first-child) { border-top: 1px dashed #ddd; } #comments .comment-respond { background-color: rgba(0, 0, 0, 0.05); margin-top: 15px; padding: 15px 25px 0; } #comments .comment-respond .comment-reply-title { font-size: 1.2em; } #comments .comment-respond small { text-transform: uppercase; margin-left: 10px; font-size: 0.6em; } .footer-wrapper { width: 100%; position: relative; } .footer { padding: 30px 0 0; } .footer-1 { background-color: #fff; } .footer-2 { background-color: #777; } .footer-1, .footer-2 { border-top: 1px solid rgba(0, 0, 0, 0.05); } .footer-secondary { padding: 7.5px 0; } .absolute-footer, html { background-color: #5b5b5b; } .footer ul { margin: 0; } .absolute-footer { color: rgba(0, 0, 0, 0.5); padding: 10px 0 15px; font-size: 0.9em; } .absolute-footer.dark { color: rgba(255, 255, 255, 0.5); } .absolute-footer.fixed { left: 0; right: 0; bottom: 0; padding: 7.5px 15px; z-index: 101; color: #fff; background-color: transparent; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7); } .absolute-footer ul { padding-bottom: 5px; opacity: 0.8; border-bottom: 1px solid #ddd; } .absolute-footer.dark ul { border-color: rgba(255, 255, 255, 0.08); } .absolute-footer.text-center ul { border: 0; padding-top: 5px; } .reveal-footer { z-index: 1; margin-bottom: 100px; position: relative; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); } .reveal-footer + .footer-wrapper { position: fixed; bottom: 0; z-index: 0; } .back-to-top { margin: 0; opacity: 0; bottom: 20px; right: 20px; pointer-events: none; transform: translateY(30%); } .back-to-top.left { left: 20px; right: unset; } .back-to-top.active { opacity: 1; pointer-events: inherit; transform: translateY(0); } .instagram-image-container { display: block; padding-bottom: 100%; } .instagram-image-container a > img { position: absolute; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover;"; } .logo { line-height: 1; margin: 0; } .logo-tagline { font-style: italic; font-size: 0.9em; line-height: 1; margin: 0.85em 0; } .logo a { text-decoration: none; display: block; color: #446084; font-size: 32px; text-transform: uppercase; font-weight: bolder; margin: 0; } .logo img { display: block; width: auto; } .header-logo-dark, .nav-dark .header-logo, .header-logo-sticky, .sticky .dark .header-logo-dark, .sticky .has-sticky-logo .header-logo { display: none !important; } .nav-dark .header-logo-dark, .stuck .header-logo-sticky { display: block !important; } .stuck .header-logo-sticky + img, .stuck .header-logo-sticky + img + img { display: none !important; } .nav-dark .logo a { color: #fff; } .logo-left .logo { margin-left: 0; margin-right: 30px; } .logo-center .flex-left { order: 1; flex: 1 1 0; } .logo-center .logo { order: 2; text-align: center; margin: 0 30px; } .logo-center .logo img { margin: 0 auto; } .logo-center .flex-right { order: 3; flex: 1 1 0; } @media screen and (max-width: 849px) { .header-inner .nav { flex-wrap: nowrap; } .medium-logo-left .flex-left { order: -1; flex: 0; } .medium-logo-left .logo { flex: 1; } .medium-logo-center .flex-left { order: 1; flex: 1 1 0; } .medium-logo-center .logo { order: 2; text-align: center; margin: 0 15px; } .medium-logo-center .logo img { margin: 0 auto; } .medium-logo-center .flex-right { flex: 1 1 0; order: 3; } } .map-height { height: 400px; } .map-inner { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); padding: 20px; } .message-box { padding-left: 30px; padding-right: 30px; background-color: #f1f1f1; } .message-box.dark { background-color: #333; } .message-box .col, .message-box .col-inner, .message-box .row { padding-top: 0 !important; padding-bottom: 0 !important; } .next-prev-thumbs li { position: relative; display: inline-block; margin: 0 1px 0 !important; } .next-prev-thumbs li .button { margin-bottom: 0; } .next-prev-thumbs .nav-dropdown { padding: 2px; width: 90px; min-width: 90px; } .page-title { position: relative; } .page-title .widget { margin: 0 0.3em; vertical-align: middle; } .page-title-bg { overflow: hidden; } .title-bg { transition: opacity 0.6s; } .title-overlay { background-color: rgba(0, 0, 0, 0.25); } .page-title-inner { position: relative; padding-top: 20px; min-height: 60px; } .page-title-inner ul, .page-title-inner select, .page-title-inner form, .page-title-inner button, .page-title-inner p { margin-top: 0; margin-bottom: 0; } .normal-title { background-color: #f7f7f7; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; } .normal-title .page-title-inner { padding-top: 15px; padding-bottom: 15px; } .featured-title { background-color: #446084; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .featured-title .page-title-inner { padding-bottom: 20px; } .featured-title .page-title-bg { box-shadow: inset 0 0 30px 0px rgba(0, 0, 0, 0.1); } .featured-title .overlay { background-color: rgba(0, 0, 0, 0.4); } .payment-icons .payment-icon { display: inline-block; opacity: 0.6; transition: opacity 0.3s; border-radius: 5px; background-color: rgba(0, 0, 0, 0.1); padding-bottom: 0; padding: 3px 5px 5px; margin: 3px 3px 0; } .payment-icons .payment-icon svg { vertical-align: middle; height: 20px; width: auto !important; } .payment-icons .payment-icon:hover { opacity: 1; } .dark .payment-icons .payment-icon { background-color: rgba(255, 255, 255, 0.1); } .dark .payment-icons .payment-icon svg { fill: #fff; } .pricing-table { border: 1px solid #ececec; background-color: #fff; padding-bottom: 15px; overflow: hidden; } .dark .pricing-table { border-color: rgba(255, 255, 255, 0.2); } .pricing-table .title { padding: 0.5em 15%; border-bottom: 1px solid #ececec; } .dark .pricing-table .title { border-color: rgba(255, 255, 255, 0.2); } .pricing-table .price { color: #000; padding: 0.6em 15% 0; font-weight: 300; } .pricing-table .description { padding: 15px 15px 0; } .pricing-table .items { padding: 10px 15%; } .pricing-table .is-disabled { text-decoration: line-through; opacity: 0.6; } .pricing-table .items .button:last-child { margin: 30px 0 0; } .pricing-table .bullet-more-info { font-size: 14px; margin-left: 10px; } .pricing-table .items > div { padding: 7.5px 0; border-bottom: 1px solid #ececec; } .dark .pricing-table .items > div { border-color: rgba(255, 255, 255, 0.08); } .dark .pricing-table { background-color: #333; } .pricing-table .title { background-color: rgba(0, 0, 0, 0.02); } .featured-table { margin-top: -15px; border-color: #446084; border-width: 2px; } .featured-table .title { color: #fff; border-color: #446084; background-color: #446084; } .scroll-to { width: 100%; } .scroll-to-bullets { right: 0; top: 50%; transform: translateY(-50%); z-index: 999; max-height: 100vh; overflow: hidden; position: fixed; } .scroll-to-bullets a { display: block; border: 3px solid transparent; background-color: #446084; margin: 10px 15px; width: 15px; height: 15px; border-radius: 30px; transition: all 0.3s; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .scroll-to-bullets a:hover { opacity: 1; background-color: #fff; } .scroll-to-bullets a.active { opacity: 1; border-color: #446084; background-color: #fff; } .sidebar-menu .search-form { display: block !important; } .searchform-wrapper form { margin-bottom: 0; } .mobile-nav > .search-form, .sidebar-menu .search-form { padding: 5px 0; width: 100%; } .form-flat .search-form-categories { padding-right: 5px; } .widget_search .submit-button, .searchform-wrapper:not(.form-flat) .submit-button { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .searchform { position: relative; } .searchform .button.icon { margin: 0; } .searchform .button.icon i { font-size: 1.2em; } .searchform-wrapper { width: 100%; } .searchform-wrapper.form-flat .submit-button.loading .icon-search { opacity: 0; } .searchform-wrapper.form-flat .submit-button.loading:after { border-color: currentColor; } .searchform-wrapper.form-flat .flex-col:last-of-type { margin-left: -2.9em; } .searchform-wrapper .autocomplete-suggestions { overflow-y: scroll; -webkit-overflow-scrolling: touch; max-height: 50vh; overflow-y: auto; } .header-block .autocomplete-suggestions, .header .search-form .autocomplete-suggestions { max-height: 80vh; } .col .live-search-results, .header-block .live-search-results, .header .search-form .live-search-results { text-align: left; color: #111; top: 105%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); left: 0; right: 0; background-color: rgba(255, 255, 255, 0.95); position: absolute; } .header li .html .live-search-results { top: 0; position: relative; box-shadow: none; background-color: transparent; } .autocomplete-suggestion { padding: 10px 0.75em; border-bottom: 1px solid rgba(0, 0, 0, 0.05); display: flex; align-items: center; cursor: default; } .autocomplete-suggestion .search-name { flex: 1; } .autocomplete-suggestion img { width: 40px; border-radius: 99px; height: 40px; display: inline-block; margin-right: 10px; } .autocomplete-suggestion img + .search-name { margin-top: -0.15em; padding-left: 0.5em; } .autocomplete-suggestion .search-price { padding-top: 3px; margin-left: 5px; font-size: 0.8em; } .autocomplete-suggestion:last-child { border-bottom: none; } .autocomplete-selected { background-color: rgba(0, 0, 0, 0.05); } #search-lightbox { font-size: 1.5em; margin: 0 auto; max-width: 600px; } .section-title-container { margin-bottom: 1.5em; } .row-collapse + .section-title-container, .slider-wrapper + .section-title-container, .banner + .section-title-container { margin-top: 30px; } .section-title { position: relative; -js-display: flex; display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; width: 100%; } .section-title i { opacity: 0.6; margin-right: 0.5em; } .section-title i.icon-angle-right { margin-right: 0; margin-left: 10px; } .section-title span { text-transform: uppercase; } .section-title small { text-transform: none; font-weight: normal; padding-left: 15px; font-size: 1em; opacity: 0.7; } .section-title b { display: block; flex: 1; height: 2px; opacity: 0.1; background-color: currentColor; } .section-title a { display: block; padding-left: 15px; font-size: 0.8em; margin-left: auto; } .section-title-normal { border-bottom: 2px solid #ececec; } .section-title-normal span { margin-right: 15px; padding-bottom: 7.5px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); margin-bottom: -2px; } .dark .section-title-normal span, .dark .section-title-normal { border-color: rgba(255, 255, 255, 0.2); } .section-title-normal b { display: none; } .section-title-center span { margin: 0 15px; } .section-title-center span, .section-title-bold-center span { text-align: center; } .section-title-center small, .section-title-bold-center small { padding: 0 15px; display: block; } .section-title-bold-center span, .section-title-bold span { border: 2px solid rgba(0, 0, 0, 0.1); padding: 0.3em 0.8em; } .section-title-bold b:first-of-type { display: none; } .flatsome-cookies { position: fixed; top: auto; right: 0; bottom: 0; left: 0; z-index: 999; padding: 15px 30px; background-color: #fff; box-shadow: 0 0 9px rgba(0, 0, 0, 0.14); transition: transform 0.35s ease; transform: translate3d(0, 100%, 0); } .flatsome-cookies__inner { display: flex; align-items: center; justify-content: space-between; } .flatsome-cookies__text { flex: 1 1 auto; padding-right: 30px; } .flatsome-cookies__buttons { flex: 0 0 auto; } .flatsome-cookies__buttons > a { margin-right: 20px; margin-bottom: 0; } .flatsome-cookies__buttons > a:last-child { margin-right: 0; } .flatsome-cookies--inactive { transform: translate3d(0, 100%, 0); } .flatsome-cookies--active { transform: none; } @media (max-width: 849px) { .flatsome-cookies__inner { align-items: stretch; flex-direction: column; text-align: center; font-size: 0.9em; } .flatsome-cookies__buttons { margin-top: 15px; } .flatsome-cookies__text { padding-right: 0; } } .icon-lock:before { content: "\E904"; } .icon-user-o:before { content: "\E900"; } .icon-line:before, .icon-chat:before { content: "\E903"; } .icon-user:before { content: "\E901"; } .icon-shopping-cart:before { content: "\E908"; } .icon-tumblr:before { content: "\E603"; } .icon-gift:before { content: "\E604"; } .icon-phone:before { content: "\E600"; } .icon-play:before { content: "\E605"; } .icon-menu:before { content: "\E800"; } .icon-equalizer:before { content: "\E992"; } .icon-shopping-basket:before { content: "\E909"; } .icon-shopping-bag:before { content: "\E90A"; } .icon-google-plus:before { content: "\E905"; } .icon-heart-o:before { content: "\E906"; } .icon-heart:before { content: "\E000"; } .icon-500px:before { content: "\E601"; } .icon-vk:before { content: "\E602"; } .icon-angle-left:before { content: "\F104"; } .icon-angle-right:before { content: "\F105"; } .icon-angle-up:before { content: "\F106"; } .icon-angle-down:before { content: "\F107"; } .icon-twitter:before { content: "\E001"; } .icon-envelop:before { content: "\E003"; } .icon-tag:before { content: "\E004"; } .icon-star:before { content: "\E005"; } .icon-star-o:before { content: "\E006"; } .icon-facebook:before { content: "\E002"; } .icon-feed:before { content: "\E008"; } .icon-checkmark:before { content: "\E00A"; } .icon-plus:before { content: "\E00C"; } .icon-instagram:before { content: "\E00E"; } .icon-tiktok:before { content: "\E90B"; } .icon-pinterest:before { content: "\E010"; } .icon-search:before { content: "\E012"; } .icon-skype:before { content: "\E011"; } .icon-dribbble:before { content: "\E013"; } .icon-certificate:before { content: "\F0A3"; } .icon-expand:before { content: "\E015"; } .icon-linkedin:before { content: "\E016"; } .icon-map-pin-fill:before { content: "\E009"; } .icon-pen-alt-fill:before { content: "\E017"; } .icon-youtube:before { content: "\E018"; } .icon-flickr:before { content: "\E019"; } .icon-clock:before { content: "\E01A"; } .icon-snapchat:before { content: "\E902"; } .icon-whatsapp:before { content: "\E907"; } .icon-telegram:before { content: "\EA95"; } .icon-twitch:before { content: "\E90C"; } .icon-discord:before { content: "\E014"; } .ux-shape-divider { --divider-top-width: 100%; --divider-width: 100%; position: absolute; left: 0; width: 100%; overflow: hidden; line-height: 0; } .ux-shape-divider svg { display: block; position: relative; left: 50%; transform: translateX(-50%); height: 150px; } .ux-shape-divider--top { top: -1px; transform: rotate(180deg); } .ux-shape-divider--top svg { width: calc(var(--divider-top-width) + 2px); } .ux-shape-divider--bottom { bottom: -1px; } .ux-shape-divider--bottom svg { width: calc(var(--divider-width) + 2px); } .ux-shape-divider--flip svg { transform: translateX(-50%) rotateY(180deg); } .ux-shape-divider--to-front { z-index: 2; } .ux-shape-divider .ux-shape-fill { fill: #fff; } .text-center .social-icons { margin-left: auto; margin-right: auto; } .social-icons { display: inline-block; vertical-align: middle; font-size: 0.85em; color: #999; } .html .social-icons { font-size: 1em; } .html .social-icons .button { margin-bottom: 0; } .social-icons span { font-weight: bold; padding-right: 10px; } .social-icons i { min-width: 1em; } .nav-dark .social-icons, .dark .social-icons { color: #fff; } .nav-dark .social-icons .button.is-outline, .dark .social-icons .button.is-outline { border-color: rgba(255, 255, 255, 0.5); } .social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover { background-color: currentColor !important; border-color: currentColor !important; } .social-button > i, .social-button > span, .social-icons .button.icon:not(.is-outline) > i, .social-icons .button.icon:not(.is-outline) > span, .social-icons .button.icon:hover > i, .social-icons .button.icon:hover > span { color: #fff !important; } .button.facebook:not(.is-outline), .button.facebook:hover { color: #3a589d !important; } .button.instagram:not(.is-outline), .button.instagram:hover { color: #3b6994 !important; } .button.whatsapp:not(.is-outline), .button.whatsapp:hover { color: #51cb5a !important; } .button.twitter:not(.is-outline), .button.twitter:hover { color: #2478ba !important; } .button.tiktok:not(.is-outline), .button.tiktok:hover, .button.email:not(.is-outline), .button.email:hover { color: #111 !important; } .button.phone:not(.is-outline), .button.phone:hover { color: #51cb5a !important; } .button.pinterest:not(.is-outline), .button.pinterest:hover { color: #cb2320 !important; } .button.rss:not(.is-outline), .button.rss:hover { color: #fc7600 !important; } .button.tumblr:not(.is-outline), .button.tumblr:hover { color: #36455d !important; } .button.vk:not(.is-outline), .button.vk:hover { color: #527498 !important; } .button.google-plus:not(.is-outline), .button.google-plus:hover { color: #dd4e31 !important; } .button.linkedin:not(.is-outline), .button.linkedin:hover { color: #0072b7 !important; } .button.youtube:not(.is-outline), .button.youtube:hover { color: #c33223 !important; } .button.flickr:not(.is-outline), .button.flickr:hover { color: #e5086f !important; } .button.snapchat:not(.is-outline), .button.snapchat:hover { color: #fff600 !important; } .button.snapchat:not(.is-outline) i, .button.snapchat:hover i { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); } .button.px500:not(.is-outline), .button.px500:hover { color: #0099e5 !important; } .button.telegram:not(.is-outline), .button.telegram:hover { color: #54a9ea !important; } .button.twitch:not(.is-outline), .button.twitch:hover { color: #9146fe !important; } .button.discord:not(.is-outline), .button.discord:hover { color: #7189d9 !important; } .woocommerce-product-rating { visibility: visible; position: relative; } .star-rating { text-align: left; font-size: 16px; display: block; overflow: hidden; position: relative; height: 1em; line-height: 1em; letter-spacing: 0; margin: 0.5em 0; width: 5.06em; font-family: "fl-icons" !important; font-weight: normal !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .star-rating:before, .woocommerce-page .star-rating:before { content: "\E006\E006\E006\E006\E006"; color: #d26e4b; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; width: 10px; height: 10px; top: 0; left: 0; font-family: "fl-icons" !important; font-weight: normal !important; position: absolute; padding-top: 1.5em; } .star-rating span:before { content: "\E005\E005\E005\E005\E005"; color: #d26e4b; top: 0; position: absolute; left: 0; } .star-rating--inline { display: inline-block; vertical-align: middle; height: 18px; } .woocommerce-review-link { font-size: 90%; } li.wc-layered-nav-rating { font-size: 0.8em; } li.wc-layered-nav-rating .star-rating { margin-bottom: 0; display: inline-block; } .stars a { font-size: 16px; margin-left: -10px; display: inline-block; color: transparent !important; overflow: hidden; font-family: "fl-icons"; } .stars a + a { margin-left: 0.3em; border-left: 1px solid #ececec; } .stars a:hover:after, .stars a.active:after { color: #d26e4b; } .stars a:after { color: #ddd; content: "\E005"; } .stars a.star-2:after { content: "\E005\E005"; } .stars a.star-3:after { content: "\E005\E005\E005"; } .stars a.star-4:after { content: "\E005\E005\E005\E005"; } .stars a.star-5:after { content: "\E005\E005\E005\E005\E005"; } /* Theme Name: Flatsome Theme URI: http://flatsome.uxthemes.com/ Author: UX-Themes Author URI: http://www.uxthemes.com/ Description: Multi-Purpose Responsive WooCommerce Theme Version: 3.15.3 Requires at least: 5.0.0 Requires PHP: 5.6.20 WC requires at least: 4.4.0 Text Domain: flatsome License: http://themeforest.net/licenses License URI: http://themeforest.net/licenses */ /*************** All custom CSS should be added to Flatsome > Advanced > Custom CSS, or in the style.css of a Child Theme. ***************/ @charset "UTF-8"; #section_1236302214 { padding-top: 82px; padding-bottom: 82px; margin-bottom: 0px; min-height: 0px; } .header-banner .banner-desktop, .header-banner .banner-mobile { width: 100%; height: auto; } .header-banner .banner-mobile { display: none; } @media screen and (max-width: 768px) { .header-banner .banner-mobile { display: block; } .header-banner .banner-desktop { display: none; } } #section_1236302214 .ux-shape-divider--top svg { height: 150px; --divider-top-width: 100%; } #section_1236302214 .ux-shape-divider--bottom svg { height: 150px; --divider-width: 100%; } #text-1433192428 { font-size: 1.5rem; line-height: 0.75; text-align: center; color: rgb(255, 255, 255); } #text-1433192428 > * { color: rgb(255, 255, 255); } #text-3519745920 { font-size: 1.35rem; line-height: 0.75; text-align: center; color: rgb(255, 255, 255); } #text-3519745920 > * { color: rgb(255, 255, 255); } #gap-539924067 { padding-top: 43px; } #gap-1363176295 { padding-top: 43px; } #text-404384872 { text-align: center; } #text-491937592 { color: rgb(255, 253, 236); } #text-491937592 > * { color: rgb(255, 253, 236); } #text-box-656465645 { width: 73%; } #text-box-656465645 .text-box-content { font-size: 131%; } #banner-775166436 .bg.bg-loaded { background-image: url(/images/san-xuat-video-theo-yeu-cau.jpg?270b5a577d52049ced0a4ee4f24ecb4c); } .banner { padding-top: 99.99%; } #banner-1702831144 .bg.bg-loaded { background-image: url(/images/video-animation-2d.jpg?3772919de5446e83f4c6c199549480c8); } #banner-956890562 .bg.bg-loaded { background-image: url(/images/video-animation-3d.jpg?a75541fe2c150b47889c4e3a536ffd3a); } #banner-1671117404 .bg.bg-loaded { background-image: url(/images/quay-phim-tvc.jpg?aa55626cc7cf421acff3e076e6d4ed9d); } .banner .overlay { background-color: rgba(0, 0, 0, 0.5); } .banner .ux-shape-divider--top svg { height: 150px; --divider-top-width: 100%; } .banner .ux-shape-divider--bottom svg { height: 150px; --divider-width: 100%; } #col-287069036 > .col-inner { margin: -148px 0px 0px 0px; } #row-250246419 > .col > .col-inner { padding: 0px 0px 0px 0px; } .ladi-wraper { width: 100%; overflow: hidden; } .ladi-section { margin: 0 auto; position: relative; } .ladi-section .ladi-section-background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; overflow: hidden; } @media (max-width: 767px) { #SECTION1 { height: 181.161px; } #SECTION1 > .ladi-section-background { background-size: cover; background-attachment: scroll; background-origin: content-box; background-image: url(/images/background-genex-20-20-20210514030945.jpg?f934d6fece2c6b7e34eda0201d06c337); background-position: center top; background-repeat: repeat; } .ladi-section .ladi-container { width: 420px; } #GROUP1209 { width: 384px; height: 194.765px; top: 6.74595px; left: 16.95px; } #SHAPE424 { width: 57.6397px; height: 57.6396px; top: 0px; left: 254.071px; } #IMAGE1197 { width: 154.588px; height: 28.0464px; top: 4.41505px; left: 0px; } #IMAGE1197 > .ladi-image > .ladi-image-background { width: 154.588px; height: 28.0464px; top: 0px; left: 0px; background-image: url(/images/socmedia_logo.png?08b8f8398463c527576703428bbe7b43); } #PARAGRAPH1199 { width: 228px; top: 30.5018px; left: 6.97945px; } #PARAGRAPH1199 > .ladi-paragraph { font-family: "Oswald", sans-serif; color: rgb(98, 98, 98); font-size: 16px; font-weight: bold; line-height: 1.6; } #HEADLINE1200 > .ladi-headline { font-family: "Oswald", sans-serif; color: rgb(199, 31, 22); font-size: 30px; font-weight: bold; line-height: 1.6; } #HEADLINE1200 { width: 71px; top: 73.5018px; left: 43.794px; } #PARAGRAPH1203 { width: 380px; top: 134.765px; left: 3.79595px; } #PARAGRAPH1203 > .ladi-paragraph { font-family: "Oswald", sans-serif; color: rgb(212, 31, 21); font-size: 19px; font-weight: bold; line-height: 1.6; } #BOX1204 { width: 380px; height: 14.3937px; top: 150.371px; left: 3.79595px; } #BOX1204 > .ladi-box { background-color: rgb(255, 246, 145); } #HEADLINE1201 { width: 164px; top: 38.5018px; left: 129.775px; } #HEADLINE1201 > .ladi-headline { font-family: "Oswald", sans-serif; color: rgb(200, 31, 23); font-size: 57px; font-weight: bold; line-height: 1.6; } } @media (min-width: 768px) { #SECTION1 { height: 389.579px; } #SECTION1 > .ladi-section-background { background-size: cover; background-attachment: scroll; background-origin: content-box; background-image: url(/images/background-genex-20-20-20210514030945.jpg?f934d6fece2c6b7e34eda0201d06c337); background-position: center top; background-repeat: repeat; } .ladi-section .ladi-container { width: 1200px; } #SHAPE424 { width: 92.247px; height: 92.247px; top: 20.261px; left: 595.677px; } #GROUP1209 { width: 742px; height: 302.508px; top: 51.239px; left: 35.415px; } #IMAGE1197 { width: 326.773px; height: 59.2855px; top: 0px; left: 39.5881px; } #IMAGE1197 > .ladi-image > .ladi-image-background { width: 326.773px; height: 59.2855px; top: 0px; left: 0px; background-image: url(/images/socmedia_logo.png?08b8f8398463c527576703428bbe7b43); } #PARAGRAPH1199 { width: 470px; top: 55.143px; left: 48px; } #PARAGRAPH1199 > .ladi-paragraph { font-family: "Oswald", sans-serif; color: rgb(98, 98, 98); font-size: 31px; font-weight: bold; line-height: 1.6; } #HEADLINE1200 { width: 150px; top: 142.143px; left: 130.975px; } #HEADLINE1200 > .ladi-headline { font-family: "Oswald", sans-serif; color: rgb(199, 31, 22); font-size: 52px; font-weight: bold; line-height: 1.6; } #HEADLINE1201 { width: 347px; top: 79.508px; left: 277.975px; } #HEADLINE1201 > .ladi-headline { font-family: "Oswald", sans-serif; color: rgb(200, 31, 23); font-size: 104px; font-weight: bold; line-height: 1.6; } #LINE1202 { width: 692px; top: 218.261px; left: 48px; } #LINE1202 > .ladi-line { width: 100%; padding: 8px 0px; } #BOX1204 { width: 692px; height: 30.426px; top: 261.835px; left: 48px; } #BOX1204 > .ladi-box { background-color: rgb(255, 246, 145); } #PARAGRAPH1203 { width: 742px; top: 246.508px; left: 0px; } #PARAGRAPH1203 > .ladi-paragraph { font-family: "Oswald", sans-serif; color: rgb(212, 31, 21); font-size: 35px; font-weight: bold; text-align: center; line-height: 1.6; } } .ladi-paragraph { width: 100%; display: inline-block; } .ladi-box { position: absolute; width: 100%; height: 100%; overflow: hidden; } .ladi-line { position: relative; } .ladi-headline { width: 100%; display: inline-block; background-size: cover; background-position: center center; } #LINE1202 > .ladi-line > .ladi-line-container { border-top: 2px solid rgb(212, 31, 21); border-right: 2px solid rgb(212, 31, 21); border-bottom: 2px solid rgb(212, 31, 21); border-left: 0px !important; } #HEADLINE1201.ladi-animation > .ladi-headline { animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-delay: 0.2s; -webkit-animation-delay: 0.2s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #HEADLINE1200.ladi-animation > .ladi-headline { animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; animation-delay: 0.15s; -webkit-animation-delay: 0.15s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } .ladi-paragraph { width: 100%; display: inline-block; } #SHAPE424.ladi-animation > .ladi-shape { animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-delay: 0s; -webkit-animation-delay: 0s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #IMAGE1197.ladi-animation > .ladi-image { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } .ladi-image .ladi-image-background { background-repeat: no-repeat; background-position: left top; background-size: cover; background-attachment: scroll; background-origin: content-box; position: absolute; margin: 0 auto; width: 100%; height: 100%; pointer-events: none; } .ladi-image { position: absolute; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .ladi-container { position: relative; margin: 0 auto; height: 100%; } .ladi-element { position: absolute; } .ladi-group { position: absolute; width: 100%; height: 100%; } .ladi-shape { position: absolute; width: 100%; height: 100%; pointer-events: none; } .ladi-line .ladi-line-container { border-bottom: 0 !important; border-right: 0 !important; width: 100%; height: 100%; } @media (max-width: 767px) { #GROUP972 { width: 355.328px; height: 389.161px; top: -235px; left: 451.336px; display: none !important; } #GROUP972.ladi-animation > .ladi-group { animation-name: pulse; -webkit-animation-name: pulse; animation-delay: 1s; -webkit-animation-delay: 1s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } #IMAGE107 { width: 355.328px; height: 378px; top: 0px; left: 0px; } #IMAGE107 > .ladi-image > .ladi-image-background { width: 355.328px; height: 400.493px; top: 0px; left: 0px; background-image: url(/images/dangky-02-03-03-20210512085858.png?97712b82bbadc20454bdff02d14dcb2d); } #GROUP971 { width: 271.741px; height: 247.431px; top: 141.73px; left: 44.4674px; } } @media (min-width: 768px) { #GROUP972 { width: 349.428px; height: 382.699px; top: -39.1993px; left: 777.104px; } #GROUP972.ladi-animation > .ladi-group { animation-name: pulse; -webkit-animation-name: pulse; animation-delay: 0s; -webkit-animation-delay: 0s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #IMAGE107 { width: 349.428px; height: 371.723px; top: 0px; left: 0px; } #IMAGE107 > .ladi-image > .ladi-image-background { width: 349.428px; height: 393.842px; top: 0px; left: 0px; background-image: url(/images/dangky-02-03-03-20210512085858.png?97712b82bbadc20454bdff02d14dcb2d); } #GROUP971 { width: 267.229px; height: 243.323px; top: 139.376px; left: 43.729px; } #BOX391 { width: 267.229px; height: 207.219px; top: 0px; left: 0px; background: #f2f2f2; } #FORM392 { width: 236.208px; height: 123.836px; top: 46.6078px; left: 14.2px; } #FORM392 > .ladi-form { color: rgb(132, 132, 132); font-size: 10px; letter-spacing: 0px; line-height: 1.6; } #BUTTON393 { width: 235.922px; height: 21.0206px; top: 102.815px; left: 0.287918px; } #BUTTON393 > .ladi-button { border-radius: 0px; } #BUTTON393 > .ladi-button > .ladi-button-background { background-color: rgb(244, 64, 37); } #BUTTON_TEXT393 { width: 236px; top: 4.7525px; left: 0px; } #BUTTON_TEXT393 > .ladi-headline { font-family: "Quicksand", sans-serif; color: rgb(255, 255, 255); font-size: 14px; font-weight: bold; text-align: center; line-height: 1.6; } #FORM_ITEM395 { width: 235.708px; height: 19.2107px; top: 0px; left: 0px; } #FORM392 .ladi-form-item-container, #FORM392 .ladi-form-label-container .ladi-form-label-item { border-color: rgb(180, 180, 180); border-width: 1px; border-radius: 0px; } #FORM392 .ladi-form-item-background { background-color: rgb(255, 255, 255); } #FORM_ITEM395 .ladi-form-item-container .ladi-form-item { opacity: 0.98; } #FORM392 .ladi-form-item { padding-left: 8px; padding-right: 8px; } #FORM_ITEM397 { width: 235.126px; height: 18.8972px; top: 22.4605px; left: 0.287918px; } #FORM_ITEM399 { width: 235.922px; height: 52.4925px; top: 44.9576px; left: 0px; } #HEADLINE401 { width: 238px; top: 6.94956px; left: 15.2505px; } #HEADLINE401 > .ladi-headline { font-family: "Montserrat", sans-serif; color: rgb(66, 63, 63); font-size: 13px; font-weight: bold; text-align: center; letter-spacing: 0px; line-height: 1.2; } #GROUP402 { width: 267.229px; height: 39.4439px; top: 203.879px; left: 0px; } #BOX403 { width: 267.229px; height: 36.1037px; top: 3.3402px; left: 0px; } #BOX403 > .ladi-box { background-color: rgb(230, 55, 38); border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; } } .ladi-headline { width: 100%; display: inline-block; background-size: cover; background-position: center center; } .ladi-form .ladi-form-item { width: 100%; height: 100%; position: absolute; } .ladi-form > .ladi-element .ladi-form-item-container .ladi-form-item { text-transform: inherit; text-decoration: inherit; text-align: inherit; letter-spacing: inherit; color: inherit; } .ladi-form > .ladi-element .ladi-form-item-container .ladi-form-item-background { background-size: inherit; background-attachment: inherit; background-origin: inherit; } .ladi-form .ladi-form-item-background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; } .ladi-form .ladi-form-item-container { position: absolute; width: 100%; height: 100%; } .ladi-form .ladi-button .ladi-headline { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ladi-button > .ladi-element .ladi-headline { display: table-cell; vertical-align: middle; } .ladi-form .ladi-button > .ladi-element { color: initial; font-size: initial; font-weight: initial; text-transform: initial; text-decoration: initial; font-style: initial; text-align: initial; letter-spacing: initial; line-height: initial; } .ladi-button > .ladi-element { width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; display: table; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .ladi-button .ladi-button-background { height: 100%; width: 100%; pointer-events: none; transition: inherit; } .ladi-form .ladi-button { cursor: pointer; } .ladi-button { position: absolute; width: 100%; height: 100%; overflow: hidden; } .ladi-form { position: absolute; width: 100%; height: 100%; } .ladi-form > .ladi-element { text-transform: inherit; text-decoration: inherit; text-align: inherit; letter-spacing: inherit; color: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; } .ladi-form > .ladi-element .ladi-form-item-container .ladi-form-item .ladi-form-control:not(.ladi-form-control-select) { text-transform: inherit; text-decoration: inherit; text-align: inherit; letter-spacing: inherit; color: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; } .ladi-form .ladi-form-item textarea.ladi-form-control { resize: none; padding: 5px; } .ladi-form .ladi-form-item .ladi-form-control { background-color: transparent; min-width: 100%; min-height: 100%; max-width: 100%; max-height: 100%; width: 100%; height: 100%; padding: 0 5px; color: inherit; font-size: inherit; border: none; } .ladi-button > .ladi-element { width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important; display: table; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .ladi-form > .ladi-element .ladi-form-item-container { text-transform: inherit; text-decoration: inherit; text-align: inherit; letter-spacing: inherit; color: inherit; background-size: inherit; background-attachment: inherit; background-origin: inherit; } @media (min-width: 768px) { #SECTION308 { height: 574.154px; } #SECTION308 > .ladi-section-background { background-size: cover; background-attachment: scroll; background-origin: content-box; background-image: url(/images/banner.png?033c79167824b4d868953f6c888faee8); background-position: left top; background-repeat: repeat; } #IMAGE418 { width: 537.452px; height: 348.951px; top: -39.617px; left: 46.3229px; } #IMAGE418.ladi-animation > .ladi-image { animation-name: pulse; -webkit-animation-name: pulse; animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #IMAGE418 > .ladi-image > .ladi-image-background { width: 537.452px; height: 348.951px; top: 0px; left: 0px; background-image: url(/images/video-animation-la-gi-13-20210513164536.png?ef05ffc93510e8a93d9799b37bcf197e); } #GROUP428 { width: 467.051px; height: 246.4px; top: 285.419px; left: 75.0031px; } #PARAGRAPH326 { width: 371px; top: 23.915px; left: 92.7897px; } #PARAGRAPH326.ladi-animation > .ladi-paragraph { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0.15s; -webkit-animation-delay: 0.15s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #PARAGRAPH326 > .ladi-paragraph { color: rgb(255, 255, 255); font-size: 15px; line-height: 1.2; } #PARAGRAPH327 { width: 371px; top: 101.087px; left: 96.051px; } #PARAGRAPH327.ladi-animation > .ladi-paragraph { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0.25s; -webkit-animation-delay: 0.25s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #PARAGRAPH327 > .ladi-paragraph { color: rgb(255, 255, 255); font-size: 15px; text-align: left; line-height: 1.2; } #PARAGRAPH328 { width: 354px; top: 170.66px; left: 92.7897px; } #PARAGRAPH328.ladi-animation > .ladi-paragraph { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #PARAGRAPH328 > .ladi-paragraph { color: rgb(255, 255, 255); font-size: 15px; line-height: 1.2; } #IMAGE419 { width: 79.6899px; height: 85.6409px; top: 160.759px; left: 1.03344px; } #IMAGE419.ladi-animation > .ladi-image { animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #IMAGE419 > .ladi-image > .ladi-image-background { width: 86.8428px; height: 85.6409px; top: 0px; left: 0px; background-image: url(/images/number-16-20210513164721.png?ad1ffd99b717880de5b1b8c959505ab5); } #IMAGE420 { width: 72.8054px; height: 82.5254px; top: 0px; left: 0px; } #IMAGE420.ladi-animation > .ladi-image { animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; animation-delay: 0.15s; -webkit-animation-delay: 0.15s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #IMAGE420 > .ladi-image > .ladi-image-background { width: 79.3404px; height: 82.5254px; top: 0px; left: 0px; background-image: url(/images/number-14-20210513164721.png?ee2c04ba75ac3a16bcb9d8443d31de6f); } #IMAGE421 { width: 79.6497px; height: 85.3026px; top: 78.021px; left: 3.10023px; } #IMAGE421.ladi-animation > .ladi-image { animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; animation-delay: 0.25s; -webkit-animation-delay: 0.25s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #IMAGE421 > .ladi-image > .ladi-image-background { width: 86.799px; height: 85.3026px; top: 0px; left: 0px; background-image: url(/images/number-15-20210513164721.png?24fdc7bbca68928cd8d8e1280ba1b520); } #GROUP438 { width: 653.822px; height: 432.797px; top: 71.022px; left: 518.432px; } #GROUP437 { width: 653.822px; height: 414.515px; top: 18.2819px; left: 0px; } #IMAGE431 { width: 653.822px; height: 414.515px; top: 0px; left: 0px; } #IMAGE431 > .ladi-image > .ladi-image-background { width: 653.822px; height: 414.515px; top: 0px; left: 0px; background-image: url(/images/khung-19-19-20210514023414.png?1231f60ec7e70bde4114fb9cba092e5f); } #VIDEO329 { width: 514.528px; height: 289.423px; top: 62.8714px; left: 65.4299px; } #VIDEO329 > .ladi-video > .ladi-video-background { background-size: cover; background-attachment: scroll; background-origin: content-box; background-image: url(/images/hqdefault.jpg?5fba72d7b48f720083644e99699b0c3a); background-position: center center; background-repeat: no-repeat; } #SHAPE329 { width: 60px; height: 60px; top: 114.712px; left: 227.264px; } #GROUP436 { width: 244.4px; height: 65.43px; top: 0px; left: 94.7627px; } #HEADLINE432 { width: 159px; top: 0px; left: 0px; } #HEADLINE432 > .ladi-headline { color: rgb(255, 255, 255); font-size: 22px; text-transform: uppercase; line-height: 1.2; } #HEADLINE433 { width: 244px; top: 19.2441px; left: 0px; } #HEADLINE433 > .ladi-headline { color: rgb(255, 255, 255); font-size: 40px; text-transform: uppercase; line-height: 1.2; } } @media (max-width: 767px) { #SECTION308 { height: 866.836px; } #SECTION308 > .ladi-section-background { background-size: cover; background-attachment: scroll; background-origin: content-box; background-image: url(/images/banner.png?033c79167824b4d868953f6c888faee8); background-position: left top; background-repeat: repeat; } .ladi-section .ladi-container { width: 420px; } #IMAGE418 { width: 481.621px; height: 312.702px; top: -41.047px; left: -16.4289px; } #IMAGE418.ladi-animation > .ladi-image { animation-name: pulse; -webkit-animation-name: pulse; animation-delay: 0.1s; -webkit-animation-delay: 0.1s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #IMAGE418 > .ladi-image > .ladi-image-background { width: 481.621px; height: 312.702px; top: 0px; left: 0px; background-image: url(/images/video-animation-la-gi-13-20210513164536.png?ef05ffc93510e8a93d9799b37bcf197e); } #GROUP428 { width: 389.221px; height: 246.146px; top: 587.705px; left: 25.6231px; } #PARAGRAPH326 { width: 268px; top: 14.263px; left: 93.2209px; } #PARAGRAPH326.ladi-animation > .ladi-paragraph { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0.15s; -webkit-animation-delay: 0.15s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #PARAGRAPH326 > .ladi-paragraph { color: rgb(255, 255, 255); font-size: 14px; line-height: 1.2; } #PARAGRAPH327 { width: 250px; top: 94.853px; left: 93.2209px; } #PARAGRAPH327.ladi-animation > .ladi-paragraph { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0.25s; -webkit-animation-delay: 0.25s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #PARAGRAPH327 > .ladi-paragraph { color: rgb(255, 255, 255); font-size: 14px; text-align: left; line-height: 1.2; } #PARAGRAPH328 { width: 296px; top: 169.426px; left: 93.2209px; } #PARAGRAPH328.ladi-animation > .ladi-paragraph { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #PARAGRAPH328 > .ladi-paragraph { color: rgb(255, 255, 255); font-size: 14px; line-height: 1.2; } #IMAGE419 { width: 86.8428px; height: 85.6409px; top: 160.505px; left: 0px; } #IMAGE419.ladi-animation > .ladi-image { animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #IMAGE419 > .ladi-image > .ladi-image-background { width: 86.8428px; height: 85.6409px; top: 0px; left: 0px; background-image: url(/images/number-16-20210513164721.png?ad1ffd99b717880de5b1b8c959505ab5); } #IMAGE420 { width: 79.3404px; height: 82.5254px; top: 0px; left: 0px; } #IMAGE420.ladi-animation > .ladi-image { animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; animation-delay: 0.15s; -webkit-animation-delay: 0.15s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #IMAGE420 > .ladi-image > .ladi-image-background { width: 79.3404px; height: 82.5254px; top: 0px; left: 0px; background-image: url(/images/number-14-20210513164721.png?ee2c04ba75ac3a16bcb9d8443d31de6f); } #IMAGE421 { width: 86.799px; height: 85.3026px; top: 75.202px; left: 3.3785px; } #IMAGE421.ladi-animation > .ladi-image { animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; animation-delay: 0.25s; -webkit-animation-delay: 0.25s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #IMAGE421 > .ladi-image > .ladi-image-background { width: 86.799px; height: 85.3026px; top: 0px; left: 0px; background-image: url(/images/number-15-20210513164721.png?24fdc7bbca68928cd8d8e1280ba1b520); } #GROUP438 { width: 455.922px; height: 327.05px; top: 252.655px; left: -16.4289px; } #GROUP437 { width: 455.922px; height: 289.05px; top: 38px; left: 0px; } #IMAGE431 { width: 455.922px; height: 289.05px; top: 0px; left: 0px; } #IMAGE431 > .ladi-image > .ladi-image-background { width: 455.922px; height: 289.05px; top: 0px; left: 0px; background-image: url(/images/khung-19-19-20210514023414.png?1231f60ec7e70bde4114fb9cba092e5f); } #VIDEO329 { width: 369.285px; height: 207.724px; top: 41.6672px; left: 43.3185px; } .ladi-video { position: absolute; width: 100%; height: 100%; cursor: pointer; overflow: hidden; } #VIDEO329 > .ladi-video > .ladi-video-background { background-size: cover; background-attachment: scroll; background-origin: content-box; background-image: url(/images/hqdefault.jpg?5fba72d7b48f720083644e99699b0c3a); background-position: center center; background-repeat: no-repeat; } #HEADLINE433 { width: 257px; top: 15px; left: 0px; } #HEADLINE433 > .ladi-headline { font-family: "Paytone One", sans-serif; color: rgb(255, 255, 255); font-size: 40px; text-transform: uppercase; line-height: 1.2; } #GROUP436 { width: 257px; height: 63px; top: 0px; left: 66.0798px; } } .ladi-video { position: absolute; width: 100%; height: 100%; cursor: pointer; overflow: hidden; } .ladi-video .ladi-video-background { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; } @media (min-width: 768px) { #SECTION30 { height: 634.6px; } #SECTION30 > .ladi-section-background { background-size: cover; background-attachment: scroll; background-origin: content-box; background-image: url(/images/background2-08-08-20210514040611.png?2c5ae02e6fe38bd944a51d5073af3893); background-position: center top; background-repeat: repeat; } #SECTION30 > .ladi-overlay { background-color: rgb(255, 255, 255); opacity: 0.5; mix-blend-mode: screen; will-change: transform, opacity; } } .ladi-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; pointer-events: none; } @media (min-width: 768px) { #SECTION529 { height: 558.107px; } #SECTION529 > .ladi-section-background { background-size: cover; background-attachment: scroll; background-origin: content-box; background-image: url(/images/background-section-3-02-20210512042008.jpg?9d243e0324ecbbaac843375ef16c9aab); background-position: center top; background-repeat: repeat; } #GROUP533 { width: 409.739px; height: 62.5141px; top: 39.41px; left: 399.565px; } #IMAGE534 > .ladi-image { filter: blur(29px); } #IMAGE534 > .ladi-image > .ladi-image-background { width: 409.739px; height: 62.5141px; top: 0px; left: 0px; background-image: url(/images/logo-genex-text-21-20210514041347.png?a1f0c72b2f94c63920f721c05b5820c6); } #IMAGE534 { width: 409.739px; height: 62.5141px; top: 0px; left: 0px; } #IMAGE535 > .ladi-image > .ladi-image-background { width: 409.739px; height: 62.5141px; top: 0px; left: 0px; background-image: url(/images/logo-genex-text-21-20210514041347.png?a1f0c72b2f94c63920f721c05b5820c6); } #IMAGE535 { width: 409.739px; height: 62.5141px; top: 0px; left: 0px; } #GROUP536 { width: 566px; height: 38px; top: 167.167px; left: 321.435px; } #GROUP537 { width: 566px; height: 38px; top: 0px; left: 0px; } #BOX538 { width: 566px; height: 38px; top: 0px; left: 0px; } #BOX538 > .ladi-box { background-color: rgb(242, 242, 242); border-radius: 8px; filter: blur(32px); } #BOX539 { width: 566px; height: 38px; top: 0px; left: 0px; } #BOX539 > .ladi-box { background-color: rgb(242, 242, 242); border-radius: 8px; } #HEADLINE540 { width: 535px; top: 6px; left: 20.5px; } #HEADLINE540 > .ladi-headline { font-family: "Oswald", sans-serif; color: rgb(98, 98, 98); font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 1.6; } #HEADLINE532 { width: 528px; top: 108.796px; left: 340.435px; } #HEADLINE532 > .ladi-headline { font-family: "Oswald", sans-serif; color: rgb(255, 255, 255); font-size: 26px; font-weight: bold; text-transform: uppercase; line-height: 1.6; } #GROUP558 { width: 200px; height: 277px; top: 230.36px; left: 263.75px; } #GROUP558.ladi-animation > .ladi-group { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0s; -webkit-animation-delay: 0s; animation-duration: 1s; -webkit-animation-duration: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; } #GROUP556 { width: 200px; height: 277px; top: 0px; left: 0px; } #GROUP543 { width: 200px; height: 277px; top: 0px; left: 0px; } #BOX541 { width: 200px; height: 277px; top: 0px; left: 0px; } #BOX541 > .ladi-box { background: #fdfbfb; background: linear-gradient(180deg, #fdfbfb, #eaedee); border-radius: 13px; filter: blur(26px); } #BOX542 { width: 200px; height: 277px; top: 0px; left: 0px; } #IMAGE551 { width: 180.75px; height: 32.0856px; top: 22.3388px; left: 7.25px; } #IMAGE551 > .ladi-image > .ladi-image-background { width: 180.75px; height: 32.0856px; top: 0px; left: 0px; background-image: url(/images/socmedia_logo.png?08b8f8398463c527576703428bbe7b43); } #HEADLINE552 { width: 146px; top: 59.684px; left: 16px; } #HEADLINE552 > .ladi-headline { font-family: "Oswald", sans-serif; color: rgb(98, 98, 98); font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 1.6; } #HEADLINE553 { width: 172px; top: 95.684px; left: 16px; } #HEADLINE553 > .ladi-headline { font-family: "Oswald", sans-serif; color: rgb(199, 31, 22); font-size: 22px; font-weight: bold; text-transform: uppercase; line-height: 1.2; } #PARAGRAPH555 { width: 166px; top: 164.773px; left: 16px; } #PARAGRAPH555 > .ladi-paragraph { font-family: "Oswald", sans-serif; color: rgb(98, 98, 98); font-size: 16px; font-weight: bold; text-transform: uppercase; line-height: 1.6; } #IMAGE557 { width: 79.3595px; height: 93.673px; top: 45.7264px; left: 96.683px; } #IMAGE557 > .ladi-image > .ladi-image-background { width: 79.3595px; height: 93.673px; top: 0px; left: 0px; background-image: url(/images/icon-22-20210514042403.png?95f382aa062d3650329faffbac3e8185); } #BOX542 > .ladi-box { background: #fdfbfb; background: linear-gradient(180deg, #fdfbfb, #eaedee); border-radius: 13px; } #GROUP564 { width: 200px; height: 277px; top: 230.36px; left: 502.25px; } #GROUP564.ladi-animation > .ladi-group { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; animation-duration: 1s; -webkit-animation-duration: 1s; } #GROUP545 { width: 200px; height: 277px; top: 0px; left: 0px; } #BOX546 { width: 200px; height: 277px; top: 0px; left: 0px; } #BOX546 > .ladi-box { background: #fdfbfb; background: linear-gradient(180deg, #fdfbfb, #eaedee); border-radius: 13px; filter: blur(26px); } #BOX547 { width: 200px; height: 277px; top: 0px; left: 0px; } #BOX547 > .ladi-box { background: #fdfbfb; background: linear-gradient(180deg, #fdfbfb, #eaedee); border-radius: 13px; } #HEADLINE559 { width: 160px; top: 25.357px; left: 20px; } #HEADLINE559 > .ladi-headline { font-family: "Source Sans Pro", sans-serif; color: rgb(199, 31, 22); font-size: 17px; font-weight: bold; text-transform: uppercase; text-align: center; line-height: 1.2; } #PARAGRAPH560 { width: 171px; top: 68.147px; left: 17px; } #PARAGRAPH560 > .ladi-paragraph { font-family: Arial, sans-serif; color: rgb(0, 0, 0); font-size: 15px; text-align: left; letter-spacing: 0px; line-height: 1.2; } #GROUP565 { width: 200px; height: 277px; top: 230.36px; left: 736.25px; } #GROUP565.ladi-animation > .ladi-group { animation-name: fadeInUp; -webkit-animation-name: fadeInUp; animation-delay: 0.8s; -webkit-animation-delay: 0.8s; animation-duration: 1s; -webkit-animation-duration: 1s; } #GROUP548 { width: 200px; height: 277px; top: 0px; left: 0px; } #BOX549 { width: 200px; height: 277px; top: 0px; left: 0px; } #BOX549 > .ladi-box { background: #fdfbfb; background: linear-gradient(180deg, #fdfbfb, #eaedee); border-radius: 13px; filter: blur(26px); } #BOX550 { width: 200px; height: 277px; top: 0px; left: 0px; } #BOX550 > .ladi-box { background: #fdfbfb; background: linear-gradient(180deg, #fdfbfb, #eaedee); border-radius: 13px; } #PARAGRAPH561 { width: 167px; top: 75.1666px; left: 18px; } #PARAGRAPH561 > .ladi-paragraph { font-family: Arial, sans-serif; color: rgb(0, 0, 0); font-size: 15px; line-height: 1.2; } #HEADLINE562 { width: 160px; top: 24.357px; left: 20px; } #HEADLINE562 > .ladi-headline { font-family: "Source Sans Pro", sans-serif; color: rgb(199, 31, 22); font-size: 17px; font-weight: bold; text-transform: uppercase; text-align: center; line-height: 1.2; } } @media (min-width: 768px) { #SECTION195 > .bg-loaded { background-size: cover; background-attachment: scroll; background-origin: content-box; background-image: url(/images/background-genex-20-20-20210514030945.jpg?f934d6fece2c6b7e34eda0201d06c337); background-position: center top; background-repeat: repeat; } #HEADLINE197 > .ladi-headline { color: rgb(230, 55, 38); font-size: 29px; font-weight: bold; text-transform: uppercase; text-align: center; line-height: 1.6; } #IMAGE198 { width: 376.377px; height: 68.285px; top: 84.464px; left: 403px; } #IMAGE198 > .ladi-image > .ladi-image-background { width: 376.377px; height: 68.285px; top: 0px; left: 0px; background-image: url(/images/socmedia_logo.png?08b8f8398463c527576703428bbe7b43); } .GROUP953 { width: 459.835px; height: 342.892px; top: 182px; left: 134.083px; } .GROUP939 { width: 459.835px; height: 342.892px; top: 0px; left: 0px; } .BOX940 { width: 459.835px; height: 86.5145px; top: 256.378px; left: 0px; } .BOX940 > .ladi-box { background-color: rgb(212, 31, 21); border-style: solid; border-color: rgb(132, 132, 132); border-width: 1px; border-radius: 0px 0px 15px 15px; } .GROUP941 { width: 458.478px; height: 312.478px; top: 0px; left: 0px; } .VIDEO942 { width: 458.478px; height: 257.894px; top: 0px; left: 0px; } .PARAGRAPH944 { width: 323px; top: 264.478px; left: 13.2596px; } .PARAGRAPH944 > .ladi-paragraph { color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; line-height: 1.6; } .IMAGE952 { width: 77.1875px; height: 43.3664px; top: 279px; left: 362px; } .IMAGE952 > .ladi-image > .ladi-image-background { width: 77.1875px; height: 43.3664px; top: 0px; left: 0px; background-image: url(/images/logo-genex-white-30-20210514090418.png?f22a82484e7cd162eed900cdcb73bf48); } .GROUP962 { width: 459.835px; height: 342.892px; top: 182px; left: 605.082px; } } #text-4214745138 { text-align: center; } .display-mobile { display: none !important; } @media screen and (max-width: 768px) { .display-desktop { display: none !important; } .display-mobile { display: block !important; } } .new-detail { background-color: var(--bg-white); } .new-detail .tour { padding-top: 100px; } .new-detail .tour .tour-content h2 { font-size: 40px; font-weight: bold; color: var(--color-black); } .new-detail .tour .tour-content .tour-child-title-wrapper { display: inline; } .new-detail .tour .tour-content .tour-child-title-wrapper .tour-child-title { display: inline; margin-right: 100px; font-size: 12px; color: var(--color-black); } .new-detail .tour .tour-content .tour-head-content { font-size: 14px; color: var(--color-black); margin-top: 20px; } .new-detail .tour .tour-content .collapse-header { margin-bottom: 0; } .new-detail .tour .tour-content .collapse-header .collapse-menu { width: 100%; background-color: #2196F3; display: flex; justify-content: space-between; padding: 10px; border: none; outline: none; } .new-detail .tour .tour-content .collapse-content { background: var(--bg-style-gray); color: var(--color-black); padding: 20px; } .new-detail .tour .tour-content .collapse-content li a { color: var(--color-black); cursor: pointer; } .new-detail .tour .tour-content .collapse-content li a:hover { color: #c37575; } .new-detail .tour .tour-content .tour-image { margin-top: 20px; width: 100%; } .new-detail .tour .tour-content .tour-subtitle-wrapper { padding-top: 30px; font-size: 16px; color: var(--color-black); } .new-detail .tour .tour-content .tour-subtitle-wrapper h3 { font-size: 1.2em; color: #2196F3; } .new-detail .tour .tour-content .tour-subtitle-wrapper h3 { font-size: 0.9em; } .new-detail .tour .tour-content .tour-contact-wrapper { position: relative; display: flex; align-items: center; justify-content: center; margin-top: 80px; margin-bottom: 70px; } .new-detail .tour .tour-content .tour-contact-wrapper .tour-contact-circle { position: absolute; transform: translateX(-100%); } .new-detail .tour .tour-content .tour-contact-wrapper .tour-contact-direct { text-decoration: none; font-size: 12px; font-weight: bold; color: var(--color-black); z-index: 10; position: relative; margin-right: 20px; } .new-detail .tour .tour-content .tour-contact-wrapper .tour-contact-arrow { cursor: pointer; } .new-detail .tour .tour-list-item { padding: 20px; } .new-detail .tour .tour-list-item h4 { font-size: 16px; color: var(--color-black); width: 100%; text-align: right; } .new-detail .tour .tour-list-item .tour-search-wrapper { position: relative; margin-top: 60px; } .new-detail .tour .tour-list-item .tour-search-wrapper .tour-search-icon { position: absolute; top: 40%; transform: translate(50%, -50%); } .new-detail .tour .tour-list-item .tour-search-wrapper .tour-search { background-color: transparent; width: 100%; padding: 8px 20px 8px 36px; border: 1px solid #e0e0e0; } .new-detail .tour .tour-list-item .tour-suggest-wrapper h4 { font-size: 18px; color: var(--color-black); text-align: left; margin-top: 40px; } .new-detail .tour .tour-list-item .tour-suggest-wrapper .tour-suggest-item { display: flex; padding-top: 1rem; } .new-detail .tour .tour-list-item .tour-suggest-wrapper .tour-suggest-item .tour-image-item { height: 100px; padding: 0px; width: 100p; margin-right: 10px; } @media (min-width: 992px) { .new-detail .tour .tour-list-item .tour-suggest-wrapper .tour-suggest-item .tour-image-item { width: 100px; } } .new-detail .tour .tour-list-item .tour-suggest-wrapper .tour-suggest-item .tour-suggest-description { font-size: 12px; color: #828282; } .new-detail .tour .tour-list-item .tour-suggest-wrapper .tour-suggest-item .tour-suggest-title { font-size: 18px; color: var(--color-black); padding-top: 10px; } .new-detail .tour-request { background-color: #2196F3; padding-top: 30px; padding-bottom: 25px; } .new-detail .tour-request .tour-request-title { width: 100%; } @media (min-width: 992px) { .new-detail .tour-request .tour-request-title { padding-left: 80px; width: unset; } } .new-detail .tour-request .tour-request-title h5 { font-size: 24px; font-weight: bold; color: var(--color-black); } .new-detail .tour-request .tour-request-title .tour-request-subscribe { font-size: 12px; color: var(--color-black); } .new-detail .tour-request .tour-request-send-wrapper { display: flex; } .new-detail .tour-request .tour-request-send-wrapper .tour-email { border: 1px solid var(--color-black); background: transparent; width: 100%; padding-left: 30px; font-size: 12px; color: var(--color-black); } .new-detail .tour-request .tour-request-send-wrapper .tour-send { position: relative; } .new-detail .tour-request .tour-request-send-wrapper .tour-send .tour-send-item { position: absolute; top: 50%; left: 30px; transform: translate(0, -50%); } .new-detail .tour-request .tour-request-send-wrapper .tour-send .tour-send-content { padding: 10px 36px 10px 60px; border: 1px solid var(--color-black); } #accordion { margin-top: 20px; } .collapse { max-height: 103px; overflow: hidden; } .collapse.collapsed { max-height: 0; } #collapseSubtitle { transition: max-height 0.3s; } #gap-1927004136 { padding-top: 30px; } #image_1962059759 { width: 60%; } @media (min-width: 550px) { #image_1962059759 { width: 30%; } } @media (min-width: 850px) { #image_1962059759 { width: 70%; } } #gap-2084098871 { padding-top: 10px; } #text-574663578 { font-size: 0.95rem; line-height: 1.55; } #text-141019792 { text-align: left; } #col-2114349370 > .col-inner { margin: -30px 0px -30px 0px; } #gap-1363525218 { padding-top: 10px; } #section_357506014 { padding-top: 30px; padding-bottom: 30px; background-color: #273647; } #section_357506014 .section-bg-overlay { background-color: rgba(0, 0, 0, 0.669); } #section_357506014 .section-bg.bg-loaded { background-image: url(/images/footer.png?41e722f0e5d1caea82aa983183a0a0aa); } @media screen and (max-width: 768px) { #section_357506014 .section-bg.bg-loaded { background-image: url(/images/footer-mobile.png?e88bdb178732fdb2caa668694f1c4b57); } } #section_357506014 .ux-shape-divider--top svg { height: 150px; --divider-top-width: 100%; } #section_357506014 .ux-shape-divider--bottom svg { height: 150px; --divider-width: 100%; } @media (min-width: 550px) { #section_357506014 { padding-top: 60px; padding-bottom: 60px; } } @keyframes splide-loading { 0% { transform: rotate(0); } to { transform: rotate(1turn); } } .splide__container { position: relative; box-sizing: border-box; } .splide__list { margin: 0 !important; padding: 0 !important; width: -moz-max-content; width: max-content; will-change: transform; } .splide.is-active .splide__list { display: flex; } .splide__pagination { display: inline-flex; align-items: center; width: 95%; flex-wrap: wrap; justify-content: center; margin: 0; } .splide__pagination li { list-style-type: none; display: inline-block; line-height: 1; margin: 0; } .splide { visibility: hidden; } .splide, .splide__slide { position: relative; outline: none; } .splide__slide { box-sizing: border-box; list-style-type: none !important; margin: 0; flex-shrink: 0; } .splide__slide img { vertical-align: bottom; } .splide__slider { position: relative; } .splide__spinner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #999; border-left-color: transparent; animation: splide-loading 1s linear infinite; } .splide__track { position: relative; z-index: 0; overflow: hidden; } .splide--draggable > .splide__track > .splide__list > .splide__slide { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .splide--fade > .splide__track > .splide__list { display: block; } .splide--fade > .splide__track > .splide__list > .splide__slide { position: absolute; top: 0; left: 0; z-index: 0; opacity: 0; } .splide--fade > .splide__track > .splide__list > .splide__slide.is-active { position: relative; z-index: 1; opacity: 1; } .splide--rtl { direction: rtl; } .splide--ttb > .splide__track > .splide__list { display: block; } .splide--ttb > .splide__pagination { width: auto; } .splide__arrow { position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); width: 2em; height: 2em; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: none; padding: 0; opacity: 0.7; background: #ccc; } .splide__arrow svg { width: 1.2em; height: 1.2em; } .splide__arrow:hover { cursor: pointer; opacity: 0.9; } .splide__arrow:focus { outline: none; } .splide__arrow--prev { left: 1em; } .splide__arrow--prev svg { transform: scaleX(-1); } .splide__arrow--next { right: 1em; } .splide__pagination { position: absolute; z-index: 1; bottom: 0.5em; left: 50%; transform: translateX(-50%); padding: 0; } .splide__pagination__page { display: inline-block; width: 8px; height: 8px; background: #ccc; border-radius: 50%; margin: 3px; padding: 0; transition: transform 0.2s linear; border: none; opacity: 0.7; } .splide__pagination__page.is-active { transform: scale(1.4); background: #fff; } .splide__pagination__page:hover { cursor: pointer; opacity: 0.9; } .splide__pagination__page:focus { outline: none; } .splide__progress__bar { width: 0; height: 3px; background: #ccc; } .splide--nav > .splide__track > .splide__list > .splide__slide { border: 3px solid transparent; } .splide--nav > .splide__track > .splide__list > .splide__slide.is-active { border-color: #000; } .splide--nav > .splide__track > .splide__list > .splide__slide:focus { outline: none; } .splide--rtl > .splide__arrows .splide__arrow--prev, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev { right: 1em; left: auto; } .splide--rtl > .splide__arrows .splide__arrow--prev svg, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev svg { transform: scaleX(1); } .splide--rtl > .splide__arrows .splide__arrow--next, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--next { left: 1em; right: auto; } .splide--rtl > .splide__arrows .splide__arrow--next svg, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--next svg { transform: scaleX(-1); } .splide--ttb > .splide__arrows .splide__arrow, .splide--ttb > .splide__track > .splide__arrows .splide__arrow { left: 50%; transform: translate(-50%); } .splide--ttb > .splide__arrows .splide__arrow--prev, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev { top: 1em; } .splide--ttb > .splide__arrows .splide__arrow--prev svg, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev svg { transform: rotate(-90deg); } .splide--ttb > .splide__arrows .splide__arrow--next, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--next { top: auto; bottom: 1em; } .splide--ttb > .splide__arrows .splide__arrow--next svg, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--next svg { transform: rotate(90deg); } .splide--ttb > .splide__pagination { display: flex; flex-direction: column; bottom: 50%; left: auto; right: 0.5em; transform: translateY(50%); } /* Created on : 2016-12-16, 13:40:46 Author : Sławomir Netteria.NET https://netteria.net */ #closer_videopopup { position: absolute; display: table-cell; right: 2%; top: 2%; font-size: 50px; text-align: center; vertical-align: middle; padding: auto; cursor: default; background: none; border: none; color: #ffffff; z-index: 100004; } #opct { position: fixed; z-index: 100000; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; } .videCont { position: relative; top: 25%; height: 0; margin: auto; max-width: 720px; height: 0; height: auto !important; } .yt_video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1 !important; } video { position: absolute; top: 15%; left: 0; width: 100%; opacity: 1 !important; } #video1 { cursor: pointer; cursor: hand; } img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } div#ez-toc-container p.ez-toc-title { font-size: 120%; } div#ez-toc-container p.ez-toc-title { font-weight: 500; } div#ez-toc-container ul li { font-size: 95%; } :root { --primary-color: #e8b641; } .full-width .ubermenu-nav, .container, .row { max-width: 1440px; } .row.row-collapse { max-width: 1020px; } .row.row-small { max-width: 1042.5px; } .row.row-large { max-width: 1080px; } .header-main { height: 72px; } @media screen and (min-width: 1024px) { .nav > li > a { font-size: 18px; } } #logo img { max-height: 72px; } #logo { width: 188px; } #logo img { padding: 5px 0; } .header-bottom { min-height: 55px; } .header-top { min-height: 35px; } .transparent .header-main { height: 500px; } .transparent #logo img { max-height: 500px; } .has-transparent + .page-title:first-of-type, .has-transparent + #main > .page-title, .has-transparent + #main > div > .page-title, .has-transparent + #main .page-header-wrapper:first-of-type .page-title { padding-top: 530px; } .header.show-on-scroll, .stuck .header-main { height: 70px !important; } .stuck #logo img { max-height: 70px !important; } .search-form { width: 75%; } .header-bg-color { background-color: #ffffff; } .header-bottom { background-color: #f1f1f1; } .top-bar-nav > li > a { line-height: 16px; } .header-main .nav > li > a { line-height: 16px; } .stuck .header-main .nav > li > a { line-height: 50px; } .header-bottom-nav > li > a { line-height: 19px; } @media (max-width: 549px) { .header-main { height: 70px; } #logo img { max-height: 70px; } } .nav-dropdown { border-radius: 15px; } .nav-dropdown { font-size: 16px; } .nav-dropdown-has-arrow li.has-dropdown:after { border-bottom-color: #ffffff; } .nav .nav-dropdown { background-color: #ffffff; } .blog-wrapper { background-color: #ffffff; } /* Color */ .accordion-title.active, .has-icon-bg .icon .icon-inner, .logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active > a, .nav-outline > li.active > a, .cart-icon strong, [data-color=primary], .is-outline.primary { color: #e8b641; } /* Color !important */ [data-text-color=primary] { color: #e8b641 !important; } /* Background Color */ [data-text-bg=primary] { background-color: #e8b641; } /* Background */ .scroll-to-bullets a, .featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, button[type=submit], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline), .featured-table .title, .is-outline:hover, .has-icon:hover .icon-label, .nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .header-vertical-menu__opener, .is-outline:hover, .tagcloud a:hover, .grid-tools a, input[type=submit]:not(.is-form), .box-badge:hover .box-text, input.button.alt, .nav-box > li > a:hover, .nav-box > li.active > a, .nav-pills > li.active > a, .current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before, .banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type=submit].primary, input[type=submit].primary, input[type=reset].button, input[type=button].primary, .badge-inner { background-color: #e8b641; } /* Border */ .nav-vertical.nav-tabs > li.active > a, .scroll-to-bullets a.active, .nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover, .has-hover:hover .badge-outline .badge-inner, .accordion-title.active, .featured-table, .is-outline:hover, .tagcloud a:hover, blockquote, .has-border, .cart-icon strong:after, .cart-icon strong, .blockUI:before, .processing:before, .loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover { border-color: #e8b641; } .nav-tabs > li.active > a { border-top-color: #e8b641; } .widget_shopping_cart_content .blockUI.blockOverlay:before { border-left-color: #e8b641; } .woocommerce-checkout-review-order .blockUI.blockOverlay:before { border-left-color: #e8b641; } /* Fill */ .slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow { fill: #e8b641; } /* Background Color */ [data-icon-label]:after, .secondary.is-underline:hover, .secondary.is-outline:hover, .icon-label, .button.secondary:not(.is-outline), .button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step { background-color: #676464; } [data-text-bg=secondary] { background-color: #676464; } /* Color */ .secondary.is-underline, .secondary.is-link, .secondary.is-outline, .stars a.active, .star-rating:before, .woocommerce-page .star-rating:before, .star-rating span:before, .color-secondary { color: #676464; } /* Color !important */ [data-text-color=secondary] { color: #676464 !important; } /* Border */ .secondary.is-outline:hover { border-color: #676464; } .success.is-underline:hover, .success.is-outline:hover, .success { background-color: #e8b641; } .success-color, .success.is-link, .success.is-outline { color: #e8b641; } .success-border { border-color: #e8b641 !important; } /* Color !important */ [data-text-color=success] { color: #e8b641 !important; } /* Background Color */ [data-text-bg=success] { background-color: #e8b641; } .alert.is-underline:hover, .alert.is-outline:hover, .alert { background-color: #e8b641; } .alert.is-link, .alert.is-outline, .color-alert { color: #e8b641; } /* Color !important */ [data-text-color=alert] { color: #e8b641 !important; } /* Background Color */ [data-text-bg=alert] { background-color: #e8b641; } body { font-size: 101%; } @media screen and (max-width: 549px) { body { font-size: 100%; } } body { font-family: "Montserrat", sans-serif; } body { font-weight: 0; } body { color: #565656; } .nav > li > a { font-family: "Montserrat", sans-serif; } .mobile-sidebar-levels-2 .nav > li > ul > li > a { font-family: "Montserrat", sans-serif; } .nav > li > a { font-weight: 600; } .mobile-sidebar-levels-2 .nav > li > ul > li > a { font-weight: 600; } h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a { font-family: "Montserrat", sans-serif; } h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 { font-weight: 700; } .alt-font { font-family: "Montserrat", sans-serif; } .alt-font { font-weight: 0 !important; } .header:not(.transparent) .header-nav-main.nav > li > a { color: #757575; } .header:not(.transparent) .header-nav-main.nav > li > a:hover, .header:not(.transparent) .header-nav-main.nav > li.active > a, .header:not(.transparent) .header-nav-main.nav > li.current > a, .header:not(.transparent) .header-nav-main.nav > li > a.active, .header:not(.transparent) .header-nav-main.nav > li > a.current { color: #e8b641; } .header-nav-main.nav-line-bottom > li > a:before, .header-nav-main.nav-line-grow > li > a:before, .header-nav-main.nav-line > li > a:before, .header-nav-main.nav-box > li > a:hover, .header-nav-main.nav-box > li.active > a, .header-nav-main.nav-pills > li > a:hover, .header-nav-main.nav-pills > li.active > a { color: #fff !important; background-color: #e8b641; } .absolute-footer, html { background-color: rgba(10, 0, 0, 0.96); } /* Custom CSS */ .absolute-footer.dark { color: rgba(255, 255, 255, 0.5); display: none; } .eapps-form-element-wrapper { display: inline-block; width: 100%; padding: 0 10px; /* margin-bottom: 20px; */ transition: all 0.1s ease; cursor: unset; vertical-align: top; } .has-shadow > .col > .col-inner { background: #ffffff; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1019607843); border-radius: 10px; } .label-new.menu-item > a:after { content: "New"; } .label-hot.menu-item > a:after { content: "Hot"; } .label-sale.menu-item > a:after { content: "Sale"; } .label-popular.menu-item > a:after { content: "Popular"; } .box-contact { position: fixed; bottom: -35px; left: 0px; padding-left: 30px; z-index: 99999; } .messenger { position: relative; } .zalo { position: relative; } .messenger .ring { height: 70px !important; } .messenger .ring-img-circle .btn-img img { height: 41px; width: 40px; animation: circle-img-anim 1s infinite ease-in-out; transform-origin: 50% 50%; display: flex; align-items: center; justify-content: center; top: 40px; left: 27px; position: absolute; } .messenger:hover .bar { opacity: 1; } .messenger .bar { bottom: 33px !important; left: 10px !important; } .zalo { z-index: 999999; } .zalo .ring-img-circle .btn-img img { height: 41px; width: 40px; animation: circle-img-anim 1s infinite ease-in-out; transform-origin: 50% 50%; display: flex; align-items: center; justify-content: center; top: 40px; left: 27px; position: absolute; } .zalo:hover .bar { opacity: 1; } .zalo .bar { bottom: 63px !important; left: 10px !important; } .hotline-phone { top: 58%; left: 32px; z-index: 999999; transform: translate(-23%); } .ring { position: relative; visibility: visible; background-color: transparent; width: 110px; height: 100px; cursor: pointer; z-index: 11; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility 0.5s; left: 0; bottom: 0; display: block; } .ring-circle { width: 85px; height: 85px; top: 10px; left: 4px; position: absolute; background-color: transparent; border-radius: 100%; border: 2px solid #1e88e5; animation: circle-anim 1.2s infinite ease-in-out; transition: all 0.5s; transform-origin: 50% 50%; opacity: 0.5; } .ring-circle-fill { width: 55px; height: 55px; top: 25px; left: 17px; position: absolute; background-color: rgba(30, 136, 229, 0.7); border-radius: 100%; border: 2px solid transparent; animation: circle-fill-anim 2.3s infinite ease-in-out; transition: all 0.5s; transform-origin: 50% 50%; } .ring-img-circle { background-color: #1e88e5; width: 40px; height: 40px; top: 33px; left: 26px; position: absolute; background-size: 20px; border-radius: 100%; border: 2px solid transparent; animation: circle-img-anim 1s infinite ease-in-out; transform-origin: 50% 50%; display: flex; align-items: center; justify-content: center; } .ring-img-circle .pps-btn-img { display: flex; } .ring-img-circle .btn-img img { width: 30; height: 30px; } img { transition: opacity 1s; opacity: 1; } .hotline-phone:hover .bar { opacity: 1; } .bar { opacity: 0; position: absolute; background: rgba(30, 136, 229, 0.75); height: 36px; width: 200px; line-height: 36px; padding: 0 10px; background-size: 100%; cursor: pointer; transition: all 0.8s; -webkit-transition: all 0.8s; z-index: 9; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1); border-radius: 50px !important; } .bar > a { color: #fff; text-decoration: none; font-size: 15px; font-weight: bold; text-indent: 60px; display: block; letter-spacing: 1px; line-height: 40px; font-family: Arial; } @keyframes circle-fill-anim { 0% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.6; } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: 0.6; } 100% { -webkit-transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.6; } } @keyframes circle-img-anim { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg); } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); } 20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); } 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg); } } .service-list { margin-top: 60px; display: grid; grid-template-columns: repeat(3, 32.333%); grid-column-gap: 20px; padding: 0 30px; } @media screen and (max-width: 900px) { .service-list { grid-template-columns: repeat(1, 100%); grid-column-gap: 0px; grid-row-gap: 20px; margin-top: 20px; } } .service-item { border-radius: 12px; border: 1px solid #ffd36c; transition: all 0.7s; box-shadow: -15px 22px 20px 0px rgba(0, 0, 0, 0.15); } .service-item h3 { color: #000; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.05px; text-transform: capitalize; margin-bottom: 16px; margin-top: 32px; } .service-item p { color: #000; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: 1px; margin-bottom: 16px; } .service-item:hover { background: #fff2d4; } .service-item .service-inner { padding: 40px 20px 30px 40px; } @media screen and (max-width: 768px) { .service-item .service-inner { padding: 20px; } } .box-mobile { position: fixed; bottom: 0px; height: 40px; width: 100%; background-color: rgba(34, 34, 34, 0.5); display: none; z-index: 999999999999; } @media (max-width: 767px) { .hotline-phone { display: block !important; } .new-detail .tour .tour-content h2 { font-size: 24px; } } .chanel-filter { width: 100% !important; border-radius: 5px !important; } .chanel-grid { display: grid; grid-template-columns: repeat(2, 49%); -moz-column-gap: 20px; column-gap: 20px; } .chanel-grid label { display: block; } @media screen and (max-width: 768px) { .chanel-grid { grid-template-columns: repeat(1, 100%); -moz-column-gap: 0px; column-gap: 0px; column-row: 15px; } } @media screen and (max-width: 900px) { .hide-for-mobile { display: none !important; } } th, td { font-size: 14px; font-weight: 600; } @media screen and (max-width: 900px) { th, td { font-size: 13px !important; } } button { border-radius: 5px; min-width: 80px; font-size: 13px; text-transform: capitalize; margin: 0px 0px 10px 0px; line-height: 16px; } @media screen and (max-width: 768px) { button { font-size: 10px !important; line-height: 13px; } } .chanel-form { overflow-x: auto; padding: 10px !important; } .home-intro .section-content { text-align: center; padding: 60px 10px; background: rgba(232, 182, 65, 0.1215686275); } @media screen and (max-width: 768px) { .home-intro .section-content { padding: 20px 10px; } } @media screen and (max-width: 768px) { #main section { padding: 10px 0px !important; } } .search-box { position: relative; display: inline-block; margin-top: 10px; } .search-box .search-box:hover > .icon { background-color: #536179; } .search-box .icon { color: #eafaf1; width: 40px; height: 40px; background-color: #e8b641; transition: 0.4s; cursor: pointer; text-decoration: none; position: absolute; text-align: center; right: 0px; top: 0px; border-radius: 0px 20px 20px 0px; padding: 0px !important; margin: 0px !important; font-size: 16px !important; } .search-box input { /* width: 0; */ padding: 0 10px; background: none; font-size: 16px; transition: 0.5s ease; line-height: 40px; color: #fff; border-radius: 20px; max-width: 500px; min-width: 375px; } .display-mobile { display: none !important; } @media screen and (max-width: 768px) { .display-desktop { display: none !important; } .display-mobile { display: block !important; } } .dataTables_length { display: none !important; }