body {
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    /*font-family: 'Lato', sans-serif;*/
    font-family: 'Didact Gothic', sans-serif;
    /*font-family: "Prompt", serif;*/
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #ffffff;
}    

#online-web-applications-wrapp{
  font-size: 22px;
  line-height: 40px;
}
#primary-menu ul li > a {
    display: block;
    line-height: 22px;
    padding: 39px 15px;
    color: #fff;
    /*color: #FEB80A;*/
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    -webkit-transition: margin .4s ease, padding .4s ease;
    -o-transition: margin .4s ease, padding .4s ease;
    transition: margin .4s ease, padding .4s ease;
}
#header.sticky-header #header-wrap {
    /*min-height: 63px;*/
    /*background-color: transparent !important;*/
    background-color: #0E1C58 !important;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.3);*/
    /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
}
#header-wrap{
    padding-top: 100px;
    border-bottom: none !important;
}
#header.sticky-header:not(.static-sticky) #header-wrap{
    padding-top: 0px;
}

/*#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, */
#header #logo img {
  height: 70px !important;
  margin-left: 100px;
  margin-top: 17px;
  width: auto !important;
}
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
    margin-top: 13px !important;
    height: 35px !important;
    width: auto !important;
}
@media (max-width: 992px) {
  #header-wrap{
      padding-top: 10px;
  } 
  #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
      height: 37px !important;
      width: auto !important;
      margin-top: 12px;
      margin-left: 12px;
  }
  #header #logo img {
    height: 40px !important;
    margin-left: 0px;
    margin-top: 17px;
    width: auto !important;
  }
}

@media all and (min-width: 1400px) and (max-width: 1600px){
  #primary-menu ul li > a {
    padding: 39px 5px;
    /*border:1px solid red !important;*/
  }
  #logo img {
      height: auto !important;
      width: 400px !important;
      /*border:1px solid red;*/
  }
}
@media all and (min-width: 992px) and (max-width: 1400px){
  #primary-menu ul li > a {
    padding: 39px 2px;
    font-size: 0.7em;
    /*border:1px solid red !important;*/
  }
  #logo img {
      height: auto !important;
      width: 200px !important;
      /*border:1px solid red;*/
      position: relative;
      top:25px;
      /*border:1px solid red;*/
  }
  #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
      height: 50px !important;
      width: auto !important;
  }
  .sticky-header #logo img {
      top:5px;
      /*border:1px solid red;*/
  }
}
#header.full-header #logo {
    /*padding-right: 30px;*/
    /*margin-right: 30px;*/
     border-right: none; 
}
#header.full-header #primary-menu > ul {
    border-right: none;
}

#primary-menu ul li > a div{    
	padding: 0px 5px 0px 5px;
  /*border:1px solid #000000;*/
  /*background-color: #000;*/
  /*display: none;*/
}
#cloud-appkey-wrapper h1{
  position: absolute;
  bottom: 0px;
  text-align: center;
  /*border:1px solid red;*/
  width: 690px;
  color: #FCBE40;
  top: 360px;
  font-size: 20px;
}

#primary-menu ul li > ul li > a div {
    padding: 3px 5px 0px 5px;
    border: 1px solid #000000;
    background-color: #ddd;
}
#header.transparent-header + #slider{
    top: -104px;
}
#top-cart {
    margin-right: 15px !important;
}
#fix-static-menu-push{
  position: relative;
  display: block;
  float: left;
  width: 100%;
  height: 0px;
  clear: both;
  /*border:1px solid red;*/
}
.slider-homepage{
  position: fixed !important;
  background-image: radial-gradient(circle, #1138cc 0%, #192a80 70%, #0d1d5b 100%);
  /*background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(14,28,88,1) 100%);*/
  /*background: linear-gradient(180deg, rgba(14,28,88,1) 0%, rgba(14,28,88,1) 25%, rgba(81,176,243,1) 100%);*/
}

@media (min-width: 320px){

  .stretched #wrapper {
      margin: 0;
      box-shadow: none;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
  }
}


/**
fix mobile 
*/
@media (max-width: 992px) {
    #fix-static-menu-push{
      height: 63px;
    }
    #logo{
      height: auto;
    }
    #header.sticky-header:not(.static-sticky) #top-search, #header.sticky-header:not(.static-sticky) #top-cart, #header.sticky-header:not(.static-sticky) #side-panel-trigger {
         margin-top: 20px !important; 
         margin-bottom: 0px !important; 
         margin-right: 20px !important; 
    }
    #top-search a, #top-cart, #side-panel-trigger {
      margin: 0px 0;
    }
    #header.sticky-header:not(.static-sticky) #top-cart {
      margin-right: 24px !important;
    }

    #header.transparent-header + #slider{
        top: 0px;
    }

    #top-search a{
      position: relative;
      float: left;
      margin-left: 8px;
      /*margin-top: 20px;*/
    }
    #top-search form input {
      font-size: 15px;
      margin-top: 14px !important;
      padding-bottom: 26px !important;
      /*padding: 10px 80px 10px 0;
      height: 100%;
      background-color: transparent;
      color: #333;
      font-weight: 700;
      margin-top: 0 !important;
      font-family: 'Raleway', sans-serif;
      letter-spacing: 2px;*/
  }
}
@media (max-width: 992px){

  #mobile-side-panel-trigger {
      display: none;
      /*display: inline-block;*/
      /* position: absolute; */
      /* right: 30px; */
      position: relative;
      float: right;
      opacity: 1;
      font-size: 30px;
      font-weight: 900 !important;
      pointer-events: auto;
      top: 10px;
      margin-top: 0;
      right: 20px !important;
      z-index: 1;
      /*color: #2fa9e9 !important;*/
      width: 37px;
      height: 37px;
      line-height: 0px;
      text-align: center;
      -webkit-transition: opacity .3s ease;
      -o-transition: opacity .3s ease;
      transition: opacity .3s ease;
      border: none;
      border-radius: 0px;
      padding: 3px;
  }
}
@media (max-width: 480px){
  #mobile-side-panel-trigger {
      right: 0px !important;
      top: 14px;
  }
}
/*body.side-push-panel #side-panel-trigger-close a {*/
body.side-panel-open #side-panel-trigger-close a {
    display: block;
    position: absolute;
    z-index: 12;
    top: 0;
    left: auto;
    right: 0;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    color: #444;
    text-align: center;
    background-color: rgba(0,0,0,0.1);
    border-radius: 0 0 0 2px;
}
/* 
#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
     padding-top: 19px; 
     padding-bottom: 19px; 
}
#primary-menu .sub-menu  a{
    
  padding: 0px 5px 0px 5px;
    border:1px solid #000000;
    background-color: #000 !important;
    border:1px solid red !important;
} */

