/*
Theme Name: Spanish Point
Author: Ana Villegas
Description: Global styles
Version: 0.1.2
*/

/*FONTS */
/*@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'open_sanslight';
  src: url('fonts/opensans-light-webfont.woff2') format('woff2'),
       url('fonts/opensans-light-webfont.woff') format('woff'),
       url('fonts/opensans-light-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansregular';
  src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
       url('fonts/opensans-regular-webfont.woff') format('woff'),
       url('fonts/opensans-regular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanssemibold';
  src: url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
       url('fonts/opensans-semibold-webfont.woff') format('woff'),
       url('fonts/opensans-semibold-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'inconsolatabold';
  src: url('fonts/inconsolata-bold-webfont.woff2') format('woff2'),
       url('fonts/inconsolata-bold-webfont.woff') format('woff'),
       url('fonts/inconsolata-bold-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'inconsolataregular';
  src: url('fonts/inconsolata-regular-webfont.woff2') format('woff2'),
       url('fonts/inconsolata-regular-webfont.woff') format('woff'),
       url('fonts/inconsolata-regular-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}*/
/*html, html a {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  }
* {
  box-sizing: border-box;
}*/
body{
 /*background-color: #fff;
  color: #333333;
  font-family: 'open_sansregular', sans-serif;
  font-size: .98rem;
  padding-top:110px;
  font-weight: normal;
  letter-spacing: 0.01rem;
  line-height: 1.65rem;
  -webkit-font-smoothing: antialiased !important;*/
}

/*GENERAL */
::-moz-selection { background:#65c36c; color: #fff; }
::selection { background:#65c36c; color: #fff; }
a{
  /*transition:all 0.25s ease;
  -webkit-transition:all 0.25s ease;
  -moz-transition:all 0.25s ease;*/
}
a.buttonDownload{  
  background: #4c83df;  
  color:#fff!important;
  width: auto;
  margin: 1rem o;
  min-width: 180px;
  display: inline-block;
  padding:.8rem 2rem;
  text-align: center;
  transition:all 0.25s ease;
  -webkit-transition:all 0.25s ease;
  -moz-transition:all 0.25s ease;
}
  a.buttonDownload:hover{
    background:#3f4043;
    color: #fff;
    text-decoration: none;
    border-radius:25px;
  }
  a.buttonDownload:active{
    color: #fff
  }
  a.buttonDownload.full{
    width: 100%;
  }
  a.viewAll{
    content: '';
    margin-left: 5px;
    width: auto;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
  }
    a.viewAll::after{

    }
    a.viewAll:hover{
      padding: 0 .3rem 0 0;
      text-decoration: none;
    }
      a.viewAll:hover::after{
        content: '→';
        margin-left: 5px;
        width: auto;
        opacity: 1;
      }

.top-buffer { margin-top:4rem; }
.bg-colorLight{
  /*background-color: #f5f5f5;*/
}
.bg-colorSP{
  /*background-color: #4c83df;
  color: #fff;*/
}
  .bg-colorSP a{
    /*color: #fff;
    text-decoration: underline;*/
  }
  .bg-colorSP .button:hover{
    color: #4c83df;
  }
.bg-dynamics{
 /*background-color: #001f53;
 color:#fff !important;*/
}
  .bg-dynamics a.button{
    color: #001f53;
  }
.bg-office{
 background-color: #eb3d01;
 /*color:#fff !important;*/
}
  .bg-office a.button{
    /*color: #eb3d01 !important;*/
  }
.bg-azure{
 /*background-color:#1a1a1a;
 color:#fff !important;*/
 /*background-color:#319ce3;*/
}
  .bg-azure a.button{
    /*background:#0078d7!important;
    color:#fff!important;*/
  }
.bg-sharepoint{
   /*background-color: #0072c6;
   color:#fff !important;*/
}
  .bg-sharepoint a.button{
    /*color: #0072c6;*/
  }
.bg-powerbi{
 /*background: #ecc20c !important ;
 color:#000 !important;*/
}
  .bg-powerbi h3{
    /*font-weight: 700;*/
  }
  .bg-powerbi a.button{
    /*background-color:#000!important;
    color: #fff !important;
    font-weight: normal;
  }
  .bg-powerbi a.button:hover{
    background-color:#000!important;*/
  }
.bg-powerapps{
 /*background:#742775 !important ;
 color:#fff !important;*/
}
  .bg-powerapps a.button{
    /*color: #742775!important;
  }
   .bg-powerapps a.button:hover{
    color: #742775!important;*/
  }

.bg-nintex{
  /*background-color:#f47920;
  color:#fff !important;
}
  .bg-nintex a.button{
    color:#f47920;*/
  }
.bg-musicSolutions{
  /*background-color:#5d2eab;*/
 /* background: rgba(94,46,171,1);
  background: -moz-linear-gradient(left, rgba(94,46,171,1) 28%, rgba(78,66,182,1) 52%, rgba(46,107,205,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(28%, rgba(94,46,171,1)), color-stop(52%, rgba(78,66,182,1)), color-stop(100%, rgba(46,107,205,1)));
  background: -webkit-linear-gradient(left, rgba(94,46,171,1) 28%, rgba(78,66,182,1) 52%, rgba(46,107,205,1) 100%);
  background: -o-linear-gradient(left, rgba(94,46,171,1) 28%, rgba(78,66,182,1) 52%, rgba(46,107,205,1) 100%);
  background: -ms-linear-gradient(left, rgba(94,46,171,1) 28%, rgba(78,66,182,1) 52%, rgba(46,107,205,1) 100%);
  background: linear-gradient(to right, rgba(94,46,171,1) 28%, rgba(78,66,182,1) 52%, rgba(46,107,205,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e2eab', endColorstr='#2e6bcd', GradientType=1 );

  color:#fff !important;*/
}
  .bg-musicSolutions a.button{
  }
a.button-light {
  display: inline-block;
  font-size: 1.3rem;
  padding: 0.85rem 1rem;
  margin-top: 1.5rem;
  background: #f7f7f7;
  cursor: pointer;
  min-width: 40%;
  text-align: center;
  width: auto;
}
a.button-light:hover{
  font-size: 1.45rem;
  text-decoration: none;
}
img{
  transition:all 0.4s ease;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  image-rendering: -webkit-optimize-contrast;
}
p{
  /*margin: 0 0 20px!important;*/
}
.video{
  margin: auto !important;
}
.video iframe {
  margin:2rem 0 0;
  width: 100%;
}
iframe {
  width: 100%;
}
blockquote{
  padding: 20px 20px !important;
  margin: 20px 0 20px !important;
  font-size: .95rem !important; 
  background:#f7f7f7 !important;
  line-height: 1.4rem !important;
}
  blockquote cite{
    font-size: .9rem;
    color:#4c83df;
  }
.video-full{
  /*margin: auto !important;*/
}
.video-full iframe {
  height: 570px;
  width: 100%;
}
.section-box.video iframe{
  margin: 0;
}
.boxShadow{
  box-shadow:0 4px 30px 0 rgba(0, 0, 0, 0.4), 0 5px 50px 0 rgba(0, 0, 0, .3); 
}
.container-full{
  /*margin-left: auto;
  margin-right: auto;
  padding-left:0;
  position: relative;
  width: 100%;*/
}
.container-fullBoxes{
  /*display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left:0;
  position: relative;
  width: 100%;*/
}
.section-box{
  /*margin: 3rem auto!important;*/
}
.container-fullBoxes.product-info .row{
  /*height: 100%; /*added*/
  /*display: flex;  
  flex-flow: row wrap;
  margin: 0;*/
}
.container-fullBoxes.product-info .row > *{
  /*flex: 1 50%;*/
}
.container-fullBoxes .each-col{
  /*min-height: 450px;
  background-size:cover;
  background-position: center;
  background-repeat: no-repeat;*/
}
.container-fullBoxes .each-col .content{
  padding: 3rem 4rem;
}
.container-fullBoxes.product-info .each-col p{
  /*margin-bottom: 2.5rem !important;*/
}
.container-fullBoxes.product-info .each-col p:last-of-type{
  margin-bottom: 0 !important;
}
.container-fullBoxes.product-info .each-col ul{
  margin: 1.5rem 0;
}
.promote-line{
  /*padding:3rem 0;*/
}
  .promote-line h3{
    /*font-family: 'open_sanslight', sans-serif;
    font-size:1.6rem;
    line-height:normal;
    margin-bottom: 1.3rem !important;*/
  }
  .promote-line a.button{
    /*border: none;
    border-radius: 0;
    padding:.8rem 2rem;
    min-width: 220px;
    text-align: center; */
  }
  .promote-line a.button:hover{
    
  }

  /* Tablet */ 
@media (max-width: 768px){
  .top-buffer { margin-top:.5rem; }
  .section-box{
    margin: 2rem auto!important;
  }
 .container-fullBoxes.product-info .row > *{
  /*flex: 1 100%;*/
}
  .container-fullBoxes .each-col{
    /*min-height: auto;
    padding: 2rem 15px;*/
  }
  .container-fullBoxes .each-col.textBox{
    height: auto;
    min-height: auto;
  }
  .container-fullBoxes .each-col.photoBox{
    min-height:280px;
  }
  .container-fullBoxes .each-col .content{
    padding: 0;
  }
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px){
  .promote-line h3{
   font-size: 1.3rem;
    line-height: 1.8rem;
  }
}

/*NAV BAR */
.navbar-toggler {
    /*z-index: 1;*/
}    
@media (max-width: 576px) {
  /*nav > .container {
      width: 100%;
  }*/
}

.navbar-toggle{
  /*background-color:#ffffff!important;
  background-image: url("images/icon-menu.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% auto;*/
}
.navbar-toggle[aria-expanded="false"]{
  /*background-image: url("images/icon-menu@2x.png");*/
}
.navbar-toggle[aria-expanded="true"]{
  /*background-image: url("images/icon-close.png");
  background-size: 55% auto;*/
}
.navbar-toggleable-md{
  /*z-index: 88888;*/
}
.navbar-brand{
  /*height: auto !important;
  width:215px !important;
  padding:0 !important;*/
}
  .navbar-brand img{
    /*display: block;
    width: 100%;*/
  }

/*TOP BAR*/
.contact-top{
  /*background: #4c83df;*/
  /*background-color: #4ca3df;
  display: flex;
  color: #fff;
  font-size: 0.88rem;
  height: auto;
  justify-content: space-between;
  min-height: 40px;
  padding:0.2rem 2.5rem 0.2rem;
  text-align:right;
  z-index: 88889!important;*/
  
}
  .contact-top .alignRight{
    /*margin-left: auto;
    text-align: right;*/

  }
  .contact-top div ul{
    /*border-right: 1px solid #fff;
      display: inline;
      margin: 0;
      padding:2px 15px;*/
  }
  .contact-top div ul:last-child{
    /*border: none;
    padding: 2px 0 2px 15px;*/

  }
  .contact-top div ul li{
    /*display: inline-block;*/
  } 
    .contact-top div ul li a{
      /*color: rgba(255, 255, 255, 1);
      display:inline-block;
      text-decoration: none;*/
    }
    .contact-top div ul li a:hover{
      color: rgba(255, 255, 255, .6);
      
    }
    .contact-top div ul li img{
      padding: 0 0 5px;
      width: 18px;
    }
    .contact-top div ul li a:hover img{
      opacity: .6;
    }
    .contact-top div ul.social{
      /* margin: -5px 0 !important;*/
    }
    .contact-top div ul.social li a img{
      padding: 0 0 4px;
    }
  .contact-top div ul.social li{
    line-height: 2rem;
    padding: 0 10px;
    width: auto;

  }
  .contact-top div ul.social li a{
    display: block;
    margin: 0;
  }
  .contact-top div ul.social li a img{
    width:26px;
  }
  .contact-top .promoteTxt{
    /*font-size: .95rem;
    margin-top:2px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
  }
    .contact-top .promoteTxt a{
      /*border-bottom: 2px solid #fff;
      padding: 2px 4px 0;*/
    }
  .contact-top a{
    color: #fff;
  }
  .contact-top .promoteTxt p{
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0!important;
    line-height: 1.5rem;*/
  }
  .contact-top a:hover, .contact-top a:focus{
    color: rgba(255, 255, 255, .7);
    text-decoration: none;
  }
.top-bar{
  /*background: #fff;
  color:#3f4043;
  margin: 0 !important;
  min-height: 70px !important;
  padding:.6rem 2.5rem!important;
  top:40px !important;
  -webkit-box-shadow: 0px 5px 15px -4px rgba(0,0,0,0.38);
  -moz-box-shadow: 0px 5px 15px -4px rgba(0,0,0,0.38);
  box-shadow: 0px 5px 15px -4px rgba(0,0,0,0.38);*/
}
#menutop{
  /*margin-top: 10px;*/
}
/*HOME CAROUSEL*/
/*.hm-slider{
  position: relative;
}
.hm-slider .carousel{
   margin: 0;
}
.carousel-item {
    height: 80vh;
    min-height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
   /* Temporary fix for img-fluid sizing within the carousel */
    /*
    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block;
    }
.portfolio-item {
    margin-bottom: 30px;
}*/
/*HERO*/
.hero-homepage{
  /*height:720px;
  width: 100%;
  display: inline-table;*/
}
  .hero-homepage .big-tile{
    /*background-color: #ccc;
    height: inherit;
    position: relative;
    width: 60%;
    display: table-cell;
    vertical-align: top;*/
  }
  .hero-homepage .big-tile a{
    /*color: #fff;
    display: block;
    height: inherit;
    position: relative;*/
    
  }
  .hero-homepage .small-tiles{
    /*background-color: #333;
    height: inherit;
    position: relative;
    width: 40%;
    display: table-cell;
    vertical-align: top;   */ 
  }
  .hero-homepage .small-tiles a{
    /*color: #fff;
    width: 100%;
    height: 50%;
    display: block;
    position: relative;*/
  }
.hero-homepage a{
  /*background-color: #4c83df;
  background-size:cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  transition: all .5s;
  text-shadow: 0px 1px 3px rgba(30, 30, 30, 0.73);*/
}

.hero-homepage a:hover,
.hero-homepage a:focus{
  /*text-decoration: none;*/
}
.hero-homepage a:visited{
  /*color: #fff;*/
}
.hero-homepage a:after{
 /* content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #2e2e2e;
  transition: all .5s;
  -webkit-transition: all .5s;
  opacity: 1;
background: -moz-linear-gradient(left, rgba(33,33,33,0.65) 0%, rgba(33,33,33,0.42) 36%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(left, rgba(33,33,33,0.65) 0%,rgba(33,33,33,0.42) 36%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to right, rgba(33,33,33,0.65) 0%,rgba(33,33,33,0.42) 36%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6212121', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.hero-homepage a:hover:after{
  /*opacity:.4;*/
}
.hero-homepage div.text{
  /*position: absolute;
  top: 44%;
  left: 5%;
  max-width:75%;
  z-index: 2;
  transition: all .5s;
  -webkit-transition: all .5s;*/
}
.hero-homepage a:hover div.text{
  /*top: 40%;*/
}

.hero-homepage div.text h3{
  /*font-family: 'open_sansbold', sans-serif;*/
  /*font-size: 1.8rem;*/
  /*margin: 0 0 1.5rem 0;
  line-height: 2rem;
  display: block;*/
}
.hero-homepage div.text p.action{
  /*font-family: 'open_sanslight', sans-serif;
  /*font-size: 1.2rem;*/
  /*border: 1px solid;
  display: inline-block;
  padding: .5rem 1rem;
  transition:all 0.25s ease;
  -webkit-transition:all 0.25s ease;
  -moz-transition:all 0.25s ease;*/

}
.hero-homepage div.text p.action:hover{
  /*padding: .5rem 1rem .5rem 1.8rem;*/

}
@media only screen and (max-width :1024px){
  /*.hero-homepage{
    height: 550px;
  }
  .hero-homepage div.text{
    top: 35%;
  }
  .hero-homepage a:hover div.text{
    top: 30%;
  }
  .hero-homepage div.text h3{
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  .hero-homepage div.text p.action{
    font-size: 1rem;
  }*/
}
/* Tablets */ 
@media only screen and (max-width : 768px) {
  /*.hero-homepage{
    height: auto;
  }
  .hero-homepage .big-tile {
    height: auto;
    width: 100%;
    display: block;
  }
    .hero-homepage .big-tile a{
      height:auto;
      min-height: 220px;
    }
  .hero-homepage .small-tiles{
    width: 100%;
    display: block;
  }
    .hero-homepage .small-tiles a{
      height:auto;
      min-height:220px 
    }
  .hero-homepage div.text{
    bottom: 0;
    padding:2.5rem 0 0;
    position: relative;
    top: 0;
  }
  .hero-homepage a:hover div.text{
      top: 0%;
    }
  .hero-homepage div.text h3{
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  .hero-homepage a:after{
    opacity: 1;
  }
*/
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px){
    /*.hero-homepage div.text {
      padding: 1.5rem 0;
      position: relative!important;
      display: block;
     
    }
    .hero-homepage a:hover div.text{
      top: 0%;
    }
    .hero-homepage div.text p.action{
      font-size: .85rem;
    }*/
}
/*  .HERO END*/

/* MENU */
#cssmenu {
  /*float: right;
  padding:0;
  border: 0;
  width: auto;*/
}
#cssmenu ul,
#cssmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 597;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  padding: 0 15px;

  vertical-align: middle;
}
#cssmenu > ul > li:last-child{
  padding: 0 0 0 10px;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: 0;
  left: 209px;
  width: 220px;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {
  bottom: 0;
  left: 0;
}
#cssmenu ul ul {
  margin-top: 0;
}
#cssmenu ul ul li {
  font-weight: normal;
}
#cssmenu a {
  display: block;
  line-height: 1em;
  text-decoration: none;
}
/* Custom CSS Styles */
#cssmenu {
  background: #fff;
  /*font-size:.95rem;*/
}
#cssmenu > ul {
  display: inline-block;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}

