.slick-slide {margin: 0px 20px;}
.slick-slide img {width: 80%;}
.slick-slider
{    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{    outline: none;}
.slick-list.dragging{    cursor: pointer;    cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.footer-link h3 {margin-bottom:25px;}
button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}
button.learn-more {  width: 12rem;  height: auto;}
button.learn-more .circle {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 3rem;
  height: 3rem;
  background: #282936;
  border-radius: 1.625rem;
}
button.learn-more .circle .icon {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
button.learn-more .circle .icon.arrow {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}
button.learn-more .circle .icon.arrow::before {
  position: absolute;
  content: '';
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
button.learn-more .button-text {
  -webkit-transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 0;
  margin: 0 0 0 1.85rem;
  color: #282936;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  text-transform: uppercase;
}
button:hover .circle {  width: 100%;}
button:hover .circle .icon.arrow {  background: #fff;  -webkit-transform: translate(1rem, 0);          transform: translate(1rem, 0);}
button:hover .button-text {  color: #fff;}
.bg-bottom{ padding: 4em 0;background: #feb705;}
.btn-color {    color: #000;}
.btn-color::before, .btn-color::after {   background: #c18b01;}
.btn::before,  .btn::after {    content: '';    position: absolute;    z-index: -1;    transition: all 0.35s cubic-bezier(1, 0, 0, 1);  }
.btn-l-r::after {    height: 100%;    width: 0;    top: 0;  }
.btn-l-r:hover::after {    width: 100%;  }
.btn-l-r::after {    left: 0;  }
.btnFillup {
    display: inline-block;
    padding: 16px;
    overflow: hidden;
    color: #825f08;
    font-weight: 900;
    text-decoration: none;
    border: 3px solid #a27505;
    border-radius: 100px;  background-position: 0 -100%;
    background-repeat: repeat-x;
    transition: background-position 1.4s ease;}
.wrap:nth-of-type(2n) {  background: #fcfcfc;}
.wrap a {
  display: block;
  margin: 1em auto;
  width: 200px;
  text-align: center;
}
.btnFillup:hover {
    background-position: 100% 50%;
    border-color: #a27505;
    color: #fff !important;
  }
.liquidbg {    background-image: url("../img/curve.png");box-shadow: 4px 10px 4px -5px #825f083b;  }
.features-items,.features-items .items-box {  overflow: hidden;}
.features-area .equal-height::after {
  background: #e7e7e7 none repeat scroll 0 0;
  content: "";
  height: 100%;
  position: absolute;
  right: -1px;
  top: 0;
  width: 1px;
}
.features-area.item-full .equal-height::before {
  background: #e7e7e7 none repeat scroll 0 0;
  content: "";
  height: 1px;
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 100%;
}
.features-area .features-items 
.features-area .features-items  {
  display: table-cell;
  float: none;
  vertical-align: middle;
}
.features-area .features-items.reversed
.features-area .features-items.reversed{  float: left;}
.features-area .features-items.reversed .info-box {  float: right;}
.features-area .features-items .item {  padding: 15px 30px;}
.features-area.bottom-small {  padding-bottom: 25px;}
.features-area.default-padding.bottom-none {  padding-bottom: 30px;}
.features-area .item .icon {  margin-bottom: 20px;}
.features-area .item .icon i {
  background: #ffffff none repeat scroll 0 0;
 border-radius: 50%;
  box-shadow: 0 0 10px #cccccc;
  color: #0084e9;
  font-size: 2em;
  line-height: 100px;
  width: 100px;
}
.features-area .features-items.icon-solid i {
  border-radius: inherit;
  box-shadow: 0 0 10px #cccccc;
  color: #0049b0;
  display: inline-block;
  font-size: 50px;
  height: 80px;
  line-height: 80px;
  position: relative;
  text-align: center;
  width: 80px;
}
.features-area .features-items.less-icon .items-box.inc-cell .item .info {  padding-left: 0;}
.features-area .features-items .items-box.inc-cell .item .info a {
  color: #666666;
  display: inline-block;
  margin-top: 15px;
  text-transform: uppercase;
}
.features-area .features-items .items-box.inc-cell .item .info a:hover {  color: #ffaf5a;}
.buttonhero {
    display: inline-block;
    margin: 0 auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 
        0px 3px rgba(128,128,128,1), 0px 4px rgba(118,118,118,1), 0px 5px rgba(108,108,108,1), 0px 6px rgba(98,98,98,1),
        0px 7px rgba(88,88,88,1),  0px 8px rgba(78,78,78,1), 0px 14px 6px -1px rgba(128,128,128,1);
        transition: -webkit-box-shadow .1s ease-in-out;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
} 
.buttonhero span {
    background-color: #E8E8E8;
        background-image: 
        -webkit-gradient(
            linear, 
            left bottom, 
            left top, 
            color-stop(50%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.3)),color-stop(100%,rgba(255,255,255,0.2)));
            box-shadow: 0px -1px #fff, 0px 1px 1px #FFFFFF;
    background-size: 100%, 100%, 100%, 4px 4px;
    border-radius: 10px;
    transition: -webkit-transform .1s ease-in-out;
    display: inline-block;
    padding: 10px 40px 10px 40px;
    color: #3A474D;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
}
.buttonhero span:hover {color: #000000a3;}
.buttonhero:active {
    box-shadow:0px 3px rgba(128,128,128,1),0px 4px rgba(118,118,118,1),0px 5px rgba(108,108,108,1),
              0px 6px rgba(98,98,98,1),0px 7px rgba(88,88,88,1),0px 8px rgba(78,78,78,1),
              0px 10px 2px 0px rgba(128,128,128,.6);}
.buttonhero:active span{-webkit-transform: translate(0, 5px);transform: translate(0, 5px);}
.buttonhero2 {
    display: inline-block;
    margin: 0 auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 
        0px 3px rgba(128,128,128,1), 0px 4px rgba(118,118,118,1), 0px 5px rgba(108,108,108,1), 0px 6px rgba(98,98,98,1),
        0px 7px rgba(88,88,88,1),  0px 8px rgba(78,78,78,1), 0px 14px 6px -1px rgba(128,128,128,1);
        transition: -webkit-box-shadow .1s ease-in-out;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
}
.buttonhero2 span {
    background-color: #00E7FD;
        background-image: 
        -webkit-gradient(
            linear, 
            left bottom, 
            left top, 
            color-stop(50%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.3)),color-stop(100%,rgba(255,255,255,0.2)));
          background-size: 100%, 100%, 100%, 4px 4px;
    border-radius: 10px;
    transition: -webkit-transform .1s ease-in-out;
    display: inline-block;
    padding: 10px 40px 10px 40px;
    color: #3A474D;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
}
 .buttonhero2 span:hover {color: #000000a3;}
.buttonhero2:active {
    box-shadow:0px 3px rgba(128,128,128,1),0px 4px rgba(118,118,118,1),0px 5px rgba(108,108,108,1),
              0px 6px rgba(98,98,98,1),0px 7px rgba(88,88,88,1),0px 8px rgba(78,78,78,1),
              0px 10px 2px 0px rgba(128,128,128,.6);}
.buttonhero2:active span{-webkit-transform: translate(0, 5px);transform: translate(0, 5px);}
.buttonhero3 {
    display: inline-block;
    margin: 0 auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 
        0px 3px rgba(128,128,128,1), 0px 4px rgba(118,118,118,1), 0px 5px rgba(108,108,108,1), 0px 6px rgba(98,98,98,1),
        0px 7px rgba(88,88,88,1),  0px 8px rgba(78,78,78,1), 0px 14px 6px -1px rgba(128,128,128,1);
        transition: -webkit-box-shadow .1s ease-in-out;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
} 
.buttonhero3 span {
    background-color: #8AEC47;
    background-image: 
        -webkit-gradient(
            linear, 
            left bottom, 
            left top, 
            color-stop(50%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.3)),color-stop(100%,rgba(255,255,255,0.2)));       
    background-size: 100%, 100%, 100%, 4px 4px;
    border-radius: 10px;
    transition: -webkit-transform .1s ease-in-out;
    display: inline-block;
    padding: 10px 40px 10px 40px;
    color: #3A474D;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
}
 .buttonhero3 span:hover {color: #000000a3;}
.buttonhero3:active {
  box-shadow:0px 3px rgba(128,128,128,1),0px 4px rgba(118,118,118,1),0px 5px rgba(108,108,108,1),
            0px 6px rgba(98,98,98,1),0px 7px rgba(88,88,88,1),0px 8px rgba(78,78,78,1),
            0px 10px 2px 0px rgba(128,128,128,.6);}
.buttonhero3:active span{-webkit-transform: translate(0, 5px);transform: translate(0, 5px);}
.buttonhero4 {
    display: inline-block;
    margin: 0 auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 
        0px 3px rgba(128,128,128,1), 0px 4px rgba(118,118,118,1), 0px 5px rgba(108,108,108,1), 0px 6px rgba(98,98,98,1),
        0px 7px rgba(88,88,88,1),  0px 8px rgba(78,78,78,1), 0px 14px 6px -1px rgba(128,128,128,1);
        transition: -webkit-box-shadow .1s ease-in-out;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
} 
.buttonhero4 span {
    background-color: #FBE100;
        background-image: 
        -webkit-gradient(
            linear, 
            left bottom, 
            left top, 
            color-stop(50%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,0.3)),color-stop(100%,rgba(255,255,255,0.2)));
                background-size: 100%, 100%, 100%, 4px 4px;
    border-radius: 10px;
    transition: -webkit-transform .1s ease-in-out;
    display: inline-block;
    padding: 10px 40px 10px 40px;
    color: #3A474D;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
}
.buttonhero4 span:hover {color: #000000a3;}
.buttonhero4:active {
  box-shadow:0px 3px rgba(128,128,128,1),0px 4px rgba(118,118,118,1),0px 5px rgba(108,108,108,1),
            0px 6px rgba(98,98,98,1),0px 7px rgba(88,88,88,1),0px 8px rgba(78,78,78,1),
            0px 10px 2px 0px rgba(128,128,128,.6);}
.buttonhero4:active span{-webkit-transform: translate(0, 5px);transform: translate(0, 5px);}
.designbutton {  background: #14ddf0;  border: 2px solid #000;  transition: all 0.3s ease;}
.developbutton {  background:#71cc3f;  border: 2px solid #000;  transition: all 0.3s ease;}
.seobutton {  background: #dddd4c;border: 2px solid #000; color: #000; transition: all 0.3s ease;}
.brandbutton{ background: #f7f7f7;  border: 2px solid #000;  transition: all 0.3s ease;}
.designbutton:hover {background: #218791;color: #fff;}
.developbutton:hover{background: #3a8a0f;;color: #fff;}
.seobutton:hover{background:#dbc720;color: #000;}
.brandbutton:hover{background: #218791;color: #fff;}

.container-title {
  font-size: 3rem;
  font-weight: 600;padding: 5px;
  background: linear-gradient(to top,#055aa1,#01a4ed,#bbb5b1);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.containerlist{
  padding: 1rem;
  border-radius: 15px;
  box-shadow: 0 0 0 15px rgb(187, 181, 177), 0 0 0 25px rgb(1, 164, 237), 0 0 0 35px rgb(5, 90, 161);
}
.firstsection{
  padding-top: 175px;
  padding-bottom: 175px;
  padding-left: 120px;
  text-align: left;
  background-image: url(../img/webcreation.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 680px;
  height: 680px;
}.text-alone h1 {
  font-size: 63px;
  font-weight: 600;
  color: #194866;
  line-height: 70px;
}.max300{max-width: 300px;}
.firstsection-right {
  padding: 100px 45px;
  background-color: #194866;
  min-height: 680px;
  height: 680px;
}.choice {
  min-height: 550px;
  height: 550px;
  padding-top: 175px;
  padding-bottom: 175px;
  text-align: center;
  background-image: url(../img/logocreation.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.choice1 {
  min-height: 550px;
  height: 550px;
  padding-top: 175px;
  padding-bottom: 175px;
  text-align: center;
  background-image: url(../img/videomarketing.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.choice2 {
  min-height: 550px;
  height: 550px;
  padding-top: 175px;
  padding-bottom: 175px;
  text-align: center;
  background-image: url(../img/brandcreation.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.choice-right{
  background-color: #eee;
  padding: 80px 40px;
  min-height: 550px;
  height: 550px;
}
.events {
  margin-top: 10px;
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url(../img/photography.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.box {
  background: #000;
  overflow: hidden;
  color: #ffffff;
  margin: 20px auto;
  perspective: 50em;
  box-sizing: border-box;
  transition: .5s ease;
  position: relative;
  box-shadow: 1px 2px 10px #000;
}
.text__box{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 30px 20px;
  z-index: 100;
  opacity: 0;
  transition-delay: 0.3s;
  transition: 0.5s;
}
.text__box:hover{  opacity: 1;}
.text__box::before,.text__box::after{
  content: '';
  position: absolute;
  transition: 0.5s ease-in-out;
  height: 100%;
  width: 100%;
  background: #000;
}
.text__box::before{
  right: 0;
  bottom: 0;
  background:#2a6c97;
  transform: skew(45deg) translateX(100%);
}
.text__box::after{
  left: 0;
  top: 0;
  background:#194866;
  transform: skew(-135deg) translateX(-100%);
}
.text__box-title {  font-size: 25px;font-family: 'Josefin Sans', sans-serif;  position: relative;letter-spacing: 2px;  z-index: 100;}
.text__box-text {  font-size: 15px;  position: relative;  z-index: 100;}
.box:hover .text__box::before{  transform: skew(45deg) translateX(-50%);}
.box:hover .text__box::after{  transform: skew(-135deg) translateX(50%);}
.splevent{background: #e7e7e7;}
.alice{color: aliceblue;}
.individual .lefttext{  padding-left: 10px !important;}
.martop10{margin-top: 10px !important;}
#accordion4 .panel{
  border: none;
  border-radius: 0;
  box-shadow: none;
  margin: 0 0 10px;
  overflow: hidden;
  position: relative;
}
#accordion4 .panel-heading{
  padding: 0;
  border: none;
  border-radius: 0;
  margin-bottom: 10px;
  z-index: 1;
  position: relative;
}
#accordion4 .panel-heading:before,
#accordion4 .panel-heading:after{
  content: "";
  width: 50%;
  height: 20%;
  box-shadow: 0 15px 5px rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 15px;
  left: 10px;
  transform: rotate(-3deg);
  z-index: -1;
}
#accordion4 .panel-heading:after{
  left: auto;
  right: 10px;
  transform: rotate(3deg);
}
#accordion4 .panel-title a{
  display: block;
  padding: 15px 70px 15px 70px;
  margin: 0;
  background: #fff;width: 100%;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #d11149;
  border-radius: 0;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  position: relative;
}
#accordion4 .panel-title a:before,
#accordion4 .panel-title a.collapsed:before{
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 55px;
  height: 100%;
  text-align: center;
  line-height: 50px;
  border-left: 2px solid #D11149;
  position: absolute;
  top: 0;
  right: 0;
}
#accordion4 .panel-title a.collapsed:before{ content: "\f107"; }
#accordion4 .panel-title a .icon{
  display: inline-block;
  width: 55px;
  height: 100%;
  border-right: 2px solid #d11149;
  font-size: 20px;
  color: rgba(0,0,0,0.7);
  line-height: 50px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
#accordion4 .panel-body{
  padding: 10px 15px;
  margin: 0 0 20px;
  border-bottom: 3px solid #d11149;
  border-top: none;
  background: #fff;
  font-size: 15px;
  color: #333;
  line-height: 27px;
}
.sideweb{background: #8cd0e5 !important;}
.sideweb > .listimg li{line-height: 4rem !important; font-size: 20px;}