.button.button-dark {
    background-color: #38393B;
}
.button.button-dark:hover {
    background-color: #DE3E00;
}
#gguser-panel #user-main-panel {
    min-height: 0px;
}
#gguser-breadcrumbs .container {
	max-width: 100%;
}
#page-menu-wrap .container {
	max-width: 100%;
}


.contacInput{
  /*width:96%;*/
  width:100%;
  height:44px;
  margin-bottom: 10px;
  padding:10px;
}
.control-label{
  font-family: 'Nunito Sans', sans-serif;
}
span.required {
    color: #23282E;
}
/* .btn{
  background-color: #191F2D;
  color: white;
  font-family: 'Nunito Sans', sans-serif;
  height:45px;
  padding: 10px 40px;
  padding-top: 0px;
}
.btn:hover, .btn:focus, .btn:active, .btn.active {
    color: #fff;
    background-color: #00b3db;
    border-color: #285e8e; set the color you want here
}
.btn-default.disabled, .btn-default[disabled]{
    background-color: #00b3db;

} */


/*.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'Raleway', sans-serif;
	/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    margin-bottom: 0;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #38393B;
    
}
@media (max-width: 992px){
  h3{
    font-size: 16px;
  }
}

.contact-form{

}
.appText {
    font-size: 19px;
    line-height: 30px;
    text-align: justify;
}

.lineHeightBigger {
    line-height: 40px;
}

.novpading{
	padding-left: 0px;
	padding-right: 0px;
}

#slider h3{
	display: inline-block;
	padding-left: 16px;
	padding-right: 16px;
	font-size: 30px;
}
#slider .heading-block span{
	margin-top: 50px;
}
#img-bager{
	/*max-width: 300px;*/
}
.line{
	margin-top: 0px !important;
	height:1px !important;
}

#bctechink-tools .heading-block h2 {
    font-size: 30px;
    color: white;
}
#bctechink-tools{
	background-color: #DE3E00;
}
#bctechink-tools .heading-block > span:not(.before-heading) {
    display: block;
    margin-top: 10px;
    font-weight: 300;
    /*color: #777;*/
	color: white !important;
}

.contact-form{
	background: url('/images/bctechnikgroup/contact-form-bg.jpg'); 
	background-position:top center;
	background-repeat:no-repeat; background-size: 100% auto;
	background-position-y: 100px;
}
#welcome-to .slider-caption h2{		
		line-height: 70px;
}
#primary-menu-trigger{
    font-size: 24px;
    top: 30px;
    margin-top: 0px;
    /* 
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease; */
}
#job-offer-images{
  position: relative;
  /*border:1px solid red;*/
  min-height: 700px;
  overflow: hidden;
}
#job-offer-images img{
  position: absolute;
  width: 100%;
  height: : 100%;
  left: 0px;
  top:-2px;
}

#company-mission .line{
  margin: 0 0;
  /*border:1px solid red !important;*/
}
#job-offer .line{
  margin: 0 0;
  /*border:1px solid red !important;*/
}
#offering-services .line{
  margin: 0 0;
  /*border:1px solid red !important;*/
}

#about-us-main-points h3{
  font-size: 30px;
  min-height: 70px;
  /*max-width: 250px;*/
}
#about-us-main-points ul{
  padding-top: 15px;
  padding-left: 10px;
}

#about-us-main-points ul li {
  font-size: 15px;
  font-weight: 500;
  text-align: left;
    /* padding: 30px; */
    /* border: 1px solid #A8A9AD; */
    background: url(/images/icons/widget-link.png) left top no-repeat;
    background-position: top 0px left 0px ;
    /* border: none !important; */
    /* color: #444; */
    /* font-size: 14px; */
    list-style: none;
    padding: 0 30px 0 15px;
    /* border: 1px solid red; */
    margin-bottom: 20px;
}

#abouts-icons i{
  color: #DE3E01 !important;
}
.col_one_third{
  z-index: 1;
}
@media (max-width: 992px){
  .col_one_third{
    width: 100%;
  } 
  .col_two_fifth {
      width: 100%;
  }
}

.editable-empty, .editable-empty:hover, .editable-empty:focus {
     font-style: normal; 
     color: inherit; 
    /* border-bottom: none; */
    /*text-decoration: none;*/
}
.editable-empty a {
     color: blue; 
    text-decoration: none;
}

@media (max-width: 479px){
	.container, #header.full-header .container, .container-fullwidth {
	    max-width: 449px !important;
	}
	.contact-form{
		background: url('/images/bctechnikgroup/contact-form-bg.jpg'); 
		background-position:bottom center;
		background-repeat:no-repeat; background-size: 100% auto;
		/*background-position-y: 100px;*/
	}
	#bctechnikgroup-contact{
		margin-top: 80px;
	}
	.bctechnikg-factory-parlax{
		margin-top: 0px;
	}
	#welcome-to .slider-caption h2{
		font-size: 35px;
		font-size: 35px;
		line-height: 45px
	}
}

#slider .slider-pomlcka{ 
    /*display: none;*/
    display: inline-block;
}
#about-us-main-points .subtitle{
  margin-top: 30px;
}
@media (min-width: 1200px) { /* Apply on all screen larger than 319px */
	
}
@media (max-width: 768px){
 
  #company-mission img{
    max-width: 100%;
  }
  #job-offer-images{
    position: relative;
    /*float: left;*/
    /*border:1px solid red;*/
    min-height: 400px;
    overflow: hidden;
  }

  #slider h3{ 
    padding-left: 26px;
    padding-right: 16px;
    line-height: 45px;
    /*font-size: 50px;*/
    /*border:1px solid red;*/
  }
  #slider .slider-pomlcka{ 
    display: none;
    /*display: inline-block;*/
  }
}
@media (min-width: 1200px) { /* Apply on all screen larger than 319px */

  

  #slider h3{
		
		padding-left: 26px;
		padding-right: 16px;
		font-size: 50px;
	}

  #company-mission img{
    max-width: 80%;
  }

	#slider .heading-block span{
		font-size: 27px;
		margin-top: 50px;
	}

	.bctechnikg-factory-parlax span{
		margin-top: 30px !important;
		margin-bottom: 30px;
	}
}

.heading-block:after {
    content: '';
    display: block;
    margin-top: 0p5x;
    width: 200px;
    border-top: 2px solid #444;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: rgb(68, 68, 68);
}

.contact-form .control-label {
margin-top: 20px;
}

.contact-form input, textarea {
border: 3px solid #DAD8D8;
min-height: 50px;
}