#cssmenu ul ul {
  text-transform: none;
  min-width: 210px;
}
#cssmenu ul ul a {
  background: #fff;
  color: #3f4043;
  border: 1px solid #eee;
  border-top: 0 none;
  font-size: 1rem;
  line-height: 120%;
  padding: 16px 25px 16px 15px;
  transition:visibility 0s ease;
  -webkit-transition:all 0s ease;
  -moz-transition:all 0s ease;
}
#cssmenu ul ul ul {
  border-top: 0 none;
}
#cssmenu ul ul li {
  position: relative;
  padding: 0;
}
#cssmenu ul ul li:first-child > a {
  border-top: 1px solid #eee;
}
#cssmenu ul ul li:hover > a {
  background: #fff;
  color: #4ca3df;
}
#cssmenu ul ul li:last-child > a {
 /*moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;*/
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*oz-box-shadow: 0 1px 0 #1b9bff;
  -webkit-box-shadow: 0 1px 0 #1b9bff;
  box-shadow: 0 1px 0 #1b9bff;*/
}
#cssmenu ul ul li:last-child:hover > a {

  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu ul ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right:28px;
  margin-top: -8px;
}
#cssmenu ul li:hover > a,
#cssmenu ul li.active > a {
  color: #4ca3df;
}
#cssmenu ul li.has-sub > a:after {
  content: '+';
  margin-left: 5px;
}
#cssmenu ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
#cssmenu a {
  background: #fff;
  color: #3f4043;
  padding: 0;
  
}
#cssmenu > ul > li > a {
  /*font-size:1em;*/
  letter-spacing: 0.03rem;
  line-height: 40px;

}

/* home line awards */
.line-awards{
  display: block;
  height: 140px;
  /*margin: 0 0 6rem;*/
  padding:1rem;
  width: 100%;
}
  .line-awards div{
    display: inline-block;
    height: 140px;
    position: relative;
    text-align: center;
  }
  .line-awards div a img{
    bottom: 0;
    left: 0;
    margin: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: auto;
    transition: all 0.5s ease;
    /*-webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     filter: grayscale(100%);*/
   
  }
  .line-awards div a:hover img{
    /*transition: all 0.5s ease;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);*/
  }
