* {border: none;outline: none;}
body{font-family: 'Heebo', sans-serif;font-weight: 400;font-size: 16px;color: #fff;margin: 0;padding: 0;line-height: 1.875;background: #000;}
h1, h2, h3, h4, h5{font-weight: 400;}

.pnl-container{width: 85%;margin: 0 auto;position: relative;box-sizing: border-box;}
.pnl-row{margin: 0 -15px;}
.auto-container{position: static;width: 1200px;padding: 0px 15px;margin: 0 auto;box-sizing: border-box;}

@media (max-width: 767px) {
  .auto-container {width: 100%;padding: 0 30px;}
}
@media (min-width: 768px) {
  .auto-container {width: 738px;}
}
@media (min-width: 992px) {
  .auto-container {
    width: 952px;
  }
}
@media (min-width: 1200px) {
  .auto-container {
    width: 1140px;
  }
}

.clear-both{position: relative}
.clear-both::after{display: table;content: "";clear: both;}

ul{margin: 0;padding: 0;list-style: none;}

/*-------------------------------*/
    /*PreLoader*/
/*-------------------------------*/
.loader {
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1111;
  background:#fff;
  overflow-x:hidden;
}
.loader-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.loader-inner > img {
   width: 120px;
   max-width: 120px;
   display: inline-block;
}

.loader-blocks {
   height: 58px;
   width: 58px;
}
.loader span {
   background: -webkit-linear-gradient(90deg, #423f9c 31%, #862359 69%);
   background: -webkit-gradient(linear, left top, right top, color-stop(31%, #423f9c), color-stop(69%, #862359));
   background: -webkit-linear-gradient(left, #423f9c 31%, #862359 69%);
   background: -o-linear-gradient(left, #423f9c 31%, #862359 69%);
   background: linear-gradient(90deg, #423f9c 31%, #862359 69%);
   -webkit-border-radius: 50%;
   border-radius: 50%;
   display: block;
   height: 12px;
   opacity: 0;
   position: absolute;
   width: 12px;
   animation: load 4.6s ease-in-out infinite;
   -o-animation: load 4.6s ease-in-out infinite;
   -ms-animation: load 4.6s ease-in-out infinite;
   -webkit-animation: load 4.6s ease-in-out infinite;
   -moz-animation: load 4.6s ease-in-out infinite;
}
.loader span.block-1 {
   animation-delay: 1.06s;
   -o-animation-delay: 1.06s;
   -ms-animation-delay: 1.06s;
   -webkit-animation-delay: 1.06s;
   -moz-animation-delay: 1.06s;
   left: 0px;
   top: 0px;
} 
.loader span.block-2 {
   animation-delay: 0.97s;
   -o-animation-delay: 0.97s;
   -ms-animation-delay: 0.97s;
   -webkit-animation-delay: 0.97s;
   -moz-animation-delay: 0.97s;
   left: 16px;
   top: 0px;
}
.loader span.block-3 {
   animation-delay: 0.87s;
   -o-animation-delay: 0.87s;
   -ms-animation-delay: 0.87s;
   -webkit-animation-delay: 0.87s;
   -moz-animation-delay: 0.87s;
   left: 31px;
   top: 0px;
}
.loader span.block-4 {
   animation-delay: 0.78s;
   -o-animation-delay: 0.78s;
   -ms-animation-delay: 0.78s;
   -webkit-animation-delay: 0.78s;
   -moz-animation-delay: 0.78s;
   left: 47px;
   top: 0px;
}
.loader span.block-5 {
   animation-delay: 0.69s;
   -o-animation-delay: 0.69s;
   -ms-animation-delay: 0.69s;
   -webkit-animation-delay: 0.69s;
   -moz-animation-delay: 0.69s;
   left: 0px;
   top: 16px;
}
.loader span.block-6 {
   animation-delay: 0.6s;
   -o-animation-delay: 0.6s;
   -ms-animation-delay: 0.6s;
   -webkit-animation-delay: 0.6s;
   -moz-animation-delay: 0.6s;
   left: 16px;
   top: 16px;
}
.loader span.block-7 {
   animation-delay: 0.51s;
   -o-animation-delay: 0.51s;
   -ms-animation-delay: 0.51s;
   -webkit-animation-delay: 0.51s;
   -moz-animation-delay: 0.51s;
   left: 31px;
   top: 16px;
}
.loader span.block-8 {
   animation-delay: 0.41s;
   -o-animation-delay: 0.41s;
   -ms-animation-delay: 0.41s;
   -webkit-animation-delay: 0.41s;
   -moz-animation-delay: 0.41s;
   left: 47px;
   top: 16px;
}
.loader span.block-9 {
   animation-delay: 0.32s;
   -o-animation-delay: 0.32s;
   -ms-animation-delay: 0.32s;
   -webkit-animation-delay: 0.32s;
   -moz-animation-delay: 0.32s;
   left: 0px;
   top: 31px;
}
.loader span.block-10 {
   animation-delay: 0.23s;
   -o-animation-delay: 0.23s;
   -ms-animation-delay: 0.23s;
   -webkit-animation-delay: 0.23s;
   -moz-animation-delay: 0.23s;
   left: 16px;
   top: 31px;
}
.loader span.block-11 {
   animation-delay: 0.14s;
   -o-animation-delay: 0.14s;
   -ms-animation-delay: 0.14s;
   -webkit-animation-delay: 0.14s;
   -moz-animation-delay: 0.14s;
   left: 31px;
   top: 31px;
}
.loader span.block-12 {
   animation-delay: 0.05s;
   -o-animation-delay: 0.05s;
   -ms-animation-delay: 0.05s;
   -webkit-animation-delay: 0.05s;
   -moz-animation-delay: 0.05s;
   left: 47px;
   top: 31px;
}

.loader span.block-13 {
   animation-delay: -0.05s;
   -o-animation-delay: -0.05s;
   -ms-animation-delay: -0.05s;
   -webkit-animation-delay: -0.05s;
   -moz-animation-delay: -0.05s;
   left: 0px;
   top: 47px;
}
.loader span.block-14 {
   animation-delay: -0.14s;
   -o-animation-delay: -0.14s;
   -ms-animation-delay: -0.14s;
   -webkit-animation-delay: -0.14s;
   -moz-animation-delay: -0.14s;
   left: 16px;
   top: 47px;
}
.loader span.block-15 {
   animation-delay: -0.23s;
   -o-animation-delay: -0.23s;
   -ms-animation-delay: -0.23s;
   -webkit-animation-delay: -0.23s;
   -moz-animation-delay: -0.23s;
   left: 31px;
   top: 47px;
}
.loader span.block-16 {
   animation-delay: -0.32s;
   -o-animation-delay: -0.32s;
   -ms-animation-delay: -0.32s;
   -webkit-animation-delay: -0.32s;
   -moz-animation-delay: -0.32s;
   left: 47px;
   top: 47px;
}
@keyframes load {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-97px);
		-o-transform: translateY(-97px);
		transform: translateY(-97px);
	}
	15% {
		opacity: 0;
		-webkit-transform: translateY(-97px);
		-o-transform: translateY(-97px);
		transform: translateY(-97px);
	}
	30% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	70% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	85% {
		opacity: 0;
		-webkit-transform: translateY(97px);
		-o-transform: translateY(97px);
		transform: translateY(97px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(97px);
		-o-transform: translateY(97px);
		transform: translateY(97px);
	}
}
@-o-keyframes load {
	0% {
		opacity: 0;
		-o-transform: translateY(-97px);
	}
	15% {
		opacity: 0;
		-o-transform: translateY(-97px);
	}
	30% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	70% {
		opacity: 1;
		-o-transform: translateY(0);
	}
	85% {
		opacity: 0;
		-o-transform: translateY(97px);
	}
	100% {
		opacity: 0;
		-o-transform: translateY(97px);
	}
}
@-webkit-keyframes load {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-97px);
	}
	15% {
		opacity: 0;
		-webkit-transform: translateY(-97px);
	}
	30% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	70% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	85% {
		opacity: 0;
		-webkit-transform: translateY(97px);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(97px);
	}
}



/*-------------------------------*/
      /*Loader ends*/
/*-------------------------------*/


.header-upper{/*border-bottom: 1px solid rgba(255, 255, 255, .2);*/position: absolute;width: 100%;top: 0;z-index: 98;}
.inner-container{position: relative;display: block;padding: 0 40px;}
.inner-container::after{content: '';display: table;clear: both;}
.header-upper .logo-box{position: relative;float: left;padding: 10px 0px;margin-right: 15px;}
.logo-box a{display: block;float: left;}
.logo-box a img{display: inline-block;width: 173px;max-width: 100%;height: auto;float: left;}
.logo-box div{float: left;font-size: 11px;color: #929292;text-transform: uppercase;line-height: 14px;padding: 17px 0 0 15px;}

.logo-right{float: right;}
.logo-right .container{cursor: pointer;display: flex;padding: 11px 0}
.logo-right .txt{display: flex;align-items: center;color: #efcb9f;text-transform: uppercase;font-size: 14px;}
.logo-right svg{transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);}
.logo-right .active svg{transform: rotate(90deg);}
.logo-right path{transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
.logo-right path:nth-child(1){transform-origin: 36% 40%;}
.logo-right path:nth-child(2){stroke-dasharray: 29 299;}
.logo-right path:nth-child(3){transform-origin: 35% 63%;}
.logo-right path:nth-child(4){stroke-dasharray: 29 299;}
.logo-right path:nth-child(5){transform-origin: 61% 52%;}
.logo-right path:nth-child(6){transform-origin: 62% 52%;}
.logo-right .active path:nth-child(1){transform: translateX(9px) translateY(1px) rotate(45deg);}
.logo-right .active path:nth-child(2){stroke-dasharray: 225 299;stroke-dashoffset: -72px;}
.logo-right .active path:nth-child(3){transform: translateX(9px) translateY(1px) rotate(-45deg);}
.logo-right .active path:nth-child(4){stroke-dasharray: 225 299;stroke-dashoffset: -72px;}
.logo-right .active path:nth-child(5){transform: translateX(9px) translateY(1px) rotate(-45deg);}
.logo-right .active path:nth-child(6){transform: translateX(9px) translateY(1px) rotate(45deg);}

.sticky{position: fixed;/*height: 86px;*/top: 0;z-index: 99999;background: rgba(0, 0, 0, .6);}
.sidemenu_btn{-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;
    width: 24px;padding: 30px 0 24px;display: block;
}
.sidemenu_btn > span{height: 2px;width: 100%;background: #fff;display: block;}
.sidemenu_btn > span:nth-child(2){margin: 4px 0;}

.croxgroup-logo-reveal{width:100%;margin: 0;padding: 0;}
#videoBG {
    /*position:absolute;
    top: 0;
    left: 0;
    z-index: -1;*/
    width: 100%;
    height: auto;
    float: left;
}
/*@media (min-aspect-ratio: 16/9) {
    #videoBG {
        width:100%;
        height: auto;
    }
}
@media (max-aspect-ratio: 16/9) {
    #videoBG { 
        width:auto;
        height: 100%;
    }
}
@media (max-width: 767px) {
    #videoBG {
        display: none;
    }
}*/

#croxgroup-section{clear: both;padding: 5rem 0 0 0;position: relative;
    background: rgb(131,88,42);
    background: linear-gradient(0deg, rgba(131,88,42,1) 0%, rgba(0,0,0,1) 100%);
}

.about-block{width: 991px; margin: 0 auto;text-align: center;}
.three-col-holder{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 2rem 0;}
.three-col-holder .col-4x{width: 33.33333%;padding: 0 15px;box-sizing: border-box;
    display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.feature-box{text-align: left;text-decoration: none;}
.feature-box li:nth-child(1){font-size: 52px;font-family: 'Allura', cursive;color: #fff;}
.feature-box li:nth-child(2){font-size: 18px;font-weight: 700;margin-bottom: 20px;color: #d2ab66;text-transform: uppercase;}
.feature-box li:nth-child(3){color: #fff;}

#croxrpo-section{padding: 5rem 0 0 0; clear: both;overflow: hidden;
    background: rgb(239,203,159);
    background: linear-gradient(0deg, rgba(239,203,159,1) 0%, rgba(131,88,42,1) 100%);
}
.theme-wrapper{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 5rem 0;}
.col-5x{width: 41.6666%;padding: 0 15px;box-sizing: border-box;float: left;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;}
.col-6x{width: 50%;padding: 0 15px;box-sizing: border-box;float: left;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;}
.col-7x{width: 58.3333%;padding: 0 15px;box-sizing: border-box;float: left;display: -webkit-flex;display: -ms-flexbox;display: flex;}

.text-block{width: 100%;}
.txt-justify{text-align: justify;}
.text-block h4{font-weight: 700;text-transform: uppercase;font-size: 14px;margin: 0;padding: 0;display: none;}
.text-block h1, .text-block h2, .text-block h3, .team-div h4{font-size: 6rem;margin: 0;padding: 15px 0;
    line-height: 56px;font-family: 'Allura', cursive;
}
.text-block h1 span, .text-block h2 span, .text-block h3 span, .team-div h4 span{font-size: 12rem;}
.text-block .sub-head{font-weight: 700;}
/*.text-block p{margin: 0;padding: 0;}*/
.text-block blockquote{margin: 30px 0 25px;padding: 0 30px 0 50px;position: relative;font-family: 'Allura', cursive;font-size: 2rem;line-height: normal;}
.text-block blockquote::before{content: '';width: 40px;height: 31px;background: url("../../web-img/quote.png");display: block;position: absolute;left: 0}

/*.text-block a{display: inline-block;padding: 12px 40px;text-decoration: none;color: #fff;letter-spacing: 2px;
    text-transform: uppercase;font-size: 14px;
}
.text-block a.one{background: #000;}*/

.btnfos{color: #fff;display: inline-block;font-size: 14px;text-decoration: none;text-align: center;background: none;
    max-width: 300px;padding-top: 15px;box-sizing: border-box;position: relative;text-transform: uppercase;width: 100%;
}
.btnfos svg{position: absolute;left: 0;top: 0;width: 100%;height: 55px;}
.btnfos rect{fill: none;stroke: #fff;stroke-width: 1;stroke-dasharray: 422, 0;}
.btnfos:hover{background: rgba(225, 51, 45, 0);font-weight: 700;letter-spacing: 1px;}
.btnfos:hover rect{stroke-width: 5;stroke-dasharray: 15, 310;stroke-dashoffset: 48;
  -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

.btnfos,
.btnfos svg,
.btnfos rect{
    -moz-box-sizing: inherit;
       box-sizing: inherit;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}



.theme-block{padding: 0 20%;width: 100%;box-sizing: border-box;position: relative;}
.main-theme{position: relative;box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 40px 4px;padding: 1px;}
.main-theme::after, .sig-block::after{content: '';display: table;clear: both;}
.main-theme img{width: 100%;float: left;}
.sig-block{padding: 0 60px 0 0; width: 100%;height: auto; box-sizing: border-box;position: relative;}
.round-img{/*border-radius: 50%;*/overflow: hidden;box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 40px 4px;padding: 1px;}
.round-img img{width: 100%;float: left;}

.theme-shadow{padding-top: 2px;clear: both;display: none;}
.theme-shadow img{width: 100%;}

.object{position: absolute; max-width: 100%;height: auto;object-fit: contain;z-index: 97;}
.object1{top: -3%;left: 10%;}
.object2{top: 10%;left: 10%;}
.object3{top: 41%;left: 7%;}
.object4{top: 1%;left: 10%;}
.object5{top: 10%;right: 15%;}
.object6{bottom: 14%;left: 5%;}
.object7{top: -2%;left: 15%;}
.object8{top: 27%;right: 6%;}
.object9{top: 10%;right: 10%;}

#croxconsulting-section{padding: 5rem 0 0 0;clear: both;overflow: hidden;
background: rgb(113,65,177);
background: linear-gradient(0deg, rgba(113,65,177,1) 0%, rgba(239,203,159,1) 100%);
}
#croxconsulting-section .col-5x{order: 2;}

#croxtechnology-section{padding: 5rem 0 0 0;clear: both;overflow: hidden;
background: rgb(255,186,0);
background: linear-gradient(0deg, rgba(255,186,0,1) 0%, rgba(113,65,177,1) 100%);
}

#about-group-section{padding: 5rem 0 5px 0;clear: both;
background: rgb(24,64,124);
background: linear-gradient(0deg, rgba(24,64,124,1) 0%, rgba(255,186,0,1) 100%);}

#team-section{padding: 6rem 0;text-align: center;clear: both;
background: rgb(53,44,82);
background: linear-gradient(0deg, rgba(53,44,82,1) 0%, rgba(24,64,124,1) 100%);
}
#team-section img{width: 100%;float: left;}
.team-div{margin-bottom: 2rem;}
.team-img{overflow: hidden;box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 40px 4px;padding: 1px;margin-bottom: 6rem;}


#connect-section{padding: 5rem 0 2rem 0;clear: both;
background: rgb(53,44,82);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(53,44,82,1) 100%);
}

#croxgroup-section::after,
#croxrpo-section::after,
#croxconsulting-section::after,
#croxtechnology-section::after,
#about-group-section::after,
#team-section::after{content: '';display: block;width: 195px;height: 5px;background: url("../../web-img/line-sap-dots.png");position: absolute;left: 50%;transform: translate(-50%, -50%);}

@media only screen and (max-width: 1599px) {
    .col-5x:first-child{align-items: flex-start;}
}
@media only screen and (max-width: 1199px) {
    .about-block{width: 100%;}
    .sig-block{padding: 0;}
    #croxgroup-section{padding: 3rem 0 0 0;}
}
@media only screen and (max-width: 1198px) {
    .pnl-container{width: 100%;padding: 0 60px;box-sizing: border-box;}
    .col-5x, .col-7x{width: 100%;}
    .text-block{text-align: center;margin-bottom: 60px;}
    #croxconsulting-section .col-5x{order: 0;}
    #croxgroup-section .text-block{margin-bottom: 0;}
    .sig-block{margin-bottom: 60px;}
    .round-img{width: 300px;margin: 0 auto;}
    #about-group-section{padding: 0 0 5px 0;}
    #about-group-section .theme-wrapper{padding: 5rem 0 0 0;}
    #team-section{padding: 2rem 0;}
    .team-img{margin-bottom: 3rem;}
}
@media only screen and (max-width: 767px) {
    .pnl-container{padding: 0 30px;}
    .three-col-holder .col-4x{width: 100%;margin-bottom: 30px;}
    .feature-box{background: rgba(0, 0, 0, .5);border-radius: 10px;padding: 0 30px 30px;}
    .three-col-holder .col-4x:last-child{margin-bottom: 0;}
    .text-block h1, .text-block h2, .text-block h3, .team-div h4{font-size: 4rem;}
    .text-block h1 span, .text-block h2 span, .text-block h3 span, .team-div h4 span{font-size: 8rem;}
    #croxgroup-section,
    #croxrpo-section,
    #croxconsulting-section,
    #croxtechnology-section,
    #about-group-section{padding: 0;}
}
@media only screen and (max-width: 500px) {
    .theme-block{padding: 0 5%;}
    .inner-container{padding: 0 20px;}
    .logo-box a img{width: 130px;}
    .logo-box div{padding: 9px 0 0 15px;}
    .text-block blockquote{font-size: 1.7rem;line-height: 26px;}
}



.f-wrap{display: flex;flex-wrap: wrap;width: 100%;max-width: 100%;}
.f-wrap .col-55x{flex: 0 0 auto;width: 50%;padding: 0 15px;box-sizing: border-box;}
.f-wrap .col-77x{flex: 0 0 auto;width: 50%;padding: 0 15px;box-sizing: border-box;}


/* form styels */
.pnl-form{position: relative;width: 70%;}
.pnl-form .sub-head{font-size: 32px;color: #fff;font-weight: 700;margin: 0;padding: 0;}
.pnl-form .sub-text{color: #fff;margin: 0 0 30px 0;padding: 0;}
.pnl-form form::after{content: '';display: table;clear: both;}
.pnl-form .col-6{width: 50%;float: left;box-sizing: border-box;}
.pnl-form .col-12 {width: 100%;float: left;box-sizing: border-box;}
.pnl-form .col-captcha{float: left;}
.pnl-form .col-6,
.pnl-form .col-12{margin-bottom: 15px;padding: 0 7.5px;}
/*.pnl-form label{font-size: 11px;width: 100%;font-weight: bold;display: block;margin-bottom: 5px;text-transform: uppercase;color: #7d7d7d;}*/


.input{display: block;}
.input span{position: absolute;z-index: 1;cursor: text;pointer-events: none;color: #999;
  /* Input padding + input border */
  padding: 7px;
  /* This gives a little gap between the cursor and the label */
  margin-left: 2px;
}
.input input, .input textarea, .input select{z-index: 0;padding: 6px;margin: 0;font: inherit;line-height: 17px;}
.input select {
  padding: 5px;
  /* Unfortunately selects don't respond well to padding. They need an explicit height. */
  height: 31px;
}


.pnl-form .form-control,
.pnl-form .form-control1,
.pnl-form .form-control2{
	display: block;width: 100%;height: 40px;border-radius: 10px;padding: 10px;line-height: 1.42857143;background-color: #fff;
    border:none;box-sizing: border-box;
    color: #000;font-size: 14px;
}
.pnl-form .form-control1{height: 100px;font-family: 'Nunito Sans', sans-serif;}
.pnl-form .form-control2{height: 100px;font-family: 'Nunito Sans', sans-serif;}

.form-control ~ .focus-border,
.form-control1 ~ .focus-border,
.form-control2 ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #999; transition: 0.4s;}
.form-control:focus ~ .focus-border,
.form-control1:focus ~ .focus-border,
.form-control2:focus ~ .focus-border{width: 100%; transition: 0.4s;}
.form-control:focus,
.form-control1:focus,
.form-control2:focus{outline: none;}

.form-buttun-control{margin-top: 15px;margin-bottom: 0;position: relative;}
.pnl-form .btn-submit{position: relative;display: inline-block;text-align: center;text-transform: uppercase;
	color: #fff;border-radius: 8px;overflow: hidden;transition: all 0.3s ease;font-family: 'Nunito Sans', sans-serif;
	-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;
	line-height: 30px;padding: 16px 60px;font-size: 16px;font-weight: 700;background: #7141b1;
	cursor: pointer;
}
.pnl-form .btn-submit:hover{background: #461f79;}

.captcha-info{color: #666;font-size: 12px;}
.captcha-info a{color: #f1e9fc;}
.form-msg{font-size: 22px;color: #f00;margin-bottom: 30px;}
.form_success{position: relative;background-color: #F1E9FC;color: #7141b1;padding: 16px 15px 16px 102px;text-align: left;border-radius: 10px;}
.form_success::before{background: url("../../web-img/tenor.gif") no-repeat 10px 10px #F1E9FC;background-size: 72px;width: 92px;height: 92px;
	position: absolute;top: 0;left: 0;content: "";border-radius: 10px;}
.form_success::after{content: "";clear: both;display: table;}

.footer-logo, .footer-contact{text-align: right;}
.footer-logo a{display: inline-block;}

.footer-contact{padding: 3rem 0;}
.footer-contact li{color: #fff;padding: 10px 0;font-size: 16px;}
.footer-contact li a, .footer-contact li span{color: #fff;text-decoration: none;display: inline-block;padding: 0 0 0 25px;position: relative;
	transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;
}
.footer-contact li a::before, .footer-contact li span::before{content: '';position: absolute;left: 0;top: 0;width: 15px;height: 23px;
	background: url("../../web-img/sprites.png") no-repeat;}

.footer-contact li:nth-child(1),
.footer-contact li:nth-child(2){display: inline-block;margin: 0 0 0 40px;}
.footer-contact li:nth-child(1) a::before{background-position: 0 6px;}
.footer-contact li:nth-child(2) a::before{background-position: 0 -38px;}
.footer-contact li:nth-child(3){display: block;}
.footer-contact li:nth-child(3) span::before{background-position: 0 -127px;}

.footer-menu{display: block;text-align: right;}
.footer-menu li{display: inline-block;margin: 0 0 0 25px;}
.footer-menu li a{font-size: 16px;color: #fff;text-transform: uppercase;font-weight: 700;text-decoration: none;
	transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;
}

.copy-info{color: #fff;opacity: .5;text-align: right;margin-bottom: 3rem}

.smo-link{text-align: right;}
.smo-link a{display: inline-block;position: relative;padding: 5px 0 5px 50px;color: #f1e9fc;text-transform: uppercase;text-decoration: none;}
.smo-link a::before{content: '';position: absolute;width: 36px;height: 100%;top: 0;left: 0;
	background: url("../../web-img/linkedin.png") 10px 12px no-repeat #f1e9fc;border-radius: 4px;}

.footer-contact li a:hover, .footer-menu li a:hover{color: #d2ab66;}

@media only screen and (max-width: 1199px) {
	.pnl-form{width: 100%;}
}
@media only screen and (max-width: 991px) {
	footer .footer-wrapper{padding: 1.5rem 0;}
	.f-wrap .col-55x, .f-wrap .col-77x{width: 100%;}
	.footer-logo, .footer-contact, .footer-menu, .copy-info, .smo-link{text-align: center;}
    .form-buttun-control{text-align: center;}
}