@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');
html{ font-size: 14px; }
*, *::after, *::before{ box-sizing: border-box; }
body{ font-size: 15px; line-height: 30px; font-weight: 400; color: #828282; font-family: 'Roboto', sans-serif; padding: 0; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-break: break-word }
body, html{ -moz-osx-font-smoothing: grayscale; }
a{ text-decoration: none; }
a:hover, a:focus{ text-decoration: none; outline: none; outline-offset:0; color: #0038e3; }
a, a.nav-link, a:active, a:focus{ color: #828282; }
a, a.nav-link, .btn, input, select{ transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
img{ max-width: 100%; height: auto; }
p{ margin: 0 0 25px; }
strong{ font-weight: 600; }
.alt-font strong{ font-weight: 600; }
.last-paragraph-no-margin p:last-of-type{ margin-bottom:0; }
ul{ list-style-position: outside; margin-bottom: 25px; }
ul{ margin: 0; padding: 0; }
input, select{ border: 1px solid #dfdfdf; padding: 10px 15px; width: 100%; margin: 0 0 15px 0; max-width: 100%; resize: none; outline: none; color: #828282; line-height: initial; word-break: initial; }
select{ background-image: url(../images/down-arrow.png); background-position: right 14px center; background-repeat: no-repeat; background-size: 10px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
input[type=checkbox], input[type=radio]{ box-sizing: border-box; padding: 0; }
input[type="submit"]{ width: auto; }
input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="submit"], input[type="tel"]{ -webkit-appearance: none; }
input:focus{ border: 1px solid #b9b9b9; outline: none; }
input[type="submit"]:focus{ outline: none; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{ -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;  }
input::-ms-clear{ display: none; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active{ transition: background-color 5000s; transition: all 0s 50000s;  -webkit-animation-name: autofill; -webkit-animation-fill-mode: both;  }
select::-ms-expand{ display:none; }
iframe{ border: 0; }
button, button:focus, button:hover{ outline: none; }
.main-content{ z-index: 2; background-color: #fff; overflow: visible; position: relative; }
::selection{ color: #000; background:#dbdbdb; }
::-moz-selection{ color:#a6a6a6; background:#dbdbdb; }
::-webkit-input-placeholder{ color: #a6a6a6; text-overflow: ellipsis; }
::-moz-placeholder{ color: #a6a6a6; text-overflow: ellipsis; opacity:1; }
:-ms-input-placeholder{ color: #a6a6a6; text-overflow: ellipsis; opacity:1; }
.no-transition{ transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; }
.transition{ transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.container, .container-fluid{ padding-right: 15px; padding-left: 15px; }
.row{ margin-right: -15px; margin-left: -15px; }
.row>*{ padding-right: 15px; padding-left: 15px; }
header [class^="container-"] [class^="col-"], header [class^="container-"] [class*=" col-"]{ position: relative; padding-left: 15px; padding-right: 15px; }
@media (prefers-reduced-motion:no-preference){:root{ scroll-behavior: auto }}
.alt-font{ font-family: 'Poppins', sans-serif; }
h1, h4, h5, h6{ margin:0 0 25px 0; padding:0; letter-spacing: -0.5px; font-weight: inherit; }
h1{ font-size:5rem; line-height: 5rem; }
h4{ font-size:2.85rem; line-height:3.4rem; }
h5{ font-size:2.30rem; line-height:3rem; }
h6{ font-size:1.80rem; line-height:2.5rem; }
.text-extra-small{ font-size:12px; line-height:16px; }
.text-small{ font-size:13px; line-height:22px; }
.text-medium{ font-size:14px; line-height:20px; }
.text-extra-medium{ font-size:16px; line-height:28px; }
.text-large{ font-size:18px; line-height:22px; }
.text-extra-large{ font-size: 20px; line-height:28px; }
.title-large{ font-size: 100px; line-height:95px; }
a.text-black-hover:hover{ color:#000; }
.text-extra-dark-gray, .btn-link.text-extra-dark-gray, a.text-extra-dark-gray-hover:hover{ color:#232323; }
.text-medium-gray, .btn-link.text-medium-gray{ color:#939393; }
.text-slate-blue, .btn-link.text-slate-blue{ color: #262b35; }
.text-sunglow, .btn-link.text-sunglow, a.text-sunglow-hover:hover{ color: #ffcc2e; }
.letter-spacing-1px{ letter-spacing: 1px; }
.letter-spacing-minus-1-half{ letter-spacing: -0.50px; }
.letter-spacing-minus-1px{ letter-spacing: -1px; }
.letter-spacing-minus-2px{ letter-spacing: -2px; }
.letter-spacing-minus-4px{ letter-spacing: -4px; }
.letter-spacing-minus-5px{ letter-spacing: -5px; }
.font-weight-400{ font-weight: 400 !important; }
.font-weight-500{ font-weight: 500 !important; }
.font-weight-600{ font-weight: 600 !important; }
.line-height-normal{ line-height: normal; }
.text-decoration-line-bottom{ position: relative; white-space: nowrap; }
.text-decoration-line-bottom:before{ content: ""; border-bottom: 1px solid; left: 0; position: absolute; top: 100%; width: 100%; }
.line-height-18px{ line-height: 18px; }
.line-height-28px{ line-height: 28px; }
.line-height-30px{ line-height: 30px; }
.bg-white{ background-color:#FFF; }
.bg-extra-dark-gray{ background-color:#232323; }
.bg-light-gray{ background-color:#f7f7f7; }
.bg-transparent{ background-color: transparent; }
.bg-sunglow{ background-color: #ffcc2e; }
.bg-gradient-white-light-gray{ background-image: linear-gradient(to bottom, #ffffff, #fdfdfd, #fbfbfb, #f9f9f9, #f7f7f7); }
section{ padding: 130px 0; overflow: hidden; }
section.big-section{ padding:160px 0; }
.small-input{ padding: 13px 15px; font-size: 14px; }
.medium-input{ padding: 15px 20px; font-size: 14px;}
.opacity-3{ opacity:0.3; }
.opacity-7{ opacity:0.7; }
.box-shadow-large{ box-shadow: 0 0 30px rgba(0,0,0,.08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.box-shadow-small{ box-shadow: 0 0 15px rgba(0,0,0,.08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
.z-index-1{ z-index:1; }
.absolute-middle-center{ left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
input[type="checkbox"]{ width: auto; }
input[type="checkbox"] + label{ color: #939393; font-weight: normal; margin-bottom: 0; }
input[type="checkbox"]:checked + label{ color: inherit; }
input[type="checkbox"] + label span{ display:inline-block; width:15px; height:15px; margin:0 10px 0 0; vertical-align:middle; cursor:pointer; border: 1px solid #d9d9d9; border-radius: 0; position: relative; }
input[type="checkbox"]:checked + label span:after{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; text-align: center; font-size: 12px; line-height: 15px; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
input[type="radio"]{ width: auto; }
input[type="radio"] + label{ font-weight: normal; margin-bottom: 0; }
input[type="radio"] + label span{ display:inline-block; width:15px; height:15px; margin:0 10px 0 0; vertical-align:middle; cursor:pointer; border-radius: 0; position: relative; border-radius: 100%; }
input[type="radio"]:checked + label span:after{ position: absolute; top: 0; left: 0; color: #fff; height: 100%; width: 100%; text-align: center; font-size: 9px; line-height: 15px; content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.btn{ display:inline-block; border:2px solid transparent; border-radius: 0; text-transform: uppercase; width: auto; font-family: 'Poppins', sans-serif; font-weight: 500; }
.btn.active:focus, .btn:active:focus, .btn:focus{ outline: medium none; outline-offset: 0; }
input.btn:focus{ border-width: 2px; }
.btn.active, .btn:active, .btn:focus{ box-shadow: none; }
.btn i{ vertical-align: middle; position: relative; top: -1px }
.btn.btn-very-small{ font-size:10px; padding: 6px 16px; }
.btn.btn-small{ font-size:11px; padding: 8px 22px;}
.btn.btn-medium{ font-size:12px; padding: 10px 26px;}
.btn.btn-extra-large{ font-size:14px; padding: 16px 40px;}
.btn.btn-rounded{ border-radius: 50px; }
.btn.btn-rounded.btn-very-small{ padding: 6px 20px; }
.btn.btn-rounded.btn-small{ padding: 8px 26px }
.btn.btn-rounded.btn-medium{ padding: 10px 32px; }
.btn.btn-rounded.btn-extra-large{ padding: 16px 44px; }
.btn.btn-rounded.btn-extra-large.btn-expand-ltr{ padding: 15px 28px 15px; }
.btn.btn-rounded.btn-extra-large.btn-expand-ltr span{ width: 50px;}
.btn.btn-rounded.btn-medium.btn-expand-ltr{ padding: 7px 21px 7px; }
.btn.btn-rounded.btn-medium.btn-expand-ltr span{ width: 32px;}
.btn.btn-rounded.btn-small.btn-expand-ltr{ padding: 7px 20px 7px; }
.btn.btn-rounded.btn-small.btn-expand-ltr span{ width: 30px;}
.btn.btn-rounded.btn-very-small.btn-expand-ltr{ padding: 5px 17px 5px }
.btn.btn-rounded.btn-very-small.btn-expand-ltr span{ width: 25px;}
.btn.btn-fancy.btn-very-small{ font-size:10px; letter-spacing: 0.5px; padding: 7px 18px; }
.btn.btn-fancy.btn-small{ font-size:11px; letter-spacing: 0.5px; padding: 10px 24px;}
.btn.btn-fancy.btn-medium{ font-size:12px; letter-spacing: 1px; padding: 12px 28px;}
.btn.btn-fancy.btn-extra-large{ font-size:15px; letter-spacing: 1px; padding: 18px 38px; }
.btn.btn-expand-ltr{ position: relative; z-index: 1; }
.btn.btn-expand-ltr.btn-rounded span{ border-radius: 50px; }
.btn.btn-expand-ltr:hover span{ width: 100% !important; }
.btn.btn-expand-ltr:active{ border-color: transparent; }
.btn.btn-expand-ltr.text-extra-dark-gray:active, .btn.btn-expand-ltr.text-extra-dark-gray:focus, .btn.btn-expand-ltr.text-extra-dark-gray:hover{ color: #232323; }
.btn.btn-expand-ltr span{ position: absolute; top: 0; left: 0; width: 50%; height: 100%; z-index: -1; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.btn.btn-expand-ltr i{ display: inline-block; margin-left: 3px; opacity: 0; transform: translateX(-10px); -webkit-transform: translateX(-10px); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }
.btn.btn-expand-ltr:hover i{ opacity: 1; transform: translateX(0); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.btn.btn-link{ padding: 7px 0 2px; position: relative; text-decoration: none; border: 0; border-bottom: 2px solid; background-color: transparent; }
.btn.btn-link:active{ border-bottom: 2px solid; }
.btn.btn-link:hover{ opacity: .7; }
.btn-box-shadow{ box-shadow: 0 0 15px rgba(0,0,0,.1);}
.btn-box-shadow:hover{box-shadow: 0 8px 30px -5px rgba(0,0,0,.2); -moz-transform: translate3d(0, -3px, 0); -o-transform: translate3d(0, -3px, 0); -ms-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}
.btn.btn-box-shadow.btn-dark-gray{ background:#232323; border-color: #232323; color: #fff; }
.btn.btn-box-shadow.btn-dark-gray:hover{ background: #232323; color: #fff; }
.btn.btn-dark-gray{ background: #232323; border-color: #232323; color: #fff; }
.btn.btn-dark-gray:hover, .btn.btn-dark-gray:focus{ background: transparent; color: #232323; }
.btn.btn-transparent-light-gray{ background: transparent; border-color: #dbdbdb; color: #232323; }
.btn.btn-transparent-light-gray:hover, .btn.btn-transparent-light-gray:focus{ background: #232323; border-color: #232323; color: #ffffff; }
.border-top{ border-top: 1px solid !important; }
.border-bottom{ border-bottom: 1px solid !important; }
.border-right{ border-right: 1px solid !important; }
.border-width-1px{ border-width:1px !important; }
.border-color-medium-gray{ border-color: #e4e4e4 !important; }
.border-radius-4px{ border-radius:4px; }
.border-radius-5px{ border-radius:5px; }
.border-radius-6px{ border-radius:6px; }
.parallax{ position: relative !important; background-size: cover !important; overflow: hidden; background-attachment: fixed !important; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; }
.margin-5px-top{ margin-top:5px; }
.margin-10px-top{ margin-top:10px; }
.margin-15px-top{ margin-top:15px; }
.margin-30px-top{ margin-top:30px; }
.margin-7-rem-top{ margin-top: 7rem; }
.margin-8-rem-top{ margin-top: 8rem; }
.margin-10-half-rem-top{ margin-top: 10.5rem; }
.margin-5px-bottom{ margin-bottom:5px; }
.margin-10px-bottom{ margin-bottom:10px; }
.margin-15px-bottom{ margin-bottom:15px; }
.margin-20px-bottom{ margin-bottom:20px; }
.margin-25px-bottom{ margin-bottom:25px; }
.margin-30px-bottom{ margin-bottom:30px; }
.margin-55px-bottom{ margin-bottom:55px; }
.margin-65px-bottom{ margin-bottom:65px; }
.margin-2-half-rem-bottom{ margin-bottom: 2.5rem; }
.margin-3-half-rem-bottom{ margin-bottom: 3.5rem; }
.margin-4-rem-bottom{ margin-bottom: 4rem; }
.margin-4-half-rem-bottom{ margin-bottom: 4.5rem; }
.margin-6-rem-bottom{ margin-bottom: 6rem; }
.margin-10-rem-bottom{ margin-bottom: 10rem; }
.margin-25px-right{ margin-right:25px; }
.margin-40px-right{ margin-right:40px; }
.padding-4-rem-all{ padding: 4rem; }
.padding-4-half-rem-all{ padding: 4.5rem; }
.padding-20px-top{ padding-top:20px; }
.padding-55px-top{ padding-top:55px; }
.padding-65px-top{ padding-top:65px; }
.padding-20px-bottom{ padding-bottom:20px; }
.padding-4-rem-bottom{ padding-bottom: 4rem; }
.padding-2-rem-right{ padding-right: 2rem; }
.padding-2-half-rem-right{ padding-right: 2.5rem; }
.padding-30px-left{ padding-left:30px; }
.padding-six-tb{ padding-top:6%; padding-bottom:6%; }
.padding-5px-tb{ padding-top:5px; padding-bottom:5px; }
.padding-15px-tb{ padding-top:15px; padding-bottom:15px; }
.padding-40px-tb{ padding-top:40px; padding-bottom:40px; }
.padding-2-half-rem-tb{ padding-top: 2.5rem; padding-bottom: 2.5rem; }
.padding-3-half-rem-tb{ padding-top: 3.5rem; padding-bottom: 3.5rem; }
.padding-8-rem-tb{ padding-top: 8rem; padding-bottom: 8rem; }
.padding-30px-lr{ padding-left:30px; padding-right:30px; }
.padding-3-rem-lr{ padding-left: 3rem; padding-right: 3rem; }
.right-0px{ right: 0; }
.left-0px{ left: 0; }
.left-0px{ left: 0; }
.w-2px{ width:2px; }
.w-85px{ width:85px; }
.w-85{ width: 85%; }
.w-90{ width: 90%; }
.w-100{ width: 100%; }
.h-35px{ height: 35px; }
.h-85px{ height: 85px; }
.full-screen{ height: 980px; }
[class^="ti-"], [class*=" ti-"], [class^="line-icon"], [class*=" line-icon"], [class^="solid-icon"], [class*=" solid-icon"]{ display: inline-block; }
.video-icon-box{ z-index: 1; }
.video-icon-box > span{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -ms-flex-direction: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.video-icon-box .video-icon{ position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; }
.video-icon-box .video-icon i{ margin-left: 5px; line-height: normal; }
.video-icon-large.video-icon-box .video-icon i{ margin-left: 8px;}
.video-icon .video-icon-sonar{ position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; z-index: -10; -webkit-animation: video-icon-sonar 2s linear infinite; animation: video-icon-sonar 2s linear infinite; }
.video-icon .video-icon-sonar .video-icon-sonar-bfr{ position: absolute; border-radius: 50%; content: ''; top: -25px; left: -25px; z-index: -100; }
.video-icon .video-icon-sonar .video-icon-sonar-afr{ position: absolute; border-radius: 50%; content: ''; top: -10px; left: -10px; z-index: -50; }
.video-icon-large .video-icon{ width: 75px; height: 75px; font-size: 26px; }
.video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-bfr{ width: 125px; height: 125px; }
.video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-afr{ width: 95px; height: 95px; }
.icon-large{ font-size:50px; }
.icon-very-medium{ font-size:35px; }
.icon-extra-small{ font-size:18px; }
.extra-small-icon{ list-style: none; padding: 0; }
.extra-small-icon li{ display: inline-block; }
.extra-small-icon li:first-child{ margin-left: 0; }
.extra-small-icon li:last-child{ margin-right: 0; }
.extra-small-icon li{ margin: 0 2px; }
.extra-small-icon a{ font-size: 14px; width:30px; height:30px;line-height:30px; }
[class^="social-icon-"] ul, [class*=" social-icon-"] ul{ list-style: none; }
.social-icon-style-12 li a{ color: #232323; display: inline-block; }
.social-icon-style-12 li a:hover{ opacity: .5; }
.mfp-bg{ background: #232323; opacity: 0.9; }
.mfp-bg, .mfp-wrap{ z-index: 10007; }
#popup-form{ cursor:default; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{ color:#fff; background: transparent; }
.mfp-close, .mfp-close:active{opacity: 1; background-color:transparent; right: 30px; top: 30px;}
.modal-popup-main .mfp-close, .modal-popup-main .mfp-close:active{ right: 0; top: 0;}
.mfp-close-btn-in .modal-popup-main .mfp-close{ position: absolute; }
.mfp-removing .mfp-close{ display: none;}
.mfp-bottom-bar{ margin-top: -24px; font-size: 12px }
.mfp-close{ font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: 300; }
.mfp-figure{ -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; -ms-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -ms-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; webkit-backface-visibility: hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; }
.mfp-ajax-holder{ width: 70%; height: calc(100% - 100px); margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }
button.mfp-close, .mfp-image-holder button.mfp-close, .mfp-iframe-holder button.mfp-close{ position: fixed; top: 30px; right: 30px; }
.my-mfp-zoom-in .zoom-anim-dialog{ opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog{ opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog{ -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
.my-mfp-zoom-in.mfp-bg{ opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.my-mfp-zoom-in.mfp-ready.mfp-bg{ opacity: 0.93; }
.my-mfp-zoom-in.mfp-removing.mfp-bg{ opacity: 0; }
.my-mfp-slide-bottom .zoom-anim-dialog{ opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); }
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog{ opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); }
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog{ opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); }
.my-mfp-slide-bottom.mfp-bg{ opacity: 0;-webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.my-mfp-slide-bottom.mfp-ready.mfp-bg{ opacity: 0.93; }
.my-mfp-slide-bottom.mfp-removing.mfp-bg{ opacity: 0; }
.mfp-fade.mfp-bg{ opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mfp-fade.mfp-bg.mfp-ready{ opacity: 0.93; }
.mfp-fade.mfp-bg.mfp-removing{ opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content{ opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{ opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{ opacity: 0; }
.mfp-iframe-holder .mfp-content{ max-width: 1020px; }
.navbar{ padding: 0; }
.navbar.navbar-boxed{ padding-left: 35px; padding-right: 35px; }
.navbar-brand{ margin-right: 0; font-size: 0; display: inline-block; }
.navbar-toggler{ font-size: 24px; width: 22px; height: 14px; display: inline-block; position: relative; padding: 0; border: none; vertical-align: middle; border-radius: 0; }
.navbar-toggler:focus{ box-shadow: none; }
.navbar-toggler-line{ background: #232323; height: 2px; width: 22px; content: ""; display: block; border-radius: 0; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;  }
header.sticky .header-light .navbar-toggler-line{ background: #232323; }
.navbar-toggler-line:nth-child(1){ top: 0px; width: 14px; }
.navbar-toggler-line:nth-child(2), .navbar-toggler-line:nth-child(3){ top: 6px; }
.navbar-toggler-line:nth-child(4){ top: 12px; width: 14px; }
.navbar-collapse-show .navbar-toggler-line:nth-child(1){ top: 7px; width: 0%; }
.navbar-collapse-show .navbar-toggler-line:nth-child(2){ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);  }
.navbar-collapse-show .navbar-toggler-line:nth-child(3){ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.navbar-collapse-show .navbar-toggler-line:nth-child(4){ top: 7px; width: 0%; }
.sticky.header-appear .header-light{ background-color: #fff !important; box-shadow: 0 0 35px rgba(0,0,0,0.1); border-bottom: none !important }
.sticky .header-light{ box-shadow: 0 0 35px rgba(0,0,0,0.1); }
.sticky .header-reverse-scroll{ -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; box-shadow: none; }
.sticky.header-appear .header-reverse-scroll{ -webkit-transform: inherit; -moz-transform: inherit; -ms-transform: inherit; -o-transform: inherit; transform: inherit; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
.sticky .navbar.header-light .navbar-nav .nav-link{ color: #232323 !important; }
.navbar.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{ color: rgba(0,0,0,.6) !important; cursor: pointer; }
.navbar.navbar-light .navbar-nav .nav-link{ color: #232323; }
.navbar.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{ color: rgba(0,0,0,.5); cursor: pointer; }
header .navbar .navbar-brand img{ max-height: 36px; }
header .navbar .navbar-brand .default-logo, header.sticky .navbar-brand .alt-logo{ visibility: visible; opacity: 1; width: auto; transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
header.sticky .navbar .navbar-brand .default-logo, header .navbar-brand .alt-logo, header .navbar .navbar-brand .mobile-logo{ visibility: hidden; opacity: 0; width: 0; transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
.navbar .navbar-nav .nav-link{ padding: 25px 0; font-weight: 500; font-size: 14px; margin: 0 18px; word-break: normal; }
.scroll-down-bottom{ position: absolute; bottom: 30px; width: auto; left: 0; right: 0; z-index: 99;}
.scroll-down-bottom .scroll-down-text{ position: absolute; bottom: 25px; transform: rotate(-90deg); width: 100px; height: auto; transform-origin: 0; }
.blog-post-image img, .portfolio-image img{ width: 100%; }
.grid{ list-style: none; }
.grid-sizer{ padding: 0 !important; margin: 0 !important; }
.grid.gutter-extra-large li{ padding:15px; }
.grid.grid-4col li{ width: 25%; list-style: none; }
.grid.grid-3col li{ width: 33.33%; float: left; list-style: none; }
.grid-filter li{ display: inline-block; float: none; padding: 0 20px; border: 0; position: relative; }
.grid-filter li:first-child{ padding-left: 0; }
.grid-filter li:last-child{ padding-right: 0; }
.grid-filter li a{ border: 0; border-bottom: 1px solid; border-color: transparent; color:#828282; padding-bottom: 2px; }
.grid-filter > li.active > a, .grid-filter > li.active > a:focus, .grid-filter > li.active > a:hover, .grid-filter > li > a:hover{ border: 0; color: inherit; border-bottom: 1px solid; color: #232323 }
.portfolio-box .portfolio-image{ position: relative; overflow: hidden; }
.portfolio-box .portfolio-hover{ position: absolute; width:100%; height:100%; left: 0; top: 0; opacity: 0; }
.portfolio-box:hover .portfolio-hover{ opacity: 1; }
.portfolio-box *, .portfolio-box:hover *{ transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.portfolio-box .scale{opacity: 0; -moz-transform: scale3d(0.8, 0.8, 1); -o-transform: scale3d(0.8, 0.8, 1); -ms-transform: scale3d(0.8, 0.8, 1); -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1);}
.portfolio-box:hover .scale{opacity: 1; -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.portfolio-bordered .portfolio-box .portfolio-hover{ opacity: 0; }
.portfolio-bordered .portfolio-box:hover .portfolio-hover{ left: 20px; opacity: 1; top: 20px; width: calc(100% - 40px); height: calc(100% - 40px); }
.portfolio-bordered .portfolio-box:hover .portfolio-image img{ opacity: .5; -webkit-filter: blur(5px); filter: blur(5px); transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); }
.blog-post{ position: relative; overflow: hidden; }
.blog-post .blog-post-image img{ -webkit-transition: all 1s cubic-bezier(0,0,.2,1); -moz-transition: all 1s cubic-bezier(0,0,.2,1); -ms-transition: all 1s cubic-bezier(0,0,.2,1); transition: all 1s cubic-bezier(0,0,.2,1); }
.blog-post .blog-post-image{ overflow: hidden; position: relative; }
.blog-post:hover .blog-post-image img{ opacity: 0.6; -webkit-transform: scale3d(1.1,1.1,1.1); -moz-transform: scale3d(1.1,1.1,1.1); -ms-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
.blog-masonry .blog-post{ box-shadow: 0 0 15px rgba(0,0,0,.06); -webkit-transition: all 1.5s cubic-bezier(0,0,.2,1); -moz-transition: all 1.5s cubic-bezier(0,0,.2,1); -ms-transition: all 1.5s cubic-bezier(0,0,.2,1); transition: all 1.5s cubic-bezier(0,0,.2,1); }
.blog-masonry .blog-post:hover{ box-shadow: 0 0 30px rgba(0,0,0,.15); -webkit-transform: translate3d(0, 0, 0); }
.blog-masonry .blog-post:hover .blog-post-image img{opacity: 1}
.blog-masonry .blog-post-image .blog-category{position: absolute; background: #fff; left: 0; bottom: 0; top: auto; right: auto; border-radius: 0px;  padding: 13px 25px; font-size: 13px; line-height: 13px; font-weight: 500}
.blog-masonry .blog-post:hover .blog-post-image .blog-category{box-shadow: none}
.blog-masonry .blog-post p{margin-bottom: 5px}
.blog-masonry .blog-like span, .blog-masonry .blog-comment span{position: relative; top:0}
.blog-masonry .blog-like, .blog-masonry .blog-comment{display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;}
.blog-masonry .blog-like i, .blog-masonry .blog-comment i{ margin-right: 4px; }
.blog-masonry .blog-comment{ margin-left: 13px; }
.blog-comment li{ padding-bottom: 65px; position: relative; list-style: none; }
.blog-comment > li:first-child{ padding-top: 0; }
.blog-comment li:last-child{ border-bottom: medium none; padding-bottom: 0; }
.client-logo-style-06 .client-box{ opacity: .5; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex!important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; }
.client-logo-style-06 .client-box:hover{ opacity: 1; transition-duration: 0.2s; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; }
.list-style-03{ list-style: none; }
.list-style-03 li{ padding: 10px 0; border-bottom: 1px solid #e4e4e4; }
.list-style-03 li:last-child{ border-bottom: none; }
.newsletter-style-03 .btn{ position: absolute; top: 0; right: -1px; bottom: 0; border: 0; padding: 4px 18px; letter-spacing: inherit; overflow: hidden; }
.newsletter-style-03 input{ padding-right: 70px; }
.newsletter-style-03 .medium-input + .btn{ padding: 4px 18px; }
.feature-box *{ transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; }
.feature-box{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; z-index: 1; position: relative; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; }
.feature-box .feature-box-content{ max-width: 100%; }
.feature-box-left-icon-middle{ flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; }
.feature-box-left-icon-middle .feature-box-content{ overflow: hidden; -webkit-box-flex: 1; flex: 1; }
.feature-box.text-start{ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.feature-box.text-end{ -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.feature-box-icon-rounded{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; }
.feature-box-icon-rounded i{ position: relative; z-index: 1; }
.feature-box-icon-rounded .feature-box-icon-hover{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; }
.feature-box:hover .feature-box-icon-hover{ opacity: 1; }
.feature-box:hover .dark i{ color: #ffffff; }
.nav-tabs{ border: none; }
.nav-tabs > li.nav-item{ display: inline-block; float: none; margin: 0; padding: 0 20px; }
.nav-tabs > li.nav-item > a.nav-link{ border: none; margin-bottom: 0; }
.nav-tabs > li.nav-item > a.nav-link{ border-bottom: 1px solid transparent; }
.nav-tabs > li.nav-item > a.nav-link.active, .nav-tabs > li.nav-item > a.nav-link.active:hover, .nav-tabs > li.nav-item > a.nav-link:hover{ background: transparent; border-color: #222222; color: #222222; cursor: pointer; }
.pricing-table-style-02 .pricing-table{ overflow: hidden; }
.pricing-table-style-02 .pricing-table .popular-label{ position: absolute; top: -28px; right: -47px; width: 120px; transform-origin: 0; padding: 10px 0 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.pricing-table-style-02 .pricing-body ul li{ padding: 15px 0; }
.pricing-table-style-02 .pricing-body ul li:last-child{ padding-bottom: 0; }
.pricing-table-style-02 .pricing-popular{ left: -10px; position: relative; z-index: 1; width: calc(100% + 20px); }
footer .footer-logo img{ max-height: 36px; }
footer ul{padding-left: 0; list-style: none;}
footer ul li{ margin-bottom: 7px; }
footer ul li:last-child{ margin-bottom: 0; }
.scroll-top-arrow, .scroll-top-arrow:focus{ background: #fff; font-size: 17px; line-height: 34px; box-shadow: 0 0 25px rgba(23,23,23,.25); display: none; height: 34px; width: 34px; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; bottom: 45px; z-index: 1029; border-radius: 100%; }
.scroll-top-arrow:hover{ background: #fff; color: #828282; box-shadow: 0 0 30px rgba(23,23,23,.4);-webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px);}
.required.error{ border:1px solid #ff0000 !important; }
input[type="checkbox"].error{ box-shadow: 0px 0px 0px 1px rgb(255 0 0), 1px 1px 0px 0px rgb(255 0 0);}
.search-error{ border: 1px solid red !important; }
.form-results{padding: 13px 20px; clear: both; width: 100%; margin-top: 20px; font-size: 14px; line-height: 22px; z-index: 2; max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%;}
@keyframes spin{ to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }
.loading{ position: relative; opacity: 1 !important; transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; z-index: 99; }
.loading::after{ background: none; content: "" !important; position: absolute; left: calc(50% - 10px) !important; top: calc(50% - 10px) !important; width: 20px !important; height: 20px !important; opacity: 1 !important; right: inherit !important; z-index: 9; text-align: center; border: 2px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; }
.loading:before{ content: ""; background-color: rgba(255, 255, 255, .8) !important; position: absolute; right: 2px; top: 1px; width: calc(100% - 4px); height: calc(100% - 2px); border-radius: inherit; z-index: 1; }
.loading.dark:before{ background-color: rgba(0, 0, 0, .8) !important; }
.loading.dark::after{ border: 2px solid rgba(255, 255, 255, 0.2);  border-top-color: rgba(255, 255, 255, 0.7); }
.grid-loading{ overflow: hidden; position: relative; opacity: 1 !important; transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; z-index: 99; }
.grid-loading::after{ background: none; content: "" !important; position: absolute; top: 100px !important; left: calc(50% - 25px) !important; width: 50px !important; height: 50px !important; opacity: 1 !important; right: inherit !important; z-index: 9; text-align: center; border: 3px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; }
.grid-loading:before{ content: ""; position: absolute; right: 2px; top: 1px; width: calc(100% - 4px); height: calc(100% - 2px); border-radius: inherit; z-index: 1; }
.grid-loading .grid-item{ visibility: hidden; }
.grid-loading li.grid-item{ overflow: hidden; opacity: 0; }
@-webkit-keyframes fadeIn{ 0% { opacity: 0; }100% { opacity: 1; }}
@keyframes fadeIn{ 0% { opacity: 0; }100% { opacity: 1; }}
@media not all and (min-resolution:.001dpcm){[class^="border-radius-"] .blog-post-image, [class*=" border-radius-"] .blog-post-image{ -webkit-mask-image: -webkit-radial-gradient(white, black); }}