/*home line SOLUTIONS */
.offset:before { 
  display: block; 
  content: " "; 
    height: 220px;      /* Give height of your fixed element */
    margin-top: -150px; /* Give negative margin of your fixed element */    
    visibility: hidden; 
}
.line-solutions{
  /*margin-bottom: 2rem; */
  text-align: center;
}
.line-solutions h2{
  /*font-family: 'open_sansbold', sans-serif;
  /*font-size: 2.5rem; */
 /* margin: 2rem 0!important;
  text-align: center;*/
}
.line-solutions p{
  font-size: 18px;
  margin: 0 auto 3rem;
  text-align: center;
}
.line-solutions > div > a > img{
  margin: auto;
  padding: 1rem 1.2rem;
  max-width:80%;
   transition:all 0.4s ease;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
}
.line-solutions > div > a:hover > img{
  max-width:90%;
}
.line-solutions a{
  color: #3f4043;
  letter-spacing: 0;

}
.line-solutions a:hover{
  text-decoration: none;
}
.line-solutions a:hover h3{
  text-decoration: none!important;
  color:#4ca3df;
}
.line-solutions  a h3 img.icon-arrowgreen{
  height: 20px;
  padding:0 0 0.2rem 0.5rem;
  -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     filter: grayscale(100%);
}
.line-solutions a:hover h3 img.icon-arrowgreen{
  padding:0 0 0.2rem 0.8rem;
  transition: all 0.5s ease;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
} 
.line-solutions  a h3{
  font-size: 1.07rem;
  margin: 0 0 3.4rem;
  padding: 15px 0 10px;
  text-align: center;
  transition: all 0.3s ease;
}
.col-centered {
    display: inline-block;
    float: none!important;
    margin-right: -4px;
    text-align: left;
}
/*  ./home line SOLUTIONS */
/* HOME Line EVENTS*/
.line-events{
     margin: 2rem 0;
}
.line-events h2{
  font-family: 'open_sansbold', sans-serif;
  font-size: 2.5rem;
  margin: 2rem 0 2rem!important;
  text-align: center;
}
/* ./HOME Line EVENTS*/
/* home line NEWS */ 
.line-new{

}
.line-news h2{
  /*font-family: 'open_sansbold', sans-serif;
  font-size: 2.5rem;
  margin: 2rem 0!important;
  text-align: center;*/
}
  .line-news  div{
    /*height:400px;*/

  }
  /*.line-news div.each-new:nth-of-type(1){
    background-color:#6e91a8;
  }
  .line-news div.each-new:nth-of-type(2){
    background-color: #4c83df;
    margin: 0;
  }
   .line-news div.each-new:nth-of-type(3){
    background-color: #3f4043;
    margin: 0;
  }*/
  .line-news div a.bg-image{
    background-position:top center;
    background-repeat: no-repeat;
    background-size:cover;
    background-color: #555;
    display: block;
    height:200px;
    left: 0;
    opacity: .9;
    position: relative;
    right: 0;
    width: 100%;
    z-index: 0;
    transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -ms-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    
    /*-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    /*filter: grayscale(100%);*/
  }
  .line-news div a.bg-image:hover{
    opacity: 1;
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  .line-news div span{
    /*bottom: 0;
    color: #fff;
    display: block;
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin: 0 0 20px 0;
    position: relative;
    text-align: left;
    width:100%;
    z-index: 2;
    background-color: #eee;
    display: block;
    height: 150px;
    padding: 15px 0;*/
  }
  .line-news div span a{
   color: #555;
   text-decoration: none;
  }
  .line-news div span a.title{
    color: #555;
    font-size: 1.25rem;
    font-family: 'open_sansbold', sans-serif;
    height: 50px;
    line-height:25px;
    margin: 0 0 .5rem 0;
    text-decoration: none;
    display: block;
    overflow: hidden;
    /*text-overflow: ellipsis;
    white-space: nowrap; */

  }
  .line-news div span a.btn-more{
    background-color: transparent;
    display: inline-block;
    font-size: 1.1rem;
    font-family: "inconsolataregular",sans-serif !important;
    font-weight: normal;
    margin: 0;
    padding:0 1rem 0 0;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
   .line-news div span a.btn-more:after{
      content: '';
      margin-left: 5px;
      width: auto;
      opacity:0;
      -moz-transition: all 0.6s;
      -webkit-transition: all 0.6s;
      transition: all 0.6s;
  }
  .line-news div span a.btn-more:hover{
    padding:0 1rem 0 .3rem;
    color: #65c36c;
  }
  .line-news div span a.btn-more:hover:after{
      content: '→';
      margin-left: 5px;
      width: auto;
      opacity:1;
  }
  /*.line-news div.each-new:nth-of-type(1) span a.btn-more:hover{
    color: #6e91a8;
  }
  .line-news div.each-new:nth-of-type(2) span a.btn-more:hover{
    color: #4c83df;
  }
  .line-news div.each-new:nth-of-type(3) span a.btn-more:hover{
    color:#3f4043;
  }*/
  @media only screen and (max-width :  992px){
    .line-news div{
      height: auto;
    }
    .line-news div a.bg-image{
      height: 250px;
      opacity: 1;
    }
    .line-news div span{
      height: auto;
    }
    .line-news div span a.btn-more{
      color: #65c36c;
    }
    .line-news div span a.btn-more:after{
      content: '→';
      margin-left: 5px;
      width: auto;
      opacity:1;
    }
    @media only screen and (max-width : 480px){
      .line-news div a.bg-image{
        height: 180px;
      }
    }
  }
/* ./home line NEWS */ 

/*PAGES */
.titles{
  /*display: block;
  height: auto;
  min-height: 250px;
  margin:0;
  padding:6rem 1.5rem .5rem 2rem;
  position: relative;
  text-align: center;
  width: 100%;*/
}
  .titles.events{
    /*background-color:#3d3d3d;*/
    /*background: rgba(101,195,107,1);
    background: -moz-linear-gradient(left, rgba(101,195,107,1) 0%, rgba(101,195,107,1) 22%, rgba(77,132,220,1) 98%, rgba(76,130,223,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(101,195,107,1)), color-stop(22%, rgba(101,195,107,1)), color-stop(98%, rgba(77,132,220,1)), color-stop(100%, rgba(76,130,223,1)));
    background: -webkit-linear-gradient(left, rgba(101,195,107,1) 0%, rgba(101,195,107,1) 22%, rgba(77,132,220,1) 98%, rgba(76,130,223,1) 100%);
    background: -o-linear-gradient(left, rgba(101,195,107,1) 0%, rgba(101,195,107,1) 22%, rgba(77,132,220,1) 98%, rgba(76,130,223,1) 100%);
    background: -ms-linear-gradient(left, rgba(101,195,107,1) 0%, rgba(101,195,107,1) 22%, rgba(77,132,220,1) 98%, rgba(76,130,223,1) 100%);
    background: linear-gradient(to right, rgba(101,195,107,1) 0%, rgba(101,195,107,1) 22%, rgba(77,132,220,1) 98%, rgba(76,130,223,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65c36b', endColorstr='#4c82df', GradientType=1 );*/

    color:#fff;
  }
  .titles.events a{
    color: #fff;
  }
  .titles.spanishpoint{
    /*background-color:#4c83df ;*/
    /*background: rgba(77,114,224,1);
    background: -moz-linear-gradient(45deg, rgba(77,114,224,1) 0%, rgba(77,114,224,1) 16%, rgba(156,221,247,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(77,114,224,1)), color-stop(16%, rgba(77,114,224,1)), color-stop(100%, rgba(156,221,247,1)));
    background: -webkit-linear-gradient(45deg, rgba(77,114,224,1) 0%, rgba(77,114,224,1) 16%, rgba(156,221,247,1) 100%);
    background: -o-linear-gradient(45deg, rgba(77,114,224,1) 0%, rgba(77,114,224,1) 16%, rgba(156,221,247,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(77,114,224,1) 0%, rgba(77,114,224,1) 16%, rgba(156,221,247,1) 100%);
    background: linear-gradient(45deg, rgba(77,114,224,1) 0%, rgba(77,114,224,1) 16%, rgba(156,221,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d72e0', endColorstr='#9cddf7', GradientType=1 );

    color:#fff;*/
  }
  .titles.customer{
    /*background-color: #f7f7f7;*/
   /* background: rgba(76,130,223,1);
    background: -moz-linear-gradient(left, rgba(76,130,223,1) 0%, rgba(76,130,223,1) 8%, rgba(101,195,107,1) 98%, rgba(101,195,107,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76,130,223,1)), color-stop(8%, rgba(76,130,223,1)), color-stop(98%, rgba(101,195,107,1)), color-stop(100%, rgba(101,195,107,1)));
    background: -webkit-linear-gradient(left, rgba(76,130,223,1) 0%, rgba(76,130,223,1) 8%, rgba(101,195,107,1) 98%, rgba(101,195,107,1) 100%);
    background: -o-linear-gradient(left, rgba(76,130,223,1) 0%, rgba(76,130,223,1) 8%, rgba(101,195,107,1) 98%, rgba(101,195,107,1) 100%);
    background: -ms-linear-gradient(left, rgba(76,130,223,1) 0%, rgba(76,130,223,1) 8%, rgba(101,195,107,1) 98%, rgba(101,195,107,1) 100%);
    background: linear-gradient(to right, rgba(76,130,223,1) 0%, rgba(76,130,223,1) 8%, rgba(101,195,107,1) 98%, rgba(101,195,107,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c82df', endColorstr='#65c36b', GradientType=1 );
      color:#fff;*/
  }
  .titles.customersingle{
    color: #4c83df ;
    height: auto;
    margin: 0;
  }
  .titles.solutions{
  /*background-color: #6e91a8;*/
  /*background: rgba(47,150,218,1);
  background: -moz-linear-gradient(left, rgba(47,150,218,1) 0%, rgba(47,150,218,1) 26%, rgba(113,207,244,1) 92%, rgba(113,207,244,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(47,150,218,1)), color-stop(26%, rgba(47,150,218,1)), color-stop(92%, rgba(113,207,244,1)), color-stop(100%, rgba(113,207,244,1)));
  background: -webkit-linear-gradient(left, rgba(47,150,218,1) 0%, rgba(47,150,218,1) 26%, rgba(113,207,244,1) 92%, rgba(113,207,244,1) 100%);
  background: -o-linear-gradient(left, rgba(47,150,218,1) 0%, rgba(47,150,218,1) 26%, rgba(113,207,244,1) 92%, rgba(113,207,244,1) 100%);
  background: -ms-linear-gradient(left, rgba(47,150,218,1) 0%, rgba(47,150,218,1) 26%, rgba(113,207,244,1) 92%, rgba(113,207,244,1) 100%);
  background: linear-gradient(to right, rgba(47,150,218,1) 0%, rgba(47,150,218,1) 26%, rgba(113,207,244,1) 92%, rgba(113,207,244,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f96da', endColorstr='#71cff4', GradientType=1 );
    color:#fff;*/
  }
  .titles.news{
    /*text-align: left;
    background-color:#4ca3df;
    color:#fff;
    min-height:380px;
    padding:6.5rem 0 6rem;*/
    /*background-color:#65c36c;*/
    /*background: rgba(101,195,107,1);
    background: -moz-linear-gradient(left, rgba(101,195,107,1) 0%, rgba(101,195,107,1) 22%, rgba(77,132,220,1) 98%, rgba(76,130,223,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(101,195,107,1)), color-stop(22%, rgba(101,195,107,1)), color-stop(98%, rgba(77,132,220,1)), color-stop(100%, rgba(76,130,223,1)));
    background: -webkit-linear-gradient(left, rgba(101,195,107,1) 0%, rgba(101,195,107,1) 22%, rgba(77,132,220,1) 98%, rgba(76,130,223,1) 100%);
    background: -o-linear-gradient(left, rgba(101,195,107,1) 0%, rgba(101,195,107,1) 22%, rgba(77,132,220,1) 98%, rgba(76,130,223,1) 100%);
    background: -ms-linear-gradient(left, rgba(101,195,107,1) 0%, rgba(101,195,107,1) 22%, rgba(77,132,220,1) 98%, rgba(76,130,223,1) 100%);
    background: linear-gradient(to right, rgba(101,195,107,1) 0%, rgba(101,195,107,1) 22%, rgba(77,132,220,1) 98%, rgba(76,130,223,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65c36b', endColorstr='#4c82df', GradientType=1 );
    */
  }
    /*.titles.careers{
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      min-height: 400px;
      height: auto;
      background-attachment: fixed;
      color: #ffffff;
    }*/
    .dark-overlay{
      background-color:#000000;
      bottom: 0;
      height: 100%;
      margin: auto;
      left: 0;
      opacity: 0.50;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
    }
   .titles.news a{
    /*color: #fff;*/
   }
  .titles.spanishpoint a{
    color: #fff;
  }
  .titles .content{
    position: relative;
  }
  .titles h1{
    /*font-family:'open_sansbold', sans-serif;
    font-size:2.3rem;
    margin: 0.5rem auto .5rem;
    max-width:1280px; 
   /* text-align: left;*/

  }
  .titles h2{
    /*font-family: 'open_sanslight', sans-serif;
    font-size: 1.5rem;
    margin:0 0 1rem 0;
    padding: 0;
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
  }
  .titles h2 a{
    /*color: #fff;
    text-decoration: none;*/
  }
  .titles .details{
    /*margin-top: .85rem;
    opacity: 0.70;
    filter: alpha(opacity=50); /* For IE8 and earlier */
  }
  .each-col{
    display: inline-block;
    /*margin: 1.5rem auto;*/
    position: relative;
}
  .each-col h3{
    margin: 0 0 .3rem;
  }
  .product-points .each-col span{
    /*color: #65c36c;*/
    /*display: block;
    font-family: 'inconsolatabold', 'open_sanssemibold', sans-serif;
    font-size: 1.6rem;
    line-height:2rem;
    margin: 0 0 1.2rem;*/
  }
  .each-col p{
    margin: 0 0 1.2rem;
  }
  .each-col p:last-of-type{
    margin: 0 !important;
  }
  .each-col img{
    /*margin:.2rem auto 1rem;
    text-align: center;
    max-width: 100%;
    height: auto;*/
  }
   .each-col p img{
    margin:.2rem auto 0;
    max-width: 100%;
    height: auto;
  }
  .each-col p.bigtext{
    font-size: 1.15rem;   
  }
/*  .PAGES */

/*  SIDEBAR */
.sidebar-content{
  border-bottom: 1px solid #eee;
  margin: 0 0 3rem;
  padding: 0 0 3rem;
}
.sidebar-content h2{
  font-size: 1.75rem;
  margin:0 0 1rem;
}
.sidebar-content:last-child{
  border-bottom: none;
  margin: 0 0 1rem;
  padding: 0 0 1rem;
}
.widgets-box{
  padding: 0 0 0 2.5rem !important;
}
.default-page{
  margin: 2rem 0 1rem;

}
/* ./ SIDEBAR */
.legal{
  margin: 2rem 0 4rem;
}
.legal h1{
  font-size: 1.8rem;
  line-height: 2rem;
  margin-bottom:2rem;
  font-family: 'open_sansbold', sans-serif;
}
.legal h2{
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.background-row{
  height: auto;
  color: #fff;
  margin: 2.5rem 0;
  padding: 5.5rem 0;
}
.background-row.color-default{
  /*background-color:#65c36c;*/
    background: rgba(101,195,107,1);
background: -moz-linear-gradient(left, rgba(101,195,107,1) 0%, rgba(101,195,107,1) 22%, rgba(77,132,220,1) 98%, rgba(76,130,223,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(101,195,107,1)), color-stop(22%, rgba(101,195,107,1)), color-stop(98%, rgba(77,132,220,1)), color-stop(100%, rgba(76,130,223,1)));
background: -webkit-linear-gradient(left, rgba(101,195,107,1) 0%, rgba(101,195,107,1) 22%, rgba(77,132,220,1) 98%, rgba(76,130,223,1) 100%);
background: -o-linear-gradient(left, rgba(101,195,107,1) 0%, rgba(101,195,107,1) 22%, rgba(77,132,220,1) 98%, rgba(76,130,223,1) 100%);
background: -ms-linear-gradient(left, rgba(101,195,107,1) 0%, rgba(101,195,107,1) 22%, rgba(77,132,220,1) 98%, rgba(76,130,223,1) 100%);
background: linear-gradient(to right, rgba(101,195,107,1) 0%, rgba(101,195,107,1) 22%, rgba(77,132,220,1) 98%, rgba(76,130,223,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65c36b', endColorstr='#4c82df', GradientType=1 );
  }
  .background-row.color-dark{
     background-color:#000;
  }
   .background-row.color-light{
     background-color:#4ca3df;
  }
  .background-row .bg-image{
    filter:alpha(opacity=2); /* IE */
    -moz-opacity:0.2; /* Mozilla */
     opacity: 0.2; /* CSS3 */
    background-attachment: fixed;
    background-size: cover;
    position: absolute;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
  }
.background-row.text p{
  font-size: 1.25rem;
}
.background-row.no-text{
   height: 550px;
}
.background-row.no-text .bg-image{
  filter:alpha(opacity=1); /* IE */
  -moz-opacity:1; /* Mozilla */
   opacity: 1; /* CSS3 */
}
.background-row h3{
   font-family:'inconsolatabold', 'open_sanssemibold', sans-serif;
  font-size:2rem;
  margin-bottom: 1.2rem;
}
.background-row p{
  margin-bottom: 1.2rem;
  letter-spacing: 1px;
  text-align: left;
  -webkit-font-smoothing: antialiased !important;
}
.background-row p a{
  color:#fff;
  font-weight:600;
  text-decoration: none;
}
.background-row p a:hover{
  color: #fff;
  border-bottom:solid 1px #fff;
  text-decoration: none;
}
.background-row p a:focus{
  color: #fff;
  text-decoration: none;

}
.background-row p a:active{
  color: #fff;
  text-decoration: none;
}
.background-row ul li{
  font-family:'inconsolataregular', open_sansregular;
  font-size: 1.4rem;
  margin: 0 0 .5rem;
}
/*  .SIDEBAR */


/* 404 not found & Thank you pages*/
.notfound{
   margin: 3rem 0 1rem;
   text-align: center;
}
  .notfound img{
    max-width: 100%;
  }
  .notfound h2{
    font-family: 'open_sansbold', sans-serif;
    font-size: 3.2rem;
    margin: .5rem auto .5rem;
  }
  .notfound h4{
    font-family: 'open_sansbold', sans-serif;
    font-size: 2rem;
    margin: 1rem auto 1rem;   
  }
  .notfound p{
    font-size: 1.35rem;
    line-height: normal;
  }
  .notfound .links{
     margin:2.5rem auto 0;
  }
  .notfound .links .icon-404{
    margin: 0 auto 1.8rem;
  }
  .notfound .links .icon-404 a{
    color: #555555;  
  }
  .notfound .links .icon-404 a:hover{
    color: #65c36c;
    text-decoration: none; 
  }
  .notfound .links .icon-404 a img{
    display: block;
    max-width:100%;
    margin: 0 auto 1.5rem;
  }
/* 404 not found*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  /* MENU */
    .navbar-brand{
      width: 180px!important;
    }
    .top-bar{
      padding: 0.6rem 2.5rem 0.6rem 1.5rem!important;
    }
    #cssmenu ul li{
       padding: 0 10px;
    }
    #cssmenu > ul > li > a{
      font-size: .93rem;
    }
}

/*NAV MENU*/

/* Medium Devices, Desktops */
@media only screen and (max-width : 1100px) {
/*MENU */
  .contact-top div{
    /*text-align: center;*/
  }
  .top-bar{
     /* padding: 0.6rem 1.5rem!important;
      overflow-y: auto;
     max-height: 100%;*/
    }
  /* nav bar responsive expanded */
  .navbar-collapse.collapse {
    display: none;
  }
  #cssmenu{
    padding-bottom: .5rem;
    width: 100%;

  }
  #cssmenu > ul{
    padding: 1.5rem 0 1.5rem 0;
  }
  #cssmenu ul li{
    display: block;
    padding: 0;
    width: 100%!important;
  }
  #cssmenu > ul > li:last-child {
    padding: 0 10px;
  }
  #cssmenu > ul > li > a{
    font-size: 1.2rem;
    line-height: 50px;
  }
   #cssmenu ul li.has-sub > a:after {
    content: '';
    margin-left: 5px;
  }
  #cssmenu ul ul{
    left: 20px;
    position: relative;
    visibility: visible;
  }
  #cssmenu ul ul li:first-child > a{
    border-top: none;
  }
  /*#cssmenu ul ul li:last-child > a{
    border-bottom:1px solid #eee
  }*/
  #cssmenu ul ul a{
    border: none;
    font-size: 1rem;
    padding: 16px 0 16px 0;
  }
  #cssmenu ul ul ul{
    left:5%;
    width:90%;
  }
   #cssmenu ul ul ul a{
    font-size: .96rem;
   }
  #cssmenu ul ul li.has-sub > a::after{
    visibility: hidden;
  }
  /*line awards */
  .line-awards{
    display: none;
  }
}
@media only screen and (max-width : 1024px){
    .each-col img{
      margin:1rem auto 1.5rem;
    }
    /*PAGES */
    .titles h1{
      font-size: 2rem;
    }
    .titles.news{
      padding: 3rem 0;
      min-height:300px;
    }
    .notfound h2{
      font-size: 2.5rem;
    }
    .notfound h4{
      font-size:1.8rem;
    }
    .notfound p{
      font-size: 1.4rem;
    }
    /*.contact-top .promoteTxt{
      font-size: .9rem;
    }
    .contact-top div ul.social{
      display: none;
    }
    .contact-top{
      padding: .2rem .5rem;
    }*/
}
@media only screen and (max-width : 834px){
  body{
    padding-top: 134px;
  }
  /*header */
  .contact-top{
    /*flex-direction: column;
    height: 70px;
    max-height: 70px;*/
  }
  .contact-top .promoteTxt{
    /*max-height: 70px;
    margin:0 auto 5px;
    text-align: center;
    width: 90%;*/
  }
  .contact-top .promoteTxt a{
      /*border-bottom:1px solid #fff;*/
    }
  .contact-top .alignRight{
    /*text-align: center;
    margin: auto;
  }
  .top-bar{
    top: 70px !important;*/
  }
  /* ./header */
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  body{
    font-size: 1rem;
    letter-spacing:0.02rem;
    line-height: 1.7;
  }
  .video-full iframe {
    height:450px;
  }
  /*TOP BAR*/
  .contact-top{
    /*padding:0.33rem 0 0.3rem;*/
  }
  .contact-top div ul{
    padding: 2px 7px;
  }
  /*.contact-top div ul.social{
    display: none;
  }*/
  .contact-top div ul:last-child{
    /*padding: 2px 7px;*/
  }
/* line SOLUTIONS */
  .line-solutions p{
    font-size: 16px
  }
  .line-solutions a h3 {
    font-size: 1.25rem;
  }
  .line-solutions a h3 img.icon-arrowgreen{
    height: 20px;
  }
  /*PAGES */
  .titles{
    height: auto;
    min-height:100px;
    padding:3rem 2rem 3rem 2rem;
  }
  .titles.news{
    min-height: auto;
  }
    .titles h2{
      font-size: 1.3rem;
    }
    .titles h1{
      font-size: 2rem;
    }
  .legal h1{
    font-size: 1.3rem;
  }
  .legal h2{
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
 /* Backgound FULL widt ROWS */
  .background-row.no-text{
    height: 350px;
  }
  .background-row.no-text .bg-image{
    background-attachment: inherit;
    background-size: 100%;
  }
  .background-row p{
    font-size: 1rem;
  }
  .background-row ul li{
    font-size: 1.1rem;
    margin: 0 0 .5rem;
  }

}/* END max-width :768 */

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px){
  .notfound{
    margin: 0 0 1rem;
  }
  .notfound h2{
      font-size:1.8rem;
    }
  .notfound h4{
      font-size:1.4rem;
      letter-spacing:0;
    }
  .notfound p{
      font-size: 1.2rem;
    }
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
  .video-full iframe {
    height:300px;
  }
  .top-bar{
    padding: 0.6rem .85rem!important;
    overflow-y: auto;
    max-height: 100%;
    }
  .line-solutions h2{
    font-size: 1.8rem;
    margin: 2rem 0 1rem !important;
  }
  .line-events h2{
    font-size: 1.8rem;
    margin: 2rem 0 1rem !important;
  }
  .line-news h2{
    font-size: 1.8rem;
    margin: 2rem 0 1rem !important;
  }
  .line-solutions a h3{
    font-size: 1.25rem;
  }
  /*PAGES */
  .titles{
    height: auto;
    margin: 0 0 1rem;
    padding:1.5rem 2rem 1.5rem 2rem;
  }
    .titles h2{
      font-size: 1.2rem;
    }
    .titles h1{
      font-size: 1.6rem;
    }
  .background-row.no-text{
    height: 250px;
    margin: 2rem 0 3rem;
  }
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
  .contact-top div ul{
  }
}
/*. GENERAL END */


