@import url('https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap');
 
.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 20px 20px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:14px;line-height:17px;margin:0;padding:0 4px 5px;color:#a6a6a6; 
	font-style:italic;}
p.wp-caption-text{color:#a6a6a6;text-align:center;font-size:14px;font-style:italic; margin-bottom:15px;margin-top:10px;}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

::-moz-selection{background:#151515;color:#fff}
::selection{background:#151515;color:#fff}



body{ font-family: 'Muli',  sans-serif;font-size:18px;font-weight: 300;color: #000; line-height: 1.65;}
a{color: #f68338;text-decoration:none;outline: none;}
a,
.btn,
button{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;	}
a:hover {color: #f68338; text-decoration: none;}
h1, h2, h3, h4, h5, h6{
 font-family: 'Muli',  sans-serif;
 font-weight: 700;    
color: #000;
line-height: 1.2;  
margin-bottom: 20px;
}

h1{font-size: 40px; }
h2{font-size: 35px; }
h3{font-size: 32px; }
h4{font-size: 28px; }
h5{ font-size: 20px; }
h6{font-size: 16px;}
.mrt-20{margin-top:20px;}

img{max-width: 100%;}
.btn, button, input[type="submit"], input[type="reset"] { -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;   -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;  
	background: #F68338;
border-radius: 0px;
box-shadow: 0 3px 6px rgba(0, 0, 0, .28);
    padding: 12px 35px;
	font-size: 14px;
    text-transform: uppercase;    color: #fff;    text-decoration: none;    font-weight: 500;
	font-family: 'Muli',  sans-serif;    border: none;   	outline: none !important; 
     white-space: normal;  
}

[type=reset]:hover, 
[type=submit]:hover,
button:hover, 
.btn:hover, 
html [type=button]:hover {   background: #000; color:#fff; cursor: pointer;
}

[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: none;}
  
.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active {
    background: #F68338;
	color: #fff;
}




input{ font-family: 'Muli',  sans-serif;}
input[type="file"] { font-size: 14px;   -webkit-appearance: none;}
.field {margin-bottom: 15px; display: inline-block;  width: 100%;}
.form-control {  outline: none !important;  box-shadow: none !important;   
      padding: .625rem 1.2rem;   font-size: 14px;    font-weight: 400;    
     border: 1px solid transparent; border-radius: 0px; font-family: 'Muli',  sans-serif; background: #F6F7FB; color: #999999;}
.form-control:focus {border-color: #9d96fe;}
.cnt-for-section input[type="submit"] {width: 100%; }
textarea.form-control { min-height: 162px;}

 


select.form-control:not([size]):not([multiple]) { height: 44px;}
blockquote { padding: 25px 25px; border-left: 4px solid #F68338;   background: #7c7e8014;   font-size: 17px;   font-weight: 400;   position: relative;  line-height: 28px;}
blockquote:before {content: "";  position: absolute;   top: 0;   right: 0;   border-style: solid;  border-width: 0 41px 41px 0;   
 	   transition: all ease .5s;}
.quott-author {font-weight: 600;  padding: 10px;    position: relative; color: #37afe4;}
.main-section{padding:115px 0px; background-size: cover !important;	background-repeat: no-repeat !important; background-position: center center !important;position: relative;}
.pr-50 {padding-right: 50px;}
.pl-50 {padding-left: 50px;}
.pt-50 {padding-top: 50px;}
.pb-50 {padding-bottom: 50px;}

/* Hero section */

.slider { height: 100vh;}
.hero-slider { height: 100vh;    background-size: cover !important;    background-repeat: no-repeat !important;   
	background-position: center center !important;     position: relative;}
/*.slick-list {height: 100% !important;}*/
.hero-slider div {  height: 100%;    background: transparent !important;}
.hero-slider div.main-title {  height: auto;}
.hero-slider .vertical-slide-txt {  display: flex;   align-items: center;    vertical-align: middle;    justify-content: center; position: relative; z-index: 10; color: #fff;}
.hero-slider:after { content: "";   position: absolute;    left: 0px;  top: 0px; width: 100%;    height: 100%;    background: hsla(0, 0%, 0%, 0.61);   z-index: 1;}
.hero-slider .main-title {    padding: 50px 150px 50px 50px;   margin-left: 250px;  position: relative;}
.hero-slider div.main-title h3{color:#fff; text-transform: uppercase; font-size: 55px; }

.hero-slider div.main-title:after {content: '';  width: 100%;  height: 100%;  position: absolute;   right: 0;   top: 0;  background-color: #F68338;
    -webkit-transition: all 1s cubic-bezier(1, 0, 0, 1);    -moz-transition: all 1s cubic-bezier(1, 0, 0, 1);
    -ms-transition: all 1s cubic-bezier(1, 0, 0, 1);    -o-transition: all 1s cubic-bezier(1, 0, 0, 1);
    transition: all 1s cubic-bezier(1, 0, 0, 1);}
.slick-active div.main-title:after { width: 0px !important; }
.hero-section ul.slick-dots { position: absolute;   width: 20px;    z-index: 101;  display: inline-block;  right: 18px;  top: 50%; padding: 0px; transform: translateY(-50%);}


/* contact */

.pl-100{padding-left:100px;}
.contact-section{background:url("images/footer-bg.jpg"); background-repeat: no-repeat !important; background-position: center center !important; 
background-size: cover !important;}
.copyright-txt { position: absolute; left:0px;   bottom: 0px;    width: 100%;}
.get-in-touch  { padding: 30px;   border: 1px solid #807e7e;   margin-top: 40px;}



/* main title animation */

.slick-active  .strip .animate {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.strip span {
    display: inline-block;
    transition: -webkit-transform .15s cubic-bezier(0.65, 0.02, 0.23, 1);
    transition: transform 0.2s cubic-bezier(0.65, 0.02, 0.23, 1);
    transition: transform 0.15s cubic-bezier(0.65, 0.02, 0.23, 1), -webkit-transform 0.15s cubic-bezier(0.65, 0.02, 0.23, 1);
    -webkit-transform: translate(20%, 100%);
    transform: translate(20%, 100%);
    position: relative;
    z-index: 1;
    letter-spacing: 3px;
}

.strip { overflow: hidden;}

.slick .strip span.animate:nth-child(2) {transition-delay: .4s;}
.slick .strip span.animate:nth-child(3) {transition-delay: .5s;}
.slick .strip span.animate:nth-child(4) {transition-delay: .6s;}
.slick .strip span.animate:nth-child(5) {transition-delay: .7s;}
.slick .strip span.animate:nth-child(6) {transition-delay: .8s;}
.slick .strip span.animate:nth-child(7) {transition-delay: .9s;}
.slick .strip span.animate:nth-child(8) {transition-delay: 1s;}
.slick .strip span.animate:nth-child(9) {transition-delay: 1.1s;}
.slick .strip span.animate:nth-child(10) {transition-delay: 1.2s;}
.slick .strip span.animate:nth-child(11) {transition-delay: 1.3s;}
.slick .strip span.animate:nth-child(12) {transition-delay: 1.4s;}
.slick .strip span.animate:nth-child(13) {transition-delay: 1.5s;}
.slick .strip span.animate:nth-child(14) {transition-delay: 1.6s;}
.slick .strip span.animate:nth-child(15) {transition-delay: 1.7s;}
.slick .strip span.animate:nth-child(16) {transition-delay: 1.8s;}
.slick .strip span.animate:nth-child(17) {transition-delay: 1.9s;}
.slick .strip span.animate:nth-child(18) {transition-delay: 2s;}




.strip span.animate:nth-child(2) {transition-delay: .2s;}
.strip span.animate:nth-child(3) {transition-delay: .3s;}
.strip span.animate:nth-child(4) {transition-delay: .4s;}
.strip span.animate:nth-child(5) {transition-delay: .5s;}
.strip span.animate:nth-child(6) {transition-delay: .6s;}
.strip span.animate:nth-child(7) {transition-delay: .7s;}
.strip span.animate:nth-child(8) {transition-delay: .8s;}
.strip span.animate:nth-child(9) {transition-delay: .9s;}
.strip span.animate:nth-child(10) {transition-delay: 1s;}
.strip span.animate:nth-child(11) {transition-delay: 1.1s;}
.strip span.animate:nth-child(12) {transition-delay: 1.2s;}
.strip span.animate:nth-child(13) {transition-delay: 1.3s;}
.strip span.animate:nth-child(14) {transition-delay: 1.4s;}
.strip span.animate:nth-child(15) {transition-delay: 1.5s;}
.strip span.animate:nth-child(16) {transition-delay: 1.6s;}
.strip span.animate:nth-child(17) {transition-delay: 1.7s;}
.strip span.animate:nth-child(18) {transition-delay: 1.8s;}
.strip span.animate:nth-child(19) {transition-delay: 1.9s;}




/* header */


.header { position: fixed;  width: 100px;   top: 0px;   left: 0px;   padding: 20px 10px 20px;    z-index: 999;
    -webkit-transition: all .5s;   -moz-transition: all .5s;    -o-transition: all .5s;
    transition: all .5s;    background: #151515 !important;    height: 100%;}
 .menu {  width: 35px;   position: relative;    margin: auto;    margin-top: 100px; 	cursor: pointer;} 
.menu-toggle .menu-line { width: 100%;   float: left;    margin-bottom: 6px;    height: 2px;     position: relative;    overflow: hidden;
    transition: all 0.2s ease-in-out;    background: #F68338;}
.menu-toggle .menu-line:nth-child(2) { width: 70%;}
.menu-toggle .menu-line:nth-child(3) { width: 60%;}
.menu-toggle:hover  .menu-line{ background: #fff; width: 100%;}
.menu-toggle { color: rgba(255, 255, 255, 0.41);   font-size: 15px;   font-weight: 600;  text-transform: uppercase; letter-spacing: 2px;}
.menu-toggle .menu-line:after {  content: "";   position: absolute;   left: 0px;    top: 0px;    width: 0px;    height: 2px;	background: #F68338;}
.menu-toggle:hover .menu-line:after { width: 100%;}
 
.site-logo { display: inline-block;   width: 100%;    padding: 0px;    margin: auto;    color: #fff;}
.site-logo a {  color: #fff;    text-align: center;  width: 100%;    display: block;    font-weight: 300;    font-size: 30px;}
.tcolor { color: #F68338;}
.site-logo strong {  margin-left: -6px;    z-index: 1;}
.site-logo .tcolor {  z-index: 1;   position: relative;    font-weight: 700;    font-size: 45px;}
.header-social {   padding: 20px 10px;  position: absolute;   width: 100%;    left: 0px;    bottom: 150px;
background: #383838;   border-bottom: 1px solid rgba(238, 238, 238, 0.3);}
.header-social ul {  padding: 0px;    margin: 0px auto; list-style: none;}
.header-social ul li {  text-align: center; list-style: none;}
.header-social ul li a {  width: 30px;   height: 30px;   border: 1px solid #eeeeeea6;   display: inline-block;    margin-bottom: 9px;
    font-size: 15px;   line-height: 30px;    color: #fff;    transform: translate3d(0px, 0, 0px);
	transition: all 1.5s .8s cubic-bezier(.19, 1, .22, 1);}
.header-social ul li a:hover {  background: #f68338;    border-color: #f68338;}
.portfolio-toggle {position: absolute;   bottom: 20px;   left: 25px;    padding: 0px;    width: 55px;}
span.dot {display: inline-block;    width: 12px;   height: 13px;    position: relative;    float: left;}
span.dot:after {content: "";   position: absolute;    width: 3px;    height: 3px;
    display: inline-block;    border-radius: 100%;    background: #f68338; transition: all .5s;}
.portfolio-toggle:hover{cursor: pointer;}
.portfolio-toggle:hover span.dot:after{background:#fff;}
.portfolio-toggle a {  display: inline-block;	width: 100%;}


/* flyout menu */
 
.flyout-menu { background: rgba(0, 0, 0, 0.81);   background-size: cover;  position: fixed;   top: 0;    left: 0;    z-index: 99999;    width: 100%;    height: 100%;    padding: 50px;    display: none;     opacity: 0;    visibility: hidden;    transition: all .4s 2.1s linear;
 -webkit-animation-name: fadeIn;   -moz-animation-name: fadeIn;    -o-animation-name: fadeIn;    animation-name: fadeIn;
	    -webkit-animation-duration: 1s;    -moz-animation-duration: 1s;    -o-animation-duration: 1s;    animation-duration: 1s;
    -webkit-animation-fill-mode: both;    -moz-animation-fill-mode: both;    -o-animation-fill-mode: both;    animation-fill-mode: both;}
.menu-open .flyout-menu{display: block;     opacity: 1;    visibility: visible; }
.site-menu {  width: 1100px;    margin: 0 0 0 auto;    position: absolute;    bottom: 50px;    right: 50px;
    padding: 50px 120px;    z-index: 99999;    overflow: hidden;    font-size: 17px;    font-weight: 500; background:transparent;
    max-width: 100%;
}
.site-menu .div-animation{   position: absolute;    background: #ffffff;    height: 100%;    top: 0;
    display: block;     overflow: hidden;     left: 0;    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);    -ms-transform: translateX(100%);
    transform: translateX(0%);    width: 0;    transition: all 1.2s 1s cubic-bezier(.65, .05, .36, 1);    -moz-transition: all 1.2s 1s cubic-bezier(.65, .05, .36, 1);    -ms-transition: all 1.2s 1s cubic-bezier(.65, .05, .36, 1); } 
.animation-active .div-animation{   width: 100%;    -webkit-transition-delay: 2s;    -moz-transition: all 1.2s;
    -ms-transition: all 1.2s;    transition: all 1.2s;    transition-timing-function: cubic-bezier(.65, .05, .36, 1);}
.flyout-nav {margin:0px; padding: 0px; list-style: none;}
.flyout-nav li{  padding: 0px;    list-style: none;    font-size: 35px;    text-transform: uppercase;    letter-spacing: 5px;    font-weight: 400;    margin-bottom: 4px; overflow: hidden;     display: block;    position: relative;    height: 50px;}
.flyout-nav li a {   -webkit-text-fill-color: white;    -webkit-text-stroke-width: 2px;    -webkit-text-stroke-color: #F68338;   
  position: absolute;    left: 0;    top: 0px;}
.flyout-nav li:last-child { margin-bottom: 0px;} 
 button.menu-close {  padding: 0px;background: #F68338;color: #fff;width: 50px;height: 50px;font-size: 25px;border-radius: 100%;}
.animation-active .flyout-nav li a { transform: translate(-0%, -0%); }
.flyout-nav li a{ transform: translate(-0%, 100%);}
  
.animation-active .flyout-nav li:nth-child(1) a{ transition-delay: .8s !important; }
.animation-active .flyout-nav li:nth-child(2) a{ transition-delay: .9s;}
.animation-active .flyout-nav li:nth-child(3) a{transition-delay: 1s; }
.animation-active .flyout-nav li:nth-child(4) a{transition-delay: 1.1s; }
.flyout-nav li:nth-child(1) a{  transition-delay: 1.1s;}
.flyout-nav li:nth-child(2) a{ transition-delay: 1.2s;}
.flyout-nav li:nth-child(3) a{ transition-delay: 1.3s;}
.flyout-nav li:nth-child(4) a{ transition-delay: 1.4s; }
.animation-active .cont-txt .ani-div{ transform: translate(-0%, -0%);     transition: all .3s; opacity: 1; }
.animation-active .cont-txt .ani-div:nth-child(1){ transition-delay: 1.1s;}
.animation-active .cont-txt .ani-div:nth-child(2){ transition-delay: 1.2s;}
.animation-active .cont-txt .ani-div:nth-child(3){ transition-delay: 1.3s;}
.cont-txt .ani-div{overflow: hidden;	 transition-delay: 1.4s; opacity: 0; }
 

 
/* about section */

span.tag-line { font-size: 80%;    color: #383838;}
span.heading-divider {  display: inline-block;    width: 60px;    height: 2px;    background: #F68338;    margin-bottom: 30px;}



.abt-img img {    width: 100%;}
.pr-100{padding-right:100px;}
.mb-100{margin-bottom:100px;}


.default-list {  padding: 0px;    list-style: none; margin-bottom: 40px;}
.default-list li {  position: relative;    padding-left: 50px; list-style: none;}
.default-list li:before {  font-family: 'LineIcons' !important;   speak: none;  content: "\e914";    position: absolute;    left: 0px;   top: 4px;   color: #f68338;    font-weight: 700;}


.main-title { position: relative;}
.main-title:before {  position: absolute;    content: "";    width: 120px;   height: 250px;    background: rgba(56, 56, 56, 0.04);
    z-index: -10; top: -50px;}

.main-title.left-shape:before{left: -80px;  }
.main-title.right-shape:before{right: -80px;  }

.main-title h1, .main-title h2, .main-title h3, .main-title h4, .main-title h5 {
    position: relative;    z-index: 1;}



/* counter */

.counter-section-row{ background: #151515;    color: #fff;    margin: 50px 0px;    padding: 25px 0px;}
.count-text {  font-size: 12px;    text-transform: uppercase;    letter-spacing: 2px;    font-weight: 700;    color: #f68338;}
.count-number {  color: #fff;   font-size: 25px;    width: 80px;    height: 80px;    margin: auto;    background: transparent;
    line-height: 80px;    margin-bottom: 20px;    border-radius: 100%;    position: relative;    z-index: 10;}
.counter { padding: 50px;}
.count-number:after{content: '';display: block;  position: absolute;  left: 0px;   top: -2px;   width: 100%;   height: 100%;   background: #f68338;   border-radius: 63% 37% 54% 46%;    background-size: 1600% 1600%;    animation: transform 10s ease-in-out infinite both alternate;    z-index: -1;}


/* services */

.left-cal .main-title.left-shape:before { left: -135px; background: rgb(255, 255, 255);   z-index: 1;}
.bg-light .main-title:before {   background: rgb(255, 255, 255);   z-index: 1;}


.main-section.left-cal { margin-left: calc(13% - 0px);}
.left-cal .container {  padding: 0px 100px 0px 100px;}

.services-item {  padding: 0px 15px;    position: relative;}
.services-item img { min-height: 460px;}
.txt-overlay { position: absolute;   left: 15px;    top: 0;    right: 15px;    bottom: 0;  color: #fff;text-align: center; display: flex; justify-content: center; align-items: center;  padding: 50px 20px;  transition: all .5s;}


.txt-overlay:hover { background: hsla(0, 0%, 0%, 0.54);}
.txt-overlay h3 {  color: #fff;    font-size: 18px;    text-transform: uppercase; margin-bottom: 0px;}
.txt-overlay .heading-divider {  margin-bottom: 10px;}
.overlay-content p { font-size: 16px; }
.portfolio-itme .overlay-content p { display: none;}




/* skill   section */

.skill {  margin-bottom: 35px;position: relative;  overflow-x:hidden;   }
.skill > p { font-size: 18px;  font-weight: 700;     color: #1a1716;    margin: 0; }
.skill:before{  width: 100%;    height: 5px;    content: "";    display: block;     position: absolute;    background: #959595;   bottom: 0;    }
.skill-bar {   width: 100%;height: 5px;background:#f68338;      display: block;position: relative;    }
.skill1{ width: 95%;     background: #00BCD4;}
.skill-bar span{    position: absolute;  top: -30px;      font-size: 18px;     padding: 3px 0;      font-weight: 500;   }
.skill-bar {   position: relative;  }
.skill1 .skill-count1 {right: 0;}
.skill2{  width: 85%;     background: #4CAF50; }
.skill2 .skill-count2 {    right: 0;}
.skill3{  width: 75%;  background: #f68338;}
.skill3 .skill-count3 {  right: 0; }
.skill4{  width: 65%; background: #3F51B5;}
.skill4 .skill-count4 {   right: 0;}
.skill5{  width: 80%; background: #03A9F4; }
.skill5 .skill-count5 {  right: 0;}
.skill6{ width: 90%; background: #795548;}
.skill6 .skill-count6 {   right: 0;}

/* Portfolio */

.portfoli-slider .txt-overlay {  left: 0px;   top: 0;   right: 0px;	bottom: 0; width:100%; height: 100%; opacity:0; transition: all .5s;}
.portfolio-itme:hover .txt-overlay {opacity:1;}
.owl-nav { padding-top: 50px;}
.owl-nav button { background: #151515 !important;  width: 50px;  height: 45px;    margin-right: 15px; 
	box-shadow: none !important;  color: #fff !important;}
div#contact img { height: 100%; width:100%;} 


.action-bar { padding: 20px 0px;}
.action-bar .action-icon { width: 50px;   height: 50px;   background: #f68338;  border-radius: 100%;    color: #fff;    font-size: 15px;    display: inline-block;    line-height: 50px;    margin: 0px 10px; cursor: pointer;}
.action-bar .action-icon a { color: #fff;}

.ekko-lightbox .modal-header h4 { display: none;  padding: 0px;}
.ekko-lightbox .modal-header {  padding: 0px;}
.ekko-lightbox button.close { right: 10px;   top: -44px;   position: absolute;    z-index: 10;    border-radius: 100%;    background: #000;
color:#fff;}
.ekko-lightbox button.close span{display:none;}
.ekko-lightbox button.close:before { content: "\e944";    font-family: 'LineIcons' !important;}
.ekko-lightbox .modal-body {padding: 0px;}





/* Footer  section */

.plr-50{ padding:0px 50px 100px!important;}
.contact-img{     display: inline-block;
    width: 100%;
    background: url(images/office.jpg);
    background-size: cover;
    background-position: center center !important;
    height: 100%;
    background-repeat: no-repeat;
}
.contact-img img{display:none;}



.back-to-top {position: fixed;  bottom: 18px;  right: 15px;   text-decoration: none !important;
    z-index: 10101; cursor: pointer;}
.back-to-top i {display: block;  width: 36px;  height: 36px;  line-height: 36px;  color: #fff;  font-size: 14px;  text-align: center;   border-radius: 30px;  background-color: #100c54;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.back-to-top i:hover {background-color: #231a6d;}
.fa-phone-alt {transform: rotate(90deg);}
.fa-phone-alt:before {content: "\f095";}
a.btn.pay-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 11;
    border-radius: 22px;
}
 
div#smart-button-container {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#smart-button-container label {
    display: block;
    text-align: left;
}

#smart-button-container input {
    width: 100%;
}

div#smart-button-container p {
    margin: 0px;
} 


@media (min-width:1199px){
 .container { max-width: 100%; padding: 0px 100px 0px 200px;}
	
	
}
@media (min-width:1550px){
body{font-size:20px;}	
 .container { max-width: 100%; padding: 0px 100px 0px 250px;}
 	
	
}
 

@keyframes transform{
    0%,
  100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; } 
   14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; } 
   28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; } 
   42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; } 
   56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; } 
   70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; } 
   84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; } 
}