* {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;}
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;
  }
}

a{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;}

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

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 img{width: 100%;height: 100%;vertical-align: bottom;}

.header-upper{/*border-bottom: 1px solid rgba(255, 255, 255, .2);position: absolute;width: 100%;top: 0;z-index: 98;
	*/background: #fff;position: relative;
}
.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;display: none;}

.logo-right{display: flex;position: relative;}
/*.top-menu{width: 100%;text-align: right;padding: 24px 0;}
.top-menu ul li{display: inline-block;padding: 0 15px;}
.top-menu ul li a{color: #06254b;text-transform: uppercase;text-decoration: none;font-size: 14px;position: relative;}
.top-menu ul li a::before{position: absolute;left: 0;bottom: 0;width: 0;height: 2px;content: '';background: #4391ed;
	transition: ease-in all .3s;
}
.top-menu ul li a:hover::before{width: 100%;}*/
.pnl-menu{width: 100%;align-items: center;display: flex;padding: 9px 0;}
.pnl-menu ul{width: 100%;display: flex;justify-content: end;}
.pnl-menu ul li.menu-item{display: inline-block;position: relative;z-index: 999;}
.pnl-menu ul li a{color: #051b39;padding: 15px 20px;display: block;width: 100%;box-sizing: border-box;text-decoration: none;}
.pnl-menu ul li a:hover, .menu-item:hover a.m-menu{background: #051b39;color: #fff;}
.menu-item .sub-menu{
	position: absolute;top: 100%;left: 0;width: 260px;transform-origin: top;margin: 0;padding: 0;
	transform: rotateX(-90deg);transition: transform 0.3s linear;background-color: #fff;list-style: none;
	box-shadow: 0 10px 30px 0 rgba(45,45,45,.2);
}
.menu-item .sub-menu a{padding: 10px 15px;}
.menu-item:hover .sub-menu {transform: rotateX(0deg);}
.pnl-menu ul li.menu-item:last-child .sub-menu{right: 0; left: auto;}

/* styles for mobile menu */
.mobile-nav-toggler{position: relative;display: none;margin: 32px 0px 0px;
float: right;}
.mobile-link{display:block;float:right;}
.mobile-link .icon-bar{display:block;width:32px;height:3px;border-radius:1px;background-color:#051b39}
.mobile-link .icon-bar+.icon-bar{margin-top:6px}

.side-menu__block{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;
	transform: translateX(-100%);-webkit-transform-origin: left center;
    transform-origin: left center;transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
    visibility: hidden;
}
.side-menu__block-overlay{width: 100%;height: 100%;background-color: #000;position: absolute;top: 0;left: 0;
	right: 0;bottom: 0;z-index: 999;opacity: 0.7;
}
.side-menu__block-inner{position: absolute;left: 0;top: 0;width: 100%;max-width: 400px;height: 100%;
    overflow-y: auto;background-color: #06254b;z-index: 999999;padding: 40px 0;opacity: 0;visibility: hidden;
    transform: translateX(-100%);transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
}
.side-menu__block-inner .logo a{display: block;}
.side-menu__top{display: flex;align-items: center;
	padding-left: 30px;padding-right: 30px;
}
.side-menu__block-inner .logo a img{width: 200px;}
.side-menu__close-btn{width: 14px;height: 14px;position: relative;}
.side-menu__close-btn::before{content: "+";transform: rotate(45deg);position: absolute;
	right: -3px;top: -24px;transition: all 0.3s ease-in-out;color: #4391ed;
	font-size: 32px;
}
.justify-content-between{-ms-flex-pack: justify !important;justify-content: space-between !important;}

.mobile-nav__container{padding-left: 30px;padding-right: 30px;padding-top: 20px;}

.side-menu__block.active{transform: translateX(0%);visibility: visible;
	transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
}
.side-menu__block.active .side-menu__block-inner{opacity: 1;visibility: visible;transform: translateX(0);
    transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
}

.mobile-nav__container ul{margin: 0;padding: 0;list-style: none;}
.mobile-nav__container li a, .mobile-menu-accordion div.link{
    position: relative;padding-bottom: 10px;padding-top: 13px;border-top: 1px solid rgba(255, 255, 255, .1);
    display: flex;align-items: center;color: #fff;text-decoration: none;transition:ease-in .3s;
}
.mobile-menu-accordion div.link{cursor: pointer;}
.mobile-menu-accordion div.link::after{position: absolute;right: 0;top: 24px;
	transition: all 0.3s ease-in-out;border-radius: 4px;transform: rotate(90deg);
	background: url("../../web-img/m-menu-arrow.png") no-repeat;width: 12px;height: 12px;content: "";
}
.mobile-menu-accordion .submenu {display: none;padding: 0 0 0 20px;}
.mobile-nav__container li a:hover, .mobile-menu-accordion li.open .link, .mobile-menu-accordion li .link:hover{color: #4391ed;}
.mobile-menu-accordion li.open .link::after {
    transform: rotate(-90deg);
}
.menu-text{padding-left: 30px;padding-right: 30px;margin-top: 40px;border-top: 1px solid rgba(255, 255, 255, .1);
	display: flex;align-items: center;margin-bottom: 100px;
}
.menu-text ul{margin: 0;padding: 10px 0;list-style: none;}
.menu-text ul li a{color: #fff;text-decoration: none;display: block;padding: 8px 0;}

@media only screen and (max-width: 991px) {
	.mobile-nav-toggler{display: block;}
	.logo-right{display: none;}
}

/*.top-menu-mobile{display: none;}
.mobile-link{margin-left: auto;margin-top: 32px;}
.mobile-link .icon-bar{display:block;width:22px;height:3px;border-radius:1px;background-color:#06254b}
.mobile-link .icon-bar+.icon-bar{margin-top:4px}
.sub-mobile{position: absolute;top: 78px;right: 0;width: 200px;
		background: #fff;text-align: center;border-radius: 0 0 10px 10px;
		display: none;overflow: hidden;
	}
.sub-mobile li{display: block;border-bottom: 1px dotted #999;}
.sub-mobile li:last-child{border-bottom: none;}
.sub-mobile li a{display: block;padding: 7px 0;color: #06254b;text-decoration: none;}
.sub-mobile li a:hover{background: #4391ed;color: #fff;}
@media(max-width: 991px){
	.top-menu{display: none;}
	.top-menu-mobile{display: flex;width: 100%;}
	
}
@media(max-width: 767px){
	.top-margin{padding-top: 40px!important;}
}
*/
@media(max-width: 991px){
	.top-menu{display: none;}	
}
.sticky{position: fixed;/*height: 86px;*/top: 0;z-index: 99999;/*background: rgba(255, 255, 255, .9);*/}
.croxgroup-logo-reveal{width:100%;margin: 0;padding: 0;}
#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%);*/
	background: #06254b;
}

.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: 25%;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), .heading{font-size: 52px;font-family: 'Allura', cursive;color: #fff;}
.heading {margin: 0;padding: 0;}
.feature-box li:nth-child(2){font-size: 18px;font-weight: 700;margin-bottom: 20px;color: #4391ed;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%);*/
	background: #06254b;
}
.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, #croxmedia-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%);*/
	background: #06254b;
}
#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%);*/
	background: #06254b;
}

#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%);*/
	background: #06254b;
}
#about-group-section .col-7x{width: 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%);*/
	background: #06254b;
}
#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%);*/
	background: #06254b;
}