/* PRODUCTS */
  /* Products colors */
  .product-title.sharepoint{
    /*background:#0072c6 url('images/products-sharepoint.jpg') center right no-repeat;
    background-size: auto;
    color:#fff;*/
  }
  .product-title.azure{
    /*background:#1a1a1a url('images/products-azure2.jpg') center right no-repeat;
    background-size: auto;
    color:#fff;*/
  }
  .product-title.dynamics{
    /*background:#001f53 url('images/products-dynamics.jpg') center right no-repeat;
    background-size: auto;
    color:#fff;
  }
  .product-title.sql{
    background:#0067b8 url('images/products-sql.jpg') center right no-repeat;
    background-size: auto;
    color:#fff;*/
  }
  .product-title.powerbi{
    /*background:#ecc20c url('images/products-powerbi.jpg') center right no-repeat;
    background-size: auto;
    color:#000;*/
  }
    .product-title.powerbi a{
      /*color: #000;*/
    }
  .product-title.nintex{
    /*background:#f47920 url('images/products-nintex.jpg') center right no-repeat;
    background-size: auto;
    color:#fff;*/
  }
  .product-title.office365{
    /*background:#eb3d01 url('images/products-office365.jpg') center right no-repeat;
    background-size: auto;
    color:#fff;*/
  }
  .product-title.powerapps{
    /*background:#742775 url('images/products-powerApps.jpg') center right no-repeat;
    background-size: auto;
    color:#fff;*/
  }
  .product-title.musicsolutions{
    /*background:#5d2eab url('images/products-musicSolutions.jpg') center right no-repeat;
    background-size: auto;
    color:#fff;*/
  }
   .product-title.teams{
    /*background:#6264a7 url('images/products-Teams.jpg') center right no-repeat;
    background-size: auto;
    color:#fff;*/
  }