.font-color{
	color: #DE3E00 !important;
}

@media (max-width: 479px){
	.container, #header.full-header .container, .container-fullwidth {
	    max-width: 449px !important;
	}
}


 /*.editable-popup{top:-61px !important;left:245px !important;}*/


.editableTextMarker{ 
  /*cursor: pointer;*/
  cursor: text;
  /*border:10px solid red;*/
}
.editableTextMarker::before { 
  /*content: "\ef10 ";*/
  /*color: "#FF0803";*/
}


.form-control-custom {
    display: block;
    /* width: 100%; */
    height: 46px;
    padding: 10px 10px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #DDD;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}
.inputRowMarginBottom {
    margin-bottom: 30px;
}
.actionHeader {
    margin-top: 20px;
    margin-bottom: 20px;
}



#about-us-main-points h3{
  font-size: 30px;
  min-height: 70px;
  /*max-width: 250px;*/
}
#about-us-main-points ul{
  padding-top: 15px;
  padding-left: 10px;
}

#job-offer ul li {
  font-size: 15px;
  font-weight: 500;
  text-align: left;
    /* padding: 30px; */
    /* border: 1px solid #A8A9AD; */
    background: url(/images/icons/widget-link.png) left top no-repeat;
    background-position: top 0px left 0px ;
    /* border: none !important; */
    /* color: #444; */
    /* font-size: 14px; */
    list-style: none;
    padding: 0 30px 0 15px;
    /* border: 1px solid red; */
    margin-bottom: 20px;
}

#job-offer .subtitle {
    display: inline-block;
    border-bottom:2px solid #D6D6D6;
    /*margin-left: 15px;*/
    font-weight: 500;
    color: black;
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.bctechnikg-factory-parlax{
  background: url('/images/bctechnikgroup/paralax2.jpg'); 
  background-position:center center;
  background-repeat:no-repeat; 
  background-size: 100% auto;
}
#slider{
  /*background: url('/images/bctechnikgroup/bcktechnikgroup-builders.jpg') no-repeat; */
  /*background-size: cover*/
}

@media (max-width: 479px){
   .bctechnikg-factory-parlax{
    background-position: center -500px center;
    
    background-size: auto 100%;
  } 
  #job-offer-images {
      min-height: 250px;
  }

  .topmargin-lg {
    margin-top: 30px !important;
  }

  .container{
    width:  inherit !important;
    max-width:  1000px !important;
    padding-left: 10px;
    padding-right: 10px;
  }

  /*.padding-top{
    padding-top: 30px !important;
  }
  .toppadding-lg {
    padding-top: 30px !important;
  }
  .nomargin-xs{
      margin: 0px !important;
      border:1px solid red !important;
  }
  .nopadding-xs{
      margin: 0px !important;
      padding-top: 0px !important;
      padding-bottom: 0px !important;
      border:1px solid red !important;
  }*/
  .toppadding-lg {
       padding-top: 0px !important; 
  }
  #job-offer .subtitle {
    font-size: 18px;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
  #slider{
    background-position: left -200px center;
    background-size: auto 400px
  }
  #slider h3{
    display: block;
    margin-bottom: 30px;
  }
}


#domain-grid-content .summary{
	margin-top: 15px;
  text-align: center;
  margin-bottom: 5px;
}
#domain-grid-content .items .empty{
	margin-top: 15px;
	width: 100%;
	font-size: 20px;
	text-align: center;
	display: block;
}

#primary-menu .menuItemIcon {
    font-size: 20px;
    top: 0px;
    margin-right: 10px;
}

.qtipInfo-class {
    /* background: rgba(35, 44, 35, 0.6); */
    background: white;
    border-radius: 0px;
    border: 7px solid #2fa9e9;
    border-top-color: #2fa9e9;
    border-top-style: solid;
    border-top-width: 7px;
    border-right-color: #2fa9e9;
    border-right-style: solid;
    border-right-width: 7px;
    border-bottom-color: #2fa9e9;
    border-bottom-style: solid;
    border-bottom-width: 7px;
    border-left-color: #2fa9e9;
    border-left-style: solid;
    border-left-width: 7px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    padding: 5px;
    color: #737373;
    font-weight: 300;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
}

#footer{
  margin-top: 0px;
}
.grid-view .summary {
  text-align: center;
}

/* ----------------------------------------------------------------
  @group APPLICATION FONTS
-----------------------------------------------------------------*/
.prompt-thin {
  font-family: "Prompt", serif;
  font-weight: 100;
  font-style: normal;
}

.prompt-extralight {
  font-family: "Prompt", serif;
  font-weight: 200;
  font-style: normal;
}

.prompt-light {
  font-family: "Prompt", serif;
  font-weight: 300;
  font-style: normal;
}

.prompt-regular {
  font-family: "Prompt", serif;
  font-weight: 400;
  font-style: normal;
}

.prompt-medium {
  font-family: "Prompt", serif;
  font-weight: 500;
  font-style: normal;
}

.prompt-semibold {
  font-family: "Prompt", serif;
  font-weight: 600;
  font-style: normal;
}

.prompt-bold {
  font-family: "Prompt", serif;
  font-weight: 700;
  font-style: normal;
}

.prompt-extrabold {
  font-family: "Prompt", serif;
  font-weight: 800;
  font-style: normal;
}

.prompt-black {
  font-family: "Prompt", serif;
  font-weight: 900;
  font-style: normal;
}

.prompt-thin-italic {
  font-family: "Prompt", serif;
  font-weight: 100;
  font-style: italic;
}

.prompt-extralight-italic {
  font-family: "Prompt", serif;
  font-weight: 200;
  font-style: italic;
}

.prompt-light-italic {
  font-family: "Prompt", serif;
  font-weight: 300;
  font-style: italic;
}

.prompt-regular-italic {
  font-family: "Prompt", serif;
  font-weight: 400;
  font-style: italic;
}

.prompt-medium-italic {
  font-family: "Prompt", serif;
  font-weight: 500;
  font-style: italic;
}

.prompt-semibold-italic {
  font-family: "Prompt", serif;
  font-weight: 600;
  font-style: italic;
}

.prompt-bold-italic {
  font-family: "Prompt", serif;
  font-weight: 700;
  font-style: italic;
}

.prompt-extrabold-italic {
  font-family: "Prompt", serif;
  font-weight: 800;
  font-style: italic;
}

.prompt-black-italic {
  font-family: "Prompt", serif;
  font-weight: 900;
  font-style: italic;
}