#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: 4px;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;*/background: #4391ed;
	cursor: pointer;
}
.pnl-form .btn-submit:hover{background: #fff;color: #4391ed;}

.captcha-info{color: #666;font-size: 12px;}
.captcha-info a{color: #f1e9fc;}
.form-msg{font-size: 22px;color: #f00;margin-bottom: 30px;line-height: 26px;}
.form_success{position: relative;color: #fff;padding: 16px 15px 16px 102px;text-align: left;}
.form_success::before{background: url("../../web-img/tenor.gif") no-repeat 10px 10px;background-size: 72px;width: 92px;height: 92px;
	position: absolute;top: 0;left: 0;content: "";}
.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,
.smo-link-body .li-link,
.smo-link-body .fb-link{display: inline-block;position: relative;padding: 5px 0 5px 50px;color: #fff;text-transform: uppercase;text-decoration: none;}
.smo-link a:hover,
.smo-link-body .li-link:hover,
.smo-link-body .fb-link:hover{color: #4391ed;}
.smo-link a::before,
.smo-link-body .li-link::before,
.smo-link-body .fb-link::before{content: '';position: absolute;width: 36px;height: 100%;top: 0;left: 0;
	background: url("../../web-img/linkedin.png") 10px 12px no-repeat #fff;border-radius: 4px;}
.smo-link-body{margin-top: 30px;}
.smo-link-body .li-link,
.smo-link-body .fb-link{margin-right: 30px;}
.smo-link-body .fb-link::before{background-image: url("../../web-img/facebook.png")}

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

@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{margin-top: 15px;padding-top: 30px;position: relative;}
	.footer-logo::before{content: '';
display: block;
width: 195px;
height: 5px;
background: url("../../web-img/line-sap-dots.png");
position: absolute;
left: 50%;top: 0;
transform: translate(-50%, -50%);}
	.footer-contact{padding: 1rem 0;}
	.footer-logo, .footer-contact, .footer-menu, .copy-info, .smo-link{text-align: center;}
    .form-buttun-control{text-align: center;}
}
.pnl-services{padding: 1rem 0 0 0;display: -webkit-flex;display: -ms-flexbox;
	display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
	margin: 0 -15px;
}
.pnl-services .col-6xx{width: 50%;padding: 0 15px;box-sizing: border-box;float: left;
	margin-bottom: 30px;display: -webkit-flex;display: -ms-flexbox;display: flex;
}
.pnl-services .col-4x{width: 33.3333%;padding: 0 15px;box-sizing: border-box;float: left;
	margin-bottom: 30px;display: -webkit-flex;display: -ms-flexbox;display: flex;
}
.service-div{background: #fff;padding: 20px 20px 18px;
	width: 100%;color: #1b1d21;text-decoration: none;border-radius: 4px;
}
.service-div:hover{background: #4391ed;}
.icon-flex{display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
	align-items: center;
}
.heading2{font-size: 48px!important;margin-top: 30px!important;}
.service-div .icon{display: block;width: 64px;height: 64px;margin-right: 15px;padding: 16px;
	transition: all 0.3s linear;background: #e8e8e8;border-radius: 50%;
	-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;
	box-sizing: border-box;-o-transition: all 0.3s linear;-ms-transition: all 0.3s linear;
}
.service-div .icon img{width: 32px;height: 32px;}
.service-div h5{font-size: 18px;margin: 0;padding: 0;font-weight: bold;line-height: normal;}
.service-div p{margin: 0;padding: 0;font-size: 14px;}
@media(max-width: 767px){
	.pnl-services .col-6xx{width: 100%;}
	.pnl-services .col-4x{width: 50%;}
}
@media(max-width: 599px){
	.pnl-services .col-4x{width: 100%;}
}