/***************************************************************
          CMS Pages Styles
****************************************************************/
/*simple accordion*/
* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* Overwrite class from global (font-weight: 200;) */
#cms .lead, #cms p.lead {
    font-weight: normal;
}


a { outline: 0 !important; }

.simple-accordion button.accordion{
  width: 100%;
  border: none;
  padding: 10px;
  text-align: left;
  position: relative;
}
.simple-accordion div.panel{
  border: 1px solid #f3f3f3;
}
.simple-accordion div.panel .panel-content{
  padding: 20px 10px;
}
.simple-accordion button.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 15px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.5rem;
  transition: 0.4s;
}


.simple-accordion button.accordion:after {
  content: '\f055';
  font-family: FontAwesome;
  color: #4e4e4e;
  position: relative;
  display: inline-block;
  padding: 1px 7px;
  font-size: 1.0rem;
  right: 0;
  position: absolute;

  font-size: 30px;
}
.faq-quest h3::after {  content: '\f055';  font-family: FontAwesome;  color: #4e4e4e;    position: relative;  display: inline-block;
    padding: 1px 7px;  font-size: 1.0rem;  right: 0px;  position: absolute;  font-size: 30px; top:2px;
}

.faq-quest h3.active::after {
  font-family: FontAwesome;
   content:'\f057';
   position: absolute;
   right: 0px;
   top: 2px;

}



.simple-accordion  button.accordion.active::after {
    font-family: FontAwesome;
     content:'\f057';
     position: absolute;
     right: 0;
}
/*end simple accordion*/

.simple-accordion button.accordion:hover::after { color: #feca06; }



button.accordion-toc:after {
    content: '\002B';
    color: #ec1c24;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 2.5rem;
  }

button.accordion-toc.active:after {
    content: "\2212";
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;    
    margin-bottom: 0;
}
 .simple-accordion-toc .accordion-toc{
  display: inline;
  font-weight: bold;
  font-size: 1.6rem;
  margin:0;
 }

/*end accordion-toc*/



/**ADDED BY SRDJAN **/
.custom-cms-page h1, .custom-cms-page h2, .custom-cms-page h3, .custom-cms-page h4, .custom-cms-page h5, .custom-cms-page h6{
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.custom-cms-page ul, .custom-cms-page ol, .custom-cms-page a, .custom-cms-page p{
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size:1.6rem;
  line-height: 1.7rem;
}

.custom-cms-page h1{
  font-size: 3.7rem;
  line-height: 60px;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 2.5rem;
}

.custom-cms-page input[type="file"] { padding: 0; }

.custom-cms-page .customization-cover{
  background: url("https://download.mikroe.com/images/image-testing/customization-inquiry-banner.jpg"); /**VOJA**/
  background-position: center;
  position: relative;
}
/*Custom embedded hardware and software*/
#id-customization .baner-container {
  height: 60vh;
  background:url("https://s3.us-west-2.amazonaws.com/cdn.mikroe.com/img/banners/customization-inquiry-banner.jpg"); 
  /* background: url("https://download.mikroe.com/images/image-testing/customization-inquiry-banner.jpg"); *VOJA* */
  background-size: cover;
}
/*Customization Style*/
input[type="checkbox"].has-error {
  width: 16px!important; height: 16px!important; opacity: 1; visibility: visible; top:-1;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(243,81,92,1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(243,81,92,1);
box-shadow: inset 0px 0px 0px 1px rgba(243,81,92,1);
  
}
.has-error {
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(243,81,92,1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(243,81,92,1);
box-shadow: inset 0px 0px 0px 1px rgba(243,81,92,1);
}


#id-customization  h1 {margin-bottom: 0!important;}
#id-customization .mikroecustomform input:focus{outline: none;}



.custom-cms-page h2.main-title, .custom-cms-page h3.main-title{
    font-size: 5.2rem;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #111;
    font-weight: 400;
}

.custom-cms-page .row > div.section{
  margin-bottom: 30px;
  margin-top: 30px;
}

.custom-cms-page .distributors-row p{
  margin-bottom: 9px;
}
.custom-cms-page p{
  line-height: 26px;
  margin-bottom: 9px;
}

.custom-cms-page .mikrobus-background-img-head{
    background-image: url("https://download.mikroe.com/images/mikrosdk/mikrosdk_banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    text-align: center;
    padding: 69px;
    color:white;
    height: 60vh;
    position: relative;
    margin: 0;
    background-position: right;
}


 .img-head-logo{
  max-width: 150px;
  height: auto;
}
.custom-cms-page .download-section{
  margin: 20px 0;
}
.custom-cms-page .download-section span{
  display: block;
  padding-top: 10px;
}

.custom-cms-page .link-fluid{
    width: 100%;
    padding: 30px 10px;
    border: 2px solid #E61C24;
    display: block;
    text-align: center;
    border-radius: 35px;
    font-size:3.5rem;
    line-height: 1; /*VOJA*/
}
.custom-cms-page sup{
  color: black;
  font-weight: 600;
}
.custom-cms-page sup:hover{
  color:inherit;
}


.custom-cms-page .row.separate-block{
  border-top:1px solid #ddd;
}

.custom-cms-page .row-spacing{
    padding-bottom: 30px;
    padding-top: 30px;
}


#ebooks-landing-page .row-spacing{ padding: 0; }


#books-container .jumpto {display: flex; align-items: center; background:#fff ; justify-content: center; position: absolute; width: 1278px; top: -70px; height: 50px;}
#books-container .jumpto p {padding: 0; height: 50px;   padding-top: 1px; cursor: default; font-size: 16px; color: #808080;  display: flex; align-items: center; justify-content: center;}
#books-container .jumpto p span {padding-left: 10px; font-size: 16px; color: #808080;}
#books-container .jumpto .pageinput {padding-left: 100px;     display: flex; align-items: center; justify-content: center;}
#books-container .jumpto label {font-weight: 500; color: #808080; margin: 0;   font-family: 'Montserrat',Arial,Helvetica,sans-serif; }
#books-container .jumpto input[type=submit] {background: #808080; font-weight: 500; padding: 0 10px;  font-size: 16px;  border:none ;  color: #fff; font-family: 'Montserrat',Arial,Helvetica,sans-serif;}
#ebooks-landing-page .booksline .col-md-4 > a:nth-child(1) {background: white; display: flex;  align-items: center;  justify-content: center; padding: 100px;}
#ebooks-landing-page .booksline {margin-bottom:100px;}
.book-navigation-container #quantity {width: 50px; height: 38px; border:none; padding-left: 5px;}
#books-container .jumpto .pageinput div:nth-child(1) {    background: #fff; padding: 12px; color: #fff;}
#books-container .jumpto .pageinput div:nth-child(2) { background: #fff;  padding: 0 2px 0 5px;  border: 1px solid #DFDFE0;border-radius: 5px }
#books-container .jumpto .pageinput div:nth-child(3) {  height: 40px; background: #808080;  display: flex;  align-items: center; justify-content: center;margin-left: 5px; border: 1px solid #DFDFE0;
  border-radius: 0 5px 5px 0;}

.book-navigation-container #quantity:focus {border: none;  outline: none;}
.book-navigation-container #quantity::-webkit-inner-spin-button { -webkit-appearance: none;}
#books-container .jumpto input[type=submit]:focus {    outline: none;}
#books-container .jumpto .pageinput div:nth-child(3):hover {background: #1592e6;}
#books-container .jumpto .pageinput div:nth-child(3):hover input{background: #1592e6;}
#click-boards.ebooks {background: #fbfbfb ; margin-bottom: 50px;}
#click-boards.ebooks #all-click .box {background: #fbfbfb;}
#click-boards.ebooks #slider h3 {font-family: 'Montserrat',Arial,Helvetica,sans-serif;  font-size: 20px;  text-transform: uppercase;  font-weight: 300;  padding: 0;  margin: 40px 0 20px 0;}
#click-boards.ebooks #all-click .box img {overflow: hidden;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;  -ms-border-radius: 5px;  border-radius: 5px;  margin-bottom: 11px;  box-shadow: 0 3px 6px 0 #f3f3f3;  border: 1px solid #f3f3f3;}

/* Grow Shadow */
#ebooks-landing-page .booksline .col-md-4 a img {
  display: inline-block;
  min-width: 180px;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
#ebooks-landing-page .booksline .col-md-4 a:hover img {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}


.custom-cms-page .row-spacing-bottom{
    padding-bottom: 60px;
    padding-top: 0px;
}

.custom-cms-page h3.second-title{
  margin: 15px 0 60px 0;
  font-size: 3.0rem;
  font-weight: 300;
  text-align: center;
}

.custom-cms-page ul{
  list-style-type: disc;
  padding-left:35px;
}
.custom-cms-page ol {
  padding-left: 35px;
}
.custom-cms-page .last-section{
  padding-top:60px;
}

.custom-cms-page a.cms-btn-download{
    background-color: #dd3333;
    color: #ffffff;
    padding: 20px 10px;
    border-radius: 5px;
}

.custom-cms-page a.cms-btn-download:hover{
  background-color:#c62e2e;
}

.custom-cms-page .about-overlay{
  background: rgba(255,255,255,0.78);
  padding: 20px;
  margin: 0;
  margin-top: -233px;
  position: relative;
  color:black;
}
.custom-cms-page .about-overlay-v2{
  background: rgba(255,255,255,0.78);
  padding: 20px;
  margin: 0;
  position: absolute;
  color:black;
  bottom: 0;
  left: 0;
  right: 0;
}

.custom-cms-page .cms-pages-info{
  max-width: 900px;
}
.custom-cms-page .about-overlay h3{
  margin-bottom: 20px;
}

.custom-cms-page .about-overlay p{
  line-height: 17px;
}
.custom-cms-page h2.paragraph-title{
  text-align: left;
  font-size: 1.5em;
}

.custom-cms-page .about-us h2.main-title, .custom-cms-page .about-us h3.main-title{
  color:#ec1c24;
  border-bottom: 1px dashed lightgray;
  text-align: left;
  margin-top:0px;
  padding-bottom: 10px;
}

.custom-cms-page .leadership{
  background: rgb(242, 242, 242);
}

.custom-cms-page .partners img{
  max-height: 75px;
  margin:0 auto;
}

.custom-cms-page .about-us .external-link-btn{
    position: relative;
    display: block;
    max-width: 100px;
    text-align: center;
}

.custom-cms-page .about-us .certifications img{
  margin:0 auto;
}

#cms #columns{
  padding-bottom: 0px;
}

.custom-cms-page .text-over-image-bottom{
  position: absolute;
  bottom: 40px;
  left: 0;
  margin: 0;
}

.custom-cms-page .description-left p{
  padding-left: 40px;
}
.custom-cms-page .description-right p{
  padding-right: 40px;
}
.custom-cms-page img.img-header-absolute{
    position: absolute;
    float: left;
    width: 439px;
    background-color: #fff;
    left: 301px;
    top: 0px;
    z-index: 1;
}
.custom-cms-page .bordered-blocks div{
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    padding: 20px;
    min-height: 345px;
}
.custom-cms-page .bordered-blocks div:last-child{
  border-right: 1px solid lightgray;
}

.custom-cms-page .bordered-blocks h4{
  font-size: 2.0rem;
}

.custom-cms-page .bordered-blocks .bordered-block img{
  position: absolute;
  bottom: 30px;
  left: 30%;
}

.custom-cms-page .bordered-blocks p.subhead{
  color: #a9a7a7;
  font-size: 1.4rem;
}

.custom-cms-page .me-product-lines {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-flow: wrap;
  align-items: stretch;
  align-content: stretch;
  justify-content: center;
  list-style-type: none;
  padding: 10px 0;
}

.custom-cms-page .distributors-cover{
  background: url("https://cdn2.mikroe.com/img/2017/01/30105818/world-map-distributors.jpg");
  background-position: center;
  padding-right: 0;
  padding-left: 0;
}

.custom-cms-page .distributors-cover-overlay{
  background: rgba(29, 97, 78, 0.7);
  padding: 62px 0;
}
.custom-cms-page .distributors-cover-overlay h2, .custom-cms-page .distributors-cover-overlay h1, .custom-cms-page .distributors-cover-overlay h3{
  color:white;
}
.custom-cms-page .me-product-line {
    display: inline-block;
    width: 160px;
    flex: 0 1 auto;
    align-self: stretch;
    border-radius: 10px;
    padding: 10px 5px;
    margin: 15px;
    color: #000;
    border: 1px solid #fff;
    background-color: #fff;
    background: -webkit-linear-gradient(#ffffff, 80%, #f0f0f0);
    background: -o-linear-gradient(#ffffff, 80%, #f0f0f0);
    background: -moz-linear-gradient(#ffffff, 80%, #f0f0f0);
    background: linear-gradient(#ffffff, 80%, #f0f0f0);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.custom-cms-page .me-product-line-wrapper {
    text-align: center;
    position: relative;
    height: 100%;
    padding-bottom: 0px;
}

.custom-cms-page .me-product-line-name a {
    color: #268c9c;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    display: block;
    text-transform: uppercase;
    font-size: 1.9rem;
    vertical-align: middle;
    text-align: center;
}

.custom-cms-page .me-product-line-image {
    height: 130px;
    margin-bottom: -10px;
    padding-bottom: 0;
    margin-bottom: 10px;
    width: auto;
    height: 100px;
    vertical-align: middle;
    background-color: transparent;
    display: inline-block;
}

.no-touch .me-product-line:hover, .me-product-line.me-selected {
    top: -5px;
    position: relative;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.5);
    cursor: pointer;
}

.custom-cms-page .distributors-main-title{
  border-bottom: 1px solid #268c9c;
  display: block;
  width: 100%;
  padding-bottom: 20px;
  font-size: 3.5rem;
}
.custom-cms-page .distributors-section{
  margin-top:60px;
}
.custom-cms-page .distributors-row{
  border-bottom: 1px solid #EBEBEB;
  padding-bottom: 15px;
  padding-top: 15px;
}
.custom-cms-page .distributors-row:last-child{
  border-bottom: none;
}

.custom-cms-page .distributors-row img{
  max-width: 150px;
  /*margin:0 auto;*/
}
.custom-cms-page .distributors-row img.state-flag{
  max-width: 100%;
  margin-right: 10px!important;
  vertical-align: middle;
  width: 16px;
  display: inline!important;
}
.custom-cms-page .distributors-row .distributor-description{
  text-align: left;
  margin-top: 25px;
}


.fluid-cover-overlay{
  background: rgba(0,0,0,0.4);
  position: relative;
  color:white;
  padding: 150px 0;
}
.custom-cms-page .fluid-cover-overlay p, .custom-cms-page .fluid-cover-overlay h1, .custom-cms-page .fluid-cover-overlay h2, .custom-cms-page .fluid-cover-overlay h2.main-title, .custom-cms-page .fluid-cover-overlay h3, .custom-cms-page .fluid-cover-overlay h4{
  color:white;
  text-align: center;
  max-width: 1170px;
  margin:0 auto;
  padding:15px;
}


.custom-cms-page .fluid-cover-info, .custom-cms-page .fluid-cover-info h2{
  text-align: left;
  max-width: 980px;
  margin:0 auto;
  padding:15px 0;
}

.custom-cms-page ol{
  list-style-type: decimal;
}
.custom-cms-page .list-spacing li{
  padding-bottom: 15px;
  line-height: 26px;
}
.custom-cms-page .img-center{
  margin:0 auto;
}
.custom-cms-page li{
  line-height: 26px;
}
.custom-cms-page .main-container{
  max-width: 980px;
  margin:0 auto;
}

.custom-cms-page .customization-cover{
  background: url("https://cdn2.mikroe.com/img/2016/11/16155535/customization-inquiry-banner.jpg");
  background-position: center;
  position: relative;
}

.custom-cms-page .jobs-cover{
  background: url("https://download.mikroe.com/images/image-testing/careers-image-header.jpg");
  background-position: top;
  position: relative;
  background-position: center;
  background-size: cover;
  display: block;
}
.custom-cms-page .jobs-cover .fluid-cover-overlay{
  padding: 82px 0;
}

.custom-cms-page .author-name{
  font-style:italic;
}
.custom-cms-page .positions-cover{
  position: relative;
}


.custom-cms-page .contact-cover{
  background: url("https://cdn.mikroe.com/img/contactbanner.jpg");
  background-position: center;
  position: relative;
}

.custom-cms-page .contact-info-cover{
  background-color: #f4f4f4;
  background-position: center;
  position: relative;
  margin-top: 30px;
}



.custom-cms-page .presskit-cover{
  background:url("https://download.mikroe.com/images/image-testing/header-presskit.jpg");
  background-position: center;
  position: relative;
}

.custom-cms-page .company-leadership p{
  max-height: 105px;
  overflow-y: auto;
}

.custom-cms-page .trademarks img{
  max-height: 100px;
 }

.custom-cms-page .trademarks h4{
  border-bottom:1px dotted lightgray;
}

.custom-cms-page .about-us-v2-cover{
  background: url("https://cdn2.mikroe.com/img/2016/11/22180838/mikroelektronika-team-2016.jpg");
  background-position: center;
  padding:600px 0px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}

.custom-cms-page p.ceo-qoute{
  max-width: 700px;
  margin: 0 auto;
  line-height: 45px;
  font-style: italic;
  font-size: 2.5rem;
  text-align: center;
  padding-bottom: 25px;
}

.custom-cms-page .about-us div.text-center,.custom-cms-page .about-us h2.text-center, .custom-cms-page .about-us i{
  text-align: center;
}
.custom-cms-page .about-us i.fa.fa-flag{
  color:#c1272d;
  font-size: 6.0rem;
}

#cms .breadcrumb-new-header{
  display: none;
}



.custom-cms-page .contact-info-cover {
  padding: 10px 40px;
}

.custom-cms-page a{
  color: #1592e6;
  text-decoration: none;
  font-weight: 400;
}
.product-lnpage .row.no-gutter div {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  overflow: hidden;
}

.custom-cms-page div.big-video-wrapper{
  position: relative;
  padding-bottom: 56.26%;
  height: 0;
  overflow: hidden;
  max-width: 1280px;
  margin: 0 auto;
 
}
.custom-cms-page div.big-video-wrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;
  height: 100%!important;
}

.product-lnpage .row.no-gutter {
  padding: 0px 2px 0px 4px;
}

.product-lnpage .col-md-4 img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.product-lnpage .col-md-4 img:hover {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.product-lnpage .products-category-title{
  position: absolute;
  z-index: 99;
  top:40px;
  left: 0px;
}
.product-lnpage img.img-responsive{
  width: 100%;
}
/*ceo div postaje link*/
.product-lnpage .products-category-title a{
  font-family: 'Open Sans','Helvetica Neue', Verdana;
   margin: 0;
  font-size: 1.6rem;
  line-height: 17px;
  text-align: left;
  width: 180px;
  background: rgba(255,255,255,0.9);
  padding: 15px 0 15px 15px;
  -webkit-box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.61);
  -moz-box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.61);
  box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.61);
  min-height: 74px;
  display: flex;
  align-items: center;
}
.product-lnpage .products-category-title h1 {
  margin-bottom: 0px;
}
.product-lnpage .products-category-title h1 a{
  color:black;
  font-weight: 600;
}
.product-lnpage .products-category-title h1 a:hover{
  color:#989797;
  font-weight: 600;
}
/*ako cemo ceo div u link, onda a mora biti absolute sa width i height 100% */
.product-lnpage .products-category-title span.type{
  position: absolute;
  right: 0;
  background: #ed1d25;
  color: white;
  font-size: 1.4rem;
  padding: 0 5px;
  font-weight: 600;
}
.product-lnpage .row .row.no-gutter:last-child{
  padding-right: 1px;
 }
.product-lnpage div:last-child .row.no-gutter div.no-gutter{
  padding-right: 0;
  margin-bottom: 6px;
}
.product-lnpage .section-hidden{
  display: none;
}
.product-lnpage .row.no-gutter div .products-category-title{
  overflow:visible;
}

/*end product landing page */

.custom-cms-page #books-container{
  margin-top: 0px;
}
#ebooks_banner {
  
  /* background: url('https://download.mikroe.com/images/image-testing/books-header-banner-a.jpg') no-repeat; */   
  background-size: cover; background-position: top; padding: 50px 0; padding-top: 75px;  background: #1592e6;
}
#ebooks_banner img { max-width: 45%!important;}

#books-container img{
  max-width: 100%;
  display: block;
  height: auto;
  /*padding: 10px 0;*/
}
/*stevan*/
#book-title-div {
  text-align: left;
  margin: 10px 10px 40px 0px ;
}
span.span-dest{
  display: none;
}
/*font needs to be set here, text has no wrapper for itself*/
#books-container .book-content-wrapper{
  font-family: 'Open Sans', 'Helvetica Neue', Verdana;
  font-size: 1.6rem;
  line-height: 24px;
  padding: 60px;
  background: #fff;
  margin:0;
  border: 1px solid #eee;
  position: relative;
  padding-bottom: 150px;
  margin-bottom: 150px;
}

#books-container .row {margin: 0;} 
.books-main-wrapper{
  background: #fbfbfb;
  margin-bottom: -18px /* removing white space above the footer*/
}
#books-container h4{
  margin-top: 40px;
}
.table-of-content-accordion{
  font-family: 'Open Sans', 'Helvetica Neue', Verdana;
  font-style: normal;
  font-weight: bold;
  font-size: 1.2rem;
  /*position: fixed;*/
  position: absolute;
  width: auto;
  padding: 0;
  margin-top: -6px;
  z-index: 10;
}
.ebooks-table-of-contents{
  position: absolute;
  right: 20px;
  top: 80px;
}