/* ----------------------------------------------------------------
  @group CLOUDS
  @group CLOUDS
  @group CLOUDS
-----------------------------------------------------------------*/
#cloud-appkey-wrapper{
  position: absolute;
  
}
#cloud-appkey-cloud{
  position: absolute;
  width: 600px;
  z-index: 2;
}
#gears-wrapper{
    position: absolute;
    width: 100%;
    max-width: 725px;
    margin: 0px auto;
    text-align: center;
    /*top: 900px;*/
    z-index: 1;
    /*border:1px solid red;*/
    left: 230px;
    top: 90px;
}
#cloud-appkey-key{
  position: absolute;
  width: 200px;
  left: 0px;
  top: 160px;
  z-index: 10;
}
@media (max-width: 992px) {
  #cloud-appkey-cloud{
    width: 300px;
  }
  #cloud-appkey-key{
    width: 110px;
    top: 100px;
    left: 30px;
  }
  #gears-wrapper{
    top: 50px;
    left: 100px;
  }
  #cloud-appkey-wrapper h1{
    width: 390px;
    color: #FCBE40;
    top: 200px;
    font-size: 16px;
  }

}

#cloud-appkey-bounce {
    animation: bobble 2s infinite;
    /*margin-left: 100px;*/
    /*margin-top: 15px;*/
}

#smallcloud {
  animation: bobbleways 3s infinite;
  margin-top: 65px;
  margin-left: 200px;
}

@keyframes bobble {
      0% {
        transform: translate3d(50px, 40px, 0px);
        animation-timing-function: ease-in;
      }

      50% {
        transform: translate3d(50px, 60px, 0px);
        animation-timing-function: ease-out;
      }

      100% {
        transform: translate3d(50px, 40px, 0px);
      }

}

@keyframes bobbleways {
      0% {
        transform: translate3d(50px, 40px, 30px);
        animation-timing-function: ease-in;
      }

      50% {
        transform: translate3d(50px, 80px, 40px);
        animation-timing-function: ease-out;
      }

      100% {
        transform: translate3d(50px, 40px, 30px);
      }

}



/* ----------------------------------------------------------------
  @group SECTIONS
  @group SECTIONS
  @group SECTIONS
-----------------------------------------------------------------*/
  #section-about-appkey{
    /*border:1px solid red;*/
  }
  .kings-blue-strong-bg{
      /*background: #0E1C58;*/
      /*color: #c3c3c3;*/
      background: linear-gradient(0deg, rgba(7,16,54,1) 0%, rgba(14,28,88,1) 100%);
      color: #9ca8b1;
  }
  .kings-blue-white-bg{
      background: white;
  }
  .kings-blue-strong-bg h1 {
      color: #c3c3c3;
  }
  .golden-font{
    color:#FCBE40;
  }
  .kings-blue-strong-bg h1 span{
      /*color: #fcbe40;*/
      color: #3e7ab0;
  }

  .kings-blue-strong-bg .title-block > span {
      color: #c3c3c3;
  }
  .kings-blue-light-bg{
    background: #59AFEF;
    /*background: linear-gradient(0deg, rgba(89,175,239,1) 0%, rgba(0,146,255,1) 100%);*/
  }
  .divider{
    line-height: 12px !important;
    
  }
  .fancy-title h1{
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.fancy-title.title-double-border:before, .fancy-title.title-border:before, .fancy-title.title-border-color:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    /*border-top: 3px double #E5E5E5;*/
    border:none;
    left: auto;
    top: 46%;
    right: 0;
}
.kings-blue-white-bg .fancy-title h3{
    background-color: #0E1C58;
    color: white;
    padding:5px;
    
}