.product-video{
  margin: .8rem 0;  
}
.product-video iframe{
  width: 100%    !important;
}
.product-info h1{
  /*font-size: 2rem;
  margin-top: 0;
  margin-bottom: .5em;*/
}
.product-info h2{
  /*color: #4c83df;
  font-family: 'open_sanssemibold';
  font-size:1.8rem;
  line-height: 2.1rem;
  margin: 0 0 .75rem;*/
}
.product-info h3{
  /*font-size: 1.65rem !important;
  line-height: 1.95rem;*/
}
.product-info h4{
  /*color: #4c83df;*/
  /*display: block;*/
  font-family:'open_sanssemibold', sans-serif;
  /*font-size: 1.45rem !important;*/
  /*line-height: 1.8rem;
  margin:0 0 .25rem 0;*/
}
.product-info h5{
  /*color: #65c36c;
  display: block;
  font-size: 1.4rem !important;
  line-height: 1.6rem;
  margin: 0 0 .25rem;*/
}
.product-info h6, h6{
  font-size:1.25rem !important;
  line-height:1.7rem !important;
  margin:0 0 .25rem 0 !important;
}
.product-sp{
  /*background: #4c83df;
  color: #fff;*/
  padding:4rem 0;
}
  .product-sp h3{
    /*font-family: 'inconsolatabold', sans-serif;
     font-size: 1.7rem;*/
  }
  .product-sp img{
    margin: auto;
    padding: 0 1.5rem 1.5rem 0;
    text-align: center;
  }
  .product-sp a.button{
    /*background-color: #fff;
    border: medium none;
    border-radius: 0;
    color: #4c83df;
    display: inline-block;
    font-size: 1.25rem;
    line-height: 2.5rem;
    margin:1.2rem 0 0;
    min-width: 50%;
    padding:0.7rem 1rem;;
    text-align: center;
    width:auto;
    transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
    -moz-transition:all 0.4s ease;*/
  }
  .product-sp a.button img{
    height:18px;
      line-height: 2.5rem;
      margin:0 0 .4rem 0.4rem;
      padding: 0;
      width: auto;
  }
  .product-sp a.button:hover{
    text-decoration: none;
  }
  .product-sp a.button:hover img{
    height: 26px;
      margin:0 0 .4rem 0.5rem;
  }
  .product-points h3{
    /*font-family: 'open_sansbold', sans-serif;
    display: block;
    font-size:1.8rem;
    text-align: center;
    line-height: 2.2rem;
    margin:0 0 2rem 0 !important;*/
  }
  .product-points span{
    /*display: block;
      font-size: 1.6rem;
      line-height: 1.8rem;
      margin: 0 0 1rem;*/
  }
  .product-points .each-line{
    /*border-bottom: 1.5px solid #9dddf7; */
      display: block;
      overflow: auto;
      padding: 3rem 0;
  }
  .product-points .each-line p{
    /*font-size: 1.1rem;*/
    /*position: relative;
    line-height: normal;*/

  }
  .product-points.solutions-points .each-line p{
    /*font-size: 1.02rem;
    position: relative;*/
  }
  /*.product-points > .each-line > div p:first-of-type:before{
    background-color: #9dddf7;
      border-radius: 45px;
      content: "";
      display: inline-block;
      height: 2.5rem;
      left: -1.2rem;
      position: absolute;
      top: -0.5rem;;
      width: 2.5rem;
      z-index: -1;

  }*/
  .product-points .each-line:last-child{
    /*border-bottom: none;*/
  }

@media only screen and (max-width : 992px) {
  .product-sp img{
    max-width:78%;
    width:auto;
  }
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px){
  .mix-row .info-text{
    padding: 3rem 2rem 1rem;
  }
  .mix-row .bg-image{
    min-height:300px;
  }
  .product-info h2{
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  .product-info h3{
    font-size: 1.3rem;
    line-height: 1.8rem;
  }
  .product-points h3{
   font-size: 1.4rem;
  margin: 0 auto !important;

line-height: 1.8rem;
  }
  .product-points .each-line{
    padding: 1.5rem 0;
  }
  .product-points .each-col span{
    font-size: 1.3rem;
    line-height:1.6rem;
    margin: 0 0 .5rem;
  }
  .product-points .each-line p{
    font-size: 1rem;
  }
  .product-sp h3{
    font-size: 1.5rem;
    margin-bottom: .5rem;
  }
}
/* .PRODUCTS END */

/* ABOUT US STYLES */
.mix-row .bg-image{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height:580px;
}
.mix-row .each-col{
  margin: 0;
}
.mix-row .info-text{
  padding: 5rem 3rem 2rem;
}
/* .mix-row .info-text > p:first-of-type::before{
  background-color: #9dddf7;
    border-radius: 45px;
    content: "";
    display: inline-block;
    height: 4rem;
    left: 1.5rem;
    position: absolute;
    top: 7rem;
    width: 4rem;
    z-index: -1;
}
*/
/* .ABOUT US END */

/* EVENTS */
.events-card{
  transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-webkit-box-shadow: 0px 2px 13px -5px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 2px 13px -5px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 13px -5px rgba(0, 0, 0, 0.3);
  margin: 0 0 2rem;
  min-height:440px;
  transition:all 0.4s ease;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;

  /*border:1px solid #65c36c;*/
}
.events-card:hover{
     -webkit-transition: all 0.4s ease;
    -webkit-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.7);
}

.events-card.e-feed {
    margin: 0 0 2rem!important;
  }
  .events-card span{
    background: #4ca3df;
    color: #fff;
    font-family:"open_sanssemibold", sans-serif;   
    display: block;
    font-size: 1.25rem;
    padding: 1rem .5rem;
    text-align: center;
    line-height: normal;
  }
  /*.events-card > a{
    height: 170px;
    display: block;
    width: 100%;
  }
  .events-card > a img{
    object-fit: cover;
    height: 170px;
  }*/
  .events-card .thumb-image{
    height: 180px;
    overflow: hidden;
    display: block;
  }
  .events-card .thumb-image a{
    position: relative;
    display: block;
    height: 100%;
  }
  .events-card .thumb-image a:hover{
    -ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
  }

  .events-card .thumb-image a span{
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 0;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
  }
  .events-card .info{
    font-size: .96rem;
    line-height: 1.2rem;
    padding: .75rem 1rem 1.8rem;

  }

  .events-card .info a.title{
    color: #333333;
    display: block;
    font-family: 'open_sanssemibold', sans-serif;
    font-size: 1.25rem;
    letter-spacing: 0px;
    line-height:1.5rem;
    margin: 0 0 .6rem;
    transition: all 0.4s ease;
    max-height:75px;
    /*overflow: hidden;*/
  }
  .events-card .info a.title:hover{
    color:#4ca3df;
    text-decoration: none;
  }
  .events-card  .btn-more{
    /*background: #fff;*/
    /*border: 1px solid #4c83df;*/
    border-radius: 0;
    color: #4c83df;
    display: block;
    /*font-size: 1.03rem;*/
    line-height: 1.02rem;
    margin: 2rem auto 0.5rem;
    padding: 1rem 0.5rem;
    /*text-align: center;*/
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    position: absolute;
    bottom:2rem;
    right:2rem;
    left: 0;
    /*width: 100%;*/
  }
  .events-card .info .btn-more:hover{
    /*background: #4c83df;*/
    /*color: #fff;*/
    text-decoration: none;
  }

  .event-description .general span{
    display: block;
    font-size: 1.5rem;
    margin: 0 0 .5rem;

  }
  .event-description .general p{
      font-size: 1.1rem;

  }
  /*.event-description .information{
    margin: .5rem 0 3rem;
}*/
.events-card.compact{
    margin: 1rem 0;
    min-height: auto;
}
  .events-card.compact span{
    background: #fff;
    border-bottom: 1px solid #eee;
    color: #4c83df;
    font-size: 1.23rem;
    padding: .8rem.5rem;
  }
  .events-card.compact .info{
    font-size: .96rem;
    line-height: 1.3rem;
    padding: 1.2rem 1rem;
  }
    .events-card.compact .info a.title{
      margin: 0;
      line-height: 1.3rem;
      max-height: 100%;
    }
    .events-card.compact .info a.btn-more{
      position: relative;
      width: 100%;
      bottom: auto;
      margin: 1rem auto 0;
    }
  .events-card.compact:hover{
   -webkit-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.45);
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
  }
.viewAllBox{
  text-align:right;
 /* margin:0 auto 2rem;*/
}
  .viewAllBox a{
    /*min-width: 180px;*/
    display: inline-block;
    /*padding: .8rem .8rem;*/
    text-align: center;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
  }
  .viewAllBox a:hover{
    /*background: #4c83df;
    color: #fff !important;*/
    text-decoration: none;
  }

/*Registration forms*/
/*.registration-form{
  border-bottom: 1px solid #eee;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}*/
/*
  .registration-form label{
    display: block;
    font-weight: normal;
     margin-bottom: 1.2rem;
  }*/
  /*.registration-form input{
    border:1px solid #fff;
    background-color: #eee !important;
    font-family: 'montserratlight', sans-serif !important;
    line-height: 2rem;
    padding:.2rem 0.5rem;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
  }*/
  /*.registration-form input:focus{
    background-color:#fff;
    border: 1px solid #4c83df!important;

  }*/
  /*.registration-form select{
    border:1px solid #fff;
    background-color: #eee;
    font-family: 'montserratlight', sans-serif !important;
    line-height: 2rem;
    padding:0.5rem;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
  }*/
  /*.registration-form textarea{
    height:150px;
    border: 1px solid #fff;
    background-color: #eee;
    padding: .2rem 0.5rem;
    resize: none;
    width: 100%;

  }*/
  /*.registration-form select > option{
    padding: .2rem 0.5rem;

  }*/
  /*.registration-form input[type="file"]{
    display: inline;
    height: auto;
  }*/
  /*.registration-form input[type=submit]{
    background-color:#4c83df !important;
    color: #fff;
    font-size: 1.3em;
    margin: 0 auto;
    padding: .5rem;
  }*/
  /*.acceptancebox input[type=checkbox]{
    background: #fff;
  }*/
  /*.registration-form input[type=submit][disabled]{
    background:#666 !important;
  }*/
  /*.acceptancebox{
    display: inline-block;
    width: 10%;
    vertical-align: top;
    margin-right: 2%;
  }*/
  /*.acceptancebox + label{
    font-family: 'open_sanslight', sans-serif;
    font-size: .8rem;
    line-height: 1.2;
    display: inline-block;
    width: 88%;
    letter-spacing: .4px;
  }*/
    /* Registration form click dimensions */
  .clickdform.mainDiv{
    padding: 0 !important;
  }
  .clickdform input[type="text"], .clickdform textarea, .clickdform select{
    border:1px solid #fff !important;
    background-color: #eee !important;
    font-family: 'montserratlight', sans-serif !important;
    line-height: 2rem !important;
    padding:.2rem 0.5rem !important;
    width: 100% !important;
    -webkit-transition: all 0.4s ease-in-out !important;
    transition: all 0.4s ease-in-out !important;
  }
  .clickdform .requiredInfo{
    font-size: 11.5px !important;
    line-height: 10px !important;
  }
  /* ./Registration form click dimensions */