.table-of-content-accordion .panel{
  background:#fff;
  border: none;
}
#books-container .table-of-content-accordion ul{
  list-style: none;
  padding: 0;
  margin:0;
}
.table-of-content-accordion button.toc-btn{
  background: none;
  border: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  display: block;
  background: #fff;
  padding: 10px;
  color: black;
  text-align: center;
  width: 250px;
  
}
.table-of-content-accordion button.toc-btn { padding: 15px 15px 15px 20px; border: 1px solid #dfdfdf;     border-radius: 5px;  position: absolute;  right: 0; width: 250px;     text-transform: uppercase; text-align: left;  }
.table-of-content-accordion button.toc-btn.active {width: 250px; border:none; background: #fff0;        padding: 15px 15px 15px 20px;}
.table-of-content-accordion button.toc-btn i { position: absolute;  right: 0;  padding-right: 15px;  }
.table-of-content-accordion button.toc-btn.active i {transform: rotate(180deg); padding-left: 15px;   }
#books-container .panel a {font-size: 12px;} 
#books-container .contents ul {list-style: none;}
.book-introduction-desc p {cursor: default;}



.table-of-content-accordion button{
  background: none;
  border: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  display: block;
  background: #fff;
  padding: 7px 0px;
  color: black;
  text-align: left;
  
}
.table-of-content-accordion .panel button { padding-left: 20px; text-indent: -15px;}


.table-of-content-accordion button i.fa-list-ul{
  display: block;
  font-size: 2.4rem;
}
.table-of-content-accordion .panel-wrapper{
  background: #fff;
  padding-left: 15px;
  border: none;  
  transition: height .5s ease;
  margin-left: -250px;
  max-width: 376px;
  border-radius: 0px;
  border-color: #dfdfdf;
  padding-top: 45px;
}
.table-of-content-accordion li{
  line-height: 16px;
  padding: 5px 0;
  padding-left: 20px;
    text-indent: -15px;
}
.table-of-content-accordion a{
  font-size: 1.2rem; 
  font-weight: normal;
}
.table-of-content-accordion .panel-wrapper .panel{
  padding: 0 0px;
  box-shadow: none;
  

}
.table-of-content-accordion .accordion.active + .panel-wrapper{
  padding: 45px 5px  15px  15px;  overflow-y: hidden;  border: 1px solid #dfdfdf;  width: 250px; border-radius: 5px;  -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease;transition:all 1s ease;}
.book-content-wrapper .def_table, .book-content-wrapper table{  margin-top:20px!important;  margin-bottom: 20px!important;  display: inline-block;  overflow: auto;  border-right: 1px solid #ccc;}
.book-content-wrapper .def_table th, .book-content-wrapper .def_table td {  border: 1px solid #ccc;  padding: 10px 10px;  font-size: 1.4rem;  width: 1%;}
/*end table of contents*/

/*wrapper for arrows*/
#books-container .book-navigation-wrapper {
  position: fixed;
  top: calc(100% - 49px);
  width: 1280px;
  right: auto;
  height: 1px;
  display: block;
}


#books-container .book-navigation-wrapper.bottom {
  position: absolute;
  top: calc(100% - 60px);
  width: 1280px;
  right: auto;
  height: 1px;
}
.before-book-content{
  margin-right: 55px;
  overflow: hidden;
}

.book-navigation-container {
  position: absolute;
  left: 0;  
  top: 100%;
}

.book-navigation-wrapper span.previous-book-page {
  position: absolute;
  top: 45%;
  left:10px;
  
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;  
  color: #000; background:#fff ;
  font-weight: bold;
  cursor: pointer; 
  z-index: 5;
}
.book-navigation-wrapper.bottom span.previous-book-page, .book-navigation-wrapper.bottom span.next-book-page { background: #fff; top: -5px; }
.book-navigation-wrapper span.previous-book-page i:before {    font-size: 30px;}


.book-navigation-wrapper span.next-book-page {
  position: absolute;
  top: 45%;
  right: 12px;

  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;  
  color: #000; background:#fff ;
  font-weight: bold;
  cursor: pointer;  
  z-index: 5;
}

.book-navigation-wrapper span.next-book-page i:before {    font-size: 30px;}

.book-navigation-wrapper span a {
  display: block;
  white-space: nowrap;
  font-size: 5.0rem;
  background: #ccc;
  padding: 0px 10px;
  color: white;
}
.book-navigation-wrapper span a {padding: 5px 10px;  font-size: 26px!important;  color: #ccc; background: transparent;;}
.book-navigation-wrapper span a i {font-weight: 300; color: #1592e6; font-size: 17px;}


/* Bubble Float Right */
.next-book-page, .previous-book-page {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.next-book-page:before, .previous-book-page:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.next-book-page:hover {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.next-book-page:hover:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
 .previous-book-page:hover {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.previous-book-page:hover:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

#books-container.container {
  padding: 0 20px;
}
@media screen and (min-width: 600px) {
  #books-container.container {  padding: 0 50px;  max-width: unset;}
}

@media screen and (min-width: 900px)
{
  #breadcrumb { display: block !important;  white-space: nowrap; }
  #books-container.container {  padding: 0 20px;  max-width: unset;}
  

}
@media screen and (min-width: 1200px) {
  #books-container.container {    width: 1170px; max-width: unset;   margin: 0 auto;    padding: 0;}
}

@media screen and (min-width: 1300px) {
  #books-container.container {  width: 1280px; max-width: unset;}
 
}

@media screen and (max-width: 490px) {
  #ebooks-landing-page .book-box {    margin: 0 auto;  }
  #books-container .book-navigation-wrapper span.previous-book-page  {left: 0px;}
  #books-container .book-navigation-wrapper span.next-book-page {right: 3px;}
  #ebooks_banner img {max-width: 80%!important;}
 
}


#books-container .books-right-section{
  padding-left: 35px;
  /*margin: 0 10px;*/
}

#books-container .block_title_desc h3 a.title_desc_single{
  color: white;
  padding: 10px;
  background: black;
  opacity: .55;
  width: 100%;
  display: block;
  transition: .2s ease-in;
}
#books-container .block_title_desc h3 a.title_desc_single:hover {
    opacity: .8;
}
#books-container .block_title_desc a.categorie_blog{
  font-size: 1.0rem;
  color:white;
}
#books-container .block_bas.block_bas_inline{
  position: absolute;
  bottom: 0px;
  width: 100%;
}
#books-container .block_cont.block_cont_inline{
  position: relative;
}
#books-container ul.product_list.grid.row.products{ padding: 0 10px;}

#books-container .books-right-section div.content_price span.product-reference, #books-container .books-right-section div.functional-buttons .compare{
  display: none!important;
}

.books-right-section .block_cont .block_title_desc h3{
  margin:0px;
  line-height: 11px;
}

#books-container .books-right-section ul.product_list.grid > li{
  padding: 0 5px 5px 5px;
}

#books-container .books-banner-wrapper{
  margin-bottom: 30px;
}

#books-container div.block_structure.block_structure_inline{
  margin-bottom: 25px;
}

#books-container .button.ajax_add_to_cart_button.btn.btn-default, #books-container  .button-container{
  width: 100%;
}
.books-right-section .block_bas.block_bas_inline .blog_link{
  font-size: 1.2rem;
  color:white;
}
#ebooks-landing-page .site-main .entry-title {
    font-size: 1.5em;
    margin: 0;
}
#ebooks-landing-page .catalog-book{
  padding: 20px;
  position: relative;
  margin: 20px 0;
  max-height: 665px;
  transition: box-shadow .5s; 
}

#ebooks-landing-page .catalog-book img {  display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow;  transition-property: box-shadow;}
#ebooks-landing-page .catalog-book img:hover{ box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);     transform: scale(1.1); transition: 0.5s;}

#ebooks-landing-page-header { height: 60vh;   display: flex; align-items: center;   justify-content: center;  background-color: #1592e6;}

#ebooks-landing-page-header .fluid-cover-overlay{
  background-color: rgba(0,0,0,0.9);
  background: url('https://cdn.mikroe.com/ebooks/e-books-baner.png') no-repeat; /*VOJA*/
  background-size: cover;
  background-position: center;
  position: relative;
  color:white;
  display: block;
  width: 80%;
}
#ebooks-landing-page .bookstable {    flex-wrap: wrap;  display: flex; }
#ebooks-landing-page .book-box {min-width: 240px;}




#ebooks-landing-page h2{
  line-height: 26px;
}
#ebooks-landing-page h2 a{
  font-size: 2.2rem;
}
#ebooks-landing-page img{
  margin:0 auto;
  height: 220px!important;/*This is temporary, ONLY for testing */
}
#ebooks-landing-page .button-wrap{
  text-align: center;
}
#ebooks-landing-page .more-btn{
  background-color: #E61C24;
  border: none;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-family: "Open Sans", "Helvetica Neue", Verdana;
  font-size: 1.2em;
  margin: 0 auto;
  padding: 10px 20px;
  width: 140px;
  text-align: center;
  text-transform: uppercase;
}
#ebooks-landing-page .more-btn:hover {
  background-color: #FF2232;
  text-decoration: none;
}


#books-container .book-introduction-desc{
  display: block;
  min-height: 330px;
}
#books-container .book-introduction-desc h4{
  margin-top: 0;
  text-align: left;
}
#books-container .introduction-desc-author{  color: #121212; padding-top: 0; margin-bottom: 30px; font-weight: 500; cursor: unset;}
#books-container .introduction-desc-author span{  color: #121212; font-weight: 700;}

.ebooks-table-of-contents h2.book-title{
  font-size: 2.0rem;
  position: absolute;
  left: -1140px;
  top: 0;
  display: inline;
  white-space: nowrap;
  color: #0067b9;
  border-bottom: 1px solid #cccccc;
  line-height: 26px;
  margin-top: 0px;
  padding: 5px 15px 10px 15px;}
#ebooks-landing-page .books-lp-title{
  margin-bottom: 0;
  line-height: 40px;
  font-weight: bold;
  margin-top: 60px;}
#ebooks-landing-page .books-lp-subtitle{
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-family: 'Open Sans', 'Helvetica Neue', Verdana;}
#books-container li img{
  margin:0 auto;}
#books-container p span{
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 1.6rem;}
#books-container table li h3{
  font-size: 1.6rem;}
#books-container table td h3 {
  font-size: 1.6rem;
  margin: 0;
  font-weight: 600;}
/*end ebooks*/
.contact-info-cover .description-right p{
  margin-bottom: 0px;}
.contact-info-cover .description-right {
    padding-top: 78px;}
.contact-info-cover .map-wrapper{
  padding: 20px 0;}
/*custom form style*/

/* uniform checkbox fix*/
.mikroecustomform div.checker span::before {
  position: absolute;
  left: 0;
  right: 0;}


.custom-cms-page .contact-form-description{
 
  margin: 0 auto;
  display: block;
  text-align: left;}

.custom-cms-page .contact-form-description{
  width: 100%;
  padding: 5px 10px;}
/*end custom form*/


 .contact-form-description label {
  color: #1f2e40;
  width: 15px;
  height: 15px;
}
.contact-form-description .has-error {  
  border: 1px solid #ff4c59a8 !important; 
 
}

.contact-form-description .text-danger{
  color: #f3515c;
}
 .contact-form-description .uploader{
  border:1px solid #1f2e40;;
  cursor: default;
}
 .contact-form-description input#mikroecustomform-cv:hover{
  cursor: pointer;
}

 .contact-form-description .uploader span.filename{
  color: #1f2e40;
}
.contact-form-description .uploader span.action{
  background: #202f41;
  border-left: 1px solid #1f2e40;
  border-radius: 0px;
  float: right;
  color: #ffffff;
}

.contact-form-description .uploader span.action:hover{
  color: #8abc63;
  background: white;
}

.contact-form-description input.submit{
  user-select: none;
  border: none;
  border-radius: 50px;
  height: 50px;
  padding: 0 35px;
  border-radius: 50px;
  line-height: 50px;
  white-space: nowrap;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: #ffffff;
  border: 1px solid #ebebeb;
  background-color: #1592e6;
  font-size: 14px;
  width: auto;
}
#books-container .introduction-cover-img {min-height: 330px;}

/*end accordion in careers*/
@media (min-width: 999px){ 
  #books-container .contents {min-height: 370px; margin-left: 310px;}
  #books-container .introduction-cover-img{   max-width: 270px;    display: inline;  float: left; margin: 0 40px 10px 0px; min-width: 260px;  min-height: 320px;  }
  #books-container .introduction-cover-img img {  -moz-box-shadow: 10px 10px 9px -6px rgba(0,0,0,0.36);  box-shadow: 10px 10px 9px -6px rgba(0,0,0,0.36);  -webkit-box-shadow: 10px 10px 9px -6px rgba(0,0,0,0.36);  border: 1px solid #dddddd;  }

}

#books-container p { cursor: pointer;     color: #000;  font-weight: 500; padding-top: 25px;}
#books-container h3 {color: #121212; margin: 60px 0 25px 0;  font-weight: 500;}
#books-container a {font-size: 14px;}
#books-container .contents p {padding-top: 0px;}

@media (max-width: 1199px){
  
  .ebooks-table-of-contents h2.book-title {
    left: -910px;}
}
@media (max-width: 1000px){  
  .ebooks-table-of-contents h2.book-title { border: none; }
}

@media (max-width: 1300px){  
  .ebooks-table-of-contents { top: 30px; }
  #books-container .book-content-wrapper {padding-left: 30px;}
}


@media (max-width: 991px){
  .ebooks-table-of-contents h2.book-title{ left: -686px; font-size: 1.6rem; } 
  #ebooks-landing-page .row .row .col-sm-4{width: 49.33333%; margin: 0 auto;}
  #books-container .book-navigation-wrapper { top: calc(100% - 100px); }
  #books-container .ebooks-table-of-contents {top: 30px;}
  #books-container .introduction-cover-img img {margin-top: 40px;}
  #ebooks-landing-page-header .fluid-cover-overlay {    width: 100%; padding: 60px 0;}  
  #ebooks-landing-page .booksline .col-md-4 {margin-bottom: 30px;}
  #books-container .jumpto {width: auto;}
  #books-container .jumpto .pageinput {padding-left: 75px; }
  #books-container .jumpto p, #books-container .jumpto p span { font-size: 14px;}  
  .book-navigation-container #quantity { width: 35px;}
  #books-container .jumpto .pageinput div:nth-child(3) {padding: 12px 5px; }
  #books-container .jumpto p {left: 45px;}
  #books-container .jumpto .pageinput div:nth-child(1) {padding-right: 3px;}

  .book-navigation-wrapper span.next-book-page{ right: 30px; }
  #books-container .books-banner-wrapper div{
    padding: 0;
  }
  #books-container .books-banner-wrapper div:first-child{
    display: none;
  }
  #books-container .book-content-wrapper{
    margin:0 auto;
  }
  #books-container .books-right-section{
    display: none;
  }
  .product-lnpage .product-lp-last-column .row.no-gutter div:first-child.no-gutter{
    padding-right: 3px;
  }
  .product-lnpage .product-lp-last-column .row.no-gutter div:nth-child(2).no-gutter, .product-lnpage .product-lp-last-column .row.no-gutter div:nth-child(3).no-gutter{
    padding-left: 3px;
  }
  .product-lnpage .section-hidden{
    display: block;
  }
  #toc i.desk {display: none!important;}
  #toc i.mobile {display: inline!important; padding: 0; right: 20px; top: 18px; font-size: 24px;}
  #toc .toc-btn span {display: none; transition: width 0.5s;}
  #toc .toc-btn { transition: width 0.5s;}
  #toc .toc-btn.active span {display: block;}
  #toc .toc-btn { width: 60px;  height: 60px; display: flex; z-index: 50; }
  #toc .toc-btn.active { width: 250px; justify-content: unset; background: transparent; }
  #toc .toc-btn.active span {    left: 20px;    top: 20px;    position: absolute;  }
  #toc .toc-btn.active i {right: 12px;}
  #books-container.container {    padding: 0 0 60px 0;}
  #books-container .book-navigation-wrapper .next-book-page span {display: none;}
  #books-container .book-navigation-wrapper .previous-book-page span {display: none;}
}


#toc i.mobile {display: none;}
#toc i.desk {display: inline;}

@media (max-width: 780px){
  #books-container p, #books-container {font-size: 14px;}  
  #books-container { padding: 0 }
  #books-container .book-content-wrapper { padding: 70px 20px 100px 20px; font-size: 14px;}  
  #books-container #book-title-div h2 { font-size: 2.0rem; }
  #books-container .jumpto p {left: 35px;}
  .book-navigation-wrapper span.next-book-page { right: 0; }
  .ebooks-table-of-contents h2.book-title{ left: -400px; font-size: 1.8rem;}
  .ebooks-table-of-contents .book-title span { display: none; } 
  .custom-cms-page h2.main-title, .custom-cms-page h3.main-title { padding: 0; font-size: 3.2rem; }
  #books-container .introduction-cover-img { margin: 0 auto 50px; }
  #books-container .jumpto input[type=submit] {     padding: 0;}
  .table-of-content-accordion .panel-wrapper {z-index: 1;    position: absolute;    width: 0;    right: 0;}

}

@media (max-width: 480px){
  .ebooks-table-of-contents h2.book-title{ left: -280px; font-size: 1.2rem;}
  .custom-cms-page h2.main-title, .custom-cms-page h3.main-title { font-size: 2.2rem; }
  .book-navigation-wrapper span.previous-book-page, .book-navigation-wrapper span.next-book-page{ opacity: .7 }
}

@media(max-width: 361px){
  .ebooks-table-of-contents h2.book-title { left: -262px; }
  .table-of-content-accordion .panel-wrapper{
    max-width: 360px;
    margin-left: -250px;}
}
@media(max-width: 321px){
  .table-of-content-accordion .panel-wrapper{
    max-width: 320px;
    margin-left: -260px;
  }
}
@media(min-width: 1190px){
  #ebooks-landing-page .book-box {    width: 20%;}
}

/* Grow Rotate */
.book-box img {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.book-box img:hover{
  -webkit-transform: scale(1.1) rotate(-4deg);
  transform: scale(1.1) rotate(-4deg);
}

/**END**/

/*aded by VOJA*/
.support-header .fluid-cover-overlay{
  background-color: rgba(0,0,0,0.9);
  background: url(https://download.mikroe.com/images/image-testing/support-header.jpg) no-repeat; /*VOJA*/
  background-size: cover;
  background-position: center;
  position: relative;
  color:white;
  display: block;
  padding: 84px 0;
}


.customization-cover .fluid-cover-overlay{
  padding: 84px 0;
}


.terms-and-conditions h3{
  font-size: 3.0rem;
  text-align: left;
  margin-top: 30px;
  margin-bottom: 20px;
  color: #111;
  font-weight: 400;
}
.terms-and-conditions h1{
  font-size: 5.0rem;
  line-height: 60px;
  text-align: center;
}
.img-circle{
  border:2px solid #d4d4d4;
}
.content-section-a {
  padding: 50px 0;  
  }


.content-section-b {
  padding: 50px 0;
  border: none;
}

.content-section-c {
  padding: 0px 0;
  background-color: #f8f8f8;
}
.content-section-c h2{
  margin-top: 0px;
}
.section-heading-spacer {
  float: left;
  width: 200px;
  border-top: 3px solid #e7e7e7;
}
.content-section-b .forum{
  display: inline-block;
}
.content-section-b i{
  display: inline-block;
  vertical-align: top;
  margin-top: 25px;
  margin-right: 20px;
}
.napravi-click-cover .fluid-cover-overlay{
  background: url("https://download.mikroe.com/images/image-testing/make-a-click-header-banner-2.jpg") center;
  background-color: rgba(0,0,0,0.9);
  background-size: cover;
  position: relative;
  color:white;
  padding:30px 0;
}

.custom-cms-page .mikrobus-success-button{color: #231f20;background-color: #ffcb05;; display: block; text-align: center;height: auto;
 font-size: 1.6rem; cursor: pointer; font-weight: 400; padding: 10px 30px 8px 30px; border-radius: 50px; line-height: 1.4; }
 .custom-cms-page .mikrobus-success-button:hover{background: #ebb705;border: none;}

 .custom-cms-page .mikrobus-success-button i.icon-external-link{ margin: 0 0 0 10px; line-height: 1.4; }

.content-section-a .btn-success{
  margin-top: 10px;
  font-size: 2.0rem;
}

.content-section-a .btn-success:hover {
  margin-top: 10px;
  background-color: #b21823;
  border-color: #b21823;
  font-size: 2.0rem;
}
.hundred-clicks-button{
  text-align: center;
  color: red;
}
.hundred-clicks-button .row {
  border-radius: 10px;
  border: 1px solid red;
}
.hundred-clicks-button .section-heading{
  padding-top: 20px;
}
.hundred-clicks-button .section-heading a{
  font-size: 4.0rem;
  color: red;
  text-decoration: none;
}
.hundred-clicks-button .section-heading a:hover{
  color:#dc0303;
}
.hundred-clicks-button .section-heading a i{
  margin-top: -7px;
}
.hundred-clicks-button h1{
  margin-bottom: 12px;
}
p.lead .btn-success{
  color: #fff;
  background-color: #46a74e;
  border-color: #3e9546;
}
p.lead .btn-success:hover{
  color: #fff;
  background-color: #3a8a41;
  border-color: #2c6a31;
}
.team{
    padding:75px 0;
}
h6.description{
  font-weight: bold;
  letter-spacing: 2px;
  color: #999;
  border-bottom: 1px solid rgba(0, 0, 0,0.1);
  padding-bottom: 5px;
}
.profile{
  margin-top: 25px;
}
.profile h1{
  font-weight: normal;
  font-size: 1.6rem;
  margin:10px 0 0 0;
}
.profile h2{
  font-size: 1.4rem;
  font-weight: lighter;
  margin-top: 5px;
      text-align: center;
}
.profile .img-box{
  opacity: 1;
  display: block;
  position: relative;
}
.profile .img-box:after{
  content:"";
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
.img-box ul{
  position: absolute;
  z-index: 2;
  bottom: 50px;
  text-align: center;
  width: 100%;
  padding-left: 0px;
  height: 0px;
  margin:0px;
  opacity: 0;
}
.profile .img-box:after, .img-box ul, .img-box ul li{
  -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}
.img-box ul i{
  font-size: 2.0rem;
  letter-spacing: 10px;
}
.img-box ul li{
  width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #88C425;
    margin: 2px;
    padding: 5px;
  display: inline-block;
}
.img-box a{
  color:#fff;
}
.img-box:hover:after{
  opacity: 1;
}
.img-box:hover ul{
  opacity: 1;
}
.img-box ul a{
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.img-box a:hover li{
  border-color: #fff;
  color: #88C425;
}
.profile .img-box:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}
.custom-cms-page .about-us-v2-cover {
    background: url(https://download.mikroe.com/images/image-testing/about-us-header-c.jpg);
    background-position: center;
    padding: 136px 0px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;}


/*test for new HOME PAGE added by Srdjan*/
.home-new .block-wrapper{
  display: block;
  min-height: 1px;
  /*background: black;*/
  transition: .2s ease-in;
 border: 1px solid #eeeeee;
}
.home-new .row-wrapper{
  margin-bottom: 22px;
}
.home-new .block-column{
  padding-left: 11px;
  padding-right: 11px;
}
.home-new .home-main-banner{
  padding-bottom: 30px;
}
.home-new .block-wrapper:hover{
  cursor: pointer;
}
.home-new .main-row {
  padding-bottom: 30px;
}
.home-new .sub-row-big .block-wrapper, .home-new .sub-row-small .block-wrapper{
    position: relative;
}
.home-new .sub-row-big .block-wrapper{

}
.home-new .sub-row-small .block-wrapper{
    max-height: 226px;
    overflow: hidden;
}
.home-new .first-row{
  margin-top: 30px
}
.home-new .multi-row-upper{
  padding-bottom: 30px;
}

/*image hover effect*/
.home-new .block-wrapper:hover .overlay{
  z-index: 1;
  height: 100%;
  bottom:0;
  color: white;
}

.overlay{
  z-index: -1;
  position: absolute;
  top: 0;
  height: 0px;
  left: 0;
  right: 0;
  bottom: 100%;
  background: rgba(0, 0, 0, .5);
  transition: all .3s;
  padding: 10px;
}
.overlay p{
  font-size: 1.4rem;
  line-height: 16px;
/*  transition: 1.2s;*/
}
.overlay-1{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .5);
  padding: 5px 10px;
  height: 70px;
  overflow: hidden;
}
.overlay-1 p, .overlay-static p{
  font-size: 1.2rem;
  line-height: 12px;
/*  transition: 1.2s;*/
}
.overlay-1 p, .overlay-1 h4, .overlay .short-info, .overlay-static h4, .overlay-static p{
  margin: 0;
  line-height: 15px;
  color: white;
  font-family: 'Open Sans';
  font-size: 1.3rem;
}
.overlay-static{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .5);
  padding: 5px 10px;
  height: 70px;
  overflow: hidden;
}

.home-new .block-wrapper:hover .overlay-1{
  z-index: -1;
}
.home-new .products-category-title {
    top: 0;
}
.home-new .hot-label{
  position: absolute;
  top: 0;
  left: 0;
  background: red;
  color: white;
  border-radius: 4px;
  padding: 0 8px;
  font-size: 1.3rem;
  line-height: 23px;
  text-transform: uppercase;
}

/*test*/
  .right-block-wrapper .sub-row{
    margin: 0 auto;
    border: 1px solid #ccc;
    height: 534px;
  }
  .right-block-wrapper .upper-block{
    padding:0;
  }
  .home-new .right-block-wrapper .mini-banners .block-wrapper {
    border: none;
}

.home-new .mini-banners{
  text-align: center;
}
.home-new .products-category-title{
  position: absolute;
  z-index: 99;
  top:40px;
  left: 0px;
}
.home-new img.img-responsive{
  width: 100%;
}
/*ceo div postaje link*/
.home-new .products-category-title a{
  font-family: 'Open Sans', 'Helvetica Neue', Verdana;
   margin: 0;
  font-size: 1.6rem;
  line-height: 17px;
  text-align: left;
  width: 180px;
  background: rgba(255,255,255,0.9);
  padding: 15px 0 15px 15px;
  -webkit-box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.61);
  -moz-box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.61);
  box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.61);
  min-height: 74px;
  display: flex;
  align-items: center;
}

