/* @Author: ThemeMascot @URL: http://ThemeMascot.com */ /* Your Preloader css codes start here: */ /* * 2.0 -> Preloader * ----------------------------------------------- */ #preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 9999; } #spinner { display: block; position: relative; left: 46%; top: 46%; width: 70px; height: 70px; } #preloader #disable-preloader { display: block; position: absolute; right: 30px; bottom: 30px; } /*===== Preloader One =======*/ /*=======Markup=====
*/ .preloader-whirlpool{ position:relative; } .preloader-whirlpool .whirlpool, .preloader-whirlpool .whirlpool::before, .preloader-whirlpool .whirlpool::after { position: absolute; top: 50%; left: 50%; border: 1px solid rgb(204,204,204); border-left-color: rgb(0,0,0); border-radius: 974px; -o-border-radius: 974px; -ms-border-radius: 974px; -webkit-border-radius: 974px; -moz-border-radius: 974px; } .preloader-whirlpool .whirlpool { margin: -24px 0 0 -24px; height: 49px; width: 49px; animation: cssload-rotate 1150ms linear infinite; -o-animation: cssload-rotate 1150ms linear infinite; -ms-animation: cssload-rotate 1150ms linear infinite; -webkit-animation: cssload-rotate 1150ms linear infinite; -moz-animation: cssload-rotate 1150ms linear infinite; } .preloader-whirlpool .whirlpool::before { content: ""; margin: -22px 0 0 -22px; height: 43px; width: 43px; animation: cssload-rotate 1150ms linear infinite; -o-animation: cssload-rotate 1150ms linear infinite; -ms-animation: cssload-rotate 1150ms linear infinite; -webkit-animation: cssload-rotate 1150ms linear infinite; -moz-animation: cssload-rotate 1150ms linear infinite; } .preloader-whirlpool .whirlpool::after { content: ""; margin: -28px 0 0 -28px; height: 55px; width: 55px; animation: cssload-rotate 2300ms linear infinite; -o-animation: cssload-rotate 2300ms linear infinite; -ms-animation: cssload-rotate 2300ms linear infinite; -webkit-animation: cssload-rotate 2300ms linear infinite; -moz-animation: cssload-rotate 2300ms linear infinite; } @keyframes cssload-rotate { 100% { transform: rotate(360deg); } } @-o-keyframes cssload-rotate { 100% { -o-transform: rotate(360deg); } } @-ms-keyframes cssload-rotate { 100% { -ms-transform: rotate(360deg); } } @-webkit-keyframes cssload-rotate { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes cssload-rotate { 100% { -moz-transform: rotate(360deg); } } /*===== Preloader Two =======*/ /*=======Markup=====
*/ .preloader-floating-circles { position:relative; width:80px; height:80px; margin:auto; transform:scale(0.6); -o-transform:scale(0.6); -ms-transform:scale(0.6); -webkit-transform:scale(0.6); -moz-transform:scale(0.6); } .preloader-floating-circles .f_circleG{ position:absolute; background-color:rgb(255,255,255); height:14px; width:14px; border-radius:7px; -o-border-radius:7px; -ms-border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; animation-name:f_fadeG; -o-animation-name:f_fadeG; -ms-animation-name:f_fadeG; -webkit-animation-name:f_fadeG; -moz-animation-name:f_fadeG; animation-duration:0.672s; -o-animation-duration:0.672s; -ms-animation-duration:0.672s; -webkit-animation-duration:0.672s; -moz-animation-duration:0.672s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; } .preloader-floating-circles #frotateG_01{ left:0; top:32px; animation-delay:0.2495s; -o-animation-delay:0.2495s; -ms-animation-delay:0.2495s; -webkit-animation-delay:0.2495s; -moz-animation-delay:0.2495s; } .preloader-floating-circles #frotateG_02{ left:9px; top:9px; animation-delay:0.336s; -o-animation-delay:0.336s; -ms-animation-delay:0.336s; -webkit-animation-delay:0.336s; -moz-animation-delay:0.336s; } .preloader-floating-circles #frotateG_03{ left:32px; top:0; animation-delay:0.4225s; -o-animation-delay:0.4225s; -ms-animation-delay:0.4225s; -webkit-animation-delay:0.4225s; -moz-animation-delay:0.4225s; } .preloader-floating-circles #frotateG_04{ right:9px; top:9px; animation-delay:0.509s; -o-animation-delay:0.509s; -ms-animation-delay:0.509s; -webkit-animation-delay:0.509s; -moz-animation-delay:0.509s; } .preloader-floating-circles #frotateG_05{ right:0; top:32px; animation-delay:0.5955s; -o-animation-delay:0.5955s; -ms-animation-delay:0.5955s; -webkit-animation-delay:0.5955s; -moz-animation-delay:0.5955s; } .preloader-floating-circles #frotateG_06{ right:9px; bottom:9px; animation-delay:0.672s; -o-animation-delay:0.672s; -ms-animation-delay:0.672s; -webkit-animation-delay:0.672s; -moz-animation-delay:0.672s; } .preloader-floating-circles #frotateG_07{ left:32px; bottom:0; animation-delay:0.7585s; -o-animation-delay:0.7585s; -ms-animation-delay:0.7585s; -webkit-animation-delay:0.7585s; -moz-animation-delay:0.7585s; } .preloader-floating-circles #frotateG_08{ left:9px; bottom:9px; animation-delay:0.845s; -o-animation-delay:0.845s; -ms-animation-delay:0.845s; -webkit-animation-delay:0.845s; -moz-animation-delay:0.845s; } @keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-o-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-ms-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-webkit-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } @-moz-keyframes f_fadeG{ 0%{ background-color:rgb(0,0,0); } 100%{ background-color:rgb(255,255,255); } } /*===== Preloader Three =======*/ /*=======Markup=====
*/ .preloader-eight-spinning { width: 72px; margin: 0px auto; font-size: 0; position: relative; transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; animation: cssload-clockwise 6.9s linear infinite; -o-animation: cssload-clockwise 6.9s linear infinite; -ms-animation: cssload-clockwise 6.9s linear infinite; -webkit-animation: cssload-clockwise 6.9s linear infinite; -moz-animation: cssload-clockwise 6.9s linear infinite; } .preloader-eight-spinning:before { position: absolute; content: ''; top: 0; left: 0; width: 39px; height: 39px; border: 6px solid rgb(229,229,229); border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .preloader-eight-spinning:after { position: absolute; content: ''; z-index: -1; top: 0; right: 0; width: 39px; height: 39px; border: 6px solid rgb(229,229,229); border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .preloader-eight-spinning .cssload-lt, .preloader-eight-spinning .cssload-rt, .preloader-eight-spinning .cssload-lb, .preloader-eight-spinning .cssload-rb { position: relative; display: inline-block; overflow: hidden; width: 39px; height: 19px; opacity: 1; } .preloader-eight-spinning .cssload-lt:before, .preloader-eight-spinning .cssload-rt:before, .preloader-eight-spinning .cssload-lb:before, .preloader-eight-spinning .cssload-rb:before { position: absolute; content: ''; width: 39px; height: 39px; border-top: 6px solid rgb(87,67,87); border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid transparent; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-box-sizing: border-box; } .preloader-eight-spinning .cssload-lt { margin-right: -6px; animation: cssload-lt 2.3s linear -2300ms infinite; -o-animation: cssload-lt 2.3s linear -2300ms infinite; -ms-animation: cssload-lt 2.3s linear -2300ms infinite; -webkit-animation: cssload-lt 2.3s linear -2300ms infinite; -moz-animation: cssload-lt 2.3s linear -2300ms infinite; } .preloader-eight-spinning .cssload-lt:before { top: 0; left: 0; animation: cssload-not-clockwise 1.15s linear infinite; -o-animation: cssload-not-clockwise 1.15s linear infinite; -ms-animation: cssload-not-clockwise 1.15s linear infinite; -webkit-animation: cssload-not-clockwise 1.15s linear infinite; -moz-animation: cssload-not-clockwise 1.15s linear infinite; } .preloader-eight-spinning .cssload-rt { animation: cssload-lt 2.3s linear -1150ms infinite; -o-animation: cssload-lt 2.3s linear -1150ms infinite; -ms-animation: cssload-lt 2.3s linear -1150ms infinite; -webkit-animation: cssload-lt 2.3s linear -1150ms infinite; -moz-animation: cssload-lt 2.3s linear -1150ms infinite; } .preloader-eight-spinning .cssload-rt:before { top: 0; right: 0; animation: cssload-clockwise 1.15s linear infinite; -o-animation: cssload-clockwise 1.15s linear infinite; -ms-animation: cssload-clockwise 1.15s linear infinite; -webkit-animation: cssload-clockwise 1.15s linear infinite; -moz-animation: cssload-clockwise 1.15s linear infinite; } .preloader-eight-spinning .cssload-lb { margin-right: -6px; animation: cssload-lt 2.3s linear -1725ms infinite; -o-animation: cssload-lt 2.3s linear -1725ms infinite; -ms-animation: cssload-lt 2.3s linear -1725ms infinite; -webkit-animation: cssload-lt 2.3s linear -1725ms infinite; -moz-animation: cssload-lt 2.3s linear -1725ms infinite; } .preloader-eight-spinning .cssload-lb:before { bottom: 0; left: 0; animation: cssload-not-clockwise 1.15s linear infinite; -o-animation: cssload-not-clockwise 1.15s linear infinite; -ms-animation: cssload-not-clockwise 1.15s linear infinite; -webkit-animation: cssload-not-clockwise 1.15s linear infinite; -moz-animation: cssload-not-clockwise 1.15s linear infinite; } .preloader-eight-spinning .cssload-rb { animation: cssload-lt 2.3s linear -575ms infinite; -o-animation: cssload-lt 2.3s linear -575ms infinite; -ms-animation: cssload-lt 2.3s linear -575ms infinite; -webkit-animation: cssload-lt 2.3s linear -575ms infinite; -moz-animation: cssload-lt 2.3s linear -575ms infinite; } .preloader-eight-spinning .cssload-rb:before { bottom: 0; right: 0; animation: cssload-clockwise 1.15s linear infinite; -o-animation: cssload-clockwise 1.15s linear infinite; -ms-animation: cssload-clockwise 1.15s linear infinite; -webkit-animation: cssload-clockwise 1.15s linear infinite; -moz-animation: cssload-clockwise 1.15s linear infinite; } @keyframes cssload-clockwise { 0% { transform: rotate(-45deg); } 100% { transform: rotate(315deg); } } @-o-keyframes cssload-clockwise { 0% { -o-transform: rotate(-45deg); } 100% { -o-transform: rotate(315deg); } } @-ms-keyframes cssload-clockwise { 0% { -ms-transform: rotate(-45deg); } 100% { -ms-transform: rotate(315deg); } } @-webkit-keyframes cssload-clockwise { 0% { -webkit-transform: rotate(-45deg); } 100% { -webkit-transform: rotate(315deg); } } @-moz-keyframes cssload-clockwise { 0% { -moz-transform: rotate(-45deg); } 100% { -moz-transform: rotate(315deg); } } @keyframes cssload-not-clockwise { 0% { transform: rotate(45deg); } 100% { transform: rotate(-315deg); } } @-o-keyframes cssload-not-clockwise { 0% { -o-transform: rotate(45deg); } 100% { -o-transform: rotate(-315deg); } } @-ms-keyframes cssload-not-clockwise { 0% { -ms-transform: rotate(45deg); } 100% { -ms-transform: rotate(-315deg); } } @-webkit-keyframes cssload-not-clockwise { 0% { -webkit-transform: rotate(45deg); } 100% { -webkit-transform: rotate(-315deg); } } @-moz-keyframes cssload-not-clockwise { 0% { -moz-transform: rotate(45deg); } 100% { -moz-transform: rotate(-315deg); } } @keyframes cssload-lt { 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 75% { opacity: 0; } 76% { opacity: 1; } 100% { opacity: 1; } } @-o-keyframes cssload-lt { 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 75% { opacity: 0; } 76% { opacity: 1; } 100% { opacity: 1; } } @-ms-keyframes cssload-lt { 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 75% { opacity: 0; } 76% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes cssload-lt { 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 75% { opacity: 0; } 76% { opacity: 1; } 100% { opacity: 1; } } @-moz-keyframes cssload-lt { 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 75% { opacity: 0; } 76% { opacity: 1; } 100% { opacity: 1; } } /*===== Preloader Four =======*/ /*=======Markup=====
*/ .preloader-double-torus { width: 49px; height: 49px; margin: 0 auto; border: 4px double; border-radius: 50%; border-color: transparent rgba(0,0,0,0.9) rgba(0,0,0,0.9); animation: cssload-spin 960ms infinite linear; -o-animation: cssload-spin 960ms infinite linear; -ms-animation: cssload-spin 960ms infinite linear; -webkit-animation: cssload-spin 960ms infinite linear; -moz-animation: cssload-spin 960ms infinite linear; } @keyframes cssload-spin { 100%{ transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes cssload-spin { 100%{ -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes cssload-spin { 100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes cssload-spin { 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes cssload-spin { 100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); } } /*===== Preloader Five =======*/ /*=======Markup=====
*/ .preloader-tube-tunnel { width: 49px; height: 49px; margin: 0 auto; border: 4px solid; border-radius: 50%; border-color: rgb(0,0,0); animation: cssload-scale 1035ms infinite linear; -o-animation: cssload-scale 1035ms infinite linear; -ms-animation: cssload-scale 1035ms infinite linear; -webkit-animation: cssload-scale 1035ms infinite linear; -moz-animation: cssload-scale 1035ms infinite linear; } @keyframes cssload-scale { 0% { transform: scale(0); transform: scale(0); } 90% { transform: scale(0.7); transform: scale(0.7); } 100% { transform: scale(1); transform: scale(1); } } @-o-keyframes cssload-scale { 0% { -o-transform: scale(0); transform: scale(0); } 90% { -o-transform: scale(0.7); transform: scale(0.7); } 100% { -o-transform: scale(1); transform: scale(1); } } @-ms-keyframes cssload-scale { 0% { -ms-transform: scale(0); transform: scale(0); } 90% { -ms-transform: scale(0.7); transform: scale(0.7); } 100% { -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes cssload-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 90% { -webkit-transform: scale(0.7); transform: scale(0.7); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes cssload-scale { 0% { -moz-transform: scale(0); transform: scale(0); } 90% { -moz-transform: scale(0.7); transform: scale(0.7); } 100% { -moz-transform: scale(1); transform: scale(1); } } /*===== Preloader Six =======*/ /*=======Markup=====
*/ .preloader-speeding-wheel { width: 49px; height: 49px; margin: 0 auto; border: 3px solid rgb(0,0,0); border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: cssload-spin 575ms infinite linear; -o-animation: cssload-spin 575ms infinite linear; -ms-animation: cssload-spin 575ms infinite linear; -webkit-animation: cssload-spin 575ms infinite linear; -moz-animation: cssload-spin 575ms infinite linear; } @keyframes cssload-spin { 100%{ transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes cssload-spin { 100%{ -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes cssload-spin { 100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes cssload-spin { 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes cssload-spin { 100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); } } /*===== Preloader Seven =======*/ /*=======Markup=====
*/ .preloader-loading-wrapper{ display: block; margin:0px auto; width:97px; } .preloader-loading-wrapper .cssload-loading i{ width: 49px; height: 49px; display: inline-block; background: rgb(255,89,84); border-radius: 50%; } .preloader-loading-wrapper .cssload-loading i:nth-child(1){ animation:cssload-loading-ani1 1.15s ease-in-out infinite; -o-animation:cssload-loading-ani1 1.15s ease-in-out infinite; -ms-animation:cssload-loading-ani1 1.15s ease-in-out infinite; -webkit-animation:cssload-loading-ani1 1.15s ease-in-out infinite; -moz-animation:cssload-loading-ani1 1.15s ease-in-out infinite; } .preloader-loading-wrapper .cssload-loading i:nth-child(2){ background: rgb(0,168,206); margin-left: -10px; animation:cssload-loading-ani1 1.15s ease-in-out 0.58s infinite; -o-animation:cssload-loading-ani1 1.15s ease-in-out 0.58s infinite; -ms-animation:cssload-loading-ani1 1.15s ease-in-out 0.58s infinite; -webkit-animation:cssload-loading-ani1 1.15s ease-in-out 0.58s infinite; -moz-animation:cssload-loading-ani1 1.15s ease-in-out 0.58s infinite; } @keyframes cssload-loading-ani1{ 70%{ transform:scale(0.5); } } @-o-keyframes cssload-loading-ani1{ 70%{ -o-transform:scale(0.5); } } @-ms-keyframes cssload-loading-ani1{ 70%{ -ms-transform:scale(0.5); } } @-webkit-keyframes cssload-loading-ani1{ 70%{ -webkit-transform:scale(0.5); } } @-moz-keyframes cssload-loading-ani1{ 70%{ -moz-transform:scale(0.5); } } /*===== Preloader Eight =======*/ /*=======Markup=====
*/ .preloader-dot-loading { display: block; margin:0px auto; width:97px; } .preloader-dot-loading .cssload-loading i{ width: 19px; height: 19px; display: inline-block; border-radius: 50%; background: rgb(42,43,38); } .preloader-dot-loading .cssload-loading i:first-child{ opacity: 0; animation:cssload-loading-ani2 0.58s linear infinite; -o-animation:cssload-loading-ani2 0.58s linear infinite; -ms-animation:cssload-loading-ani2 0.58s linear infinite; -webkit-animation:cssload-loading-ani2 0.58s linear infinite; -moz-animation:cssload-loading-ani2 0.58s linear infinite; transform:translate(-19px); -o-transform:translate(-19px); -ms-transform:translate(-19px); -webkit-transform:translate(-19px); -moz-transform:translate(-19px); } .preloader-dot-loading .cssload-loading i:nth-child(2), .preloader-dot-loading .cssload-loading i:nth-child(3){ animation:cssload-loading-ani3 0.58s linear infinite; -o-animation:cssload-loading-ani3 0.58s linear infinite; -ms-animation:cssload-loading-ani3 0.58s linear infinite; -webkit-animation:cssload-loading-ani3 0.58s linear infinite; -moz-animation:cssload-loading-ani3 0.58s linear infinite; } .preloader-dot-loading .cssload-loading i:last-child{ animation:cssload-loading-ani1 0.58s linear infinite; -o-animation:cssload-loading-ani1 0.58s linear infinite; -ms-animation:cssload-loading-ani1 0.58s linear infinite; -webkit-animation:cssload-loading-ani1 0.58s linear infinite; -moz-animation:cssload-loading-ani1 0.58s linear infinite; } @keyframes cssload-loading-ani1{ 100%{ transform:translate(39px); opacity: 0; } } @-o-keyframes cssload-loading-ani1{ 100%{ -o-transform:translate(39px); opacity: 0; } } @-ms-keyframes cssload-loading-ani1{ 100%{ -ms-transform:translate(39px); opacity: 0; } } @-webkit-keyframes cssload-loading-ani1{ 100%{ -webkit-transform:translate(39px); opacity: 0; } } @-moz-keyframes cssload-loading-ani1{ 100%{ -moz-transform:translate(39px); opacity: 0; } } @keyframes cssload-loading-ani2{ 100%{ transform:translate(19px); opacity: 1; } } @-o-keyframes cssload-loading-ani2{ 100%{ -o-transform:translate(19px); opacity: 1; } } @-ms-keyframes cssload-loading-ani2{ 100%{ -ms-transform:translate(19px); opacity: 1; } } @-webkit-keyframes cssload-loading-ani2{ 100%{ -webkit-transform:translate(19px); opacity: 1; } } @-moz-keyframes cssload-loading-ani2{ 100%{ -moz-transform:translate(19px); opacity: 1; } } @keyframes cssload-loading-ani3{ 100%{ transform:translate(19px); } } @-o-keyframes cssload-loading-ani3{ 100%{ -o-transform:translate(19px); } } @-ms-keyframes cssload-loading-ani3{ 100%{ -ms-transform:translate(19px); } } @-webkit-keyframes cssload-loading-ani3{ 100%{ -webkit-transform:translate(19px); } } @-moz-keyframes cssload-loading-ani3{ 100%{ -moz-transform:translate(19px); } } /*===== Preloader Nine =======*/ /*=======Markup=====
L
o
a
d
i
n
g
*/ .preloader-fountainTextG{ width:300px; margin:auto; } .preloader-fountainTextG .fountainTextG{ color:rgb(0,0,0); font-family:Arial; font-size:31px; text-decoration:none; font-weight:normal; font-style:normal; float:left; animation-name:bounce_fountainTextG; -o-animation-name:bounce_fountainTextG; -ms-animation-name:bounce_fountainTextG; -webkit-animation-name:bounce_fountainTextG; -moz-animation-name:bounce_fountainTextG; animation-duration:2.09s; -o-animation-duration:2.09s; -ms-animation-duration:2.09s; -webkit-animation-duration:2.09s; -moz-animation-duration:2.09s; animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal; transform:scale(.5); -o-transform:scale(.5); -ms-transform:scale(.5); -webkit-transform:scale(.5); -moz-transform:scale(.5); }.preloader-fountainTextG #fountainTextG_1{ animation-delay:0.75s; -o-animation-delay:0.75s; -ms-animation-delay:0.75s; -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; } .preloader-fountainTextG #fountainTextG_2{ animation-delay:0.9s; -o-animation-delay:0.9s; -ms-animation-delay:0.9s; -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; } .preloader-fountainTextG #fountainTextG_3{ animation-delay:1.05s; -o-animation-delay:1.05s; -ms-animation-delay:1.05s; -webkit-animation-delay:1.05s; -moz-animation-delay:1.05s; } .preloader-fountainTextG #fountainTextG_4{ animation-delay:1.2s; -o-animation-delay:1.2s; -ms-animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; } .preloader-fountainTextG #fountainTextG_5{ animation-delay:1.35s; -o-animation-delay:1.35s; -ms-animation-delay:1.35s; -webkit-animation-delay:1.35s; -moz-animation-delay:1.35s; } .preloader-fountainTextG #fountainTextG_6{ animation-delay:1.5s; -o-animation-delay:1.5s; -ms-animation-delay:1.5s; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; } .preloader-fountainTextG #fountainTextG_7{ animation-delay:1.64s; -o-animation-delay:1.64s; -ms-animation-delay:1.64s; -webkit-animation-delay:1.64s; -moz-animation-delay:1.64s; } @keyframes bounce_fountainTextG{ 0%{ transform:scale(1); color:rgb(0,0,0); } 100%{ transform:scale(.5); color:rgb(255,255,255); } } @-o-keyframes bounce_fountainTextG{ 0%{ -o-transform:scale(1); color:rgb(0,0,0); } 100%{ -o-transform:scale(.5); color:rgb(255,255,255); } } @-ms-keyframes bounce_fountainTextG{ 0%{ -ms-transform:scale(1); color:rgb(0,0,0); } 100%{ -ms-transform:scale(.5); color:rgb(255,255,255); } } @-webkit-keyframes bounce_fountainTextG{ 0%{ -webkit-transform:scale(1); color:rgb(0,0,0); } 100%{ -webkit-transform:scale(.5); color:rgb(255,255,255); } } @-moz-keyframes bounce_fountainTextG{ 0%{ -moz-transform:scale(1); color:rgb(0,0,0); } 100%{ -moz-transform:scale(.5); color:rgb(255,255,255); } } /*===== Preloader Ten =======*/ /*=======Markup=====
*/ .preloader-circle-loading-wrapper { margin: 0px auto; display: block; width: 97px; } .preloader-circle-loading-wrapper .cssload-loader { width: 49px; height: 49px; border-radius: 50%; margin: 0; display: inline-block; position: relative; vertical-align: middle; } .preloader-circle-loading-wrapper .cssload-loader { width: 49px; height: 49px; border-radius: 50%; margin: 0; display: inline-block; position: relative; vertical-align: middle; background-color: rgb(211,211,211); } .preloader-circle-loading-wrapper .cssload-loader, .preloader-circle-loading-wrapper .cssload-loader:before, .preloader-circle-loading-wrapper .cssload-loader:after { animation: 1.15s infinite ease-in-out; -o-animation: 1.15s infinite ease-in-out; -ms-animation: 1.15s infinite ease-in-out; -webkit-animation: 1.15s infinite ease-in-out; -moz-animation: 1.15s infinite ease-in-out; } .preloader-circle-loading-wrapper .cssload-loader:before, .preloader-circle-loading-wrapper .cssload-loader:after { width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } .preloader-circle-loading-wrapper .cssload-loader:before, .preloader-circle-loading-wrapper .cssload-loader:after { content: ""; } .preloader-circle-loading-wrapper .cssload-loader:before { content: ''; border: 10px solid white; top: 0px; left: 0px; animation-name: cssload-animation; -o-animation-name: cssload-animation; -ms-animation-name: cssload-animation; -webkit-animation-name: cssload-animation; -moz-animation-name: cssload-animation; } @keyframes cssload-animation { 0% { transform: scale(0); } 100% { transform: scale(1); } } @-o-keyframes cssload-animation { 0% { -o-transform: scale(0); } 100% { -o-transform: scale(1); } } @-ms-keyframes cssload-animation { 0% { -ms-transform: scale(0); } 100% { -ms-transform: scale(1); } } @-webkit-keyframes cssload-animation { 0% { -webkit-transform: scale(0); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes cssload-animation { 0% { -moz-transform: scale(0); } 100% { -moz-transform: scale(1); } } /*===== Preloader Eleven =======*/ /*=======Markup=====
*/ .preloader-dot-circle-rotator{ position: relative; width: 12px; height: 12px; left: 46%; left: calc(50% - 6px); left: -o-calc(50% - 6px); left: -ms-calc(50% - 6px); left: -webkit-calc(50% - 6px); left: -moz-calc(50% - 6px); border-radius: 12px; background-color: rgb(0,0,0); transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; animation: cssload-loader 1.15s ease-in-out infinite; -o-animation: cssload-loader 1.15s ease-in-out infinite; -ms-animation: cssload-loader 1.15s ease-in-out infinite; -webkit-animation: cssload-loader 1.15s ease-in-out infinite; -moz-animation: cssload-loader 1.15s ease-in-out infinite; } .preloader-dot-circle-rotator:before{ content: ""; position: absolute; background-color: rgb(0,0,0); top: 0px; left: -24px; height: 12px; width: 12px; border-radius: 12px; } .preloader-dot-circle-rotator:after{ content: ""; position: absolute; background-color: rgb(0,0,0); top: 0px; left: 24px; height: 12px; width: 12px; border-radius: 12px; } @keyframes cssload-loader{ 0%{transform:rotate(0deg);} 50%{transform:rotate(180deg);} 100%{transform:rotate(180deg);} } @-o-keyframes cssload-loader{ 0%{-o-transform:rotate(0deg);} 50%{-o-transform:rotate(180deg);} 100%{-o-transform:rotate(180deg);} } @-ms-keyframes cssload-loader{ 0%{-ms-transform:rotate(0deg);} 50%{-ms-transform:rotate(180deg);} 100%{-ms-transform:rotate(180deg);} } @-webkit-keyframes cssload-loader{ 0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(180deg);} 100%{-webkit-transform:rotate(180deg);} } @-moz-keyframes cssload-loader{ 0%{-moz-transform:rotate(0deg);} 50%{-moz-transform:rotate(180deg);} 100%{-moz-transform:rotate(180deg);} } /*===== Preloader Twelve =======*/ /*=======Markup=====
*/ .preloader-bubblingG { text-align: center; width:78px; height:49px; margin: auto; } .preloader-bubblingG span { display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 24px auto; background: rgb(0,0,0); border-radius: 49px; -o-border-radius: 49px; -ms-border-radius: 49px; -webkit-border-radius: 49px; -moz-border-radius: 49px; animation: bubblingG 1.5s infinite alternate; -o-animation: bubblingG 1.5s infinite alternate; -ms-animation: bubblingG 1.5s infinite alternate; -webkit-animation: bubblingG 1.5s infinite alternate; -moz-animation: bubblingG 1.5s infinite alternate; } .preloader-bubblingG #bubblingG_1 { animation-delay: 0s; -o-animation-delay: 0s; -ms-animation-delay: 0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; } .preloader-bubblingG #bubblingG_2 { animation-delay: 0.45s; -o-animation-delay: 0.45s; -ms-animation-delay: 0.45s; -webkit-animation-delay: 0.45s; -moz-animation-delay: 0.45s; } .preloader-bubblingG #bubblingG_3 { animation-delay: 0.9s; -o-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; } @keyframes bubblingG { 0% { width: 10px; height: 10px; background-color:rgb(0,0,0); transform: translateY(0); } 100% { width: 23px; height: 23px; background-color:rgb(255,255,255); transform: translateY(-20px); } } @-o-keyframes bubblingG { 0% { width: 10px; height: 10px; background-color:rgb(0,0,0); -o-transform: translateY(0); } 100% { width: 23px; height: 23px; background-color:rgb(255,255,255); -o-transform: translateY(-20px); } } @-ms-keyframes bubblingG { 0% { width: 10px; height: 10px; background-color:rgb(0,0,0); -ms-transform: translateY(0); } 100% { width: 23px; height: 23px; background-color:rgb(255,255,255); -ms-transform: translateY(-20px); } } @-webkit-keyframes bubblingG { 0% { width: 10px; height: 10px; background-color:rgb(0,0,0); -webkit-transform: translateY(0); } 100% { width: 23px; height: 23px; background-color:rgb(255,255,255); -webkit-transform: translateY(-20px); } } @-moz-keyframes bubblingG { 0% { width: 10px; height: 10px; background-color:rgb(0,0,0); -moz-transform: translateY(0); } 100% { width: 23px; height: 23px; background-color:rgb(255,255,255); -moz-transform: translateY(-20px); } } /*===== Preloader Thirteen =======*/ /*=======Markup=====
*/ .preloader-coffee { text-align:left; height: 49px; width: 39px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: absolute; left: 50%; z-index: 999; background: linear-gradient(to bottom left, rgb(247,148,30), rgb(194,108,7)); background: -o-linear-gradient(to bottom left, rgb(247,148,30), rgb(194,108,7)); background: -ms-linear-gradient(to bottom left, rgb(247,148,30), rgb(194,108,7)); background: -webkit-linear-gradient(to bottom left, rgb(247,148,30), rgb(194,108,7)); background: -moz-linear-gradient(to bottom left, rgb(247,148,30), rgb(194,108,7)); } .preloader-coffee:before { position: absolute; content: ""; right: -15px; top: 5px; height: 24px; width: 10px; background: transparent; border: 5px solid rgb(247,148,30); border-left: 5px solid transparent; border-bottom: 5px solid rgb(231,129,8); border-top-right-radius: 10px; border-bottom-right-radius: 10px; z-index: 1; } .preloader-coffee:after { position: absolute; content: ""; width: 5px; height: 29px; background: rgb(225,225,225); border-radius: 4px; top: -29px; box-shadow: 34px 0px 0 rgb(225,225,225), 17.5px -15px 0 rgb(225,225,225); opacity: 1; animation: cssload-steam 3.45s ease infinite; -o-animation: cssload-steam 3.45s ease infinite; -ms-animation: cssload-steam 3.45s ease infinite; -webkit-animation: cssload-steam 3.45s ease infinite; -moz-animation: cssload-steam 3.45s ease infinite; } @keyframes cssload-steam { 100% { top: -39px; background: rgb(238,238,238); box-shadow: 34px 0px 0 rgb(238,238,238), 17.5px -15px 0 rgb(238,238,238); opacity: 0.25; } } @-o-keyframes cssload-steam { 100% { top: -39px; background: rgb(238,238,238); box-shadow: 34px 0px 0 rgb(238,238,238), 17.5px -15px 0 rgb(238,238,238); opacity: 0.25; } } @-ms-keyframes cssload-steam { 100% { top: -39px; background: rgb(238,238,238); box-shadow: 34px 0px 0 rgb(238,238,238), 17.5px -15px 0 rgb(238,238,238); opacity: 0.25; } } @-webkit-keyframes cssload-steam { 100% { top: -39px; background: rgb(238,238,238); box-shadow: 34px 0px 0 rgb(238,238,238), 17.5px -15px 0 rgb(238,238,238); opacity: 0.25; } } @-moz-keyframes cssload-steam { 100% { top: -39px; background: rgb(238,238,238); box-shadow: 34px 0px 0 rgb(238,238,238), 17.5px -15px 0 rgb(238,238,238); opacity: 0.25; } } /*===== Preloader Fourteen =======*/ /*=======Markup=====
*/ .preloader-orbit-loading { position: relative; left: calc(50% - 31px); width: 62px; height: 62px; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; perspective: 780px; } .preloader-orbit-loading .cssload-inner { position: absolute; width: 100%; height: 100%; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .preloader-orbit-loading .cssload-inner.cssload-one { left: 0%; top: 0%; animation: cssload-rotate-one 1.15s linear infinite; -o-animation: cssload-rotate-one 1.15s linear infinite; -ms-animation: cssload-rotate-one 1.15s linear infinite; -webkit-animation: cssload-rotate-one 1.15s linear infinite; -moz-animation: cssload-rotate-one 1.15s linear infinite; border-bottom: 3px solid rgb(0,0,0); } .preloader-orbit-loading .cssload-inner.cssload-two { right: 0%; top: 0%; animation: cssload-rotate-two 1.15s linear infinite; -o-animation: cssload-rotate-two 1.15s linear infinite; -ms-animation: cssload-rotate-two 1.15s linear infinite; -webkit-animation: cssload-rotate-two 1.15s linear infinite; -moz-animation: cssload-rotate-two 1.15s linear infinite; border-right: 3px solid rgb(0,0,0); } .preloader-orbit-loading .cssload-inner.cssload-three { right: 0%; bottom: 0%; animation: cssload-rotate-three 1.15s linear infinite; -o-animation: cssload-rotate-three 1.15s linear infinite; -ms-animation: cssload-rotate-three 1.15s linear infinite; -webkit-animation: cssload-rotate-three 1.15s linear infinite; -moz-animation: cssload-rotate-three 1.15s linear infinite; border-top: 3px solid rgb(0,0,0); } @keyframes cssload-rotate-one { 0% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-o-keyframes cssload-rotate-one { 0% { -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-ms-keyframes cssload-rotate-one { 0% { -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-webkit-keyframes cssload-rotate-one { 0% { -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-moz-keyframes cssload-rotate-one { 0% { -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @keyframes cssload-rotate-two { 0% { transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-o-keyframes cssload-rotate-two { 0% { -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-ms-keyframes cssload-rotate-two { 0% { -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-webkit-keyframes cssload-rotate-two { 0% { -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-moz-keyframes cssload-rotate-two { 0% { -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @keyframes cssload-rotate-three { 0% { transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-o-keyframes cssload-rotate-three { 0% { -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-ms-keyframes cssload-rotate-three { 0% { -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-webkit-keyframes cssload-rotate-three { 0% { -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @-moz-keyframes cssload-rotate-three { 0% { -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } /*===== Preloader Fifteen =======*/ /*=======Markup=====
*/ .preloader-battery { display: block; margin:0px auto; position: relative; width: 2.25rem; height: 4.5rem; box-shadow: 0 0 0 0.2rem rgb(66,92,119); -o-box-shadow: 0 0 0 0.2rem rgb(66,92,119); -ms-box-shadow: 0 0 0 0.2rem rgb(66,92,119); -webkit-box-shadow: 0 0 0 0.2rem rgb(66,92,119); -moz-box-shadow: 0 0 0 0.2rem rgb(66,92,119); border-radius: 0.09rem; -o-border-radius: 0.09rem; -ms-border-radius: 0.09rem; -webkit-border-radius: 0.09rem; -moz-border-radius: 0.09rem; background: white; } .preloader-battery:before { content: ''; position: absolute; left: 0.5625rem; right: 0.5625rem; top: -0.3375rem; height: 0.3375rem; width: 1.125rem; background: rgb(66,92,119); border-radius: 0.18rem; -o-border-radius: 0.18rem; -ms-border-radius: 0.18rem; -webkit-border-radius: 0.18rem; -moz-border-radius: 0.18rem; } .preloader-battery:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-right: 2.25rem solid transparent; border-bottom: 4.05rem solid rgba(255,255,255,0.32); } .preloader-battery .cssload-liquid { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 2.25rem; background: rgb(113,251,133); animation: load 2.59s infinite; -o-animation: load 2.59s infinite; -ms-animation: load 2.59s infinite; -webkit-animation: load 2.59s infinite; -moz-animation: load 2.59s infinite; } .preloader-battery .cssload-liquid:after, .preloader-battery .cssload-liquid:before { content: ''; position: absolute; top: -0.5rem; height: 1.125rem; width: 1.4625rem; background: rgb(113,251,133); opacity: 0; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .preloader-battery .cssload-liquid:after { right: 0; animation: cssload-liquid-1 2.59s infinite; -o-animation: cssload-liquid-1 2.59s infinite; -ms-animation: cssload-liquid-1 2.59s infinite; -webkit-animation: cssload-liquid-1 2.59s infinite; -moz-animation: cssload-liquid-1 2.59s infinite; } .preloader-battery .cssload-liquid:before { left: 0; animation: cssload-liquid-2 2.59s infinite; -o-animation: cssload-liquid-2 2.59s infinite; -ms-animation: cssload-liquid-2 2.59s infinite; -webkit-animation: cssload-liquid-2 2.59s infinite; -moz-animation: cssload-liquid-2 2.59s infinite; } @keyframes load { 0% { top: 4.5rem; } 70% { top: 1.125rem; } 90% { top: 0; } 95% { top: 0; } 100% { top: 4.5rem; } } @-o-keyframes load { 0% { top: 4.5rem; } 70% { top: 1.125rem; } 90% { top: 0; } 95% { top: 0; } 100% { top: 4.5rem; } } @-ms-keyframes load { 0% { top: 4.5rem; } 70% { top: 1.125rem; } 90% { top: 0; } 95% { top: 0; } 100% { top: 4.5rem; } } @-webkit-keyframes load { 0% { top: 4.5rem; } 70% { top: 1.125rem; } 90% { top: 0; } 95% { top: 0; } 100% { top: 4.5rem; } } @-moz-keyframes load { 0% { top: 4.5rem; } 70% { top: 1.125rem; } 90% { top: 0; } 95% { top: 0; } 100% { top: 4.5rem; } } @keyframes cssload-liquid-1 { 0% { height: 0; opacity: 0; top: -0.5rem; } 22% { height: 0.28125rem; top: 0.375rem; opacity: 1; } 25% { top: -0.25rem; } 35% { height: 1.125rem; top: -0.5rem; } 55% { height: 0.28125rem; top: -0.125rem; } 60% { height: 0.61875rem; opacity: 1; top: -0.275rem; } 96% { height: 0.84375rem; opacity: 0; top: 0.5rem; } 100% { height: 0; opacity: 0; } } @-o-keyframes cssload-liquid-1 { 0% { height: 0; opacity: 0; top: -0.5rem; } 22% { height: 0.28125rem; top: 0.375rem; opacity: 1; } 25% { top: -0.25rem; } 35% { height: 1.125rem; top: -0.5rem; } 55% { height: 0.28125rem; top: -0.125rem; } 60% { height: 0.61875rem; opacity: 1; top: -0.275rem; } 96% { height: 0.84375rem; opacity: 0; top: 0.5rem; } 100% { height: 0; opacity: 0; } } @-ms-keyframes cssload-liquid-1 { 0% { height: 0; opacity: 0; top: -0.5rem; } 22% { height: 0.28125rem; top: 0.375rem; opacity: 1; } 25% { top: -0.25rem; } 35% { height: 1.125rem; top: -0.5rem; } 55% { height: 0.28125rem; top: -0.125rem; } 60% { height: 0.61875rem; opacity: 1; top: -0.275rem; } 96% { height: 0.84375rem; opacity: 0; top: 0.5rem; } 100% { height: 0; opacity: 0; } } @-webkit-keyframes cssload-liquid-1 { 0% { height: 0; opacity: 0; top: -0.5rem; } 22% { height: 0.28125rem; top: 0.375rem; opacity: 1; } 25% { top: -0.25rem; } 35% { height: 1.125rem; top: -0.5rem; } 55% { height: 0.28125rem; top: -0.125rem; } 60% { height: 0.61875rem; opacity: 1; top: -0.275rem; } 96% { height: 0.84375rem; opacity: 0; top: 0.5rem; } 100% { height: 0; opacity: 0; } } @-moz-keyframes cssload-liquid-1 { 0% { height: 0; opacity: 0; top: -0.5rem; } 22% { height: 0.28125rem; top: 0.375rem; opacity: 1; } 25% { top: -0.25rem; } 35% { height: 1.125rem; top: -0.5rem; } 55% { height: 0.28125rem; top: -0.125rem; } 60% { height: 0.61875rem; opacity: 1; top: -0.275rem; } 96% { height: 0.84375rem; opacity: 0; top: 0.5rem; } 100% { height: 0; opacity: 0; } } @keyframes cssload-liquid-2 { 0% { height: 0; opacity: 0; top: -0.5rem; } 17.5% { height: 0.28125rem; top: 0.2rem; opacity: 1; } 20% { top: -0.25rem; } 25% { height: 1.40625rem; top: -0.625rem; } 45% { height: 0.28125rem; top: -0.125rem; } 60% { height: 1.40625rem; opacity: 1; top: -0.5rem; } 96% { height: 0.84375rem; opacity: 0; top: 0.5rem; } 100% { height: 0; opacity: 0; } } @-o-keyframes cssload-liquid-2 { 0% { height: 0; opacity: 0; top: -0.5rem; } 17.5% { height: 0.28125rem; top: 0.2rem; opacity: 1; } 20% { top: -0.25rem; } 25% { height: 1.40625rem; top: -0.625rem; } 45% { height: 0.28125rem; top: -0.125rem; } 60% { height: 1.40625rem; opacity: 1; top: -0.5rem; } 96% { height: 0.84375rem; opacity: 0; top: 0.5rem; } 100% { height: 0; opacity: 0; } } @-ms-keyframes cssload-liquid-2 { 0% { height: 0; opacity: 0; top: -0.5rem; } 17.5% { height: 0.28125rem; top: 0.2rem; opacity: 1; } 20% { top: -0.25rem; } 25% { height: 1.40625rem; top: -0.625rem; } 45% { height: 0.28125rem; top: -0.125rem; } 60% { height: 1.40625rem; opacity: 1; top: -0.5rem; } 96% { height: 0.84375rem; opacity: 0; top: 0.5rem; } 100% { height: 0; opacity: 0; } } @-webkit-keyframes cssload-liquid-2 { 0% { height: 0; opacity: 0; top: -0.5rem; } 17.5% { height: 0.28125rem; top: 0.2rem; opacity: 1; } 20% { top: -0.25rem; } 25% { height: 1.40625rem; top: -0.625rem; } 45% { height: 0.28125rem; top: -0.125rem; } 60% { height: 1.40625rem; opacity: 1; top: -0.5rem; } 96% { height: 0.84375rem; opacity: 0; top: 0.5rem; } 100% { height: 0; opacity: 0; } } @-moz-keyframes cssload-liquid-2 { 0% { height: 0; opacity: 0; top: -0.5rem; } 17.5% { height: 0.28125rem; top: 0.2rem; opacity: 1; } 20% { top: -0.25rem; } 25% { height: 1.40625rem; top: -0.625rem; } 45% { height: 0.28125rem; top: -0.125rem; } 60% { height: 1.40625rem; opacity: 1; top: -0.5rem; } 96% { height: 0.84375rem; opacity: 0; top: 0.5rem; } 100% { height: 0; opacity: 0; } } /*===== Preloader Sixteen =======*/ /*=======Markup=====
*/ .preloader-equalizer { position: absolute; margin: 50px auto; left: 0; right: 0; width: 88px; } .preloader-equalizer ul { margin: 0; list-style: none; width: 88px; height: 63px; position: relative; padding: 0; height: 10px; } .preloader-equalizer ul li { position: absolute; width: 2px; height: 0; background-color: rgb(0,0,0); bottom: 0; } .preloader-equalizer li:nth-child(1) { left: 0; animation: cssload-sequence1 1.15s ease infinite 0; -o-animation: cssload-sequence1 1.15s ease infinite 0; -ms-animation: cssload-sequence1 1.15s ease infinite 0; -webkit-animation: cssload-sequence1 1.15s ease infinite 0; -moz-animation: cssload-sequence1 1.15s ease infinite 0; } .preloader-equalizer li:nth-child(2) { left: 15px; animation: cssload-sequence2 1.15s ease infinite 0.12s; -o-animation: cssload-sequence2 1.15s ease infinite 0.12s; -ms-animation: cssload-sequence2 1.15s ease infinite 0.12s; -webkit-animation: cssload-sequence2 1.15s ease infinite 0.12s; -moz-animation: cssload-sequence2 1.15s ease infinite 0.12s; } .preloader-equalizer li:nth-child(3) { left: 29px; animation: cssload-sequence1 1.15s ease-in-out infinite 0.23s; -o-animation: cssload-sequence1 1.15s ease-in-out infinite 0.23s; -ms-animation: cssload-sequence1 1.15s ease-in-out infinite 0.23s; -webkit-animation: cssload-sequence1 1.15s ease-in-out infinite 0.23s; -moz-animation: cssload-sequence1 1.15s ease-in-out infinite 0.23s; } .preloader-equalizer li:nth-child(4) { left: 44px; animation: cssload-sequence2 1.15s ease-in infinite 0.35s; -o-animation: cssload-sequence2 1.15s ease-in infinite 0.35s; -ms-animation: cssload-sequence2 1.15s ease-in infinite 0.35s; -webkit-animation: cssload-sequence2 1.15s ease-in infinite 0.35s; -moz-animation: cssload-sequence2 1.15s ease-in infinite 0.35s; } .preloader-equalizer li:nth-child(5) { left: 58px; animation: cssload-sequence1 1.15s ease-in-out infinite 0.46s; -o-animation: cssload-sequence1 1.15s ease-in-out infinite 0.46s; -ms-animation: cssload-sequence1 1.15s ease-in-out infinite 0.46s; -webkit-animation: cssload-sequence1 1.15s ease-in-out infinite 0.46s; -moz-animation: cssload-sequence1 1.15s ease-in-out infinite 0.46s; } .preloader-equalizer li:nth-child(6) { left: 73px; animation: cssload-sequence2 1.15s ease infinite 0.58s; -o-animation: cssload-sequence2 1.15s ease infinite 0.58s; -ms-animation: cssload-sequence2 1.15s ease infinite 0.58s; -webkit-animation: cssload-sequence2 1.15s ease infinite 0.58s; -moz-animation: cssload-sequence2 1.15s ease infinite 0.58s; } @keyframes cssload-sequence1 { 0% { height: 10px; } 50% { height: 49px; } 100% { height: 10px; } } @-o-keyframes cssload-sequence1 { 0% { height: 10px; } 50% { height: 49px; } 100% { height: 10px; } } @-ms-keyframes cssload-sequence1 { 0% { height: 10px; } 50% { height: 49px; } 100% { height: 10px; } } @-webkit-keyframes cssload-sequence1 { 0% { height: 10px; } 50% { height: 49px; } 100% { height: 10px; } } @-moz-keyframes cssload-sequence1 { 0% { height: 10px; } 50% { height: 49px; } 100% { height: 10px; } } @keyframes cssload-sequence2 { 0% { height: 19px; } 50% { height: 63px; } 100% { height: 19px; } } @-o-keyframes cssload-sequence2 { 0% { height: 19px; } 50% { height: 63px; } 100% { height: 19px; } } @-ms-keyframes cssload-sequence2 { 0% { height: 19px; } 50% { height: 63px; } 100% { height: 19px; } } @-webkit-keyframes cssload-sequence2 { 0% { height: 19px; } 50% { height: 63px; } 100% { height: 19px; } } @-moz-keyframes cssload-sequence2 { 0% { height: 19px; } 50% { height: 63px; } 100% { height: 19px; } } /*===== Preloader Seventeen =======*/ /*=======Markup=====
*/ .preloader-square-swapping { margin: 30px auto; width: 19px; height: 19px; transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); } .preloader-square-swapping .cssload-square-part { position: absolute; width: 19px; height: 19px; z-index: 1; animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate; -o-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate; -ms-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate; -webkit-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate; -moz-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate; } .preloader-square-swapping .cssload-square-green { background: rgb(84,250,212); right: 0; bottom: 0; animation-direction: alternate-reverse; -o-animation-direction: alternate-reverse; -ms-animation-direction: alternate-reverse; -webkit-animation-direction: alternate-reverse; -moz-animation-direction: alternate-reverse; } .preloader-square-swapping .cssload-square-pink { background: rgb(233,111,146); left: 0; top: 0; } .preloader-square-swapping .cssload-square-blend { background: rgb(117,81,125); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; animation: blend-anim 0.92s ease-in infinite; -o-animation: blend-anim 0.92s ease-in infinite; -ms-animation: blend-anim 0.92s ease-in infinite; -webkit-animation: blend-anim 0.92s ease-in infinite; -moz-animation: blend-anim 0.92s ease-in infinite; } @keyframes blend-anim { 0% { transform: scale(0.01, 0.01) rotateY(0); animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 50% { transform: scale(1, 1) rotateY(0); animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } 100% { transform: scale(0.01, 0.01) rotateY(0); } } @-o-keyframes blend-anim { 0% { -o-transform: scale(0.01, 0.01) rotateY(0); -o-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 50% { -o-transform: scale(1, 1) rotateY(0); -o-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } 100% { -o-transform: scale(0.01, 0.01) rotateY(0); } } @-ms-keyframes blend-anim { 0% { -ms-transform: scale(0.01, 0.01) rotateY(0); -ms-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 50% { -ms-transform: scale(1, 1) rotateY(0); -ms-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } 100% { -ms-transform: scale(0.01, 0.01) rotateY(0); } } @-webkit-keyframes blend-anim { 0% { -webkit-transform: scale(0.01, 0.01) rotateY(0); -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 50% { -webkit-transform: scale(1, 1) rotateY(0); -webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } 100% { -webkit-transform: scale(0.01, 0.01) rotateY(0); } } @-moz-keyframes blend-anim { 0% { -moz-transform: scale(0.01, 0.01) rotateY(0); -moz-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 50% { -moz-transform: scale(1, 1) rotateY(0); -moz-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } 100% { -moz-transform: scale(0.01, 0.01) rotateY(0); } } @keyframes cssload-part-anim { 0% { transform: translate3d(-10px, -10px, 0); } 100% { transform: translate3d(10px, 10px, 0); } } @-o-keyframes cssload-part-anim { 0% { -o-transform: translate3d(-10px, -10px, 0); } 100% { -o-transform: translate3d(10px, 10px, 0); } } @-ms-keyframes cssload-part-anim { 0% { -ms-transform: translate3d(-10px, -10px, 0); } 100% { -ms-transform: translate3d(10px, 10px, 0); } } @-webkit-keyframes cssload-part-anim { 0% { -webkit-transform: translate3d(-10px, -10px, 0); } 100% { -webkit-transform: translate3d(10px, 10px, 0); } } @-moz-keyframes cssload-part-anim { 0% { -moz-transform: translate3d(-10px, -10px, 0); } 100% { -moz-transform: translate3d(10px, 10px, 0); } } /*===== Preloader Eighteen =======*/ /*=======Markup=====
*/ .preloader-jackhammer * { box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .preloader-jackhammer { margin: 0 auto; max-width: 545px; } .preloader-jackhammer ul li{ list-style: none; } .preloader-jackhammer .cssload-flex-container { display: flex; display: -o-flex; display: -ms-flex; display: -webkit-flex; display: -moz-flex; flex-direction: row; -o-flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-wrap: wrap; -o-flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; justify-content: space-around; } .preloader-jackhammer .cssload-flex-container li { padding: 10px; height: 97px; width: 97px; margin: 0; position: relative; text-align: center; } .preloader-jackhammer .cssload-loading, .preloader-jackhammer .cssload-loading:after, .preloader-jackhammer .cssload-loading:before { display: inline-block; position: relative; width: 5px; height: 49px; background: rgb(0,0,0); margin-top: 5px; border-radius: 975px; -o-border-radius: 975px; -ms-border-radius: 975px; -webkit-border-radius: 975px; -moz-border-radius: 975px; animation: cssload-upDown2 1.15s ease infinite; -o-animation: cssload-upDown2 1.15s ease infinite; -ms-animation: cssload-upDown2 1.15s ease infinite; -webkit-animation: cssload-upDown2 1.15s ease infinite; -moz-animation: cssload-upDown2 1.15s ease infinite; animation-direction: alternate; -o-animation-direction: alternate; -ms-animation-direction: alternate; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; animation-delay: 0.29s; -o-animation-delay: 0.29s; -ms-animation-delay: 0.29s; -webkit-animation-delay: 0.29s; -moz-animation-delay: 0.29s; } .preloader-jackhammer .cssload-loading:after, .preloader-jackhammer .cssload-loading:before { position: absolute; content: ''; animation: cssload-upDown 1.15s ease infinite; -o-animation: cssload-upDown 1.15s ease infinite; -ms-animation: cssload-upDown 1.15s ease infinite; -webkit-animation: cssload-upDown 1.15s ease infinite; -moz-animation: cssload-upDown 1.15s ease infinite; animation-direction: alternate; -o-animation-direction: alternate; -ms-animation-direction: alternate; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; } .preloader-jackhammer .cssload-loading:before { left: -10px; } .preloader-jackhammer .cssload-loading:after { left: 10px; animation-delay: 0.58s; -o-animation-delay: 0.58s; -ms-animation-delay: 0.58s; -webkit-animation-delay: 0.58s; -moz-animation-delay: 0.58s; } @keyframes cssload-upDown { from { transform: translateY(19px); } to { transform: translateY(-19px); } } @-o-keyframes cssload-upDown { from { -o-transform: translateY(19px); } to { -o-transform: translateY(-19px); } } @-ms-keyframes cssload-upDown { from { -ms-transform: translateY(19px); } to { -ms-transform: translateY(-19px); } } @-webkit-keyframes cssload-upDown { from { -webkit-transform: translateY(19px); } to { -webkit-transform: translateY(-19px); } } @-moz-keyframes cssload-upDown { from { -moz-transform: translateY(19px); } to { -moz-transform: translateY(-19px); } } @keyframes cssload-upDown2 { from { transform: translateY(29px); } to { transform: translateY(-19px); } } @-o-keyframes cssload-upDown2 { from { -o-transform: translateY(29px); } to { -o-transform: translateY(-19px); } } @-ms-keyframes cssload-upDown2 { from { -ms-transform: translateY(29px); } to { -ms-transform: translateY(-19px); } } @-webkit-keyframes cssload-upDown2 { from { -webkit-transform: translateY(29px); } to { -webkit-transform: translateY(-19px); } } @-moz-keyframes cssload-upDown2 { from { -moz-transform: translateY(29px); } to { -moz-transform: translateY(-19px); } } /* * Custom Bootstrap Margin Padding * Author - Md Ismail Hossain * Git - https://github.com/ismailcseku/Custom-Bootstrap-Margin-Padding * Web - http://ismail-hossain.me/ * Email - ismailcseku@gmail.com */ /** * Table of Contents: * * 1 -> Basic margin padding * 1.1 -> Basic Margin * 1.2 -> Basic Padding * 1.3 -> Margin top * 1.4 -> Margin right * 1.5 -> Margin bottom * 1.6 -> Margin left * 1.7 -> Padding top * 1.8 -> Padding right * 1.9 -> Padding bottom * 1.10 -> Padding left * 2 -> lg: min-width:1200px * 3 -> md: max-width:1199px * 4 -> sm: max-width:991px * 5 -> xs: max-width 767px * 6 -> xxs: max-width 479px * =============================================== */ /* min even, max odd*/ /* * 1.1 -> Basic Margin * ----------------------------------------------- */ .m-0 {margin: 0px !important} .m-5 {margin: 5px !important} .m-10 {margin: 10px !important} .m-15 {margin: 15px !important} .m-20 {margin: 20px !important} .m-30 {margin: 30px !important} .m-40 {margin: 40px !important} .m-50 {margin: 50px !important} .m-60 {margin: 60px !important} .m-70 {margin: 70px !important} .m-80 {margin: 80px !important} .m-90 {margin: 90px !important} .m-100 {margin: 100px !important} .m-110 {margin: 110px !important} .m-120 {margin: 120px !important} .m-130 {margin: 130px !important} .m-140 {margin: 140px !important} .m-150 {margin: 150px !important} .m-160 {margin: 160px !important} .m-170 {margin: 170px !important} .m-180 {margin: 180px !important} .m-190 {margin: 190px !important} .m-200 {margin: 200px !important} /* * 1.2 -> Basic Padding * ----------------------------------------------- */ .p-0 {padding: 0!important;} .p-5 {padding: 5px !important} .p-10 {padding: 10px !important} .p-15 {padding: 15px !important} .p-20 {padding: 20px !important} .p-30 {padding: 30px !important} .p-40 {padding: 40px !important} .p-50 {padding: 50px !important} .p-60 {padding: 60px !important} .p-70 {padding: 70px !important} .p-80 {padding: 80px !important} .p-90 {padding: 90px !important} .p-100 {padding: 100px !important} .p-110 {padding: 110px !important} .p-120 {padding: 120px !important} .p-130 {padding: 130px !important} .p-140 {padding: 140px !important} .p-150 {padding: 150px !important} .p-160 {padding: 160px !important} .p-170 {padding: 170px !important} .p-180 {padding: 180px !important} .p-190 {padding: 190px !important} .p-200 {padding: 200px !important} /* * 1.3 -> Margin top * ----------------------------------------------- */ .mt-0 {margin-top: 0!important;} .mt-5 {margin-top: 5px !important} .mt-10 {margin-top: 10px !important} .mt-15 {margin-top: 15px !important} .mt-20 {margin-top: 20px !important} .mt-30 {margin-top: 30px !important} .mt-40 {margin-top: 40px !important} .mt-50 {margin-top: 50px !important} .mt-60 {margin-top: 60px !important} .mt-70 {margin-top: 70px !important} .mt-80 {margin-top: 80px !important} .mt-90 {margin-top: 90px !important} .mt-100 {margin-top: 100px !important} .mt-110 {margin-top: 110px !important} .mt-120 {margin-top: 120px !important} .mt-130 {margin-top: 130px !important} .mt-140 {margin-top: 140px !important} .mt-150 {margin-top: 150px !important} .mt-160 {margin-top: 160px !important} .mt-170 {margin-top: 170px !important} .mt-180 {margin-top: 180px !important} .mt-190 {margin-top: 190px !important} .mt-200 {margin-top: 200px !important} /* * 1.4 -> Margin right * ----------------------------------------------- */ .mr-0 {margin-right: 0!important;} .mr-5 {margin-right: 5px !important} .mr-10 {margin-right: 10px !important} .mr-15 {margin-right: 15px !important} .mr-20 {margin-right: 20px !important} .mr-30 {margin-right: 30px !important} .mr-40 {margin-right: 40px !important} .mr-50 {margin-right: 50px !important} .mr-60 {margin-right: 60px !important} .mr-70 {margin-right: 70px !important} .mr-80 {margin-right: 80px !important} .mr-90 {margin-right: 90px !important} .mr-100 {margin-right: 100px !important} .mr-110 {margin-right: 110px !important} .mr-120 {margin-right: 120px !important} .mr-130 {margin-right: 130px !important} .mr-140 {margin-right: 140px !important} .mr-150 {margin-right: 150px !important} .mr-160 {margin-right: 160px !important} .mr-170 {margin-right: 170px !important} .mr-180 {margin-right: 180px !important} .mr-190 {margin-right: 190px !important} .mr-200 {margin-right: 200px !important} /* * 1.5 -> Margin bottom * ----------------------------------------------- */ .mb-0 {margin-bottom: 0!important;} .mb-5 {margin-bottom: 5px !important} .mb-10 {margin-bottom: 10px !important} .mb-15 {margin-bottom: 15px !important} .mb-20 {margin-bottom: 20px !important} .mb-30 {margin-bottom: 30px !important} .mb-40 {margin-bottom: 40px !important} .mb-50 {margin-bottom: 50px !important} .mb-60 {margin-bottom: 60px !important} .mb-70 {margin-bottom: 70px !important} .mb-80 {margin-bottom: 80px !important} .mb-90 {margin-bottom: 90px !important} .mb-100 {margin-bottom: 100px !important} .mb-110 {margin-bottom: 110px !important} .mb-120 {margin-bottom: 120px !important} .mb-130 {margin-bottom: 130px !important} .mb-140 {margin-bottom: 140px !important} .mb-150 {margin-bottom: 150px !important} .mb-160 {margin-bottom: 160px !important} .mb-170 {margin-bottom: 170px !important} .mb-180 {margin-bottom: 180px !important} .mb-190 {margin-bottom: 190px !important} .mb-200 {margin-bottom: 200px !important} /* * 1.6 -> Margin left * ----------------------------------------------- */ .ml-0 {margin-left: 0!important;} .ml-5 {margin-left: 5px !important} .ml-10 {margin-left: 10px !important} .ml-15 {margin-left: 15px !important} .ml-20 {margin-left: 20px !important} .ml-30 {margin-left: 30px !important} .ml-40 {margin-left: 40px !important} .ml-50 {margin-left: 50px !important} .ml-60 {margin-left: 60px !important} .ml-70 {margin-left: 70px !important} .ml-80 {margin-left: 80px !important} .ml-90 {margin-left: 90px !important} .ml-100 {margin-left: 100px !important} .ml-110 {margin-left: 110px !important} .ml-120 {margin-left: 120px !important} .ml-130 {margin-left: 130px !important} .ml-140 {margin-left: 140px !important} .ml-150 {margin-left: 150px !important} .ml-160 {margin-left: 160px !important} .ml-170 {margin-left: 170px !important} .ml-180 {margin-left: 180px !important} .ml-190 {margin-left: 190px !important} .ml-200 {margin-left: 200px !important} /* * 1.7 -> Padding top * ----------------------------------------------- */ .pt-0 {padding-top: 0!important;} .pt-5 {padding-top: 5px !important} .pt-10 {padding-top: 10px !important} .pt-15 {padding-top: 15px !important} .pt-20 {padding-top: 20px !important} .pt-30 {padding-top: 30px !important} .pt-40 {padding-top: 40px !important} .pt-50 {padding-top: 50px !important} .pt-60 {padding-top: 60px !important} .pt-70 {padding-top: 70px !important} .pt-80 {padding-top: 80px !important} .pt-90 {padding-top: 90px !important} .pt-100 {padding-top: 100px !important} .pt-110 {padding-top: 110px !important} .pt-120 {padding-top: 120px !important} .pt-130 {padding-top: 130px !important} .pt-140 {padding-top: 140px !important} .pt-150 {padding-top: 150px !important} .pt-160 {padding-top: 160px !important} .pt-170 {padding-top: 170px !important} .pt-180 {padding-top: 180px !important} .pt-190 {padding-top: 190px !important} .pt-200 {padding-top: 200px !important} /* * 1.8 -> Padding right * ----------------------------------------------- */ .pr-0 {padding-right: 0!important;} .pr-5 {padding-right: 5px !important} .pr-10 {padding-right: 10px !important} .pr-15 {padding-right: 15px !important} .pr-20 {padding-right: 20px !important} .pr-30 {padding-right: 30px !important} .pr-40 {padding-right: 40px !important} .pr-50 {padding-right: 50px !important} .pr-60 {padding-right: 60px !important} .pr-70 {padding-right: 70px !important} .pr-80 {padding-right: 80px !important} .pr-90 {padding-right: 90px !important} .pr-100 {padding-right: 100px !important} .pr-110 {padding-right: 110px !important} .pr-120 {padding-right: 120px !important} .pr-130 {padding-right: 130px !important} .pr-140 {padding-right: 140px !important} .pr-150 {padding-right: 150px !important} .pr-160 {padding-right: 160px !important} .pr-170 {padding-right: 170px !important} .pr-180 {padding-right: 180px !important} .pr-190 {padding-right: 190px !important} .pr-200 {padding-right: 200px !important} /* * 1.9 -> Padding bottom * ----------------------------------------------- */ .pb-0 {padding-bottom: 0!important;} .pb-5 {padding-bottom: 5px !important} .pb-10 {padding-bottom: 10px !important} .pb-15 {padding-bottom: 15px !important} .pb-20 {padding-bottom: 20px !important} .pb-30 {padding-bottom: 30px !important} .pb-40 {padding-bottom: 40px !important} .pb-50 {padding-bottom: 50px !important} .pb-60 {padding-bottom: 60px !important} .pb-70 {padding-bottom: 70px !important} .pb-80 {padding-bottom: 80px !important} .pb-90 {padding-bottom: 90px !important} .pb-100 {padding-bottom: 100px !important} .pb-110 {padding-bottom: 110px !important} .pb-120 {padding-bottom: 120px !important} .pb-130 {padding-bottom: 130px !important} .pb-140 {padding-bottom: 140px !important} .pb-150 {padding-bottom: 150px !important} .pb-160 {padding-bottom: 160px !important} .pb-170 {padding-bottom: 170px !important} .pb-180 {padding-bottom: 180px !important} .pb-190 {padding-bottom: 190px !important} .pb-200 {padding-bottom: 200px !important} /* * 1.10 -> Padding left * ----------------------------------------------- */ .pl-0 {padding-left: 0!important;} .pl-5 {padding-left: 5px !important} .pl-10 {padding-left: 10px !important} .pl-15 {padding-left: 15px !important} .pl-20 {padding-left: 20px !important} .pl-30 {padding-left: 30px !important} .pl-40 {padding-left: 40px !important} .pl-50 {padding-left: 50px !important} .pl-60 {padding-left: 60px !important} .pl-70 {padding-left: 70px !important} .pl-80 {padding-left: 80px !important} .pl-90 {padding-left: 90px !important} .pl-100 {padding-left: 100px !important} .pl-110 {padding-left: 110px !important} .pl-120 {padding-left: 120px !important} .pl-130 {padding-left: 130px !important} .pl-140 {padding-left: 140px !important} .pl-150 {padding-left: 150px !important} .pl-160 {padding-left: 160px !important} .pl-170 {padding-left: 170px !important} .pl-180 {padding-left: 180px !important} .pl-190 {padding-left: 190px !important} .pl-200 {padding-left: 200px !important} /* * 2 -> lg: min-width:1200px * ----------------------------------------------- */ @media (min-width:1200px) { /* * 2.1 -> Basic Margin * ----------------------------------------------- */ .m-lg-0 {margin: 0px !important} .m-lg-5 {margin: 5px !important} .m-lg-10 {margin: 10px !important} .m-lg-15 {margin: 15px !important} .m-lg-20 {margin: 20px !important} .m-lg-30 {margin: 30px !important} .m-lg-40 {margin: 40px !important} .m-lg-50 {margin: 50px !important} .m-lg-60 {margin: 60px !important} .m-lg-70 {margin: 70px !important} .m-lg-80 {margin: 80px !important} .m-lg-90 {margin: 90px !important} .m-lg-100 {margin: 100px !important} .m-lg-110 {margin: 110px !important} .m-lg-120 {margin: 120px !important} .m-lg-130 {margin: 130px !important} .m-lg-140 {margin: 140px !important} .m-lg-150 {margin: 150px !important} .m-lg-160 {margin: 160px !important} .m-lg-170 {margin: 170px !important} .m-lg-180 {margin: 180px !important} .m-lg-190 {margin: 190px !important} .m-lg-200 {margin: 200px !important} /* * 2.2 -> Basic Padding * ----------------------------------------------- */ .p-lg-0 {padding: 0!important;} .p-lg-5 {padding: 5px !important} .p-lg-10 {padding: 10px !important} .p-lg-15 {padding: 15px !important} .p-lg-20 {padding: 20px !important} .p-lg-30 {padding: 30px !important} .p-lg-40 {padding: 40px !important} .p-lg-50 {padding: 50px !important} .p-lg-60 {padding: 60px !important} .p-lg-70 {padding: 70px !important} .p-lg-80 {padding: 80px !important} .p-lg-90 {padding: 90px !important} .p-lg-100 {padding: 100px !important} .p-lg-110 {padding: 110px !important} .p-lg-120 {padding: 120px !important} .p-lg-130 {padding: 130px !important} .p-lg-140 {padding: 140px !important} .p-lg-150 {padding: 150px !important} .p-lg-160 {padding: 160px !important} .p-lg-170 {padding: 170px !important} .p-lg-180 {padding: 180px !important} .p-lg-190 {padding: 190px !important} .p-lg-200 {padding: 200px !important} /* * 2.3 -> Margin top * ----------------------------------------------- */ .mt-lg-0 {margin-top: 0!important;} .mt-lg-5 {margin-top: 5px !important} .mt-lg-10 {margin-top: 10px !important} .mt-lg-15 {margin-top: 15px !important} .mt-lg-20 {margin-top: 20px !important} .mt-lg-30 {margin-top: 30px !important} .mt-lg-40 {margin-top: 40px !important} .mt-lg-50 {margin-top: 50px !important} .mt-lg-60 {margin-top: 60px !important} .mt-lg-70 {margin-top: 70px !important} .mt-lg-80 {margin-top: 80px !important} .mt-lg-90 {margin-top: 90px !important} .mt-lg-100 {margin-top: 100px !important} .mt-lg-110 {margin-top: 110px !important} .mt-lg-120 {margin-top: 120px !important} .mt-lg-130 {margin-top: 130px !important} .mt-lg-140 {margin-top: 140px !important} .mt-lg-150 {margin-top: 150px !important} .mt-lg-160 {margin-top: 160px !important} .mt-lg-170 {margin-top: 170px !important} .mt-lg-180 {margin-top: 180px !important} .mt-lg-190 {margin-top: 190px !important} .mt-lg-200 {margin-top: 200px !important} /* * 2.4 -> Margin right * ----------------------------------------------- */ .mr-lg-0 {margin-right: 0!important;} .mr-lg-5 {margin-right: 5px !important} .mr-lg-10 {margin-right: 10px !important} .mr-lg-15 {margin-right: 15px !important} .mr-lg-20 {margin-right: 20px !important} .mr-lg-30 {margin-right: 30px !important} .mr-lg-40 {margin-right: 40px !important} .mr-lg-50 {margin-right: 50px !important} .mr-lg-60 {margin-right: 60px !important} .mr-lg-70 {margin-right: 70px !important} .mr-lg-80 {margin-right: 80px !important} .mr-lg-90 {margin-right: 90px !important} .mr-lg-100 {margin-right: 100px !important} .mr-lg-110 {margin-right: 110px !important} .mr-lg-120 {margin-right: 120px !important} .mr-lg-130 {margin-right: 130px !important} .mr-lg-140 {margin-right: 140px !important} .mr-lg-150 {margin-right: 150px !important} .mr-lg-160 {margin-right: 160px !important} .mr-lg-170 {margin-right: 170px !important} .mr-lg-180 {margin-right: 180px !important} .mr-lg-190 {margin-right: 190px !important} .mr-lg-200 {margin-right: 200px !important} /* * 2.5 -> Margin bottom * ----------------------------------------------- */ .mb-lg-0 {margin-bottom: 0!important;} .mb-lg-5 {margin-bottom: 5px !important} .mb-lg-10 {margin-bottom: 10px !important} .mb-lg-15 {margin-bottom: 15px !important} .mb-lg-20 {margin-bottom: 20px !important} .mb-lg-30 {margin-bottom: 30px !important} .mb-lg-40 {margin-bottom: 40px !important} .mb-lg-50 {margin-bottom: 50px !important} .mb-lg-60 {margin-bottom: 60px !important} .mb-lg-70 {margin-bottom: 70px !important} .mb-lg-80 {margin-bottom: 80px !important} .mb-lg-90 {margin-bottom: 90px !important} .mb-lg-100 {margin-bottom: 100px !important} .mb-lg-110 {margin-bottom: 110px !important} .mb-lg-120 {margin-bottom: 120px !important} .mb-lg-130 {margin-bottom: 130px !important} .mb-lg-140 {margin-bottom: 140px !important} .mb-lg-150 {margin-bottom: 150px !important} .mb-lg-160 {margin-bottom: 160px !important} .mb-lg-170 {margin-bottom: 170px !important} .mb-lg-180 {margin-bottom: 180px !important} .mb-lg-190 {margin-bottom: 190px !important} .mb-lg-200 {margin-bottom: 200px !important} /* * 2.6 -> Margin left * ----------------------------------------------- */ .ml-lg-0 {margin-left: 0!important;} .ml-lg-5 {margin-left: 5px !important} .ml-lg-10 {margin-left: 10px !important} .ml-lg-15 {margin-left: 15px !important} .ml-lg-20 {margin-left: 20px !important} .ml-lg-30 {margin-left: 30px !important} .ml-lg-40 {margin-left: 40px !important} .ml-lg-50 {margin-left: 50px !important} .ml-lg-60 {margin-left: 60px !important} .ml-lg-70 {margin-left: 70px !important} .ml-lg-80 {margin-left: 80px !important} .ml-lg-90 {margin-left: 90px !important} .ml-lg-100 {margin-left: 100px !important} .ml-lg-110 {margin-left: 110px !important} .ml-lg-120 {margin-left: 120px !important} .ml-lg-130 {margin-left: 130px !important} .ml-lg-140 {margin-left: 140px !important} .ml-lg-150 {margin-left: 150px !important} .ml-lg-160 {margin-left: 160px !important} .ml-lg-170 {margin-left: 170px !important} .ml-lg-180 {margin-left: 180px !important} .ml-lg-190 {margin-left: 190px !important} .ml-lg-200 {margin-left: 200px !important} /* * 2.7 -> Padding top * ----------------------------------------------- */ .pt-lg-0 {padding-top: 0!important;} .pt-lg-5 {padding-top: 5px !important} .pt-lg-10 {padding-top: 10px !important} .pt-lg-15 {padding-top: 15px !important} .pt-lg-20 {padding-top: 20px !important} .pt-lg-30 {padding-top: 30px !important} .pt-lg-40 {padding-top: 40px !important} .pt-lg-50 {padding-top: 50px !important} .pt-lg-60 {padding-top: 60px !important} .pt-lg-70 {padding-top: 70px !important} .pt-lg-80 {padding-top: 80px !important} .pt-lg-90 {padding-top: 90px !important} .pt-lg-100 {padding-top: 100px !important} .pt-lg-110 {padding-top: 110px !important} .pt-lg-120 {padding-top: 120px !important} .pt-lg-130 {padding-top: 130px !important} .pt-lg-140 {padding-top: 140px !important} .pt-lg-150 {padding-top: 150px !important} .pt-lg-160 {padding-top: 160px !important} .pt-lg-170 {padding-top: 170px !important} .pt-lg-180 {padding-top: 180px !important} .pt-lg-190 {padding-top: 190px !important} .pt-lg-200 {padding-top: 200px !important} /* * 2.8 -> Padding right * ----------------------------------------------- */ .pr-lg-0 {padding-right: 0!important;} .pr-lg-5 {padding-right: 5px !important} .pr-lg-10 {padding-right: 10px !important} .pr-lg-15 {padding-right: 15px !important} .pr-lg-20 {padding-right: 20px !important} .pr-lg-30 {padding-right: 30px !important} .pr-lg-40 {padding-right: 40px !important} .pr-lg-50 {padding-right: 50px !important} .pr-lg-60 {padding-right: 60px !important} .pr-lg-70 {padding-right: 70px !important} .pr-lg-80 {padding-right: 80px !important} .pr-lg-90 {padding-right: 90px !important} .pr-lg-100 {padding-right: 100px !important} .pr-lg-110 {padding-right: 110px !important} .pr-lg-120 {padding-right: 120px !important} .pr-lg-130 {padding-right: 130px !important} .pr-lg-140 {padding-right: 140px !important} .pr-lg-150 {padding-right: 150px !important} .pr-lg-160 {padding-right: 160px !important} .pr-lg-170 {padding-right: 170px !important} .pr-lg-180 {padding-right: 180px !important} .pr-lg-190 {padding-right: 190px !important} .pr-lg-200 {padding-right: 200px !important} /* * 2.9 -> Padding bottom * ----------------------------------------------- */ .pb-lg-0 {padding-bottom: 0!important;} .pb-lg-5 {padding-bottom: 5px !important} .pb-lg-10 {padding-bottom: 10px !important} .pb-lg-15 {padding-bottom: 15px !important} .pb-lg-20 {padding-bottom: 20px !important} .pb-lg-30 {padding-bottom: 30px !important} .pb-lg-40 {padding-bottom: 40px !important} .pb-lg-50 {padding-bottom: 50px !important} .pb-lg-60 {padding-bottom: 60px !important} .pb-lg-70 {padding-bottom: 70px !important} .pb-lg-80 {padding-bottom: 80px !important} .pb-lg-90 {padding-bottom: 90px !important} .pb-lg-100 {padding-bottom: 100px !important} .pb-lg-110 {padding-bottom: 110px !important} .pb-lg-120 {padding-bottom: 120px !important} .pb-lg-130 {padding-bottom: 130px !important} .pb-lg-140 {padding-bottom: 140px !important} .pb-lg-150 {padding-bottom: 150px !important} .pb-lg-160 {padding-bottom: 160px !important} .pb-lg-170 {padding-bottom: 170px !important} .pb-lg-180 {padding-bottom: 180px !important} .pb-lg-190 {padding-bottom: 190px !important} .pb-lg-200 {padding-bottom: 200px !important} /* * 2.10 -> Padding left * ----------------------------------------------- */ .pl-lg-0 {padding-left: 0!important;} .pl-lg-5 {padding-left: 5px !important} .pl-lg-10 {padding-left: 10px !important} .pl-lg-15 {padding-left: 15px !important} .pl-lg-20 {padding-left: 20px !important} .pl-lg-30 {padding-left: 30px !important} .pl-lg-40 {padding-left: 40px !important} .pl-lg-50 {padding-left: 50px !important} .pl-lg-60 {padding-left: 60px !important} .pl-lg-70 {padding-left: 70px !important} .pl-lg-80 {padding-left: 80px !important} .pl-lg-90 {padding-left: 90px !important} .pl-lg-100 {padding-left: 100px !important} .pl-lg-110 {padding-left: 110px !important} .pl-lg-120 {padding-left: 120px !important} .pl-lg-130 {padding-left: 130px !important} .pl-lg-140 {padding-left: 140px !important} .pl-lg-150 {padding-left: 150px !important} .pl-lg-160 {padding-left: 160px !important} .pl-lg-170 {padding-left: 170px !important} .pl-lg-180 {padding-left: 180px !important} .pl-lg-190 {padding-left: 190px !important} .pl-lg-200 {padding-left: 200px !important} } /* * 3 -> md: max-width:1199px * ----------------------------------------------- */ @media (max-width:1199px) { /* * 3.1 -> Basic Margin * ----------------------------------------------- */ .m-md-0 {margin: 0px !important} .m-md-5 {margin: 5px !important} .m-md-10 {margin: 10px !important} .m-md-15 {margin: 15px !important} .m-md-20 {margin: 20px !important} .m-md-30 {margin: 30px !important} .m-md-40 {margin: 40px !important} .m-md-50 {margin: 50px !important} .m-md-60 {margin: 60px !important} .m-md-70 {margin: 70px !important} .m-md-80 {margin: 80px !important} .m-md-90 {margin: 90px !important} .m-md-100 {margin: 100px !important} .m-md-110 {margin: 110px !important} .m-md-120 {margin: 120px !important} .m-md-130 {margin: 130px !important} .m-md-140 {margin: 140px !important} .m-md-150 {margin: 150px !important} .m-md-160 {margin: 160px !important} .m-md-170 {margin: 170px !important} .m-md-180 {margin: 180px !important} .m-md-190 {margin: 190px !important} .m-md-200 {margin: 200px !important} /* * 3.2 -> Basic Padding * ----------------------------------------------- */ .p-md-0 {padding: 0!important;} .p-md-5 {padding: 5px !important} .p-md-10 {padding: 10px !important} .p-md-15 {padding: 15px !important} .p-md-20 {padding: 20px !important} .p-md-30 {padding: 30px !important} .p-md-40 {padding: 40px !important} .p-md-50 {padding: 50px !important} .p-md-60 {padding: 60px !important} .p-md-70 {padding: 70px !important} .p-md-80 {padding: 80px !important} .p-md-90 {padding: 90px !important} .p-md-100 {padding: 100px !important} .p-md-110 {padding: 110px !important} .p-md-120 {padding: 120px !important} .p-md-130 {padding: 130px !important} .p-md-140 {padding: 140px !important} .p-md-150 {padding: 150px !important} .p-md-160 {padding: 160px !important} .p-md-170 {padding: 170px !important} .p-md-180 {padding: 180px !important} .p-md-190 {padding: 190px !important} .p-md-200 {padding: 200px !important} /* * 3.3 -> Margin top * ----------------------------------------------- */ .mt-md-0 {margin-top: 0!important;} .mt-md-5 {margin-top: 5px !important} .mt-md-10 {margin-top: 10px !important} .mt-md-15 {margin-top: 15px !important} .mt-md-20 {margin-top: 20px !important} .mt-md-30 {margin-top: 30px !important} .mt-md-40 {margin-top: 40px !important} .mt-md-50 {margin-top: 50px !important} .mt-md-60 {margin-top: 60px !important} .mt-md-70 {margin-top: 70px !important} .mt-md-80 {margin-top: 80px !important} .mt-md-90 {margin-top: 90px !important} .mt-md-100 {margin-top: 100px !important} .mt-md-110 {margin-top: 110px !important} .mt-md-120 {margin-top: 120px !important} .mt-md-130 {margin-top: 130px !important} .mt-md-140 {margin-top: 140px !important} .mt-md-150 {margin-top: 150px !important} .mt-md-160 {margin-top: 160px !important} .mt-md-170 {margin-top: 170px !important} .mt-md-180 {margin-top: 180px !important} .mt-md-190 {margin-top: 190px !important} .mt-md-200 {margin-top: 200px !important} /* * 3.4 -> Margin right * ----------------------------------------------- */ .mr-md-0 {margin-right: 0!important;} .mr-md-5 {margin-right: 5px !important} .mr-md-10 {margin-right: 10px !important} .mr-md-15 {margin-right: 15px !important} .mr-md-20 {margin-right: 20px !important} .mr-md-30 {margin-right: 30px !important} .mr-md-40 {margin-right: 40px !important} .mr-md-50 {margin-right: 50px !important} .mr-md-60 {margin-right: 60px !important} .mr-md-70 {margin-right: 70px !important} .mr-md-80 {margin-right: 80px !important} .mr-md-90 {margin-right: 90px !important} .mr-md-100 {margin-right: 100px !important} .mr-md-110 {margin-right: 110px !important} .mr-md-120 {margin-right: 120px !important} .mr-md-130 {margin-right: 130px !important} .mr-md-140 {margin-right: 140px !important} .mr-md-150 {margin-right: 150px !important} .mr-md-160 {margin-right: 160px !important} .mr-md-170 {margin-right: 170px !important} .mr-md-180 {margin-right: 180px !important} .mr-md-190 {margin-right: 190px !important} .mr-md-200 {margin-right: 200px !important} /* * 3.5 -> Margin bottom * ----------------------------------------------- */ .mb-md-0 {margin-bottom: 0!important;} .mb-md-5 {margin-bottom: 5px !important} .mb-md-10 {margin-bottom: 10px !important} .mb-md-15 {margin-bottom: 15px !important} .mb-md-20 {margin-bottom: 20px !important} .mb-md-30 {margin-bottom: 30px !important} .mb-md-40 {margin-bottom: 40px !important} .mb-md-50 {margin-bottom: 50px !important} .mb-md-60 {margin-bottom: 60px !important} .mb-md-70 {margin-bottom: 70px !important} .mb-md-80 {margin-bottom: 80px !important} .mb-md-90 {margin-bottom: 90px !important} .mb-md-100 {margin-bottom: 100px !important} .mb-md-110 {margin-bottom: 110px !important} .mb-md-120 {margin-bottom: 120px !important} .mb-md-130 {margin-bottom: 130px !important} .mb-md-140 {margin-bottom: 140px !important} .mb-md-150 {margin-bottom: 150px !important} .mb-md-160 {margin-bottom: 160px !important} .mb-md-170 {margin-bottom: 170px !important} .mb-md-180 {margin-bottom: 180px !important} .mb-md-190 {margin-bottom: 190px !important} .mb-md-200 {margin-bottom: 200px !important} /* * 3.6 -> Margin left * ----------------------------------------------- */ .ml-md-0 {margin-left: 0!important;} .ml-md-5 {margin-left: 5px !important} .ml-md-10 {margin-left: 10px !important} .ml-md-15 {margin-left: 15px !important} .ml-md-20 {margin-left: 20px !important} .ml-md-30 {margin-left: 30px !important} .ml-md-40 {margin-left: 40px !important} .ml-md-50 {margin-left: 50px !important} .ml-md-60 {margin-left: 60px !important} .ml-md-70 {margin-left: 70px !important} .ml-md-80 {margin-left: 80px !important} .ml-md-90 {margin-left: 90px !important} .ml-md-100 {margin-left: 100px !important} .ml-md-110 {margin-left: 110px !important} .ml-md-120 {margin-left: 120px !important} .ml-md-130 {margin-left: 130px !important} .ml-md-140 {margin-left: 140px !important} .ml-md-150 {margin-left: 150px !important} .ml-md-160 {margin-left: 160px !important} .ml-md-170 {margin-left: 170px !important} .ml-md-180 {margin-left: 180px !important} .ml-md-190 {margin-left: 190px !important} .ml-md-200 {margin-left: 200px !important} /* * 3.7 -> Padding top * ----------------------------------------------- */ .pt-md-0 {padding-top: 0!important;} .pt-md-5 {padding-top: 5px !important} .pt-md-10 {padding-top: 10px !important} .pt-md-15 {padding-top: 15px !important} .pt-md-20 {padding-top: 20px !important} .pt-md-30 {padding-top: 30px !important} .pt-md-40 {padding-top: 40px !important} .pt-md-50 {padding-top: 50px !important} .pt-md-60 {padding-top: 60px !important} .pt-md-70 {padding-top: 70px !important} .pt-md-80 {padding-top: 80px !important} .pt-md-90 {padding-top: 90px !important} .pt-md-100 {padding-top: 100px !important} .pt-md-110 {padding-top: 110px !important} .pt-md-120 {padding-top: 120px !important} .pt-md-130 {padding-top: 130px !important} .pt-md-140 {padding-top: 140px !important} .pt-md-150 {padding-top: 150px !important} .pt-md-160 {padding-top: 160px !important} .pt-md-170 {padding-top: 170px !important} .pt-md-180 {padding-top: 180px !important} .pt-md-190 {padding-top: 190px !important} .pt-md-200 {padding-top: 200px !important} /* * 3.8 -> Padding right * ----------------------------------------------- */ .pr-md-0 {padding-right: 0!important;} .pr-md-5 {padding-right: 5px !important} .pr-md-10 {padding-right: 10px !important} .pr-md-15 {padding-right: 15px !important} .pr-md-20 {padding-right: 20px !important} .pr-md-30 {padding-right: 30px !important} .pr-md-40 {padding-right: 40px !important} .pr-md-50 {padding-right: 50px !important} .pr-md-60 {padding-right: 60px !important} .pr-md-70 {padding-right: 70px !important} .pr-md-80 {padding-right: 80px !important} .pr-md-90 {padding-right: 90px !important} .pr-md-100 {padding-right: 100px !important} .pr-md-110 {padding-right: 110px !important} .pr-md-120 {padding-right: 120px !important} .pr-md-130 {padding-right: 130px !important} .pr-md-140 {padding-right: 140px !important} .pr-md-150 {padding-right: 150px !important} .pr-md-160 {padding-right: 160px !important} .pr-md-170 {padding-right: 170px !important} .pr-md-180 {padding-right: 180px !important} .pr-md-190 {padding-right: 190px !important} .pr-md-200 {padding-right: 200px !important} /* * 3.9 -> Padding bottom * ----------------------------------------------- */ .pb-md-0 {padding-bottom: 0!important;} .pb-md-5 {padding-bottom: 5px !important} .pb-md-10 {padding-bottom: 10px !important} .pb-md-15 {padding-bottom: 15px !important} .pb-md-20 {padding-bottom: 20px !important} .pb-md-30 {padding-bottom: 30px !important} .pb-md-40 {padding-bottom: 40px !important} .pb-md-50 {padding-bottom: 50px !important} .pb-md-60 {padding-bottom: 60px !important} .pb-md-70 {padding-bottom: 70px !important} .pb-md-80 {padding-bottom: 80px !important} .pb-md-90 {padding-bottom: 90px !important} .pb-md-100 {padding-bottom: 100px !important} .pb-md-110 {padding-bottom: 110px !important} .pb-md-120 {padding-bottom: 120px !important} .pb-md-130 {padding-bottom: 130px !important} .pb-md-140 {padding-bottom: 140px !important} .pb-md-150 {padding-bottom: 150px !important} .pb-md-160 {padding-bottom: 160px !important} .pb-md-170 {padding-bottom: 170px !important} .pb-md-180 {padding-bottom: 180px !important} .pb-md-190 {padding-bottom: 190px !important} .pb-md-200 {padding-bottom: 200px !important} /* * 3.10 -> Padding left * ----------------------------------------------- */ .pl-md-0 {padding-left: 0!important;} .pl-md-5 {padding-left: 5px !important} .pl-md-10 {padding-left: 10px !important} .pl-md-15 {padding-left: 15px !important} .pl-md-20 {padding-left: 20px !important} .pl-md-30 {padding-left: 30px !important} .pl-md-40 {padding-left: 40px !important} .pl-md-50 {padding-left: 50px !important} .pl-md-60 {padding-left: 60px !important} .pl-md-70 {padding-left: 70px !important} .pl-md-80 {padding-left: 80px !important} .pl-md-90 {padding-left: 90px !important} .pl-md-100 {padding-left: 100px !important} .pl-md-110 {padding-left: 110px !important} .pl-md-120 {padding-left: 120px !important} .pl-md-130 {padding-left: 130px !important} .pl-md-140 {padding-left: 140px !important} .pl-md-150 {padding-left: 150px !important} .pl-md-160 {padding-left: 160px !important} .pl-md-170 {padding-left: 170px !important} .pl-md-180 {padding-left: 180px !important} .pl-md-190 {padding-left: 190px !important} .pl-md-200 {padding-left: 200px !important} } /* * 4 -> sm: max-width:991px * ----------------------------------------------- */ @media (max-width:991px) { /* * 4.1 -> Basic Margin * ----------------------------------------------- */ .m-sm-0 {margin: 0px !important} .m-sm-5 {margin: 5px !important} .m-sm-10 {margin: 10px !important} .m-sm-15 {margin: 15px !important} .m-sm-20 {margin: 20px !important} .m-sm-30 {margin: 30px !important} .m-sm-40 {margin: 40px !important} .m-sm-50 {margin: 50px !important} .m-sm-60 {margin: 60px !important} .m-sm-70 {margin: 70px !important} .m-sm-80 {margin: 80px !important} .m-sm-90 {margin: 90px !important} .m-sm-100 {margin: 100px !important} .m-sm-110 {margin: 110px !important} .m-sm-120 {margin: 120px !important} .m-sm-130 {margin: 130px !important} .m-sm-140 {margin: 140px !important} .m-sm-150 {margin: 150px !important} .m-sm-160 {margin: 160px !important} .m-sm-170 {margin: 170px !important} .m-sm-180 {margin: 180px !important} .m-sm-190 {margin: 190px !important} .m-sm-200 {margin: 200px !important} /* * 4.2 -> Basic Padding * ----------------------------------------------- */ .p-sm-0 {padding: 0!important;} .p-sm-5 {padding: 5px !important} .p-sm-10 {padding: 10px !important} .p-sm-15 {padding: 15px !important} .p-sm-20 {padding: 20px !important} .p-sm-30 {padding: 30px !important} .p-sm-40 {padding: 40px !important} .p-sm-50 {padding: 50px !important} .p-sm-60 {padding: 60px !important} .p-sm-70 {padding: 70px !important} .p-sm-80 {padding: 80px !important} .p-sm-90 {padding: 90px !important} .p-sm-100 {padding: 100px !important} .p-sm-110 {padding: 110px !important} .p-sm-120 {padding: 120px !important} .p-sm-130 {padding: 130px !important} .p-sm-140 {padding: 140px !important} .p-sm-150 {padding: 150px !important} .p-sm-160 {padding: 160px !important} .p-sm-170 {padding: 170px !important} .p-sm-180 {padding: 180px !important} .p-sm-190 {padding: 190px !important} .p-sm-200 {padding: 200px !important} /* * 4.3 -> Margin top * ----------------------------------------------- */ .mt-sm-0 {margin-top: 0!important;} .mt-sm-5 {margin-top: 5px !important} .mt-sm-10 {margin-top: 10px !important} .mt-sm-15 {margin-top: 15px !important} .mt-sm-20 {margin-top: 20px !important} .mt-sm-30 {margin-top: 30px !important} .mt-sm-40 {margin-top: 40px !important} .mt-sm-50 {margin-top: 50px !important} .mt-sm-60 {margin-top: 60px !important} .mt-sm-70 {margin-top: 70px !important} .mt-sm-80 {margin-top: 80px !important} .mt-sm-90 {margin-top: 90px !important} .mt-sm-100 {margin-top: 100px !important} .mt-sm-110 {margin-top: 110px !important} .mt-sm-120 {margin-top: 120px !important} .mt-sm-130 {margin-top: 130px !important} .mt-sm-140 {margin-top: 140px !important} .mt-sm-150 {margin-top: 150px !important} .mt-sm-160 {margin-top: 160px !important} .mt-sm-170 {margin-top: 170px !important} .mt-sm-180 {margin-top: 180px !important} .mt-sm-190 {margin-top: 190px !important} .mt-sm-200 {margin-top: 200px !important} /* * 4.4 -> Margin right * ----------------------------------------------- */ .mr-sm-0 {margin-right: 0!important;} .mr-sm-5 {margin-right: 5px !important} .mr-sm-10 {margin-right: 10px !important} .mr-sm-15 {margin-right: 15px !important} .mr-sm-20 {margin-right: 20px !important} .mr-sm-30 {margin-right: 30px !important} .mr-sm-40 {margin-right: 40px !important} .mr-sm-50 {margin-right: 50px !important} .mr-sm-60 {margin-right: 60px !important} .mr-sm-70 {margin-right: 70px !important} .mr-sm-80 {margin-right: 80px !important} .mr-sm-90 {margin-right: 90px !important} .mr-sm-100 {margin-right: 100px !important} .mr-sm-110 {margin-right: 110px !important} .mr-sm-120 {margin-right: 120px !important} .mr-sm-130 {margin-right: 130px !important} .mr-sm-140 {margin-right: 140px !important} .mr-sm-150 {margin-right: 150px !important} .mr-sm-160 {margin-right: 160px !important} .mr-sm-170 {margin-right: 170px !important} .mr-sm-180 {margin-right: 180px !important} .mr-sm-190 {margin-right: 190px !important} .mr-sm-200 {margin-right: 200px !important} /* * 4.5 -> Margin bottom * ----------------------------------------------- */ .mb-sm-0 {margin-bottom: 0!important;} .mb-sm-5 {margin-bottom: 5px !important} .mb-sm-10 {margin-bottom: 10px !important} .mb-sm-15 {margin-bottom: 15px !important} .mb-sm-20 {margin-bottom: 20px !important} .mb-sm-30 {margin-bottom: 30px !important} .mb-sm-40 {margin-bottom: 40px !important} .mb-sm-50 {margin-bottom: 50px !important} .mb-sm-60 {margin-bottom: 60px !important} .mb-sm-70 {margin-bottom: 70px !important} .mb-sm-80 {margin-bottom: 80px !important} .mb-sm-90 {margin-bottom: 90px !important} .mb-sm-100 {margin-bottom: 100px !important} .mb-sm-110 {margin-bottom: 110px !important} .mb-sm-120 {margin-bottom: 120px !important} .mb-sm-130 {margin-bottom: 130px !important} .mb-sm-140 {margin-bottom: 140px !important} .mb-sm-150 {margin-bottom: 150px !important} .mb-sm-160 {margin-bottom: 160px !important} .mb-sm-170 {margin-bottom: 170px !important} .mb-sm-180 {margin-bottom: 180px !important} .mb-sm-190 {margin-bottom: 190px !important} .mb-sm-200 {margin-bottom: 200px !important} /* * 4.6 -> Margin left * ----------------------------------------------- */ .ml-sm-0 {margin-left: 0!important;} .ml-sm-5 {margin-left: 5px !important} .ml-sm-10 {margin-left: 10px !important} .ml-sm-15 {margin-left: 15px !important} .ml-sm-20 {margin-left: 20px !important} .ml-sm-30 {margin-left: 30px !important} .ml-sm-40 {margin-left: 40px !important} .ml-sm-50 {margin-left: 50px !important} .ml-sm-60 {margin-left: 60px !important} .ml-sm-70 {margin-left: 70px !important} .ml-sm-80 {margin-left: 80px !important} .ml-sm-90 {margin-left: 90px !important} .ml-sm-100 {margin-left: 100px !important} .ml-sm-110 {margin-left: 110px !important} .ml-sm-120 {margin-left: 120px !important} .ml-sm-130 {margin-left: 130px !important} .ml-sm-140 {margin-left: 140px !important} .ml-sm-150 {margin-left: 150px !important} .ml-sm-160 {margin-left: 160px !important} .ml-sm-170 {margin-left: 170px !important} .ml-sm-180 {margin-left: 180px !important} .ml-sm-190 {margin-left: 190px !important} .ml-sm-200 {margin-left: 200px !important} /* * 4.7 -> Padding top * ----------------------------------------------- */ .pt-sm-0 {padding-top: 0!important;} .pt-sm-5 {padding-top: 5px !important} .pt-sm-10 {padding-top: 10px !important} .pt-sm-15 {padding-top: 15px !important} .pt-sm-20 {padding-top: 20px !important} .pt-sm-30 {padding-top: 30px !important} .pt-sm-40 {padding-top: 40px !important} .pt-sm-50 {padding-top: 50px !important} .pt-sm-60 {padding-top: 60px !important} .pt-sm-70 {padding-top: 70px !important} .pt-sm-80 {padding-top: 80px !important} .pt-sm-90 {padding-top: 90px !important} .pt-sm-100 {padding-top: 100px !important} .pt-sm-110 {padding-top: 110px !important} .pt-sm-120 {padding-top: 120px !important} .pt-sm-130 {padding-top: 130px !important} .pt-sm-140 {padding-top: 140px !important} .pt-sm-150 {padding-top: 150px !important} .pt-sm-160 {padding-top: 160px !important} .pt-sm-170 {padding-top: 170px !important} .pt-sm-180 {padding-top: 180px !important} .pt-sm-190 {padding-top: 190px !important} .pt-sm-200 {padding-top: 200px !important} /* * 4.8 -> Padding right * ----------------------------------------------- */ .pr-sm-0 {padding-right: 0!important;} .pr-sm-5 {padding-right: 5px !important} .pr-sm-10 {padding-right: 10px !important} .pr-sm-15 {padding-right: 15px !important} .pr-sm-20 {padding-right: 20px !important} .pr-sm-30 {padding-right: 30px !important} .pr-sm-40 {padding-right: 40px !important} .pr-sm-50 {padding-right: 50px !important} .pr-sm-60 {padding-right: 60px !important} .pr-sm-70 {padding-right: 70px !important} .pr-sm-80 {padding-right: 80px !important} .pr-sm-90 {padding-right: 90px !important} .pr-sm-100 {padding-right: 100px !important} .pr-sm-110 {padding-right: 110px !important} .pr-sm-120 {padding-right: 120px !important} .pr-sm-130 {padding-right: 130px !important} .pr-sm-140 {padding-right: 140px !important} .pr-sm-150 {padding-right: 150px !important} .pr-sm-160 {padding-right: 160px !important} .pr-sm-170 {padding-right: 170px !important} .pr-sm-180 {padding-right: 180px !important} .pr-sm-190 {padding-right: 190px !important} .pr-sm-200 {padding-right: 200px !important} /* * 4.9 -> Padding bottom * ----------------------------------------------- */ .pb-sm-0 {padding-bottom: 0!important;} .pb-sm-5 {padding-bottom: 5px !important} .pb-sm-10 {padding-bottom: 10px !important} .pb-sm-15 {padding-bottom: 15px !important} .pb-sm-20 {padding-bottom: 20px !important} .pb-sm-30 {padding-bottom: 30px !important} .pb-sm-40 {padding-bottom: 40px !important} .pb-sm-50 {padding-bottom: 50px !important} .pb-sm-60 {padding-bottom: 60px !important} .pb-sm-70 {padding-bottom: 70px !important} .pb-sm-80 {padding-bottom: 80px !important} .pb-sm-90 {padding-bottom: 90px !important} .pb-sm-100 {padding-bottom: 100px !important} .pb-sm-110 {padding-bottom: 110px !important} .pb-sm-120 {padding-bottom: 120px !important} .pb-sm-130 {padding-bottom: 130px !important} .pb-sm-140 {padding-bottom: 140px !important} .pb-sm-150 {padding-bottom: 150px !important} .pb-sm-160 {padding-bottom: 160px !important} .pb-sm-170 {padding-bottom: 170px !important} .pb-sm-180 {padding-bottom: 180px !important} .pb-sm-190 {padding-bottom: 190px !important} .pb-sm-200 {padding-bottom: 200px !important} /* * 4.10 -> Padding left * ----------------------------------------------- */ .pl-sm-0 {padding-left: 0!important;} .pl-sm-5 {padding-left: 5px !important} .pl-sm-10 {padding-left: 10px !important} .pl-sm-15 {padding-left: 15px !important} .pl-sm-20 {padding-left: 20px !important} .pl-sm-30 {padding-left: 30px !important} .pl-sm-40 {padding-left: 40px !important} .pl-sm-50 {padding-left: 50px !important} .pl-sm-60 {padding-left: 60px !important} .pl-sm-70 {padding-left: 70px !important} .pl-sm-80 {padding-left: 80px !important} .pl-sm-90 {padding-left: 90px !important} .pl-sm-100 {padding-left: 100px !important} .pl-sm-110 {padding-left: 110px !important} .pl-sm-120 {padding-left: 120px !important} .pl-sm-130 {padding-left: 130px !important} .pl-sm-140 {padding-left: 140px !important} .pl-sm-150 {padding-left: 150px !important} .pl-sm-160 {padding-left: 160px !important} .pl-sm-170 {padding-left: 170px !important} .pl-sm-180 {padding-left: 180px !important} .pl-sm-190 {padding-left: 190px !important} .pl-sm-200 {padding-left: 200px !important} } /* * 5 -> xs: max-width 767px * ----------------------------------------------- */ @media (max-width:767px) { /* * 5.1 -> Basic Margin * ----------------------------------------------- */ .m-xs-0 {margin: 0px !important} .m-xs-5 {margin: 5px !important} .m-xs-10 {margin: 10px !important} .m-xs-15 {margin: 15px !important} .m-xs-20 {margin: 20px !important} .m-xs-30 {margin: 30px !important} .m-xs-40 {margin: 40px !important} .m-xs-50 {margin: 50px !important} .m-xs-60 {margin: 60px !important} .m-xs-70 {margin: 70px !important} .m-xs-80 {margin: 80px !important} .m-xs-90 {margin: 90px !important} .m-xs-100 {margin: 100px !important} .m-xs-110 {margin: 110px !important} .m-xs-120 {margin: 120px !important} .m-xs-130 {margin: 130px !important} .m-xs-140 {margin: 140px !important} .m-xs-150 {margin: 150px !important} .m-xs-160 {margin: 160px !important} .m-xs-170 {margin: 170px !important} .m-xs-180 {margin: 180px !important} .m-xs-190 {margin: 190px !important} .m-xs-200 {margin: 200px !important} /* * 5.2 -> Basic Padding * ----------------------------------------------- */ .p-xs-0 {padding: 0!important;} .p-xs-5 {padding: 5px !important} .p-xs-10 {padding: 10px !important} .p-xs-15 {padding: 15px !important} .p-xs-20 {padding: 20px !important} .p-xs-30 {padding: 30px !important} .p-xs-40 {padding: 40px !important} .p-xs-50 {padding: 50px !important} .p-xs-60 {padding: 60px !important} .p-xs-70 {padding: 70px !important} .p-xs-80 {padding: 80px !important} .p-xs-90 {padding: 90px !important} .p-xs-100 {padding: 100px !important} .p-xs-110 {padding: 110px !important} .p-xs-120 {padding: 120px !important} .p-xs-130 {padding: 130px !important} .p-xs-140 {padding: 140px !important} .p-xs-150 {padding: 150px !important} .p-xs-160 {padding: 160px !important} .p-xs-170 {padding: 170px !important} .p-xs-180 {padding: 180px !important} .p-xs-190 {padding: 190px !important} .p-xs-200 {padding: 200px !important} /* * 5.3 -> Margin top * ----------------------------------------------- */ .mt-xs-0 {margin-top: 0!important;} .mt-xs-5 {margin-top: 5px !important} .mt-xs-10 {margin-top: 10px !important} .mt-xs-15 {margin-top: 15px !important} .mt-xs-20 {margin-top: 20px !important} .mt-xs-30 {margin-top: 30px !important} .mt-xs-40 {margin-top: 40px !important} .mt-xs-50 {margin-top: 50px !important} .mt-xs-60 {margin-top: 60px !important} .mt-xs-70 {margin-top: 70px !important} .mt-xs-80 {margin-top: 80px !important} .mt-xs-90 {margin-top: 90px !important} .mt-xs-100 {margin-top: 100px !important} .mt-xs-110 {margin-top: 110px !important} .mt-xs-120 {margin-top: 120px !important} .mt-xs-130 {margin-top: 130px !important} .mt-xs-140 {margin-top: 140px !important} .mt-xs-150 {margin-top: 150px !important} .mt-xs-160 {margin-top: 160px !important} .mt-xs-170 {margin-top: 170px !important} .mt-xs-180 {margin-top: 180px !important} .mt-xs-190 {margin-top: 190px !important} .mt-xs-200 {margin-top: 200px !important} /* * 5.4 -> Margin right * ----------------------------------------------- */ .mr-xs-0 {margin-right: 0!important;} .mr-xs-5 {margin-right: 5px !important} .mr-xs-10 {margin-right: 10px !important} .mr-xs-15 {margin-right: 15px !important} .mr-xs-20 {margin-right: 20px !important} .mr-xs-30 {margin-right: 30px !important} .mr-xs-40 {margin-right: 40px !important} .mr-xs-50 {margin-right: 50px !important} .mr-xs-60 {margin-right: 60px !important} .mr-xs-70 {margin-right: 70px !important} .mr-xs-80 {margin-right: 80px !important} .mr-xs-90 {margin-right: 90px !important} .mr-xs-100 {margin-right: 100px !important} .mr-xs-110 {margin-right: 110px !important} .mr-xs-120 {margin-right: 120px !important} .mr-xs-130 {margin-right: 130px !important} .mr-xs-140 {margin-right: 140px !important} .mr-xs-150 {margin-right: 150px !important} .mr-xs-160 {margin-right: 160px !important} .mr-xs-170 {margin-right: 170px !important} .mr-xs-180 {margin-right: 180px !important} .mr-xs-190 {margin-right: 190px !important} .mr-xs-200 {margin-right: 200px !important} /* * 5.5 -> Margin bottom * ----------------------------------------------- */ .mb-xs-0 {margin-bottom: 0!important;} .mb-xs-5 {margin-bottom: 5px !important} .mb-xs-10 {margin-bottom: 10px !important} .mb-xs-15 {margin-bottom: 15px !important} .mb-xs-20 {margin-bottom: 20px !important} .mb-xs-30 {margin-bottom: 30px !important} .mb-xs-40 {margin-bottom: 40px !important} .mb-xs-50 {margin-bottom: 50px !important} .mb-xs-60 {margin-bottom: 60px !important} .mb-xs-70 {margin-bottom: 70px !important} .mb-xs-80 {margin-bottom: 80px !important} .mb-xs-90 {margin-bottom: 90px !important} .mb-xs-100 {margin-bottom: 100px !important} .mb-xs-110 {margin-bottom: 110px !important} .mb-xs-120 {margin-bottom: 120px !important} .mb-xs-130 {margin-bottom: 130px !important} .mb-xs-140 {margin-bottom: 140px !important} .mb-xs-150 {margin-bottom: 150px !important} .mb-xs-160 {margin-bottom: 160px !important} .mb-xs-170 {margin-bottom: 170px !important} .mb-xs-180 {margin-bottom: 180px !important} .mb-xs-190 {margin-bottom: 190px !important} .mb-xs-200 {margin-bottom: 200px !important} /* * 5.6 -> Margin left * ----------------------------------------------- */ .ml-xs-0 {margin-left: 0!important;} .ml-xs-5 {margin-left: 5px !important} .ml-xs-10 {margin-left: 10px !important} .ml-xs-15 {margin-left: 15px !important} .ml-xs-20 {margin-left: 20px !important} .ml-xs-30 {margin-left: 30px !important} .ml-xs-40 {margin-left: 40px !important} .ml-xs-50 {margin-left: 50px !important} .ml-xs-60 {margin-left: 60px !important} .ml-xs-70 {margin-left: 70px !important} .ml-xs-80 {margin-left: 80px !important} .ml-xs-90 {margin-left: 90px !important} .ml-xs-100 {margin-left: 100px !important} .ml-xs-110 {margin-left: 110px !important} .ml-xs-120 {margin-left: 120px !important} .ml-xs-130 {margin-left: 130px !important} .ml-xs-140 {margin-left: 140px !important} .ml-xs-150 {margin-left: 150px !important} .ml-xs-160 {margin-left: 160px !important} .ml-xs-170 {margin-left: 170px !important} .ml-xs-180 {margin-left: 180px !important} .ml-xs-190 {margin-left: 190px !important} .ml-xs-200 {margin-left: 200px !important} /* * 5.7 -> Padding top * ----------------------------------------------- */ .pt-xs-0 {padding-top: 0!important;} .pt-xs-5 {padding-top: 5px !important} .pt-xs-10 {padding-top: 10px !important} .pt-xs-15 {padding-top: 15px !important} .pt-xs-20 {padding-top: 20px !important} .pt-xs-30 {padding-top: 30px !important} .pt-xs-40 {padding-top: 40px !important} .pt-xs-50 {padding-top: 50px !important} .pt-xs-60 {padding-top: 60px !important} .pt-xs-70 {padding-top: 70px !important} .pt-xs-80 {padding-top: 80px !important} .pt-xs-90 {padding-top: 90px !important} .pt-xs-100 {padding-top: 100px !important} .pt-xs-110 {padding-top: 110px !important} .pt-xs-120 {padding-top: 120px !important} .pt-xs-130 {padding-top: 130px !important} .pt-xs-140 {padding-top: 140px !important} .pt-xs-150 {padding-top: 150px !important} .pt-xs-160 {padding-top: 160px !important} .pt-xs-170 {padding-top: 170px !important} .pt-xs-180 {padding-top: 180px !important} .pt-xs-190 {padding-top: 190px !important} .pt-xs-200 {padding-top: 200px !important} /* * 5.8 -> Padding right * ----------------------------------------------- */ .pr-xs-0 {padding-right: 0!important;} .pr-xs-5 {padding-right: 5px !important} .pr-xs-10 {padding-right: 10px !important} .pr-xs-15 {padding-right: 15px !important} .pr-xs-20 {padding-right: 20px !important} .pr-xs-30 {padding-right: 30px !important} .pr-xs-40 {padding-right: 40px !important} .pr-xs-50 {padding-right: 50px !important} .pr-xs-60 {padding-right: 60px !important} .pr-xs-70 {padding-right: 70px !important} .pr-xs-80 {padding-right: 80px !important} .pr-xs-90 {padding-right: 90px !important} .pr-xs-100 {padding-right: 100px !important} .pr-xs-110 {padding-right: 110px !important} .pr-xs-120 {padding-right: 120px !important} .pr-xs-130 {padding-right: 130px !important} .pr-xs-140 {padding-right: 140px !important} .pr-xs-150 {padding-right: 150px !important} .pr-xs-160 {padding-right: 160px !important} .pr-xs-170 {padding-right: 170px !important} .pr-xs-180 {padding-right: 180px !important} .pr-xs-190 {padding-right: 190px !important} .pr-xs-200 {padding-right: 200px !important} /* * 5.9 -> Padding bottom * ----------------------------------------------- */ .pb-xs-0 {padding-bottom: 0!important;} .pb-xs-5 {padding-bottom: 5px !important} .pb-xs-10 {padding-bottom: 10px !important} .pb-xs-15 {padding-bottom: 15px !important} .pb-xs-20 {padding-bottom: 20px !important} .pb-xs-30 {padding-bottom: 30px !important} .pb-xs-40 {padding-bottom: 40px !important} .pb-xs-50 {padding-bottom: 50px !important} .pb-xs-60 {padding-bottom: 60px !important} .pb-xs-70 {padding-bottom: 70px !important} .pb-xs-80 {padding-bottom: 80px !important} .pb-xs-90 {padding-bottom: 90px !important} .pb-xs-100 {padding-bottom: 100px !important} .pb-xs-110 {padding-bottom: 110px !important} .pb-xs-120 {padding-bottom: 120px !important} .pb-xs-130 {padding-bottom: 130px !important} .pb-xs-140 {padding-bottom: 140px !important} .pb-xs-150 {padding-bottom: 150px !important} .pb-xs-160 {padding-bottom: 160px !important} .pb-xs-170 {padding-bottom: 170px !important} .pb-xs-180 {padding-bottom: 180px !important} .pb-xs-190 {padding-bottom: 190px !important} .pb-xs-200 {padding-bottom: 200px !important} /* * 5.10 -> Padding left * ----------------------------------------------- */ .pl-xs-0 {padding-left: 0!important;} .pl-xs-5 {padding-left: 5px !important} .pl-xs-10 {padding-left: 10px !important} .pl-xs-15 {padding-left: 15px !important} .pl-xs-20 {padding-left: 20px !important} .pl-xs-30 {padding-left: 30px !important} .pl-xs-40 {padding-left: 40px !important} .pl-xs-50 {padding-left: 50px !important} .pl-xs-60 {padding-left: 60px !important} .pl-xs-70 {padding-left: 70px !important} .pl-xs-80 {padding-left: 80px !important} .pl-xs-90 {padding-left: 90px !important} .pl-xs-100 {padding-left: 100px !important} .pl-xs-110 {padding-left: 110px !important} .pl-xs-120 {padding-left: 120px !important} .pl-xs-130 {padding-left: 130px !important} .pl-xs-140 {padding-left: 140px !important} .pl-xs-150 {padding-left: 150px !important} .pl-xs-160 {padding-left: 160px !important} .pl-xs-170 {padding-left: 170px !important} .pl-xs-180 {padding-left: 180px !important} .pl-xs-190 {padding-left: 190px !important} .pl-xs-200 {padding-left: 200px !important} } /* * 6 -> xxs: max-width 479px * ----------------------------------------------- */ @media (max-width:479px) { /* * 6.1 -> Basic Margin * ----------------------------------------------- */ .m-xxs-0 {margin: 0px !important} .m-xxs-5 {margin: 5px !important} .m-xxs-10 {margin: 10px !important} .m-xxs-15 {margin: 15px !important} .m-xxs-20 {margin: 20px !important} .m-xxs-30 {margin: 30px !important} .m-xxs-40 {margin: 40px !important} .m-xxs-50 {margin: 50px !important} .m-xxs-60 {margin: 60px !important} .m-xxs-70 {margin: 70px !important} .m-xxs-80 {margin: 80px !important} .m-xxs-90 {margin: 90px !important} .m-xxs-100 {margin: 100px !important} .m-xxs-110 {margin: 110px !important} .m-xxs-120 {margin: 120px !important} .m-xxs-130 {margin: 130px !important} .m-xxs-140 {margin: 140px !important} .m-xxs-150 {margin: 150px !important} .m-xxs-160 {margin: 160px !important} .m-xxs-170 {margin: 170px !important} .m-xxs-180 {margin: 180px !important} .m-xxs-190 {margin: 190px !important} .m-xxs-200 {margin: 200px !important} /* * 6.2 -> Basic Padding * ----------------------------------------------- */ .p-xxs-0 {padding: 0!important;} .p-xxs-5 {padding: 5px !important} .p-xxs-10 {padding: 10px !important} .p-xxs-15 {padding: 15px !important} .p-xxs-20 {padding: 20px !important} .p-xxs-30 {padding: 30px !important} .p-xxs-40 {padding: 40px !important} .p-xxs-50 {padding: 50px !important} .p-xxs-60 {padding: 60px !important} .p-xxs-70 {padding: 70px !important} .p-xxs-80 {padding: 80px !important} .p-xxs-90 {padding: 90px !important} .p-xxs-100 {padding: 100px !important} .p-xxs-110 {padding: 110px !important} .p-xxs-120 {padding: 120px !important} .p-xxs-130 {padding: 130px !important} .p-xxs-140 {padding: 140px !important} .p-xxs-150 {padding: 150px !important} .p-xxs-160 {padding: 160px !important} .p-xxs-170 {padding: 170px !important} .p-xxs-180 {padding: 180px !important} .p-xxs-190 {padding: 190px !important} .p-xxs-200 {padding: 200px !important} /* * 6.3 -> Margin top * ----------------------------------------------- */ .mt-xxs-0 {margin-top: 0!important;} .mt-xxs-5 {margin-top: 5px !important} .mt-xxs-10 {margin-top: 10px !important} .mt-xxs-15 {margin-top: 15px !important} .mt-xxs-20 {margin-top: 20px !important} .mt-xxs-30 {margin-top: 30px !important} .mt-xxs-40 {margin-top: 40px !important} .mt-xxs-50 {margin-top: 50px !important} .mt-xxs-60 {margin-top: 60px !important} .mt-xxs-70 {margin-top: 70px !important} .mt-xxs-80 {margin-top: 80px !important} .mt-xxs-90 {margin-top: 90px !important} .mt-xxs-100 {margin-top: 100px !important} .mt-xxs-110 {margin-top: 110px !important} .mt-xxs-120 {margin-top: 120px !important} .mt-xxs-130 {margin-top: 130px !important} .mt-xxs-140 {margin-top: 140px !important} .mt-xxs-150 {margin-top: 150px !important} .mt-xxs-160 {margin-top: 160px !important} .mt-xxs-170 {margin-top: 170px !important} .mt-xxs-180 {margin-top: 180px !important} .mt-xxs-190 {margin-top: 190px !important} .mt-xxs-200 {margin-top: 200px !important} /* * 6.4 -> Margin right * ----------------------------------------------- */ .mr-xxs-0 {margin-right: 0!important;} .mr-xxs-5 {margin-right: 5px !important} .mr-xxs-10 {margin-right: 10px !important} .mr-xxs-15 {margin-right: 15px !important} .mr-xxs-20 {margin-right: 20px !important} .mr-xxs-30 {margin-right: 30px !important} .mr-xxs-40 {margin-right: 40px !important} .mr-xxs-50 {margin-right: 50px !important} .mr-xxs-60 {margin-right: 60px !important} .mr-xxs-70 {margin-right: 70px !important} .mr-xxs-80 {margin-right: 80px !important} .mr-xxs-90 {margin-right: 90px !important} .mr-xxs-100 {margin-right: 100px !important} .mr-xxs-110 {margin-right: 110px !important} .mr-xxs-120 {margin-right: 120px !important} .mr-xxs-130 {margin-right: 130px !important} .mr-xxs-140 {margin-right: 140px !important} .mr-xxs-150 {margin-right: 150px !important} .mr-xxs-160 {margin-right: 160px !important} .mr-xxs-170 {margin-right: 170px !important} .mr-xxs-180 {margin-right: 180px !important} .mr-xxs-190 {margin-right: 190px !important} .mr-xxs-200 {margin-right: 200px !important} /* * 6.5 -> Margin bottom * ----------------------------------------------- */ .mb-xxs-0 {margin-bottom: 0!important;} .mb-xxs-5 {margin-bottom: 5px !important} .mb-xxs-10 {margin-bottom: 10px !important} .mb-xxs-15 {margin-bottom: 15px !important} .mb-xxs-20 {margin-bottom: 20px !important} .mb-xxs-30 {margin-bottom: 30px !important} .mb-xxs-40 {margin-bottom: 40px !important} .mb-xxs-50 {margin-bottom: 50px !important} .mb-xxs-60 {margin-bottom: 60px !important} .mb-xxs-70 {margin-bottom: 70px !important} .mb-xxs-80 {margin-bottom: 80px !important} .mb-xxs-90 {margin-bottom: 90px !important} .mb-xxs-100 {margin-bottom: 100px !important} .mb-xxs-110 {margin-bottom: 110px !important} .mb-xxs-120 {margin-bottom: 120px !important} .mb-xxs-130 {margin-bottom: 130px !important} .mb-xxs-140 {margin-bottom: 140px !important} .mb-xxs-150 {margin-bottom: 150px !important} .mb-xxs-160 {margin-bottom: 160px !important} .mb-xxs-170 {margin-bottom: 170px !important} .mb-xxs-180 {margin-bottom: 180px !important} .mb-xxs-190 {margin-bottom: 190px !important} .mb-xxs-200 {margin-bottom: 200px !important} /* * 6.6 -> Margin left * ----------------------------------------------- */ .ml-xxs-0 {margin-left: 0!important;} .ml-xxs-5 {margin-left: 5px !important} .ml-xxs-10 {margin-left: 10px !important} .ml-xxs-15 {margin-left: 15px !important} .ml-xxs-20 {margin-left: 20px !important} .ml-xxs-30 {margin-left: 30px !important} .ml-xxs-40 {margin-left: 40px !important} .ml-xxs-50 {margin-left: 50px !important} .ml-xxs-60 {margin-left: 60px !important} .ml-xxs-70 {margin-left: 70px !important} .ml-xxs-80 {margin-left: 80px !important} .ml-xxs-90 {margin-left: 90px !important} .ml-xxs-100 {margin-left: 100px !important} .ml-xxs-110 {margin-left: 110px !important} .ml-xxs-120 {margin-left: 120px !important} .ml-xxs-130 {margin-left: 130px !important} .ml-xxs-140 {margin-left: 140px !important} .ml-xxs-150 {margin-left: 150px !important} .ml-xxs-160 {margin-left: 160px !important} .ml-xxs-170 {margin-left: 170px !important} .ml-xxs-180 {margin-left: 180px !important} .ml-xxs-190 {margin-left: 190px !important} .ml-xxs-200 {margin-left: 200px !important} /* * 6.7 -> Padding top * ----------------------------------------------- */ .pt-xxs-0 {padding-top: 0!important;} .pt-xxs-5 {padding-top: 5px !important} .pt-xxs-10 {padding-top: 10px !important} .pt-xxs-15 {padding-top: 15px !important} .pt-xxs-20 {padding-top: 20px !important} .pt-xxs-30 {padding-top: 30px !important} .pt-xxs-40 {padding-top: 40px !important} .pt-xxs-50 {padding-top: 50px !important} .pt-xxs-60 {padding-top: 60px !important} .pt-xxs-70 {padding-top: 70px !important} .pt-xxs-80 {padding-top: 80px !important} .pt-xxs-90 {padding-top: 90px !important} .pt-xxs-100 {padding-top: 100px !important} .pt-xxs-110 {padding-top: 110px !important} .pt-xxs-120 {padding-top: 120px !important} .pt-xxs-130 {padding-top: 130px !important} .pt-xxs-140 {padding-top: 140px !important} .pt-xxs-150 {padding-top: 150px !important} .pt-xxs-160 {padding-top: 160px !important} .pt-xxs-170 {padding-top: 170px !important} .pt-xxs-180 {padding-top: 180px !important} .pt-xxs-190 {padding-top: 190px !important} .pt-xxs-200 {padding-top: 200px !important} /* * 6.8 -> Padding right * ----------------------------------------------- */ .pr-xxs-0 {padding-right: 0!important;} .pr-xxs-5 {padding-right: 5px !important} .pr-xxs-10 {padding-right: 10px !important} .pr-xxs-15 {padding-right: 15px !important} .pr-xxs-20 {padding-right: 20px !important} .pr-xxs-30 {padding-right: 30px !important} .pr-xxs-40 {padding-right: 40px !important} .pr-xxs-50 {padding-right: 50px !important} .pr-xxs-60 {padding-right: 60px !important} .pr-xxs-70 {padding-right: 70px !important} .pr-xxs-80 {padding-right: 80px !important} .pr-xxs-90 {padding-right: 90px !important} .pr-xxs-100 {padding-right: 100px !important} .pr-xxs-110 {padding-right: 110px !important} .pr-xxs-120 {padding-right: 120px !important} .pr-xxs-130 {padding-right: 130px !important} .pr-xxs-140 {padding-right: 140px !important} .pr-xxs-150 {padding-right: 150px !important} .pr-xxs-160 {padding-right: 160px !important} .pr-xxs-170 {padding-right: 170px !important} .pr-xxs-180 {padding-right: 180px !important} .pr-xxs-190 {padding-right: 190px !important} .pr-xxs-200 {padding-right: 200px !important} /* * 6.9 -> Padding bottom * ----------------------------------------------- */ .pb-xxs-0 {padding-bottom: 0!important;} .pb-xxs-5 {padding-bottom: 5px !important} .pb-xxs-10 {padding-bottom: 10px !important} .pb-xxs-15 {padding-bottom: 15px !important} .pb-xxs-20 {padding-bottom: 20px !important} .pb-xxs-30 {padding-bottom: 30px !important} .pb-xxs-40 {padding-bottom: 40px !important} .pb-xxs-50 {padding-bottom: 50px !important} .pb-xxs-60 {padding-bottom: 60px !important} .pb-xxs-70 {padding-bottom: 70px !important} .pb-xxs-80 {padding-bottom: 80px !important} .pb-xxs-90 {padding-bottom: 90px !important} .pb-xxs-100 {padding-bottom: 100px !important} .pb-xxs-110 {padding-bottom: 110px !important} .pb-xxs-120 {padding-bottom: 120px !important} .pb-xxs-130 {padding-bottom: 130px !important} .pb-xxs-140 {padding-bottom: 140px !important} .pb-xxs-150 {padding-bottom: 150px !important} .pb-xxs-160 {padding-bottom: 160px !important} .pb-xxs-170 {padding-bottom: 170px !important} .pb-xxs-180 {padding-bottom: 180px !important} .pb-xxs-190 {padding-bottom: 190px !important} .pb-xxs-200 {padding-bottom: 200px !important} /* * 6.10 -> Padding left * ----------------------------------------------- */ .pl-xxs-0 {padding-left: 0!important;} .pl-xxs-5 {padding-left: 5px !important} .pl-xxs-10 {padding-left: 10px !important} .pl-xxs-15 {padding-left: 15px !important} .pl-xxs-20 {padding-left: 20px !important} .pl-xxs-30 {padding-left: 30px !important} .pl-xxs-40 {padding-left: 40px !important} .pl-xxs-50 {padding-left: 50px !important} .pl-xxs-60 {padding-left: 60px !important} .pl-xxs-70 {padding-left: 70px !important} .pl-xxs-80 {padding-left: 80px !important} .pl-xxs-90 {padding-left: 90px !important} .pl-xxs-100 {padding-left: 100px !important} .pl-xxs-110 {padding-left: 110px !important} .pl-xxs-120 {padding-left: 120px !important} .pl-xxs-130 {padding-left: 130px !important} .pl-xxs-140 {padding-left: 140px !important} .pl-xxs-150 {padding-left: 150px !important} .pl-xxs-160 {padding-left: 160px !important} .pl-xxs-170 {padding-left: 170px !important} .pl-xxs-180 {padding-left: 180px !important} .pl-xxs-190 {padding-left: 190px !important} .pl-xxs-200 {padding-left: 200px !important} } /*================================================== = Bootstrap 3 Media Queries = ==================================================*/ /*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ @media only screen and (min-width : 320px) { } /* Extra Small Devices, Phones */ @media only screen and (min-width : 480px) { } /* Small Devices, Tablets */ @media only screen and (min-width : 768px) { } /* Medium Devices, Desktops */ @media only screen and (min-width : 992px) { } /* Large Devices, Wide Screens */ @media only screen and (min-width : 1200px) { } /*========== Non-Mobile First Method ==========*/ /* Large Devices, Wide Screens */ @media only screen and (max-width : 1199px) { } /* Medium Devices, Desktops */ @media only screen and (max-width : 991px) { } /* Small Devices, Tablets */ @media only screen and (max-width : 767px) { } /* Extra Small Devices, Phones */ @media only screen and (max-width : 479px) { } /* Extra Small Devices, Phones */ @media only screen and (max-width : 360px) { } /* Custom, iPhone Retina */ @media only screen and (max-width : 319px) { } /* -------------------------------------- @Author: ThemeMascot @URL: http://themeforest.net/user/ThemeMascot COLOR : Yellow COLOR CODE: #fedc00 ----------------------------------------- */ /* text-theme-color */ .text-theme-colored { color: #fedc00 !important; } .text-theme-colored2 { color: #ff0000 !important; } /* text-hover-theme-color */ .text-hover-theme-colored:hover { color: #fedc00 !important; } /* background-theme-color */ .bg-theme-colored { background-color: #fedc00 !important; } .bg-theme-colored-lighter2 { background-color: #ffb00f !important; } .bg-theme-colored-lighter3 { background-color: #ffb31a !important; } .bg-theme-colored-lighter4 { background-color: #ffb724 !important; } .bg-theme-colored-darker2 { background-color: #f7cd00 !important; } .bg-theme-colored-darker3 { background-color: #edbf00 !important; } .bg-theme-colored-darker4 { background-color: #e5b900 !important; } .bg-theme-colored-darker5 { background-color: #ddb300 !important; } .bg-theme-colored-darker6 { background-color: #d6ad00 !important; } /* background-color-transparent */ .bg-theme-colored-transparent-9 { background-color: rgba(255, 171, 0, 0.9); } .bg-theme-colored-transparent-8 { background-color: rgba(255, 171, 0, 0.8); } .bg-theme-colored-transparent-7 { background-color: rgba(255, 171, 0, 0.7); } .bg-theme-colored-transparent-6 { background-color: rgba(255, 171, 0, 0.6); } .bg-theme-colored-transparent-5 { background-color: rgba(255, 171, 0, 0.5); } .bg-theme-colored-transparent-4 { background-color: rgba(255, 171, 0, 0.4); } .bg-theme-colored-transparent-3 { background-color: rgba(255, 171, 0, 0.3); } .bg-theme-colored-transparent-2 { background-color: rgba(255, 171, 0, 0.2); } .bg-theme-colored-transparent-1 { background-color: rgba(255, 171, 0, 0.1); } .bg-theme-colored-transparent { background-color: rgba(255, 171, 0, 0.75) !important; } /* bg-hover-theme-color */ .bg-hover-theme-colored:hover { background: #fedc00 !important; border-color: #fedc00 !important; color: #fff !important; } .bg-hover-theme-colored:hover h1, .bg-hover-theme-colored:hover h2, .bg-hover-theme-colored:hover h3, .bg-hover-theme-colored:hover h4, .bg-hover-theme-colored:hover h5, .bg-hover-theme-colored:hover h6, .bg-hover-theme-colored:hover p, .bg-hover-theme-colored:hover a, .bg-hover-theme-colored:hover i { color: #fff !important; } /* Layer-overlay */ .overlay-theme-colored-1:before { background-color: rgba(255, 171, 0, 0.1) !important; } .overlay-theme-colored-2:before { background-color: rgba(255, 171, 0, 0.2) !important; } .overlay-theme-colored-3:before { background-color: rgba(255, 171, 0, 0.3) !important; } .overlay-theme-colored-4:before { background-color: rgba(255, 171, 0, 0.4) !important; } .overlay-theme-colored-5:before { background-color: rgba(255, 171, 0, 0.5) !important; } .overlay-theme-colored-6:before { background-color: rgba(255, 171, 0, 0.6) !important; } .overlay-theme-colored-7:before { background-color: rgba(255, 171, 0, 0.7) !important; } .overlay-theme-colored-8:before { background-color: rgba(116, 202, 224, 0.8) !important; } .overlay-theme-colored-9:before { background-color: rgba(255, 171, 0, 0.9) !important; } /* border-theme-color */ .border-theme-colored { border-color: #fedc00 !important; } .border-theme-color-1px { border: 1px solid #fedc00 !important; } .border-theme-color-2px { border: 2px solid #fedc00 !important; } .border-theme-color-1px { border: 3px solid #fedc00 !important; } .border-theme-color-1px { border: 4px solid #fedc00 !important; } .border-theme-color-1px { border: 1px solid #fedc00 !important; } .border-theme-color-1px { border: 1px solid #fedc00 !important; } .border-theme-color-1px { border: 1px solid #fedc00 !important; } .border-top-theme-color-1px { border-top: 1px solid #fedc00 !important; } .border-top-theme-color-2px { border-top: 2px solid #fedc00 !important; } .border-top-theme-color-3px { border-top: 3px solid #fedc00 !important; } .border-top-theme-color-4px { border-top: 4px solid #fedc00 !important; } .border-top-theme-color-5px { border-top: 5px solid #fedc00 !important; } .border-top-theme-color-6px { border-top: 6px solid #fedc00 !important; } .border-top-theme-color-7px { border-top: 7px solid #fedc00 !important; } .border-top-theme-color-8px { border-top: 8px solid #fedc00 !important; } .border-top-theme-color-9px { border-top: 9px solid #fedc00 !important; } .border-top-theme-color-10px { border-top: 10px solid #fedc00 !important; } /*Theme Colored Red Border-bottom-color*/ .border-bottom-theme-color-1px { border-bottom: 1px solid #fedc00 !important; } .border-bottom-theme-color-2px { border-bottom: 2px solid #fedc00 !important; } .border-bottom-theme-color-3px { border-bottom: 3px solid #fedc00 !important; } .border-bottom-theme-color-4px { border-bottom: 4px solid #fedc00 !important; } .border-bottom-theme-color-5px { border-bottom: 5px solid #fedc00 !important; } .border-bottom-theme-color-6px { border-bottom: 6px solid #fedc00 !important; } .border-bottom-theme-color-7px { border-bottom: 7px solid #fedc00 !important; } .border-bottom-theme-color-8px { border-bottom: 8px solid #fedc00 !important; } .border-bottom-theme-color-9px { border-bottom: 9px solid #fedc00 !important; } .border-bottom-theme-color-10px { border-bottom: 10px solid #fedc00 !important; } /*Theme Colored Red Border-left-color*/ .border-left-theme-color-1px { border-left: 1px solid #fedc00 !important; } .border-left-theme-color-2px { border-left: 2px solid #fedc00 !important; } .border-left-theme-color-3px { border-left: 3px solid #fedc00 !important; } .border-left-theme-color-4px { border-left: 4px solid #fedc00 !important; } .border-left-theme-color-5px { border-left: 5px solid #fedc00 !important; } .border-left-theme-color-6px { border-left: 6px solid #fedc00 !important; } .border-left-theme-color-7px { border-left: 7px solid #fedc00 !important; } .border-left-theme-color-8px { border-left: 8px solid #fedc00 !important; } .border-left-theme-color-9px { border-left: 9px solid #fedc00 !important; } .border-left-theme-color-10px { border-left: 10px solid #fedc00 !important; } /*Theme Colored Red Border-right-color*/ .border-right-theme-color-1px { border-right: 1px solid #fedc00 !important; } .border-right-theme-color-2px { border-right: 2px solid #fedc00 !important; } .border-right-theme-color-3px { border-right: 3px solid #fedc00 !important; } .border-right-theme-color-4px { border-right: 4px solid #fedc00 !important; } .border-right-theme-color-5px { border-right: 5px solid #fedc00 !important; } .border-right-theme-color-6px { border-right: 6px solid #fedc00 !important; } .border-right-theme-color-7px { border-right: 7px solid #fedc00 !important; } .border-right-theme-color-8px { border-right: 8px solid #fedc00 !important; } .border-right-theme-color-9px { border-right: 9px solid #fedc00 !important; } .border-right-theme-color-10px { border-right: 10px solid #fedc00 !important; } .progress-item .progress-bar .percent { background: #fedc00; } .causes .progress-item .progress-bar .percent { border-color: #fedc00 !important; } .team-member .member-info { background-color: rgba(255, 171, 0, 0.7) !important; } /* background-color-transparent */ .donate-piechart .piechart canvas { background-color: rgba(255, 171, 0, 0.75) !important; border-radius: 50%; max-height: 80px; } /* Layer-overlay */ .overlay-theme-colored:before { background-color: rgba(255, 171, 0, 0.8) !important; } /* Layeroverlay */ .post .entry-meta.meta-absolute, .volunteer .overlay, .bg-theme-colored-transparent-deep { background-color: rgba(255, 171, 0, 0.9) !important; } .icon-box.box-style1.practice-style3:hover .icon-wrapper, .zeus .tp-bullet::after { background-color: #fedc00; } .preloader-dot-loading .cssload-loading i { background: #fedc00 !important; } .services-tab .nav-tabs > li.active > a, .services-tab .nav-tabs > li.active > a:hover, .services-tab .nav-tabs > li.active > a:focus, .services-tab .nav-tabs > li a:hover, .services-tab .nav-tabs > li a:focus { background-color: #fedc00 !important; } .hover-effect:hover .details { background-color: #fedc00 !important; border-bottom-color: #cc8900 !important; } .hover-effect:hover .thumb::after { border-color: rgba(255, 171, 0, 0.3) !important; } .hover-effect:hover a { background: #cc8900 !important; } .portfolio-filter a.active, .portfolio-filter a:hover { background-color: #fedc00 !important; } /* * background: theme-color * ----------------------------------------------- */ .tab-slider .nav.nav-pills a:hover, .tab-slider .nav.nav-pills a.active, .custom-nav-tabs > li > a:hover, .widget .tags a:hover, .progress-item .progress-bar, .small-title .title::after, .title-icon::before, .title-icon::after, .testimonial .item::after, .drop-caps.colored-square p:first-child:first-letter, .drop-caps.colored-rounded p:first-child:first-letter, .list-icon.theme-colored.square li i, .list-icon.theme-colored.rounded li i, .working-process.theme-colored a, .widget.dark .tags a:hover, .blog-posts .post .entry-content .post-date.right, .horizontal-tab-centered .nav-pills > li > a:hover, .horizontal-tab-centered .nav-pills > li.active > a, .horizontal-tab-centered .nav-pills > li.active > a:hover, .horizontal-tab-centered .nav-pills > li.active > a:focus, .owl-theme.dot-theme-colored .owl-controls .owl-dot span, .pagination.theme-colored li.active a, .section-title .both-side-line::after, .section-title .both-side-line::before, .section-title .top-side-line::after, .section-title .left-side-line::before, .section-title .right-side-line::before, .product .tag-sale, .owl-theme .owl-dots .owl-dot.active span, .title-icon::after, .title-icon::before, .line-bottom:after, .title-dots span { background: #fedc00; } .ui-state-highlight { background: #fedc00 !important; color: #fff !important; } /* * text: theme-color * ----------------------------------------------- */ ul.list.theme-colored li:before, ul.list.theme-colored.angle-double-right li:before, ul.list.theme-colored.angle-right li:before, ul.list.theme-colored.check-circle li:before, ul.list.theme-colored.check li:before, .list-icon.theme-colored li i, .title-icon [class^="flaticon-"]::after, .title-icon [class^="flaticon-"]::before, .menuzord-menu > li > .megamenu .megamenu-row li:hover > a, .menuzord-menu > li > .megamenu .megamenu-row .post a:hover, .menuzord-menu > li > .megamenu .megamenu-row li:hover > a i, .menuzord-menu > li > .megamenu .megamenu-row .post a:hover i, .pricing-table .table-list li i, .testimonial-carousel.boxed .content::after, .blog-posts .post .entry-meta li i, .widget .twitter-feed li::after, .widget .address li i, .icon-box.box-style1.practice-style3 i, .attorney-carousel .content .contact-area i, .attorney-address li i, .icon-box.services-style1:hover .heading, .horizontal-contact-widget .widget::before, .horizontal-contact-widget .each-widget::before, .small-title i, .drop-caps.text-colored p:first-child:first-letter, .schedule-box:hover .schedule-details .title a, .widget.dark .nav-tabs li.active a, .pagination.theme-colored li a, .pager.theme-colored a, .widget .post-title a:hover, .volunteer .info .name a, .donation-form .form-group label, .title-icon [class^="flaticon-"]::after, .title-icon [class^="flaticon-"]::before, .services-tab .nav-tabs > li > a i { color: #fedc00; } .star-rating span::before { color: #fedc00 !important; } /* * border: theme-color * ----------------------------------------------- */ .icon-box.icon-rounded-bordered i, .widget .line-bottom:after, .widget .line-bottom:after, .pager.theme-colored a { border: 1px solid #fedc00; } .border-theme-colored, .owl-theme .owl-dots .owl-dot span { border-color: #fedc00; } .icon-box.box-style1.practice-style3:hover .icon-wrapper::after { border-color: #fedc00 transparent transparent; } .opening-hours ul li { border-bottom: 1px dashed #fedc00; } /* border-left-color */ blockquote.theme-colored { border-left: 3px solid #fedc00; } blockquote.bg-theme-colored { border-left: 3px solid #cc8900; color: #fff; } blockquote.bg-theme-colored footer { color: #eeeeee; } blockquote.gray.bg-theme-colored { background-color: #eeeeee !important; border-left: 3px solid #fedc00; color: #fedc00; } blockquote.gray.bg-theme-colored footer { color: #777777; } .attorney-address li { border-left: 1px solid #fedc00; } .section-title.title-border { border-left: 4px solid #fedc00; } /* border-top-color */ .member-info { border-top: 3px outset #fedc00; } .cssload-tri { border-top: 27px solid #fedc00; } /* border-right-color */ .border-right-red { border-right: 1px solid #fedc00; } .section-title.title-border.title-right { border-right: 4px solid #fedc00; } /* border-bottom-color */ .event { border-bottom-color: #fedc00; } .cssload-tri.cssload-invert { border-bottom: 27px solid #fedc00; } /* box-shadow */ /* * btn-default: theme-color * ----------------------------------------------- */ .btn-default.btn-theme-colored { color: #fedc00; background-color: #fff; border-color: #fedc00; } .btn-default.btn-theme-colored:focus, .btn-default.btn-theme-colored.focus { color: #fedc00; background-color: #e6e6e6; border-color: #805600; } .btn-default.btn-theme-colored:hover { color: #fedc00; background-color: #e6e6e6; border-color: #c28200; } .btn-default.btn-theme-colored:active, .btn-default.btn-theme-colored.active, .open > .dropdown-toggle.btn-default.btn-theme-colored { color: #fedc00; background-color: #e6e6e6; border-color: #c28200; } .btn-default.btn-theme-colored:active:hover, .btn-default.btn-theme-colored.active:hover, .open > .dropdown-toggle.btn-default.btn-theme-colored:hover, .btn-default.btn-theme-colored:active:focus, .btn-default.btn-theme-colored.active:focus, .open > .dropdown-toggle.btn-default.btn-theme-colored:focus, .btn-default.btn-theme-colored:active.focus, .btn-default.btn-theme-colored.active.focus, .open > .dropdown-toggle.btn-default.btn-theme-colored.focus { color: #fedc00; background-color: #d4d4d4; border-color: #805600; } .btn-default.btn-theme-colored:active, .btn-default.btn-theme-colored.active, .open > .dropdown-toggle.btn-default.btn-theme-colored { background-image: none; } .btn-default.btn-theme-colored.disabled:hover, .btn-default.btn-theme-colored[disabled]:hover, fieldset[disabled] .btn-default.btn-theme-colored:hover, .btn-default.btn-theme-colored.disabled:focus, .btn-default.btn-theme-colored[disabled]:focus, fieldset[disabled] .btn-default.btn-theme-colored:focus, .btn-default.btn-theme-colored.disabled.focus, .btn-default.btn-theme-colored[disabled].focus, fieldset[disabled] .btn-default.btn-theme-colored.focus { background-color: #fff; border-color: #fedc00; } .btn-default.btn-theme-colored .badge { color: #fff; background-color: #fedc00; } .btn-default.btn-theme-colored:hover, .btn-default.btn-theme-colored:active, .btn-default.btn-theme-colored:focus { background-color: #fedc00; border-color: #fedc00; color: #fff; } /* * btn-border * ----------------------------------------------- */ .btn-border.btn-theme-colored { color: #fedc00; background-color: #fff; border-color: #fedc00; } .btn-border.btn-theme-colored:focus, .btn-border.btn-theme-colored.focus { color: #fedc00; background-color: #e6e6e6; border-color: #805600; } .btn-border.btn-theme-colored:hover { color: #fedc00; background-color: #e6e6e6; border-color: #c28200; } .btn-border.btn-theme-colored:active, .btn-border.btn-theme-colored.active, .open > .dropdown-toggle.btn-border.btn-theme-colored { color: #fedc00; background-color: #e6e6e6; border-color: #c28200; } .btn-border.btn-theme-colored:active:hover, .btn-border.btn-theme-colored.active:hover, .open > .dropdown-toggle.btn-border.btn-theme-colored:hover, .btn-border.btn-theme-colored:active:focus, .btn-border.btn-theme-colored.active:focus, .open > .dropdown-toggle.btn-border.btn-theme-colored:focus, .btn-border.btn-theme-colored:active.focus, .btn-border.btn-theme-colored.active.focus, .open > .dropdown-toggle.btn-border.btn-theme-colored.focus { color: #fedc00; background-color: #d4d4d4; border-color: #805600; } .btn-border.btn-theme-colored:active, .btn-border.btn-theme-colored.active, .open > .dropdown-toggle.btn-border.btn-theme-colored { background-image: none; } .btn-border.btn-theme-colored.disabled:hover, .btn-border.btn-theme-colored[disabled]:hover, fieldset[disabled] .btn-border.btn-theme-colored:hover, .btn-border.btn-theme-colored.disabled:focus, .btn-border.btn-theme-colored[disabled]:focus, fieldset[disabled] .btn-border.btn-theme-colored:focus, .btn-border.btn-theme-colored.disabled.focus, .btn-border.btn-theme-colored[disabled].focus, fieldset[disabled] .btn-border.btn-theme-colored.focus { background-color: #fff; border-color: #fedc00; } .btn-border.btn-theme-colored .badge { color: #fff; background-color: #fedc00; } .btn-border.btn-theme-colored:hover, .btn-border.btn-theme-colored:active, .btn-border.btn-theme-colored:focus { background-color: #cc8900; border-color: #cc8900; color: #fff; } /* * btn-dark * ----------------------------------------------- */ .btn-dark.btn-theme-colored { color: #000; background-color: #fedc00; border-color: #fedc00; } .btn-dark.btn-theme-colored:focus, .btn-dark.btn-theme-colored.focus { color: #fff; background-color: #cc8900; border-color: #805600; } .btn-dark.btn-theme-colored:hover { color: #fff; background-color: #cc8900; border-color: #c28200; } .btn-dark.btn-theme-colored:active, .btn-dark.btn-theme-colored.active, .open > .dropdown-toggle.btn-dark.btn-theme-colored { color: #fff; background-color: #cc8900; border-color: #c28200; } .btn-dark.btn-theme-colored:active:hover, .btn-dark.btn-theme-colored.active:hover, .open > .dropdown-toggle.btn-dark.btn-theme-colored:hover, .btn-dark.btn-theme-colored:active:focus, .btn-dark.btn-theme-colored.active:focus, .open > .dropdown-toggle.btn-dark.btn-theme-colored:focus, .btn-dark.btn-theme-colored:active.focus, .btn-dark.btn-theme-colored.active.focus, .open > .dropdown-toggle.btn-dark.btn-theme-colored.focus { color: #fff; background-color: #a87100; border-color: #805600; } .btn-dark.btn-theme-colored:active, .btn-dark.btn-theme-colored.active, .open > .dropdown-toggle.btn-dark.btn-theme-colored { background-image: none; } .btn-dark.btn-theme-colored.disabled:hover, .btn-dark.btn-theme-colored[disabled]:hover, fieldset[disabled] .btn-dark.btn-theme-colored:hover, .btn-dark.btn-theme-colored.disabled:focus, .btn-dark.btn-theme-colored[disabled]:focus, fieldset[disabled] .btn-dark.btn-theme-colored:focus, .btn-dark.btn-theme-colored.disabled.focus, .btn-dark.btn-theme-colored[disabled].focus, fieldset[disabled] .btn-dark.btn-theme-colored.focus { background-color: #fedc00; border-color: #fedc00; } .btn-dark.btn-theme-colored .badge { color: #fedc00; background-color: #fff; } /* * btn-gray * ----------------------------------------------- */ .btn-gray.btn-theme-colored { color: #fff; background-color: #ffbc33; border-color: #ffbc33; } .btn-gray.btn-theme-colored:focus, .btn-gray.btn-theme-colored.focus { color: #fff; background-color: #fedc00; border-color: #b37800; } .btn-gray.btn-theme-colored:hover { color: #fff; background-color: #fedc00; border-color: #f5a400; } .btn-gray.btn-theme-colored:active, .btn-gray.btn-theme-colored.active, .open > .dropdown-toggle.btn-gray.btn-theme-colored { color: #fff; background-color: #fedc00; border-color: #f5a400; } .btn-gray.btn-theme-colored:active:hover, .btn-gray.btn-theme-colored.active:hover, .open > .dropdown-toggle.btn-gray.btn-theme-colored:hover, .btn-gray.btn-theme-colored:active:focus, .btn-gray.btn-theme-colored.active:focus, .open > .dropdown-toggle.btn-gray.btn-theme-colored:focus, .btn-gray.btn-theme-colored:active.focus, .btn-gray.btn-theme-colored.active.focus, .open > .dropdown-toggle.btn-gray.btn-theme-colored.focus { color: #fff; background-color: #db9300; border-color: #b37800; } .btn-gray.btn-theme-colored:active, .btn-gray.btn-theme-colored.active, .open > .dropdown-toggle.btn-gray.btn-theme-colored { background-image: none; } .btn-gray.btn-theme-colored.disabled:hover, .btn-gray.btn-theme-colored[disabled]:hover, fieldset[disabled] .btn-gray.btn-theme-colored:hover, .btn-gray.btn-theme-colored.disabled:focus, .btn-gray.btn-theme-colored[disabled]:focus, fieldset[disabled] .btn-gray.btn-theme-colored:focus, .btn-gray.btn-theme-colored.disabled.focus, .btn-gray.btn-theme-colored[disabled].focus, fieldset[disabled] .btn-gray.btn-theme-colored.focus { background-color: #ffbc33; border-color: #ffbc33; } .btn-gray.btn-theme-colored .badge { color: #ffbc33; background-color: #fff; } /* * btn-primary: theme-color * ----------------------------------------------- */ .btn-theme-colored { color: #fff; background-color: #fedc00; border-color: #fedc00; } .btn-theme-colored:focus, .btn-theme-colored.focus { color: #fff; background-color: #cc8900; border-color: #805600; } .btn-theme-colored:hover { color: #fff; background-color: #cc8900; border-color: #c28200; } .btn-theme-colored:active, .btn-theme-colored.active, .open > .dropdown-toggle.btn-theme-colored { color: #fff; background-color: #cc8900; border-color: #c28200; } .btn-theme-colored:active:hover, .btn-theme-colored.active:hover, .open > .dropdown-toggle.btn-theme-colored:hover, .btn-theme-colored:active:focus, .btn-theme-colored.active:focus, .open > .dropdown-toggle.btn-theme-colored:focus, .btn-theme-colored:active.focus, .btn-theme-colored.active.focus, .open > .dropdown-toggle.btn-theme-colored.focus { color: #fff; background-color: #a87100; border-color: #805600; } .btn-theme-colored:active, .btn-theme-colored.active, .open > .dropdown-toggle.btn-theme-colored { background-image: none; } .btn-theme-colored.disabled:hover, .btn-theme-colored[disabled]:hover, fieldset[disabled] .btn-theme-colored:hover, .btn-theme-colored.disabled:focus, .btn-theme-colored[disabled]:focus, fieldset[disabled] .btn-theme-colored:focus, .btn-theme-colored.disabled.focus, .btn-theme-colored[disabled].focus, fieldset[disabled] .btn-theme-colored.focus { background-color: #fedc00; border-color: #fedc00; } .btn-theme-colored .badge { color: #fedc00; background-color: #fff; } /* * btn-transparent * ----------------------------------------------- */ .btn-transparent { background-color: transparent; color: #fff; } .btn-transparent.btn-theme-colored { background-color: transparent; } .btn-transparent.btn-dark { background-color: #111111; border-color: #111111; } .btn-transparent.btn-dark:hover { background-color: #000000; border-color: #000000; } .btn-transparent.btn-dark.btn-theme-colored { background-color: #fedc00; border-color: #fedc00; } .btn-transparent.btn-dark.btn-theme-colored:hover { background-color: #cc8900; border-color: #cc8900; } .btn-transparent.btn-border { background-color: transparent; border-color: #eeeeee; } .btn-transparent.btn-border:hover { background-color: #eeeeee; color: #000; } .btn-transparent.btn-border.btn-theme-colored { background-color: transparent; border-color: #fedc00; } .btn-transparent.btn-border.btn-theme-colored:hover { background-color: #fedc00; color: #fff; } .btn-gray.btn-transparent { background-color: #d3d3d3; color: #333333; } .btn-gray.btn-transparent:hover { background-color: #ececec; color: #1a1a1a; } .btn-gray.btn-transparent.btn-theme-colored { background-color: #ffbc33; color: #fff; } .btn-gray.btn-transparent.btn-theme-colored:hover { background-color: #cc8900; color: #e6e6e6; } .btn-hover-theme-colored:hover { background-color: #fedc00; border-color: #fedc00; color: #fff; } /* * Shortcode: styled-icons Theme Colored * ----------------------------------------------- */ .icon-theme-colored a { color: #fedc00; } .icon-theme-colored.icon-bordered a { border-color: #fedc00; } .icon-theme-colored.icon-bordered a:hover { background-color: #fedc00; color: #fff; } .icon-theme-colored.icon-dark a { background-color: #fedc00; color: #fff; } .icon-theme-colored.icon-dark a:hover { background-color: #cc8900; color: #e6e6e6; } .icon-theme-colored.icon-dark.icon-bordered a { border-color: #fedc00; color: #fedc00; } .icon-theme-colored.icon-dark.icon-bordered a:hover { background-color: #fedc00; border-color: #fedc00; color: #fff; } .icon-theme-colored.icon-gray a { color: #fedc00; } .icon-theme-colored.icon-gray a:hover { color: #cc8900; } .icon-theme-colored.icon-gray.icon-bordered a { color: #fedc00; } .icon-theme-colored.icon-gray.icon-bordered a:hover { background-color: #eeeeee; border-color: #eeeeee; color: #fedc00; } .icon-theme-colored a:hover { color: #cc8900; } .icon-hover-theme-colored a:hover { background-color: #fedc00; border-color: #fedc00; color: #fff; } .styled-icons.icon-hover-theme-colored a:hover { background-color: #fedc00; border-color: #fedc00; color: #fff; } /* * Shortcode: Icon Boxes Theme Colored * ----------------------------------------------- */ .icon-box.iconbox-theme-colored .icon { color: #fedc00; } .icon-box.iconbox-theme-colored .icon.icon-border-effect::after { box-shadow: 0 0 0 3px #fedc00; } .icon-box.iconbox-theme-colored .icon.icon-bordered { border-color: #fedc00; } .icon-box.iconbox-theme-colored .icon.icon-bordered:hover { background-color: #fedc00; color: #fff; } .icon-box.iconbox-theme-colored .icon.icon-gray:hover { background-color: #fedc00; color: #fff; } .icon-box.iconbox-theme-colored .icon.icon-gray.icon-bordered { border-color: #eeeeee; } .icon-box.iconbox-theme-colored .icon.icon-gray.icon-bordered:hover { background-color: #fedc00; border-color: #fedc00; color: #fff; } .icon-box.iconbox-theme-colored .icon.icon-dark { background-color: #fedc00; color: #fff; } .icon-box.iconbox-theme-colored .icon.icon-dark:hover { color: #fff; } .icon-box.iconbox-theme-colored .icon.icon-dark.icon-bordered { background-color: transparent; border-color: #fedc00; color: #fedc00; } .icon-box.iconbox-theme-colored .icon.icon-dark.icon-bordered:hover { background-color: #fedc00; border-color: #fedc00; color: #fff; } .icon-box.iconbox-theme-colored .icon.icon-white { background-color: #fff; color: #fedc00; } .icon-box.iconbox-theme-colored .icon.icon-white:hover { background-color: #fedc00; color: #fff; } .icon-box.iconbox-theme-colored .icon.icon-white.icon-bordered { background-color: transparent; border-color: #fedc00; color: #fff; } .icon-box.iconbox-theme-colored .icon.icon-white.icon-bordered:hover { background-color: #fedc00; border-color: #fedc00; color: #fff; } .icon-box.iconbox-theme-colored.iconbox-border { border-color: #fedc00; }