body{ overflow-x: hidden; } @font-face{ font-family:Icons; src:url(../fonts/open-iconic/open-iconic.eot); src:url(../fonts/open-iconic/open-iconic.eot?#iconic-sm) format('embedded-opentype') , url(../fonts/open-iconic/open-iconic.woff) format('woff') , url(../fonts/open-iconic/open-iconic.ttf) format('truetype') , url(../fonts/open-iconic/open-iconic.otf) format('opentype') , url(../fonts/open-iconic/open-iconic.svg#iconic-sm) format('svg'); font-weight:400; font-style:normal } @font-face{ font-family:"Ionicons"; src:url(../fonts/ionicons/fonts/ionicons.eot?v=4.0.0-19); src:url(../fonts/ionicons/fonts/ionicons.eot?v=4.0.0-19#iefix) format("embedded-opentype") , url(../fonts/ionicons/fonts/ionicons.woff2?v=4.0.0-19) format("woff2") , url(../fonts/ionicons/fonts/ionicons.woff?v=4.0.0-19) format("woff") , url(../fonts/ionicons/fonts/ionicons.ttf?v=4.0.0-19) format("truetype") , url(../fonts/ionicons/fonts/ionicons.svg?v=4.0.0-19#Ionicons) format("svg"); font-weight:normal; font-style:normal } @font-face{ font-family:"Flaticon"; src:url(../fonts/flaticon/font/Flaticon.eot); src:url(../fonts/flaticon/font/Flaticon.eot?#iefix) format("embedded-opentype") , url(../fonts/flaticon/font/Flaticon.woff) format("woff") , url(../fonts/flaticon/font/Flaticon.ttf) format("truetype") , url(../fonts/flaticon/font/Flaticon.svg#Flaticon) format("svg"); font-weight:normal; font-style:normal } @media screen and (-webkit-min-device-pixel-ratio:0){ @font-face{ font-family:"Flaticon"; src:url(../fonts/flaticon/font/Flaticon.svg#Flaticon) format("svg") } } @font-face{ font-family:'icomoon'; src:url(../fonts/icomoon/icomoon.eot?6tt51o); src:url(../fonts/icomoon/icomoon.eot?6tt51o#iefix) format('embedded-opentype') , url(../fonts/icomoon/icomoon.ttf?6tt51o) format('truetype') , url(../fonts/icomoon/icomoon.woff?6tt51o) format('woff') , url(../fonts/icomoon/icomoon.svg?6tt51o#icomoon) format('svg'); font-weight:normal; font-style:normal } .oi{ position:relative; top:1px; display:inline-block; speak:none; font-family:Icons; font-style:normal; font-weight:400; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .oi:empty:before{ width:1em; text-align:center; box-sizing:content-box } .oi-menu:before{ content:'\e09b' } @charset "UTF-8"; .animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .animated-fast{ -webkit-animation-duration:.2s; animation-duration:.2s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .ftco-animated{ -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .animated.infinite{ -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite } @-webkit-keyframes bounce { from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @-webkit-keyframes flash { from, to { opacity: 1; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @-webkit-keyframes swing { to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing{ -webkit-transform-origin:top center; transform-origin:top center; -webkit-animation-name:swing; animation-name:swing } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes jello { from, to { -webkit-transform: none; transform: none; } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @-webkit-keyframes bounceIn { from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes bounceInDown { from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes bounceInLeft { from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes bounceInRight { from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @-webkit-keyframes bounceInUp { from, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes bounceOut { to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @-webkit-keyframes bounceOutDown { to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @-webkit-keyframes bounceOutLeft { to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @-webkit-keyframes bounceOutRight { to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @-webkit-keyframes bounceOutUp { to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @-webkit-keyframes fadeIn { from { opacity: 0; visibility: hidden; -ms-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); } to { opacity: 1; visibility: visible; -ms-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); } } @keyframes fadeIn { from { opacity: 0; visibility: hidden; -ms-transform: scale(0.95); -webkit-transform: scale(0.95); transform: scale(0.95); } to { opacity: 1; visibility: visible; -ms-transform: scale(1.0); -webkit-transform: scale(1.0); transform: scale(1.0); } } .fadeIn{ -webkit-animation-name:fadeIn; animation-name:fadeIn } @-webkit-keyframes fadeInDown { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); */ -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } to { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); */ -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } to { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInLeft { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); */ -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } to { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); */ -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } to { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; } } .fadeInLeft{ -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInRight { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); */ -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } to { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); */ -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } to { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; } } .fadeInRight{ -webkit-animation-name:fadeInRight; animation-name:fadeInRight } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInUp { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); */ -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } to { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); */ -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } to { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp{ -webkit-animation-name:fadeInUp; animation-name:fadeInUp } @-webkit-keyframes fadeInUpMenu { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); */ -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 1; visibility: visible; -webkit-transform: none; transform: none; } } @keyframes fadeInUpMenu { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); */ -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut{ -webkit-animation-name:fadeOut; animation-name:fadeOut } @-webkit-keyframes fadeOutDown { from { opacity: 1; visibility: visible; } to { opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } } @keyframes fadeOutDown { from { opacity: 1; visibility: visible; } to { opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip{ -webkit-backface-visibility:visible; backface-visibility:visible; -webkit-animation-name:flip; animation-name:flip } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @-webkit-keyframes hinge { to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @-webkit-keyframes zoomOut { from { opacity: 1; } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @-webkit-keyframes zoomOutDown { to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @-webkit-keyframes zoomOutLeft { to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @-webkit-keyframes zoomOutRight { to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @-webkit-keyframes zoomOutUp { to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .owl-carousel,.owl-carousel .owl-item{ -webkit-tap-highlight-color:transparent; position:relative; touch-action: pan-y; } .owl-carousel{ display:none; width:100%; z-index:1 } .owl-carousel .owl-stage{ position:relative; -ms-touch-action:pan-Y; touch-action:manipulation; -moz-backface-visibility:hidden } .owl-carousel .owl-stage:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 } .owl-carousel .owl-stage-outer{ position:relative; overflow:hidden; -webkit-transform:translate3d(0,0,0) } .owl-carousel .owl-item{ -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0) } .owl-carousel .owl-item{ min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none } .owl-carousel .owl-item img{ display:block; width:100% } .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{ display:none } .owl-carousel.owl-loaded{ display:block } .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{ cursor:pointer; cursor:hand; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{ background:0 0; color:inherit; border:none; padding:0!important; font:inherit } .owl-carousel.owl-loading{ opacity:0; display:block } .owl-carousel.owl-hidden{ opacity:0 } .owl-carousel.owl-refresh .owl-item{ visibility:hidden } .owl-carousel.owl-drag .owl-item{ touch-action:pan-y; -ms-touch-action:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .owl-carousel.owl-grab{ cursor:move; cursor:grab } .owl-carousel.owl-rtl{ direction:rtl } .owl-carousel.owl-rtl .owl-item{ float:right } .owl-carousel .animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .owl-carousel .owl-animated-in{ z-index:0 } .owl-carousel .owl-animated-out{ z-index:1 } .owl-carousel .fadeOut{ -webkit-animation-name:fadeOut; animation-name:fadeOut } @keyframes fadeOut{ 0%{ opacity:1 } 100%{ opacity:0 } } .owl-height{ transition:height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy{ opacity:0; transition:opacity .4s ease } .owl-carousel .owl-item img.owl-lazy{ -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .owl-carousel .owl-video-wrapper{ position:relative; height:100%; background:#000 } .owl-carousel .owl-video-play-icon{ position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:-webkit-transform .1s ease; transition:transform .1s ease } .owl-carousel .owl-video-play-icon:hover{ -webkit-transform:scale(1.3,1.3); -ms-transform:scale(1.3,1.3); transform:scale(1.3,1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{ display:none } .owl-carousel .owl-video-tn{ opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity .4s ease } .owl-carousel .owl-video-frame{ position:relative; z-index:1; height:100%; width:100% } .mfp-bg{ top:0; left:0; width:100%; height:100%; z-index:1042; overflow:hidden; position:fixed; background:#0b0b0b; opacity:.8 } .mfp-wrap{ top:0; left:0; width:100%; height:100%; z-index:1043; position:fixed; outline:none!important; -webkit-backface-visibility:hidden } .mfp-container{ text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0 8px; box-sizing:border-box } .mfp-container:before{ content:''; display:inline-block; height:100%; vertical-align:middle } .mfp-align-top .mfp-container:before{ display:none } .mfp-ajax-cur{ cursor:progress } .mfp-zoom-out-cur{ cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out } .mfp-close,.mfp-arrow,.mfp-counter{ -webkit-user-select:none; -moz-user-select:none; user-select:none } .mfp-loading.mfp-figure{ display:none } button.mfp-close,button.mfp-arrow{ overflow:visible; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:1046; box-shadow:none; touch-action:manipulation } button::-moz-focus-inner{ padding:0; border:0 } .mfp-close{ width:44px; height:44px; line-height:44px; position:absolute; right:0; top:0; text-decoration:none; text-align:center; opacity:.65; padding:0 0 18px 10px; color:#fff; font-style:normal; font-size:28px; font-family:Arial,Baskerville,monospace } .mfp-close:hover,.mfp-close:focus{ opacity:1 } .mfp-close:active{ top:1px } .mfp-close-btn-in .mfp-close{ color:#333 } .mfp-counter{ position:absolute; top:0; right:0; color:#ccc; font-size:12px; line-height:18px; white-space:nowrap } .mfp-arrow{ position:absolute; opacity:.65; margin:0; top:50%; margin-top:-55px; padding:0; width:90px; height:110px; -webkit-tap-highlight-color:transparent } .mfp-arrow:active{ margin-top:-54px } .mfp-arrow:hover,.mfp-arrow:focus{ opacity:1 } .mfp-arrow:before,.mfp-arrow:after{ content:''; display:block; width:0; height:0; position:absolute; left:0; top:0; margin-top:35px; margin-left:35px; border:medium inset transparent } .mfp-arrow:after{ border-top-width:13px; border-bottom-width:13px; top:8px } .mfp-arrow:before{ border-top-width:21px; border-bottom-width:21px; opacity:.7 } .mfp-iframe-scaler{ width:100%; height:0; overflow:hidden; padding-top:56.25% } .mfp-iframe-scaler iframe{ position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0,0,0,.6); background:#000 } img.mfp-img{ width:auto; max-width:100%; height:auto; display:block; line-height:0; box-sizing:border-box; padding:40px 0 40px; margin:0 auto } .mfp-figure{ line-height:0 } .mfp-figure:after{ content:''; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0,0,0,.6); background:#444 } .mfp-figure small{ color:#bdbdbd; display:block; font-size:12px; line-height:14px } .mfp-figure figure{ margin:0 } .mfp-bottom-bar{ margin-top:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto } .mfp-title{ text-align:left; line-height:18px; color:#f3f3f3; word-wrap:break-word; padding-right:36px } @media all and (max-width:900px){ .mfp-arrow{ -webkit-transform:scale(.75); transform:scale(.75) } .mfp-container{ padding-left:6px; padding-right:6px } } [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{ transition-duration:50ms } [data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{ transition-delay:50ms } [data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{ transition-duration:.1s } [data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{ transition-delay:.1s } [data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{ transition-duration:.15s } [data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{ transition-delay:.15s } [data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{ transition-duration:.2s } [data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{ transition-delay:.2s } [data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{ transition-duration:.25s } [data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{ transition-delay:.25s } [data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{ transition-duration:.3s } [data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{ transition-delay:.3s } [data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{ transition-duration:.35s } [data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{ transition-delay:.35s } [data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{ transition-duration:.4s } [data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{ transition-delay:.4s } [data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{ transition-duration:.5s } [data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{ transition-delay:.5s } [data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{ transition-duration:.6s } [data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{ transition-delay:.6s } [data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{ transition-duration:.7s } [data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{ transition-delay:.7s } [data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{ transition-duration:.8s } [data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{ transition-delay:.8s } [data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{ transition-duration:.85s } [data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{ transition-delay:.85s } [data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{ transition-duration:.9s } [data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{ transition-delay:.9s } [data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{ transition-duration:1s } [data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{ transition-delay:1s } [data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{ transition-duration:1.45s } [data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{ transition-delay:1.45s } [data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{ transition-duration:2s } [data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{ transition-delay:0 } [data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{ transition-delay:2s } [data-aos][data-aos][data-aos-easing="linear"],body[data-aos-easing="linear"] [data-aos]{ transition-timing-function:cubic-bezier(.25,.25,.75,.75) } [data-aos][data-aos][data-aos-easing="ease"],body[data-aos-easing="ease"] [data-aos]{ transition-timing-function:ease } [data-aos][data-aos][data-aos-easing="ease-in-out"],body[data-aos-easing="ease-in-out"] [data-aos]{ transition-timing-function:ease-in-out } [data-aos^="fade"][data-aos^="fade"]{ opacity:0; transition-property:opacity , transform } [data-aos^="fade"][data-aos^="fade"].aos-animate{ opacity:1; transform:translate(0) } [data-aos^="zoom"][data-aos^="zoom"]{ opacity:0; transition-property:opacity , transform } [data-aos^="zoom"][data-aos^="zoom"].aos-animate{ opacity:1; transform:translate(0) scale(1) } [data-aos^="slide"][data-aos^="slide"]{ transition-property:transform } [data-aos^="slide"][data-aos^="slide"].aos-animate{ transform:translate(0) } [data-aos^="flip"][data-aos^="flip"]{ backface-visibility:hidden; transition-property:transform } .ionicons,.ion-ios-arrow-back:before,.ion-ios-arrow-forward:before,.ion-md-arrow-back:before{ display:inline-block; font-family:"Ionicons"; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; text-rendering:auto; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .ion-ios-arrow-back:before{ content:"\f3cf" } .ion-ios-arrow-forward:before{ content:"\f3d1" } .ion-chevron-up:before{ content:"<" } .ion-chevron-right:before{ content:">" } .datepicker{ padding:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; direction:ltr } .datepicker-inline{ width:220px } .datepicker.datepicker-rtl{ direction:rtl } .datepicker.datepicker-rtl table tr td span{ float:right } .datepicker-dropdown{ top:0; left:0 } .datepicker-dropdown:before{ content:''; display:inline-block; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #ccc; border-top:0; border-bottom-color:rgba(0,0,0,.2); position:absolute } .datepicker-dropdown:after{ content:''; display:inline-block; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #fff; border-top:0; position:absolute } .datepicker-dropdown.datepicker-orient-left:before{ left:6px } .datepicker-dropdown.datepicker-orient-left:after{ left:7px } .datepicker-dropdown.datepicker-orient-right:before{ right:6px } .datepicker-dropdown.datepicker-orient-right:after{ right:7px } .datepicker-dropdown.datepicker-orient-top:before{ top:-7px } .datepicker-dropdown.datepicker-orient-top:after{ top:-6px } .datepicker-dropdown.datepicker-orient-bottom:before{ bottom:-7px; border-bottom:0; border-top:7px solid #999 } .datepicker-dropdown.datepicker-orient-bottom:after{ bottom:-6px; border-bottom:0; border-top:6px solid #fff } .datepicker>div{ display:none } .datepicker.days div.datepicker-days{ display:block } .datepicker.months div.datepicker-months{ display:block } .datepicker.years div.datepicker-years{ display:block } .datepicker table{ margin:0; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .datepicker td,.datepicker th{ text-align:center; width:20px; height:20px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:none } .datepicker table tr td.day:hover,.datepicker table tr td.day.focused{ background:#eee; cursor:pointer } .datepicker table tr td.old,.datepicker table tr td.new{ color:#999 } .datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{ background:none; color:#999; cursor:default } .datepicker table tr td.today,.datepicker table tr td.today:hover,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover{ background-color:#fde19a; background-image:-moz-linear-gradient(top,#fdd49a,#fdf59a); background-image:-ms-linear-gradient(top,#fdd49a,#fdf59a); background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a)); background-image:-webkit-linear-gradient(top,#fdd49a,#fdf59a); background-image:-o-linear-gradient(top,#fdd49a,#fdf59a); background-image:linear-gradient(top,#fdd49a,#fdf59a); background-repeat:repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); border-color:#fdf59a #fdf59a #fbed50; border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color:#000 } .datepicker table tr td.today:hover,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today[disabled],.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today.disabled:hover[disabled]{ background-color:#fdf59a } .datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active{ background-color:#fbf069 \9 } .datepicker table tr td.today:hover:hover{ color:#000 } .datepicker table tr td.today.active:hover{ color:#fff } .datepicker table tr td.range,.datepicker table tr td.range:hover,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover{ background:#eee; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } .datepicker table tr td.range.today,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover{ background-color:#f3d17a; background-image:-moz-linear-gradient(top,#f3c17a,#f3e97a); background-image:-ms-linear-gradient(top,#f3c17a,#f3e97a); background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a)); background-image:-webkit-linear-gradient(top,#f3c17a,#f3e97a); background-image:-o-linear-gradient(top,#f3c17a,#f3e97a); background-image:linear-gradient(top,#f3c17a,#f3e97a); background-repeat:repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); border-color:#f3e97a #f3e97a #edde34; border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-border-radius:0; -moz-border-radius:0; border-radius:0 } .datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today[disabled],.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today.disabled:hover[disabled]{ background-color:#f3e97a } .datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:hover.active{ background-color:#efe24b \9 } .datepicker table tr td.selected,.datepicker table tr td.selected:hover,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover{ background-color:#9e9e9e; background-image:-moz-linear-gradient(top,#b3b3b3,gray); background-image:-ms-linear-gradient(top,#b3b3b3,gray); background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(gray)); background-image:-webkit-linear-gradient(top,#b3b3b3,gray); background-image:-o-linear-gradient(top,#b3b3b3,gray); background-image:linear-gradient(top,#b3b3b3,gray); background-repeat:repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); border-color:gray gray #595959; border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,.25) } .datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected[disabled],.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected.disabled:hover[disabled]{ background-color:gray } .datepicker table tr td.selected:active,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:hover.active{ background-color:#666 \9 } .datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover{ background-color:#006dcc; background-image:-moz-linear-gradient(top,#08c,#04c); background-image:-ms-linear-gradient(top,#08c,#04c); background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c)); background-image:-webkit-linear-gradient(top,#08c,#04c); background-image:-o-linear-gradient(top,#08c,#04c); background-image:linear-gradient(top,#08c,#04c); background-repeat:repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color:#04c #04c #002a80; border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,.25) } .datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active[disabled],.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active.disabled:hover[disabled]{ background-color:#04c } .datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active{ background-color:#039 \9 } .datepicker table tr td span{ display:block; width:23%; height:54px; line-height:54px; float:left; margin:1%; cursor:pointer; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px } .datepicker table tr td span:hover{ background:#eee } .datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{ background:none; color:#999; cursor:default } .datepicker table tr td span.active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover{ background-color:#006dcc; background-image:-moz-linear-gradient(top,#08c,#04c); background-image:-ms-linear-gradient(top,#08c,#04c); background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c)); background-image:-webkit-linear-gradient(top,#08c,#04c); background-image:-o-linear-gradient(top,#08c,#04c); background-image:linear-gradient(top,#08c,#04c); background-repeat:repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color:#04c #04c #002a80; border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,.25) } .datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active[disabled],.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active.disabled:hover[disabled]{ background-color:#04c } .datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:hover.active{ background-color:#039 \9 } .datepicker table tr td span.old,.datepicker table tr td span.new{ color:#999 } .datepicker th.datepicker-switch{ width:145px } .datepicker thead tr:first-child th,.datepicker tfoot tr th{ cursor:pointer } .datepicker thead tr:first-child th:hover,.datepicker tfoot tr th:hover{ background:#eee } .datepicker .cw{ font-size:10px; width:12px; padding:0 2px 0 5px; vertical-align:middle } .datepicker thead tr:first-child th.cw{ cursor:default; background-color:transparent } .input-daterange input{ text-align:center } .input-daterange input:first-child{ -webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px } .input-daterange input:last-child{ -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0 } .input-daterange .add-on{ display:inline-block; width:auto; min-width:16px; height:20px; padding:4px 5px; font-weight:normal; line-height:20px; text-align:center; text-shadow:0 1px 0 #fff; vertical-align:middle; background-color:#eee; border:1px solid #ccc; margin-left:-5px; margin-right:-5px } .datepicker.dropdown-menu{ position:absolute; top:100%; left:0; z-index:1000; float:left; display:none; min-width:160px; list-style:none; background-color:#fff; border:1px solid #ccc; border:1px solid rgba(0,0,0,.2); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2); -moz-box-shadow:0 5px 10px rgba(0,0,0,.2); box-shadow:0 5px 10px rgba(0,0,0,.2); -webkit-background-clip:padding-box; -moz-background-clip:padding; background-clip:padding-box; *border-right-width: 2px; *border-bottom-width: 2px; color:#333; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px; line-height:20px } .datepicker.dropdown-menu th,.datepicker.dropdown-menu td{ padding:4px 5px } [class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after{ font-family:Flaticon; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .flaticon-layers:before{ content:"\f100" } .flaticon-compass-symbol:before{ content:"\f101" } .flaticon-idea:before{ content:"\f102" } [class^="icon-"],[class*=" icon-"]{ font-family:'icomoon'!important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .icon-search:before{ content:"\f002" } .icon-heart:before{ content:"\f004" } .icon-map-marker:before{ content:"\f041" } .icon-expand:before{ content:"\f065" } .icon-calendar:before{ content:"\f073" } .icon-phone:before{ content:"\f095" } .icon-twitter:before{ content:"\f099" } .icon-facebook:before{ content:"\f09a" } .icon-google-plus:before{ content:"\f0d5" } .icon-envelope:before{ content:"\f0e0" } .icon-quote-left:before{ content:"\f10d" } .icon-instagram:before{ content:"\f16d" } .icon-chat:before{ content:"\e0b7" } .icon-person:before{ content:"\e7fd" } :root{ --blue:#007bff; --indigo:#6610f2; --purple:#6f42c1; --pink:#e83e8c; --red:#dc3545; --orange:#fd7e14; --yellow:#ffc107; --green:#28a745; --teal:#20c997; --cyan:#17a2b8; --white:#fff; --gray:#6c757d; --gray-dark:#343a40; --primary:#78d5ef; --secondary:#6c757d; --success:#28a745; --info:#17a2b8; --warning:#ffc107; --danger:#dc3545; --light:#f8f9fa; --dark:#343a40; --breakpoint-xs:0; --breakpoint-sm:576px; --breakpoint-md:768px; --breakpoint-lg:992px; --breakpoint-xl:1200px; --font-family-sans-serif:"Work Sans" , -apple-system , BlinkMacSystemFont , "Segoe UI" , Roboto , "Helvetica Neue" , Arial , sans-serif , "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol"; --font-family-monospace:SFMono-Regular , Menlo , Monaco , Consolas , "Liberation Mono" , "Courier New" , monospace } *,*::before,*::after{ -webkit-box-sizing:border-box; box-sizing:border-box } html{ font-family:sans-serif; line-height:1.15; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -ms-overflow-style:scrollbar; -webkit-tap-highlight-color:rgba(0,0,0,0) } @-ms-viewport { width: device-width; } figcaption,figure,footer,header,main,nav,section{ display:block } body{ margin:0; font-family:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size:1rem; font-weight:400; line-height:1.5; color:#212529; text-align:left; background-color:#fff } [tabindex="-1"]:focus{ outline:0!important } hr{ -webkit-box-sizing:content-box; box-sizing:content-box; height:0; overflow:visible } h1,h2,h3,h4{ margin-top:0; margin-bottom:.5rem } p{ margin-top:0; margin-bottom:1rem } address{ margin-bottom:1rem; font-style:normal; line-height:inherit } ul{ margin-top:0; margin-bottom:1rem } ul ul{ margin-bottom:0 } dt{ font-weight:700 } dd{ margin-bottom:.5rem; margin-left:0 } b,strong{ font-weight:bolder } small{ font-size:80% } sub{ position:relative; font-size:75%; line-height:0; vertical-align:baseline } sub{ bottom:-.25em } a{ color:#78d5ef; text-decoration:none; background-color:transparent; -webkit-text-decoration-skip:objects } a:hover{ color:#34c0e7; text-decoration:underline } a:not([href]):not([tabindex]) { color:inherit; text-decoration:none } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color:inherit; text-decoration:none } a:not([href]):not([tabindex]):focus { outline:0 } code{ font-family:monospace,monospace; font-size:1em } figure{ margin:0 0 1rem } img{ vertical-align:middle; border-style:none; width:100%; } svg:not(:root) { overflow:hidden } table{ border-collapse:collapse } caption{ padding-top:.75rem; padding-bottom:.75rem; color:#6c757d; text-align:left; caption-side:bottom } th{ text-align:inherit } label{ display:inline-block; margin-bottom:.5rem } button{ border-radius:0 } button:focus{ outline:1px dotted; outline:5px auto -webkit-focus-ring-color } input,button,select,optgroup,textarea{ margin:0; font-family:inherit; font-size:inherit; line-height:inherit } button,input{ overflow:visible } button,select{ text-transform:none } button,html [type="button"],[type="reset"],[type="submit"]{ -webkit-appearance:button } button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{ padding:0; border-style:none } input[type="radio"],input[type="checkbox"]{ -webkit-box-sizing:border-box; box-sizing:border-box; padding:0 } input[type="date"],input[type="time"],input[type="month"]{ -webkit-appearance:listbox } textarea{ overflow:auto; resize:vertical } fieldset{ min-width:0; padding:0; margin:0; border:0 } legend{ display:block; width:100%; max-width:100%; padding:0; margin-bottom:.5rem; font-size:1.5rem; line-height:inherit; color:inherit; white-space:normal } progress{ vertical-align:baseline } [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{ height:auto } [type="search"]{ outline-offset:-2px; -webkit-appearance:none } [type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{ -webkit-appearance:none } output{ display:inline-block } template{ display:none } [hidden]{ display:none!important } h1,h2,h3,h4,.h1,.h2,.h3,.h4{ margin-bottom:.5rem; font-family:inherit; font-weight:500; line-height:1.2; color:inherit } h1,.h1{ font-size:2.5rem } h2,.h2{ font-size:2rem } h3,.h3{ font-size:1.75rem } h4,.h4{ font-size:1.5rem } hr{ margin-top:1rem; margin-bottom:1rem; border:0; border-top:1px solid rgba(0,0,0,.1) } small,.small{ font-size:80%; font-weight:400 } mark,.mark{ padding:.2em; background-color:#fcf8e3 } .list-unstyled{ padding-left:0; list-style:none } .img-fluid{ max-width:100%; height:auto } .img-fluid-2{ width: 100%; display: block; /*margin: auto; height: 200px; object-fit:cover;*/ } .img-fluid-3{ width: 100%; /*height: 250px; object-fit:cover;*/ } .img-fluid-4{ width: 100%; height: 250px; object-fit:cover; } @media (max-width:375px){ .img-fluid-4 { height: 200px; } } .figure{ display:inline-block } code{ font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace } code{ font-size:87.5%; color:#e83e8c; word-break:break-word } a>code{ color:inherit } .container{ width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto } @media (min-width:576px){ .container{ max-width:540px } } @media (min-width:768px){ .container{ max-width:720px } } @media (min-width:992px){ .container{ max-width:960px } } @media (min-width:1200px){ .container{ max-width:1140px } } .container-fluid{ width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto } .row{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px } .no-gutters{ margin-right:0; margin-left:0 } .no-gutters>.col,.no-gutters>[class*="col-"]{ padding-right:0; padding-left:0 } .col,.col-sm-12,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-10,.col-md-12,.col-md,.col-lg-3,.col-lg-4,.col-lg-8{ position:relative; width:100%; min-height:1px; padding-right:15px; padding-left:15px } .col{ -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; max-width:100% } @media (min-width:576px){ .col-sm-12{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } } @media (min-width:768px){ .col-md{ -ms-flex-preferred-size:0; flex-basis:0; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; max-width:100% } .col-md-3{ -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% } .col-md-4{ -webkit-box-flex:0; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333% } .col-md-5{ -webkit-box-flex:0; -ms-flex:0 0 41.66667%; flex:0 0 41.66667%; max-width:41.66667% } .col-md-6{ -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50% } .col-md-7{ -webkit-box-flex:0; -ms-flex:0 0 58.33333%; flex:0 0 58.33333%; max-width:58.33333% } .col-md-8{ -webkit-box-flex:0; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667% } .col-md-10{ -webkit-box-flex:0; -ms-flex:0 0 83.33333%; flex:0 0 83.33333%; max-width:83.33333% } .col-md-12{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } .order-md-last{ -webkit-box-ordinal-group:14; -ms-flex-order:13; order:13 } } @media (min-width:992px){ .col-lg-3{ -webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%; max-width:25% } .col-lg-4{ -webkit-box-flex:0; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333% } .col-lg-8{ -webkit-box-flex:0; -ms-flex:0 0 66.66667%; flex:0 0 66.66667%; max-width:66.66667% } } .table{ width:100%; max-width:100%; margin-bottom:1rem; background-color:transparent } .table th,.table td{ padding:.75rem; vertical-align:top; border-top:1px solid #dee2e6 } .table thead th{ vertical-align:bottom; border-bottom:2px solid #dee2e6 } .table tbody+tbody{ border-top:2px solid #dee2e6 } .table .table{ background-color:#fff } .form-control{ display:block; width:100%; padding:.375rem .75rem; font-size:1rem; line-height:1.5; color:#495057; background-color:#fff; background-clip:padding-box; border:1px solid #ced4da; border-radius:.25rem; -webkit-transition:border-color .15s ease-in-out , -webkit-box-shadow .15s ease-in-out; transition:border-color .15s ease-in-out , -webkit-box-shadow .15s ease-in-out; -o-transition:border-color .15s ease-in-out , box-shadow .15s ease-in-out; transition:border-color .15s ease-in-out , box-shadow .15s ease-in-out; transition:border-color .15s ease-in-out , box-shadow .15s ease-in-out , -webkit-box-shadow .15s ease-in-out } @media screen and (prefers-reduced-motion:reduce){ .form-control{ -webkit-transition:none; -o-transition:none; transition:none } } .form-control::-ms-expand{ background-color:transparent; border:0 } .form-control:focus{ color:#495057; background-color:#fff; border-color:#eaf8fd; outline:0; -webkit-box-shadow:0 0 0 .2rem rgba(120,213,239,.25); box-shadow:0 0 0 .2rem rgba(120,213,239,.25) } .form-control::-webkit-input-placeholder{ color:#6c757d; opacity:1 } .form-control:-ms-input-placeholder{ color:#6c757d; opacity:1 } .form-control::-ms-input-placeholder{ color:#6c757d; opacity:1 } .form-control::placeholder{ color:#6c757d; opacity:1 } .form-control:disabled,.form-control[readonly]{ background-color:#e9ecef; opacity:1 } select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px) } select.form-control:focus::-ms-value{ color:#495057; background-color:#fff } .form-group{ margin-bottom:1rem } .btn{ display:inline-block; font-weight:400; text-align:center; white-space:nowrap; vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border:1px solid transparent; padding:.375rem .75rem; font-size:1rem; line-height:1.5; border-radius:.25rem; -webkit-transition:color .15s ease-in-out , background-color .15s ease-in-out , border-color .15s ease-in-out , -webkit-box-shadow .15s ease-in-out; transition:color .15s ease-in-out , background-color .15s ease-in-out , border-color .15s ease-in-out , -webkit-box-shadow .15s ease-in-out; -o-transition:color .15s ease-in-out , background-color .15s ease-in-out , border-color .15s ease-in-out , box-shadow .15s ease-in-out; transition:color .15s ease-in-out , background-color .15s ease-in-out , border-color .15s ease-in-out , box-shadow .15s ease-in-out; transition:color .15s ease-in-out , background-color .15s ease-in-out , border-color .15s ease-in-out , box-shadow .15s ease-in-out , -webkit-box-shadow .15s ease-in-out } @media screen and (prefers-reduced-motion:reduce){ .btn{ -webkit-transition:none; -o-transition:none; transition:none } } .btn:hover,.btn:focus{ text-decoration:none } .btn:focus,.btn.focus{ outline:0; -webkit-box-shadow:0 0 0 .2rem rgba(120,213,239,.25); box-shadow:0 0 0 .2rem rgba(120,213,239,.25) } .btn.disabled,.btn:disabled{ opacity:.65 } .btn:not(:disabled):not(.disabled) { cursor:pointer } .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { background-image:none } a.btn.disabled,fieldset:disabled a.btn{ pointer-events:none } .btn-primary{ color:#212529; background-color:#78d5ef; border-color:#78d5ef } .btn-primary:hover{ color:#212529; background-color:#56caeb; border-color:#4ac7ea } .btn-primary:focus,.btn-primary.focus{ -webkit-box-shadow:0 0 0 .2rem rgba(120,213,239,.5); box-shadow:0 0 0 .2rem rgba(120,213,239,.5) } .btn-primary.disabled,.btn-primary:disabled{ color:#212529; background-color:#78d5ef; border-color:#78d5ef } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color:#212529; background-color:#fbc13c; border-color:#fbc13c } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow:0 0 0 .2rem rgba(120,213,239,.5); box-shadow:0 0 0 .2rem rgba(120,213,239,.5) } .fade{ -webkit-transition:opacity .15s linear; -o-transition:opacity .15s linear; transition:opacity .15s linear } @media screen and (prefers-reduced-motion:reduce){ .fade{ -webkit-transition:none; -o-transition:none; transition:none } } .fade:not(.show) { opacity:0 } .collapse:not(.show) { display:none } .collapsing{ position:relative; height:0; overflow:hidden; -webkit-transition:height .35s ease; -o-transition:height .35s ease; transition:height .35s ease } @media screen and (prefers-reduced-motion:reduce){ .collapsing{ -webkit-transition:none; -o-transition:none; transition:none } } .dropup,.dropright,.dropdown,.dropleft{ position:relative } .dropdown-toggle::after{ display:inline-block; width:0; height:0; margin-left:.255em; vertical-align:.255em; content:""; border-top:.3em solid; border-right:.3em solid transparent; border-bottom:0; border-left:.3em solid transparent } .dropdown-toggle:empty::after{ margin-left:0 } .dropdown-menu{ position:absolute; top:100%; left:0; z-index:1000; display:none; float:left; min-width:10rem; padding:.5rem 0; margin:.125rem 0 0; font-size:1rem; color:#212529; text-align:left; list-style:none; background-color:#fff; background-clip:padding-box; border:1px solid rgba(0,0,0,.15); border-radius:.25rem } .dropdown-menu-right{ right:0; left:auto } .dropup .dropdown-menu{ top:auto; bottom:100%; margin-top:0; margin-bottom:.125rem } .dropup .dropdown-toggle::after{ display:inline-block; width:0; height:0; margin-left:.255em; vertical-align:.255em; content:""; border-top:0; border-right:.3em solid transparent; border-bottom:.3em solid; border-left:.3em solid transparent } .dropup .dropdown-toggle:empty::after{ margin-left:0 } .dropright .dropdown-menu{ top:0; right:auto; left:100%; margin-top:0; margin-left:.125rem } .dropright .dropdown-toggle::after{ display:inline-block; width:0; height:0; margin-left:.255em; vertical-align:.255em; content:""; border-top:.3em solid transparent; border-right:0; border-bottom:.3em solid transparent; border-left:.3em solid } .dropright .dropdown-toggle:empty::after{ margin-left:0 } .dropright .dropdown-toggle::after{ vertical-align:0 } .dropleft .dropdown-menu{ top:0; right:100%; left:auto; margin-top:0; margin-right:.125rem } .dropleft .dropdown-toggle::after{ display:inline-block; width:0; height:0; margin-left:.255em; vertical-align:.255em; content:"" } .dropleft .dropdown-toggle::after{ display:none } .dropleft .dropdown-toggle::before{ display:inline-block; width:0; height:0; margin-right:.255em; vertical-align:.255em; content:""; border-top:.3em solid transparent; border-right:.3em solid; border-bottom:.3em solid transparent } .dropleft .dropdown-toggle:empty::after{ margin-left:0 } .dropleft .dropdown-toggle::before{ vertical-align:0 } .dropdown-menu[x-placement^="top"],.dropdown-menu[x-placement^="right"],.dropdown-menu[x-placement^="bottom"],.dropdown-menu[x-placement^="left"]{ right:auto; bottom:auto } .dropdown-item{ display:block; width:100%; padding:.25rem 1.5rem; clear:both; font-weight:400; color:#212529; text-align:inherit; white-space:nowrap; background-color:transparent; border:0 } .dropdown-item:hover,.dropdown-item:focus{ color:#16181b; text-decoration:none; background-color:#f8f9fa } .dropdown-item.active,.dropdown-item:active{ color:#fff; text-decoration:none; background-color:#78d5ef } .dropdown-item.disabled,.dropdown-item:disabled{ color:#6c757d; background-color:transparent } .dropdown-menu.show{ display:block } .nav{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding-left:0; margin-bottom:0; list-style:none } .nav-link{ display:block; padding:.5rem 1rem } .nav-link:hover,.nav-link:focus{ text-decoration:none } .nav-link.disabled{ color:#6c757d } .navbar{ position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding:.5rem 1rem } .navbar>.container,.navbar>.container-fluid{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .navbar-brand{ display:inline-block; padding-top:.3125rem; padding-bottom:.3125rem; margin-right:1rem; font-size:1.25rem; line-height:inherit; white-space:nowrap } .navbar-brand:hover,.navbar-brand:focus{ text-decoration:none } .navbar-nav{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding-left:0; margin-bottom:0; list-style:none } .navbar-nav .nav-link{ padding-right:0; padding-left:0 } .navbar-nav .dropdown-menu{ position:static; float:none } .navbar-collapse{ -ms-flex-preferred-size:100%; flex-basis:100%; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .navbar-toggler{ padding:.25rem .75rem; font-size:1.25rem; line-height:1; background-color:transparent; border:1px solid transparent; border-radius:.25rem } .navbar-toggler:hover,.navbar-toggler:focus{ text-decoration:none } .navbar-toggler:not(:disabled):not(.disabled) { cursor:pointer; outline: none; } @media (max-width:991.98px){ .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{ padding-right:0; padding-left:0 } } @media (min-width:992px){ .navbar-expand-lg{ -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row nowrap; flex-flow:row nowrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start } .navbar-expand-lg .navbar-nav{ -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row } .navbar-expand-lg .navbar-nav .dropdown-menu{ position:absolute } .navbar-expand-lg .navbar-nav .nav-link{ padding-right:.5rem; padding-left:.5rem } .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{ -ms-flex-wrap:nowrap; flex-wrap:nowrap } .navbar-expand-lg .navbar-collapse{ display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important; -ms-flex-preferred-size:auto; flex-basis:auto } .navbar-expand-lg .navbar-toggler{ display:none } } .navbar-dark .navbar-brand{ color:#fff } .navbar-dark .navbar-brand:hover,.navbar-dark .navbar-brand:focus{ color:#fff } .navbar-dark .navbar-nav .nav-link{ color:rgba(255,255,255,.5) } .navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus{ color:rgba(255,255,255,.75) } .navbar-dark .navbar-nav .nav-link.disabled{ color:rgba(255,255,255,.25) } .navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active{ color:#fff } .navbar-dark .navbar-toggler{ color:rgba(255,255,255,.5); border-color:rgba(255,255,255,.1) } .alert{ position:relative; padding:.75rem 1.25rem; margin-bottom:1rem; border:1px solid transparent; border-radius:.25rem } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress{ display:-webkit-box; display:-ms-flexbox; display:flex; height:1rem; overflow:hidden; font-size:.75rem; background-color:#e9ecef; border-radius:.25rem } .media{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start } .media-body{ -webkit-box-flex:1; -ms-flex:1; flex:1 } .list-group{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; padding-left:0; margin-bottom:0 } .list-group-item{ position:relative; display:block; padding:.75rem 1.25rem; margin-bottom:-1px; background-color:#fff; border:1px solid rgba(0,0,0,.125) } .list-group-item:first-child{ border-top-left-radius:.25rem; border-top-right-radius:.25rem } .list-group-item:last-child{ margin-bottom:0; border-bottom-right-radius:.25rem; border-bottom-left-radius:.25rem } .list-group-item:hover,.list-group-item:focus{ z-index:1; text-decoration:none } .list-group-item.disabled,.list-group-item:disabled{ color:#6c757d; background-color:#fff } .list-group-item.active{ z-index:2; color:#fff; background-color:#78d5ef; border-color:#78d5ef } .close{ float:right; font-size:1.5rem; font-weight:700; line-height:1; color:#000; text-shadow:0 1px 0 #fff; opacity:.5 } .close:hover,.close:focus{ color:#000; text-decoration:none; opacity:.75 } .close:not(:disabled):not(.disabled) { cursor:pointer } button.close{ padding:0; background-color:transparent; border:0; -webkit-appearance:none } .modal-open{ overflow:hidden } .modal{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; display:none; overflow:hidden; outline:0 } .modal-open .modal{ overflow-x:hidden; overflow-y:auto } .modal-dialog{ position:relative; width:auto; margin:.5rem; pointer-events:none } .modal.fade .modal-dialog{ -webkit-transition:-webkit-transform .3s ease-out; transition:-webkit-transform .3s ease-out; -o-transition:transform .3s ease-out; transition:transform .3s ease-out; transition:transform .3s ease-out , -webkit-transform .3s ease-out; -webkit-transform:translate(0,-25%); -ms-transform:translate(0,-25%); transform:translate(0,-25%) } @media screen and (prefers-reduced-motion:reduce){ .modal.fade .modal-dialog{ -webkit-transition:none; -o-transition:none; transition:none } } .modal.show .modal-dialog{ -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0) } .modal-backdrop{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000 } .modal-backdrop.fade{ opacity:0 } .modal-backdrop.show{ opacity:.5 } .modal-scrollbar-measure{ position:absolute; top:-9999px; width:50px; height:50px; overflow:scroll } @media (min-width:576px){ .modal-dialog{ max-width:500px; margin:1.75rem auto } } .tooltip{ position:absolute; z-index:1070; display:block; margin:0; font-family:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-style:normal; font-weight:400; line-height:1.5; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; white-space:normal; line-break:auto; font-size:.875rem; word-wrap:break-word; opacity:0 } .tooltip.show{ opacity:.9 } .tooltip .arrow{ position:absolute; display:block; width:.8rem; height:.4rem } .tooltip .arrow::before{ position:absolute; content:""; border-color:transparent; border-style:solid } .tooltip-inner{ max-width:200px; padding:.25rem .5rem; color:#fff; text-align:center; background-color:#000; border-radius:.25rem } .popover{ position:absolute; top:0; left:0; z-index:1060; display:block; max-width:276px; font-family:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-style:normal; font-weight:400; line-height:1.5; text-align:left; text-align:start; text-decoration:none; text-shadow:none; text-transform:none; letter-spacing:normal; word-break:normal; word-spacing:normal; white-space:normal; line-break:auto; font-size:.875rem; word-wrap:break-word; background-color:#fff; background-clip:padding-box; border:1px solid rgba(0,0,0,.2); border-radius:.3rem } .popover .arrow{ position:absolute; display:block; width:1rem; height:.5rem; margin:0 .3rem } .popover .arrow::before,.popover .arrow::after{ position:absolute; display:block; content:""; border-color:transparent; border-style:solid } .popover-header{ padding:.5rem .75rem; margin-bottom:0; font-size:1rem; color:inherit; background-color:#f7f7f7; border-bottom:1px solid #ebebeb; border-top-left-radius:calc(.3rem - 1px); border-top-right-radius:calc(.3rem - 1px) } .popover-header:empty{ display:none } .popover-body{ padding:.5rem .75rem; color:#212529 } .carousel{ position:relative } .carousel-item{ position:relative; display:none; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%; -webkit-transition:-webkit-transform .6s ease; transition:-webkit-transform .6s ease; -o-transition:transform .6s ease; transition:transform .6s ease; transition:transform .6s ease , -webkit-transform .6s ease; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective:1000px; perspective:1000px } @media screen and (prefers-reduced-motion:reduce){ .carousel-item{ -webkit-transition:none; -o-transition:none; transition:none } } .carousel-item.active,.carousel-item-next,.carousel-item-prev{ display:block } .carousel-item-next,.carousel-item-prev{ position:absolute; top:0 } .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{ -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-item-next,.active.carousel-item-right{ -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%) } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-next, .active.carousel-item-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .carousel-item-prev,.active.carousel-item-left{ -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%) } @supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) { .carousel-item-prev, .active.carousel-item-left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .carousel-indicators{ position:absolute; right:0; bottom:10px; left:0; z-index:15; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding-left:0; margin-right:15%; margin-left:15%; list-style:none } .carousel-indicators li{ position:relative; -webkit-box-flex:0; -ms-flex:0 1 auto; flex:0 1 auto; width:30px; height:3px; margin-right:3px; margin-left:3px; text-indent:-999px; background-color:rgba(255,255,255,.5) } .carousel-indicators li::before{ position:absolute; top:-10px; left:0; display:inline-block; width:100%; height:10px; content:"" } .carousel-indicators li::after{ position:absolute; bottom:-10px; left:0; display:inline-block; width:100%; height:10px; content:"" } .carousel-indicators .active{ background-color:#fff } .bg-light{ background-color:#f8f9fa!important } a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus{ background-color:#dae0e5!important } .bg-dark{ background-color:#343a40!important } a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus{ background-color:#1d2124!important } .border{ border:1px solid #dee2e6!important } .d-block{ display:block!important } .d-flex{ display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important } @media (min-width:768px){ .d-md-flex{ display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important } } .justify-content-end{ -webkit-box-pack:end!important; -ms-flex-pack:end!important; justify-content:flex-end!important } .justify-content-center{ -webkit-box-pack:center!important; -ms-flex-pack:center!important; justify-content:center!important } .align-items-center{ -webkit-box-align:center!important; -ms-flex-align:center!important; align-items:center!important } .align-self-stretch{ -ms-flex-item-align:stretch!important; align-self:stretch!important } @media (min-width:768px){ .float-md-left{ float:left!important } } .position-static{ position:static!important } .fixed-top{ position:fixed; top:0; right:0; left:0; z-index:1030 } .fixed-bottom{ position:fixed; right:0; bottom:0; left:0; z-index:1030 } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .w-100{ width:100%!important } .m-1{ margin:.25rem!important } .mt-2{ margin-top:.5rem!important } .mr-2{ margin-right:.5rem!important } .mb-2{ margin-bottom:.5rem!important } .mt-3{ margin-top:1rem!important } .mb-3{ margin-bottom:1rem!important } .mr-4{ margin-right:1.5rem!important } .mb-4{ margin-bottom:1.5rem!important } .mt-5{ margin-top:3rem!important } .mr-5{ margin-right:3rem!important } .mb-5{ margin-bottom:3rem!important } .p-2{ padding:.5rem!important } .pb-2{ padding-bottom:.5rem!important } .py-3{ padding-top:1rem!important } .pb-3,.py-3{ padding-bottom:1rem!important } .pl-3{ padding-left:1rem!important } .p-4{ padding:1.5rem!important } .pt-4,.py-4{ padding-top:1.5rem!important } .px-4{ padding-right:1.5rem!important } .py-4{ padding-bottom:1.5rem!important } .pl-4,.px-4{ padding-left:1.5rem!important } .p-5{ padding:3rem!important } .pt-5{ padding-top:3rem!important } .px-5{ padding-right:3rem!important } .pb-5{ padding-bottom:3rem!important } .px-5{ padding-left:3rem!important } .ml-auto{ margin-left:auto!important; } @media (min-width:768px){ .ml-md-4{ margin-left:1.5rem!important } .mr-md-5{ margin-right:3rem!important } .mb-md-5{ margin-bottom:3rem!important } .ml-md-5{ margin-left:3rem!important } .p-md-5{ padding:3rem!important } .pr-md-5{ padding-right:3rem!important } .pb-md-5{ padding-bottom:3rem!important } .pl-md-5{ padding-left:3rem!important } } .text-center{ text-align:center!important } .visible{ visibility:visible!important } @media print{ *,*::before,*::after{ text-shadow:none!important; -webkit-box-shadow:none!important; box-shadow:none!important } a:not(.btn) { text-decoration:underline } thead{ display:table-header-group } tr,img{ page-break-inside:avoid } p,h2,h3{ orphans:3; widows:3 } h2,h3{ page-break-after:avoid } @page { size: a3; } body{ min-width:992px!important } .container{ min-width:992px!important } .navbar{ display:none } .table{ border-collapse:collapse!important } .table td,.table th{ background-color:#fff!important } } body{ font-family:"Roboto",Arial,sans-serif; background:#fff; font-size:16px; line-height:1.8; font-weight:300; color:#666; } a{ -webkit-transition:.3s all ease; -o-transition:.3s all ease; transition:.3s all ease; color:#fbc13c } a:hover,a:focus{ text-decoration:none; color:hsl(32deg 71% 51%); outline:none!important } h1,h2,h3,h4,.h1,.h2,.h3,.h4{ line-height:1.5; color:rgba(0,0,0,.8); font-weight:400 } .ftco-navbar-light{ background: rgba(255,255,255,0) !important; position:absolute; top:20px; left:0; right:0; z-index:3 } @media (max-width:991.98px){ .ftco-navbar-light{ background:rgba(255,255,255,0) !important；position:relative; top:0 } } .ftco-navbar-light .navbar-brand{ color:#fff } @media (min-width:768px){ .ftco-navbar-light .navbar-brand{ color:#fff } } .ftco-navbar-light .navbar-nav>.nav-item>.nav-link{ font-size:16px; padding-top:.9rem; padding-bottom:.9rem; padding-left:20px; padding-right:20px; color:#fff; font-weight:400; opacity:1!important } .ftco-navbar-light .navbar-nav>.nav-item>.nav-link:hover{ color:#fbc13c } .ftco-navbar-light .navbar-nav>.nav-item .dropdown-menu{ border:none; background:#fff; -moz-transition:all .3s ease; -o-transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; border-radius:0; -webkit-box-shadow:0 10px 34px -20px rgba(0,0,0,.41); -moz-box-shadow:0 10px 34px -20px rgba(0,0,0,.41); box-shadow:0 10px 34px -20px rgba(0,0,0,.41) } .ftco-navbar-light .navbar-nav>.nav-item .dropdown-menu .dropdown-item{ font-size:13px; color:rgba(0,0,0,.7) } .ftco-navbar-light .navbar-nav>.nav-item .dropdown-menu .dropdown-item:hover,.ftco-navbar-light .navbar-nav>.nav-item .dropdown-menu .dropdown-item:focus{ color:#000; background:transparent } .ftco-navbar-light .navbar-nav>.nav-item>.nav-link { color: #fff; } .ftco-navbar-light .navbar-nav>.nav-item.active>a{ color:#fff; } .ftco-navbar-light .navbar-toggler{ border:none; color:rgba(255,255,255,1)!important; cursor:pointer; padding:0; text-transform:uppercase; font-size:26px; /*letter-spacing:.1em*/ } .ftco-navbar-light.scrolled{ position:fixed; right:0; left:0; top:0; margin-top:-130px; background:#fff!important; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.1); box-shadow:0 0 10px 0 rgba(0,0,0,.1) } .ftco-navbar-light.scrolled .nav-item.active>a{ color:#fbc13c!important } @media (max-width:991.98px){ .ftco-navbar-light.scrolled .navbar-nav{ background:none; border-radius:0; padding-left:0!important; padding-right:0!important } } @media (max-width:767.98px){ .ftco-navbar-light.scrolled .navbar-nav{ background:none; padding-left:0!important; padding-right:0!important } } .ftco-navbar-light.scrolled .navbar-toggler{ border:none; color:rgba(0,0,0,.5)!important; border-color:rgba(0,0,0,.5)!important; cursor:pointer; padding-right:0; text-transform:uppercase; font-size:26px; letter-spacing:.1em } .ftco-navbar-light.scrolled .nav-link{ padding-top:.9rem!important; padding-bottom:.9rem!important; color:#000!important } .ftco-navbar-light.scrolled .nav-link.active{ color:#ffcdcd!important } .ftco-navbar-light.scrolled.awake{ margin-top:0; -webkit-transition:.3s all ease-out; -o-transition:.3s all ease-out; transition:.3s all ease-out } .ftco-navbar-light.scrolled.sleep{ -webkit-transition:.3s all ease-out; -o-transition:.3s all ease-out; transition:.3s all ease-out } .ftco-navbar-light.scrolled .navbar-brand{ color:#000 } .navbar-brand{ font-weight:700; font-size:20px; text-transform:uppercase } .owl-carousel{ position:relative; } .owl-carousel .owl-item{ opacity:.4 } .owl-carousel .owl-item.active{ opacity:1 } .owl-carousel .owl-nav{ position:absolute; /*top:50%;*/ width:100% } .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{ position:absolute; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); margin-top:-10px; color:#ffcdcd!important; -moz-transition:all .7s ease; -o-transition:all .7s ease; -webkit-transition:all .7s ease; -ms-transition:all .7s ease; transition:all .7s ease; opacity:0 } .owl-carousel .owl-nav .owl-prev span:before,.owl-carousel .owl-nav .owl-next span:before{ font-size:30px } .owl-carousel .owl-nav .owl-prev{ left:0 } .owl-carousel .owl-nav .owl-next{ right:0 } .owl-carousel .owl-dots{ text-align:center } .owl-carousel .owl-dots .owl-dot{ width:10px; height:10px; margin:5px; border-radius:50%; background:#e6e6e6; position:relative } .owl-carousel .owl-dots .owl-dot:after{ position:absolute; top:-2px; left:-2px; right:0; bottom:0; width:14px; height:14px; content:''; border:1px solid #e6e6e6; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50% } .owl-carousel .owl-dots .owl-dot:hover,.owl-carousel .owl-dots .owl-dot:focus{ outline:none!important } .owl-carousel .owl-dots .owl-dot.active{ background:#b3b3b3 } .owl-carousel:hover .owl-nav .owl-prev,.owl-carousel:hover .owl-nav .owl-next{ opacity:1 } .owl-carousel:hover .owl-nav .owl-prev{ left:-25px } .owl-carousel:hover .owl-nav .owl-next{ right:-25px } .owl-carousel.home-slider{ position:relative; height:750px; z-index:0 } .owl-carousel.home-slider .slider-item{ background-size:cover; background-repeat:no-repeat; background-position:center center; height:750px; position:relative; z-index:0 } @media (max-width:1199.98px){ .owl-carousel.home-slider .slider-item{ background-position:center center!important } } .owl-carousel.home-slider .slider-item .overlay{ position:absolute; top:0; bottom:0; left:0; right:0; background:#000; opacity:.3 } .owl-carousel.home-slider .slider-item .slider-text{ height:750px } @media (max-width:767.98px){ .owl-carousel.home-slider .slider-item .slider-text{ /*text-align:center*/ } } .owl-carousel.home-slider .slider-item .slider-text .author .img{ width:80px; height:80px; display:block; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50% } .owl-carousel.home-slider .slider-item .slider-text .author .info{ width:calc(100% - 80px) } .owl-carousel.home-slider .slider-item .slider-text .author .info h3{ font-size:20px; margin-bottom:0 } .owl-carousel.home-slider .slider-item .slider-text .author .info h3 a{ font-weight:600; color:#000; text-decoration:underline } .owl-carousel.home-slider .slider-item .slider-text .author .info h3 span{ color:#000 } .owl-carousel.home-slider .slider-item .slider-text .author span{ font-size:18px; color:#b3b3b3 } .owl-carousel.home-slider .slider-item .slider-text .subheading{ color:#000; font-weight:700 } .owl-carousel.home-slider .slider-item .slider-text .text{ /*text-align: center;*/ float: left; bottom: -100px; } /*.owl-carousel.home-slider .slider-item .slider-text .text{ padding-left:2em; border-left:1px solid rgba(255,255,255,.2); position:relative }*/ /*.owl-carousel.home-slider .slider-item .slider-text .text:after{ position:absolute; top:50%; left:-1px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); content:''; width:3px; height:80px; background:#fbc13c }*/ .owl-carousel.home-slider .slider-item .slider-text h1{ font-size: 40px; color: #fff; line-height: 1.2; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px; } .owl-carousel.home-slider .slider-item .slider-text h1 a{ color:#000 } @media (max-width:991.98px){ .owl-carousel.home-slider .slider-item .slider-text h1{ font-size:30px } } .owl-carousel.home-slider .slider-item .slider-text p{ font-size:18px; line-height:1.5; font-weight:300; color:rgba(255,255,255,.8) } .owl-carousel.home-slider .slider-item .slider-text p strong{ font-weight:700 } .owl-carousel.home-slider .slider-item .slider-text p strong a{ color:#fff } .owl-carousel.home-slider .slider-item .slider-text .breadcrumbs{ text-transform:uppercase; font-size:13px; letter-spacing:1px } .owl-carousel.home-slider .slider-item .slider-text .breadcrumbs span{ border-bottom:2px solid rgba(255,255,255,.1) } .owl-carousel.home-slider .slider-item .slider-text .breadcrumbs span a{ color:#fff } .owl-carousel.home-slider .owl-nav{ position:absolute; /*top:100%;*/ width:100% } .owl-carousel.home-slider .owl-nav .owl-prev,.owl-carousel.home-slider .owl-nav .owl-next{ position:absolute; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); margin-top:-10px; outline:none!important; -moz-transition:all .3s ease; -o-transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; opacity:0 } .owl-carousel.home-slider .owl-nav .owl-prev span:before,.owl-carousel.home-slider .owl-nav .owl-next span:before{ font-size:30px; color:rgba(255,255,255,.5); -moz-transition:all .3s ease; -o-transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease } .owl-carousel.home-slider .owl-nav .owl-prev:hover span:before,.owl-carousel.home-slider .owl-nav .owl-prev:focus span:before,.owl-carousel.home-slider .owl-nav .owl-next:hover span:before,.owl-carousel.home-slider .owl-nav .owl-next:focus span:before{ color:#fff } .owl-carousel.home-slider .owl-nav .owl-prev{ left:50%; margin-left:-80px } .owl-carousel.home-slider .owl-nav .owl-next{ right:50%; margin-right:-80px } .owl-carousel.home-slider:hover .owl-nav .owl-prev,.owl-carousel.home-slider:hover .owl-nav .owl-next{ opacity:1 } .owl-carousel.home-slider:hover .owl-nav .owl-prev{ left:50%; margin-left:-80px } .owl-carousel.home-slider:hover .owl-nav .owl-next{ right:50%; margin-right:-80px } .owl-carousel.home-slider .owl-dots{ position:absolute; left:0; right:0; bottom:40px; width:100%; text-align:center; } @media (max-width:767.98px){ .owl-carousel.home-slider .owl-dots{ bottom:40px; } } .owl-carousel.home-slider .owl-dots .owl-dot{ width:10px; height:10px; margin:5px; border-radius:50%; background:rgba(255,255,255,.4) } .owl-carousel.home-slider .owl-dots .owl-dot.active{ background:#fff } .owl-carousel.home-slider .owl-dots{ position: absolute; left: 0; right: 0; bottom: 40px; width: 100%; text-align: center; /*in right side*/ /*right: 0; width: 50px; height: 100%; left: inherit; top: 0; justify-content: center; align-items: center; display: flex; flex-direction: column;*/ } .owl-carousel .owl-dots .owl-dot{ margin-top: 2px; margin-bottom: 2px; } .owl-carousel.home-slider .owl-nav{ /*in right side*/ width: 50px; height: 100%; top: 0; right: 0; left: inherit; justify-content: center; align-items: center; display: flex; flex-direction: column; /*in bottom*/ /*display: flex; flex-direction: column; position: absolute; left: 0; right: 0; bottom: 45px; width: 70%; text-align: center;*/ } .owl-carousel.home-slider .owl-nav .owl-prev{ left: 0 !important; margin-left: 0 !important; margin-top: -60px; position: relative; /*transform: rotate(90deg);*/ top: 20px; bottom: -95px; } .owl-carousel.home-slider .owl-nav .owl-next{ right: 0 !important; margin: 0 !important; position: relative; /*transform: rotate(90deg);*/ bottom: -30px; } .owl-carousel.home-slider .owl-nav .owl-prev, .owl-carousel.home-slider .owl-nav .owl-next{ opacity: 1; position: relative; z-index: 1; } .owl-carousel.home-slider .owl-nav, .owl-carousel.home-slider .owl-dots{ opacity: 0; } .home .owl-carousel.home-slider .owl-nav, .home .owl-carousel.home-slider .owl-dots{ opacity: 1; } .container{ max-width:1300px } .bg-light{ background:#fafafa!important } .ftc-no-pb{ padding-bottom:0!important } .btn{ cursor:pointer; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; border-radius:30px; -webkit-box-shadow:none!important; box-shadow:none!important } .btn:hover,.btn:active,.btn:focus{ outline:none } .btn.btn-primary{ background:#fbc13c; border:1px solid #fbc13c; color:#fff } .btn.btn-primary:hover{ border:1px solid #fbc13c; background:transparent; color:#fbc13c } .btn.btn-white{ background:#fff; border:1px solid #fff; color:#000 } .btn.btn-white:hover,.btn.btn-white:focus,.btn.btn-white:active{ border:1px solid #fff; color:#fbc13c } .btn.btn-white.btn-outline-white{ border-color:rgba(255,255,255,.8); background:none; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; border-radius:30px; border-width:1px; color:#fff } .btn.btn-white.btn-outline-white:hover,.btn.btn-white.btn-outline-white:focus,.btn.btn-white.btn-outline-white:active{ background:#fff; border-color:#fff; color:#fbc13c } .btn-custom{ font-weight:500; color:#dece19; border-bottom:4px solid #f7ff31 } .ftco-services{ margin-top:-50px; padding-bottom:5em } .ftco-services .services{ display:block; width:100%; -moz-transition:all .3s ease; -o-transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease } .ftco-services .services .icon{ line-height:1.3; position:relative; width:100px; height:100px; background:#dece19; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50% } .ftco-services .services .icon span{ font-size:50px; color:#fff } .ftco-services .services .media-body h3{ font-weight:500; text-transform:uppercase; letter-spacing:1px; font-size:18px } @media (max-width:767.98px){ .img-2{ height:300px; margin-bottom:40px } } .wrap-about{ position:relative } @media (min-width:768px){ .wrap-about{ padding-left:6em } } .project{ position:relative; width:100%; display:block; overflow:hidden } .project img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -moz-transition:all 2s ease; -o-transition:all 2s ease; -webkit-transition:all 2s ease; -ms-transition:all 2s ease; transition:all 2s ease } .project .text{ position:absolute; top:0; left:0; right:0; padding:3em; opacity:1; -moz-transition:all .6s ease; -o-transition:all .6s ease; -webkit-transition:all .6s ease; -ms-transition:all .6s ease; transition:all .6s ease } .project .text h3{ color:#fff; text-transform:uppercase } .project .icon{ position:absolute; top:50%; left:0; right:0; width:80px; height:80px; margin:0 auto; background:#fbc13c; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; -moz-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease; -ms-transition:all 1s ease; transition:all 1s ease; opacity:0 } .project .icon span{ color:#fff; font-size:30px } .project:hover .text,.project:focus .text{ opacity:0; top:-100px } .project:hover .icon,.project:focus .icon{ opacity:1; width:140px; height:140px } .project:hover img,.project:focus img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3); transform:scale(1.3) } .staff .img{ height:320px } .staff .text h3{ font-size:20px; margin-bottom:0 } .staff .text .position{ color:#ffcdcd; display:block } .ftco-social{ padding:0 } .ftco-social li{ list-style:none; margin-right:10px } .block-20{ overflow:hidden; background-size:cover; background-repeat:no-repeat; background-position:center center; height:275px; position:relative; display:block; box-shadow: 0 0 10px #ccc; } .news-image img { box-shadow: 0 0 10px #ccc; margin-bottom: 8px; width: 100%; display: block; } .desc.news-title h3 { font-weight: bold; font-size: 22px; margin-bottom: 0; } @media (min-width:768px){ .blog-entry{ margin-bottom:30px } } @media (max-width:767.98px){ .blog-entry{ margin-bottom:30px } } .blog-entry .text{ position:relative; border-top:0; border-radius:2px } .blog-entry .text .desc{ width:calc(100% - 100px) } .blog-entry .text .heading{ font-size:20px; margin-bottom:16px } .blog-entry .heading a{ font-size:20px; margin-bottom:16px; color:#000; text-align: center; } .blog-entry .text .heading a{ color:#000 } .blog-entry .text .heading a:hover,.blog-entry .text .heading a:focus,.blog-entry .text .heading a:active{ color:#000; text-decoration:underline; } .blog-entry .text .meta-chat{ color:#b3b3b3 } .blog-entry .text .read{ color:#000; font-size:14px } .blog-entry .meta{ width:100px; text-align:right } .blog-entry .meta>div{ display:block; margin-right:5px; margin-bottom:0; font-size:15px } .blog-entry .meta>div a{ color:#b3b3b3; font-size:13px } .blog-entry .meta>div a:hover{ color:#ccc } .block-27 ul{ padding:0; margin:0 } .block-27 ul li{ display:inline-block; margin-bottom:4px; font-weight:400 } .block-27 ul li a,.block-27 ul li span{ border:1px solid #ffcdcd; text-align:center; display:inline-block; width:40px; height:40px; line-height:40px; border-radius:50% } .block-27 ul li.active a,.block-27 ul li.active span{ background:#ffcdcd; color:#fff; border:1px solid transparent } .form-control{ height:52px!important; background:#fff!important; color:#000!important; font-size:18px; border-radius:0; -webkit-box-shadow:none!important; box-shadow:none!important } .form-control:focus,.form-control:active{ border-color:#000 } textarea.form-control{ height:inherit!important } .ftco-animate{ opacity:0; visibility:hidden } .about-author .desc h3{ font-size:24px } .ftco-section{ padding:6em 0; position:relative } .ftco-section2{ padding:1em 0; position:relative } .ftco-section3{ padding:3em 0 1em 0; position:relative } .ftco-bg-dark{ background:#3c312e } .ftco-footer{ font-size:14px; background:#4e4e4e; padding:6em 0; padding-bottom: 3em; } .ftco-footer .ftco-footer-widget h2{ font-weight:normal; color:#fff; /*ori margin-bottom 40px*/ margin-bottom:20px; font-size:18px; font-weight:400 } .ftco-footer .ftco-footer-widget ul li a span{ color:#fff } .ftco-footer .ftco-footer-widget .btn-primary{ background:#fff!important; border:2px solid #fff!important } .ftco-footer .ftco-footer-widget .btn-primary:hover{ background:#fff; border:2px solid #fff!important } .ftco-footer p{ color:rgba(255,255,255,.7) } .ftco-footer a{ color:rgba(255,255,255,.7) } .ftco-footer a:hover{ color:#fff } .ftco-footer .ftco-heading-2{ font-size:17px; font-weight:400; color:#000 } .ftco-footer .categories li{ border-bottom:1px solid rgba(255,255,255,.1) } .ftco-footer .categories li a span{ color:rgba(255,255,255,.5)!important } .ftco-footer-social li{ list-style:none; margin:0 10px 0 0; display:inline-block } .ftco-footer-social li a{ height:50px; width:50px; display:block; float:left; background:rgba(255,255,255,.05); border-radius:50%; position:relative } .ftco-footer-social li a span{ position:absolute; font-size:26px; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .ftco-footer-social li a:hover{ color:#fff } .product_column{ margin: 0; padding: 14px 0; list-style: none; margin: -2% 0 30px -2%; } .product_column{ margin: 0; padding: 14px 0; list-style: none; margin: -2% 0 30px -2%; } .product_column li { float: left; margin: 2% 0 0 2%; padding: 0; width: 31.333%; } #map{ height:400px; width:100% } @media (max-width:991.98px){ #map{ height:300px } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(255, 205, 205, 0.4); -webkit-box-shadow: 0 0 0 0 rgba(255, 205, 205, 0.4); box-shadow: 0 0 0 0 rgba(255, 205, 205, 0.4); } 70% { -moz-box-shadow: 0 0 0 30px rgba(255, 205, 205, 0); -webkit-box-shadow: 0 0 0 30px rgba(255, 205, 205, 0); box-shadow: 0 0 0 30px rgba(255, 205, 205, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(255, 205, 205, 0); -webkit-box-shadow: 0 0 0 0 rgba(255, 205, 205, 0); box-shadow: 0 0 0 0 rgba(255, 205, 205, 0); } } .heading-section .subheading{ font-weight:400; font-size:18px; display:block; margin-bottom:0; text-transform:uppercase; letter-spacing:2px; color:#b3b3b3 } .heading-section h2{ font-size:34px; font-weight:500 } @media (max-width:767.98px){ .heading-section h2{ font-size:28px } } .heading-section.heading-section-with-line{ position:relative } .heading-section.heading-section-with-line:after{ position:absolute; bottom:-20px; left:0; width:100%; height:1px; content:''; background:#fbc13c } .heading-section.heading-section-white .subheading{ color:rgba(255,255,255,.7) } .heading-section.heading-section-white h2{ font-size:40px; color:#fff } .heading-section.heading-section-white p{ color:rgba(255,255,255,.9) } .img,.blog-img,.user-img{ background-size:cover; background-repeat:no-repeat; background-position:center center } .testimony-section{ position:relative } .testimony-section .owl-carousel{ margin:0 } .testimony-section .owl-carousel .owl-stage-outer{ padding-top:3.5em; padding-bottom:2em; position:relative } .testimony-section .owl-nav{ position:absolute; top:100%; width:100% } .testimony-section .owl-nav .owl-prev,.testimony-section .owl-nav .owl-next{ position:absolute; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); margin-top:-10px; outline:none!important; -moz-transition:all .3s ease; -o-transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; opacity:0 } .testimony-section .owl-nav .owl-prev span:before,.testimony-section .owl-nav .owl-next span:before{ font-size:30px; color:rgba(0,0,0,.2); -moz-transition:all .3s ease; -o-transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease } .testimony-section .owl-nav .owl-prev:hover span:before,.testimony-section .owl-nav .owl-prev:focus span:before,.testimony-section .owl-nav .owl-next:hover span:before,.testimony-section .owl-nav .owl-next:focus span:before{ color:#000 } .testimony-section .owl-nav .owl-prev{ left:50%; margin-left:-80px } .testimony-section .owl-nav .owl-next{ right:50%; margin-right:-80px } .testimony-section:hover .owl-nav .owl-prev,.testimony-section:hover .owl-nav .owl-next{ opacity:1 } .testimony-section:hover .owl-nav .owl-prev{ left:50%; margin-left:-80px } .testimony-section:hover .owl-nav .owl-next{ right:50%; margin-right:-80px } .testimony-section .owl-dots{ text-align:center } .testimony-section .owl-dots .owl-dot{ width:10px; height:10px; margin:5px; border-radius:50%; background:rgba(0,0,0,.2) } .testimony-section .owl-dots .owl-dot.active{ background:#ffcdcd } .testimony-wrap{ display:block; position:relative; background:rgba(255,255,255,.1); color:rgba(0,0,0,.8) } .testimony-wrap .user-img{ width:100px; height:100px; border-radius:50%; position:relative; margin-top:-75px } .testimony-wrap .user-img .quote{ position:absolute; bottom:-10px; right:0; width:40px; height:40px; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50% } .testimony-wrap .user-img .quote i{ color:#ffcdcd } .testimony-wrap .name{ font-weight:400; font-size:18px; margin-bottom:0; color:#000 } .testimony-wrap .position{ font-size:13px } .testimony-wrap .line{ position:relative; border-left:1px solid #e6e6e6 } .testimony-wrap .line:after{ position:absolute; top:50%; left:-2px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); content:''; width:3px; height:30px; background:#ffcdcd } .image-popup{ cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in } .mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{ opacity:0; -webkit-backface-visibility:hidden; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out } .mfp-with-zoom.mfp-ready .mfp-container{ opacity:1 } .mfp-with-zoom.mfp-ready.mfp-bg{ opacity:.8 } .mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{ opacity:0 } #section-counter{ position:relative; z-index:0 } #section-counter:after{ position:absolute; top:0; left:0; bottom:0; right:0; content:''; z-index:-1; opacity:.8; background:#000 } .ftco-counter{ padding:6em 0 } @media (max-width:1199.98px){ .ftco-counter{ background-position:center center!important } } .ftco-counter .text strong.number{ font-weight:500; font-size:40px; color:#fff; display:block } .ftco-counter .text span{ display:block; font-size:16px; color:rgba(255,255,255,.8) } @media (max-width:767.98px){ .ftco-counter .counter-wrap{ margin-bottom:20px } } .block-23 ul{ padding:0 } .block-23 ul li,.block-23 ul li>a{ display:table; line-height:1.5; margin-bottom:15px } .block-23 ul li span{ color:rgba(255,255,255,.7) } .block-23 ul li .icon,.block-23 ul li .text{ display:table-cell; vertical-align:top } .block-23 ul li .icon{ width:40px; font-size:18px; padding-top:2px; color:#fff } .contact-section .contact-info p a{ color:#1a1a1a } .contact-section .contact-info p span{ font-size: 18px; font-weight: 400; } .block-9 .form-control{ outline:none!important; -webkit-box-shadow:none!important; box-shadow:none!important; font-size:15px } .block-21 .blog-img{ display:block; height:80px; width:80px } .block-21 .text{ width:calc(100% - 100px) } .block-21 .text .heading{ font-size:18px; font-weight:300 } .block-21 .text .heading a{ color:#000 } .block-21 .text .heading a:hover,.block-21 .text .heading a:active,.block-21 .text .heading a:focus{ color:#fbc13c } .block-21 .text .meta>div{ display:inline-block; font-size:12px; margin-right:5px } .block-21 .text .meta>div a{ color:gray } .tagcloud a{ text-transform:uppercase; display:inline-block; padding:4px 10px; margin-bottom:7px; margin-right:4px; border-radius:4px; color:#000; border:1px solid #ccc; font-size:11px } .tagcloud a:hover{ border:1px solid #000 } .comment-form-wrap{ clear:both } .comment-list{ padding:0; margin:0 } .comment-list .children{ padding:50px 0 0 40px; margin:0; float:left; width:100% } .comment-list li{ padding:0; margin:0 0 30px 0; float:left; width:100%; clear:both; list-style:none } .comment-list li .vcard{ width:80px; float:left } .comment-list li .vcard img{ width:50px; border-radius:50% } .comment-list li .comment-body{ float:right; width:calc(100% - 80px) } .comment-list li .comment-body h3{ font-size:20px } .comment-list li .comment-body .meta{ text-transform:uppercase; font-size:13px; letter-spacing:.1em; color:#ccc } .comment-list li .comment-body .reply{ padding:5px 10px; background:#e6e6e6; color:#000; text-transform:uppercase; font-size:11px; letter-spacing:.1em; font-weight:400; border-radius:4px } .comment-list li .comment-body .reply:hover{ color:#fff; background:#000 } .search-form{ background:#fafafa; padding:10px } .search-form .form-group{ position:relative; margin-bottom:0 } .search-form .form-group input{ padding-right:50px; font-size:14px } .search-form .icon{ position:absolute; top:50%; right:20px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%) } .subs-wrap{ background:#ffcdcd!important; display:block; width:100%; color:rgba(255,255,255,.7) } .subs-wrap h3{ color:#fff; font-size:30px!important } .subscribe-form .form-group{ position:relative; margin-bottom:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; border-radius:0 } .subscribe-form .form-group input{ background:transparent!important; border:1px solid transparent; color:rgba(255,255,255,.7)!important; font-size:16px; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; border-radius:0 } .subscribe-form .form-group input::-webkit-input-placeholder{ color:rgba(255,255,255,.7)!important } .subscribe-form .form-group input::-moz-placeholder{ color:rgba(255,255,255,.7)!important } .subscribe-form .form-group input:-ms-input-placeholder{ color:rgba(255,255,255,.7)!important } .subscribe-form .form-group input:-moz-placeholder{ color:rgba(255,255,255,.7)!important } .subscribe-form .form-group .form-control{ border:1px solid rgba(255,255,255,.4) } .subscribe-form .form-group .submit{ color:#000!important; display:block; width:100%; height:52px; font-size:16px; background:#fff!important; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; border-radius:0 } .subscribe-form .form-group .submit:hover{ cursor:pointer } .subscribe-form .icon{ position:absolute; top:50%; right:20px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); color:rgba(255,255,255,.8) } .sidebar-box{ margin-bottom:30px; padding:25px; font-size:15px; width:100% } .sidebar-box h3{ font-size:18px; margin-bottom:15px } .categories{ padding:0 } .categories li{ position:relative; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #dee2e6; list-style:none } .categories li:last-child{ margin-bottom:0; border-bottom:none; padding-bottom:0 } .categories li a{ display:block } .categories li a span{ position:absolute; right:0; top:0; color:#ccc } .categories li.active a{ color:#000; font-style:italic } #ftco-loader{ position:fixed; width:96px; height:96px; left:50%; top:50%; /* -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);*/ /* background-color:rgba(255,255,255,.9);*/ /* -webkit-box-shadow:0 24px 64px rgba(0,0,0,.24);*/ /* box-shadow:0 24px 64px rgba(0,0,0,.24); border-radius:16px;*/ opacity:0; visibility:hidden; -webkit-transition:opacity .2s ease-out , visibility 0s linear .2s; -o-transition:opacity .2s ease-out , visibility 0s linear .2s; transition:opacity .2s ease-out , visibility 0s linear .2s; z-index:1000 } #ftco-loader.fullscreen{ padding:0; left:0; top:0; width:100%; height:100%; -webkit-transform:none; -ms-transform:none; transform:none; background-color:#fff; border-radius:0; -webkit-box-shadow:none; box-shadow:none } #ftco-loader.show{ -webkit-transition:opacity .4s ease-out , visibility 0s linear 0s; -o-transition:opacity .4s ease-out , visibility 0s linear 0s; transition:opacity .4s ease-out , visibility 0s linear 0s; visibility:visible; opacity:1 } #ftco-loader .circular{ -webkit-animation:loader-rotate 2s linear infinite; animation:loader-rotate 2s linear infinite; position:absolute; left:calc(50% - 24px); top:calc(50% - 24px); display:block; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg) } #ftco-loader .path{ stroke-dasharray:1 , 200; stroke-dashoffset:0; -webkit-animation:loader-dash 1.5s ease-in-out infinite; animation:loader-dash 1.5s ease-in-out infinite; stroke-linecap:round } @keyframes loader-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader-dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -136px; } } @media (max-width:991px){ .ml-auto { background: rgba(255,255,255, 0.8); } } @media screen and (min-width: 768px) and (max-width: 980px) { .home-padding p { text-overflow: ellipsis; overflow: hidden; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; margin-bottom: 15px; } } .loader{ width: 120px; height: 120px; animation: spinloader 2s linear infinite; } .loader img { height: 120px; width: 120px; animation: spinlogo 2s linear infinite; } @keyframes spinloader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spinlogo { 0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); } } .home-box-shadow{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .home-top-title{ font-size: larger; } .footer-bottom-left { right: 20px; bottom: 20px; z-index: 1000; position: fixed; list-style: none; } .footer-bottom-left li { padding: 0; width: 50px; height: 50px; margin-top: 10px; } .footer-bottom-left li a.cart, .footer-bottom-left li a.social { width: 95%; height: 95%; margin: 0 auto; line-height: 50px; text-align: center; border-radius: 50%; position: relative; background-color: rgb(0,0,0,.8); } .footer-bottom-left li a.cart i, .footer-bottom-left li a.social i { width: 100%; color: #fff; display: block; font-size: 33px; line-height: 50px; } .footer-bottom-left li a { display: block; } .footer-bottom-left li a img { width: 100%; display: block; } #cat-menu .dropdown { display: none; } .dropdown{ position: relative; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown-menu { padding: 10px 6px; margin: 0; width: 100%; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%); box-shadow: 0 6px 12px rgb(0 0 0 / 18%); } #cat-menu .dropdown button{ width: 100%; } #cat-menu .dropdown li a{ color: black; padding: 10px; font-size: initial; display: block; font-weight: 400; } @media screen and (max-width: 768px){ #cat-menu .dropdown { width: 100%; margin: 2% 0; display: block; outline: none; } #myBtnContainer .filt_hide { display: none; } .filt_hide{ display: none; } } #cat-menu .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.1em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .portlet-footer{ text-align: center; } .portlet-footer .pagination .page_ul{ list-style: none; text-align: center; display: -webkit-inline-box; padding: unset; } .portlet-footer .pagination .page_ul li{ display: block; padding: 10px; } .portlet-footer .pagination .page_ul li a:hover{ color: #fbc13c; } .portlet-footer .pagination .page_ul .active a{ color: #fbc13c; } .portlet-footer .pagination .page_ul li a{ color: #000; font-weight: 500; font-size: 18px; }