.home-new .products-category-title span.type {
    position: absolute;
    right: 0;
    background: #ed1d25;
    color: white;
    font-size: 1.4rem;
    padding: 0 5px;
    font-weight: 600;
}
.bigger-than-block {
  max-height: 100%;
}

.home-new .banner-btn{
  position: absolute;
  color: white;
  bottom: 15px;
  left: 30px;
}

/*end test*/
@media (max-width: 1199px){
  .home-new .ajax_add_to_cart_button{
    font-size: 1.3rem;
  }
  .home-new .sub-row-small .block-wrapper{
    max-height: 178px;
  }
  .home-new .block-wrapper{
    max-height: auto;
  }
}


@media (max-width: 992px){
  .home-new .sub-row .block-wrapper{
    margin-bottom: 30px;
    overflow: hidden;
  }
  .home-new .sub-row-small .block-wrapper{
    max-height: 100%;
  }
  .home-new  .top-spacing{
    padding-top: 30px;
  }
  .home-new  .bottom-spacing{
    margin-bottom: 30px;
  }

}


/* offline page for helpdesk - temporary*/
.offline-main-wrapper{
    max-width: 1170px;
    margin: 0 auto;
    min-height: 600px;
    padding: 30px 0;
  }
  .offline-main-wrapper h2{
    text-align: center;
    margin-bottom: 50px;
  }
  .offline-main-wrapper img{
    max-width: 250px;
    display: block;
    height: auto;
    margin: 0 auto;
  }
  .offline-main-wrapper p{
    max-width: 700px;
    margin: 0 auto;
    padding: 10px 20px;
  } /*end offline page*/


.thank-you-wrapper {
    background: #EDEFEF;
    max-width: 566px;
    margin: 0 auto;
    padding: 0px;
    margin-top: 30px;
    margin-bottom: 0px;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
}

.thank-you-wrapper .conteiner {padding-left: 0; padding-right: 0;}

.thank-you-wrapper strong { white-space: nowrap; font-size: 1.4rem; }

.thank-you-wrapper h1 {
  font-family: EB Garamond, sans-serif;
  padding-top: 20px;
  margin-bottom: 10px;
  font-size: 3.0rem;
  white-space: nowrap;
  color: #1E2D3F;
}

.thank-you-wrapper h2 {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  white-space: nowrap;
  text-align: center;
  font-size: 1.6rem;
  padding: 5px 0;
  font-style: italic;
  font-weight: 300;
  border-radius: 20px;
  background: #14AF14;
  color: #fff;
  width: 55%;
  margin: 0 auto;
  display: block;
}

.thank-you-body p {
  font-size: 1.4rem;
  text-align: center;
  font-style: italic;
  font-weight: 400;
  padding: 0 13.5% 5px 13.5%;
  line-height: 1.5;
  color: #1E2D3F;
}

.thank-you-wrapper p a {
  color: #14AF14;
}

.thank-you-body img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}


@media (max-width: 666px) {
  .thank-you-wrapper h1 { font-size: 3.2rem; }
  .thank-you-wrapper h2 { width: 300px; }
  .thank-you-body p {font-size: 1.6rem; padding-left: 30px; padding-right: 30px; }
}

@media (max-width: 566px) {
  .thank-you-wrapper { box-shadow: none; }
  .thank-you-wrapper { margin-top: 17px; margin-bottom: 0px; }
}

@media (max-width: 420px) {
  .thank-you-wrapper h1 { font-size: 2.6rem; }
  .thank-you-wrapper h2 { font-size: 1.6rem; width: 280px; }
  .thank-you-body p {font-size: 1.6rem; padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 360px) {
  .thank-you-wrapper h1 { font-size: 2.3rem;  margin-bottom: 10px;}
  .thank-you-wrapper h2 { font-size: 1.4rem; width: 240px; }
}


.thank-you-rating {
  max-width: 566px;
  padding: 10px;
  margin: 0 auto;
  display: block;
}



/* presskit *//* presskit *//* presskit *//* presskit *//* presskit *//* presskit *//* presskit *//* presskit *//* presskit *//* presskit *//* presskit *//* presskit *//* presskit *//* presskit *//* presskit */
.contact-wrapper h1 {
  font-size: 2.6rem;
  text-align: left;
}

.contact-wrapper h2 {
  font-size: 1.8rem;
  margin-bottom: 5px;
}

.contact-wrapper p { color: #777777; }

.row .right{
  border-left: 1px solid #F2F2F2;
  padding-left: 30px;
}

.row .left{
  border-bottom: 1px solid #F2F2F2;
  padding-bottom: 30px;
}

.row .maps { margin-top: 30px; }

/* presskit about mikroe elektronika*/
.contact-wrapper #contact-about { margin-top: 60px; }

.contact-wrapper #contact-about h1 {
  font-size: 3.2rem;
  text-align: left;
  color: #1E2D3F;
  font-weight: bold;
  margin-bottom: 60px;
}

.contact-wrapper #contact-about p {
  font-size: 2.0rem;
  text-align: left;
  color: #777777;
  margin: 0;
  padding-bottom: 30px;
  padding-left: 20px;
  line-height: 45px;
}

.contact-wrapper #contact-about .info {
  color: #E81717;
  font-size: 1.6rem;
  border: none;
  text-align: center;
  padding: 0;
}

.contact-wrapper #contact-about .col-md-4 img {
  padding-top: 90px;
  width: 200px;
}

.contact-wrapper #contact-about span {
  font-weight: bold;
  color: #1E2D3F;
}

.contact-wrapper #contact-about .content { border: 1px solid #1E2D3F; }

/*presskit trendmarks */
.trademark img { height: 70px; }

.trademarks strong {
  font-size: 2.8rem;
  color: #1E2D3F;
}

.trademarks .second-title {
  margin-top: 100px !important;
  background-color: #EEEEEE;
}

.trademarks .hand { width: 30px; }
.trademarks .col-md-12 { padding: 0;}
.trademarks .col-md-12 p { margin-bottom: 100px; }
.trademarks h4 { background-color: #EEEEEE; }

/* presskit settings for other screen */
@media (min-width: 280px) and (max-width: 991px) {
  .row .right{
    border: none;
    border-top: 1px solid #F2F2F2;
    padding-left: 10px;
  }

  .contact-wrapper .col-md-12 {
    margin-bottom: 30px;
  }

  .maps .col-md-12 { padding: 0; }

  .contact-wrapper #contact-about .col-md-4 img {
    display: none;
  }

  .custom-cms-page .trademarks .col-md-3 img {
    margin-bottom: 30px !important;
  }

   .custom-cms-page .trademarks p {
    padding-left: 30px;
    padding-right: 30px;
  }

  .custom-cms-page .trademarks br {
    display: none;
  }

  .custom-cms-page h3.second-title {
    margin-top: 30px !important;
    margin-bottom: 60px;
  }

  .custom-cms-page h3.second-title .col-md-6 {
    margin-bottom: 30px;
  }

  .custom-cms-page .trademarks .hand {
    margin-bottom: 0px;
  }
  #brand {
    margin-top: 50px;
    width: 80%;
  }

  @media (min-width: 280px) and (max-width: 450px) {
      .custom-cms-page .trend img {
        width: 50%;
        height: auto;
        margin: 0 auto;
        display: block;
        margin-bottom: 20px;
    }
    .trademarks strong {
      font-size: 2.2rem;
    }
    .custom-cms-page h2.main-title, .custom-cms-page h3.main-title {
      font-size: 3.4rem;
    }
    .contact-wrapper #contact-about .info {
      line-height: 25px;
    }
    .contact-wrapper #contact-about p {
      font-size: 1.6rem;
      line-height: 40px;
    }
    .custom-cms-page .trademarks p {
      padding-bottom: 60px;
    }
    .trademarks h4 {
        margin-bottom: 40px;
    }
  }

}

/*rating stars*//*rating stars*//*rating stars*//*rating stars*//*rating stars*//*rating stars*//*rating stars*//*rating stars*//*rating stars*//*rating stars*//*rating stars*/


.thank-you-rating #rating-message {height: 100px;}

.thank-you-rating .rating > input { display: none; }
.thank-you-rating .rating > label:before {
  margin: 5px;
  font-size: 2.6rem;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}
.thank-you-rating .alert.alert-danger { margin-top: 25px;}

.thank-you-rating label { padding-top: 40px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1.3rem; }

.thank-you-rating #rating  {
  float: left;
  position: absolute;
  margin: 5px 0 0 0;
}

.thank-you-rating #rating label {
  padding-top: 0px !important;
}

.thank-you-rating .rating > .half:before {
  content: "\f089";
}

.thank-you-rating .rating > label {
  color: #ddd;
  float: right;
  cursor: pointer;
  font-size: 2.2rem;
}
.intellectual-property a { cursor: pointer; }

/***** CSS Magic to Highlight Stars on Hover *****/

.thank-you-rating .rating > input:checked ~ label, /* show gold star when clicked */
.thank-you-rating .rating:not(:checked) > label:hover, /* hover current star */
.thank-you-rating .rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.thank-you-rating .rating > input:checked + label:hover, /* hover current star when changing rating */
.thank-you-rating .rating > input:checked ~ label:hover,
.thank-you-rating .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.thank-you-rating .rating > input:checked ~ label:hover ~ label { color: #FFED85;  }

/*mikrobus cms page - PDF Downloads*/

#preview-list {display: flex;	flex-wrap: wrap;	  margin: -10px;	width: calc(100% + 20px);	counter-reset: item;   margin-bottom: 50px;    font-family: 'Montserrat',Arial,Helvetica,sans-serif;}
#preview-list h3 {text-align: center; height: 55px; font-size: 16px; color: #58595b; }
#preview-list .mikrobus-img {max-height: 150px; margin-bottom: 10px;  }
#preview-list .item-wrap { 	width: calc((100% / 4) - 20px); background: #fff; padding: 20px; height: 300px; position: relative; margin: 10px; border: 1px solid #ebebeb; border-radius: 5px; }
#preview-list .company-title {display: block; color: #58595b; line-height: 10px; width: 50%;  }
#preview-list .text .moreinfo { width: 100%; display: flex; cursor: pointer;   align-items: center;  justify-content: center;    height: 28px;  display: none;}
#preview-list .text .moreinfo.active {display: flex;}
#preview-list .text .moreinfo i {padding-left: 5px;  font-size: 18px;}
#preview-list .text .moreinfo p {margin-bottom: 0;  font-size: 14px;}
#preview-list .text .moreinfolink {position: relative!important; width: calc(50% - 40px)!important; color: #121212;  height: 28px;}
#preview-list .text .moreinfolink.active .moreinfo {display: flex;}
#preview-list .item-wrap:hover .moreinfo { border: 1px solid #1592e6;  border-radius: 50px;}
#preview-list .item-wrap:hover .moreinfo p, #preview-list .item-wrap:hover .moreinfo i {color: #1592e6;}
#preview-list .item-wrap:hover{box-shadow: rgba(0,0,0,.17) 0 0 13px; -moz-box-shadow: rgba(0,0,0,.17) 0 0 13px; -webkit-box-shadow: rgba(0,0,0,.17) 0 0 13px;}
#preview-list .company-title p {font-size: 14px;line-height: 10px; color: #58595b; }
#preview-list .text-under {position: absolute;  bottom: 0px; width: 100%; font-size: 14px; }
#preview-list small {font-size: 14px; font-weight: 700; }
#preview-list .hide-item {display: none;}
#preview-list .item-wrap .text {position: absolute; bottom: 20px; display: flex; width: 100%;}
#preview-list .item-wrap a.active {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#center_column .btn-up i { font-size: 45px;}
#center_column .btn-up {margin-bottom: 20px;}
#mikrobus-spec > h1 {margin-bottom: 80px;}
#mikrobus-spec h1 {text-transform: uppercase;  letter-spacing: 3px;  text-align: center; font-weight: 300;  line-height: 1.4;  font-size: 32px; }
#list-preview  .hoverbg {background: rgba(35,31,32,.5); color: #fff; width: 100%; height: 100%;     position: absolute;  top: 0;  left: 0;  text-align: center;}
#center_column .pagination {width: 100%;  text-align: center;  display: flex;  padding-left: 45%;}
#center_column .pagination .page.current {padding: 6px 12px;}
#center_column .pagination .page,#center_column .pagination .nav.prev,#center_column .pagination .nav.next  {padding: 6px 12px; background: #fff; border: 1px solid #ddd;display: inline-block;  vertical-align: middle;  transform: translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;  transition-duration: 0.3s;  transition-property: transform;}
#center_column .pagination .page:hover,#center_column .pagination .nav.prev:hover,#center_column .pagination .nav.next:hover {transform: scale(1.3); color: #fff; background: #231f20;z-index: 5;}
#center_column .pagination a { cursor: pointer; color:#231f20; }
#center_column .pagination .page .active {transform: scale(1.3); color: #fff; background: #231f20;z-index: 5;}
#center_column h1 {margin-bottom: 60px;}

/*TERMS CSS */

#id-terms #heder-banner {text-align: center; width: 100%;background-image: url("https://cdn.mikroe.com/img/Terms/img-for-legal-terms/legal-terms.jpg"); height: calc(60vh - 51px); background-repeat: no-repeat;
  background-size: cover; background-position: right; }

#id-terms .terms-container { display: flex; flex-wrap: wrap;   width: calc(100% + 40px);  counter-reset: item;}
#section1 > div:nth-child(2), #section1 > div:nth-child(5)  {margin: 0 40px 40px 40px;}
#id-terms .terms-use { width: calc((100% / 3) - 40px); margin-bottom: 40px;}
#id-terms .terms-use img {width: 100%; border-radius: 20px;}
#id-terms .terms-use h3 { font-size: 18px; font-weight: 600; margin: 0; padding: 20px 0 20px 20px; }
#id-terms #heder-banner .baner-container,  #id-terms #heder-banner .text-container {height: 100%; position: relative;}
#id-terms #heder-banner .text-container h1 { position: absolute;    bottom: 50%;    margin: 0;    left: 0; font-size: 90px; right: 0;    color: #fff; }
#id-terms-use .standard-wrap.dwn-pdf {margin-bottom: 140px; }
#id-terms #heder-banner .text-container {display: none;}
#id-terms-use .standard-wrap {position: relative;}
#id-terms-use .lang-box {    display: flex;  align-items: center;  justify-content: center;  border: 1px solid #dedede; ; position: absolute;    margin-top: 3px;  right: 0;  max-width: 1280px;}
#id-terms-use .lang-box p {margin: 0;     padding: 5px 5px;}
#id-terms-use .lang-box div:hover, #id-terms-use .lang-box div.active {background: #1592e6;}
#id-terms-use .lang-box div:hover p, #id-terms-use .lang-box div.active p {color: #fff;}
#id-terms-use .rs, #id-terms .rs {display: none;}
#id-terms-use .eng, #id-terms .eng {display: none;}


@media screen and (min-width: 767px){
  #id-terms #heder-banner {height: 60vh;}
}

/*Promotion Style*/

#id-promotions .heading-h2 { background: #dedede;}
#id-promotions .weekendoffers h3 {text-align: center; padding: 30px 0;}
#id-promotions .weekendoffers .description {padding: 30px 0;}
#id-promotions #voucherbody .voucher-desc h3 {margin: 20px;}
#id-promotions #voucherbody .voucher-desc p {margin: 20px; font-size: 14px;}
#id-promotions  #voucherbody .row { border:  1px solid #dfdfdf; margin: 30px 0; position: relative;}
#id-promotions #voucherbody .voucher-desc {border-top:  1px solid #dfdfdf; border-bottom:  1px solid #dfdfdf;}
#id-promotions  #voucherbody .voucher-img {background: #fff;}
#id-promotions #voucherbody .voucher-buy button { background: #15b3c9; border: none;  color: #fff; padding: 7px 50px; font-size: 16px; width: 100%; }
#id-promotions .weekendoffers .description {max-width: 1280px; margin: 0 auto; }
@media screen and (min-width: 1200px){
  #id-promotions  #voucherbody .row { display: flex;margin: 30px 0; }
  #id-promotions  #voucherbody .voucher-img {width: 30%;    display: contents;}
  #id-promotions  #voucherbody .voucher-img img { margin: 0;}
  #id-promotions #voucherbody .voucher-desc {width: 55%;border-right:  1px solid #dfdfdf; border-left:  1px solid #dfdfdf; border-top: none; border-bottom: none;}
  #id-promotions #voucherbody .voucher-buy {width: 16%; position: relative;}
  #id-promotions #voucherbody .voucher-buy button {position: absolute;padding: 7px 20px; font-size: 16px; margin: auto;right: 0; left: 0; top: 0; bottom: 0; height: 40px;}
  #id-promotions  #voucherbody .voucher-img:hover {cursor: pointer;}
  #id-promotions  #voucherbody .voucher-img:hover ~ .voucher-buy {background:#dedede5c; cursor: pointer;}
  #id-promotions  #voucherbody .voucher-img:hover ~ .voucher-desc {background:#dedede5c; cursor: pointer;}
  #id-promotions #voucherbody .voucher-desc:hover ~ .voucher-buy {background:#dedede5c; cursor: pointer;}
  #id-promotions #voucherbody .voucher-desc:hover {background:#dedede5c; cursor: pointer;}
  #id-promotions #voucherbody .voucher-buy:hover{cursor: pointer;}

}

/*MikroBUS Style*/
#mikrobus .col-md-7, #mikrobus .col-md-5,#mikrobus h3 {padding: 0; margin: 0;}
#mikrobus #heder-banner {background: url(https://cdn2.mikroe.com/img/2016/11/19154931/sky.jpg); height: 60vh; position: relative; object-fit: fill; background-position: 50% 20%; background-size: cover;  background-repeat: no-repeat; }
#mikrobus #heder-banner .text-container {position: absolute;  left: 0;  top: 25%;}
#mikrobus .mikrobus-sec1.standard-wrap .col-md-4 {height: 800px; position: relative;}
#mikrobus .mikrobus-sec1.standard-wrap  h2 {text-align: center; }
#mikrobus .mikrobus-sec1.standard-wrap .col-md-4 a:last-child {position: absolute; bottom: 0;}
#mikrobus > div.mikrobus-sec1.standard-wrap .col-md-4 p {padding-bottom: 35px;}
#mikrobus .standard-wrap .col-md-5 {height: 450px;}
#mikrobus .baner-container {height: 100%; position: relative;}
#mikrobus #no-mikroe-filter .board-title {display: flex!important;  position: relative;  margin: 90px 0 25px 0;}
#mikrobus #no-mikroe-filter .listboard {display:contents }
#mikrobus #no-mikroe-filter  ul li {cursor: pointer; position: relative;}
#mikrobus #no-mikroe-filter ul {list-style: none;  position: relative;display: flex;	flex-wrap: wrap; user-select: none;  margin: -10px;	width: calc(100% + 20px);	counter-reset: item;  padding-left: 0!important;   }
#mikrobus #no-mikroe-filter  ul li {	width: calc((100% / 8) - 20px);position: relative; margin: 0 10px 30px 10px;}
#mikrobus #no-mikroe-filter ul li.show-all  { height: 50px; font-size: 19px;  bottom: -50px;    width: 100%;  background: #ebebeb;  font: 400 18px/22px 'Montserrat',Arial,Helvetica,sans-serif;  color: #121212;  text-transform: uppercase;  padding: 13px 5px 10px 20px; display: inline-flex;}
#mikrobus #no-mikroe-filter .vendot-title {width: 100%;text-align: center; font-size: 23px; margin: 60px 0 150px 0;}
#mikrobus #no-mikroe-filter .vendot-title p { font-size: 23px;}
#mikrobus #no-mikroe-filter img {max-height: 75px; bottom: 50%; -ms-transform: translateY(-50%); transform: translateY(50%);  position: absolute;}
#mikrobus #no-mikroe-filter li .logo {height: 75px; position: relative; display: flex;  align-items: center;  justify-content: center;}
#mikrobus #no-mikroe-filter li p {text-align: center; font-weight: bold; }

#mikrobus .col-md-7 a  img {border-radius: 0; padding-right:20px;}
#mikrobus .its-an-open .col-md-6 a > img {border-radius: 0;}
#mikrobus > div.mikrobus-download.standard-wrap.row {margin-top:20px;}
#mikrobus > div:nth-child(3) > div:nth-child(3) > h3 {padding: 0 0 20px 0}
#mikrobus .its-an-open  div:nth-child(2) {padding-left: 40px;}
#mikrobus #allmikrobusp {padding-left: 10px;}
#mikrobus .its-an-open  h3  {padding-bottom: 20px!important;}

#mikrobus .col-md-6 {padding: 0; margin: 0;}
#preview-list .more-info {display: none; position: absolute; font-size: 32px; color: #fff;  width: 100%;  text-align: center;  top: 43%;  padding: 0;}
#mikrobus #preview-list .Mikroe:hover .bg-hover {position: absolute;  width: 100%; font-weight: 500;  height: 100%;  left: 0;  top: 0; background: rgba(35,31,32,.5);border: 1px solid #dedede; }
#mikrobus #preview-list .Mikroe:hover .more-info {display: block;}
#mikrobus #no-mikroe-filter li.activeli:not(.show-all)  {  box-shadow: 0 0px 4px 0px rgba(136, 136, 136)!important;  -webkit-transform: scale(1.1);  transform: scale(1.1);}
#mikrobus #Countmikrobus    { padding-left: 5px;font-weight: 600; }
#mikrobus #no-mikroe-filter .board-title .btn-up {position: absolute; right: 0; top:-30px}
#mikrobus #no-mikroe-filter > h2 {padding: 100px 0 100px 0 }
#mikrobus .alert {height: 26px;}
#mikrobus .alert p {color: #14AF14; display: none; font-weight: 500;}
#mikrobus .alert p i {padding-left: 5px;font-weight: 600;}
#mikrobus .row.standard-wrap .col-md-5 > h3 {height: auto; padding: 0 0 35px 0;}
#mikrobus #heder-banner .col-md-5 p {text-align: left;}
#mikrobus #listboard {    line-height: 18px;}






#id-terms #section1 .terms-use,#id-support .support-row{  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0);  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: box-shadow;  transition-property: box-shadow;  border-radius: 20px;}
#id-terms #section1 .terms-use:hover, #id-terms #section1 .terms-use:focus, #id-terms #section1 .terms-use:active,
#id-support .support-row:hover, #id-support .support-row:focus, #id-support .support-row:active {  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.3);}