@media only screen and (max-width : 768px){
  .event-description .information {
      margin: 1rem 0;
  }
  .events-card{
    min-height: auto;
  }
  .events-card .info{
    padding: .5rem 1rem 1rem;;
  }
  .events-card .btn-more{
    bottom: auto;
    margin: .5rem auto 0.5rem;
    padding: 1rem 1rem;
    position: relative;
    width: 100%;
    line-height: 1.5rem;
  }
}
@media only screen and (max-width : 480px){
  .event-description .general span{
    font-size: 1.5rem;
  }
  .events-card > a{
    height: 140px;
  }
  .events-card > a img{
    height: 140px;
  }
  .event-description .general p{
    font-size: 1rem;
  }
  .events-card .info a.title{
    font-size: 1.2rem;
  }
  .events-card span{
    font-size: 1.1rem;
    padding: .8rem .5rem;
  }
  .events-card .info a.btn-more{
    font-size: .95rem;
    padding: 1rem 0.5rem;
  }

}
/* .END EVENTS*/

/* NEWS */
.loop-news{
  margin: 0;
  padding: 0 !important;
}
.titles .searchBar{
  /*margin-top: 1.5rem;*/
}
.titles .searchBar .searchform input[type="text"]{
    /*background-color: #fff;
    color: #555;
    font-family: 'open_sanssemibold', sans-serif;
    font-size: 1.1rem;
    width:100% */
  }
  .titles .searchBar .searchform input{
  /*  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;*/
  }
  .titles .searchBar .searchform input[type="submit"]:hover{
      /*-webkit-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.45);
      -moz-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.45);
      box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.45);*/
  }
.searchBar{
  display: flex;
  margin: 0 0 1rem;
}
  .searchBar .searchform{
    width: 100%
  }
  .searchBar .searchform input[type="text"]{
    /*width: 85%*/
  }
  .searchBar .searchform input[type="submit"]{
    /*width: 14%;*/
  }
.feedHeading{
  display: flex;
  margin: 0 0 1rem;
  justify-content: space-between;
}
  .feedHeading h3, .feedHeading h2{
    font-family: 'yantramanavbold', sans-serif;
    margin: 0;
    text-align: left !important;
    margin: 0 !important;
    /*font-size: 26px;*/
  }
.feedSeparator{
  /*margin: 1rem auto;*/
}


/* POSTS LOOP */
.loop-news .each-post{
  display: block;
  height: 310px;
  margin: 0 0 1.25rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  transition:all 0.4s ease;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
}
.loop-news .each-post:hover{
  -webkit-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.45);
  -moz-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.45);
  box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.45);
}
.loop-news .each-post .thumb-image{
  border: 1px solid #eee;
  display: block;
  height: 170px;
  overflow: hidden;
}
.loop-news .each-post .thumb-image span{
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 0;
  transition:all 0.4s ease;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
}
.loop-news .each-post .thumb-image span:hover{
 -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
.loop-news .each-post .info-post{
  padding-top:.5rem;
}
.each-post a.title{
  color: #333;
  display: block;
  letter-spacing: 0;
  /*line-height: 18px;*/
  text-decoration: none;
  /*font-size: 1.2rem;*/
  font-family: 'yantramanavmedium', sans-serif;
  /*height:46px;*/
  overflow: hidden;
}
  .each-post a:hover{
      /*color:#4c83df;*/
      text-decoration: none;
  }
.each-post a.seemore{
  /*color: #555;*/
  display: inline-block;
  margin: 3px 0 0;
  padding: 0;
}
  .each-post a.seemore:hover{
    padding:0 1rem 0 .3rem;
    /*color: #65c36c;*/
  }
  .each-post a.seemore:after{
        content: '';
        margin-left: 5px;
        width: auto;
        opacity:0;
        -moz-transition: all 0.6s;
        -webkit-transition: all 0.6s;
        transition: all 0.6s;
    }
  .each-post a.seemore:hover:after{
      content: '→';
      margin-left: 5px;
      width: auto;
      opacity:1;
  }
.each-post .date{
  color: #6e91a8;
  display: block;
  font-size: 1rem;
  margin: 0 0 .3rem !important;
  line-height: 1rem;
}

/* RELATED POSTS LOOP */
  .related-posts{
    margin-bottom: 1rem;
  }
  .related-posts > .each-post{
    border-bottom: 1px solid #eee;
    height: auto;
    margin: 0 0 1.25rem;
    display: flex;
    padding: 0 0 1rem 0;
  }
  /*.related-posts .each-post .row{
    display: flex;
  }*/
  .related-posts > .each-post:first-of-type{
    margin-top: 1rem;
  }
  .related-posts > .each-post:last-of-type{
    border-bottom: none;
  }
  .related-posts .each-post a.title{
    height: auto;
    /*font-size: 1rem;*/
    margin-bottom: .5rem;
  }
  .related-posts .each-post:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:none;
  }
  .related-posts .each-post .thumb-image{
    display: block;
    flex: none;
  }
  .related-posts > .each-post .thumb-image .wrapper .main{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: 300ms;
    -webkit-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    -moz-transition: 300ms;
  }
  .related-posts > .each-post .thumb-image .wrapper .main:hover{
     -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }

  .related-posts > .each-post .thumb-image a .wrapper{
    background-color: #eee;
    border:1px solid #eee;
    /*height: 80px;*/
    width: 100%;
    display: inline-block;
    position: relative;
    overflow: hidden;
  }
  .related-posts > .each-post .thumb-image a .wrapper::after{
    padding-top: 56.25%;
    display: block;
    content: '';
  }
  .related-posts > .each-post .info-post{
    display: block;
    /*flex: none;*/
    line-height: normal;
  }


.tagcloud a{
    /*color: #333333;
    margin: 0 0.5rem;*/
}
.tagcloud a:hover{
    /*color: #4c83df;
    text-decoration: none;*/
}
a.backtonews{
    /*background-color: #66879c;
    color: #fff;
    display: inline-block;
    margin: 2rem 0;
    text-decoration: none;
    padding:.5rem 1rem;
    width: auto;

    transition: background 0.4s ease;
  -webkit-transition: background 0.4s ease;
  -moz-transition: background 0.4s ease;*/
}
a.backtonews:hover{
    /*background-color: #65c36c;
    color: #fff;
    text-decoration: none;*/
}
.single_new{
    /*margin: 0 0 2rem;*/
}
.single_new .thumb-image{
   /* margin-bottom: 2.2rem;
    text-align: center;*/
}
.single_new .thumb-image img{
    /*display: block;
    margin: auto;
    text-align: center;*/
}
.single_new img{
  /*width: 100%;
  height: auto;*/
}
.single_new .details{
    /*border-top: 1px solid #eee;
    display: block;
    margin: 1rem 0 3rem;
    padding: .85rem 0;*/
  }
  .single_new .details .topics{
    /*display: block;
    margin-bottom: 1.25rem;*/
  }
  .single_new .details .topics ul{
    /*margin:0;
    padding: 0;*/
  }
  .single_new .details .topics ul li{ 
    /*display: inline-block;
    margin: 6px;  */
  }
  .single_new .details .topics ul li:first-of-type{
    /*margin: 6px 6px 6px 0;*/
  }
  .single_new .details .topics ul li a{
    /*background-color: #4c83df;
    border-radius: 25px;
    color: #fff;
    padding:6px 12px;
    font-size: .96rem;
    font-family: 'inconsolatabold';*/
  }
    .single_new .details .topics ul li a:hover{
      /*background-color: #333;
      text-decoration: none;*/
    }
  .single_new .details .date{
    /*display: block;
    border-bottom: 1px solid #eee;
    padding: .5rem 0;
    margin-bottom: .75rem;
    font-size: .95rem;
    color: #66879c;*/
  }
/*Social Share */
/*.heateor_sss_sharing_container{
  margin-top: 1.5rem;
}
  .heateor_sss_sharing_container .heateor_sss_sharing_title{
    font-weight: normal!important;
  }*/
.searchform div{
  /*display: flex;
  justify-content: space-between;*/
}
.searchform label{
    display: none;
}

.searchform input[type=text]{
    /*background-color: #eee;
    border:none;
    line-height: 2rem;
    padding: 0.5rem;
    width: 75%*/
}
.searchform input[type=submit]{
  /*border:none;
  background-color:#3d3d3d;
  color: #fff;
  width: 23%;*/
}
@media only screen and (max-width : 992px){
    .loop-news .each-post .thumb-image{
        height: 280px;
    }
    .loop-news .each-post{
      height: auto;
    }

    .related-posts .each-post{
      /*display: block;*/
    }
    .widgets-box {
      padding:1rem 15px 0 !important;
    }

}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px){
   .searchBar .searchform input[type="text"]{
    /*width:75%*/
  }
  .searchBar .searchform input[type="submit"]{
    /*width: auto;*/
  }
    .each-post .thumb-image{
        /*height: 160px;*/
    }
    .each-post .info-post {
        /*padding:.5rem 0 0 0!important;*/
    }
    .each-post a.title{
      font-size: 1.1rem;
      line-height: 1.2rem;
      height: 40px;
    }
    .each-post .date{
      line-height: 1rem;
    }
    .each-post a.seemore{
      color: #65c36c;
      font-size: 1rem;
      line-height: 1rem;
    }
    .each-post a.seemore:after{
      content: '→';
      margin-left: 5px;
      width: auto;
      opacity: 1;
    }
}
/* .END NEWS */


/* Pagination section  */
.paginationSection{
  /*margin: .5rem auto 2.5rem;*/
}
.paginationSection .page-numbers{
  /*padding:8px 10px;*/
}
  .paginationSection a.page-numbers:hover{
    /*background-color: #4c83df;
    color:#fff;
    text-decoration: none;*/
  }
  .paginationSection .page-numbers.current{
    /*color:#fff;
    background-color:#4c83df;*/
  }


/*./ Pagination section  */

/* CAREERS */
.careers-content h2{
  color: #4c83df;
  font-family: "inconsolatabold", sans-serif;
  font-size: 1.8rem;
  margin: 2.5rem 0 2rem;
}
.careers-content h3{
}
.careers-content h4{
  color: #65c36c;
  font-family: "inconsolataregular", sans-serif;
  font-size: 1.5rem;
  margin: 2.5rem 0 1rem;
}
.careers-content hr{
  border-width: 5px 0 0;
    display: block;
    margin: 3rem 0;
}
/* ./END CAREERS */




/* LanguagesBar */
.languagesBar{
  margin: 1rem auto;
  text-align: center;
  position: relative;
}
  .languagesBar .button {
    border-radius: 0;
    margin-left: 0;
    margin-right: 1px;
    text-decoration: none;
  }
    .languagesBar .button:hover {
      text-decoration: none;
    }

/* ./LanguagesBar */

/* CUSTOMER STORIES */
* { box-sizing: border-box; }

/* ---- button ---- */
* { box-sizing: border-box; }

.button-group .button {
  display: inline-block;
  padding: 10px 18px;
  margin-bottom: 10px;
  background: #f7f7f7;
  border: none;
  border-radius: 7px;
  color: #222;
  cursor: pointer;
}
  .button-group .button:hover {
    background-color:#65c36c;
    color: white;
  }

  .button-group .button:active,
  .button-group .button.is-checked {
    background-color:#65c36c;
  }
  .button-group .button.is-checked {
    color: white;
  }

  .button-group .button:active {
    box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
  }

/* ---- button-group ---- */
.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  /*float: left;*/
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}
/* ---- isotope ---- */

.grid {
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
  position: relative;
  float: left;
  width: 300px;
  height:auto;
  margin:2rem 2rem 3rem;
  padding: 10px;
}

.element-item > * {
  margin: 0;
  padding: 0;
}

  .element-item a.logo{
    display: block;
      height: 150px;
      position: relative;
  }
  .element-item a.logo img{
    bottom: 0;
    height: auto;
      left: 0;
      margin: auto;
      max-height: 100%;
      max-width: 100%;
      position: absolute;
      right: 0;
      top: 0;
      width: auto;
  }
  .element-item .info{
    border-top: 4px solid #f7f7f7;
      display: block;
      margin: 0.5rem 0 0;
      padding: 1rem 0 0;
  }
  .element-item .info a{
    color: #3f4043;
    text-decoration: none;
  }
  .element-item .info a:hover{
    color: #65c36c;
    text-decoration: none;
  }
  .element-item .info p{
    font-family: "open_sanslight", sans-serif;
      font-size: 0.88rem;
      line-height: 1.3rem;
      margin: 0.3rem 0 0;
  }