.title-block ul{
  padding-left: 50px;
  margin-top: 30px;
}
.tools-accorditions ul{
  padding-left: 50px;
  margin-top: 30px;
}
.tools-accorditions ul li {
    background: url(/images/icons/widget-link.png) left top no-repeat;
    background-position: top 12px left;
    
    list-style: none;
    padding: 0 3px 0 22px;
    /* border: 1px solid red; */
}
@media (max-width: 992px) {
  .kings-blue-white-bg .fancy-title {
      
      margin-top: 50px;
      margin-bottom: 10px;
  }
  .tools-accorditions ul{
    padding-left: 15px;
    margin-top: 30px;
  }
}
/* ----------------------------------------------------------------
  @group CLOUDS
  @group CLOUDS
  @group CLOUDS
-----------------------------------------------------------------*/
#Clouds {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 50%;
  overflow: hidden;
  -webkit-animation: FadeIn 3.1s ease-out;
  animation: FadeIn 3.1s ease-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*opacity: 0.76;*/
}
@-webkit-keyframes FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Cloud {
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 70px;
  -webkit-animation-duration: 120s;
          animation-duration: 120s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: Float, FadeFloat;
          animation-name: Float, FadeFloat;
  z-index: 1;
}
.Cloud.Cloud-Foreground {
  height: 10%;
  min-height: 20px;
  z-index: 3;
  opacity: 1;
}
.Cloud.Cloud-Background {
  height: 9.09090909%;
  min-height: 8px;
  opacity: 1;
  -webkit-animation-duration: 210s;
          animation-duration: 210s;
}
@-webkit-keyframes Float {
  from {
    transform: translateX(100%) translateZ(0);
  }
  to {
    transform: translateX(-15%) translateZ(0);
  }
}
@keyframes Float {
  from {
    transform: translateX(100%) translateZ(0);
  }
  to {
    transform: translateX(-15%) translateZ(0);
  }
}
/*
@keyframes Float {
  from { transform: translateX(100%) translateY(-100%) translateZ(0); }
  50% { transform: translateX(55%) translateY(0) translateZ(0); }
  to { transform: translateX(-5%) translateY(-100%) translateZ(0); }
}
*/
@-webkit-keyframes FadeFloat {
  0%,
  100% {
    opacity: 0;
  }
  5%,
  90% {
    opacity: 1;
  }
}
@keyframes FadeFloat {
  0%,
  100% {
    opacity: 0;
  }
  5%,
  90% {
    opacity: 1;
  }
}
.Cloud:nth-child(10) {
  -webkit-animation-delay: -184.61538462s;
          animation-delay: -184.61538462s;
  top: 60%;
}
.Cloud.Cloud-Foreground:nth-child(10) {
  -webkit-animation-duration: 80s;
          animation-duration: 80s;
  height: 35%;
}
.Cloud.Cloud-Background:nth-child(10) {
  -webkit-animation-duration: 110s;
          animation-duration: 110s;
  height: -3.40909091%;
}
.Cloud:nth-child(9) {
  -webkit-animation-delay: -166.15384615s;
          animation-delay: -166.15384615s;
  top: 54%;
}
.Cloud.Cloud-Foreground:nth-child(9) {
  -webkit-animation-duration: 84s;
          animation-duration: 84s;
  height: 32.5%;
}
.Cloud.Cloud-Background:nth-child(9) {
  -webkit-animation-duration: 114s;
          animation-duration: 114s;
  height: -2.15909091%;
}
.Cloud:nth-child(8) {
  -webkit-animation-delay: -147.69230769s;
          animation-delay: -147.69230769s;
  top: 48%;
}
.Cloud.Cloud-Foreground:nth-child(8) {
  -webkit-animation-duration: 88s;
          animation-duration: 88s;
  height: 30%;
}
.Cloud.Cloud-Background:nth-child(8) {
  -webkit-animation-duration: 118s;
          animation-duration: 118s;
  height: -0.90909091%;
}
.Cloud:nth-child(7) {
  -webkit-animation-delay: -129.23076923s;
          animation-delay: -129.23076923s;
  top: 42%;
}
.Cloud.Cloud-Foreground:nth-child(7) {
  -webkit-animation-duration: 92s;
          animation-duration: 92s;
  height: 27.5%;
}
.Cloud.Cloud-Background:nth-child(7) {
  -webkit-animation-duration: 122s;
          animation-duration: 122s;
  height: 0.34090909%;
}
.Cloud:nth-child(6) {
  -webkit-animation-delay: -110.76923077s;
          animation-delay: -110.76923077s;
  top: 36%;
}
.Cloud.Cloud-Foreground:nth-child(6) {
  -webkit-animation-duration: 96s;
          animation-duration: 96s;
  height: 25%;
}
.Cloud.Cloud-Background:nth-child(6) {
  -webkit-animation-duration: 126s;
          animation-duration: 126s;
  height: 1.59090909%;
}
.Cloud:nth-child(5) {
  -webkit-animation-delay: -92.30769231s;
          animation-delay: -92.30769231s;
  top: 30%;
}
.Cloud.Cloud-Foreground:nth-child(5) {
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  height: 22.5%;
}
.Cloud.Cloud-Background:nth-child(5) {
  -webkit-animation-duration: 130s;
          animation-duration: 130s;
  height: 2.84090909%;
}
.Cloud:nth-child(4) {
  -webkit-animation-delay: -73.84615385s;
          animation-delay: -73.84615385s;
  top: 24%;
}
.Cloud.Cloud-Foreground:nth-child(4) {
  -webkit-animation-duration: 104s;
          animation-duration: 104s;
  height: 20%;
}
.Cloud.Cloud-Background:nth-child(4) {
  -webkit-animation-duration: 134s;
          animation-duration: 134s;
  height: 4.09090909%;
}
.Cloud:nth-child(3) {
  -webkit-animation-delay: -55.38461538s;
          animation-delay: -55.38461538s;
  top: 18%;
}
.Cloud.Cloud-Foreground:nth-child(3) {
  -webkit-animation-duration: 108s;
          animation-duration: 108s;
  height: 17.5%;
}
.Cloud.Cloud-Background:nth-child(3) {
  -webkit-animation-duration: 138s;
          animation-duration: 138s;
  height: 5.34090909%;
}
.Cloud:nth-child(2) {
  -webkit-animation-delay: -36.92307692s;
          animation-delay: -36.92307692s;
  top: 12%;
}
.Cloud.Cloud-Foreground:nth-child(2) {
  -webkit-animation-duration: 112s;
          animation-duration: 112s;
  height: 15%;
}
.Cloud.Cloud-Background:nth-child(2) {
  -webkit-animation-duration: 142s;
          animation-duration: 142s;
  height: 6.59090909%;
}
.Cloud:nth-child(1) {
  -webkit-animation-delay: -18.46153846s;
          animation-delay: -18.46153846s;
  top: 6%;
}
.Cloud.Cloud-Foreground:nth-child(1) {
  -webkit-animation-duration: 116s;
          animation-duration: 116s;
  height: 12.5%;
}
.Cloud.Cloud-Background:nth-child(1) {
  -webkit-animation-duration: 146s;
          animation-duration: 146s;
  height: 7.84090909%;
}