/* Underline From Center */
#mikrobus .show-all  { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden;}
#mikrobus .show-all:before {  content: "";  position: absolute;  z-index: -1;  left: 51%;  right: 51%;  bottom: 0;  background: #ffc406;  height: 4px;  -webkit-transition-property: left, right;  transition-property: left, right;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
#mikrobus .show-all:hover:before, #mikrobus .show-all:focus:before, #mikrobus .show-all.active:before {  left: 0;  right: 0;}
/* Grow Shadow */
#mikrobus #no-mikroe-filter li:hover:not(.show-all) {  display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: box-shadow, transform;  transition-property: box-shadow, transform;}
#mikrobus #no-mikroe-filter li:hover:not(.show-all), #mikrobus #no-mikroe-filter li:focus, #mikrobus #no-mikroe-filter li:active:not(.show-all) {   -webkit-transform: scale(1.1);  transform: scale(1.1);}

/*Aboute Page css*/
@media screen and (max-width: 1300px){
  #mikrobus #no-mikroe-filter  ul li {	width: calc((100% / 7) - 20px);}
}
@media screen and (max-width: 1280px){
  #mikrobus #no-mikroe-filter  ul li {	width: calc((100% / 6) - 20px);}
  #mikrobus #heder-banner .text-container { padding-left: 20px; }
  #id-terms #heder-banner  h1 { font-size: 60px; }
  #id-terms  .standard-wrap {padding: 0 20px;}
  #click-boards .video-bg h2 {font-size: 42px!important;} 

}
@media screen and (max-width: 1160px){
  #preview-list .item-wrap { 	width: calc((100% / 3) - 20px);}
  #mikrobus #no-mikroe-filter  ul li {	width: calc((100% / 5) - 20px);}

}
@media screen and (min-width: 1280px){ 
  #click-boards .video-bg h2 { letter-spacing: 5px}
}



@media screen and (max-width: 1100px){

  #id-terms .terms-use { width: calc((100% / 2) - 40px);}
  #section1 > div:nth-child(2), #section1 > div:nth-child(4), #section1 > div:nth-child(6) { margin: 0 0px 40px 40px;}
  #section1 > div:nth-child(5) {margin: 0!important;}
}

@media screen and (max-width: 991px){
  #mikrobus .mikrobus-sec1.standard-wrap .col-md-4 {  margin: auto; margin-bottom: 50px; height: auto;}
  #mikrobus #no-mikroe-filter  ul li {	width: calc((100% / 4) - 20px);}
  #mikrobus .its-an-open > div:nth-child(2) {padding-left: 0px}
  #mikrobus .standard-wrap.its-an-open  div:nth-child(2) > h3 {padding: 20px 0;}
  #mikrobus .heading-h2.integ-mikrobus {background: #fff;}
  #mikrobus .standard-wrap.its-an-open .col-md-6 {padding: 0 20px;}
  #mikrobus .mikrobus-sec1.standard-wrap .row {display: inline-grid;}
  #mikrobus .mikrobus-sec1.standard-wrap a {position: relative;}
  #mikrobus .row.standard-wrap .col-md-5 {height: auto;}
  #mikrobus #heder-banner .text-container {    right:0; padding-left:0; }
  #id-terms #heder-banner .text-container h1,#id-support #heder-banner .baner-container .text-container h1 {right:0; }
  #id-support #heder-banner .text-container {width:100%;}
  #section1 > div:nth-child(4),#section1 > div:nth-child(5) { margin: 50px auto!important;}
  #id-customization h1 {  font-size: 25px; line-height: 40px;}
  #id-customization .col-md-4 p {  margin-bottom: 70px;}
}


@media screen and (max-width: 830px){

  #preview-list .item-wrap { 	width: calc((100% / 2) - 20px);}
}

@media screen and (max-width: 767px){
  #mikrobus #heder-banner{height:calc(60vh - 51px);}
}

@media screen and (max-width: 750px){
  #id-terms #heder-banner .text-container h1,#id-support #heder-banner .text-container h1 {font-size: 70px!important;}
  #mikrobus #no-mikroe-filter  ul li {	width: calc((100% / 3) - 20px); }
}

@media screen and (max-width: 550px){
  #id-terms #heder-banner .text-container h1,#id-support #heder-banner .text-container h1 {font-size: 50px!important;}
}

@media screen and (max-width: 500px){
  #preview-list .item-wrap { 	width: calc((100% / 1) - 20px);}
  #mikrobus #no-mikroe-filter  ul li {	width: calc((100% / 2) - 20px); }
  #mikrobus #heder-banner .text-container img {padding: 0 20px;    width: 90%;}
  #mikrobus > div.mikrobus-sec1.standard-wrap > div > div:nth-child(1) > p {padding-top: 20px;}
}

@media screen and (max-width: 330px){
  #mikrobus #no-mikroe-filter  ul li {	width: calc((100% / 1) - 20px);}
}


/* Icon Down */
.down-icon {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.down-icon .animation-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.down-icon:hover .animation-icon, .down-icon:focus .animation-icon, .down-icon:active .animation-icon {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

#id-terms-use h1 {font-size: 32px; font-weight: 300; margin: 150px auto 60px;letter-spacing: 3px;line-height: 1.4; text-transform: uppercase; }
#id-terms-use .terms-use-wrap p.modified {margin-bottom: 70px;}
#id-terms-use .terms-use-wrap h2 {font-size: 18px;  font-weight: 600; margin:70px auto; text-transform: capitalize;}
#id-terms-use .terms-use-wrap p {margin-bottom: 20px;  padding-left: 20px;  color: black; text-align: justify;}
#id-terms-use .terms-use-wrap {margin-bottom: 140px;}
#id-terms-use ul li {list-style-type: decimal; text-align: justify;}
#id-terms-use ul {margin-bottom: 20px;    padding-left: 70px;}
#id-terms-use h2.terms-modified {font-weight: 500}


@media screen and (max-width: 991px){
  #id-terms .terms-container {display: grid; width: 100%; }
  #section1 > div:nth-child(2),  #section1 > div:nth-child(5)  {margin: auto;}
  #id-terms .terms-use {text-align: center;margin: 0 auto;}
  #id-terms .terms-use {width: 350px; margin:50px auto;}

  #id-terms .terms-header  {background-position: 75% 70%;}
  #id-terms .terms-use img {width: 100%;}
  #id-terms .terms-header h1 {font-size: 70px; }
  #id-terms #heder-banner .col-md-6.col-xs-12  h1 { text-align: center;}
  #id-terms .terms-header .down-icon i { font-size:100px; }

  }
  @media screen and (max-width: 650px){
  #id-terms .terms-header h1 {font-size: 62px;}
  }


  @media screen and (max-width: 500px){
    #id-terms .terms-use {width: 260px;}
    #id-terms .terms-header  {background-position: 66% 70%;}
    #id-terms .terms-use img {width: 100%;}
    #id-terms .terms-header h1 {font-size: 55px;}
    #id-terms .terms-use {width: 100%;}

    }

  /*END TERMS CSS */

/* CONTACT-US */
#id-contact #heder-banner { width: 100%; padding-top: 250px; height: 60vh; margin-top:-5px; background-repeat: no-repeat;  background-size: cover; position: relative; background-color: #ffcb05;  }
#id-contact #heder-banner .baner-container  {position: absolute; width: 100%; bottom: 5%; padding: 0; margin: 0; text-align: center;}
#id-contact .baner-container  i {margin-top: 40px;  font-size: 5.5rem; color: #fff; cursor: pointer; font-weight: 300;}
#id-contact #heder-banner h1 {position: absolute; bottom: 50%; margin: 0; left: 0; right: 0; font-size: 90px;  text-transform: uppercase;  color: #fff; }
#id-contact .title h2, #desing-service h2  {background: #fff; font-size: 32px;  letter-spacing: 3px;  text-align: center;  padding: 60px 0;  font-weight: 300;  text-transform: uppercase;  line-height: 1.4;  margin: 0;}
/* #id-contact .form-control  {border: none; border-bottom: solid 1px #707070;    border-radius: 0;    background: #fbfbfb;content: "Note:"; } */
#id-contact #heder-banner .baner-container img {    width: 333px; }
#id-contact #heder-banner .baner-container .angle-down-wrap {position: relative; text-align: center;}
#id-contact iframe {    width: 100%;  height: 294px}
#id-contact .wpb_map_wraper {margin-top: 0!important;}
#id-contact .radio-inline, .checkbox {margin-top: 77px;}
#id-contact .where-are {display: flex; flex-wrap: wrap;   width: calc(100% + 20px);  counter-reset: item;}
#id-contact .where-are-info { width: calc((100% / 3) - 20px); text-align: center;     margin: 40px 0;}
#id-contact .where-are-info p {color: #dfdfdf;}
#id-contact .where-are-info h3 {color: #888888;}
#id-contact .allwidth {background: #5f5f5f}
#id-contact .form-group {margin-bottom: 30px;}
#id-contact .faq-box {display: flex; flex-wrap: wrap;width: calc(100% + 40px);  counter-reset: item;}
#id-contact .faq-column { width: calc((100% / 3) - 40px); text-align: center; margin-bottom: 40px; }
#id-contact .faq-column:nth-child(2) {margin: 0 40px;}
#id-contact .content-section-c {background: #fbfbfb;}
#id-contact .simple-accordion button.accordion {border-radius: 50px;background: #fbfbfb;  border: 1px solid;}
#id-contact .faq-quest .panel {background: #fbfbfb;  border: 1px solid;}
#id-contact .faq-quest { position: relative; margin-bottom: 80px;}
#id-contact .faq-quest h3 {border: 1px solid; font-size: 14px; font-weight: bold; padding: 13px 0 13px 20px;  border-radius: 22px;  position: absolute;  top: -19px;  left: 0;  right: 0; height: 40px; text-align: left;  }
#id-contact .faq-quest h3.active {border: none;}
#id-contact .faq-quest p {padding: 20px; padding-top: 60px; display: none;font-size: 14px; text-align: left; }
#id-contact .faq-quest p.active {display: block;}
#id-contact .faq-quest.active {border-radius: 19px;background: #fbfbfb; border: 1px solid; padding-bottom: 20px;}
#id-contact .form-group.has-error { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(243, 81, 92,1); }
#id-contact .contact-form-description .form-group:nth-child(7).has-error {height: 274px; border-radius: 50px;}
#id-contact > div.standard-wrap.row > div {padding: 0;}

@media screen and (max-height: 630px){
  #id-contact #heder-banner .baner-container img {width: 250px;}
}
  @media screen and (max-height: 500px){
    #id-contact #heder-banner .baner-container img {width: 200px;}    
}
@media screen and (max-height: 640px) and (min-width: 900px) {
  #id-contact #heder-banner .baner-container img {    position: relative;
    top: 50px;}
}

@media screen and (max-width: 1200px){
  #id-contact .contact-form-description .form-group:nth-child(7) {position: relative; width: 100%;}
  #id-contact .contact-form-description {margin: 0 auto;}
  
}

@media screen and (max-width: 992px){
  #id-contact .mikroecustomform .row{margin: 0;}
  #id-contact .mikroecustomform .col-md-6{padding: 0;width: 100%;}
  #id-contact .contact-form-description{height: auto;} 
  #id-contact .mikroecustomform input#contact-subject{width: 100%;left: 0;top: 0; margin-bottom: 19px;}
  #id-contact .mikroecustomform textarea{width: 100%; margin: 0;}
  #contact-form > div:nth-child(6) > div.apply-checkbox > label { top: 177px;}
  #id-contact .where-are {display: grid; margin: 0 auto;}
  #id-contact .where-are-info {margin: 0 auto;}
  #id-contact #heder-banner .baner-container img {width: 225px;}
}

@media screen and (max-width: 767px){

#id-contact .standard-wrap.row{margin: 0;}

#id-contact > div.allwidth .where-are, #id-contact .where-are-info {display: contents;}
#id-contact .where-are-info h3 {font-size: 18px; padding-top: 15px; margin: 0; }
#id-contact .standard-toggle-box h3 {font-size: 12px;}
#id-contact .standard-toggle-box p {font-size: 12px;}
#id-contact .where-are-info p { font-size: 14px; }
#id-contact #heder-banner h1 {font-size: 70px;}
#id-contact #heder-banner {background-position: 58% 50%;}
}

@media screen and (max-width: 500px){
  #id-contact .title h2 {font-size: 22px; line-height: normal; padding:60px 20px;}
  #id-contact h1 {font-size: 55px;     bottom: calc(50% - 70px);} 
  }


/* CONTACT-US */

  /*SUPPORT */
  #id-support #heder-banner {text-align: center; width: 100%; background-image: url("https://cdn.mikroe.com/img/support-page/bump-collaboration-colleagues.jpg"); height: 60vh;background-repeat: no-repeat;
  background-size: cover; position: relative;  }

  #id-support #heder-banner .baner-container .text-container h1{position: absolute; bottom: 50%; margin: 0; left: 0; right: 0; font-size: 90px;  text-transform: uppercase;  color: #fff; }
  #id-support .support-row img {  width: 100%; height: 230px; border-radius: 20px; }
  #id-support .support-row h3 {font-size: 18px; margin: 0;  padding: 20px 0 20px 20px;}
  #id-support .support-container1  {display: flex; flex-wrap: wrap;  margin: -10px;  width: calc(100% + 40px);  counter-reset: item;}
  #id-support .support-row { width: calc((100% / 3) - 40px); margin-bottom: 40px;}
  #id-support .support-row:nth-child(2),#id-support .support-row:nth-child(5){ margin: 0 40px;}

  /*END SUPPORT */
  @media screen and (max-width: 1366px){
    #id-support .support-header { height: 55vh; margin-bottom: 10px;  background-position: 0 15%;}
    #id-support .support-header .text {bottom: 40%;}
    }

    @media screen and (max-width: 1280px){
      #id-support #heder-banner .col-md-6.col-xs-12 .text h1 {font-size: 60px;  }
    }

    @media screen and (max-width: 990px){
      #id-support .support-row {margin: auto;}
    }

/*#mikrobus END*/

/*#mikrosdk*/
#mikrosdk-pdf-downloads a.btn-download i{font-size: 2.4rem;float: left;}
#mikrosdk-pdf-downloads a.btn-download i:hover{color: #1592e6;}
#mikrosdk-pdf-downloads a.btn-download span{position: relative; top: 10px; left: -5px;}
#mikrosdk-pdf-downloads a.btn-download span:hover{text-decoration: none; color: #1592e6;}
#mikrosdk-wrap .mikrosdk-learn-wrap .btn-flex{justify-content: normal;}
#mikrosdk-wrap .content-section-b .section-heading, #mikrosdk-wrap .section-heading{margin: 0 0 30px 0; font-size: 21px;}

#mikrosdk-wrap h1{color: #231f20; margin-bottom: 60px; font-weight: 300;}
#mikrosdk-wrap > div:nth-child(2) > div > div > div.col-sm-7.mr-auto.order-sm-7 > p:nth-child(2){font-size: 25px; font-weight: 500; padding-bottom: 20px;padding-top: 20px;}
#mikrosdk-wrap > div:nth-child(2) > div > div > div.col-sm-7.mr-auto.order-sm-7 > p:nth-child(3){font-size: 20px;line-height: 30px;}
#mikrosdk-wrap > div:nth-child(2) > div > div > div.col-sm-4.ml-auto.order-sm-4 > img{padding-top: 35px;}

#mikrosdk-wrap .mikrosdk-learn-wrap{margin: -30px 0 0 0;}
#mikrosdk-wrap .mikrosdk-learn-wrap img{padding-top: 40px;}
#mikrosdk-wrap > div:nth-child(9) > div > div > div.col-sm-3.ml-auto.order-sm-3 > a > img{width: 80%;margin: 0 auto;}

/* #mikrosdk-wrap .mikrobus-background-img-head{
background-image: url(https://download.mikroe.com/images/image-testing/home-banner-mikrosdk-new-one-landing-page-header.jpg);padding: 202px 15px 205px 15px;position: relative;} */

#mikrosdk-wrap .content-section-b .row {    display: flex;  align-items: center;}
#mikrosdk-wrap .content-section-a .row {    display: flex;  align-items: center;}

#mikrosdk-wrap .content-section-a a.btn-download i {    margin: 0px 10px 5px 0;}
#mikrosdk-wrap .content-section-a .col-lg-12.ml-auto .col-sm-5 .col-sm-12 {margin-left: 90px;}

#mikrosdk-wrap .menu-nav {display: flex; right: 0;    width: 100%;  justify-content: space-between;}
#mikrosdk-wrap .menu-nav div p {margin: 16px 5px 16px 5px;     padding: 5px 10px;  color: #231f20; font-size: 14px; line-height: 17px; cursor: pointer;}
#mikrosdk-wrap .menu-nav .mikrosdkv2 p {    margin: 16px 5px 16px 5px; font-size: 14px;   font-weight: 600;  cursor: pointer;}
#mikrosdk-wrap .menu-nav .mikrosdkv1 p:hover {background:#606568; border-radius: 50px; color: #fff; }
#mikrosdk-wrap .contentv1 {display: none;}
#mikrosdk-wrap .content-section-b img {max-height: 380px;}

#mikrosdk-wrap .contentv1 {margin-top: 50px;}
#mikrosdk-wrap .col-sm-5 img.left.visible {animation: leftToRight 1.5s;  position: relative; opacity: 1; border: none;}
#mikrosdk-wrap .col-sm-5 img.right.visible {animation: rightToLeft 1.5s;  position: relative; opacity: 1; border: none;}