/*Single story */
.customer-single{

}
  .customer-single h3{
    /*color: #4c83df;
    font-family: "inconsolatabold", "open_sanssemibold", sans-serif;
    font-size:1.85rem;
    line-height: 2rem;*/
  }
    .customer-single h3 b{
      /*color: #555555;
      font-family: "inconsolatabold", "open_sanslight", sans-serif;
      font-size: 2.5rem;
      font-weight: normal;
      line-height: 2rem;*/
    }
  .customer-single p{
  }
  .customer-single .video{

  }
  .customer-single .video iframe {
      /*width: 100%;*/
  }
  .customer-single .profile{
    /*background-color: #65c36c;*/
/*background: rgba(76,130,223,1);
background: -moz-linear-gradient(left, rgba(76,130,223,1) 0%, rgba(76,130,223,1) 8%, rgba(101,195,107,1) 98%, rgba(101,195,107,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76,130,223,1)), color-stop(8%, rgba(76,130,223,1)), color-stop(98%, rgba(101,195,107,1)), color-stop(100%, rgba(101,195,107,1)));
background: -webkit-linear-gradient(left, rgba(76,130,223,1) 0%, rgba(76,130,223,1) 8%, rgba(101,195,107,1) 98%, rgba(101,195,107,1) 100%);
background: -o-linear-gradient(left, rgba(76,130,223,1) 0%, rgba(76,130,223,1) 8%, rgba(101,195,107,1) 98%, rgba(101,195,107,1) 100%);
background: -ms-linear-gradient(left, rgba(76,130,223,1) 0%, rgba(76,130,223,1) 8%, rgba(101,195,107,1) 98%, rgba(101,195,107,1) 100%);
background: linear-gradient(to right, rgba(76,130,223,1) 0%, rgba(76,130,223,1) 8%, rgba(101,195,107,1) 98%, rgba(101,195,107,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c82df', endColorstr='#65c36b', GradientType=1 );*/

    /*color: #fff;*/
   /* padding: 4rem 0;*/
    /*text-align: left;*/
   /* z-index: 3;*/

  }
    .customer-single .profile .bg-image{
      /*.background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        bottom: 0;
        height: 100%;
        margin: auto;
        left: 0;
        opacity: 0.25;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        /*-webkit-filter: grayscale(100%);*/ /* Safari 6.0 - 9.0 */
       /* filter: grayscale(100%);*/

    }
      .customer-single .profile h3{
        /*margin: 0 0 2rem;*/
      }
      .customer-single .profile h3 b{
        /*color: #fff;*/
      }
      .customer-single  span{
        /*display: block;
          margin:1rem 0 0 0;*/
      }
      .customer-single .profile p{
        /*font-size: 1.25rem;*/
        /*text-align: left;*/
      }
      .customer-single .profile p b{
        /*font-family: 'inconsolatabold', sans-serif;
        font-size: 1.3rem;
        font-weight: normal;*/
      }
      .customer-single span p{
        /*line-height: 1.7rem;*/
         /*margin: 0 0 2.5rem!important;*/
      }
      
    .customer-single .description{
      /*color: #fff;
      padding:0;
      position: relative;*/

    }
    .customer-logo{
      /*display: block;
      margin:0;
      position: relative;*/
    }
    .customer-logo img{
        /*left: 0; */
        /*margin: auto; */
        /*max-width:auto;
        /*right: 0; */
        /*top: 0;
       /* max-height: 220px;
    }
      .customer-single .description h1{
        /*font-family: "inconsolatabold","open_sanssemibold",sans-serif;
        font-size: 2.2rem;*/
        /*margin:1rem 0 3rem;*/
      }
      .customer-single .description h2{
        /*font-size: 1.5rem;
          margin: 0;
          opacity: 0.5;
          padding: 0;*/
      }
      .customer-single .description h2 a{
        /*color: #fff;*/
      }
    .customer-single .benefits{
    }
      .customer-single .benefits h3{
        /*margin: 2rem 0 2rem;*/
    }
    .customer-single .benefits ul{
      /*font-size: 1.2rem;
        line-height: 1.8rem;
      list-style-image: url("images/icon-check-green.png");
      margin:3rem 1rem 1rem 0;*/
    }
    .customer-single .benefits ul li{
      /*line-height: 1.5rem;
      margin: 0 0 1.5rem;
      padding: 0 0 0 .5rem;*/
    }
    .customer-single .img-benefits{

    }
    .customer-single blockquote{
      /*border-left: medium none;
      border-left: medium none;
      display: block;
      font-size: 121rem;
      font-style: normal!important;
      letter-spacing: 0;
      line-height: 1.9rem;
      margin: 2rem 0 0;
      padding:1rem 0 0 2.3rem;
      text-align: left;*/
    }
      .customer-single blockquote p{
        /*font-family: "inconsolataregular", sans-serif;
        font-size: 1.2rem !important;
          line-height: 1.9rem;
          text-align: left;*/
      }
      .customer-single blockquote p:before{
        /*color: #4c83df;
        font-size: 5rem;
          content: "❝";
          display: inline-block;
          left: 3px;
          position: absolute;
          width: 2.5rem;
          z-index: -1;*/

      }
      /* .customer-single blockquote p:after{
        color: #4c83df;
          content: "❞";
          display: inline-block;
          font-size: 4.5rem;
          position: absolute;
          right: 3px;
          width: 2.5rem;
          z-index: -1;
      } */

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .customer-single h3 b{
    font-size: 2rem;
  }
  .customer-single h3{
    font-size: 1.55rem;
  }
  .customer-single .benefits ul li{
    font-size: 1.1rem;
    line-height: 1.2rem;
  }

}
@media only screen and (max-width : 480px){
  
  .customer-single .description h1{
    font-size: 1.6rem;
  }
  .customer-single .description h2{
    font-size: 1.2rem;
  }
  .customer-single .description .logo{
    margin: 1rem 0;
  }
}

/* END CUSTOMER STORIE */


/* AWARDS */
.each-award{
  margin-bottom: 4.5rem;

}
.each-award a.logo{
  display: block;
  height: 180px;
  position: relative;
}
.each-award a.logo img{
  bottom: 0;
  height: auto;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  transition: all 0.5s ease;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}
.each-award a:hover img{
    transition: all 0.5s ease;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: grayscale(0%);
  }
  .each-award a:hover{
    text-decoration: none;
  }
  /* .END AWARDS */