.Cloud {
  /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAABgCAYAAACTzNnjAAAFCklEQVR42u3d34uVRRjA8YMsEi0iSwhdRBGhSJgZiNRFIkWhQVEXBipKUVBBLCF6k0h4UxFkBLq4QT/Qiyi80EgxCjXMWqOMtqy0bBNja92yXatN3c3pGc9sHU/v+X3emWfe93vx+QN23u+e95x5Z94pmNWFQo5NEytErzgoBsSIOCf+FqbEBTEhzophcVTsFxvFEjE152PZHGMukbcB6BAPij0uqgtl0bXCBvyjeFPcS2wEWc0y0ec++Ywnf7rwbyc8grQ6RY8Y9RhhJT+Jde4TmghzFuR08bo4ryDEpE/N58QUYsx+kFPcD4yzCkMsZz+1uwkyu0HeKYYiCLHcN2I2QWYnSPudbHubfy37NuFu4wQZeZD2k2Uw4hDLHRZdBBnnH3K/5ykcX86IeQQZl6civ0XXYv/RlhJkHLZkOMTypz7dBKnbyzmJsfTZeTdB6vRszmIsjXI5QeryWMa/M9ZinzjdTJA63CLGcxzjpD/ElQQZfq3iKDFe8lSHIAPqI8L/6SHIMB4nvorTQQsI0v+teoz4KjpBkH7tIrqaNhCkH9cnbK5C8q/uywiSHzKabCLIdM3K+QR4o8YysfVWcZDvElnD1hNkOi5XuilLu5MlOyzni3vESnGfWCRuIMjm1zgSWPM7GWvNXdonXkdM8Q0dCwmytu8Iy/vK9B3iRoJMnghnqifc8jb7yXkXQf5nLWGo2WR2HUGuLrxPDKq25D6d9yBPE4I6/e6rVO6CnMpkuFq/eLmFKwtyMRde/dOg2XkKkvlH/X5P9ZNSWZBvcMGjMJza6iJlQe7nYkfjozwE+TkXOiprsx7kES5yVOzLYK/IcpA/cJGj806Wg/yaCxzlzsersxpkPxc4SruzGuQBLm603yU7DPOQUOSJWIK0E6j2lcvPm+JJVp+674oDbiFuv5t/fEXs5cJG65DmIO3KY3vG3yCLbXO1N1xVkB3uWfQQFye3rtUS5DN1bC5C9j0cOki7XOwUFwJOb6gg7TmCW1lMizI7QwQ5nW2qqGCv7yDtwsxfGXhU0OczyKvECIOOKvb5CnKa2+TDoKOat3wFyaIH1ONFH0H2MNCo00NpBzmXR39owIy0gzzOIKNOv6X9LHsZg4wGp3xsM/ZMoUfF3aaZ4++qBDnIIKMNzrsHKb11Lb6oEORtDCRSYB81f+vWxzYUJBv2kTYb5vx6gzzHgMHTjsUXagV5BwMFzz78d5NYQpDbGCAEcOzissaEIL9kcBDIx0lBsrwMIW0uD3KcQUHgqaEFpUGyLQGhnSgNkgGBBg8QJDQ5Phkky82g5bvkNQXDscDQY6MNcpiBgBL9NsjDDAS0LPq1Qb7EQECJicLFSUkGAkpMLgMaYzCgKci3GQxomPqZDPImBgMa9uOULifnDWcI7VRpkIsYEAR2sHwX2GcMCgJak/QKPh4lIsgcpOhM2iv7JIODAPqqvY7vPQYInlf6zKsWpN2iOMBAwZMD9bzSudPwvh+kr3gofJ0vve/ikxIp36pXNHosiD2j5gMGD2ksyG3lJK917qc5A4l2eNW04Wi5OaZ41DADilZu0xtMmw/fXCV+ZnDRoFFTfBdpaudlLxVfsXMRNYy7W3SH8XSAu/01bo8s/kL8xQWAM+JC7DIeDnCvZqZ4RGxxi3/3iUPOJ+5TtRXfG/v6jeadNMVjlqsZquG0uwU164ybg2vFuPuh2ax23tkm3N91VLwmbjVNvPT+H7Ro4730ITNPAAAAAElFTkSuQmCC);*/
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9Ijc2LjY5OTk5N21tIgogICBoZWlnaHQ9IjQwLjVtbSIKICAgdmlld0JveD0iMCAwIDc2LjY5OTk5NyA0MC41IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcyNTI4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjAuMiAoMS4wLjIrcjc1KzEpIgogICBzb2RpcG9kaTpkb2NuYW1lPSJjbG91ZC1hcHBrZXktZXhwb3J0LnN2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczI1MjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjEuOTc5ODk5IgogICAgIGlua3NjYXBlOmN4PSI1MzcuODE5MDYiCiAgICAgaW5rc2NhcGU6Y3k9IjM4Ni4zOTQyMiIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIGlua3NjYXBlOmRvY3VtZW50LXJvdGF0aW9uPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjM4NDAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMjA1OSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjciCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGEyNTI1Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZwogICAgIGlua3NjYXBlOmxhYmVsPSJMYXllciAxIgogICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiCiAgICAgaWQ9ImxheWVyMSI+CiAgICA8cGF0aAogICAgICAgc3R5bGU9ImZpbGw6IzNhYTdkYjtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MC4xNzYxNjkiCiAgICAgICBkPSJNIDIwLjUxNTA3LDExLjEwNjg0NCBDIDEzLjM0NTY3MSw3LjExNDMyODkgMy45MzA3MjY1LDExLjcyODU4IDEuMTYyMTQ5MSwxOS40Mzc3NzggYyAtMi41Mjk2NzYzLDcuMDQzNDYzIDAuMzU4NjYyMiwxNS4wNjUwNTQgNi41MDA1NjA1LDE4Ljc1NzY2IDQuNjc4NTkyNCwyLjgxMjc3NCAxMC43NzAyNjU0LDEuODg4NTgzIDE1LjkzNjkyMDQsMS44ODg1ODMgaCAzMi4zODc5NTEgYyA0Ljc5NzE5MSwwIDExLjQ2MTczMSwxLjI3ODYyMyAxNS43NjU1NTksLTEuMzI4Nzg1IDUuMzAxODYyLC0zLjIxMTkzOSA2LjEwNjQyNCwtMTEuMjc5NTQ0IDEuMzcwOTE4LC0xNS40NTUxNTIgLTIuNTA0MTQ2LC0yLjIwODA3IC01LjE3MTI3NCwtMi4yNTkxMzggLTguMjI1NTA5LC0yLjIzMjMzIC0wLjA1MTEzLC02LjUzNzQ0MiAtNC41MzUxNywtMTEuOTU3MDc5OSAtMTAuNjI0NjEsLTEyLjk2MDI0MDEgLTEuMDc4MDY3LC0wLjE3NzY2MzIgLTIuMzQ5MjQsLTAuMTc3NjYzMiAtMy40MjczMDcsMCAtMC42MjU2NDMsMC4xMDMxMDUgLTEuNTgyNzE0LDAuNTQ3NDk4OSAtMi4xOTE3NDgsMC4yNDY4NTU0IEMgNDcuOTE4MTc3LDcuOTkwNTIxMSA0Ny40MTI0ODQsNi42NzE2OTg3IDQ2Ljg3NTQxOSw2LjAzNTg0MDEgNDUuNjA1MTA0LDQuNTMxNjE1MyA0NC4xNDk4NzQsMy4yMDg1MTk2IDQyLjQ0OTc2MSwyLjI3OTM5NjIgMzMuOTYxMDMyLC0yLjM1OTY4NzIgMjQuMTIxMjYyLDEuOTUyODAyNCAyMC41MTUwNywxMS4xMDY4NDQgWiIKICAgICAgIGlkPSJwYXRoMTUzNCIgLz4KICA8L2c+Cjwvc3ZnPgo=')
  /*background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgd2lkdGg9IjIxMG1tIgogICBoZWlnaHQ9IjEwOC42MThtbSIKICAgdmlld0JveD0iMCAwIDIxMCAxMDguNjE4IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc0NTQ2Ij4KICA8ZGVmcwogICAgIGlkPSJkZWZzNDU0MCIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE0NTQzIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZwogICAgIGlkPSJsYXllcjEiPgogICAgPHBhdGgKICAgICAgIHN0eWxlPSJmaWxsOiMyYTVhOTk7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjAuNDU4MDkxIgogICAgICAgZD0iTSA1OC4wMzQ3MzksMjkuMDI2Njk4IEMgMzguODY5NDUyLDE4LjkyODAxMiAxMy43MDEzNTgsMzAuNTk5MzIgNi4zMDAzODczLDUwLjA5ODk3OSAtMC40NjE5NTk3OCw2Ny45MTQ3MzQgNy4yNTkxNjU1LDg4LjIwNDU2IDIzLjY3NzcyMSw5Ny41NDQ2NDEgYyAxMi41MDY4NDYsNy4xMTQ2MzkgMjguNzkxMTQsNC43NzY5OTkgNDIuNjAyNjczLDQuNzc2OTk5IGggODYuNTc5NjY2IGMgMTIuODIzODksMCAzMC42Mzk1NywzLjIzNDE1IDQyLjE0NDYsLTMuMzYxMDM4IDE0LjE3Mjk3LC04LjEyNDI4NiAxNi4zMjM3MiwtMjguNTMwNTAzIDMuNjY0NzQsLTM5LjA5MjI5NSAtNi42OTQwOSwtNS41ODUwOTkgLTEzLjgyMzg5LC01LjcxNDI3NCAtMjEuOTg4NDgsLTUuNjQ2NDY3IC0wLjEzNjY3LC0xNi41MzU4MjggLTEyLjEyMzQ0LC0zMC4yNDQyNyAtMjguNDAxNzcsLTMyLjc4MTY1OSAtMi44ODE5LC0wLjQ0OTM4NSAtNi4yODAwMSwtMC40NDkzODUgLTkuMTYxODksMCAtMS42NzI0OSwwLjI2MDc4NyAtNC4yMzA5MiwxLjM4NDgzNyAtNS44NTksMC42MjQzOTcgLTEuOTY5MzksLTAuOTIwMzE2IC0zLjMyMTIxLC00LjI1NjE1OCAtNC43NTY4OCwtNS44NjQ0ODcgQyAxMjUuMTA1NTYsMTIuMzk1Mjk5IDEyMS4yMTU0Myw5LjA0ODY1NTIgMTE2LjY3MDY3LDYuNjk4NTE0OSA5My45Nzg1NTgsLTUuMDM1NTg2MyA2Ny42NzQ4MjcsNS44NzI0MzExIDU4LjAzNDczOSwyOS4wMjY2OTggWiIKICAgICAgIGlkPSJwYXRoNDUxMiIgLz4KICAgIDxyZWN0CiAgICAgICBzdHlsZT0iZmlsbDpub25lO2ZpbGwtb3BhY2l0eToxO3N0cm9rZS13aWR0aDoxLjE1NjM3O3N0cm9rZS1saW5lam9pbjpyb3VuZDtwYWludC1vcmRlcjpmaWxsIG1hcmtlcnMgc3Ryb2tlIgogICAgICAgaWQ9InJlY3Q0NTE0IgogICAgICAgd2lkdGg9IjIwOS43MjExMyIKICAgICAgIGhlaWdodD0iMTA4LjYxNzcxIgogICAgICAgeD0iMC4xNTQ4Mzc4MiIKICAgICAgIHk9IjAuMTE3OTg5NTgiIC8+CiAgPC9nPgo8L3N2Zz4K')*/
}
.Cloud.Background {
  /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAAqCAYAAAAUJM0rAAACFUlEQVRo3u3aPSwDYRzH8UZEbAYiYrDYjLZGpIPBJLGwSKwi0k1iYBKDdFJsEiMxSZgsFZJGiGjqJWEhSKuaNKRUG8r5PfI8SXOud72+PH2eu2f47Ndv7+V5/nee/G6bh5MWmIV9iEMWvkGjfiADD7AHk9BU6+PSNK0kPAINwwXkC6KU6gvC4HVyKB/clhHHCDnbTqHbSaEaYIv+OK3KyBk274RQrXBXg0B6B/QPkTIUiZTiEIm5gkbZQjXTJ5nG2ZFsocJ1iMQEZQk1VcdIGl2L9Yoeitwj3uocirgRPVRAgEjMoMihkgKFStIzK063QVHYhKF6h/IKFMlKGpaNlhM8Qq1JFIp5gQHeoSIShmJPST/PUElJQ7FN9hivUGmJQxE56OQRKiN5qL/NNY9QKQeEIpdgR7VC9cEqHeGeUyEHXHrMUiWhyKx6BV4dEsNMtNxQI4Ls33h5LidUoEYjXKEXoXZDLbgsEBOzE8qne8fmJhE7oWIujUQcwhyMmy0VSKRRF0cyWlclYMYo1LEKZOgRugpDpVWUot5ZLI8LlwN23bNQKoY1vwpVmmsS6kOFsPRJQl2qENZIqGkVwnp9xb5nUksEcxm2hZlQMcy3OYXTgx0VpOi2pl8/jwqpMP9sF5twBl08ctE7I/dws5l5D5y4OBj51HvdzluYdlik0RL06cjkKpSlB1Span5x/AQb5Hfrxyy/oU5ISeVw53AAAAAASUVORK5CYII=);*/
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgd2lkdGg9Ijc2LjY5OTk5N21tIgogICBoZWlnaHQ9IjQwLjVtbSIKICAgdmlld0JveD0iMCAwIDc2LjY5OTk5NyA0MC41IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcyNTI4IgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjAuMiAoMS4wLjIrcjc1KzEpIgogICBzb2RpcG9kaTpkb2NuYW1lPSJjbG91ZC1hcHBrZXktZXhwb3J0LnN2ZyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczI1MjIiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJiYXNlIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxLjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnpvb209IjEuOTc5ODk5IgogICAgIGlua3NjYXBlOmN4PSI1MzcuODE5MDYiCiAgICAgaW5rc2NhcGU6Y3k9IjM4Ni4zOTQyMiIKICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxIgogICAgIGlua3NjYXBlOmRvY3VtZW50LXJvdGF0aW9uPSIwIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjM4NDAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMjA1OSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjciCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgLz4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGEyNTI1Ij4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZwogICAgIGlua3NjYXBlOmxhYmVsPSJMYXllciAxIgogICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiCiAgICAgaWQ9ImxheWVyMSI+CiAgICA8cGF0aAogICAgICAgc3R5bGU9ImZpbGw6IzNhYTdkYjtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MC4xNzYxNjkiCiAgICAgICBkPSJNIDIwLjUxNTA3LDExLjEwNjg0NCBDIDEzLjM0NTY3MSw3LjExNDMyODkgMy45MzA3MjY1LDExLjcyODU4IDEuMTYyMTQ5MSwxOS40Mzc3NzggYyAtMi41Mjk2NzYzLDcuMDQzNDYzIDAuMzU4NjYyMiwxNS4wNjUwNTQgNi41MDA1NjA1LDE4Ljc1NzY2IDQuNjc4NTkyNCwyLjgxMjc3NCAxMC43NzAyNjU0LDEuODg4NTgzIDE1LjkzNjkyMDQsMS44ODg1ODMgaCAzMi4zODc5NTEgYyA0Ljc5NzE5MSwwIDExLjQ2MTczMSwxLjI3ODYyMyAxNS43NjU1NTksLTEuMzI4Nzg1IDUuMzAxODYyLC0zLjIxMTkzOSA2LjEwNjQyNCwtMTEuMjc5NTQ0IDEuMzcwOTE4LC0xNS40NTUxNTIgLTIuNTA0MTQ2LC0yLjIwODA3IC01LjE3MTI3NCwtMi4yNTkxMzggLTguMjI1NTA5LC0yLjIzMjMzIC0wLjA1MTEzLC02LjUzNzQ0MiAtNC41MzUxNywtMTEuOTU3MDc5OSAtMTAuNjI0NjEsLTEyLjk2MDI0MDEgLTEuMDc4MDY3LC0wLjE3NzY2MzIgLTIuMzQ5MjQsLTAuMTc3NjYzMiAtMy40MjczMDcsMCAtMC42MjU2NDMsMC4xMDMxMDUgLTEuNTgyNzE0LDAuNTQ3NDk4OSAtMi4xOTE3NDgsMC4yNDY4NTU0IEMgNDcuOTE4MTc3LDcuOTkwNTIxMSA0Ny40MTI0ODQsNi42NzE2OTg3IDQ2Ljg3NTQxOSw2LjAzNTg0MDEgNDUuNjA1MTA0LDQuNTMxNjE1MyA0NC4xNDk4NzQsMy4yMDg1MTk2IDQyLjQ0OTc2MSwyLjI3OTM5NjIgMzMuOTYxMDMyLC0yLjM1OTY4NzIgMjQuMTIxMjYyLDEuOTUyODAyNCAyMC41MTUwNywxMS4xMDY4NDQgWiIKICAgICAgIGlkPSJwYXRoMTUzNCIgLz4KICA8L2c+Cjwvc3ZnPgo=')
}
#Clouds span{
  position: relative;
  top: 50%;
  /*left: 20%;*/
  color: white !important;
  font-weight: bold;
}
/* ----------------------------------------------------------------
  @group GEARS
  @group GEARS
  @group GEARS
-----------------------------------------------------------------*/

