/* Minification failed. Returning unminified contents.
(261,1): run-time error CSS1019: Unexpected token, found '}'
(265,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(265,52): run-time error CSS1035: Expected colon, found '{'
(266,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(266,44): run-time error CSS1035: Expected colon, found '{'
(267,5): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(267,47): run-time error CSS1035: Expected colon, found '{'
(268,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(268,50): run-time error CSS1035: Expected colon, found '{'
(269,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(269,42): run-time error CSS1035: Expected colon, found '{'
(270,1): run-time error CSS1019: Unexpected token, found '}'
(273,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(273,52): run-time error CSS1035: Expected colon, found '{'
(274,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(274,44): run-time error CSS1035: Expected colon, found '{'
(275,5): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(275,47): run-time error CSS1035: Expected colon, found '{'
(276,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(276,50): run-time error CSS1035: Expected colon, found '{'
(277,5): run-time error CSS1019: Unexpected token, found '@keyframes'
(277,42): run-time error CSS1035: Expected colon, found '{'
(278,1): run-time error CSS1019: Unexpected token, found '}'
(297,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(297,48): run-time error CSS1035: Expected colon, found '{'
(298,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(298,51): run-time error CSS1035: Expected colon, found '{'
(299,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(299,43): run-time error CSS1035: Expected colon, found '{'
(300,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(300,46): run-time error CSS1035: Expected colon, found '{'
(301,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(301,49): run-time error CSS1035: Expected colon, found '{'
(302,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(302,41): run-time error CSS1035: Expected colon, found '{'
(371,69): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(371,95): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(371,308): run-time error CSS1019: Unexpected token, found '@keyframes'
(371,326): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(391,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(391,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(391,180): run-time error CSS1019: Unexpected token, found '@keyframes'
(391,202): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(392,73): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(392,106): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(392,259): run-time error CSS1019: Unexpected token, found '@keyframes'
(392,284): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(393,82): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(393,112): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(393,261): run-time error CSS1019: Unexpected token, found '@keyframes'
(393,283): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(395,92): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(395,123): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(395,270): run-time error CSS1019: Unexpected token, found '@keyframes'
(395,293): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(397,76): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(397,110): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(397,261): run-time error CSS1019: Unexpected token, found '@keyframes'
(397,287): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(398,85): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(398,113): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(398,260): run-time error CSS1019: Unexpected token, found '@keyframes'
(398,280): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(399,67): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(399,98): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(399,249): run-time error CSS1019: Unexpected token, found '@keyframes'
(399,272): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(436,1): run-time error CSS1019: Unexpected token, found '}'
(498,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(517,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(518,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
.carousel-caption { top: 60%; transform: translateY(-50%); bottom: initial; }
        .carousel-item { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
        .carousel-indicators li { width: 10px; height: 10px; border-radius: 100%; }
        #carousel p { font-size: 1rem; font-weight: 300; padding-bottom: 0; margin-bottom: 0; }
        .d-block { padding-top: 0px; padding-bottom: 0px; }
#carousel h2 { font-weight: 400; }
#carousel h3 { font-size: 1.5rem; margin-bottom: 5px !important; font-weight: 500; }
#carousel h3::after { width: 45px; height: 2px; display: block; margin: 10px auto; border-radius: 99px; content: ' '; background-color: #ce004f; }
        @media (max-width: 576px) and (orientation: landscape) {
            #carousel h2 { font-size: 1.5rem; margin: 0 !important; }
            #carousel p { font-size: 0.8rem; font-weight: 300; padding-bottom: 1rem; margin-bottom: 0; }
             .find-out-more-btn { font-size: 1rem; background: #0094ed; padding: 5px 15px !important; border-radius: 22px 25px 22px 0; color: #fff; display: inline-block; font-weight: 500; position: relative; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; cursor: pointer; position: relative; border: solid 2px #FFFFFF; }
        }

        @media (min-width: 577px) and (orientation: landscape) {
            #carousel h2 { font-size: 1.5rem; margin: 0 !important; }
            #carousel p { font-size: 0.9rem; font-weight: 300; padding-bottom: 1rem; margin-bottom: 0; }
            .find-out-more-btn { font-size: 1rem; background: #0094ed; padding: 5px 15px !important; border-radius: 22px 25px 22px 0; color: #fff; display: inline-block; font-weight: 500; position: relative; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; cursor: pointer; position: relative; border: solid 2px #FFFFFF; }
        }

        @media (min-width: 768px) and (orientation: landscape) {
            #carousel h2 { font-size: 1.5rem; margin: 0 !important; font-weight: 400; }
            #carousel p { font-size: 1rem; font-weight: 300; padding-bottom: 1rem; margin-bottom: 0; }
            .find-out-more-btn { font-size: 1rem; background: #0094ed; padding: 10px !important; border-radius: 22px 25px 22px 0; color: #fff; display: inline-block; font-weight: 500; position: relative; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; cursor: pointer; position: relative; border: solid 2px #FFFFFF; }
        }

        @media (min-width: 992px) and (orientation: landscape) {
            #carousel h2 { font-size: 1.5rem; font-weight: 400; }
            #carousel p { font-size: 1rem; font-weight: 300; padding-bottom: 1.5rem; padding-top: 1.5rem; margin-bottom: 0; }
            .find-out-more-btn { font-size: 1rem; background: #0094ed; padding: 10px !important; border-radius: 22px 25px 22px 0; color: #fff; display: inline-block; font-weight: 500; position: relative; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; cursor: pointer; position: relative; border: solid 2px #FFFFFF; }
        }

        @media (min-width: 1200px) and (orientation: landscape) {
            #carousel h2 { font-size: 2rem; font-weight: 400; }
            #carousel p { font-size: 1rem; font-weight: 300; padding-bottom: 1.5rem; padding-top: 1.5rem; margin-bottom: 0; }
            .find-out-more-btn { font-size: 1rem; background: #0094ed; padding: 5px 15px !important; border-radius: 22px 25px 22px 0; color: #fff; display: inline-block; font-weight: 500; position: relative; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; cursor: pointer; position: relative; border: solid 2px #FFFFFF; }
        }

        @media (min-width: 1440px) and (orientation: landscape) {
            #carousel h2 { font-size: 2rem; }
            #carousel p { font-size: 1rem; font-weight: 300;  padding-bottom: 1.5rem; padding-top: 1.5rem; margin-bottom: 0; }
            .find-out-more-btn { font-size: 1rem; background: #0094ed; padding: 5px 15px !important; border-radius: 22px 25px 22px 0; color: #fff; display: inline-block; font-weight: 500; position: relative; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; cursor: pointer; position: relative; border: solid 2px #FFFFFF; }
        }

        @media (max-width: 576px) and (orientation: portrait) {
            #carousel h2 { font-size: 1.5rem; }
            #carousel p { font-size: 1rem; font-weight: 300; padding-bottom: 1rem; margin-bottom: 0; }
             .find-out-more-btn { font-size: 1rem; background: #0094ed; padding: 5px 15px !important; border-radius: 22px 25px 22px 0; color: #fff; display: inline-block; font-weight: 500; position: relative; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; cursor: pointer; position: relative; border: solid 2px #FFFFFF; }
        }

        @media (min-width: 577px) and (orientation: portrait) {
            #carousel h2 { font-size: 1.5rem; }
            #carousel p { font-size: 1rem; font-weight: 300; padding-bottom: 1rem; margin-bottom: 0; }
            .find-out-more-btn { font-size: 1rem; background: #0094ed; padding: 5px 15px !important; border-radius: 22px 25px 22px 0; color: #fff; display: inline-block; font-weight: 500; position: relative; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; cursor: pointer; position: relative; border: solid 2px #FFFFFF; }
        }

        @media (min-width: 768px) and (orientation: portrait) {
            #carousel h2 { font-size: 1.5rem; }
            #carousel p { font-size: 1rem; font-weight: 300; padding-bottom: 1rem; margin-bottom: 0; }
            .find-out-more-btn { font-size: 1rem; background: #0094ed; padding: 10px !important; border-radius: 22px 25px 22px 0; color: #fff; display: inline-block; font-weight: 500; position: relative; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; cursor: pointer; position: relative; border: solid 2px #FFFFFF; }
        }

        @media (min-width: 992px) and (orientation: portrait) {
            #carousel h2 { font-size: 1.5rem;  }
            #carousel p { font-size: 1rem; font-weight: 300; padding-bottom: 1rem; margin-bottom: 0; }
            .find-out-more-btn { font-size: 1rem; background: #0094ed; padding: 10px !important; border-radius: 22px 25px 22px 0; color: #fff; display: inline-block; font-weight: 500; position: relative; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; cursor: pointer; position: relative; border: solid 2px #FFFFFF; }
        }

        @media (min-width: 1200px) and (orientation: portrait) {
            #carousel h2 { font-size: 1.5rem; }
            #carousel p { font-size: 1rem; font-weight: 300; padding-bottom: 1rem; margin-bottom: 0; }
            .find-out-more-btn { font-size: 1rem; background: #0094ed; padding: 10px !important; border-radius: 22px 25px 22px 0; color: #fff; display: inline-block; font-weight: 500; position: relative; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; cursor: pointer; position: relative; border: solid 2px #FFFFFF; }
        }

        @media (min-width: 1440px) and (orientation: portrait) {
            #carousel h2 { font-size: 1.5rem; }
            #carousel p { font-size: 1rem; font-weight: 300; padding-bottom: 1rem; margin-bottom: 0; }
            .find-out-more-btn { font-size: 1rem; background: #0094ed; padding: 10px !important; border-radius: 22px 25px 22px 0; color: #fff; display: inline-block; font-weight: 500; position: relative; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; cursor: pointer; position: relative; border: solid 2px #FFFFFF; }
        }
.loginBackground { background-color: #f9f9f9; }
.loginContainer { padding: 3rem 0; }
.login-wrap { width: 100%; margin: auto; max-width: 100%; min-height: 900px; height: 100%; position: relative; background-color: #002942; border-radius: 0px 25px 25px 0px; /*background-image: linear-gradient(-225deg, #002942 50%, #ffffff 50%); background:url(https://raw.githubusercontent.com/khadkamhn/day-01-login-form/master/img/bg.jpg) no-repeat center; box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);*/ }
.login-html { width: 100%; height: 100%; position: absolute; padding: 70px; }
.login-html .sign-in-htm, .login-html .sign-up-htm { top: 0; left: 0; right: 0; bottom: 0; position: absolute; transform: rotateY(180deg); backface-visibility: hidden; transition: all .4s linear; }
.login-html .sign-in, .login-html .sign-up, .login-form .group .check { display: none; }
.login-html .tab, .login-form .group .label, .labelQuestion, .login-form .group .button { text-transform: uppercase; }
.login-html .tab { font-size: 22px; margin-right: 15px; padding-bottom: 5px; margin: 0 15px 10px 0; display: inline-block; border-bottom: 2px solid transparent; }
.login-html .sign-in:checked + .tab, .login-html .sign-up:checked + .tab { border-color: #0094ed; }
.login-form { min-height: 345px; position: relative; perspective: 1000px; transform-style: preserve-3d; }
.login-form .group { margin-bottom: 15px; }
.login-form .group .label, .labelQuestion, .login-form .group .select, .login-form .group .input, .login-form .group .button { width: 100%; color: #fff; display: block; font-size: 16px; }
.login-form .group .input, .login-form .group .button { border: none; padding: 15px 20px; border-radius: 22px 25px 22px 0; background: rgba(255,255,255,.1); }
.login-form .group input[data-type="password"] { text-security: circle; -webkit-text-security: circle; }
.login-form .group .label, .labelQuestion { color: #aaa; font-size: 12px; }
.login-form .group .button { background: #0094ed; border: 2px solid #fff; border-radius: 22px 25px 22px 0; }
.login-form .group .button:hover { background: #002942; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } 
.login-form .group label .icon { width: 15px; height: 15px; border-radius: 2px; position: relative; display: inline-block; background: rgba(255,255,255,.1); }
.login-form .group label .icon:before, .login-form .group label .icon:after { content: ''; width: 10px; height: 2px; background: #fff; position: absolute; transition: all .2s ease-in-out 0s; }
.login-form .group label .icon:before { left: 3px; width: 5px; bottom: 6px; transform: scale(0) rotate(0); }
.login-form .group label .icon:after { top: 6px; right: 0; transform: scale(0) rotate(0); }
.login-form .group .check:checked + label { color: #FFFFFF; font-size: 12px; text-transform: uppercase; padding-left: 10px; }
.login-form .group .check:checked + label .icon { background-color: #0094ed; }
.login-form .group .check:checked + label .icon:before { transform: scale(1) rotate(45deg); }
.login-form .group .check:checked + label .icon:after { transform: scale(1) rotate(-45deg); }
.login-html .sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm { transform: rotate(0); } 
.login-html .sign-up:checked + .tab + .login-form .sign-up-htm { transform: rotate(0); }
.loginCheckBoxContainer { display: block; position: relative; padding-left: 35px; margin-bottom: 25px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* Hide the browser's default checkbox */
.loginCheckBoxContainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } 
/* Create a custom checkbox */ 
.checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; border-radius: 5px; background-color: #eee; }
/* On mouse-over, add a grey background color */
.loginCheckBoxContainer:hover input ~ .checkmark { background-color: #ccc; }
/* When the checkbox is checked, add a blue background */ 
.loginCheckBoxContainer input:checked ~ .checkmark { background-color: #0094ed; }
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.loginCheckBoxContainer input:checked ~ .checkmark:after { display: block; }
/* Style the checkmark/indicator */
.loginCheckBoxContainer .checkmark:after { left: 8px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.hr { height: 2px; margin: 60px 0 50px 0; background: rgba(255,255,255,.2); }
.foot-lnk { text-align: center; }
.foot-lnk a { color: #FFFFFF; }
.foot-lnk a:hover { color: #aaaaaa; }
.signUpTextWrap { background-color: #FFFFFF; padding: 35px; color: #002942; font-size: 16px; line-height: 2.0; border-radius: 25px 0px 0px 0px; }
.noRowPadding { padding-left: 0px; padding-right: 0px; }
#SignUp { padding: 2%; }
#SignUp h2, h3, h4 { margin: 35px 0 0 0 !important; }
#SignUp li.specialDeal { background: url(../Images/Icons/Discounts.png) no-repeat left center; }
#SignUp li.latestProducts { background: url(../Images/Icons/LatestNews.png) no-repeat left center; }
#SignUp li.knowledgeBase { background: url(../Images/Icons/KnowledgeBase.png) no-repeat left center; }
#SignUp li { margin-bottom: 30px; list-style-type: none; padding-left: 80px; }
.alert-box { color: #555; border-radius: 10px; font-size: 16px; padding: 15px 20px 15px 36px; }
.alert-box span { font-weight: bold; text-transform: uppercase; }
.error { background: #ffecec url('../Images/Icons/error.png') no-repeat 10px 50%; border: 1px solid #f5aca6; }
.success { background: #e9ffd9 url('../Images/Icons/success.png') no-repeat 10px 50%; border: 1px solid #a6ca8a; }
/* Reset Select */
select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 0 !important; background: rgba(255,255,255,.1); }
/* Remove IE arrow */
select::-ms-expand { display: none; }
/* Custom Select */
.select { position: relative; display: flex; width: 100%; height: 3em; line-height: 3; background: rgba(255,255,255,.1); overflow: hidden; border-radius: 25px; margin-bottom: 15px; font-size: 16px; }
select { flex: 1; padding-left: 15px; color: #fff; cursor: pointer; }
/* Arrow */
.select::after { content: '\25BC'; position: absolute; top: 0; right: 0; padding: 0 1em; background: #34495e; cursor: pointer; pointer-events: none; -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease; }
/* Transition */
.select:hover::after { color: #f39c12; }
option { background: #34495e; cursor: pointer; }

@media (max-width: 575.98px) { 
    .login-html { padding: 5%; } 
    .signUpTextWrap { font-size: 10pt; line-height: 1.5; padding: 5% !important; background-color: #ffffff; border-radius: 25px 22px 0px 0px; border: 1px solid #eff2f6; }
    .signUpTextWrap p { padding-bottom: 10px; }
    .login-wrap { border-radius: 0px 0px 25px 22px ; }
    .login-form .group .input, .login-form .group .button { font-size: 10pt; }
    .loginCheckBoxContainer { font-size: 12px; }
    select { font-size: 12px; }
    .loginBackground { background-color: #eff2f6; padding-bottom: 40px; }
}
#header.primary { width: 100%; opacity: 0.9; }
#header.primary .inner { padding: 15px 15px; font-size: 25px; display: flex; align-items: center; color: #FFFFFF; }
#header.primary .inner2 { padding: 0px 15px; transition: all 1.5s; color: #002942; }
.primary.is-scrolling, .primary.menu-is-open { transition: all 0.5s; box-shadow: -21.213px 21.213px 30px 0px rgba(158, 158, 158, 0.3); background: #ffffff; opacity: .70; border-bottom: 1px solid #c0c0c0; }
#logo { transition: all 0.5s; } 
.primary.is-scrolling img { transition: all 1.5s; -webkit-transform: scale(0.7); /* Saf3.1+, Chrome */ -moz-transform: scale(0.7); /* FF3.5+ */ -ms-transform: scale(0.7); /* IE9 */ -o-transform: scale(0.7); /* Opera 10.5+ */ transform: scale(0.7); /* IE6–IE9 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand'); }
#AccountAdded, #AccountExist, #InvalidEmailAddress { font-weight: bold; padding: 20px; border: #fff solid 1px; margin-top: 20px; border-radius: 25px 22px 25px 0; }
#NonMobileLoginLink, #MobileLoginLink, #NonMobileLogoutLink, #MobileLogoutLink { color: #FFFFFF; }
.headerLogo { margin-left: 15px; flex: 1; text-align: center; }
@media only screen and (max-width: 600px) {
    #logo { max-height: 40px; }
    #TopMenu li { padding: 10px; color: #FFFFFF; font-size: 12pt; }
    #TopMenu a { color: #FFFFFF; }
    #TopMenu li:hover { background-color: #0094ed; color: #CCCCCC; }
    #TopMenu { background-color: #002942; box-shadow: 0 10px 10px 2px rgba(0,0,0,.2); }
    #NonMobileLoginLink { display: none; }
    #NonMobileLogoutLink { display: none; }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) { 
    #myNavbar { display: none; }
    #MobileLoginLink { display: none; }
    #MobileLogoutLink { display: none; }
    #logo { max-height: 40px; }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) { 
    #myNavbar { display: none; } 
    #MobileLoginLink { display: none; }
    #MobileLogoutLink { display: none; }
    #logo { max-height: 40px; }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    #myNavbar { display: none; } 
    #MobileLoginLink { display: none; }
    #MobileLogoutLink { display: none; }
}
ul#sideMenu  { padding: 0px; list-style-type: none; }
ul#subSideMenu { padding: 0px; list-style-type: none; display: none; }
ul#sideMenu li { padding: 20px; color: #FFFFFF; }
ul#sideMenu li:hover { background-color: #0094ed; }
ul#sideMenu li a { color: #FFFFFF; text-decoration: none; }
ul#subSideMenu li a { color: #FFFFFF; text-decoration: none; }
ul#subSideMenu li a { padding-left: 40px; color: #FFFFFF; }

/* The side navigation menu */
.sidenav { font-size: 20px; height: 100%; /* 100% Full-height */ width: 0; /* 0 width - change this with JavaScript */ position: fixed; /* Stay in place */ z-index: 10000; /* Stay on top */ top: 0; /* Stay at the top */ left: 0; background-color: #111; /* Black*/ overflow-x: hidden; /* Disable horizontal scroll */ padding-top: 60px; /* Place content 60px from the top */ transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ }
/* The navigation menu links */
.sidenav a { text-decoration: none; color: #818181; display: block; transition: 0.3s; }
/* When you mouse over the navigation links, change their color */ 
.sidenav a:hover { color: #f1f1f1; }
/* Position and style the close button (top right corner) */ 
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; color: #FFFFFF; }
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#content { transition: margin-left 0.5s; }

@media (max-height: 650px) and (min-height: 401px) { ul#sideMenu li { padding: 15px 20px; } }
@media (max-height: 450px) { ul#sideMenu li { padding: 5px 10px } .sidenav a { font-size: 14px; } }
footer { background: url('../Images/Main-Images/Bobs-Bits-Card-1.gif'); color: #FFFFFF; padding-top: 20px; padding-bottom: 20px; font-size: 16px; }
footer h1 { font-weight: 900; color: #FFFFFF; margin: 0px; font-size: 16px; }
footer h1::after { display: none; }
footer p { margin: 0px; }
footer .btn { background-color: #0094ed; border-radius: 22px 25px 22px 0; }
footer .social-media { padding-left: 0px; }
footer ul { list-style-type: none; padding: 0px; }
footer li { padding-top: 10px; padding-bottom: 10px; }
footer li:hover { background-color: transparent; }
footer a { color: #FFFFFF; }
footer .smallText { font-size: 12px; }

/* Social Media Icons */
.social-media { list-style-type: none; padding-top: 30px; padding-bottom: 30px; }
.social-media li { display: inline-block; padding-right: 20px; }
.social-media li.last-item { padding-right: 0px; }
.social-media li:hover { background-color: transparent;}
@-webkit-keyframes fadeInDown {
     0% { opacity: 0; -webkit-transform: translateY(-20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes fadeInDown { 
    0% { opacity: 0; transform: translateY(-20px); }
    100% { opacity: 1; transform: translateY(0); }
}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
        
@media(min-width:1px) 
{
    @-moz-keyframes slideDown-cookieConsent { from { margin-top:-100px } to { margin-top:0 } }
    @-webkit-keyframes slideDown-cookieConsent { from {margin-top:-100px} to{ margin-top:0 } }
    @keyframes slideDown-cookieConsent {from{margin-top:-100px} to { margin-top:0 } }
    @-moz-keyframes slideUp-cookieConsent{from{margin-top:0} to{margin-top:-100px} }
    @-webkit-keyframes slideUp-cookieConsent{from{margin-top:0} to{margin-top:-100px} }
    @keyframes slideUp-cookieConsent{from{margin-top:0} to{margin-top:-100px} }
}

@media(min-width:768px){
    @-moz-keyframes slideDown-cookieConsent{from{margin-top:-70px} to{margin-top:0} }
    @-webkit-keyframes slideDown-cookieConsent{from{margin-top:-70px} to{margin-top:0} }
    @keyframes slideDown-cookieConsent{from{margin-top:-70px} to{margin-top:0} }
    @-moz-keyframes slideUp-cookieConsent{from{margin-top:0} to{margin-top:-70px} }
    @-webkit-keyframes slideUp-cookieConsent{from{margin-top:0} to{margin-top:-70px} }
    @keyframes slideUp-cookieConsent{from{margin-top:0} to{margin-top:-70px} }
}
@media(min-width:1200px){
    @-moz-keyframes slideDown-cookieConsent{from{margin-top:-70px} to{margin-top:0} }
    @-webkit-keyframes slideDown-cookieConsent{from{margin-top:-70px} to{margin-top:0} }
    @keyframes slideDown-cookieConsent{from{margin-top:-70px} to{margin-top:0} }
    @-moz-keyframes slideUp-cookieConsent{from{margin-top:0} to{margin-top:-70px} }
    @-webkit-keyframes slideUp-cookieConsent{from{margin-top:0} to{margin-top:-70px} }
    @keyframes slideUp-cookieConsent{from{margin-top:0} to{margin-top:-70px} }
}

#cookieHeader { position: fixed; top: 0; width: 100%; z-index: 100; }
#cookieMessage { background-color: #0094ed; font-size: 12px; color: #FFFFFF; overflow: hidden; width: 100% }
#cookieMessage a { color: #FFF; text-decoration: underline; }
#cookieMessage a.cookieConsentOK { background-color: #002942; color: #FFF; display: inline-block; border-radius: 22px 25px 22px 0; padding: 0 20px; cursor: pointer; text-decoration: none; }
.cookie-message-box--open { -o-animation: slideDown-cookieConsent 1.5s; -webkit-animation: slideDown-cookieConsent 1.5s; -moz-animation: slideDown-cookieConsent 1.5s; animation: slideDown-cookieConsent 1.5s; }

#cookieMessage .container-fluid { }
#cookieMessage .container-fluid .row { padding-top: 5px; padding-bottom: 5px; line-height: 2.5; }
#feedback { z-index: 100; display: block; position: fixed; top: 50%; left: -25px; transform: rotate(-270deg); background: #ce004f; border-color: transparent; font-size: .75rem; font-weight: 700; padding: 0.375rem 0.375rem; }
#feedback a:hover{ background:#030;border:1px solid #030; }
#feedback { display: none; } 
body.modal-open .modal { display: flex !important; height: 100%; } 
body.modal-open { margin-right: 0px }
body.modal-open .modal .modal-dialog { margin: auto; }
.modal-content { border: 2pt solid #002942; width: 70% !important; margin: 0 auto; border-radius: 22px 25px 22px 0; }
.modal-body p { padding-bottom: 0px !important; font-size: 1rem; }
.cookieButton { background: #002942; color: white; border-radius: 22px 25px 22px 0; font-weight: 400; padding: 0.5rem; font-size: 0.75rem; }
@-moz-keyframes slideDown-cookieConsent { from { margin-top: -100px } to { margin-top: 0 } }
@-webkit-keyframes slideDown-cookieConsent { from { margin-top: -100px } to { margin-top: 0 } }
@keyframes slideDown-cookieConsent { from { margin-top: -100px } to { margin-top: 0 } }
@-moz-keyframes slideUp-cookieConsent { from { margin-top: 0 } to { margin-top: -100px } }
@-webkit-keyframes slideUp-cookieConsent { from { margin-top: 0 } to { margin-top: -100px } }
@keyframes slideUp-cookieConsent { from { margin-top: 0 } to { margin-top: -100px } }



@media (min-width: 576px) and (max-width: 767.98px) {
    #cookieMessage .container-fluid .row { padding-top: 5px; padding-bottom: 5px; line-height: 1.5 !important; }
    #cookieMessage { display: none !important; }
    #feedback { display: block; }
}

@media (min-width: 767.98px) and (max-width: 991.98px) {
    #cookieMessage .container-fluid .row { padding-top: 5px; padding-bottom: 5px; line-height: 1.5 !important; }
    #cookieMessage { font-size: 0.75rem; }
    #feedback { display: none; }
}

@media (min-width: 992px) {
    #cookieMessage .container-fluid .row { padding-top: 5px; padding-bottom: 5px; line-height: 1.5 !important; }
    #cookieMessage { display: block; }
    #feedback { display: none; }
}

@media (max-width: 575.98px) {
    #cookieMessage .container-fluid .row { padding-top: 5px; padding-bottom: 5px; line-height: 1.5 !important; }
    #cookieMessage { display: none !important; }
    #feedback { display: block; }
}
.mk-go-top.on { right: 15px; opacity: 1; }
.mk-go-top, .mk-quick-contact-wrapper { bottom: 70px!important; }
.mk-go-top { background-color: #ccc; background-color: rgba(0,0,0,.2); display: block; position: fixed; bottom: 15px; right: -60px; opacity: 0; width: 45px; height: 45px; text-align: center;-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.mk-go-top { z-index: 300;}
.mk-go-top i { position: absolute; top: 15px; left: 15px; color: #fff; font-size: 16px; line-height: 16px; }
.mk-quick-contact-wrapper { position: fixed; right: 10px; bottom: 15px; text-align: center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.mk-quick-contact-wrapper { z-index: 400; }
.mk-quick-contact-wrapper input[tpye="button"] { width: 200px; margin-bottom: 10px; height: 0; padding-left: 5px; color: #002942;  }
.mk-quick-contact-wrapper input { width: 200px; margin-bottom: 10px; height: 40px; padding-left: 5px; border: 0; color: #002942; background-color: #FFFFFF; border-radius: 22px 25px 22px 0; }
.mk-quick-contact-wrapper textarea { width: 200px; margin-bottom: 10px; padding-left: 5px; height: 150px; color: #002942; }
.mk-quick-contact-wrapper input::placeholder, .mk-quick-contact-wrapper textarea::placeholder { color: #002942; }
.mk-quick-contact-wrapper.off { right: 10px; }
.mk-quick-contact-wrapper.on { right: 70px; }
.fa fa-envelope i { position: absolute; top: 12px; left: 12px; color: #fff; font-size: 20px; line-height: 20px; }
.mk-quick-contact-link { display: block; width: 45px; height: 45px; background-color: rgba(0,0,0,.4); }
.mk-quick-contact-link:hover { background-color: #0094ed; }
.mk-quick-contact-link i { position: absolute; top: 12px; left: 12px; color: #fff; font-size: 20px; line-height: 20px; }
.mk-quick-contact-link-mobile { display: block; width: 45px; height: 45px; background-color: rgba(0,0,0,.4); }
.mk-quick-contact-link-mobile:hover { background-color: #0094ed; }
.mk-quick-contact-link-mobile i { position: absolute; top: 12px; left: 12px; color: #fff; font-size: 20px; line-height: 20px; }

.image-hover-overlay, .newspaper-portfolio, .similar-posts-wrapper .post-thumbnail:hover>.overlay-pattern, .portfolio-logo-section, .post-list-document .post-type-thumb:hover, #cboxTitle, #cboxPrevious, #cboxNext, #cboxClose, .comment-form-button, .mk-dropcaps.fancy-style, .mk-image-overlay, .pinterest-item-overlay, .news-full-with-image .news-categories span, .news-half-with-image .news-categories span, .news-fourth-with-image .news-categories span, .widget-portfolio-overlay, .portfolio-carousel-overlay, .blog-carousel-overlay, .mk-classic-comments span, .mk-similiar-overlay, .mk-skin-button, .mk-flex-caption .flex-desc span, .mk-icon-box .mk-icon-wrapper i:hover, .quick-contact-active.mk-quick-contact-link, .mk-fancy-table th, .ui-slider-handle, .widget_price_filter .ui-slider-range, .shop-skin-btn, #review_form_wrapper input[type=submit], #mk-nav-search-wrapper form .nav-side-search-icon:hover, form.ajax-search-complete i, .blog-modern-btn, .showcase-blog-overlay, .gform_button[type=submit], .button.alt, #respond #submit, .woocommerce .price_slider_amount .button.button, .mk-shopping-cart-box .mk-button.checkout, .widget_shopping_cart .mk-button.checkout, .widget_shopping_cart .mk-button.checkout {    background-color: #4bdbe5!important;}
#mk-quick-contact { color: #002942; position: absolute; right: -3px; bottom: 60px; font-size: 16px; display: none; padding: 25px 12px; background-color: #e8e8e8; -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); ms-transform: scale(0.95); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; ms-transform-origin: 100% 100%; border-radius: 25px 22px 25px 0; background-color: #002942; }
.quick-contact-anim { -webkit-animation: contact_scale_up .2s 0 cubic-bezier(0.175,.885,.345,1.57); -moz-animation: contact_scale_up .2s 0 cubic-bezier(0.175,.885,.345,1.57); -ms-animation: contact_scale_up .2s 0 cubic-bezier(0.175,.885,.345,1.57); animation: contact_scale_up .2s 0 cubic-bezier(0.175,.885,.345,1.57); -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -animation-fill-mode: forwards; }
.mk-quick-contact-title { margin-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 16px; color: #FFFFFF;}
.mk-quick-contact-wrapper .mk-contact-form { position: relative; }
#mk-quick-contact .bottom-arrow { position: absolute; right: 20px; bottom: -4px; display: block; width: 14px; height: 14px; border-top: none; border-left: none; background-color: #002942; content: ""; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); ms-transform: rotate(45deg); }
.mk-quick-contact-wrapper .mk-contact-form.text-input, .mk-quick-contact-wrapper .mk-contact-form.textarea { padding: 11px; width: 240px; margin-bottom: 7px; border: 1px solid transparent; background-color: #f7f7f7; }
.mk-quick-contact-wrapper .mk-contact-form .textarea { height: 100px; margin-bottom: 10px; }
.mk-quick-contact-wrapper .mk-contact-form .btn-cont { text-align: center; }

@media (min-width: 991.98px) {
    .quick-contact-desktop { display: inherit; }
    .quick-contact-mobile { display: none; }
    }

@media (max-width: 991.97px) {
    .quick-contact-desktop { display: none; }
    .quick-contact-mobile { display: inherit; }
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}
/*.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}
        .flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
        .pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
        .rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}
        .shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}
        .swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}
        .tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}
        .wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}
        .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
        .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
        .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
        .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
        .bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}
        .bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}
        .bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}
        .bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}
        .bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}
        .bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
        .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}*/
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}/*@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
        .fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}*/@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
        
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
/*.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
        .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}
        .fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}
        .fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}
        .fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}
        .fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}
        .fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}
        .fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}
        .fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}
        .fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
        .animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}
        .flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}
        .flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}
        .flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}
        .flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}
        .lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}
        .rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}
        .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}
        .rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}
        .rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}
        .rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}
        .rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
        .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
        .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}
        .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}
        .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
        .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
        .slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
        .slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}
        .slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}
        .slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}
        .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
        .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}
        .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}
        .hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
    */
}
h6 { color: #000000; }
h1, h2, h3 { margin: 2rem 0 2rem 0 !important;}

h1 { font-size: 2rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.2rem; }
h1::after, h2::after { width: 45px; height: 2px; display: block; margin: 10px auto; border-radius: 99px; content: ' '; background-color: #ce004f; }
h1.headings { margin-top: 100px !important; }
a:hover { text-decoration: none; color: #c0c0c0; }
p { padding-bottom: 30px; }

.img-center { display: block; margin-left: auto; margin-right: auto; }

.primary-btn { background: #002942; line-height: 42px; padding-left: 30px; padding-right: 30px; border-radius: 22px 25px 22px 0; color: #fff; display: inline-block; font-weight: 500; position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; position: relative; border: solid 1px #002942; }
#aboutSection { text-align: center; margin: 50px 0px 100px 0px; }
#sectionServices { background-color: #f9f9f9; color: #002942; }

.serviceIcons { padding-bottom: 70px; padding-top: 70px; border: 1px solid #eff2f6; padding: 40px; padding-top: 70px; padding-right: 40px; padding-bottom: 70px; padding-left: 40px; border-radius: 40px 40px 40px 0px; -webkit-transition-duration: 800ms; -o-transition-duration: 800ms; transition-duration: 800ms; margin-bottom: 30px; background: #fff; color: #002942; font-size: 16px; }
.scroller { position: absolute; bottom: 10px; left: 50%; z-index: 2; display: inline-block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #fff; font: normal 400 20px/1 'Josefin Sans', sans-serif; letter-spacing: .1em; text-decoration: none; transition: opacity .3s; }
.scroller a:hover { opacity: .5; }
#carousel a { padding-top: 60px; }
    #carousel a span {
        position: absolute;
        bottom: 10px;
        left: 50%;
        width: 32px;
        height: 32px;
        margin-left: -23px;
        border: 2px solid #fff;
        border-radius: 100%;
        box-sizing: border-box;
    }
        #carousel a span::after {
            position: absolute;
            top: 50%;
            left: 50%;
            content: '';
            width: 16px;
            height: 16px;
            margin: -12px 0 0 -8px;
            border-left: 2px solid #fff;
            border-bottom: 2px solid #fff;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            box-sizing: border-box;
        }
        #carousel a span::before {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            content: '';
            width: 30px;
            height: 30px;
            box-shadow: 0 0 0 0 rgba(255,255,255,.1);
            border-radius: 100%;
            opacity: 0;
            -webkit-animation: sdb03 3s infinite;
            animation: sdb03 3s infinite;
            box-sizing: border-box;
        }
@-webkit-keyframes sdb03 { 
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    60% {
        box-shadow: 0 0 0 60px rgba(255,255,255,.1);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes sdb03 {
    0% {
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    60% {
        box-shadow: 0 0 0 60px rgba(255,255,255,.1);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}
.panel { margin-top:10px; border: #cccccc 1px solid; border-radius: 22px 25px 22px 0px; -moz-border-radius: 22px 25px 22px 0px; -webkit-border-radius: 22px 25px 22px 0px; box-shadow: 5px 10px 18px #888888; height: 100%; font-size: 16px; padding: 15px; }
.row.display-flex { display: flex; flex-wrap: wrap; }
.row.display-flex > [class*='col-'] { display: flex; flex-direction: column; }
.img-max { width: 100%; height: auto !important; }
/* Master Page */
.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('../Images/Icons/loader.gif') 50% 50% no-repeat rgb(255, 255, 255); }
#menuContainer { background: url('../Images/Main-Images/Bobs-Bits-Card-1.gif'); box-shadow: 0px 10px 10px 2px rgba(0, 0, 0, 0.2); }

/* Default.aspx */
#sectionWhoWeAre { color: #002942; }
#sectionTestimonials { color: #002942; }
#sectionTestimonials .container { padding-bottom: 100px; }
#sectionContact {  color: #002942; font-size: 14px; font-weight: 400; background-color: #f9f9f9; }
.contactImage { display: block; margin-left: auto; margin-right: auto; padding-top: 20px; padding-bottom: 20px; }
.googleMap { width: 100%; border: 0; height: 400px; }
.testimonial { text-align: center; }
.testimonial .pic{ width: 60px; height: 60px; border-radius: 50%; margin: 0 auto; margin-bottom: 15px; }
.testimonial .pic img{ width: 100%; height: 100%; border-radius: 50%; }
.testimonial .testimonial-title{ display: inline-block; font-size: 22px; font-weight: 600; color: #002942; margin: 0 0 70px 0; }
.testimonial .testimonial-title small{ font-size: 15px; font-weight: 600; color: #787878; }
.testimonial .description{ font-size: 14px; color: #002942; line-height: 27px; position: relative; margin: 0; }
.demo { padding: 100px 0; }
.heading-title { margin-bottom: 100px; }
/*.testimonial .description:before{ content: "\f10d"; font-family: fontawesome; width: 35px; height: 35px; border-radius: 50%; position: absolute; top: -65px; left: 46%; font-size: 20px; color: #002942; line-height:33px; border: 2px solid #002942; } */
.owl-theme .owl-controls .owl-page span { background: #fff; border: 2px solid #0c4767; opacity: 1; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page:hover span{ border: 2px solid #0094ed; }

/* About.aspx */
.img-boss { max-width: 300px; height: auto !important; }
#About { color: #002942; font-size: 1rem; }
.aboutImg { opacity: 0.5; }
/* ContactUs.aspx */
#contact { font-size: 1rem; color: #002942; background-color: #f8f8f8; padding-bottom: 50px; border: 1px solid #eff2f6; }
.inputUser { background: url(../Images/Icons/User-Small.png) no-repeat 96% 50%; }
.inputEmail { background: url(../Images/Icons/Email-Form-Small.png) no-repeat 96% 50%; }
.inputPhone { background: url(../Images/Icons/Phone-Small-Form.png) no-repeat 96% 50%;}
.inputMessage { background: url(../Images/Icons/Information-Small.png) no-repeat 96% 50%;}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea { padding: .8em 4em .8em 1em; margin-bottom: 1em; border: 2px solid #eff2f6; border-radius: 25px 22px 25px 0px; outline: none; color: #002942; }     
.form-control:hover { border: 2px solid #002942 !important; }
.map:after { content: ""; display: block; height: 400px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.6); }
.innerForms { background-color: #ffffff; border-radius: 25px 22px 25px 0px; border: 1px solid #eff2f6;}
#Error, #EmailSent { margin-top: 40px; margin-bottom: 20px; text-align: center; }

/* Web-Design.aspx */
#mainHero img { width: 100%; }
#sectionWebDesignContent { color: #002942; margin-bottom: 30px; }
#mainHero img:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.6); }

/* Email Marketing */
#sectionEmailMarketingContent { color: #002942; margin-bottom: 30px; }

/* SEO */
#sectionSEOContent { color: #002942; margin-bottom: 30px; }

/* Clients  */
#sectionClientContent { margin-bottom: 30px; color: #002942; }
/*#sectionClientContent h1::after { content: ''; background: #FF9800; display: block; height: 3px; width: 170px; margin: 20px auto 5px; } */
.testimonial-box { padding: 1em; font-size: 1.2857em; text-align: left; margin-bottom: 1.1em; border-radius: 25px 20px 25px 0; color: #002942; }
.testimonial { } 
.blue-bg { /*background-color: #002942 !important;*/ background: #4ec6e0 !important; }
.gray-bg { background: #f7f7f7; }
.item { height: 90%; }
.testimonial-box.blue-bg .fa { color: #fff; }
.fa.pull-left { margin-right: .3em; }
.testimonial-box .fa { clear: both; float: none; margin-bottom: .2em; }
/*.fa-2x { font-size: 2em; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0,0); }*/
.pull-left { float: left; }
.testimonial-box blockquote p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* line-height: inherit; */ /* max-height: 1em; */ -webkit-line-clamp: 15; -webkit-box-orient: vertical; margin-bottom: 0; }
blockquote p { font-size: 16px; }
.footer1 { display: block; font-size: 12px; line-height: 1.4; margin-top: 1em; background: none; color: #002942; }

/* Controls */
#getInTouch { padding-top: 30px; padding-bottom: 30px; background-color: #0094ed;}
#getInTouch p { padding-bottom: 30px; }
#getInTouch .primary-btn { background-color: transparent; border: 2px solid #FFFFFF; }
#getInTouch .primary-btn:hover { background-color: #002942; color: #FFFFFF; }
#getInTouch .Text { font-weight: 600; }

/* FAQ Accordion */
#contentAccordion { color: #002942; color: #002942; background-color: #f8f8f8; padding-bottom: 50px;             border: 1px solid #eff2f6;}
#contentAccordion p { color: #002942; text-align: center; max-width: 80%; margin: auto; }
.accordion { margin: 3em auto; }
.toggle { display: none; }
.option { position: relative; margin-bottom: 1em; border-bottom: 1px solid rgba(133,103,158,.24); }
.title, .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); transition: all 0.2s; }
.title { background: #fff; padding: 1em; display: block; color: #002942; font-weight: bold; font-size: 18px; border-radius: 22px 25px 22px 0px; -moz-border-radius: 22px 25px 22px 0px; -webkit-border-radius: 22px 25px 22px 0px; }
.title:after, .title:before { content: ''; position: absolute; right: 0.75em; top: 1.25em; width: 2px; height: 0.75em; background-color: #002942; transition: all 0.2s; }
.title:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.content { max-height: 0; overflow: hidden; background-color: #fff; color: #002942; }
.content p { margin: 0; padding: 0.5em 1em 1em; font-size: 0.9em; line-height: 1.5; font-size: 15px; }
.toggle:checked + .title, .toggle:checked + .title + .content { /*box-shadow: 0 4px 9px 0 rgba(133,103,158,.24) */}
.toggle:checked + .title + .content { max-height: 500px; border-radius: 22px 25px 22px 0px; -moz-border-radius: 22px 25px 22px 0px; -webkit-border-radius: 22px 25px 22px 0px; }
.toggle:checked + .title:before { -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; }


/* Cookie Policy */
#sectionCookie { color: #002942; background-color: #f9f9f9; padding-bottom: 50px; padding-top: 30px; }
.outsidePanel { background-color: #ffffff; border-radius: 25px 22px 25px 0px; border: 1px solid #eff2f6; }
.innerPanel { padding: 3%; }
.marginTopBottom { margin: 50px 0px 100px 0px; }
.nomarginLeftRight { margin-left: 0px; margin-right: 0px; }

/* Privacy Policy */
#sectionPrivacy { color: #002942; background-color: #f9f9f9; padding-bottom: 50px; }

/* Login */



/* My Account Page Details */
#sectionProfileHero { background-color: #457ac2; }
#sectionProfileOptions { color: #002942; background-color: #f9f9f9; }

/* My Profile */
#sectionMyProfile { color: #002942; background-color: #f8f8f8; padding-bottom: 50px; }
.profilePanel { background-color: #ffffff; border-radius: 25px 22px 25px 0px; border: 1px solid #eff2f6; padding: 5%; }
.form-control:hover { border: 2px solid #002942 !important; }
#sectionMyProfile input[type="text"], #sectionMyProfile input[type="email"], #sectionMyProfile textarea { padding: .8em 4em .8em 1em; margin-bottom: 1em; border: 2px solid #eff2f6; border-radius: 25px 22px 25px 0px; outline: none; color: #002942; }
.subscribeContainer { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* Hide the browser's default checkbox */
.subscribeContainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } 
/* Create a custom checkbox */ 
.checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; border-radius: 5px; background-color: #eee; }
/* On mouse-over, add a grey background color */
.subscribeContainer:hover input ~ .checkmark { background-color: #ccc; }
/* When the checkbox is checked, add a blue background */ 
.subscribeContainer input:checked ~ .checkmark { background-color: #0094ed; }
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }
/* Show the checkmark when checked */
.subscribeContainer input:checked ~ .checkmark:after { display: block; }
/* Style the checkmark/indicator */
.subscribeContainer .checkmark:after { left: 8px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.carousel-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
}

.carousel-btn {
    background: #0094ed;
    line-height: 42px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 22px 25px 22px 0;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    position: relative;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    cursor: pointer;
    position: relative;
    border: solid 2px #FFFFFF;
}

body { color: #002942 !important; font-size: 1rem; /*font-family: 'Lato', sans-serif !important;*/ padding: 0px; margin: 0px; font-weight: 300 !important; }

/* Admin Styles */
#adminSection { color: #002942; background-color: #f8f8f8; padding-bottom: 50px; }
#adminSettingsPanel { background-color: #ffffff; border-radius: 25px 22px 25px 0px; border: 1px solid #eff2f6; padding: 5%; }
#adminSettingsPanel input[type="text"], #adminSettingsPanel input[type="email"], #adminSettingsPanel textarea { padding: .8em 4em .8em 1em; margin-bottom: 1em; border: 2px solid #eff2f6; border-radius: 25px 22px 25px 0px; outline: none; color: #002942; }