.mikrosdk-new-version{position: absolute;bottom: 60px;}
.mikrosdk-new-version a{padding: 11px 25px;display: inline-block;border-radius: 30px;font-size: 16px;color: #343434;background: #ffcb05;border: 1px solid #ffcb05;}
.mikrosdk-new-version a:hover{background: #ebb705;border: 1px solid #ebb705;}

#mikrosdk-wrap .contentv2 h2 {  text-transform: uppercase;  text-align: center; font-size: 43px; padding-bottom: 20px; font-weight: 500; margin: 0; padding: 60px 0 45px 0;}
#mikrosdk-wrap .contentv2 .how-use.standard-wrap h2 { text-transform: none!important;}
#mikrosdk-wrap .contentv2 .learn-one p {padding: 0 150px 30px 150px;  text-align: center;  font-size: 18px; line-height: 33px;}
#mikrosdk-wrap .contentv2 .all-blue {background:#1592e6; color: #fff; text-align: center; padding-bottom: 350px; margin-bottom: 268px; position: relative;}
#mikrosdk-wrap .contentv2 .all-blue p {padding: 0 170px 30px 170px;  text-align: center;  font-size: 18px; line-height: 33px;}
#mikrosdk-wrap .contentv2 .all-blue video { position: absolute;  left: 0;  right: 0; box-shadow: 0 8px 13px 2px rgba(0,0,0,.75);}
#mikrosdk-wrap .contentv2 .benefit .col-md-6 {border: 4px solid #1592e6; margin-bottom: 20px; }
#mikrosdk-wrap .contentv2 .benefit .col-md-4 {display: flex; align-items: center; justify-content: center;  height: 100%;}
#mikrosdk-wrap .contentv2 .twobox .col-md-6 .col-md-4 {display: flex; align-items: center; justify-content: center;  height: 100%; margin-top: 17px;}
#mikrosdk-wrap .contentv2 .benefit h4, #mikrosdk-wrap .contentv2 .twobox .col-md-6 h4 {font-size: 24px; color: #1592e6; line-height: 33px; margin: 20px 0;}
#mikrosdk-wrap .contentv2 .benefit p , #mikrosdk-wrap .contentv2 .twobox .col-md-6 p {    line-height: 24px;  font-size: 14px; padding: 0; text-align: left;}
#mikrosdk-wrap .contentv2 .how-use .row {display: flex;}
#mikrosdk-wrap .contentv2 .how-use-p {padding: 0 170px 30px 170px;  text-align: center;  font-size: 18px; line-height: 33px;} 
#mikrosdk-wrap .contentv2 .how-use .box { color:#fff;   width: 25%;  background: #FFCB05; margin-right: 20px;  padding: 30px;  border-radius: 0;}
#mikrosdk-wrap .contentv2 .how-use .box .numb-step {font-size: 87px; padding-bottom: 50px; font-weight: bold; padding-top: 20px;}
#mikrosdk-wrap .contentv2 .how-use .box a {    font-size: 24px;  font-weight: bold;}
#mikrosdk-wrap .contentv2 .how-use .box .numb-des {    font-size: 24px; font-weight: bold; line-height: 33px;}
#mikrosdk-wrap .contentv2 .integrate-mikrosdk p {padding: 0 170px 30px 170px;  text-align: center;  font-size: 18px; line-height: 33px;} 
#mikrosdk-wrap .contentv2 .download a {width: 336px; display: flex; line-height: 30px; margin-right: 30px; margin-bottom: 20px;}
#mikrosdk-wrap .contentv2 .download img {margin: 0 10px 15px 0;}
#mikrosdk-wrap .contentv2 .download i {margin: 0;}
#mikrosdk-wrap .contentv2 .download .row {width: 940px; margin: 0 auto; display: flex;}
#mikrosdk-wrap .contentv2 .big-video-wrapper {    margin-top: 60px;}
#mikrosdk-wrap .contentv2 .twobox .col-md-6 {border: 4px solid #1592e6;}
#mikrosdk-wrap .contentv2 .twobox .col-md-6  .read-more {color: #1592e6;  font-size: 16px!important;}
#mikrosdk-wrap .contentv2 .twobox .col-md-6  .read-more a {color: #1592e6;  font-size: 16px!important;margin-top: 20px; cursor: pointer;}
#mikrosdk-wrap .contentv2 .twobox {margin-bottom: 100px;}
#mikrosdk-wrap .nav-row h1 {float: left;  margin: 0;  font-size: 14px;  line-height: 50px; font-weight: 600;  cursor: pointer;}
#mikrosdk-wrap .nav-row {display: flex; position: relative;}
#mikrosdk-wrap .download div:nth-child(1) a:nth-child(3) {width: 180px;}
#mikrosdk-wrap .contentv2 .twobox .col-md-6 a {color:#1592e6; font-size: 22px; line-height: 33px;  margin: 20px 0;}
#mikrosdk-wrap .contentv2 .twobox .col-md-6:hover {box-shadow: 0px 0px 8px 0px #0149798a;}
#mikrosdk-wrap a {font-size: 18px;  }
#mikrosdk-wrap .box-row-download a {display: block!important;  color: #ffffff6b;;  font-size: 25px; background: #1592e6; padding: 40px; width: 305px!important; margin-right: 20px!important;  height: 305px;}
#mikrosdk-wrap .box-row-download {display: flex;}
#mikrosdk-wrap .box-row-download a:hover {box-shadow: 0px 0px 8px 0px #0149798a; }
#mikrosdk-wrap .box-row-download a span {color: #fff;     font-size: 18px;  font-weight: 600; letter-spacing: 1px;}
#mikrosdk-wrap .box-row-download a img {margin-bottom: 50px!important; height: 100px;}
#mikrosdk-wrap > div.contentv2 > div.integrate-mikrosdk.standard-wrap > div.row.download > div.standard-wrap.box-row-download > a:nth-child(4) {margin-right: 0!important;}
#mikrosdk-wrap  h3.withsubtitle {  text-align: center;  font-size: 43px; font-weight: 500;  margin: 0;  padding: 60px 0 20px 0;}
#mikrosdk-wrap  p.subtitle {text-align: center;  margin-bottom: 60px; font-weight: 500;     line-height: 33px; font-size: 24px; color: #1592e6;}
#mikrosdk-wrap .contentv2 .learn-one .brochure-btn { margin: 0; font-weight: 600;   padding: 0;  width: fit-content;  margin: 0 auto;  padding: 5px 20px;  color: #1592e6;  font-weight: 600;  cursor: pointer;  border: 3px solid #1592e6;}
#mikrosdk-wrap .contentv2 .learn-one .brochure-btn a {color: #1592e6; font-weight: 600;}
#mikrosdk-wrap .contentv2 .brochure-btn:hover  {background-color: #1592e6; color: #fff;}
#mikrosdk-wrap .contentv2 .brochure-btn:hover a { color: #fff; font-weight: 600;}
#mikrosdk-wrap .integrate-mikrosdk .box-row-download  a:nth-child(1) > img {margin-bottom: 45px!important;}
#mikrosdk-wrap .twobox  h2 {text-transform: unset;}
#mikrosdk-wrap .twobox h2 span {font-size: 24px; top: -16px; position: relative;}
#mikrosdk-wrap .contentv2 .old-version, #mikrolab-plugin .old-version  {text-align: center; margin-bottom: 100px;}
#mikrosdk-wrap .contentv2 .old-version .btn-old-version, #mikrolab-plugin .old-version .btn-old-version  {width: fit-content; cursor: pointer; font-weight: 600; padding: 5px 20px;  margin: 0 auto; border: 1px solid #606568; color:#606568 ; border-radius: 50px;  margin-top: 20px;}
#mikrosdk-wrap .contentv2 .old-version .btn-old-version:hover, #mikrolab-plugin .old-version .btn-old-version:hover {color: #fff; background-color:#606568 ;}
#mikrosdk-wrap .nav-row .mikrosdkv1 {display: none;}
#mikrolab-plugin  {margin-bottom: 100px;}
#mikrolab-plugin h2 {   letter-spacing: 1px; text-transform: uppercase; text-align: center;  font-size: 43px;  padding-bottom: 20px;  font-weight: 500;  margin: 0;  padding: 60px 0 45px 0;}
#mikrolab-plugin .how-to-use {display: flex;}
#mikrolab-plugin .how-to-use .box {width: 25%;     background: #fbfbfb; margin-right: 15px;  margin-top: 30px;   border: 3px solid #1592e6; border-radius: 0; position: relative;  padding-bottom: 110px;}
#mikrolab-plugin .how-to-use .box a {font-weight: 500;}
#mikrolab-plugin .how-to-use .box img {    margin: auto; position: absolute; left: 0;  bottom: 20px; right: 0;}
#mikrolab-plugin > div.row.standard-wrap.how-to-use > div:nth-child(2) img {max-height: 70px;}
#mikrolab-plugin .how-to-use .numb-step {color: #1592e6; font-size: 20px; text-align: center; font-weight: 500;}
#mikrolab-plugin .how-to-use .numb-des {text-align: center; font-size: 14px; line-height: 22px;}
#mikrolab-plugin .paragraf-text {text-align: center;max-width: 900px;  margin: 0 auto; }
#mikrolab-plugin .how-install  {display: flex; margin-top:15px}
#mikrolab-plugin .how-install .box {  width: 305px; height: 305px;  margin-right: 20px;  background: #ffcb05; color: #fff; border-radius: 0; padding: 30px;}
<<<<<<< Updated upstream
#mikrolab-plugin .how-install .box a {    font-size: 22px;  font-weight: bold;  line-height: 33px;}
#mikrolab-plugin .how-install .box a sup {    color: #1592e6;}
=======
>>>>>>> Stashed changes
#mikrolab-plugin .box a sup {color: #1592e6;}
#mikrolab-plugin .how-install .box  sup {color: #fff;}
#mikrolab-plugin .how-install .numb-step {    font-size: 87px; padding-bottom: 50px; font-weight: bold; padding-top: 20px;}
#mikrolab-plugin .how-install .numb-des {font-size: 22px;  font-weight: bold;  line-height: 33px;}
#mikrolab-plugin .instal-list {max-width: 1000px; margin: 0 auto;  margin-top: 350px; text-align: left;}
#mikrolab-plugin .instal-list .dot-circle {margin: 0;  margin-right: 20px; top: -5px; position: relative;}
#mikrolab-plugin .instal-list div:nth-child(1) > img, #mikrolab-plugin .instal-list div:nth-child(3) > img, #mikrolab-plugin .instal-list div:nth-child(4) > img   {    top: -18px;}
#mikrolab-plugin .see-blue iframe {box-shadow: 0 8px 13px 2px rgba(0, 0, 0, 0.45);}
#mikrolab-plugin .instal-list div { display: flex;}
#mikrolab-plugin .instal-list p img {margin: 0;  display: inline; position: relative; top: 0; width: 23px;}
#mikrolab-plugin .brochure-btn {width: fit-content;  margin: 30px auto;  padding: 5px 20px;  color: #1592e6;  font-weight: 600;  cursor: pointer;  border: 3px solid #1592e6;}
#mikrolab-plugin .brochure-btn a, #mikrolab-plugin .brochure-btn a sup  {color: #1592e6;  font-weight: 600;}
#mikrolab-plugin .brochure-btn i {padding-left: 5px;  font-weight: 900;}
#mikrolab-plugin .see-blue {background: #1592e6; color: #fff; text-align: center; margin-top: 50px; padding-bottom: 0px;     height: 450px;  margin-bottom: 0px; position: relative;}
#mikrolab-plugin .see-blue img {position: absolute;     margin: 0 auto; left: 0; right: 0; top: 60px;}
#mikrolab-plugin .brochure-btn:hover {background-color: #1592e6; color: #fff;}
#mikrolab-plugin .brochure-btn:hover a, #mikrolab-plugin .brochure-btn:hover sup  {color: #fff;}
#setup-codegrip {margin-bottom: 60px;}
#setup-codegrip .os-icon p {display: none;}
#setup-codegrip .os-icon {display: flex;justify-content: center; margin-bottom: 100px}

@media screen  and (min-width:1190px) and (max-width: 1280px){
  #mikrosdk-wrap .contentv2 .all-blue { margin-bottom: 315px!important;} 
  #mikrosdk-wrap .contentv2 .twobox .col-md-6 a { font-size: 20px;}
}

@media screen and (min-width:1300px){
  #mikrosdk-wrap .contentv2 .all-blue {    margin-bottom: 326px; }  
}

@media screen and (min-width:1280px){  
  #mikrosdk-wrap .contentv2 .how-use .box {width: 305px; height: 305px;}  
}
@media screen and (min-width:1200px){  
  #mikrosdk-wrap .contentv2 .all-blue video {bottom: -326px; }
  #mikrosdk-wrap .twobox.row.standard-wrap > div:nth-child(2) {margin-right: 20px;}
  #mikrosdk-wrap .contentv2 .how-use .box {margin-bottom: 0;}
}
@media screen and (min-width: 991px){ 
  #mikrosdk-wrap .contentv2 .benefit .col-md-6, #mikrosdk-wrap .contentv2 .twobox .col-md-6 {width: calc(50% - 10px); height: 305px; }
  #mikrosdk-wrap .contentv2 .benefit .col-md-6:nth-child(odd) {margin-left: 20px;}
  #mikrosdk-wrap {margin-top: 25px;}
  #mikrolab-plugin > div:nth-child(2) > div > div:nth-child(4) {margin-right: 0;}

}
@media screen and (max-width: 1300px) and (min-width: 991px){
  #mikrosdk-wrap .contentv2 .benefit .col-md-6, #mikrosdk-wrap .contentv2 .twobox .col-md-6 {height: 330px; }  
  }

  @media screen and (max-width: 990px){
    #mikrosdk-wrap .box-row-download {display: block;}
    #mikrosdk-wrap video {width: 100%;}
    #mikrosdk-wrap .contentv2 .learn-one p, #mikrosdk-wrap .contentv2 .all-blue p, #mikrosdk-wrap .contentv2 .how-use-p, #mikrosdk-wrap .contentv2 .integrate-mikrosdk p {padding: 0;} 
    #mikrosdk-wrap .contentv2 h2 { font-size: 30px;}
    #mikrosdk-wrap .contentv2 .all-blue {margin-bottom: 0;     padding-bottom: 190px;  }
    #mikrosdk-wrap .contentv2 .all-blue p {padding: 0 20px;}
    #mikrosdk-wrap .contentv2 .all-blue video { width: 100%;}
    #mikrosdk-wrap .contentv2 .benefit h4, #mikrosdk-wrap .contentv2 .twobox .col-md-6 h4 {text-align: center;}
    #mikrosdk-wrap .contentv2 .benefit .col-md-4, #mikrosdk-wrap .contentv2 .twobox .col-md-6 .col-md-4 {margin-top: 20px;}
    #mikrosdk-wrap .contentv2 .how-use .box {width: 100%;}
    #mikrosdk-wrap .contentv2 .how-use .row, #mikrosdk-wrap .contentv2 .download a {display: block;}
    #mikrosdk-wrap .contentv2 .twobox .col-md-6 {margin-bottom: 20px;}    
    #mikrolab-plugin h2 {line-height: 30px;  letter-spacing: 2px;   font-size: 24px;   padding: 60px 0;}
    #mikrolab-plugin .how-to-use {display: block; }
    #mikrolab-plugin .how-to-use .box {width: 100%;}
    #mikrolab-plugin .standard-wrap {display: block; }
    #mikrolab-plugin .see-blue iframe {height: 260px;}
    #mikrolab-plugin .instal-list {margin-top: 50px;}
    #mikrolab-plugin .how-install .box {    margin: 0 auto;  margin-bottom: 20px;}
  }

@media screen and (max-width: 1200px){
#mikrosdk-wrap .content-section-a .standard-wrap .row{ display: flex; flex-direction: row;}
}


@media screen and (max-width: 991px){
#mikrosdk-pdf-downloads a.btn-download span{left: 10px;}
#mikrosdk-wrap .content-section-b .section-heading{font-size: 2rem;}
#mikrosdk-wrap .content-section-a .col-lg-12.ml-auto .col-sm-5 .col-sm-12 {margin-left: 0px;}
#mikrosdk-wrap .content-section-a .col-lg-12.ml-auto .col-xs-12 {padding-bottom: 10px;}
#mikrosdk-wrap .menu-nav {    width: 100%; left: 0;}
#mikrosdk-wrap .menu-nav div {width: 50%;}
}


@media screen and (max-width: 767px){
#mikrosdk-wrap > div:nth-child(3) > div > div > div.col-sm-5.ml-auto.order-sm-5 > img{width: 80%;margin: 0 auto;padding-top: 30px;}
#mikrosdk-wrap > div:nth-child(4) > div > div{display: flex; flex-direction: column-reverse;}
#mikrosdk-wrap > div:nth-child(4) > div > div > div.col-sm-4.ml-auto.order-sm-4 > img{width: 70%;margin: 0 auto;}
#mikrosdk-wrap > div:nth-child(5) > div > div > div.col-sm-5.ml-auto.order-sm-5 > img{width: 70%;margin: 0 auto;padding-top: 30px;}
#mikrosdk-wrap > div:nth-child(6) > div > div{display: flex; flex-direction: column-reverse;}
#mikrosdk-wrap > div:nth-child(6) > div > div > div.col-sm-6.ml-auto.order-sm-6 > img{width: 80%;margin: 0 auto;padding-top: 30px;}
#mikrosdk-wrap .content-section-a .standard-wrap .row{flex-direction: column-reverse;}
#mikrosdk-wrap > div:nth-child(10) > div > div{display: flex; flex-direction: column-reverse;}
#mikrosdk-wrap > div:nth-child(2) > div > div > div.col-sm-4.ml-auto.order-sm-4 > img{top: 30px; width: 300px; margin: 0 auto;}
#mikrosdk-wrap > div:nth-child(9) > div > div > div.col-sm-3.ml-auto.order-sm-3 > a > img{top: 0;}
#mikrosdk-wrap > div:nth-child(10) > div > div > div.col-sm-3.ml-auto.order-sm-3 > a > img{padding-top: 45px; margin: 0 auto;width: 300px;}
}

@media screen and (max-width: 500px){
#mikrosdk-wrap > div:nth-child(3) > div > div > div.col-sm-5.ml-auto.order-sm-5 > img{width: 100%;}
#mikrosdk-wrap > div:nth-child(6) > div > div > div.col-sm-6.ml-auto.order-sm-6 > img{width: 100%;}
#mikrosdk-wrap h1{line-height: 3rem; font-size: 2.7rem;}
#documentation-mikrosdk > div > .col-xs-12{padding: 0 0 25px 0;}
}

/*mikrosdk END*/




.anchor-cms {
  z-index: -999;
  display: block;
  height: 50px; /*same height as header*/
  margin-top: -50px; /*same height as header*/
  visibility: hidden;
}

/*privacy_policy*//*privacy_policy*//*privacy_policy*//*privacy_policy*//*privacy_policy*/
.cms_banner_page .fluid-cover-overlay { padding: 84px 0; }
.cms_banner_page .introductory_text { margin: 20px 0 10px 0; font-size: 1.8rem;}
.cms_banner_page .introductory_text a {  font-size: 1.8rem;}
.cms_banner_page .positions-cover{ margin-bottom: 10px; }
.cms_banner_page .panel p:first-child { padding-top: 20px; }
.cms_banner_page .panel p:last-child { padding-bottom: 20px; }
.cms_banner_page .privacy-cover { position: relative; background-size: cover; }
@media( max-width: 420px){
  .cms_banner_page .panel { padding-left: 25px; padding-right: 25px; }
}

#privacy_policy .privacy-cover {
    background: url(//cdn.mikroe.com/cms/policy/banners/rawpixel_unsplash_min_height.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;}
#privacy_policy .fluid-cover-overlay { padding: 84px 0; }
#privacy_policy .introductory_text { margin: 20px 0 10px 0; font-size: 1.8rem;}
#privacy_policy .introductory_text a {  font-size: 1.8rem;}
#privacy_policy .panel p:first-child { padding-top: 20px; }
#privacy_policy .panel p:last-child { padding-bottom: 20px; }
@media( max-width: 420px){
  #privacy_policy .panel { padding-left: 25px; padding-right: 25px; }
}

#privacy_policy .privacy-cover.terms {
  background: url(//cdn.mikroe.com/cms/terms-of-service/business-terms.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;}

#disclaimer .disclaimer-cover {
    background: url(https://cdn.mikroe.com/cms/policy/banners/new-desk.jpg);
    background-position: center;
    background-size: cover;
    position: relative;}
#disclaimer .fluid-cover-overlay { padding: 84px 0; }
#disclaimer .introductory_text { margin: 20px 0 10px 0; font-size: 1.8rem;}
#disclaimer .introductory_text a {  font-size: 1.8rem;}
#disclaimer .positions-cover{ margin-bottom: 10px; }
#disclaimer .panel p:first-child { padding-top: 20px; }
#disclaimer .panel p:last-child { padding-bottom: 20px; }
@media( max-width: 420px){
  #disclaimer .panel { padding-left: 25px; padding-right: 25px; }
}

#agreement .agreement-cover {
    background: url(https://cdn.mikroe.com/cms/policy/banners/device_blur.jpg);
    background-position: bottom;
    background-size: cover;
    position: relative;}
#agreement .fluid-cover-overlay { padding: 84px 0; }
#agreement .introductory_text { margin: 20px 0 10px 0; font-size: 1.8rem;}
#agreement .introductory_text a {  font-size: 1.8rem;}
#agreement .positions-cover{ margin-bottom: 10px; }
#agreement .panel p:first-child { padding-top: 20px; }
#agreement .panel p:last-child { padding-bottom: 20px; }
@media( max-width: 420px){
  #agreement .panel { padding-left: 25px; padding-right: 25px; }
}

#terms_of_service .terms_of_service_cover {
    background: url(https://cdn.mikroe.com/cms/terms-of-service/adult_business.jpg);
    background-position: right;
    position: relative;}
#terms_of_service ol { padding: 20px 20px; }
#terms_of_service ol li { padding-bottom: 10px; }
@media( max-width: 420px){
  #terms_of_service .panel p { padding-left: 25px; padding-right: 25px; }
  #terms_of_service ol { padding: 20px 35px; }
  #terms_of_service #disclaimer ol { padding: 20px 15px; }
  #terms_of_service .container { padding: 5px; }
}

.fluid-cover-overlay .linkTitle {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 5.2rem;
    font-weight: 400;
    color: #fff;
}

/* user-guides-main - menu for mobile */
#user-guides-main .cc-mob-menu-btn { position: fixed; top: 100px; left: 0px; background: #000000bf; border: none; border-top-right-radius: 10px; border-bottom-right-radius: 10px; z-index: 999; padding: 10px 5px; }
#user-guides-main .cc-mob-menu-btn .fa-ellipsis-v { font-size: 4.0rem; color: #ffcb05; }
#user-guides-main .accordion { border: none; background: transparent; font: normal 17px 'Montserrat', Arial, Helvetica, sans-serif; margin: 5px; }
#user-guides-main #cloud-guide-mob-menu { position: absolute; z-index: 999; top: 0px; background: white; width: 100%; margin-bottom: -40px; margin-left: -110%; transition: margin-left 0.2s ease-in; }
#user-guides-main #cloud-guide-mob-menu img { max-width: 200px; margin: 50px auto 10px auto; }
#user-guides-main #cloud-guide-mob-menu .fa-times { position: absolute; top: 0; right: 0; font-size: 3.0rem; color: #ffcb05; padding: 20px; }
#cloud-guide-mob-menu .panel { box-shadow: none !important; }
#cloud-guide-mob-menu .panel a { color: #000; font: normal 14px 'Montserrat', Arial, Helvetica, sans-serif; display: block; margin: 10px; color: #58595B; }
#cloud-guide-mob-menu button.accordion::before { content: "\f107"; font-family: FontAwesome; font-size: 2.0rem; margin-right: 10px; color: #ffcb05; }
#cloud-guide-mob-menu .accordion.this.active::before { content: "\f105"; margin-right: 15px; }
#cloud-guide-mob-menu .panel a.active  { color: #ffcb05; }
#cloud-guide-mob-menu .panel a::before  { content: "\f105"; font-family: FontAwesome; color: transparent; margin-right: 10px; font-size: 1.6rem; }
#cloud-guide-mob-menu .panel a.active::before  { color: #ffcb05; }

/* main wrapper style */
#user-guides-main { padding: 0; }
#user-guides-main .user-guides-main  { padding: 0; }
#user-guides-main .row { margin: 0; }
#user-guides-main.first-page { padding: 0; margin: 0; }

/* all pages */
#user-guides-main .main-title { text-align: left; margin: 70px 0 30px 20px; font: normal 20px 'Montserrat', Arial, Helvetica, sans-serif; color: #ffcb05; }
#user-guides-main .section-title { text-align: left; font-size: 2.6rem; font-weight: 400; margin: 60px 0 0 0; line-height: 26px; font-family: inherit; }
#user-guides-main .main-wrap img  { border: 2px solid #d3d3d326; border-radius: 10px; margin: 15px 0; }
#user-guides-main .asside-cloud  { display: none; }
#user-guides-main .col-md-9.title-wrap { width: 100%; position: relative; float: right; }
#user-guides-main .col-md-8.main { width: 50%; float: left; }
#user-guides-main .col-md-8.main .main-wrap { max-width: 100%; margin: 0 auto; float: left; }

/* asside menu */
#user-guides-main .asside { display: none; }
#user-guides-main .asside .accordion { width: 100%; text-align: left; border: none; background: #fff; color: #000; font-size: 1.4rem; margin: 10px auto; max-width: 225px; display: block;}
#user-guides-main .asside .accordion.this { color: #000000; font-weight: bold; }
#user-guides-main .asside button.accordion::before { content: "\f107"; font-family: FontAwesome; font-size: 2.0rem; margin-right: 10px; color: #ffcb05; }
#user-guides-main .asside .accordion.active::before { content: "\f105"; margin-right: 15px; }
#user-guides-main .asside .row-section .col-md-10 { width: 100%; padding: 0; }
#user-guides-main .asside .panel { box-shadow: none; padding: 0 25px; max-width: 200px; margin: 0 auto; }
#user-guides-main .asside .panel a { display: block; margin: 10px 0; color: #58595B; font-size: 1.4rem; }
#user-guides-main .asside .panel a.active  { color: #ffcb05; }
#user-guides-main .asside .panel a.active::before  { content: "\f105"; font-family: FontAwesome; color: #ffcb05; position: relative; left: -10px; font-size: 1.6rem; margin-left: -5px; }
#user-guides-main .asside-cloud  { max-width: 224px; margin: 107px auto 62px auto; display: block; padding: 0; }
#user-guides-main .asside { display: block; }
#user-guides-main .col-md-9.title-wrap { width: 75%; }
#user-guides-main .main-title { margin: 110px 0 65px 0; font-size: 3.2rem; }
#user-guides-main #cloud-guide-mob-menu { display: none; }
#user-guides-main .cc-mob-menu-btn { display: none; }


/* for first page */
#user-guides-main.first-page .main-title { font: lighter 55px 'Montserrat', Arial, Helvetica, sans-serif; color: #fff; margin: 0 auto; text-align: center; }
#user-guides-main.first-page .take-full-control { max-width: 340px; margin: 10px auto 60px auto; position: relative; text-align: justify; }
#user-guides-main.first-page .take-full-control p { color: #fff; font: normal 13px 'Montserrat', Arial, Helvetica, sans-serif; }
#user-guides-main.first-page .menu { background-image: radial-gradient(circle, #5cbfeb, #50b5e9, #48ace7, #42a1e4, #4197e0); margin-bottom: -20px; padding-bottom: 60px; }
#user-guides-main.first-page .menu img { margin: 60px auto; max-width: 400px; }
#user-guides-main.first-page .fa-long-arrow-down { width: 100%; text-align: center; color: #feca06; font-size: 3.0rem; position: absolute; bottom: 80px; cursor: pointer; }
#user-guides-main.first-page .accordion::before { content: '\f107'; font-size: 1.7rem; color: #feca06; font-family: 'Font Awesome\ 5 Pro'; font-weight: 100; }
#user-guides-main.first-page .accordion { width: 100%; border: 1px solid #fff; border-radius: 5px; background: transparent; color: #fff; padding: 10px 20px; font-size: 1.4rem; max-width: 400px; margin: 0 auto 20px auto; display: block; }
#user-guides-main.first-page .accordion .fa-user, #user-guides-main .accordion .fa-desktop, #user-guides-main .accordion .fa-mobile { font-size: 1.6rem; float: left; position: relative; top: 2px; }
#user-guides-main.first-page .accordion .fa-angle-down, #user-guides-main.first-page .accordion .fa-angle-up { font-size: 2.5rem; position: relative; height: 10px; bottom: 2px; float: right; }
#user-guides-main.first-page .panel {  background: transparent; padding: 0; box-shadow: none; }
#user-guides-main.first-page .panel a { background: #ffffffb8; display: block; max-width: 380px; margin: 0 auto 10px auto; color: #231f20; padding: 10px 40px; }
#user-guides-main.first-page .panel a:hover { background: #ffffffe0; }
#user-guides-main .menu .accordion::before { content: none !important; }
/* Underline From Left */
.user-guides-main .main-wrap a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  padding-bottom: 5px;
  color: #58595B;
}
.user-guides-main .main-wrap a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  color:#ffcb05;
  background:#ffcb05;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.user-guides-main .main-wrap a:hover:before, .user-guides-main .main-wrap a:focus:before, .user-guides-main .main-wrap a:active:before { right: 0; }

@media (max-width: 1600px){
  #user-guides-main .col-md-8.main { width: 60%; float: left; }
}
@media (max-width: 1000px){
  #user-guides-main .asside { display: none; }
  #user-guides-main .asside-cloud { display: none; }
  #user-guides-main .col-md-9.title-wrap { width: 80%; margin: 0 auto; float: inherit; }
  #user-guides-main .col-md-8.main { width: 80%; margin: 0 auto; float: inherit; }
  #user-guides-main #cloud-guide-mob-menu { display: block; }
  #user-guides-main .cc-mob-menu-btn { display: block; }
  #user-guides-main .main-wrap img  { max-width: 100%; }
}

@media (max-width: 767px){
  #user-guides-main .col-md-9.title-wrap { width: 100%; float: right; }
  #user-guides-main .col-md-8.main { width: 100%; float: right; }
  #user-guides-main .main-title { margin: 70px 0 30px 15px; font-size: 2.0rem; }
}

/* subscribe-page */
#subscribe-page * { margin: 0; padding: 0; }
#subscribe-page input, #subscribe-page button, #subscribe-page select, #subscribe-page textarea { font-family: 'Montserrat', Arial, Helvetica, sans-serif; }
#subscribe-page { margin-top: 38px; overflow: hidden; margin-bottom: -18px; }
#subscribe-page h1 { font: bold 32px 'geogrotesque_bold', sans-serif; padding: 60px 0 30px 0; color: #ffcb05; }
#subscribe-page h2 { font: normal 14px 'Montserrat', Arial, Helvetica, sans-serif; margin: -30px 0 30px 0; text-align: center; color: #707070; }
#subscribe-page #mc-embedded-subscribe-form { max-width: 100%; }
#subscribe-page #mc-embedded-subscribe { background: #feca06; position: relative; margin: 30px auto; display: block; border: 1px solid #feca06; border-radius: 50px; padding: 10px 20px; color: #fff; font-size: 14px; }
#subscribe-page #mc-embedded-subscribe i { margin-right: 10px; }
#subscribe-page #mc-embedded-subscribe:active { color: #feca06; background: #fff; }
#subscribe-page #mc-embedded-subscribe:hover { color: #feca06; background: #fff; }
#subscribe-page .subscribe-to-newsletter { border: none; outline: none; position: relative; bottom: 3px; color: #707070; margin-left: 15px; letter-spacing: 1px; width: 80%; transition: margin-left 0.2s ease-in; }
#subscribe-page .subscribe-to-newsletter::placeholder { color: #C7C7C7; }
#subscribe-page .input-wrap { border-bottom: 1px solid #C7C7C7; width: 250px; margin: 60px auto 0 auto; }
#subscribe-page .fa-envelope { font-size: 2.1rem; color: #feca06; }
#subscribe-page .mail-here { text-align: center; color: #C7C7C7; font-size: 1.2rem; letter-spacing: 5px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; }
#subscribe-page .rotate-1, #subscribe-page .rotate-2, #subscribe-page .rotate-3 { transform: rotate(-30deg); float: right; }
#subscribe-page .fa-envelope.rotate-1 { font-size: 20.0rem; margin-bottom: -30px; margin-right: -20px; }
#subscribe-page .fa-envelope.rotate-2, #subscribe-page .fa-envelope.rotate-3 { display: none; }
#subscribe-page .you-agree { text-align: center; max-width: 250px; margin: 90px auto 30px auto; font: normal 14px 'Montserrat', Arial, Helvetica, sans-serif; color: #C7C7C7; }
#subscribe-page .you-agree a { font-size: 1.3rem; color: #707070; }

/* responsive */
@media screen and (min-width: 1000px) {
  #subscribe-page .fa-envelope.rotate-1 { margin: 0 50px 50px 50px; }
  #subscribe-page .fa-envelope.rotate-2 { display: block; font-size: 6.0rem; position: relative; right: 300px; }
  #subscribe-page .fa-envelope.rotate-3 { display: block; position: relative; right: 150px; font-size: 10.0rem; }
  #subscribe-page h1 { font-size: 6.0rem; }
  #subscribe-page h2 { font-size: 2.0rem; }
}
/* end subscribe-page */


/* Angle Down animation */
@-webkit-keyframes angle-down-animation {0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); }}

@keyframes angle-down-animation { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px);  transform: translateY(6px); }}
/* Angle Down animation */
.angle-down-animation { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.angle-down-animation .animation-icon { -webkit-transform: translateZ(0); transform: translateZ(0);}
.angle-down-animation:hover .animation-icon, .angle-down-animation:focus .animation-icon, .angle-down-animation:active .animation-icon { -webkit-animation-name: angle-down-animation; animation-name: angle-down-animation; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}
/* Angle Down animation  END*/

/* STANDARD STANDARD STANDARD STANDARD */

.standard-page-nav {background: #fff;padding: 0;position: fixed; width: 100%; top:90px; box-shadow: 0 0 3px 0 rgba(0,0,0,.1); z-index: 10;}
.standard-page-nav h1 {margin:0!important; float: left; margin: 0; font-size: 12px; line-height: 50px; text-transform: uppercase; font-weight: 600; cursor: pointer;  display: flex;  align-items: center;}
.standard-page-nav button {display: inline-block;float: right;margin: 0 -20px 0 0;padding: 0 14px;line-height: 50px;background: #1592e6;
  color: #fff;border: none;text-transform: uppercase;position: relative;z-index: 10;font-weight: 600;width: calc(30% + 12px);white-space: nowrap;}
  .standard-page-nav button.active{background: #157ed2;}
.standard-page-nav .menulist {position: absolute;  right: 0;width: 100%;top: 50px;}
.standard-page-nav ul {display: flex;list-style: none; background: #fff;display: none;padding: 0 20px;margin: 0;}
.standard-page-nav ul li {border-bottom: 1px solid #f3f3f3;}
.standard-page-nav ul li:last-child{border: none;}
.standard-page-nav ul li.active {border-bottom: 1px solid #ffcb05;}
.standard-page-nav ul li a{color: #000; font-size: 13px; padding: 0 5px 0 5px;line-height: 50px;}
.standard-page-nav h1::after { content: '\f078'; font-family: 'Font Awesome 5 Pro'; position: absolute; left: 0; right: 0; text-align: center; }
.standard-page-nav h1.rotate::after {transform: rotate(180deg);}

@media only screen and (min-width: 600px){.standard-page-nav button{margin: 0 -50px 0 0;}}

@media only screen and (min-width: 900px){
  .standard-page-nav ul{display: inline-block;float: right;}
  .standard-page-nav .menulist{top: 0;position: relative;}
  .standard-page-nav ul li{display: inline-block;}
  .standard-page-nav ul li:hover a {opacity: .5;}
  .standard-page-nav button{width: auto;margin: 10px 0 10px 10px;border-radius: 3px;line-height: 30px;}
  .standard-page-nav button:hover{background: #157ed2;}
  .standard-page-nav h1::after{display: none;}
  .standard-page-nav ul li {border-bottom: 5px solid #fff;border-top: 5px solid #fff;}
  .standard-page-nav ul li:last-child{border-bottom: 5px solid #fff;border-top: 5px solid #fff;}
  .standard-page-nav ul li.active {border-bottom: 5px solid #ffcb05;}
  .standard-page-nav ul li a{line-height: 40px;}
}

/*wrap for list with 3 box per row */
.standard-list{display: flex;flex-wrap: wrap; width: 100%;flex-direction: column;}
.standard-list .standard-box{display: inline-block;vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);
box-shadow: 1px 1px 1px rgba(0,0,0,0);-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: box-shadow;transition-property: box-shadow;
border-radius: 20px;width: 100%;margin: auto auto 50px auto;}
.standard-list .standard-box:first-child{margin: 50px auto;}
.standard-list .standard-box img { width: 100%;  border-radius: 20px;}
.standard-list .standard-box h3{font-size: 18px;font-weight: 600;margin: 0;padding: 20px 0 20px 20px;}
.standard-list .standard-box:hover, .standard-list .standard-box:focus, .standard-list .standard-box:active {box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.3);}

@media screen and (min-width: 600px){
  .standard-list .standard-box {width: 400px;}
}

@media screen and (min-width: 992px){
.standard-list{display: flex;flex-wrap: wrap;flex-direction: row;padding-bottom: 50px;}
.standard-list .standard-box{width: calc((100% / 2) - 20px);}
.standard-list .standard-box:nth-child(odd){margin: 50px 20px 0 0;}
.standard-list .standard-box:nth-child(even){margin: 50px 0 0 20px;}
}
@media screen and (min-width: 1100px){
  .standard-list .standard-box:nth-child(odd){margin: 0;}
  .standard-list .standard-box:nth-child(even){margin: 0;}
  .standard-list .standard-box{width: calc((100% / 3) - 27px);margin-bottom: 60px!important;}
  .standard-list .standard-box:nth-child(2){margin-left: 40px; margin-right: 40px;}
  .standard-list .standard-box:nth-child(5){margin-left: 40px; margin-right: 40px;}
  .standard-list .standard-box:nth-child(8){margin-left: 40px; margin-right: 40px;}
  .standard-list .standard-box:nth-child(11){margin-left: 40px; margin-right: 40px;}
}
/*wrap for list with 3 box per row  END*/

.standard-toggle{display: flex; flex-wrap: wrap;   width: 100%;  counter-reset: item;padding: 60px 0 0 0;}
.standard-toggle-column{width: 100%;text-align: center; }

.standard-toggle-box{width: 100%;padding-bottom: 50px;}
.standard-toggle-box .text{height: auto;border: 1px solid #dfdfdf;border-radius: 22px;}
.standard-toggle-box h3{margin:0;font-size: 14px;font-weight: bold;padding: 13px 0 13px 20px;text-align: left;position: relative;padding-right: 30px;}

.standard-toggle-box h3.active::after{content: '\f068'; font-family: FontAwesome; transition: 0.3s;}
.standard-toggle-box p{padding: 0 20px;font-size: 14px;text-align: left; font-weight: 300;}
.standard-toggle-box p a {font-size: 14px;}
#id-contact .standard-toggle-box p {display: block;}
#id-contact .standard-toggle-box p::after {content: none;}

@media screen and (min-width: 992px){
  .standard-toggle-column{width: calc((100% / 2) - 20px);}
  .standard-toggle-column:nth-child(odd){margin: 0 20px 0 0;}
  .standard-toggle-column:nth-child(even){margin: 0 0 0 20px;}
  
}
@media screen and (max-width: 992px){
  #id-contact .standard-toggle-box p {display: none;}
  .standard-toggle-box h3::after{content: '\f078';font-family: FontAwesome; color: #a09d9d;display: inline-block; padding: 1px 7px; right: 6px;
    position: absolute;font-size: 17px;top: 10px;transition: 0.3s;}
}

@media screen and (min-width: 1100px){
  .standard-toggle-column{width: calc((100% / 3) - 27px);margin-bottom: 40px;}
  .standard-toggle-column:nth-child(odd){margin: 0;}
  .standard-toggle-column:nth-child(even){margin: 0;}
  .standard-toggle-column:nth-child(2){margin: 0 40px;}
}

/* STANDARD END STANDARD END STANDARD */
/* global landing*/
.landing h1, .landing h2, .landing h3, .landing h4, .landing h5, .landing h6 {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.1; }
.landing h2 { font-size: 2.7rem; text-align: center; font-weight: 300; margin: 30px 0; }
.landing h3 { font-size: 1.6rem; line-height: 1.3; }
.landing p { font-size: 1.4rem; margin: 0; font-family: 'Montserrat', Arial, Helvetica, sans-serif; }
.landing a { font-family: 'Montserrat', Arial, Helvetica, sans-serif; color: #1592e6; }
.landing a:hover { color: #136dc7; }
.landing { padding: 0; }
.landing .row { margin: 0; }
.landing .col-md-4, .landing .col-sm-4, .landing .col-md-6, .landing .col-md-8, .landing .col-md-12 { padding: 0; }
.landing table td, .landing table th { padding: 0 !important; }

.col-3 {display: flex; width: 100%;}

#mikrobus .heading-h3, .heading-h3 {font-size: 18px; font-weight: 600; margin: 0;     height: 90px;  padding: 35px 0 0 0;}

#mikrobus .heading-h2, #id-terms .heading-h1, #id-support .heading-h2,#id-promotions .heading-h2, .heading-h1, #ebooks-landing-page .heading-h2   {font-size: 32px; letter-spacing: 3px; text-align: center; padding: 60px 0; font-weight: 300;text-transform: uppercase; line-height: 1.4; margin: 0; }


@media only screen and (min-width: 767px) {
  .heading-h2 { padding: 50px 0; }

  #id-terms .heading-h1 { padding: 50px 0; }
}

@media only screen and (min-width: 1200px) {
  .heading-h2 {font-size: 32px;}
  #mikrobus .heading-h2, #id-terms .heading-h1, #id-support .heading-h2{font-size: 37px;}
  #id-terms .heading-h1 {font-size: 37px;}
  }



@media screen and (min-width: 1400px) {
  .landing h2 { font-size: 3.7rem; }
  .landing p { font-size: 1.8rem; }
  .landing p { font-size: 1.4rem; }
}

/* full-width-buttons */
.landing .btn-flex { height: 80px; text-align: center; font-size: 2.2rem; background: #aeaeae; }
.landing .btn-flex:active { background: #989898; }
.landing .btn-flex:hover { background: #989898; }
.landing .btn-flex:active a { position: relative; top: 2px; }
.landing .btn-flex a { color: #fff; width: 100%; padding: 28px 0; font-size: 2.2rem; }
.landing .btn-flex i { margin-left: 15px; font-weight: 400; position: relative; top: 2px; }

/* panel on click - css module */
button.stretch { background: #f1f1f1; width: 100%; border: none; font-size: 1.4rem; padding: 10px 20px; margin: 10px 0 0 0; cursor: pointer; border-radius: 5px; }
button.stretch.active { color: #ffca05; }
button.stretch.active .right { transform: rotate(180deg); transition: transform .10s ease-out; }
.stretch .right { padding: 0; float: right; transition: transform .10s ease-in; }
.stretch .right i { width: 10px; }
.stretch .left { padding: 0; float: left; }
.stretch .left i { width: 25px; }
.stretch i { font-size: 1.8rem; }
.planch { display: none; padding: 0 0 0 30px; }
.planch a { display: block; padding: 10px; background: #f5f5f5; margin: 10px 0 0 0; color: #959595;border-radius: 5px; }
.planch a:active { background: #f1f1f1; color: #ffca05; }
/* END panel on click - css module */
/* END global landing */
/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-down .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

#header #breadcrumb .breadcrumb-item{ padding: 4px 10px; font-size: 13px; cursor: pointer;}
#header #breadcrumb .breadcrumb-custom-divider{ border-right: 1px solid #999; height: 25px; transform: skew(-20deg); position: absolute;}
.select2-container { z-index: 6001 !important;}
#click-boards .banner { height: 60vh;    background-position: 50% 50%;  background-size: cover; background-image: url("http://cdn.mikroe.com/cms/click-boards/700-social-baner.jpg"); text-align: center; position: relative; }
#click-boards .banner .title {position: absolute; right: calc(50% + -150px); top:calc(50% - 60px); color:#fff}
#click-boards .banner .title h1 {margin-bottom: 20px;}

#click-boards .cover-menu .menu {width: 1280px; margin: 0 auto; display: flex; padding:15px 0;}
#click-boards .cover-menu .menu-section {width: 33%;display: flex; align-items: center;  justify-content: center;}
#click-boards .cover-menu h3 {font-size: 22px; letter-spacing: 2px; line-height: 30px; font-weight: 300;color: #1592e6;text-align: center;padding: 0 0 60px 0; margin: 0; font-weight: 500;}
#click-boards h2 { font-size: 32px; letter-spacing: 3px; text-align: center; padding: 60px 0;font-weight: 300; text-transform: uppercase;  line-height: 1.4; margin: 0;}

#click-boards .description span {width: 100%;  font-size:31px;letter-spacing: 2px; line-height: 36px; color: #1592e6; text-align: center; font-weight: 500; }
#click-boards .description span i:nth-child(2) {margin-left: 5px;}
#click-boards > div.description.standard-wrap > div > div:nth-child(2) > div.col-md-4 > span {text-align: left; margin-left: 17px;}
#click-boards > div.description.standard-wrap > div > div:nth-child(1) > div.col-md-4 > span > span:nth-child(1) {margin-left: -60px;}
#click-boards > div.description.standard-wrap > div > div:nth-child(1) > div.col-md-4 > span > span:nth-child(3) {margin-left: 52px;}
#click-boards > div.description.standard-wrap > div > div:nth-child(1) > div.col-md-4 > span {margin-left: 12px;}
#click-boards > div.description.standard-wrap > div > div:nth-child(1) > div.col-md-4 {    height: 120px; display: flex;  justify-content: center; align-items: center; padding:0}
#click-boards > div.description.standard-wrap > div > div:nth-child(2) > div.col-md-4 {height: 175px; display: flex;  justify-content: center; align-items: center;}
#click-boards > div.description.standard-wrap > div > div:nth-child(2) > div.col-md-4 > span > span:nth-child(3) {    margin-left: 42px;}
#click-boards > div.description.standard-wrap > div > div:nth-child(2) > div.col-md-4 > span > span:nth-child(5) {    margin-left:42px;}
#click-boards > div.description.standard-wrap > div > div:nth-child(3) > div.col-md-4 {height: 127px;  display: flex;  justify-content: center; align-items: center;}
#click-boards > div.description.standard-wrap > div > div:nth-child(3) > div.col-md-4 > span > span:nth-child(3) {margin-left: 49px;}
#click-boards > div.description.standard-wrap > div > div:nth-child(3) > div.col-md-4 > span > span:nth-child(5) {margin-left: 55px;}
#click-boards > div.description.standard-wrap > div > div:nth-child(2) > div.col-md-4 > span > span:nth-child(7) {margin-left: 42px;}
#click-boards > div.description.standard-wrap > div > div:nth-child(3) {margin: 0;}
#click-boards .description .col-md-4 i {color: #dedede;}
#click-boards .description .col-md-4 h3 { padding: 60px 0;}
#click-boards .description {margin-bottom: 60px;}
#click-boards .fullsize-video-bg {height: 60vh; position: relative;  max-height: 620px;}
#click-boards #video-viewport {    position: absolute;  bottom: -3px; width: 100%;}
#click-boards .video-bg {z-index: 5;  position: absolute; width: 100%;  text-align: center;  height: 60vh; max-height: 620px; background-color: rgba(0, 0, 0, 0.18); display: flex; align-items: center; justify-content: center;}
#click-boards .video-bg h2 {    font-weight: 800; color: #fff; font-size: 37px;width: 100%;  padding: 0; text-align: left; font-size: 65px;}
#click-boards .description p:nth-child(1) {padding-bottom: 15px;}
#click-boards .click-list h2:nth-child(2) {    padding: 0; font-size: 31px; text-transform: inherit; color: #1592e6;}
#click-boards .click-list .numberclick span, #click-boards .click-list .numberclick b  {font-weight: 800;}
#click-boards .chips4clicks .col-lg-7:first-of-type {height: 390px;}
#click-boards .chips4clicks {background: #fff;}
#click-boards .chips4clicks .col-lg-7 p:last-of-type {position: absolute; bottom: 0;}
#click-boards .chips4clicks .col-lg-7 p:last-of-type span {color:#000; font-weight: 300;}
#click-boards .contact-form {padding-left: 0;}
#click-boards .libstock button {  height: 50px;  padding: 0 35px;  border-radius: 50px;  line-height: 50px;  white-space: nowrap;  text-decoration: none;  text-transform: uppercase;  letter-spacing: 1px;  font-weight: 700;  color: #1592e6;    border: 1px solid #ebebeb;    background-color: #fff;    font-size: 14px;}
#click-boards .libstock  {background: #fff; padding-bottom:20px;}
#click-boards .libstock button i {margin-left: 5px; font-weight: 500;}
#click-boards .libstock img {max-height: 200px;}
#click-boards .libstock .col-md-7 {height: 235px;}
#click-boards .libstock button {position: absolute;  bottom: 50px; outline: none;}f
#click-boards .libstock button:hover { border: 1px solid #1592e6;}
#click-boards .libstock .row {margin-top: 50px;}
#click-boards .libstock .row p {padding-top: 25px;}
#click-boards .description .col-md-4 span i:nth-of-type(2) { margin-left: 5px;}
#click-boards > div.mikroSDK.libstock.click-list > div > div.col-md-7 > button {bottom: 75px;}
#click-boards .mikroSDK, #click-boards .mikroSDK button {background: #fbfbfb!important;}
#click-boards .parterning-row {background: #fbfbfb;}
#click-boards > div.chips4clicks > div:nth-child(1) > div.col-lg-5 > img {max-height: 374px;}
#click-boards .description p {font-size: 16px; color: #231f20;  line-height: 33px; }
#click-boards .categories-list {display: flex; padding-bottom: 60px;}
#click-boards .categories-list ul li:nth-child(1) {padding-bottom: 50px;}
#click-boards .categories-list ul li a {color: #8a8a8a;}
#click-boards .categories-list ul li img {width: 50%; margin-bottom: 10px;}
#click-boards .categories-list ul li img:hover {opacity: 0.7;}
#click-boards .click-categories {background: #fbfbfb;}
#click-boards .click-categories ul {list-style: none; width: 25%; padding: 0; text-align: center; }
#click-boards .parterning-list ul {list-style: none; user-select: none; padding-left: 0;  position: relative; display: flex; flex-wrap: wrap; margin: 0; width: calc(100% + 20px); counter-reset: item; }
#click-boards .parterning-list ul li {width: calc((100% / 7) - 40px); position: relative; margin: 0 40px 40px 0px; }
#click-boards .chips4clicks .row .col-lg-4 {height: 200px; position: relative;  }
#click-boards .chips4clicks .row .col-lg-4 .learn-more-btn {bottom: 0; position: absolute; left: calc(50% - 81px);}
#click-boards .chips4clicks .row .col-lg-4 .learn-more-btn button {padding: 10px 25px; color: #000;border: 1px solid; font-size: 15px; background: none; font-weight: 500; }
#click-boards #all-click .slick-prev:before {    content: "\f053"; font-family: 'Font Awesome 5 Pro'; font-weight: 300; color: #343434; font-size: 25px;}
#click-boards #all-click .slick-next:before {    content: "\f054"; font-family: 'Font Awesome 5 Pro'; font-weight: 300; color: #343434; font-size: 25px;}

#click-boards .chips4clicks .n-download-link {color: #fbfbfb; border: 1px solid #dfdfdf; padding: 7px 25px; display: inline-block; border-radius: 30px;font-size: 16px;    position: absolute; bottom: 0;}
#click-boards .chips4clicks .n-download-link a {color: #7d7d7d;}
#click-boards .chips4clicks .col-lg-5 img.visible {animation: rightToLeft 1.5s;  position: relative; opacity: 1;}
#desing-service .description {margin-bottom: 30px;}
#click-boards .parterning-list {padding-bottom: 20px;}
#click-boards .mikroecustomform .agreed-box { justify-content: unset;     padding: 49px 15px; }
#click-boards .mikroecustomform .apply-checkbox {margin: 0; display: flex; width: calc(50% - 30px);}
#click-boards .mikroecustomform .caree-submit {margin-top: 30px;}
#click-boards .mikroecustomform textarea {height: 145px;}
#click-boards .faq-row {background: #fbfbfb;}
#click-boards .faq-row h2 {padding-bottom: 0;}
#click-boards .faq-row h3 {color: #58595b;}
#click-boards .description .col-md-4 img {max-height: 200px;}
#click-boards .fullsize-video-bg {background-image: url(https://download.mikroe.com/images/image-testing/click-boards-header-f.jpg);  padding: 148px 0px;   background-repeat: no-repeat;
    background-position: center;    background-size: cover;    text-align: center;        color: #fff;    height: 60vh;display: flex;   align-items: center;   justify-content: center;}
#click-boards .fullsize-video-bg h2 {color: #ffcb05;  font-size: 65px;  font-weight: 700; position: relative;  padding: 0;}
#click-boards .fullsize-video-bg span {    font-size: 46px;  margin-bottom: 10px;  top: 0;  position: absolute;}




.mikroecustomform {position: relative; margin-top: 30px; height: 610px;}
.mikroecustomform input {height: 35px;  border-radius: 5px; border: 1px solid #d6d4d4; background: #fff;margin-bottom: 30px;  padding: 0 10px; width: 100%;}
.mikroecustomform textarea { border-radius: 5px; padding: 7px 10px 0 10px;  border: 1px solid #d6d4d4;  width: calc(100% - 30px);  margin: 0 auto; margin-bottom: 30px;}
.mikroecustomform .txt-checkox {color: #bbbbbb;font-size: 13px; position: relative; padding-left:5px; display: block;    top:7px;}
.mikroecustomform .txt-checkox a {font-size: 13px;}
.mikroecustomform .apply-checkbox { margin-top: 30px; position: relative;}
.mikroecustomform .form-upload-info p {font-size: 13px; color: #bbbbbb; margin: 0;line-height: 20px;}
.mikroecustomform .form-upload-info p:nth-child(2) {position: absolute;  bottom: 0px;}
.mikroecustomform .caree-submit {margin-top: 15px; text-align: center; position: relative;}
.mikroecustomform .alert {position: absolute;  bottom: -10px;  width: 100%;  margin-top: 30px;}
.mikroecustomform .alert p {font-size: 14px;}
.mikroecustomform .alert.alert-danger:before {padding-top: 3px;}
.mikroecustomform .agreed-box {display: flex; align-items: center; width: 100%; justify-content: center;padding: 0 15px;}
.mikroecustomform .form-loading {position: absolute; left: 50%;     top: 0px;}
.mikroecustomform .caree-submit .caree-submit input {position: relative;}
#make-a-click .mikroecustomform .txt-checkox {top: -4px; left: 8px;}
#make-a-click .mikroecustomform .alert {bottom: -50px; }

#id-careers .contact-form-description {max-width: 100%; }
#id-careers .mikroecustomform .apply-checkbox {margin-top: 110px;}
#id-careers .upload-file-input {padding: 0;}
#id-customization .mikroecustomform .form-group label {width: 100%;}
#id-customization .mikroecustomform .form-upload-info p:nth-child(2) {line-height: 15px; bottom: 43px;}
#click-boards .standard-toggle h3 {font-size: 14px; padding-right: 35px; margin-bottom: 0!important; cursor: pointer;}
#click-boards .parterning-list ul li { padding: 10px 7px; }
#click-boards .standard-toggle-box p {display: none;}
.standard-toggle-box h3::after{content: '\f078';font-family: FontAwesome; color: #58595b;display: inline-block; padding: 1px 7px; right: 6px;
  position: absolute;font-size: 17px;top: 10px;transition: 0.3s;}

@media screen and (min-width: 992px){
  #click-boards .description.standard-wrap > div > div:nth-child(1) > p {margin-right: 8px;} 
  .mikroecustomform textarea {width: 50%;float: right; float: right; top: 65px; right: -13px; position: absolute;}
  .mikroecustomform #contact-subject {top: -65px;    position: absolute; width: calc(100% - 30px);}
  .mikroecustomform .apply-checkbox {width: 50%;margin-top: 62px; }
  .mikroecustomform .switch {top:unset;}
  .mikroecustomform {height: 380px;}
  .mikroecustomform .txt-checkox {top:-3px;}
  #make-a-click .form-upload-info,  .job-positions .form-upload-info {left: calc(-100% - -15px);    top: 65px;    position: absolute;    width: calc(100% - 30px);}
  #make-a-click .mikroecustomform textarea {top:0px; height:166px; }
  #make-a-click .mikroecustomform .apply-checkbox, .job-positions .apply-checkbox {width: 100%;}
  #make-a-click .mikroecustomform .apply-checkbox {margin-top:170px;}
  #make-a-click .mikroecustomform .upload-file-input input, .job-positions .upload-file-input input {margin:0}
  #click-boards .mikroecustomform {height: 300px;}
  #id-careers .mikroecustomform > div:nth-child(5)> div:nth-child(2) {top: -65px;}
  #id-careers .form-upload-info, .job-positions .form-upload-info {   left: 100%;  top: -65px;  width: calc(100% - 0px);  padding-left: 15px;}
  #id-careers #rs-careers .mikroecustomform > div:nth-child(5)> div:nth-child(2),#id-careers #rs-careers .form-upload-info, .job-positions .form-upload-info {top: -55px;}
  /* #id-careers #rs-careers .careersPage .job-positions .formRow .important {width: 100%; padding: 0 30px; } */
  #id-customization #customization-form > div:nth-child(5) > div.row > div {top: -65px;}
  #id-customization .mikroecustomform .form-group {width: 50%; }
  #id-customization #productSelectWrapper  { width: calc(100% - 15px); padding-left: 15px;}
  #id-customization .mikroecustomform textarea {height: 164px;}
  #id-customization .mikroecustomform  {height: 490px; margin-bottom: 50px; }
  #id-customization .mikroecustomform .apply-checkbox {width: 100%;}
  #internship .rsinternship .upload-file-input {    left: -100%;    top: 110px;}
  #internship .rsinternship .form-upload-info {width: calc(100% - 15px);}
  #internship .rsinternship .form-upload-info input {margin-bottom: 25px;} 
  #internship .rsinternship .job-positions .alert {width: 100%; bottom: -10px; right: -15px; }
  #internship .intership .upload-file-input {left: -50%; top: 65px;}
  #internship .intership .form-control {top:0; height: 165px;}
  #internship .intership .mikroecustomform .apply-checkbox {width: 100%;    margin-top: 200px;}
  #internship .intership .form-upload-info p {    height: 83px;  line-height: 20px;}
  #internship .intership .form-upload-info input {margin-bottom: 0;}
  #internship .rsinternship .upload-file-input > div > p:nth-child(4) {    bottom: -10px; position: absolute; }
  #internship .rsinternship .mikroecustomform .form-upload-info p:nth-child(2) {bottom: 10px; line-height: 19px; }  
  #mikroSDKv2 .mikroecustomform textarea {top:0;height: 165px;}
  #mikroSDKv2 .mikroecustomform .apply-checkbox {right: -50%;  top: 100px;}
  #mikroSDKv2 .mikroecustomform h2 {font-size: 18px;}
  #mikrosdk_internship-form > div:nth-child(5) > div:nth-child(6) > div {display: flex;     padding-left: 0;}
  #mikrosdk_internship-form > div:nth-child(5) > div:nth-child(4) > div {position: absolute; top: 100px; left: -15px;padding: 0;  padding-left: 15px;}
  #mikrosdk_internship-form > div:nth-child(5) > div:nth-child(6) {position: absolute;  top: 193px;}
  #mikrosdk_internship-form > div:nth-child(5) > div:nth-child(4) {    width: calc(50% + 15px); top: 130px; padding-left: 30px;  position: absolute;}
  #mikroSDKv2 .mikroecustomform h2 {margin: 30px 0 10px 0;}
  #mikroSDKv2 .mikroecustomform .selector span {height: 35px; font-size: 13px; padding-top: 4px;}
  #mikroSDKv2 .mikroecustomform .selector {height: 35px;width: 100%!important; }
  #mikroSDKv2 .check-date .table-date {display: flex;}
  #desing-service .industries .industries-list > div {width: 25%;} 
#mikroe_design_services-form .name {position: absolute; right: 0; }
#mikroe_design_services-form .email {position: absolute; right: 0; top:48px;}
#mikroe_design_services-form .phone {position: absolute; right: 0; top:96px}
#mikroe_design_services-form .country {position: absolute; right: 0; top:146px;}
#mikroe_design_services-form .project_name {position: absolute; top: 0; width: calc(50% + 15px);}
#mikroe_design_services-form .company {position: absolute; top: 195px; right: 0; }
#mikroe_design_services-form .nda {position: absolute; left:  0; top:260px; height: 35px; display: flex; align-items: center;padding: 0; }

#mikroe_design_services-form .apply-checkbox {  bottom: 165px;  position: absolute; right: 0; margin: 0; }
#mikroe_design_services-form .upload-file-input {position: absolute; top: 370px; padding: 0; height: 70px;}
#mikroe_design_services-form .download-file {position: absolute; top: 260px; left: 0;}
#mikroe_design_services-form #uniform-mikroe_design_services-file {height: 35px;  width: calc(100% - 15px);}
#mikroe_design_services-form #uniform-mikroe_design_services-file .action  {height: 35px; padding: 4px;}
#mikroe_design_services-form textarea {position: absolute; left: 0; margin: 0; height: 165px; width: calc(50% - 15px);}
#mikroe_design_services-form {height: 600px;}
#mikroe_design_services-form .form-upload-info .filename {padding: 3px 10px;}
#mikroe_design_services-form .form-upload-info input {width: calc(100% - 15px);}
#mikroe_design_services-form .alert {bottom: 280px; width: calc(50% - 30px); right: 15px;height: 65px; padding-right: 15px; margin: 0;}
#mikroe_design_services-form .alert-success {display: flex!important;}
#mikroe_design_services-form .alertmsg {position: absolute; width: 50%;top: 255px;}
#books-container .book-content-wrapper {margin-bottom: 30px!important;}
#click-boards .description .col-md-4 {height: 680px;}
#click-boards .description .col-md-4 a:last-child {position: absolute; bottom: -10px;}
#slidergtc .col-md-7 {padding: 40px 60px 0 0;}

} /*end @media (min-width: 992px) */

@media screen and (min-width: 1100px) and (max-width: 1300px) {

  #click-boards .parterning-list ul li { width: calc((100% / 5) - 40px); }  
  #click-boards .description .col-md-4 {height:700px!important;}
}
@media screen and (min-width: 792px) and (max-width: 1100px) {

  #click-boards .parterning-list ul li { width: calc((100% / 4) - 40px);   }
}

#mikroe_design_services-form .nda.active {display: none;}
#desing-service .choose > div {width: 50%; text-align: center; padding: 15px 0;}
#desing-service .choose > div.active{background: #dfdfdf;}
#desing-service .ndaalert {position: absolute; top: 70px; font-size: 13px; text-align: left; font-weight: 500; line-height: normal; }
#desing-service .ndaalert span {display: none;}
#desing-service .ndaalert span.active{display: block;}
#desing-service p {font-weight: 300;}
#desing-service .banner {height: 60vh; margin-top: 45px; position: relative; display: flex; align-items: center; justify-content: center;  background-image: url("http://cdn.mikroe.com/cms/img/desing-service/desing-services-13.jpg");  background-size: cover;background-position: 50% 50%;}
/* #desing-service .banner { background-image: url("http://cdn.mikroe.com/cms/img/desing-service/desing-services-main-img.jpg"); } */

#desing-service .banner .img {position: absolute;  bottom: 0;}
#desing-service .banner .img img {width: 100%;}
#desing-service .circle, #desing-service .circle:before, #desing-service .circle:after { border-radius: 50%; }
#desing-service .nav {  margin:35px 20px; min-width: 16em; width: 72%; max-width: 40em;transform: rotate(15deg); }
#desing-service .nav ul {user-select: none; -ms-user-select: none; position: relative;  padding: 220px; max-width: 0; max-height: 0;  box-shadow: 4px 3px 4px rgba(0, 0, 0, 0.34); list-style: none; background: white; }
#desing-service .nav li { position: absolute;  }
#desing-service .slice {  overflow: hidden; position: absolute;  top: 0; left: 0; width: 50%; height: 50%; transform-origin: 100% 100%; }
#desing-service .unsel { top: 20%; left: 20%; width: 60%; height: 60%; background:#fff; }
#desing-service .life { transform: skewX(60deg); }
#desing-service .life i {    transform: rotate(60deg);    padding-left: 20px;}
#desing-service .route { transform: rotate(30deg) skewX(60deg); }
#desing-service .route i {    transform: rotate(30deg);}
#desing-service .lightbulb { transform: rotate(60deg) skewX(60deg); }
#desing-service .cogs { transform: rotate(90deg) skewX(60deg); }
#desing-service .laptop { transform: rotate(120deg) skewX(60deg); }
#desing-service .laptop i {transform: rotate(-60deg);}
#desing-service .magic { transform: rotate(150deg) skewX(60deg); }
#desing-service .magic i {transform: rotate(-90deg);padding-right: 10px;}
#desing-service .flask { transform: rotate(-180deg) skewX(60deg); }
#desing-service .flask i {transform: rotate(-120deg);    padding: 0 10px 10px 15px;}
#desing-service .trophy { transform: rotate(-150deg) skewX(60deg); }
#desing-service .trophy i {transform: rotate(-150deg);    padding: 0 0 10px 10px;}
#desing-service .wrench { transform: rotate(-120deg) skewX(60deg); }
#desing-service .wrench i {transform: rotate(180deg);padding: 0 0 10px 7px;}
#desing-service .cube { transform: rotate(-90deg) skewX(60deg); }
#desing-service .cube i {    transform: rotate(150deg);padding: 0 0 5px 15px;}
#desing-service .rocket { transform: rotate(-60deg) skewX(60deg); }
#desing-service .rocket i {    transform: rotate(120deg);    padding-left: 20px;}
#desing-service .holding { transform: rotate(-30deg) skewX(60deg); }
#desing-service .holding i {    transform: rotate(90deg);padding-left: 20px;}
#desing-service .backpart i {margin-top: 20px; font-size: 38px; font-weight: 100; }
#desing-service .line { position: absolute;bottom: 0;  z-index: 99999; right: 0;  width: 100%; height: 1px;     box-shadow: inset -20px 20px 0px 20px rgba(0, 0, 0, 0.34);}
#desing-service .row .right {padding-left: 0; border: none;}
#desing-service #supportdes, #desing-service #logisticsdes, #desing-service #marketing-and-packagingdes {display: none;}
#desing-service #releasesdes, #desing-service #design-ideades, #desing-service #hardware-designdes, #desing-service #software-designdes  {display: none;}
#desing-service #advanced-prototypingdes, #desing-service #synthetic-testingdes, #desing-service #certificationdes, #desing-service #Manufacturingdes {display: none;}
#desing-service #enclosure-servicesdes, #desing-service #marketing-and-packagingdes {display: none;}
#desing-service li.unsel {box-shadow: inset 5px 3px 3px rgba(0, 0, 0, 0.34);display: flex; align-items: center; justify-content: center; transform: rotate(-15deg);}
#desing-service li.unsel .text {width: 60%; cursor: pointer; border-radius: 50%;  border: 1px solid #dfdfdf;  height: 60%;width: 60%; border-radius: 50%; border: 1px solid #dfdfdf;  height: 60%;  display: flex; align-items: center; justify-content: center;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.34);}
#desing-service li.unsel p {    font-size: 29px; font-weight: 900; text-align: center; color: #6d6b6b;line-height: 31px;}
#desing-service .left .text .active {display: block!important;}
#desing-service .left .title h3 i {font-weight: 100;color: #9e9e9e;  font-size: 38px;} 
#desing-service .left .text {margin-bottom: 30px; }
#desing-service h3, #mikroSDKv2 h3 {    font-size: 22px; font-weight: 400; margin: 0; height: 95px; padding: 35px 0 0 0;}
#desing-service .parterning-list {margin-top: 70px;}
#desing-service .backpart {    background-color: #9e9e9e; color: white; text-align: center;  width: 200%; height: 200%; position: absolute; transform: skew(-60deg) rotate(-75deg);border-radius: 50%; display: block; cursor: pointer;}
#desing-service .backpart.active, #desing-service .backpart:hover {background-image: radial-gradient(circle, #ffc800, #fccc05, #f9cf0c, #f5d313, #f2d619);}

#desing-service .end-to-end .solution {position: absolute; bottom: 0px;}
#desing-service .end-to-end .left.col-lg-6 {position: relative; height: 480px; border: none;}
#desing-service .banner img {width: 60%;}
#desing-service .banner .col-lg-6 {border:none}
#desing-service .textp {margin: 40px 0;}
#desing-service .textp img {width: 60%; margin-bottom:30px;}
#desing-service h1 i {display: none;}
#desing-service .industries ul {list-style: none; display: flex; width: 100%; padding: 0; margin-bottom: 0; }
#desing-service .industries ul:nth-child(2){margin-top: 50px; }
#desing-service .industries ul li {width: 25%; text-align: center; display: grid; }
#desing-service .industries ul li:hover {background: #9e9e9e;}
#desing-service .industries ul li i {font-weight: 100; font-size:50px; padding-bottom: 10px; padding: 20px 0 10px 0;}
#desing-service .industries .containertext { margin: 0 auto;}
#desing-service .industries .containertext p { background: #9e9e9e; padding:20px; margin:0;}
#desing-service .industries .active {background: #9e9e9e; display: grid!important; color: #fff;}
#desing-service p#telecommunicationdes, #desing-service p#environmentaldes, #desing-service p#transportdes, #desing-service p#energydes {display: none;}
#desing-service p#cardes, #desing-service p#tractordes, #desing-service p#medicaldes, #desing-service p#turbinedes {display: none;}
#desing-service .industries .industries-list {display: flex;}
#desing-service .industries .industries-list > div {background-image: linear-gradient(to right top,#fbfbfb,#fafafa,#f8f9f8,#f7f7f7,#f6f6f6);padding: 20px;  margin-bottom: 15px;  border: 1px solid #e6e6e6;  border-radius: 5px;}
#desing-service .industries .industries-list > div:not(:last-child) {margin-right: 15px;}
#desing-service .industries .industries-list > div .title {display: flex; padding-bottom: 20px;}
#desing-service .industries .industries-list .description p {    margin: 0; font-size: 14px; line-height: 1.6;}
#desing-service .industries .industries-list > div .title h3 {margin: 0;  padding: 13px 0; font-size: 16px; font-weight: 700; width: 100%; height: auto;}
#desing-service .industries .industries-list > div .title i {font-size: 40px; font-weight: 100; color: #f9cb01; }
#desing-service p {text-align: justify;}
#desing-service .industriescontainer .description p {text-align: left;}
#desing-service .choose {padding: 0 15px 0 45px!important;}
#mikroe_design_services-form .download-file p {margin-top: 15px;}
#mikroe_design_services-form .download-file a {height: 35px;  border: 1px solid #d6d4d4;  background: none; color: #828282; padding: 7px 25px; font-size: 13px; border-radius: 50px; }
#mikroe_design_services-form .download-file a:hover{border: 1px solid #157ed2;}
#mikroSDKv2 .banner {height: 60vh;    background: url("http://cdn.mikroe.com/cms/img/MikroSDK-baner-%284000x1000%29.jpg");    background-position: 50%;  background-size: cover;}
#mikroSDKv2 h1 {background: #fff; font-size: 32px; letter-spacing: 3px; text-align: center; padding: 60px 0; font-weight: 300; text-transform: uppercase;  line-height: 1.4;  margin: 0;}
#mikroSDKv2 h2  {margin: 40px 0 10px 0;}
#mikroSDKv2 p:first-child {margin-top: 30px;}
#mikroSDKv2 p:last-child{margin-bottom: 60px;}
#mikrosdk_internship-submit {user-select: none; font-size: 15px; width: 278px; height: 40px;background: #1592e6; border: none; border-radius: 50px; color: #fff;}
#mikroSDKv2 .mikroecustomform .alert {display: flex; width: calc(50% - 15px); height: auto; right: 0; bottom: 50px;} 
#mikroSDKv2 .mikroecustomform .alert p { margin:0; padding: 0 15px;}
#mikrosdk_internship-form .days {display: flex;padding: 10px 20px 10px 0;}
#mikroSDKv2 .mikroecustomform .days .checker {padding-right: 20px;}
#mikroSDKv2 .mikroecustomform .container {left: 0; margin: 0; position: relative; padding: 0; width: 243px;}
#mikroSDKv2 .mikroecustomform .table-date ul {    list-style: none;  padding: 0; margin-left: 35px;}
#mikroSDKv2 .mikroecustomform .table-date ul li {   padding: 5px 10px;  border-bottom: 1px solid #dfdfdf}
#mikroSDKv2 #mikrosdk_internship-mikrosdk_internship_days-date-picker {height: 30px; top: -162px;}
#mikroSDKv2 .wrap {display: flex;}
#mikroSDKv2 .mikroecustomform {height: 500px; margin-bottom: 60px;}
#cloud-landing .slick-slider .slick-prev, #cloud-landing .slick-slider .slick-next {height: 50px;  width: 50px;}


 @media screen and (max-width: 992px){ 
  #click-boards .fullsize-video-bg h2 {font-size: 50px;}
  #click-boards .fullsize-video-bg h2 span{top:unset}
  /* #desing-service .banner {background-image: url("http://cdn.mikroe.com/cms/img/desing-service/desing-servicesDSC00196.jpg");} */
  #mikroSDKv2 .wrap {display: block;}
  #desing-service .textp img {width: 100%;}
  #mikroSDKv2 .mikroecustomform .table-date ul {margin: 0;}
  #customization-form > div:nth-child(5) > div.row > div {width: calc(100% - 15px);  padding-left: 30px;}
  #id-customization .mikroecustomform .form-group {width: calc(100% - 8px); padding-left: 6px; }
  #id-customization .mikroecustomform {height: 870px;}
  #id-customization .baner-container {background-position: 20% 33%; }
  #id-customization input  {font-size: 13px!important;}
  #make-a-click .mikroecustomform {    height: 670px;}
  #id-careers .form-upload-info p:nth-child(2) {bottom: -15px;line-height: 20px; }
  .mikroecustomform input {font-size: 13px!important;}  
  #id-careers .engcareers .form-upload-info p:nth-child(2)  {bottom: 20px;     line-height: 20px;}
  #id-careers .engcareers .form-upload-info p:nth-child(4) {position: absolute;}
  #id-customization .mikroecustomform .form-upload-info p:nth-child(2) {line-height: 15px; bottom: -13px;}
  #id-customization > div:nth-child(3) > div > div {display: contents;}
  #id-customization > div:nth-child(3) > div {padding: 0 20px;}
  #click-boards .flip-card {display: block; height: 1030px;}
  #click-boards .flip-card-inner {margin: 30px auto;}
  #click-boards .subject {margin: 0 15px;}
  #click-boards .chips4clicks .n-download-link {position: relative;}
  #click-boards .chips4clicks .col-lg-7 {margin-bottom: 30px;}
  #click-boards .slick-prev {left: 0!important;}
  #click-boards .slick-next {right: 0!important;}
  #click-boards .draggable {padding: 0px 20px;}  
  #id-contact  .mikroecustomform { height: 660px!important;}
  #id-contact .mikroecustomform .alert {   bottom: 0px;}
  #id-contact .contact-form-description label { width: 25px;    height: 25px; padding-top: 10px; }
  #click-boards .standard-toggle h3 {font-size: 13px; margin-bottom: 0;}
  #click-boards .standard-toggle-box p {display: none;}
  #click-boards .cover-menu .menu {display: block; height: auto;width: 100%;}
  #click-boards .cover-menu .menu .menu-section {width: 100%;border-right:none;}
  #click-boards .cover-menu .menu-section:nth-child(1), #click-boards .cover-menu .menu-section:nth-child(2) {border-bottom: 1px solid #d1d1d1;  }
  #click-boards .categories-list {display: block;}
  #click-boards .click-categories ul {width: 100%; margin-bottom: 0; display: flex; }
  #click-boards .click-categories ul li {padding-bottom:10px;}
  #click-boards h2 {font-size: 25px;}
  #click-boards .parterning-list ul li {width: calc((100% / 2) - 40px); margin: 0 auto 40px auto; }
  #mikroSDKv2 .mikroecustomform  { height: 1100px;}
  #mikroSDKv2 .mikroecustomform .days input {width: 16px;   height: 16px;}
  #mikroSDKv2 h1 {padding: 40px 20px; font-size: 25px;}
  #mikroSDKv2 h2 {font-size:20px; margin: 5px 0 20px 0;}
  #mikroSDKv2 h3 {font-size:16px;}
  #mikroSDKv2 .days {height: 20px;}
  #mikroSDKv2 apply-checkbox {position: absolute; bottom: 0;}
  #mikrosdk_internship-consent {width: 15px; height: 15px; margin-bottom: 0px;}
  #mikrosdk_internship-form  .apply-checkbox {position: absolute; bottom: 0px;}
  #mikrosdk_internship-form > div:nth-child(5) > div:nth-child(4) {padding: 0 30px; margin-bottom: 20px;}
  #mikrosdk_internship-form .table-date {margin-top: 220px;}
  #mikroSDKv2 .mikroecustomform .alert {width: 100%;    bottom: -90px;  }
  #desing-service .nav ul {padding: 66%;}
  #desing-service .nav {margin: 20px 20px;}
  #desing-service li.unsel p {font-size: 20px; margin: 0;}
  #desing-service .backpart i {font-size: 25px;margin-top: 14px;}
  #desing-service .wrench i {padding: 0px 0 3px 7px;}
  #desing-service .trophy i {padding: 0 0 5px 10px; }
  #desing-service .flask i {    padding: 0 10px 5px 15px;}
  #desing-service .banner .main ul {display: none;}
  #desing-service #click-boards p {margin-bottom: 40px;}
  #desing-service p {font-size: 14px;}
  #desing-service h1 i {display: block; padding-left: 15px;font-weight: bold; }
  #desing-service h2{padding:30px 0; font-size: 20px;}  
  #desing-service .left .text h3{ font-size: 18px;}
  #desing-service .end-to-end .solution {position: relative;}
  #desing-service .end-to-end .left.col-lg-6 {height: auto;padding: 0;}
  #desing-service .standard-wrap {margin: 0;}
  #desing-service .industries .industries-list {display: block;}
  #desing-service .industries .industries-list > div {width: 100%;}
  #desing-service .row .right {    max-width: 452px;}
  #mikroe_design_services-form {height: 1150px;}
  #mikroe_design_services-message {margin: 0; width: 100%;}
  #mikroe_design_services-form .upload-file-input {padding: 0;   margin-top: 15px; top: 790px;  width: calc(100% + 30px)!important;}
  #mikroe_design_services-form .upload-file-input p {line-height: unset;     bottom: -40px;}
  #mikroe_design_services-form .apply-checkbox {position: absolute; bottom: 0;}
  #mikroe_design_services-form .company {padding: 0; top: 415px; width: calc(100% + 30px)!important;}
  #mikroe_design_services-form .country {padding: 0; top: 410px; width: calc(100% + 30px)!important;}
  #mikroe_design_services-form .col-md-6 {width: calc(100% + 60px);}
  #mikroe_design_services-form .phone {position: absolute; top: 460px; width: calc(100% + 60px);}
  #mikroe_design_services-form .email {position: absolute; top: 400px;}
  #mikroe_design_services-form .name {position: absolute;  top: 340px; }
  #mikroe_design_services-form .nda {position: absolute;  top: 720px; padding: 0; }
  #mikroe_design_services-form .form-upload-info input {margin: 0;}
  #mikroe_design_services-form .project_name {position: absolute; top:0}
  #mikroe_design_services-message  {position: absolute; top:65px; width: calc(100% + 30px);}
  #mikroe_design_services-form .download-file {position: absolute; top: 725px;}
  #mikroe_design_services-NDA {    margin: 10px 0;}
  #desing-service .banner .img img {width: 100%;}
  #desing-service .choose {display: block!important; padding: 0!important;}
  #desing-service .chooseback {display: none!important;}
  #desing-service .choose > div {width: 100%;}
  #desing-service .manufacturinglogo {position: relative!important;}
  #desing-service .contact-form-description {padding-right: 30px;}
  #mikroe_design_services-form .alertmsg {position: absolute; width: 100%; top:580px;}
  #mikroe_design_services-form .alert {bottom: 110px; padding: 0 10px;}
  #mikroe_design_services-form .download-file span {display: flex;  top: 0;  padding-left: 0!important;}
  #click-boards .ldio-krkok0gmf4i {height: 250px!important; }
  #click-boards .ldio-krkok0gmf4i div { left: 50px!important;}
  #click-boards .video-bg h2 {font-size: 30px!important; padding: 10px 0;    line-height: 21px; }
  #click-boards .description .row {position: relative;}
  #click-boards .description { margin-top: 30px;}
  #click-boards .description .section .row:nth-child(1) .col-md-4 { position: absolute; top:0;    padding-bottom: 30px; }
  #click-boards .description .section .row:nth-child(1) .col-md-8 {margin-top: 100px;}
  #click-boards .description .section .row:nth-child(3) {padding-top: 130px;}
  #click-boards .description .section .row:nth-child(3) .col-md-4 {position: absolute; top: 0; width: 100%;}
  #click-boards .click-list {height: 525px!important;}
  #click-boards .chips4clicks .col-lg-7:first-of-type { height: 500px; }
  #click-boards .click-list h2:nth-child(2) {font-size: 22px;}  
  #click-boards .libstock .col-md-7 { height: 230px}
  #click-boards .mikroSDK.libstock {padding-bottom: 0;}
  #click-boards .libstock.click-list {height: 640px!important;}
  #click-boards #video-viewport video {width: unset;}
  #click-boards .libstock button {bottom: 35px; position: unset;     margin: 0 auto; display: block;}
  #click-boards > div.description.standard-wrap > div > div:nth-child(1) > div.col-md-4 > span > span:nth-child(3),#click-boards > div.description.standard-wrap > div > div:nth-child(2) > div.col-md-4 > span > span:nth-child(3), #click-boards > div.description.standard-wrap > div > div:nth-child(2) > div.col-md-4 > span > span:nth-child(5), #click-boards > div.description.standard-wrap > div > div:nth-child(2) > div.col-md-4 > span > span:nth-child(7) {margin: 0;}
  #click-boards > div.mikroSDK.libstock.click-list > div > div.col-md-7 > button { bottom: 35px;}
  #click-boards .mikroecustomform .apply-checkbox {display: block; width: 100%;}
  #click-boards .description span {font-size: 25px; }
  #click-boards .description .section .row:nth-child(1) .col-md-4 {left: 0; right: 0;}
  #click-boards > div.description.standard-wrap > div > div:nth-child(2) > div.col-md-4 > span {text-align: center;}
  #click-boards > div.description.standard-wrap > div > div:nth-child(3) > div.col-md-4 span span {margin-left: 0!important;}
  #click-boards .parterning-list ul { width: 100%;}
  #click-boards .chips4clicks > div:nth-child(1) > div.col-lg-5 > img { margin-bottom: 80px;}
  #click-boards .chips4clicks .col-lg-7 p:last-of-type {position: absolute; bottom: -450px;} 
  #click-boards .mikroSDK.libstock.click-list .col-md-7 a {position: absolute; bottom: 30px; left: 0; right: 0;}
  #click-boards .mikroecustomform .agreed-box {padding: 0 15px;}
  #click-boards .click-list.threecolm {height: unset!important;}
} /*max width 992*/

#mikroe_design_services-form .download-file span {color:#f3515c;  font-size: 14px; font-weight: 500;text-align: left; line-height: normal;}
#desing-service .chooseback {width: 100%;display: flex;     position: absolute; height: 65px; }
#desing-service .chooseback div {width: 50%;     border: none; padding: 0; }
#desing-service .chooseback div.active {background:#dfdfdf ;}
#desing-service .choose > div p {text-align: center; font-size: 20px;font-weight: 400;}
#desing-service .download-file {display: none; padding: 0;}
#desing-service .manufacturinglogo ul {list-style: none; display: flex; bottom: 0; padding: 0;background: #fbfbfb; }
#desing-service .manufacturinglogo {position: absolute; bottom: 0;}
#desing-service .manufacturinglogo p {font-weight: 600; }
#desing-service .manufacturinglogo img {width: 80%;}
#desing-service .choose {display: flex; padding: 0 25px 0 15px;}
#desing-service .mikroecustomform .caree-submit {    margin-top: 8px!important;}
#desing-service .form-upload-info p:first-of-type {top: 72px;}

#mikroe_design_services-form h1 {margin: 0; font-size:16px; text-align: left; line-height: unset; }
#mikroe_design_services-NDA {margin: 0 30px; padding-top: 5px;}
#mikroe_design_services-NDA label {padding-right: 40px;}
#mikroe_design_services-NDA input[type=radio] {background: #fff;width: 15px;  height: 15px;}
.standard-row{display: -webkit-flex;display: flex;flex-direction: column;} 
.standard-row.reverse{flex-direction: column-reverse;}


@media screen and (min-width: 992px){
  .standard-row{flex-direction: row;align-items: end;-webkit-align-items: end;}
  .standard-row.content-center{-webkit-align-items: center;align-items: center;}
  .standard-row .standard-col6{width: 50%;}
  .standard-row .standard-col6:first-of-type{padding-right: 25px;}
  .standard-row .standard-col6:last-of-type{padding-left: 25px;}
  .standard-row.reverse{flex-direction: row;}
  #click-boards .subject {top: 0; position: absolute; right: -13px; padding: 0;}
  #desing-service .standard-page-nav {top:85px}
}

#click-boards #all-click {display: flex; list-style: none; }
#click-boards #all-click .box { background: #fff;  border: none;padding: 0; padding-right: 20px; outline: none;}
#click-boards #all-click .box p {max-height: 20px;  text-align: center; font-size: 15px; line-height: 23px; color: #121212; font-weight: 500; margin-top: 11px;}
#click-boards .click-list { background: #fff;  padding: 0px 0 50px 0; }
#click-boards .click-list img {max-width: 170px;}
#click-boards > div:nth-child(9) > div > div:nth-child(3) > img {height: 110px;}
#click-boards .slick-prev {left: -20px; top: calc(50% - 15px); width: 50px; height: 50px;}
#click-boards .slick-next {right: -5px; top: calc(50% - 15px); width: 50px; height: 50px;}
#click-boards #slider {position: relative; padding:25px 0 10px 0;}
#click-boards .threecolm h2.numberclick {color: #000; padding: 30px 0;     font-size: 18px; font-weight: 600; margin: 0; height: 110px; }
#click-boards .numberclick {padding-bottom: 30px;}

@media screen and (max-width: 992px){
#slidergtc{  position:relative;  width:100%;  overflow:hidden;  margin:20px auto 0 auto;}
#slidergtc ul{  position:relative;  width:100%;  margin:0;  padding:0;  height:200px;  display:inline-block;  list-style:none;  background:#458;}
#slidergtc ul li{  position:relative;  float:left;  display:inline-block;  margin:0;  padding:0; width:1280px;  height:500px;  background:#fff;  text-align:center;  line-height:300px;  color:#333;}
#slidergtc img {max-width: 80%!important;}
#slidergtc .control{  position: absolute;  top: 40%;  z-index: 99;  display: block;  padding: 15px 20px;  width: auto;  height: auto;  color: #000;  text-decoration: none;  font-weight: 600;  font-size: 18px;  opacity: 0.8;  cursor: pointer;}
#slidergtc .prev{  left:0px;}
#slidergtc .next{  right:0px;}
#click-boards p {font-size: 14px!important;    line-height: 1.6;}

}

@keyframes ldio-krkok0gmf4i {
  0% { transform: translate(-50%,-50%) rotate(0deg); }
  100% { transform: translate(-50%,-50%) rotate(360deg); }
}


@keyframes rightToLeft{
  from{right: -100px;opacity: 0;}
  to{right: 0px;opacity: 1;}
}

@keyframes leftToRight{
  from{left: -100px;opacity: 0;}
  to{left: 0px;opacity: 1;}
}


#click-boards .ldio-krkok0gmf4i div {
  position: absolute;
  width: 100px;
  height: 100px;
  border: 2px solid #6d6d6d;
  border-top-color: transparent;
  border-radius: 50%;
  position: relative;
}
#click-boards .ldio-krkok0gmf4i div {
  animation: ldio-krkok0gmf4i 1s linear infinite;
  top: 100px;
  left: 100px
}
#click-boards .loadingio-spinner-rolling-jtzvvbddgo {
  width: 201px;  
  display: inline-block;
  overflow: hidden;
  background: none;
  position: absolute;
  z-index: 5;
  width: calc(100% - 20px);
  user-select: none;
}
#click-boards .ldio-krkok0gmf4i {
  width: 100%;
  height: 240px;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
  display: flex;  
  justify-content: center;
  background: #dfdfdf8c;
}
#click-boards .ldio-krkok0gmf4i div { box-sizing: content-box; }
/* generated by https://loading.io/ */


/* standard buy section */
.buy-field .bf-add {display: flex;padding: 40px 0;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;position: relative;flex-direction: column;}
.buy-field .bf-add p{font-size: 14px;color: #343434;}
.buy-field .bf-add .bf-discount {display: none;}
.buy-field .bf-add .bf-discount-percent{line-height: 18px;position: absolute;top: -20px;left: -20px;padding: 2px 10px;background: #FF4219;color: #fff;font-weight: 600;
 border-radius: 5px;margin: 0; text-align: center;}
.buy-field .bf-add .prod-name{margin: 0 0 20px 0!important;font-size: 26px!important;font-weight: 800!important;padding: 0!important;}

.buy-field .bf-add .color-select{display: flex;flex-direction: row;list-style-type: none;padding: 0;}
.buy-field .bf-add .color-select .color{width: 20px;height: 20px;border-radius: 20px;cursor: pointer;margin-left: 10px;position: relative;top: 2px;}
.buy-field .bf-add .color-select .txt{font-size: 14px;font-weight: 600;}
.buy-field .bf-add .color-select .color.selected{width: 30px;height: 30px;top: -3px;}
.buy-field .bf-add .color-select .color.hexi-blue{background: #2598cd;}
.buy-field .bf-add .color-select .color.hexi-black{background: #171717;;}
.buy-field .bf-add .color-select .color.hexi-green{background: #9ec82a;}
.buy-field .bf-add .color-select .color.hexi-yellow{background: #ffdf33;}

.buy-field .bf-add .prod-info {margin-bottom: 5px!important; color: #B3B3B3;line-height: 17px;}
.buy-field .bf-add .prod-info:last-of-type{margin-bottom: 30px!important;}
.buy-field .bf-add .prod-license-wrap .prod-license-val{font-weight: 600;}
.buy-field .bf-add .quantity-wrap {margin-bottom: 30px;}
.buy-field .bf-add .quantity-wrap .quantity_select{text-align: center;}
.buy-field .bf-add .quantity-wrap .quantity_select button{border: 0;outline: none;width: 32px;height: 32px;border-radius: 5px;
 background: #1592E6;color: #fff;position: relative;z-index: 01;top: -0.5px;}
.buy-field .bf-add .quantity-wrap .quantity_select button.quantity-minus{left: 14px;}
.buy-field .bf-add .quantity-wrap .quantity_select button.quantity-plus{right: 13px;}
.buy-field .bf-add .quantity-wrap .quantity_select input{width: 90px;height: 32px;text-align: center;outline: none;position: relative;
  -webkit-appearance: textfield;-moz-appearance: textfield;appearance: textfield;}
.buy-field .bf-add .quantity-wrap .quantity_select input::-webkit-inner-spin-button,
.buy-field .bf-add .quantity-wrap .quantity_select input::-webkit-outer-spin-button{ -webkit-appearance: none;}
.buy-field .bf-add .quantity-wrap .quantity_select input.clicked{border: 1px solid #157ed2;}
.buy-field .bf-add .quantity-wrap .quantity_jump{text-align: center;margin: 0!important;}
.buy-field .bf-add .quantity-wrap .quantity_jump span{display: inline-table;width: 26px; height: 26px;border: 1px solid #E6E6E6;
 border-radius: 5px;padding: 4px;margin: 0 7px;cursor: pointer;line-height: 17px;}
.buy-field .bf-add .quantity-wrap .quantity_jump span:hover{background: #e6e6e6;}
.buy-field .bf-add .quantity-wrap .quantity_jump span.clicked{border: 1px solid #157ed2;background: #fbfbfb;}


.buy-field .quantity-table-wrap{position: relative;display: none;cursor: context-menu;text-align: center;margin: 20px 0 0 0;}
.buy-field .quantity-table-wrap.active{display: block;}
.buy-field .quantity-table-wrap .check{margin: 0;display: none;color: #1592e6;font-size: 13px;line-height: 18px;}
.buy-field .quantity-table-wrap .quantity-table{display: inline-block;width: auto;position: relative;}
.buy-field .quantity-table-wrap .quantity-table-content{background-color: #fff;min-width: auto;border: 1px solid #E6E6E6;border-radius: 5px;
  position: relative;z-index: 1;font-size: 14px;}
  .buy-field .quantity-table-wrap .quantity-table-content table{margin: 0 auto;}
  .buy-field .quantity-table-wrap .quantity-table-content table td, 
  .buy-field .quantity-table-wrap .quantity-table-content table th{text-align: center;padding: 10px 15px;border: 0.5px solid #e6e6e6;}


.buy-field .bf-add .price-wrap{width: 136px;margin: 0 auto 30px auto;text-align: center;}
.buy-field .bf-add .price-wrap #priceLabel-wrap{position: relative;top: -5px;left: 5px;color: #B3B3B3;}
.buy-field .bf-add .price-wrap .price{color: #343434;font-size: 32px;font-weight: 800;margin: 0 auto 10px auto;}
.buy-field .bf-add .price-wrap .bf-old-price{display:none; margin: 0 0 5px 0!important;line-height: 18px;}
.buy-field .bf-add .price-wrap .bf-old-price span {text-decoration: line-through;margin-left: 3px;}
.buy-field .bf-add .price-wrap .you-save{display: none; color: #FF4219;font-weight: 600;margin: 0!important;line-height: 18px;}
.buy-field .bf-add .price-wrap .you-save span{margin-left: 3px;margin: 0;}
.buy-field .bf-add .add-to-cart-wrap{text-align: center;}
.buy-field .bf-add .add-to-cart-wrap button{color: #fff;background: #1592E6;border-color: #1592E6;border-radius: 50px;width: 200px;
 font-size: 16px;font-weight: 500;}
 .buy-field .bf-add .add-to-cart-wrap button:hover {background: #157ed2;}
.buy-field .bf-add .add-to-cart-wrap button i{font-weight: 500;}



@media only screen and (min-width:992px){
 /* #buy-necto{padding-bottom: 120px;} */
 .buy-field .bf-add .prod-info:last-of-type{margin-bottom: 0px!important;}
  .n-license-usage-duration.inactive p{color: #343434;}
  .buy-field{display: block;}
  .buy-field .bf-add{padding: 20px 0 20px 0;border: 1px solid #e6e6e6;border-radius: 5px;flex-direction: row;}
  .buy-field .bf-add .bf-add-col-5{width: 40%;padding: 0 30px 0 20px;border-right: 0.5px solid #e6e6e6;}
  .buy-field .bf-add .prod-license-wrap .prod-license-l{display: inline-block;width: 110px;}
  .buy-field .bf-add .prod-license-wrap{margin-bottom: 5px;}
  .buy-field .bf-add .price-wrap{text-align: left;}
  .buy-field .bf-add .prod-license-usage{margin-bottom: 15px;}
  .buy-field .bf-add .price-wrap #priceLabel-wrap{left: 0;}
  .buy-field .bf-add .prod-info{margin-bottom: 5px!important;}
  .buy-field .bf-add .bf-add-col-7{display: flex;width: 60%;padding: 0 20px 0 30px;}
  .buy-field .bf-add .bf-add-col-7 .bf-add-3{width: 33.3333%;margin: 0 auto;}
  .buy-field .bf-add .quantity-wrap .quantity_select{text-align: left;margin-bottom: 15px!important;}
  .buy-field .bf-add .quantity-wrap .quantity_select button{width: 28px;height: 28px;}
  .buy-field .bf-add .quantity-wrap .quantity_select button:hover{background: #157ed2;}
  .buy-field .bf-add .quantity-wrap .quantity_select button.quantity-minus{left: 0;}
  .buy-field .bf-add .quantity-wrap .quantity_select input{right: 17px;height: 28px;}
  .buy-field .bf-add .quantity-wrap .quantity_select button.quantity-plus{right: 30px;}
  .buy-field .bf-add .quantity-wrap .quantity_jump{text-align: left;}
  .buy-field .bf-add .quantity-wrap .quantity_jump span{text-align: center; margin: 0 7.5px;}
  .buy-field .bf-add .quantity-wrap .quantity_jump span:first-of-type{margin-left: 0;}


  .buy-field .quantity-table-wrap{position: relative;text-align: left;margin: 12px 0 0 0;}
  /* .buy-field .quantity-table-wrap.active{display: inline-block;} */
  .buy-field .quantity-table-wrap .check{display: block;}
  .buy-field .quantity-table-wrap .quantity-table{display: none;padding-top: 10px;width: 210px;position: absolute;left: -5px;}
  .buy-field .quantity-table-wrap:hover .quantity-table{display: inline-block;}
	.buy-field .quantity-table-wrap:hover .check {color: #157ed2;}
	.buy-field .quantity-table-wrap:hover .check i {color: #157ed2;}
  .buy-field .quantity-table-wrap .quantity-table-content{position: absolute;}
  


  .buy-field .bf-add .add-to-cart-wrap button{width: 100%}
  .buy-field .bf-add #buyLicense-graphicalPluginsWrapper .pid:last-of-type{margin-bottom: 0!important;}

}

@media only screen and (min-width:1200px){
  .buy-field .bf-add .bf-add-col-5{width: 44%;}
  .buy-field .bf-add .bf-add-col-7{width: 56%;}
  .buy-field .bf-add .add-to-cart-wrap{text-align: right;}
  .buy-field .bf-add .add-to-cart-wrap button{width: 200px;}
}

@media only screen and (min-width:1220px){ .buy-field .bf-add .bf-discount-percent{left: -25px;}}


@media only screen and (min-width:1300px){
  .buy-field .bf-add .bf-discount-percent{left: -10px;}
  .buy-field .bf-add .price-wrap{position: relative;left: 10px;}
}

@media only screen and (min-width:1330px){ 
  .buy-field .bf-add .bf-discount-percent{left: -25px;}
}

@media only screen and (min-width:1800px){ 
  #click-boards #video-viewport video {width: 100%;}
}


/* standard buy section  END*/


.promotion-banner-image{display: none;}
.promotion-banner-image-mobile{display: block;}

@media screen and (min-width: 640px){
.promotion-banner-image{display: block;}
.promotion-banner-image-mobile{display: none;}
}