.appkey-gears{
  width:48%;
  display: inline-block;
  z-index: 5;
}
.appkey-gears:first-child{
  margin-right: 3%;
}
.appkey-gears-container{
    width:150px; 
    height: 150px;
    font-size:24px;
    padding: 9%;
    position: relative; 
    margin: 0px auto;
}
@media (max-width: 992px) {
  .appkey-gears-container{
    width: 80px;
    height: 80px;
    /*border:1px solid red;*/
  }

}

.gear-rotate{
  width: 2em;
  height: 2em;
  top: 50%; 
  left: 80px; 
  margin-top: -1em;
  margin-left: -1em;
  background: #febd20;
  position: absolute;
  border-radius: 1em;
  -webkit-animation: 1s gear-rotate linear infinite;
  -moz-animation: 1s gear-rotate linear infinite;
  animation: 1s gear-rotate linear infinite;
}
.gear-rotate-left{
  margin-top: -2.2em;
  top: 50%;
  width: 2em;
  height: 2em;
  background: #febd20;
  position: absolute;
  border-radius: 1em;
  -webkit-animation: 1s gear-rotate-left linear infinite;
  -moz-animation: 1s gear-rotate-left linear infinite;
  animation: 1s gear-rotate-left linear infinite;
}

.gear-rotate::before, .gear-rotate-left::before {
  width: 2.8em;
  height: 2.8em;
  background: 
    -webkit-linear-gradient(0deg,transparent 39%,#febd20 39%,#febd20 61%, transparent 61%),
    -webkit-linear-gradient(60deg,transparent 42%,#febd20 42%,#febd20 58%, transparent 58%),
    -webkit-linear-gradient(120deg,transparent 42%,#febd20 42%,#febd20 58%, transparent 58%);
  background: 
    -moz-linear-gradient(0deg,transparent 39%,#febd20 39%,#47EC19 61%, transparent 61%),
    -moz-linear-gradient(60deg,transparent 42%,#febd20 42%,#febd20 58%, transparent 58%),
    -moz-linear-gradient(120deg,transparent 42%,#febd20 42%,#febd20 58%, transparent 58%);
  background: 
    -o-linear-gradient(0deg,transparent 39%,#febd20 39%,#febd20 61%, transparent 61%),
    -o-linear-gradient(60deg,transparent 42%,#febd20 42%,#febd20 58%, transparent 58%),
    -o-linear-gradient(120deg,transparent 42%,#47EC19 42%,#febd20 58%, transparent 58%);
  background: -ms-linear-gradient(0deg,transparent 39%,#febd20 39%,#febd20 61%, transparent 61%),-ms-linear-gradient(60deg,transparent 42%,#febd20 42%,#febd20 58%, transparent 58%),-ms-linear-gradient(120deg,transparent 42%,#febd20 42%,#febd20 58%, transparent 58%);
  background: 
      linear-gradient(0deg,transparent 39%,#febd20 39%,#febd20 61%, transparent 61%),
    linear-gradient(60deg,transparent 42%,#febd20 42%,#febd20 58%, transparent 58%),
    linear-gradient(120deg,transparent 42%,#febd20 42%,#febd20 58%, transparent 58%);
  position: absolute;
  content:"";
  top: -.4em;
  left: -.4em;
  border-radius:1.4em;
}
.gear-rotate::after, .gear-rotate-left::after {
  width: 1em;
  height: 1em;
  /*background: #2B2B2B;*/
  /*background: #0E1C58;*/
  background: #1D33B7;
  position: absolute;
  content:"";
  top: .5em;
  left: .5em;
  border-radius: .5em;
}

/*
 * Keyframe Animations 
 */ 

@-webkit-keyframes gear-rotate {
  0% { 
    -webkit-transform: rotate(0deg);
  }
  100% { 
    -webkit-transform: rotate(-180deg); 
  }
}

@-moz-keyframes gear-rotate {
  0% { 
    transform: rotate(0deg);
  }
  100% { 
    transform: rotate(-180deg); 
  }
}

@keyframes gear-rotate {
  0% { 
    transform: rotate(0deg); 
  }
  100% { 
    transform: rotate(-180deg); 
  }
}

@-webkit-keyframes gear-rotate-left {
 0% {
   -webkit-transform: rotate(30deg); 
  }
  100% {
    -webkit-transform: rotate(210deg);
  }
}

@-moz-keyframes gear-rotate-left {
 0% { 
   -webkit-transform: rotate(30deg); 
  }
  100% { 
    -webkit-transform: rotate(210deg);
  }
}

@keyframes gear-rotate-left {
 0% { 
   -webkit-transform: rotate(30deg); 
  }
  100% { 
    -webkit-transform: rotate(210deg);
  }
}