%k25u25%fgd5n!
/***
====================================================================
Global Settings
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-size:15px;
color:#333;
line-height:28px;
font-weight:400;
background:#ffffff;
font-family: 'Roboto', sans-serif;
background-size:cover;
background-repeat:no-repeat;
background-position:center top;
-webkit-font-smoothing: antialiased;
}
@media (min-width:1200px) {
.container {
max-width: 1170px;
padding: 0px 15px;
}
}
.large-container{
max-width: 1700px;
padding: 0px 15px;
margin: 0 auto;
}
.container-fluid{
padding: 0px;
}
.auto-container{
position:static;
max-width:1170px;
padding:0px 15px;
margin:0 auto;
}
.small-container{
max-width:680px;
margin:0 auto;
}
.boxed_wrapper{
position: relative;
margin: 0 auto;
overflow: hidden !important;
width: 100%;
min-width: 300px;
}
a{
text-decoration:none;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
a:hover{
text-decoration:none;
outline:none;
}
input,button,select,textarea{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 16px;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;
}
input{
transition: all 500ms ease;
}
button:focus,
input:focus,
textarea:focus{
outline: none;
box-shadow: none;
transition: all 500ms ease;
}
p{
position: relative;
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height:1.8em;
color: #333333;
font-weight: 300;
margin: 0px;
transition: all 500ms ease;
margin-bottom: 25px;
}
h1,h2,h3,h4,h5,h6{
position:relative;
font-family: 'Noto Serif', serif;
font-weight: 400;
color: #222222;
margin: 0px;
transition: all 500ms ease;
}
/* Preloader */
.preloader {
min-height: 100vh;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
background: #fff;
position: fixed;
z-index: 999999999;
width: 100%;
}
.preloader .boxes{
--size: 30px;
--duration: 800ms;
height: calc(var(--size) * 2);
width: calc(var(--size) * 3);
position: relative;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
margin-top: calc(var(--size) * 1.5 * -1);
-webkit-transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);
transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);
}
.preloader .boxes .box{
width: var(--size);
height: var(--size);
top: 0;
left: 0;
position: absolute;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.preloader .boxes .box:nth-child(1){
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-animation: box1 var(--duration) linear infinite;
animation: box1 var(--duration) linear infinite;
}
.preloader .boxes .box:nth-child(2){
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-animation: box2 var(--duration) linear infinite;
animation: box2 var(--duration) linear infinite;
}
.preloader .boxes .box:nth-child(3){
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
-webkit-animation: box3 var(--duration) linear infinite;
animation: box3 var(--duration) linear infinite;
}
.preloader .boxes .box:nth-child(4){
-webkit-transform: translate(200%, 0);
transform: translate(200%, 0);
-webkit-animation: box4 var(--duration) linear infinite;
animation: box4 var(--duration) linear infinite;
}
.preloader .boxes .box > div{
--background: #4a3b9f;
--top: auto;
--right: auto;
--bottom: auto;
--left: auto;
--translateZ: calc(var(--size) / 2);
--rotateY: 0deg;
--rotateX: 0deg;
position: absolute;
width: 100%;
height: 100%;
background: var(--background);
top: var(--top);
right: var(--right);
bottom: var(--bottom);
left: var(--left);
-webkit-transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));
transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));
}
.preloader .boxes .box > div:nth-child(1){
--top: 0;
--left: 0;
}
.preloader .boxes .box > div:nth-child(2){
--background: #5142a4;
--right: 0;
--rotateY: 90deg;
}
.preloader .boxes .box > div:nth-child(3){
--background: #5142a3;
--rotateX: -90deg;
}
.preloader .boxes .box > div:nth-child(4){
--background: #4a3b9f;
--top: 0;
--left: 0;
--translateZ: calc(var(--size) * 3 * -1);
}
@-webkit-keyframes box1 {
0%,
50% {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
100% {
-webkit-transform: translate(200%, 0);
transform: translate(200%, 0);
}
}
@keyframes box1 {
0%,
50% {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
100% {
-webkit-transform: translate(200%, 0);
transform: translate(200%, 0);
}
}
@-webkit-keyframes box2 {
0% {
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
}
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
}
@keyframes box2 {
0% {
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
}
50% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
}
@-webkit-keyframes box3 {
0%,
50% {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
}
100% {
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
}
}
@keyframes box3 {
0%,
50% {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
}
100% {
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
}
}
@-webkit-keyframes box4 {
0% {
-webkit-transform: translate(200%, 0);
transform: translate(200%, 0);
}
50% {
-webkit-transform: translate(200%, 100%);
transform: translate(200%, 100%);
}
100% {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
}
}
@keyframes box4 {
0% {
-webkit-transform: translate(200%, 0);
transform: translate(200%, 0);
}
50% {
-webkit-transform: translate(200%, 100%);
transform: translate(200%, 100%);
}
100% {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
}
}
.centred{
text-align: center;
}
.pull-left{
float: left;
}
.pull-right{
float: right;
}
figure{
margin: 0px;
}
img {
display: inline-block;
max-width: 100%;
height: auto;
transition-delay: .1s;
transition-timing-function: ease-in-out;
transition-duration: .7s;
transition-property: all;
}
/** button **/
.theme-btn-one{
position: relative;
display: inline-block;
font-size: 17px;
line-height: 26px;
font-family: 'Roboto', sans-serif;
font-weight: 500;
color: #fff !important;
text-align: center;
padding: 15px 40px;
border-radius: 30px;
text-align: center;
text-transform: uppercase;
z-index: 1;
transition: all 500ms ease;
}
.theme-btn-one:hover{
}
.theme-btn-one:before{
position: absolute;
content: '';
border-radius: 30px;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
transform: scale(0,0);
z-index: -1;
transition: all 500ms ease;
}
.theme-btn-one:hover:before{
transform: scale(1,1);
}
.theme-btn-two{
position: relative;
display: inline-block;
font-size: 15px;
line-height: 26px;
font-family: 'Rubik', sans-serif;
color: #222;
font-weight: 500;
border: 1px solid #e5e5e5;
padding: 11px 34px;
z-index: 1;
}
.theme-btn-two:hover{
color: #fff;
box-shadow: 0 10px 20px rgba(227, 160, 135, 0.3);
}
.theme-btn-two:before{
position: absolute;
content: '';
width: 0%;
height: 100%;
left: 0px;
top: 0px;
z-index: -1;
transition: all 500ms ease;
}
.theme-btn-two:after{
position: absolute;
content: '';
width: 0%;
height: 100%;
right: 0px;
top: 0px;
z-index: -1;
transition: all 500ms ease;
}
.theme-btn-two:hover:before,
.theme-btn-two:hover:after{
width: 50%
}
.pagination{
position: relative;
display: block;
}
.pagination li{
display: inline-block;
margin: 0px 2px;
}
.pagination li a{
position: relative;
display: inline-block;
font-size: 16px;
height: 50px;
width: 50px;
line-height: 50px;
background: #f1f0f6;
border-radius: 50%;
text-align: center;
font-family: 'Roboto', sans-serif;
color: #222;
font-weight: 300;
z-index: 1;
transition: all 500ms ease;
}
.pagination li a:hover,
.pagination li a.active{
color: #fff;
}
.sec-pad{
padding: 125px 0px 130px 0px;
}
.sec-pad-2{
padding: 130px 0px !important;
}
.scroll-top{
width: 55px;
height: 55px;
line-height: 55px;
position: fixed;
bottom: 105%;
right: 55px;
font-size: 20px;
z-index: 99;
color: #ffffff;
text-align: center;
cursor: pointer;
transition: .5s ease;
}
.scroll-top.open {
bottom: 100px;
}
.sec-title{
position: relative;
display: block;
margin-bottom: 55px;
}
.sec-title.centred{
text-align: center !important;
}
.sec-title p{
position: relative;
display: block;
font-size: 14px;
line-height: 26px;
font-weight: 500;
margin-bottom: 4px;
}
.sec-title.light p{
color: #fff;
}
.sec-title.centred .shape{
margin: 0 auto 18px auto !important;
left: -12.5px;
}
.sec-title .shape{
position: relative;
width: 25px;
height: 5px;
margin-bottom: 18px;
}
.sec-title .shape:before{
position: absolute;
content: '';
width: 70px;
height: 1px;
left: 0px;
top: 0px;
}
.sec-title .shape:after{
position: absolute;
content: '';
width: 70px;
height: 1px;
left: 0px;
bottom: 0px;
}
.sec-title h2{
position: relative;
display: block;
font-size: 48px;
line-height: 60px;
color: #222;
font-weight: 400;
margin: 0px;
}
.sec-title.light h2{
color: #fff;
}
.float-bob-y {
animation-name: float-bob-y;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: float-bob-y;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: float-bob-y;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob-y;
-ms-animation-duration: 2s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob-y;
-o-animation-duration: 2s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
.float-bob-x{
animation-name: float-bob-x;
animation-duration: 15s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: float-bob-x;
-webkit-animation-duration: 15s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: float-bob-x;
-moz-animation-duration: 15s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob-x;
-ms-animation-duration: 15s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob-x;
-o-animation-duration: 15s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
.float-bob-x-2{
animation-name: float-bob-x;
animation-duration: 25s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: float-bob-x;
-webkit-animation-duration: 25s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: float-bob-x;
-moz-animation-duration: 25s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob-x;
-ms-animation-duration: 25s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob-x;
-o-animation-duration: 25s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
.rotate-me {
animation-name: rotateme;
animation-duration: 30s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: rotateme;
-webkit-animation-duration: 30s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: rotateme;
-moz-animation-duration: 30s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: rotateme;
-ms-animation-duration: 30s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: rotateme;
-o-animation-duration: 30s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
.rotate-me-2 {
animation-name: rotateme-2;
animation-duration: 30s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: rotateme-2;
-webkit-animation-duration: 30s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: rotateme-2;
-moz-animation-duration: 30s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: rotateme-2;
-ms-animation-duration: 30s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: rotateme-2;
-o-animation-duration: 30s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
/* margin */
.mt-5 {
margin-top: 5px;
}
.mt-10 {
margin-top: 10px;
}
.mt-15 {
margin-top: 15px;
}
.mt-20 {
margin-top: 20px;
}
.mt-25 {
margin-top: 25px;
}
.mt-30 {
margin-top: 30px;
}
.mt-35 {
margin-top: 35px;
}
.mt-40 {
margin-top: 40px;
}
.mt-45 {
margin-top: 45px;
}
.mt-50 {
margin-top: 50px;
}
.mt-55 {
margin-top: 55px;
}
.mt-60 {
margin-top: 60px;
}
.mt-65 {
margin-top: 65px;
}
.mt-70 {
margin-top: 70px;
}
.mt-75 {
margin-top: 75px;
}
.mt-80 {
margin-top: 80px;
}
.mb-5 {
margin-bottom: 5px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-25 {
margin-bottom: 25px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-35 {
margin-bottom: 35px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-45 {
margin-bottom: 45px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-55 {
margin-bottom: 55px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-65 {
margin-bottom: 65px;
}
.mb-70 {
margin-bottom: 70px;
}
.mb-75 {
margin-bottom: 75px;
}
.mb-80 {
margin-bottom: 80px;
}
.ml-5 {
margin-left: 5px;
}
.ml-10 {
margin-left: 10px;
}
.ml-15 {
margin-left: 15px;
}
.ml-20 {
margin-left: 20px;
}
.ml-25 {
margin-left: 25px;
}
.ml-30 {
margin-left: 30px;
}
.ml-35 {
margin-left: 35px;
}
.ml-40 {
margin-left: 40px;
}
.ml-45 {
margin-left: 45px;
}
.ml-50 {
margin-left: 50px;
}
.ml-55 {
margin-left: 55px;
}
.ml-60 {
margin-left: 60px;
}
.ml-65 {
margin-left: 65px;
}
.ml-70 {
margin-left: 70px;
}
.ml-75 {
margin-left: 75px;
}
.ml-80 {
margin-left: 80px;
}
.mr-5 {
margin-right: 5px;
}
.mr-10 {
margin-right: 10px;
}
.mr-15 {
margin-right: 15px;
}
.mr-20 {
margin-right: 20px;
}
.mr-25 {
margin-right: 25px;
}
.mr-30 {
margin-right: 30px;
}
.mr-35 {
margin-right: 35px;
}
.mr-40 {
margin-right: 40px;
}
.mr-45 {
margin-right: 45px;
}
.mr-50 {
margin-right: 50px;
}
.mr-55 {
margin-right: 55px;
}
.mr-60 {
margin-right: 60px;
}
.mr-65 {
margin-right: 65px;
}
.mr-70 {
margin-right: 70px;
}
.mr-75 {
margin-right: 75px;
}
.mr-80 {
margin-right: 80px;
}
/* padding */
.pt-5 {
padding-top: 5px;
}
.pt-10 {
padding-top: 10px;
}
.pt-15 {
padding-top: 15px;
}
.pt-20 {
padding-top: 20px;
}
.pt-25 {
padding-top: 25px;
}
.pt-30 {
padding-top: 30px;
}
.pt-35 {
padding-top: 35px;
}
.pt-40 {
padding-top: 40px;
}
.pt-45 {
padding-top: 45px;
}
.pt-50 {
padding-top: 50px;
}
.pt-55 {
padding-top: 55px;
}
.pt-60 {
padding-top: 60px;
}
.pt-65 {
padding-top: 65px;
}
.pt-70 {
padding-top: 70px;
}
.pt-75 {
padding-top: 75px;
}
.pt-80 {
padding-top: 80px;
}
.pb-5 {
padding-bottom: 5px;
}
.pb-10 {
padding-bottom: 10px;
}
.pb-15 {
padding-bottom: 15px;
}
.pb-20 {
padding-bottom: 20px;
}
.pb-25 {
padding-bottom: 25px;
}
.pb-30 {
padding-bottom: 30px;
}
.pb-35 {
padding-bottom: 35px;
}
.pb-40 {
padding-bottom: 40px;
}
.pb-45 {
padding-bottom: 45px;
}
.pb-50 {
padding-bottom: 50px;
}
.pb-55 {
padding-bottom: 55px;
}
.pb-60 {
padding-bottom: 60px;
}
.pb-65 {
padding-bottom: 65px;
}
.pb-70 {
padding-bottom: 70px;
}
.pb-75 {
padding-bottom: 75px;
}
.pb-80 {
padding-bottom: 80px;
}
.pl-5 {
padding-left: 5px;
}
.pl-10 {
padding-left: 10px;
}
.pl-15 {
padding-left: 15px;
}
.pl-20 {
padding-left: 20px;
}
.pl-25 {
padding-left: 25px;
}
.pl-30 {
padding-left: 30px;
}
.pl-35 {
padding-left: 35px;
}
.pl-40 {
padding-left: 40px;
}
.pl-45 {
padding-left: 45px;
}
.pl-50 {
padding-left: 50px;
}
.pl-55 {
padding-left: 55px;
}
.pl-60 {
padding-left: 60px;
}
.pl-65 {
padding-left: 65px;
}
.pl-70 {
padding-left: 70px;
}
.pl-75 {
padding-left: 75px;
}
.pl-80 {
padding-left: 80px;
}
.pr-5 {
padding-right: 5px;
}
.pr-10 {
padding-right: 10px;
}
.pr-15 {
padding-right: 15px;
}
.pr-20 {
padding-right: 20px;
}
.pr-25 {
padding-right: 25px;
}
.pr-30 {
padding-right: 30px;
}
.pr-35 {
padding-right: 35px;
}
.pr-40 {
padding-right: 40px;
}
.pr-45 {
padding-right: 45px;
}
.pr-50 {
padding-right: 50px;
}
.pr-55 {
padding-right: 55px;
}
.pr-60 {
padding-right: 60px;
}
.pr-65 {
padding-right: 65px;
}
.pr-70 {
padding-right: 70px;
}
.pr-75 {
padding-right: 75px;
}
.pr-80 {
padding-right: 80px;
}