@font-face { font-family: "Flaticon"; src: url(../fonts/flaticon/font/Flaticon.eot); src: url(../fonts/flaticon/font/Flaticon-1.eot) 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) 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) format("svg"); } }@-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); } } @-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; } } @-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; } } @-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; } } @-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; } } @-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; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-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; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-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); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-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); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-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); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-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); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-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); } } [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-clock:before { content: "\f101"} .flaticon-telephone:before { content: "\f102"} .flaticon-online-learning:before { content: "\f103"} .flaticon-certificate:before { content: "\f104"} .flaticon-scientist:before { content: "\f105"} .flaticon-graduation:before { content: "\f106"} .flaticon-learning:before { content: "\f107"} .flaticon-calendar:before { content: "\f108"} .flaticon-design:before { content: "\f109"} .flaticon-paint-palette:before { content: "\f10a"} .flaticon-computer-science:before { content: "\f10b"} .flaticon-magnifying-glass:before { content: "\f10c"} .flaticon-engineer:before { content: "\f10d"} .flaticon-algorithm:before { content: "\f10e"} .flaticon-dumbbell:before { content: "\f10f"} .flaticon-bullhorn:before { content: "\f110"} .flaticon-vector:before { content: "\f111"} .flaticon-musical-notes:before { content: "\f112"} .flaticon-calendar-1:before { content: "\f113"} .flaticon-coding:before { content: "\f114"} .tns-outer { padding: 0!important; } .tns-outer [hidden] { display: none!important; } .tns-outer [aria-controls], .tns-outer [data-action] { cursor: pointer; } .tns-slider { -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s; } .tns-slider>.tns-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tns-horizontal.tns-subpixel { white-space: nowrap; } .tns-horizontal.tns-subpixel>.tns-item { display: inline-block; vertical-align: top; white-space: normal; } .tns-horizontal.tns-no-subpixel:after { content: ''; display: table; clear: both; } .tns-horizontal.tns-no-subpixel>.tns-item { float: left; } .tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item { margin-right: -100%} .tns-no-calc { position: relative; left: 0; } .tns-gallery { position: relative; left: 0; min-height: 1px; } .tns-gallery>.tns-item { position: absolute; left: -100%; -webkit-transition: transform 0s , opacity 0s; -moz-transition: transform 0s , opacity 0s; transition: transform 0s , opacity 0s; } .tns-gallery>.tns-slide-active { position: relative; left: auto!important; } .tns-gallery>.tns-moving { -webkit-transition: all .25s; -moz-transition: all .25s; transition: all .25s; } .tns-autowidth { display: inline-block; } .tns-lazy-img { -webkit-transition: opacity .6s; -moz-transition: opacity .6s; transition: opacity .6s; opacity: .6; } .tns-lazy-img.tns-complete { opacity: 1; } .tns-ah { -webkit-transition: height 0s; -moz-transition: height 0s; transition: height 0s; } .tns-ovh { overflow: hidden; } .tns-visually-hidden { position: absolute; left: -10000em; } .tns-transparent { opacity: 0; visibility: hidden; } .tns-fadeIn { opacity: 1; filter: alpha(opacity=100); z-index: 0; } .tns-normal, .tns-fadeOut { opacity: 0; filter: alpha(opacity=0); z-index: -1; } .tns-vpfix { white-space: nowrap; } .tns-vpfix>div, .tns-vpfix>li { display: inline-block; } .tns-t-subp2 { margin: 0 auto; width: 310px; position: relative; height: 10px; overflow: hidden; } .tns-t-ct { width: 2333.3333333%; width: -webkit-calc(100% * 70 / 3); width: -moz-calc(100% * 70 / 3); width: calc(100% * 70 / 3); position: absolute; right: 0; } .tns-t-ct:after { content: ''; display: table; clear: both; } .tns-t-ct>div { width: 1.4285714%; width: -webkit-calc(100% / 70); width: -moz-calc(100% / 70); width: calc(100% / 70); height: 10px; float: left; } .glightbox-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999!important; overflow: hidden; -ms-touch-action: none; touch-action: none; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: 0; overflow: hidden; } .glightbox-container .gcontainer { position: relative; width: 100%; height: 100%; z-index: 9999; overflow: hidden; } .glightbox-container .gslider { -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease , -webkit-transform .4s ease; height: 100%; left: 0; top: 0; width: 100%; position: relative; overflow: hidden; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .glightbox-container .gslide { width: 100%; position: absolute; opacity: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; } .glightbox-container .gslide.current { opacity: 1; z-index: 99999; position: relative; } .glightbox-container .gslide.prev { opacity: 1; z-index: 9999; } .glightbox-container .gslide-inner-content { width: 100%} .glightbox-container .ginner-container { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; margin: auto; height: 100vh; } .glightbox-container .ginner-container.gvideo-container { width: 100%} .gslide iframe, .gslide video { outline: 0!important; border: none; min-height: 165px; -webkit-overflow-scrolling: touch; -ms-touch-action: auto; touch-action: auto; } .gslide-image { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gslide-image img { max-height: 100vh; display: block; max-width: 100%; margin: 0; padding: 0; float: none; outline: 0; border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; max-width: 100vw; width: auto; height: auto; -o-object-fit: cover; object-fit: cover; -ms-touch-action: none; touch-action: none; margin: auto; min-width: 200px; } .gslide-image img.zoomable { position: relative; } .gslide-image img.dragging { cursor: -webkit-grabbing!important; cursor: grabbing!important; -webkit-transition: none; transition: none; } .gslide-inline { background: #fff; text-align: left; max-height: calc(100vh - 40px); overflow: auto; max-width: 100%} .gslide-inline .ginlined-content { padding: 20px; width: 100%} .gslide-inline .dragging { cursor: -webkit-grabbing!important; cursor: grabbing!important; -webkit-transition: none; transition: none; } .ginlined-content { overflow: auto; display: block!important; opacity: 1; } .gslide-media { display: block; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } .zoomed .gslide-media { -webkit-box-shadow: none!important; box-shadow: none!important; } .gslide-description { position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%} .gslide-description.description-bottom, .gslide-description.description-top { margin: 0 auto; width: 100%} .gslide-description p { margin-bottom: 12px; } .gslide-description p:last-child { margin-bottom: 0; } .zoomed .gslide-description { display: none; } .glightbox-mobile .glightbox-container .gslide-description { height: auto!important; width: 100%; background: 0 0; position: absolute; bottom: 15px; padding: 19px 11px; max-width: 100vw!important; -webkit-box-ordinal-group: 3!important; -ms-flex-order: 2!important; order: 2!important; max-height: 78vh; overflow: auto!important; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .75))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .75) 100%); -webkit-transition: opacity .3s linear; transition: opacity .3s linear; padding-bottom: 50px; } .glightbox-mobile .glightbox-container .gslide-title { color: #fff; font-size: 1em; } .glightbox-mobile .glightbox-container .gslide-desc { color: #a1a1a1; } .glightbox-mobile .glightbox-container .gslide-desc a { color: #fff; font-weight: 700; } .glightbox-mobile .glightbox-container .gslide-desc * { color: inherit; } .glightbox-mobile .glightbox-container .gslide-desc string { color: #fff; } .glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: #fff; opacity: .4; } .gdesc-open .gslide-media { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: .4; } .gdesc-open .gdesc-inner { padding-bottom: 30px; } .gdesc-closed .gslide-media { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 1; } .greset { -webkit-transition: all .3s ease; transition: all .3s ease; } .gabsolute { position: absolute; } .glightbox-desc { display: none!important; } .glightbox-open { overflow: hidden; } .gloader { height: 25px; width: 25px; -webkit-animation: lightboxLoader .8s infinite linear; animation: lightboxLoader .8s infinite linear; border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; position: absolute; display: block; z-index: 9999; left: 0; right: 0; margin: 0 auto; top: 47%} .goverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; will-change: opacity; } .glightbox-mobile .goverlay { background: #000; } .gclose, .gnext, .gprev { background-repeat: no-repeat; z-index: 99999; cursor: pointer; width: 26px; height: 44px; display: block; background-position: 0 0; border: none; } .gclose svg, .gnext svg, .gprev svg { display: block; width: 100%; height: auto; } .gclose.disabled, .gnext.disabled, .gprev.disabled { opacity: .1; } .glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev { opacity: 0!important; } @keyframes lightboxLoader { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }@-webkit-keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } }@keyframes gfadeIn { from { opacity: 0; } to { opacity: 1; } }@-webkit-keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } }@keyframes gfadeOut { from { opacity: 1; } to { opacity: 0; } }@-webkit-keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }@keyframes gslideInLeft { from { opacity: 0; -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); } to { visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }@-webkit-keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } }@keyframes gslideOutLeft { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-60%, 0, 0); transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden; } }@-webkit-keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }@keyframes gslideInRight { from { opacity: 0; visibility: visible; -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } }@-webkit-keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } }@keyframes gslideOutRight { from { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; } }@-webkit-keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 1; } }@keyframes gzoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 1; } }@-webkit-keyframes gzoomOut { from { opacity: 1; } to { opacity: 0; } }@keyframes gzoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } }@media (min-width:769px) { .glightbox-container .ginner-container { width: auto; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .gslide-image img { max-height: 97vh; max-width: calc(100% - 20px); max-width: 100%} .gslide-image img.zoomable { cursor: -webkit-zoom-in; cursor: zoom-in; } .zoomed .gslide-image img.zoomable { cursor: -webkit-grab; cursor: grab; } .gslide-inline { max-height: 95vh; } .glightbox-open { height: auto; } .goverlay { background: rgba(0, 0, 0, .92); } }@media screen and (max-height:420px) { .goverlay { background: #000; } }[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="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="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="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: .75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: .75s; } [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="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-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s; } [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-out"], body[data-aos-easing="ease-out"] [data-aos] { transition-timing-function: ease-out; } [data-aos^="fade"][data-aos^="fade"] { opacity: 0; transition-property: opacity , transform; } [data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; transform: translateZ(0); } [data-aos="fade-up"] { transform: translate3d(0, 100px, 0); } [data-aos^="zoom"][data-aos^="zoom"] { opacity: 0; transition-property: opacity , transform; } [data-aos^="zoom"][data-aos^="zoom"].aos-animate { opacity: 1; transform: translateZ(0) scale(1); } [data-aos^="slide"][data-aos^="slide"] { transition-property: transform; } [data-aos^="slide"][data-aos^="slide"].aos-animate { transform: translateZ(0); } [data-aos^="flip"][data-aos^="flip"] { backface-visibility: hidden; transition-property: transform; } [data-aos="flip-left"] { transform: perspective(2500px) rotateY(-100deg); } [data-aos="flip-left"].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos="flip-right"] { transform: perspective(2500px) rotateY(100deg); } [data-aos="flip-right"].aos-animate { transform: perspective(2500px) rotateY(0); } :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-font-sans-serif: system-ui , -apple-system , "Segoe UI" , Roboto , "Helvetica Neue" , Arial , "Noto Sans" , "Liberation Sans" , sans-serif , "Apple Color Emoji" , "Segoe UI Emoji" , "Segoe UI Symbol" , "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular , Menlo , Monaco , Consolas , "Liberation Mono" , "Courier New" , monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0)); } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } @media (prefers-reduced-motion:no-preference) { :root { scroll-behavior: smooth; } }body { margin: 0; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0!important; } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25; } hr:not([size]) { height: 1px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width:1200px) { h1, .h1 { font-size: 2.5rem; } }h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width:1200px) { h2, .h2 { font-size: 2rem; } }h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width:1200px) { h3, .h3 { font-size: 1.75rem; } }h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width:1200px) { h4, .h4 { font-size: 1.5rem; } }h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } b, strong { font-weight: bolder; } small, .small { font-size: .875em; } sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #0d6efd; text-decoration: underline; } a:hover { color: #0a58ca; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr; unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: .875em; color: #d63384; word-wrap: break-word; } a>code { color: inherit; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: .5rem; padding-bottom: .5rem; color: #6c757d; text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus { outline: dotted 1px; outline: -webkit-focus-ring-color auto 5px; } input, button, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } [list]::-webkit-calendar-picker-indicator { display: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } textarea { resize: vertical; } iframe { border: 0; } progress { vertical-align: baseline; } [hidden] { display: none!important; } .list-unstyled { padding-left: 0; list-style: none; } .img-fluid { max-width: 100%; height: auto; } .container, .container-fluid, .container-xl { width: 100%; padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem); 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, .container-xl { max-width: 1237px; } }@media (min-width:1400px) { .container, .container-xl { max-width: 1320px; } }.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2); } .row>* { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y); } .col { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%} .g-0 { --bs-gutter-x: 0; } .g-0 { --bs-gutter-y: 0; } @media (min-width:576px) { .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%} }@media (min-width:768px) { .col-md { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%} .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%} .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%} .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%} .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%} .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 58.33333%} .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%} .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 75%} .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333% } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%} }@media (min-width:992px) { .col-lg { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%} .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%} .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 25%} .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 33.33333%} .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%} .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%} .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 66.66667%} .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 83.33333%} .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%} .g-lg-2 { --bs-gutter-x: .5rem; } .g-lg-2 { --bs-gutter-y: .5rem; } .g-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5 { --bs-gutter-y: 3rem; } }@media (min-width:1200px) { .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16.66667%} .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 41.66667%} .g-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5 { --bs-gutter-y: 3rem; } }.table { --bs-table-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, .05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, .1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, .075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6; } .table > :not(caption) > * > * { padding: .5rem .5rem; background-color: var(--bs-table-bg); background-image: -webkit-gradient(linear, left top, left bottom, from(var(--bs-table-accent-bg)), to(var(--bs-table-accent-bg))); background-image: -webkit-linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); background-image: -o-linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); border-bottom-width: 1px; } .table > :not(:last-child) > :last-child > * { border-bottom-color: currentColor; } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; 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 (prefers-reduced-motion:reduce) { .form-control { -webkit-transition: none; -o-transition: none; transition: none; } }.form-control[type="file"] { overflow: hidden; } .form-control[type="file"]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); } .form-control::-webkit-date-and-time-value { height: 1.5em; } .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 { background-color: #e9ecef; opacity: 1; } .form-control::file-selector-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -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 (prefers-reduced-motion:reduce) { .form-control: :file-selector-button { -webkit-transition: none; -o-transition: none; transition: none; } }.form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } .form-control::-webkit-file-upload-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -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 (prefers-reduced-motion:reduce) { .form-control: :-webkit-file-upload-button { -webkit-transition: none; -o-transition: none; transition: none; } }.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } textarea.form-control { min-height: calc(1.5em + 0.75rem + 2px); } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; 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 (prefers-reduced-motion:reduce) { .btn { -webkit-transition: none; -o-transition: none; transition: none; } }.btn:hover { color: #212529; } .btn:focus { outline: 0; -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); } .btn:disabled, .btn.disabled { pointer-events: none; opacity: .65; } .btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; } .btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; -webkit-box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5); box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5); } .btn-primary:active, .btn-primary.active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be; } .btn-primary:active:focus, .btn-primary.active:focus, .show>.btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5); box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5); } .btn-primary:disabled, .btn-primary.disabled { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-outline-primary { color: #0d6efd; border-color: #0d6efd; } .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-outline-primary:focus { -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5); box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5); } .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5); box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5); } .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: #0d6efd; background-color: transparent; } .fade { -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } @media (prefers-reduced-motion:reduce) { .fade { -webkit-transition: none; -o-transition: none; transition: none; } }.fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; } @media (prefers-reduced-motion:reduce) { .collapsing { -webkit-transition: none; -o-transition: none; transition: none; } }.dropup, .dropend, .dropdown, .dropstart { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; 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; 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[style] { right: auto!important; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem; } .dropup .dropdown-toggle::after { display: inline-block; 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; } .dropend .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem; } .dropend .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem; } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""} .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-item { display: block; width: 100%; padding: .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #1e2125; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; 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; text-decoration: none; -webkit-transition: color .15s ease-in-out , background-color .15s ease-in-out , border-color .15s ease-in-out; -o-transition: color .15s ease-in-out , background-color .15s ease-in-out , border-color .15s ease-in-out; transition: color .15s ease-in-out , background-color .15s ease-in-out , border-color .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .nav-link { -webkit-transition: none; -o-transition: none; transition: none; } }.nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .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-top: .5rem; padding-bottom: .5rem; } .navbar>.container, .navbar>.container-fluid, .navbar>.container-xl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: inherit; flex-wrap: inherit; -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 { padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap; } .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; } .navbar-collapse { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%} .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem; -webkit-transition: -webkit-box-shadow .15s ease-in-out; transition: -webkit-box-shadow .15s ease-in-out; -o-transition: box-shadow .15s ease-in-out; transition: box-shadow .15s ease-in-out; transition: box-shadow .15s ease-in-out , -webkit-box-shadow .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .navbar-toggler { -webkit-transition: none; -o-transition: none; transition: none; } }.navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; -webkit-box-shadow: 0 0 0 .25rem; box-shadow: 0 0 0 .25rem; } @media (min-width:992px) { .navbar-expand-lg { -ms-flex-wrap: nowrap; flex-wrap: 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 .navbar-collapse { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } .navbar-expand-lg .navbar-toggler { display: none; } }.accordion-button { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; background-color: transparent; border: 1px solid rgba(0, 0, 0, .125); border-radius: 0; overflow-anchor: none; -webkit-transition: color .15s ease-in-out , background-color .15s ease-in-out , border-color .15s ease-in-out , border-radius .15s ease , -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 , border-radius .15s ease , -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 , border-radius .15s ease; transition: color .15s ease-in-out , background-color .15s ease-in-out , border-color .15s ease-in-out , box-shadow .15s ease-in-out , border-radius .15s ease; transition: color .15s ease-in-out , background-color .15s ease-in-out , border-color .15s ease-in-out , box-shadow .15s ease-in-out , border-radius .15s ease , -webkit-box-shadow .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .accordion-button { -webkit-transition: none; -o-transition: none; transition: none; } }.accordion-button.collapsed { border-bottom-width: 0; } .accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; } .accordion-button:not(.collapsed)::after { background-image: url(data:image/svg+xml, %3csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ viewBox=\'0\ 0\ 16\ 16\'\ fill=\'%230c63e4\'%3e%3cpath\ fill-rule=\'evenodd\'\ d=\'M1.646\ 4.646a.5.5\ 0\ 0\ 1\ .708\ 0L8\ 10.293l5.646-5.647a.5.5\ 0\ 0\ 1\ .708.708l-6\ 6a.5.5\ 0\ 0\ 1-.708\ 0l-6-6a.5.5\ 0\ 0\ 1\ 0-.708z\'/%3e%3c/svg%3e); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .accordion-button::after { -ms-flex-negative: 0; flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url(data:image/svg+xml, %3csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ viewBox=\'0\ 0\ 16\ 16\'\ fill=\'%23212529\'%3e%3cpath\ fill-rule=\'evenodd\'\ d=\'M1.646\ 4.646a.5.5\ 0\ 0\ 1\ .708\ 0L8\ 10.293l5.646-5.647a.5.5\ 0\ 0\ 1\ .708.708l-6\ 6a.5.5\ 0\ 0\ 1-.708\ 0l-6-6a.5.5\ 0\ 0\ 1\ 0-.708z\'/%3e%3c/svg%3e); background-repeat: no-repeat; background-size: 1.25rem; -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out , -webkit-transform .2s ease-in-out; } @media (prefers-reduced-motion:reduce) { .accordion-button: :after { -webkit-transition: none; -o-transition: none; transition: none; } }.accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; -webkit-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); } .accordion-header { margin-bottom: 0; } .accordion-item:first-of-type .accordion-button { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-width: 1px; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } .accordion-item:last-of-type .accordion-collapse { border-bottom-width: 1px; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } .accordion-collapse { border: solid rgba(0, 0, 0, .125); border-width: 0 1px; } .accordion-body { padding: 1rem 1.25rem; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem; } .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; border-radius: .25rem; } .list-group-item { position: relative; display: block; padding: .5rem 1rem; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, .125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .list-group-item+.list-group-item { border-top-width: 0; } .list-group-item+.list-group-item.active { margin-top: -1px; border-top-width: 1px; } .toast { width: 350px; max-width: 100%; font-size: .875rem; pointer-events: auto; background-color: rgba(255, 255, 255, .85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .1); -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); border-radius: .25rem; } .toast:not(.showing):not(.show) { opacity: 0; } .toast.hide { display: none; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .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, -50px); -ms-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { -webkit-transition: none; -o-transition: none; transition: none; } }.modal.show .modal-dialog { -webkit-transform: none; -ms-transform: none; transform: none; } .modal.modal-static .modal-dialog { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: .5; } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .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: var(--bs-font-sans-serif); 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 .tooltip-arrow { position: absolute; display: block; width: .8rem; height: .4rem; } .tooltip .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: var(--bs-font-sans-serif); 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 .popover-arrow { position: absolute; display: block; width: 1rem; height: .5rem; margin: 0 .3rem; } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .popover-header { padding: .5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid #d8d8d8; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform .6s ease-in-out; transition: -webkit-transform .6s ease-in-out; -o-transition: transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out , -webkit-transform .6s ease-in-out; } @media (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:not(.carousel-item-start), .active.carousel-item-end { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; 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 { -webkit-box-sizing: content-box; box-sizing: content-box; -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; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; -webkit-transition: opacity .6s ease; -o-transition: opacity .6s ease; transition: opacity .6s ease; } @media (prefers-reduced-motion:reduce) { .carousel-indicators li { -webkit-transition: none; -o-transition: none; transition: none; } }.carousel-indicators .active { opacity: 1; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg) /* rtl:ignore */; transform: rotate(360deg) /* rtl:ignore */; } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg) /* rtl:ignore */; transform: rotate(360deg) /* rtl:ignore */; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; -webkit-transform: none; transform: none; } } .ratio { position: relative; width: 100%} .ratio::before { display: block; padding-top: var(--aspect-ratio); content: ""} .ratio>* { position: absolute; top: 0; left: 0; width: 100%; height: 100%} .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; } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .d-block { display: block!important; } .d-flex { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } .w-100 { width: 100%!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; } .justify-content-between { -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; justify-content: space-between!important; } .align-items-start { -webkit-box-align: start!important; -ms-flex-align: start!important; align-items: flex-start!important; } .align-items-center { -webkit-box-align: center!important; -ms-flex-align: center!important; align-items: center!important; } .align-items-stretch { -webkit-box-align: stretch!important; -ms-flex-align: stretch!important; align-items: stretch!important; } .my-3 { margin-top: 1rem!important; margin-bottom: 1rem!important; } .mt-0 { margin-top: 0!important; } .mt-2 { margin-top: .5rem!important; } .mt-4 { margin-top: 1.5rem!important; } .mt-5 { margin-top: 3rem!important; } .me-1 { margin-right: .25rem!important; } .me-2 { margin-right: .5rem!important; } .me-4 { margin-right: 1.5rem!important; } .me-auto { margin-right: auto!important; } .mb-0 { margin-bottom: 0!important; } .mb-2 { margin-bottom: .5rem!important; } .mb-3 { margin-bottom: 1rem!important; } .mb-4 { margin-bottom: 1.5rem!important; } .mb-5 { margin-bottom: 3rem!important; } .p-4 { padding: 1.5rem!important; } .px-0 { padding-right: 0!important; padding-left: 0!important; } .px-2 { padding-right: .5rem!important; padding-left: .5rem!important; } .px-4 { padding-right: 1.5rem!important; padding-left: 1.5rem!important; } .py-2 { padding-top: .5rem!important; padding-bottom: .5rem!important; } .py-3 { padding-top: 1rem!important; padding-bottom: 1rem!important; } .py-5 { padding-top: 3rem!important; padding-bottom: 3rem!important; } .pt-5 { padding-top: 3rem!important; } .pb-4 { padding-bottom: 1.5rem!important; } .pb-5 { padding-bottom: 3rem!important; } .ps-3 { padding-left: 1rem!important; } .text-center { text-align: center!important; } .bg-primary { background-color: #0d6efd!important; } .bg-C { background-color: white; } .bg-light { background-color: #f8f9fa!important; } .bg-white { background-color: #fff!important; } .rounded { border-radius: .25rem!important; } .visible { visibility: visible!important; } @media (min-width:768px) { .me-md-4 { margin-right: 1.5rem!important; } .p-md-5 { padding: 3rem!important; } }@media (min-width:992px) { .order-lg-last { -webkit-box-ordinal-group: 7!important; -ms-flex-order: 6!important; order: 6!important; } .my-lg-5 { margin-top: 3rem!important; margin-bottom: 3rem!important; } .mb-lg-0 { margin-bottom: 0!important; } .p-lg-5 { padding: 3rem!important; } .px-lg-5 { padding-right: 3rem!important; padding-left: 3rem!important; } }body { font-family: "Roboto", Arial, sans-serif; background: #f8f8f8; font-size: 16px; line-height: 1.8; font-weight: 400; color: #999; } a, button { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; color: #28ace2; text-decoration: none; } a:hover, a:focus, button:hover, button:focus { text-decoration: none; color: #28ace2; outline: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .h1, .h2, .h3, .h4, .h5 { line-height: 1.5; color: rgba(0, 0, 0, .8); font-weight: 400; } .top-wrap { background: transparent!important; position: absolute; top: 0; left: 0; right: 0; z-index: 3; padding: 1.2em 0; } .top-wrap .con .icon span { color: #212970; font-size: 38px; line-height: 1; } .top-wrap .con .text { padding-left: 10px; } .top-wrap .con .text span, .top-wrap .con .text strong { display: block; line-height: 1.4; color: #212970; } @media (max-width:991.98px) { .top-wrap .con { display: none!important; } }.top-wrap .social-media { display: inline-block; } @media (max-width:767.98px) { .top-wrap .social-media { margin: 0 auto; } }@media (max-width:575.98px) { .top-wrap .social-media { display: none; } }.top-wrap .social-media p a { width: 40px; height: 40px; border-radius: 50%; margin-right: 4px; background: rgba(255, 255, 255, .2); } .top-wrap .social-media p a span { color: #28ace2; } .cont-con { display: flex; justify-content: center; float: left; } .top-wrap .social-media p a:hover { background: #28ace2; } .top-wrap .social-media p a:hover span { color: #212970; } .ftco-navbar-light { background: transparent!important; position: absolute; top: 95px; left: 0; right: 0; z-index: 3; padding: 0; } @media (max-width:991.98px) { .ftco-navbar-light { background: #212970!important; } }@media (min-width:1200px) { .ftco-navbar-light .container-xl { padding-left: 0; padding-right: 0; background: rgba(255, 255, 255, .1); max-width: 1300px; } }.ftco-navbar-light .navbar-brand { color: #28ace2; padding: 0; position: relative; z-index: 0; } .ftco-navbar-light .navbar-brand:hover, .ftco-navbar-light .navbar-brand:focus { color: #fff!important; } @media (max-width:767.98px) { .ftco-navbar-light .navbar-brand { color: #fff; } }@media (max-width:991.98px) { .ftco-navbar-light .navbar-nav { padding-top: 20px; padding-bottom: 20px; } }@media (max-width:767.98px) { .ftco-navbar-light .navbar-nav { padding-top: 20px; padding-bottom: 20px; margin-right: 0; } }.ftco-navbar-light .navbar-nav .dropdown:hover .dropdown-menu { display: block; margin-top: 0; -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-navbar-light .navbar-nav>.nav-item>.nav-link { font-size: 15px; padding-top: 1.4rem; padding-bottom: 1.4rem; padding-left: 25px; padding-right: 25px; color: #212970; font-weight: 500; } .ftco-navbar-light .navbar-nav>.nav-item>.nav-link span { position: relative; display: block; padding-bottom: 2px; } @media (max-width:991.98px) { .ftco-navbar-light .navbar-nav>.nav-item>.nav-link span { display: inline-block; } .ftco-navbar-light .navbar-nav>.nav-item>.nav-link { padding-left: 10px; padding-right: 10px; padding-bottom: 1rem; padding-top: 0; color: #fff; } }.ftco-navbar-light .navbar-nav>.nav-item>.nav-link.active { color: #28ace2; position: relative; z-index: 0; } @media (max-width:991.98px) { .ftco-navbar-light .navbar-nav>.nav-item>.nav-link.active { color: #28ace2!important; } }@media (max-width:767.98px) { .ftco-navbar-light .navbar-nav>.nav-item.active>a { color: #fff; background: transparent; } }.ftco-navbar-light .btn-custom { text-transform: uppercase; font-size: 13px; font-weight: 700; background: rgba(255, 255, 255, .3); background: #28ace2; padding: 0.5rem; color: #fff; border-radius: 0; position: relative; display: inline-block; width: 250px; z-index: 0; text-align: center; border: 1px solid transparent; letter-spacing: 2px; } .ftco-navbar-light .btn-custom:before { position: absolute; top: -1px; bottom: -1px; left: -20px; width: 100px; background: #28ace2; -webkit-transform: skewX(-20deg); -ms-transform: skewX(-20deg); transform: skewX(-20deg); z-index: -1; content: ''} @media (max-width:991.98px) { .ftco-navbar-light .btn-custom: before { display: none; } }.ftco-navbar-light .navbar-toggler { border: none; color: rgba(255, 255, 255, .9)!important; cursor: pointer; padding-right: 0; text-transform: uppercase; font-size: 16px; letter-spacing: .1em; } .ftco-navbar-light .navbar-toggler:hover, .ftco-navbar-light .navbar-toggler:focus { text-decoration: none; color: #28ace2; outline: none!important; -webkit-box-shadow: none; box-shadow: none; } .navbar-brand { font-weight: 800; font-size: 30px; color: #fff; z-index: 3; position: relative; line-height: 1.1; text-transform: uppercase; } @media (max-width:575.98px) { .navbar-brand { line-height: 1; } }.navbar-brand span { color: #212970; line-height: 1.1; text-transform: uppercase; font-size: 12px; display: block; font-weight: 500; } .hero-wrap { height: 100vh; min-height: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; z-index: 0; } .hero-wrap .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: #111; z-index: -1; } .hero-wrap.hero-wrap-2 { min-height: auto; height: 700px; background-position: top center; background-attachment: fixed; } .hero-wrap.hero-wrap-2 .overlay { opacity: 0; } .hero-wrap.hero-wrap-2 .slider-text { min-height: auto; height: 700px; } .hero-wrap .slider-text { height: 100vh; min-height: 750px; color: #28ace2; z-index: 3; } .hero-wrap .slider-text .text { position: relative; z-index: 0; } .hero-wrap .slider-text .subheading { text-transform: uppercase; font-weight: 700; color: #28ace2; font-size: 14px; display: inline-block; letter-spacing: 2px; margin-bottom: 5px; position: relative; z-index: 0; } .hero-wrap .slider-text h1, .hero-wrap .slider-text .h1 { font-weight: 600; color: #212970; font-size: 40px; line-height: 1.2; } .hero-wrap .slider-text h1 span, .hero-wrap .slider-text .h1 span { color: #28ace2; } @media (max-width:767.98px) { .hero-wrap .slider-text h1, .hero-wrap .slider-text .h1 { font-size: 40px; } }@media (max-width:575.98px) { .hero-wrap .slider-text .btn { width: 100%; display: block; margin-bottom: 5px; } }.hero-wrap .slider-text .breadcrumbs { font-size: 14px; margin-bottom: 10px; z-index: 99; font-weight: 600; text-transform: uppercase; color: rgba(255, 255, 255, .8); } .hero-wrap .slider-text .breadcrumbs span { color: rgba(255, 255, 255, .8); } .hero-wrap .slider-text .breadcrumbs span i { color: rgba(255, 255, 255, .8); font-size: 12px; } .hero-wrap .slider-text .breadcrumbs span a { color: rgba(255, 255, 255, .8); } .hero-wrap .slider-text .breadcrumbs span a:hover, .hero-wrap .slider-text .breadcrumbs span a:focus { color: #28ace2; } .hero-wrap .slider-text .breadcrumbs span a:hover i, .hero-wrap .slider-text .breadcrumbs span a:focus i { color: #28ace2; } .hero-wrap .slider-text .bread { font-weight: 400; color: #212970; font-size: 70px; } .bg-light { background: #f8f8f8!important; } .bg-primary { background: #28ace2!important; } .bg-darken { background: #111!important; } .btn { padding: 9px 12px; cursor: pointer; border-radius: 4px; -webkit-box-shadow: 0 24px 36px -11px rgba(0, 0, 0, .09); -moz-box-shadow: 0 24px 36px -11px rgba(0, 0, 0, .09); box-shadow: 0 24px 36px -11px rgba(0, 0, 0, .09); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .btn span { font-size: 16px; line-height: 1; margin-left: 10px; } .btn:hover, .btn:active, .btn:focus { outline: none; } .btn.btn-primary { background: #28ace2!important; border: 1px solid #28ace2!important; color: #fff!important; } .btn.btn-primary span { color: #212970!important; } .btn.btn-primary:hover { border: 1px solid #28ace2; background: transparent; color: #28ace2; } .btn.btn-primary.btn-outline-primary { border: 1px solid #28ace2!important; background: transparent!important; color: #28ace2!important; } .btn.btn-primary.btn-outline-primary:hover { border: 1px solid transparent!important; background: #28ace2!important; color: #fff!important; } .btn.btn-white { background: #fff!important; border: 1px solid #fff!important; color: #28ace2!important; } .btn.btn-white:hover { border: 1px solid #fff; background: transparent; color: #fff; } .form-control { height: 45px; background: #fff; color: rgba(0, 0, 0, .8); font-size: 14px; border-radius: 2px; -webkit-box-shadow: none!important; box-shadow: none!important; border: 1px solid rgba(0, 0, 0, .1); } .form-control::-webkit-input-placeholder { color: rgba(0, 0, 0, .3)!important; } .form-control::-moz-placeholder { color: rgba(0, 0, 0, .3)!important; } .form-control:-ms-input-placeholder { color: rgba(0, 0, 0, .3)!important; } .form-control:-moz-placeholder { color: rgba(0, 0, 0, .3)!important; } .form-control:focus, .form-control:active { border-color: #28ace2!important; } textarea.form-control { height: inherit!important; } .services-wrap { position: relative; } .services-wrap .services { padding: 25px; display: block; width: 100%; margin-bottom: 0; } .services-wrap .services .text { padding: 0; padding-left: 20px; } .services-wrap .services .text h2, .services-wrap .services .text .h2 { font-size: 20px; font-weight: 500; font-family: "Roboto", Arial, sans-serif; } .services { width: 100%; background: #fff; padding: 30px; margin-bottom: 20px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } @media (max-width:1199.98px) { .services { margin-bottom: 20px; } }@media (max-width:767.98px) { .services { border-radius: 2px; margin-bottom: 10px; } }.services .img { width: 100%; height: 280px; } .services .icon { margin: 0 auto; } .services .icon span { font-size: 60px; line-height: 1.2; color: #28ace2; } .services .text { width: 100%; padding-left: 30px; } .services .text h2, .services .text .h2 { font-size: 26px; font-weight: 500; margin-bottom: 15px; } .services:hover, .services.active { background: #28ace2; -webkit-box-shadow: 0 5px 25px -2px rgba(0, 0, 0, .18); -moz-box-shadow: 0 5px 25px -2px rgba(0, 0, 0, .18); box-shadow: 0 5px 25px -2px rgba(0, 0, 0, .18); } .services:hover .icon span, .services.active .icon span { color: #212970; } .services:hover .text, .services.active .text { color: rgba(255, 255, 255, .9); } .services:hover .text h2, .services:hover .text .h2, .services.active .text h2, .services.active .text .h2 { color: #fff; } .services:hover .text .btn-custom, .services.active .text .btn-custom { color: primary; border-color: #fff; background: #fff; } .services-2 { width: 100%; background: #fff; padding: 30px 20px; margin-bottom: 0; border-radius: 4px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 5px 25px -2px rgba(0, 0, 0, .06); -moz-box-shadow: 0 5px 25px -2px rgba(0, 0, 0, .06); box-shadow: 0 5px 25px -2px rgba(0, 0, 0, .06); } @media (max-width:1199.98px) { .services-2 { margin-bottom: 20px; } }@media (max-width:767.98px) { .services-2 { border-radius: 2px; margin-bottom: 10px; } }.services-2 .icon { margin-bottom: 8px; } .services-2 .icon span { font-size: 70px; line-height: 1.2; color: #28ace2; } .services-2 .text { width: 100%} .services-2 .text h2, .services-2 .text .h2 { font-size: 20px; font-weight: 600; margin-bottom: 2px; font-family: "Roboto", Arial, sans-serif; } .services-2 .text span { font-size: 13px; font-weight: 500; background: #f8f8f8; padding: 5px; border-radius: 4px; } .services-2:hover, .services-2.active { background: #28ace2; -webkit-box-shadow: 0 5px 25px -2px rgba(0, 0, 0, .18); -moz-box-shadow: 0 5px 25px -2px rgba(0, 0, 0, .18); box-shadow: 0 5px 25px -2px rgba(0, 0, 0, .18); } .services-2:hover .icon span, .services-2.active .icon span { color: #212970; } .services-2:hover .text h2, .services-2:hover .text .h2, .services-2.active .text h2, .services-2.active .text .h2 { color: #fff; } .accordion .accordion-button { background: #fff; font-weight: 600; font-size: 18px; } .accordion .accordion-button:after { line-height: 1; color: #111; background: none; font-family: 'Ionicons'; content: '\f3d8'} .accordion .accordion-button:not(.collapsed) { background: #28ace2; color: #111; } .accordion .accordion-button:not(.collapsed):after { line-height: 1; color: #fff; background: none; font-family: 'Ionicons'; content: '\f3d0'} .accordion .accordion-button:not(.collapsed):focus, .accordion .accordion-button:not(.collapsed):hover { border: 1px solid rgba(0, 0, 0, .1)!important; -webkit-box-shadow: none; box-shadow: none; outline: none; } .accordion .accordion-collapse { background: #fff; padding: 20px 10px; } .block-7 { width: 100%; position: relative; z-index: 0; margin-bottom: 30px; padding: 40px 0 40px 0; background: #fff; -webkit-box-shadow: 0 24px 48px -13px rgba(0, 0, 0, .05); -moz-box-shadow: 0 24px 48px -13px rgba(0, 0, 0, .05); box-shadow: 0 24px 48px -13px rgba(0, 0, 0, .05); -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } @media (max-width:767.98px) { .block-7 { margin-top: 30px; } }.block-7 .price { margin: 0; padding: 0; display: block; } .block-7 .price sup { font-size: 24px; top: -.8em; color: gray; } .block-7 .price .number { font-size: 50px; font-weight: 600; color: #28ace2; } .block-7 .excerpt { margin-bottom: 0; color: #111; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; font-weight: 700; } .block-7 .btn-primary { color: #fff; text-transform: uppercase; font-style: 16px; font-weight: 600; letter-spacing: 1px; width: 60%; margin: 0 auto; } .block-7:hover, .block-7:focus { -webkit-box-shadow: 0 24px 48px -13px rgba(0, 0, 0, .11); -moz-box-shadow: 0 24px 48px -13px rgba(0, 0, 0, .11); box-shadow: 0 24px 48px -13px rgba(0, 0, 0, .11); } .about-author .bio { border-radius: 50%; width: 80px; height: 80px; border-radius: 50%; display: block; } .about-author .desc { width: calc(100% - 80px); } .about-author .desc h3, .about-author .desc .h3 { font-size: 30px; font-weight: 400; } .ftco-section { padding: 8em 0; position: relative; width: 100%; overflow-x: hidden; } .ftco-section-f { padding: 8em 0; margin: auto; width: 100%; overflow-x: hidden; } @media (max-width:575.98px) { .ftco-section { padding: 6em 0; } }.ftco-no-pt { padding-top: 0!important; } .ftco-no-pb { padding-bottom: 0!important; } .ftco-intro { width: 100%; position: relative; z-index: 0; color: rgba(255, 255, 255, .8); } .ftco-intro h2, .ftco-intro .h2 { color: #fff; font-size: 27px; font-weight: 500; } .ftco-in h2, .ftco-in .h2 { color: black; font-size: 27px; font-weight: 500; } .ftco-intro .subscribe-form { width: 100%} .ftco-intro .subscribe-form .form-group { position: relative; margin-bottom: 0; border-bottom: 1px solid rgba(255, 255, 255, .5); border-radius: 0; } .ftco-intro .subscribe-form .form-group input { background: transparent!important; color: #fff!important; font-size: 16px; padding: 0; border-radius: 5px 0 0 5px; border: none!important; } .ftco-intro .subscribe-form .form-group input::-webkit-input-placeholder { color: #fff!important; } .ftco-intro .subscribe-form .form-group input::-moz-placeholder { color: #fff!important; } .ftco-intro .subscribe-form .form-group input:-ms-input-placeholder { color: #fff!important; } .ftco-intro .subscribe-form .form-group input:-moz-placeholder { color: #fff!important; } .ftco-intro .subscribe-form .form-group input:focus { outline: none!important; border: none!important; } .ftco-intro .subscribe-form .form-group .btn-icon span { color: #212970; } .ftco-intro .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); } .ftco-footer { padding: 2em 0 0 0; background: #122b78;; } .ftco-footer .logo a { position: relative; text-decoration: none; color: #111; font-size: 40px; } .ftco-footer .logo a span { color: #28ace2; } .ftco-footer .ftco-footer-widget h2, .ftco-footer .ftco-footer-widget .h2 { color: #727484; margin-bottom: 20px; font-size: 23px; font-weight: 500; font-family: "Roboto", Arial, sans-serif; } .ftco-footer .ftco-footer-widget ul li { margin-bottom: 10px; } .ftco-footer .ftco-footer-widget ul li a { color:#d7deff; } .ftco-footer .ftco-footer-widget ul li a span { font-size: 14px; color: #28ace2; } .ftco-footer .ftco-footer-widget ul li a:hover { color: #28ace2; } .ftco-footer .ftco-footer-widget ul li a:hover span { color: #28ace2; } .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 .block-23 ul { padding: 0; } .ftco-footer .block-23 ul li { font-size: 15px; } .ftco-footer .block-23 ul li, .ftco-footer .block-23 ul li>a { display: table; line-height: 1.5; margin-bottom: 15px; font-size: 15px; } .ftco-footer .block-23 ul li span { color: rgba(0, 0, 0, .7); color: #28ace2; } .ftco-footer .block-23 ul li .icon, .ftco-footer .block-23 ul li .text { display: table-cell; vertical-align: top; color: rgba(0, 0, 0, .8)!important; } .ftco-footer .block-23 ul li .icon { width: 40px; font-size: 15px; padding-top: 2px; color: #28ace2!important; } .ftco-footer .bg-darken { background: #e9e9e9!important; } .ftco-footer .block-21 .blog-img { display: block; height: 50px; width: 50px; } .ftco-footer .block-21 .text { width: calc(100% - 50px); padding-left: 20px; } .ftco-footer .block-21 .text .heading { font-size: 16px; font-weight: 400; margin-bottom: 0; } .ftco-footer .block-21 .text .heading a { color: #666; } .ftco-footer .block-21 .text .heading a:hover, .ftco-footer .block-21 .text .heading a:active, .ftco-footer .block-21 .text .heading a:focus { color: #28ace2; } .ftco-footer .block-21 .text .meta>div { display: inline-block; font-size: 12px; margin-right: 5px; } .ftco-footer .block-21 .text .meta>div a { color: gray; color: #28ace2; } .ftco-footer-social li { list-style: none; margin: 0 5px 0 0; display: inline-block; } .ftco-footer-social li a { height: 40px; width: 40px; display: block; color: #fff; border-radius: 50%; position: relative; background: #28ace2; } .ftco-footer-social li a span { position: absolute; font-size: 24px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff!important; } .ftco-footer-social li a:hover { color: #fff!important; } #map { width: 100%} @media (max-width:767.98px) { #map { height: 300px; } }@keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(30, 178, 166, 0.4); -webkit-box-shadow: 0 0 0 0 rgba(30, 178, 166, 0.4); box-shadow: 0 0 0 0 rgba(30, 178, 166, 0.4); } 70% { -moz-box-shadow: 0 0 0 30px rgba(30, 178, 166, 0); -webkit-box-shadow: 0 0 0 30px rgba(30, 178, 166, 0); box-shadow: 0 0 0 30px rgba(30, 178, 166, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(30, 178, 166, 0); -webkit-box-shadow: 0 0 0 0 rgba(30, 178, 166, 0); box-shadow: 0 0 0 0 rgba(30, 178, 166, 0); } } .heading-section .subheading { font-size: 16px; display: block; margin-bottom: 5px; color: #28ace2; font-weight: 700; text-transform: uppercase; } .heading-section h2, .heading-section .h2 { font-size: 46px; font-weight: 500; line-height: 1.4; } .heading-sec h2, .heading-sec .h2 { font-size: 350; line-height: 2; } @media (max-width:991.98px) { .heading-section h2, .heading-section .h2 { font-size: 40px; } }.img, .blog-img, .user-img { background-size: cover; background-repeat: no-repeat; background-position: center center; } .testimony-section, .courses-section { position: relative; z-index: 0; } .testimony-section .tns-outer, .courses-section .tns-outer { position: relative; padding-bottom: 3em!important; } .testimony-section .tns-ovh, .courses-section .tns-ovh { padding: 2em 0 0 0; } .testimony-section .tns-controls, .courses-section .tns-controls { text-align: center; margin-bottom: 10px; } .testimony-section .tns-nav, .courses-section .tns-nav { text-align: center; margin: 0; position: absolute; bottom: 0; left: 0; right: 0; z-index: 99; } .testimony-section .tns-nav>[aria-controls], .courses-section .tns-nav>[aria-controls] { width: 30px; height: 2px; padding: 0; margin: 0 5px; background: #ddd; border: 0; } .testimony-section .tns-outer [aria-controls], .testimony-section .tns-outer [data-action], .courses-section .tns-outer [aria-controls], .courses-section .tns-outer [data-action] { cursor: pointer; } .testimony-section .tns-nav>.tns-nav-active, .courses-section .tns-nav>.tns-nav-active { background: #28ace2; } .testimony-section .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active .testimony-wrap, .courses-section .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active .testimony-wrap { background: #28ace2; color: rgba(255, 255, 255, .9); } .testimony-section .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active .testimony-wrap .icon, .courses-section .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active .testimony-wrap .icon { background: #fff; } .testimony-section .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active .testimony-wrap .icon span, .courses-section .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active .testimony-wrap .icon span { color: #28ace2; } .testimony-section .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active .testimony-wrap .name, .courses-section .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active .testimony-wrap .name { color: #fff; } .testimony-section .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active .testimony-wrap .position, .courses-section .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active .testimony-wrap .position { color: #fff; } .testimony-section .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active .courses .btn-outline-primary, .courses-section .tns-item:not(.tns-slide-active) + .tns-slide-active + .tns-slide-active .courses .btn-outline-primary { background: #28ace2!important; color: #fff!important; } .testimony-wrap { display: block; position: relative; background: #fff; padding: 35px 30px 30px 30px!important; width: 98%; margin: 0 auto; -webkit-box-shadow: 0 5px 12px -9px rgba(0, 0, 0, .17); -moz-box-shadow: 0 5px 12px -9px rgba(0, 0, 0, .17); box-shadow: 0 5px 12px -9px rgba(0, 0, 0, .17); } .testimony-wrap .icon { position: absolute; bottom: 0; right: 0; width: 30px; height: 30px; border-radius: 50%; background: #28ace2; }.li { list-style:none; } .testimony-wrap .icon span { color: #212970; } .testimony-wrap .tx { width: calc(100% - 80px); } .testimony-wrap .user-img { width: 80px; height: 80px; position: relative; border-radius: 50%} .testimony-wrap .name { font-weight: 600; font-size: 20px; margin-bottom: 0; color: #111; text-transform: uppercase; } .testimony-wrap .position { font-size: 13px; text-transform: uppercase; color: #28ace2; font-weight: 500; } .ftco-section-counter { padding: 6em 0; position: relative; z-index: 0; } .ftco-section-counter .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .3; background: #111; z-index: -1; } .section-counter .counter-wrap-2 { width: 100%; position: relative; z-index: 0; display: block; } @media (max-width:991.98px) { .section-counter .counter-wrap-2 { margin-bottom: 20px!important; } }.section-counter .text { padding-left: 20px; } .section-counter .icon span { font-size: 60px; line-height: 1; color: #fff; } .section-counter .number { font-size: 40px; font-weight: 700; color: #fff; line-height: 1; display: inline-block; margin-bottom: 5px; display: block; } .section-counter .caption { display: block; color: rgba(255, 255, 255, .9); text-transform: uppercase; } .courses { width:100%; left: 100%; background: #fff; padding: 30px 30px 40px 30px; margin-bottom: 20px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } @media (max-width:1199.98px) { .courses { margin-bottom: 20px; } }@media (max-width:767.98px) { .courses { border-radius: 2px; margin-bottom: 10px; } }.courses .icon { width: 80px; height: 80px; border-radius: 50%; background: #28ace2; position: relative; } .courses .icon span { font-size: 50px; line-height: 1.2; color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .courses .text { width: calc(100% - 80px); padding-left: 20px; } .courses .text h2, .courses .text .h2 { font-size: 26px; font-weight: 500; margin-bottom: 5px; } .courses .text p.rate { margin-bottom: 5px; } .courses .text p.rate span { color: #28ace2; font-size: 14px; } .courses .text .author-wrap .img { width: 30px; height: 30px; border-radius: 50%} .courses .text .author-wrap span.author { font-weight: 500; padding-left: 10px; } .courses .text p.lec { font-weight: 500; font-size: 13px; } .courses .course-price { color: #28ace2; } .courses .course-price span { color: #28ace2; font-weight: 500; } .staff { border-radius: 4px; 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; margin-bottom: 20px; -webkit-box-shadow: 0 24px 48px -13px rgba(0, 0, 0, .05); -moz-box-shadow: 0 24px 48px -13px rgba(0, 0, 0, .05); box-shadow: 0 24px 48px -13px rgba(0, 0, 0, .05); } .staff .img { max-width: 100%; display: block; height: 420px; background-position: top center!important; position: relative; } .staff .img .ftco-social { position: absolute; bottom: 0; left: 15px; padding: 0; opacity: 0; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; } .staff .img .ftco-social li { list-style: none; } .staff .img .ftco-social li a { height: 40px; width: 40px; display: block; float: left; color: #fff; border-radius: 50%; position: relative; background: #111; margin-bottom: 7px; } .staff .img .ftco-social li a span { position: absolute; font-size: 18px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; } .staff .img .ftco-social li a:hover { background: #28ace2; } .staff .img .ftco-social li a:hover span { color: #fff!important; } .staff .text { width: 100%; text-align: center; padding: 20px; } .staff .text h3, .staff .text .h3 { font-size: 20px; font-weight: 500; } .staff .text h3 a, .staff .text .h3 a { color: #111; } .staff .text span { font-size: 14px; font-weight: 500; text-transform: uppercase; } .staff:hover { background: #28ace2; } .staff:hover .text { color: rgba(255, 255, 255, .9); } .staff:hover .text h3, .staff:hover .text .h3 { color: #fff; } .staff:hover .img .ftco-social { opacity: 1; } .block-20 { overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; display: block; width: 100%; height: 300px; z-index: -1; } .blog-entry { width: 100%; position: relative; z-index: 0; overflow: hidden; border-radius: 4px; -webkit-box-shadow: 0 10px 25px -13px rgba(0, 0, 0, .1); -moz-box-shadow: 0 10px 25px -13px rgba(0, 0, 0, .1); box-shadow: 0 10px 25px -13px rgba(0, 0, 0, .1); background: #fff; } @media (min-width:768px) { .blog-entry { margin-bottom: 40px; } }@media (max-width:575.98px) { .blog-entry { margin-bottom: 30px; } }.blog-entry .text { position: relative; width: 100%; margin: 0 auto; z-index: 0; padding: 30px; } .blog-entry .text .heading { font-size: 24px; margin-bottom: 0; font-weight: 400; } .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: #28ace2; } .blog-entry .meta { text-transform: uppercase; font-size: 13px; font-weight: 600; } .blog-entry .meta span { margin-right: 10px; } .blog-entry .meta span i { color: #28ace2; } .blog-entry .btn-custom { text-transform: uppercase; color: #000; font-size: 13px; font-weight: 600; letter-spacing: 2px; } .blog-single h2, .blog-single .h2 { font-size: 40px; line-height: 1.2; font-weight: 500; } .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 { color: #000; text-align: center; display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 4px; border: 1px solid #e6e6e6; background: trasparent; } .block-27 ul li.active a, .block-27 ul li.active span, .block-27 ul li:hover a, .block-27 ul li:hover span { background: #28ace2; color: #fff; border: 1px solid transparent; } .wrapper { width: 100%} .wrapper .social-media h3, .wrapper .social-media .h3 { font-size: 20px; font-weight: 400; } .wrapper .social-media p a { color: #28ace2; text-transform: uppercase; font-size: 13px; font-weight: 600; margin-right: 10px; } .wrapper .social-media p a:hover { color: #000; } .contact-wrap { background: #fff; } .contact-wrap h3, .contact-wrap .h3 { color: #000; font-weight: 400; font-size: 30px; } .dbox { width: 100%; margin-bottom: 25px; } @media (min-width:768px) { .dbox { margin-bottom: 0; } }.dbox p { margin-bottom: 0; } .dbox p span { font-weight: 400; color: #000; display: block; text-transform: uppercase; font-size: 13px; font-weight: 700; } .dbox p a { color: #000; } .dbox .text { width: 100%} .contactForm .label { color: #28ace2; text-transform: uppercase; font-size: 12px; font-weight: 600; } .contactForm .form-group { width: 100%; margin-bottom: 10px; } .contactForm .form-control { border: 1px solid rgba(0, 0, 0, .1); } .block-21 .blog-img { display: block; height: 80px; width: 80px; } .block-21 .text { width: calc(100% - 90px); } .block-21 .text .heading { font-size: 18px; font-weight: 400; margin-bottom: 0; } .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: #28ace2; } .block-21 .text .meta>div { display: inline-block; font-size: 12px; margin-right: 5px; } .block-21 .text .meta>div a { color: gray; color: #28ace2; } .tagcloud a { text-transform: uppercase; display: inline-block; padding: 4px 10px; margin-bottom: 7px; margin-right: 4px; border-radius: 4px; color: #28ace2; font-weight: 500; font-size: 12px; background: #fff; } .comment-form-wrap { clear: both; } .comment-form-wrap .comment-form { background: #fff; } .comment-form-wrap .form-group { width: 100%; margin-bottom: 10px; } .comment-form-wrap .form-group label { font-size: 13px; text-transform: uppercase; color: #28ace2; font-weight: 700; margin-bottom: 10px; } .comment-form-wrap .form-control { height: 45px; background: transparent; color: rgba(0, 0, 0, .8); font-size: 14px; border-radius: 2px; -webkit-box-shadow: none!important; box-shadow: none!important; border: 1px solid rgba(0, 0, 0, .1); } .comment-form-wrap .form-control::-webkit-input-placeholder { color: rgba(0, 0, 0, .3)!important; } .comment-form-wrap .form-control::-moz-placeholder { color: rgba(0, 0, 0, .3)!important; } .comment-form-wrap .form-control:-ms-input-placeholder { color: rgba(0, 0, 0, .3)!important; } .comment-form-wrap .form-control:-moz-placeholder { color: rgba(0, 0, 0, .3)!important; } .comment-form-wrap .form-control:focus, .comment-form-wrap .form-control:active { border-color: #28ace2!important; } .comment-form-wrap textarea.form-control { height: inherit!important; } .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; } .banner_fluid { padding-left:0; padding-right:0; } .carousel-control { position: absolute; top: 50%; /* pushes the icon in the middle of the height */ z-index: 5; display: inline-block } .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, .comment-list li .comment-body .h3 { font-size: 18px; font-weight: 500; } .comment-list li .comment-body .meta { text-transform: uppercase; font-size: 12px; letter-spacing: .1em; color: ligten(#111, 30%); font-weight: 500; display: block; margin-bottom: 10px; } .comment-list li .comment-body .reply { padding: 5px 10px; background: #e6e6e6; color: #fff; text-transform: uppercase; font-size: 11px; letter-spacing: .1em; font-weight: 600; border-radius: 4px; background: #28ace2; } .comment-list li .comment-body .reply:hover { color: #fff; background: #000; } .search-form .form-group { position: relative; } .search-form .form-group input { padding-right: 50px; font-size: 14px; border: none; } .search-form .icon { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #28ace2; } .sidebar-box { margin-bottom: 30px; padding: 10px; font-size: 15px; width: 100%} .sidebar-box *:last-child { margin-bottom: 0; } .sidebar-box h3, .sidebar-box .h3 { font-size: 20px; margin-bottom: 30px; font-weight: 600; } .categories { padding: 0; } .categories li { position: relative; margin-bottom: 10px; padding-bottom: 10px; list-style: none; font-size: 16px; font-weight: 400; } .categories li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .categories li a { display: block; color: #666; padding-left: 25px; } .categories li a span { position: absolute; left: 0; top: 0; color: #28ace2; } .categories li.active a { color: #000; font-style: italic; } .carousel-control-prev, .carousel-control-next{ height: 50px; width: 50px; outline: $color-white; background-size: 100%, 100%; border-radius: 50%; border: 1px solid $color-white; background-color: $color-white; } /*a:hover { background-color:#28ace2; opacity: 2; }*/ .div-imagen { display:inline-block; position:relative; } .div-imagen > div { position:absolute; top:0; left:0; z-index:-1; padding:10px; margin:0; } .desvanecer:hover { opacity: 0.07; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; -ms-transition: opacity 500ms; transition: opacity 500ms; }