/* CONTACT */
.contact h3{
  font-family: 'open_sansbold', sans-serif;
  font-size: 1.4rem;
  margin: 2rem 0 .5rem;
  text-align: center;
}
.contact h3 + p{
  font-size: 1.3rem;
  margin-bottom: 2rem!important;
  text-align: center;
}
/* MESSAGE FORM */
.contact .message-form{
  border-bottom: none;
}
.contact .message-form label{
  font-weight: normal;
}
.contact .message-form input{
  border:1px solid #fff;
  background-color: #eee;
  font-family: 'montserratlight', sans-serif !important;
  line-height: 2rem;
  width: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.contact .message-form input:focus{
  background-color:#fff;
  border: 1px solid #4c83df!important;
}
.contact .message-form input[type=submit]{
  background-color: #4c83df;
  color: #fff;
  font-size: 1.3em;
  margin: 1.2rem 0 0;

}
.contact input::placeholder{
  font-size: 1rem;

}
.contact .message-form span.wpcf7-form-control-wrap {
    display: inline-block;
    margin-bottom: .5rem;
    padding: 0.7rem .5rem .7rem 0;
    width: 48%;
}
.contact .message-form span.wpcf7-form-control-wrap.your-message{
  width: 100%;

}
.contact .message-form input,
.contact .message-form textarea{
  padding: 6px;
  width: 96%;
}
.contact .message-form input[type="submit"]{
  margin: .2rem 0 3rem;
  width: 95%;
}
.contact .message-form input[type="submit"]:hover{
  background-color: #3f4043;
}
.contact .message-form textarea{
  border: 1px solid #fff;
  background-color: #eee;
  height: 130px;
  resize: none;
  -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.contact .message-form textarea:focus{
  background-color:#fff;
  border: 1px solid #4c83df!important;
}
.contact .message-form span.wpcf7-form-control-wrap.products{
  width: 100%;
}
.contact .message-form span.wpcf7-form-control span.wpcf7-list-item{
  display:inline-block;
  font-weight: normal;
  font-size: 1rem;
  margin: 0;
  width: 41%;
}

/* Base for CHECKBOXES label styling */
.contact .message-form input[type="checkbox"]:not(:checked),
.contact .message-form input[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
  }
.contact .message-form input[type="checkbox"]:not(:checked) + span,
.contact .message-form input[type="checkbox"]:checked + span {
  cursor: pointer;
  position: relative;
  padding-left: 1.95em;
  padding-top: .3rem;
    
  }
  /* checkbox aspect */
.contact .message-form input[type="checkbox"]:not(:checked) + span:before,
.contact .message-form input[type="checkbox"]:checked + span:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.5em; height: 1.5em;
  border: 1px solid #ccc;
  background: #fff;
  border-radius:25px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.contact .message-form input[type="checkbox"]:not(:checked) + span:after,
.contact .message-form input[type="checkbox"]:checked + span:after {
  content: '✔';
  position: absolute;
  top: .1em;
  left: .3em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #09ad7e;
  transition: all .2s;
}
/* checked mark aspect changes */
.contact .message-form input[type="checkbox"]:not(:checked) + span:after {
  opacity: 0;
  transform: scale(0);
}
.contact .message-form input[type="checkbox"]:checked + span:after {
  opacity: 1;
  transform: scale(1);
}

/* OFFICE INFO */
.office-info{
  text-align: center;
}
.office-info a{
  color:#1b1b1b;
}
.office-info a:hover{
  text-decoration: none;
}
.office-info > span{
  display: block;
  margin: 0 0 3rem;
}
.office-info .social{
  margin-top: 1.5rem;
}
.office-info .social a{
    display: inline-block;
    margin: 0 .45rem;
    width:50px;
  }
.office-info .social a:first-of-type{
    margin: 0;
  }
  .office-info .social a img{
    display: block;
    height: auto;
    width: 100%;
  }
  .office-info .social a:hover img{
      opacity: .75;
    }
/* MAPS */
.container-full .maps{
  line-height: 0;
}
.maps iframe{
  width: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px){
  .contact .message-form span.wpcf7-form-control-wrap{
    width: 100%
  }
  .contact .message-form span.wpcf7-form-control span.wpcf7-list-item{
    width: 100%;
  }
  
}/* . END CONTACT*/

/* FOOTER */
footer{
  margin:0;
}
  footer .f1{
  background: rgba(47,150,218,1);
  background: -moz-linear-gradient(left, rgba(47,150,218,1) 0%, rgba(47,150,218,1) 26%, rgba(113,207,244,1) 92%, rgba(113,207,244,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(47,150,218,1)), color-stop(26%, rgba(47,150,218,1)), color-stop(92%, rgba(113,207,244,1)), color-stop(100%, rgba(113,207,244,1)));
  background: -webkit-linear-gradient(left, rgba(47,150,218,1) 0%, rgba(47,150,218,1) 26%, rgba(113,207,244,1) 92%, rgba(113,207,244,1) 100%);
  background: -o-linear-gradient(left, rgba(47,150,218,1) 0%, rgba(47,150,218,1) 26%, rgba(113,207,244,1) 92%, rgba(113,207,244,1) 100%);
  background: -ms-linear-gradient(left, rgba(47,150,218,1) 0%, rgba(47,150,218,1) 26%, rgba(113,207,244,1) 92%, rgba(113,207,244,1) 100%);
  background: linear-gradient(to right, rgba(47,150,218,1) 0%, rgba(47,150,218,1) 26%, rgba(113,207,244,1) 92%, rgba(113,207,244,1) 100%);


  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f96da', endColorstr='#71cff4', GradientType=1 );
    color:#fff;
    margin:2rem 0 0;
    padding: 5rem 0;
    text-align: center;
  }
  footer .f1 a{
    color:#fff;
  }
  footer .f1 a:hover{
    color: #3f4043;
    text-decoration: none;
  }
  footer .f1 h3{
    font-family: 'yantramanavbold', sans-serif;
    font-size: 1.9rem;
    margin:0 0 3rem;
  }
  footer .f1 h2{
    font-size: 1.7rem;
  }
  footer .f1 span{
    display: block;
    margin: 2.5rem 0;
  }
  footer .f1 h4{
    font-family: 'yantramanavbold', sans-serif;
    font-size: 1.3rem;
    
  }
  footer .f1 img.icon{
    margin: 0 0 1.5rem;
  }
  footer .f1 span .contact-form{
    text-align: left; 
  }
  footer .f1 span .contact-form span.wpcf7-form-control-wrap{
    display: inline-block;
      margin: 0;
      padding: 0.7rem 0.5rem;
      width: 50%;
  }
  footer .f1 span .contact-form span{
    margin: 0;
  }
  /* your-message is added on the text area form in wordpress */
  footer .f1 span .contact-form span.wpcf7-form-control-wrap.your-message{
    width: 100%

  }
  footer .f1 span .contact-form span.wpcf7-form-control-wrap > input{
    border: 1px solid #fff!important;
    border-radius: 0;
    color: #333;
    padding: 6px;
    width:100%;
    -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
  }
  footer .f1 span .contact-form span.wpcf7-form-control-wrap > input:focus{
    border: 1px solid #3f4043!important;
    border-radius: 4px;
  }
  footer .f1 span .contact-form span.wpcf7-form-control-wrap textarea{
    border: 1px solid #fff!important;
    border-radius: 0;
    color: #333;
    height: 130px;
    padding: 6px;
    resize: none;
    width:100%;
    -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
  }
  footer .f1 span .contact-form span.wpcf7-form-control-wrap textarea:focus{
    border: 1px solid #3f4043!important;
    border-radius: 4px;
  }
  footer .f1 span .contact-form span.wpcf7-form-control-wrap.requestcall{
    width: 100%;
  }

  /* Base for CHECKBOXES label styling */
  footer .f1 span .contact-form span.wpcf7-form-control-wrap input[type="checkbox"]:not(:checked),
  footer .f1 span .contact-form span.wpcf7-form-control-wrap input[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
  }
  footer .f1 span .contact-form span.wpcf7-form-control-wrap input[type="checkbox"]:not(:checked) + span, footer .f1 span .contact-form span.wpcf7-form-control-wrap input[type="checkbox"]:checked + span {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
  }
  /* checkbox aspect */
footer .f1 span .contact-form span.wpcf7-form-control-wrap input[type="checkbox"]:not(:checked) + span:before,
footer .f1 span .contact-form span.wpcf7-form-control-wrap input[type="checkbox"]:checked + span:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1.5em; height: 1.5em;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked checkbox mark aspect */
footer .f1 span .contact-form span.wpcf7-form-control-wrap input[type="checkbox"]:not(:checked) + span:after,
footer .f1 span .contact-form span.wpcf7-form-control-wrap input[type="checkbox"]:checked + span:after {
  content: '✔';
  position: absolute;
  top: .1em; left: .3em;
  font-size: 1.3em;
  line-height: 0.8;
  color: #3f4043;
  transition: all .2s;
}
/* checked mark aspect changes */
footer .f1 span .contact-form span.wpcf7-form-control-wrap input[type="checkbox"]:not(:checked) + span:after {
  opacity: 0;
  transform: scale(0);
}
footer .f1 span .contact-form span.wpcf7-form-control-wrap input[type="checkbox"]:checked + span:after {
  opacity: 1;
  transform: scale(1);
}

  footer .f1 span .contact-form span.wpcf7-form-control-wrap label span{
    display: inline-block;

  }

  .wpcf7-list-item {
    display: block;
  }
  .wpcf7-list-item > span{
    display: inline-block !important;
  }
  footer .f1 span .contact-form input[type="submit"]{
    background-color: #3f4043;
    color: #fff;
    border:none;
    padding: 10px;
    width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
  }
  footer .f1 span .contact-form input[type="submit"]:hover{
    background-color: #4c83df;
  }

span.wpcf7-not-valid-tip{
  font-size: 0.65em !important;
  line-height: 16px !important;
  padding: 0.2rem 0 !important;
  position: absolute !important;
  width: 100%!important;
}
div.wpcf7 .ajax-loader{
  background-repeat: no-repeat;
}

/* Gray FOOTER */
footer .f2{
  background-color:#3d3d3d;
  color:#e2e2e2;
  letter-spacing: .5px;
  padding: 5rem 0 1rem;
  text-align:left;
}
  footer .f2 .social{
    margin:0 0 1.7rem;
  }
  footer .f2 .social h3{
    font-family: 'yantramanavbold', sans-serif;
    margin: 0 0 1.5rem;
  }
  footer .f2 .social a{
    display: inline-block;
    margin: 0 .45rem;
    width:45px;
  }
  footer .f2 .social a:first-of-type{
    margin: 0;
  }
  footer .f2 .social a img{
    display: block;
    height: auto;
    width: 100%;
  }
  footer .f2 .social a:hover img{
      opacity: .6;
    }
  /*
  footer .f2 ul{
   font-size: .9rem;
  line-height: 1.5rem;
    padding: 0;
  }
  footer .f2 ul li{
    list-style: none;
    margin: .3rem 0;
  }
  footer .f2 ul li a{
    color: #e2e2e2;

  }
  footer .f2 ul li a:hover{
    opacity: .4;
    text-decoration:none;
  }
  footer .f2 ul li ul{
    font-size: .93rem;
    line-height: 1.35rem;
    margin:0 0 0 15px;
  }
  footer .f2 h4, footer .f2 h4 a{
    color:#4c83df;
    font-size:1.12rem;
    letter-spacing: 0;
  }
  footer .f2 h4{
    margin:0 0 1.7rem;
  }
  footer .f2 h4 + ul{
    margin:-1.4rem 0 1.4rem;
  }
  footer .f2 h4 a:hover{
    opacity: .6;
    text-decoration: none;
  }
   */
  footer .subscribe-form{
    line-height: 1.3rem;
    width: 85%;
  }
    footer .subscribe-form form{
      display: block;
      margin-top: .85rem;
    }
    footer .subscribe-form form span.your-email{
      display: inline-block;
      width: 78%
    }
    footer .subscribe-form form span.your-email input{
      border: 1px solid #fff !important;
      color: #555555;
      padding:10px 8px;
      width: 100%;
      webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
    }
    footer .subscribe-form form input[type="submit"]{
      background-color:#4ca3df;
      border: none;
      color: #fff;
      padding:14px 10px;
      width:20%;
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
    }
    footer .subscribe-form form input[type="submit"]:hover{
      background-color: #65c36c;
    }
    footer .subscribe-form form span.ajax-loader{
      width: 100%;
    }
  footer .f2 .credits{
    font-size: .75rem;
    border-top: 1px solid #585455;
    display: block;
    letter-spacing:.5px;
    margin-top: 3rem;
    padding: 1rem 0 0;
    text-align: center;

  }
  footer .f2 .credits a{
    border-right: 1px solid;
    color:#e2e2e2;
    padding: 0 .8rem;
  }
  footer .f2 .credits a:last-of-type{
    border: none;
  }

  /*New footer */
  .footerNav-wrapper{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .footerNav-wrapper li:first-of-type{
    /*grid-column-start: 1; 
    grid-row-start:1; 
    grid-row-end: 6; */
  }
  .footerNav-wrapper {
    line-height: 1.5rem;
    padding: 0;
  }
  .footerNav-wrapper > li{
    list-style: none;
    margin:0 5px 10px 0;
  }
  .footerNav-wrapper > li > a{
    color: #4c83df;
    font-size:1.05rem;
  }
  .footerNav-wrapper > li a:hover{
    opacity: .7;
    text-decoration:none;
  }
  .footerNav-wrapper > li ul{
    font-size: .85rem;
    line-height: 1.2rem;
    margin:0;
    padding: 0;
  }
  .footerNav-wrapper > li ul li{
    list-style: none;
    margin: 10px 0;
  }
  .footerNav-wrapper > li ul li a{
    color: #e2e2e2;
  }
  .footerNav-wrapper > li ul li ul{
  margin: 0 0 0 15px;

  }
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  footer .subscribe-form {
      width:100%;
  }
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px){
  footer .f1 h3{
  font-size: 1.56rem;
  line-height: 2.3rem;
  margin: 0 0 1rem;
  }
  .footerNav-wrapper{
    display: grid;
    grid-template-columns: auto;
  }
  .footerNav-wrapper li:first-of-type{
     
  }

}

@media only screen and (max-width : 476px){
 footer iframe{
    min-height:750px; 
  }
}
/*. END FOOTER*/

/* LANDING PAGES */
.landingpage-content .thumb-image{
  margin-bottom: 2.2rem;
  text-align: center;
}
.landingpage-content .thumb-image img{
  margin: auto;
}
.landingpage-content img{
  display: block;
  margin:0 auto;
  max-width: 100%;
  height: auto;
}
.landingpage-content h1{
  font-size: 2.1rem;

}
.landingpage-content h2{
  color: #4c83df;
  font-family: "inconsolatabold", sans-serif;
  font-size: 1.8rem;
  margin: 0 0 1.5rem;
}
.landingpage-content h3{
  color: #65c36c;
  font-size: 1.3rem;
  line-height: 1.8rem;
  margin: 0 0 .8rem;
}
.landingpage-content h4{
  font-family: "inconsolataregular", sans-serif;
  font-size: 1.3rem;
  margin: 0 0 .5rem;
  font-weight: 600;
  letter-spacing: 0;
}
.landingpage-content hr{
  border-width: 5px 0 0;
    display: block;
    margin-bottom: 1.5rem;
    margin-top: 3rem;
}
.landingpage-content blockquote{
  font-family: "inconsolataregular", sans-serif;
  font-size: 1.4rem;
}
  /*Tables in landing pages */
  /* 
  Max width before this PARTICULAR table gets nasty
  This query will take effect for any screen smaller than 760px
  and also iPads specifically.
  */
  @media 
  only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px)  {
  
    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr { 
      display: block; 
      width: 100%;
    }
   table.agenda td, table.agenda th{
       text-align: center!important;
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    
    table tr { border: 1px solid #ccc; }
    
    table td { 
      /* Behave  like a "row" */
      border: none;
      /*border-bottom: 1px solid #eee; */
      position: relative;
    }
      
  }
  /* 
  Generic Styling, for Desktops/Laptops 
  */
  table{
          font-size:.95rem;

  }
  table { 
    width: 100%; 
    border-collapse: collapse; 
  }
  /* Zebra striping */
  table tr:nth-of-type(odd) { 
    background: #f3f3f3; 
  }
  table th { 
    background: #333; 
    color: white; 
    font-weight: bold; 
  }
  table td, table th { 
    padding: 6px; 
    /*border: 1px solid #ccc; */
    text-align: left;
  }
/* .END LANDING PAGES*/

/* Cookies bar GDPR Cookie Consent plugin */
#cookie-law-info-bar{
  font-size: 10pt !important;
  line-height: 16px;
  padding: 13px 20px;
}
#cookie-law-info-bar #cookie_action_close_header{
  margin: 7px 0 0 15px;
}
/* END Cookies bar GDPR Cookie Consent plugin */