/** custom css **/

/*
 * page: product/overview
 */

#system.overview .items .item {
  border: none; 
  margin-top: 0px;
  padding-top: 0px;
}

/*
 * page: product/overview
 * Article title 
 */
 
#system.overview h1.title {
  padding-top: 10px;
  padding-bottom: 5px;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  background-color: #2e2e2e;
}

.module h3.header span.titleOverview {
	display: block;
	padding-bottom: 10px;
	border-bottom: 1px solid #E1E1E2;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: 500;
	color: #ff9f11;
}

h3.thanksToLogicalDOC {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 15px;
}


#whyChoose {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	clear: both;
}

#whyChoose .module { 
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
	height: 340px;
}

/*
 * module: box-overview
 */
 
div.mod-box-overview div.box-1 {
  height: 100%;
	border: 1px solid #EDEEEF;
	background: #FFFFFF;
	overflow: hidden;	
	text-align: center;	
}

.mod-box-overview h3.header span.titleOverview {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: 500;
	color: #ffffff;
	border-bottom: none;
	background-color: #21478c;
}

div.mod-box-overview div.box-1 p { 
	padding: 8px;
	padding-bottom: 0px;
	text-align: left;	
}

#ldeecloud {
  padding-top: 10px;
  text-align: center; 
  width: 100%;
}

div.mod-box-product div.box-1 { 
	border: 1px solid #edeeef;
	background: #ffffff;
	overflow: hidden;
	text-align: center;
}
/*
#ldeecloud > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h3:nth-child(1)
*/
.mod-box-product h3.header span.titleProduct {
  display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: 500;
	color: #ffffff;
	border-bottom: none;
	background-color: #73b7fb;
}

.yoogalleryCentered {
   margin-top: 20px;
   text-align: center;
   width: 100%;
}

.yoogalleryCentered div.polaroid div.yoo-gallery div.thumbnail {
  display: inline-block;
  float: none;
}

.yoogalleryCentered div.cut div.yoo-gallery div.thumbnail {
  display: inline-block;
  float: none;
}

table.mainFeatures {
   border: none;
}  

.mainFeatures td {
  font-size: 21px;
  color: #466ead;
  text-shadow: 1px 1px 1px #a9bbd9;
}

.mainFeatures a {
  text-decoration: none;
}

.mainFeatures a:link, .mainFeatures a:visited {
  color: #466ead;
}

.mainFeatures a:hover {
  color: #466ead;
  background-color: #d9e3e7;
}

/* Thumbnails style polaroid2 */
div.polaroid2 div.thumbnails {
    margin: 0px; 
    padding: 0px;   
}

div.polaroid2 div.thumbnails div.thumbnail {
    padding: 15px;
    margin: 10px;
    float: left;
}

.rsform-submit-button {
	color: rgb(255, 255, 255) !important;
	background: none repeat scroll 0% 0% rgb(245, 108, 19) !important;
}

.rsform-reset-button {
	background: none repeat scroll 0% 0% rgb(245, 245, 245);
}

/* new design */
.tm-block-spotlight {
    overflow: hidden;
}
.tm-block-spotlight:before {
    width: 35%;
}


/* new css */

.tm-block-spotlight {
    position: relative;
    box-shadow: inset 0 5px 0 #fe7623;
   
}
.tm-block-spotlight:before {
    content: "";
    position: absolute;
    width: 32%;
    background-image: -webkit-linear-gradient(left, #fe8400, #ff6300);
    height: 130px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.075), inset 10px 0 20px #ff6700;
    top: 0px;
    right: 0;
    border-radius: 0 0 0 25px;
}

.tm-light-color {
    color: #515d6f;
}

.tm-top-line {
    box-shadow: inset 0 5px 0 #ff781c;
}

.tm-highlight-block.uk-width-1-1 {
    width: 100%;
}

.tm-highlight-block.uk-width-1-1:after {
    left: 25px;
}

.tm-toolbar select.inputbox {
    background: #ff771c;
    border: none;
    color: #fff;
    width: auto;
}

.uk-block-secondary .tm-light-color {
    color: #94b1ca;
}

.uk-block-muted .tm-light-color {
    padding: 10px 40px 0;
}

.uk-block-muted .tm-light-color {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
}

.uk-block-muted .tm-light-color:before,
.uk-block-muted .tm-light-color:after {
    content: "";
    position: absolute;
    border-radius: 7px;
}

.uk-block-muted .tm-light-color:before {
    content: "";
    position: absolute;
    left: -25px;
    top: -20px;
    width: 28px;
    height: 28px;
    left: 0px;
    border-top: 8px solid #e4e7ec;
    border-left: 8px solid #e4e7ec;
}

.uk-block-muted .tm-light-color:after {
    content: "";
    position: absolute;
    right: -25px;
    bottom: -20px;
    width: 28px;
    height: 28px;
    right: 0px;
    border-bottom: 8px solid #e4e7ec;
    border-right: 8px solid #e4e7ec;
}

h4.tm-intro-heading {
  font-size: 20px;
  line-height: 34px;
}

[class*='uk-column-'] {
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
}

.tm-header.tm-header-right.uk-active {
    box-shadow: inset 0 -1px 0 #e0e0e0;
}

@media (max-width: 480px) {

    #tm-bottom-d div section div div ul li {
        line-height: 48px;
    }

    #tm-toolbar a.uk-icon-button {
        width: 49px;
    }
  
  	#tm-bottom-e a.uk-icon-button {
    	width: 50px; 
        height: 50px;
  	}
  
    section.tm-spotlight div.uk-grid a.uk-button {
    	background-color: #fb7010;
    }
  
  	#cdm-thecosts {
    	visibility: hidden;
  	}
  
    /* Set the top header distance/apparence */
    .tm-toolbar .uk-subnav li {
        line-height: 48px;
        font-size: 16px;
        margin-right:9px
    } 
  
  .tm-toolbar .uk-subnav-line li:nth-child(n+2):before {
        content: none;
        display: none;
        height: 0px;
  }   
  
  	p.uk-margin-left a.uk-button {
    	line-height: 48px;
	}
  
  	.uk-nav-side li a {
    	padding-top: 10px;
    	padding-bottom: 10px;
	} 
  
    ul.uk-list.list-icons li {
        margin-bottom: 10px;
    }
  
    div.cc-compliance a.cc-btn.cc-dismiss {
        padding-top:10px;
        padding-bottom:10px;
    }
  
    .droptablesresponsive td img {
        width: auto;
    }

    /* Banner homepage */
    #tm-hero .tm-slideshow-sandal .uk-overlay-panel div {
        width: 100%;
    }
  
    #tm-hero .tm-slideshow-sandal .uk-overlay-panel h1, .tm-slideshow-sandal .uk-overlay-panel h2 {
        font-weight: 200;
        font-size: 20px;
        line-height: 26px;
      	padding-top: 50px;
    }

    #tm-hero .tm-slideshow-sandal .uk-overlay-panel a.uk-button-large {
        min-height: 30px;
        padding: 0 15px;
        line-height: 25px;
        font-size: 17px;
        font-weight: 200;
    } 
  
}


@media (min-width: 900px) and (max-width: 1100px) {
    .tm-header.tm-header-right .uk-navbar-nav > li >a {
        padding: 0 10px;
    }         
}

.background-banner {
    background-image: url('/images/background/70abstract-technology-backg.png');
    height: 300px; /* You must set a specified height */
    background-position: 50% 50%; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;  /* Resize the background image to cover the entire container */
}

.tm-overlay-secondary .uk-form select,
.tm-overlay-secondary .uk-form textarea,
.tm-overlay-secondary .uk-form input:not([type]),
.tm-overlay-secondary .uk-form input[type="text"],
.tm-overlay-secondary .uk-form input[type="password"],
.tm-overlay-secondary .uk-form input[type="email"] {
  border-color: rgba(0, 0, 0, 0.1);
  background: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  /* Focus state */
}
.tm-overlay-secondary .uk-form select:focus,
.tm-overlay-secondary .uk-form textarea:focus,
.tm-overlay-secondary .uk-form input:not([type]):focus,
.tm-overlay-secondary .uk-form input[type="text"]:focus,
.tm-overlay-secondary .uk-form input[type="password"]:focus,
.tm-overlay-secondary .uk-form input[type="email"]:focus {
  border-color: #cf5400;
  background: rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.tm-overlay-secondary .uk-form :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}
.tm-overlay-secondary .uk-form ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.tm-overlay-secondary .uk-form ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}


.form-actions {
  background-color: rgba(0, 0, 0, 0);
  padding-right: 0;
  padding-top: 20px;
}

.alert-msg:empty {
  display: none;
}

input:focus:focus, 
textarea:focus:focus, 
select:focus:focus {
  border-width: 2px;
}


#contact_form.uk-form :-ms-input-placeholder {
  color: #8b94a5 !important;
}

#contact_form.uk-form ::-moz-placeholder {
  color: #8b94a5;
}

#contact_form.uk-form ::-webkit-input-placeholder {
  color: #8b94a5;
}

#contact_form.uk-form :focus:-ms-input-placeholder {
  color: #ffffff !important;
}

#contact_form.uk-form :focus::-moz-placeholder {
  color: #ffffff !important;
}

#contact_form.uk-form :focus::-webkit-input-placeholder {
  color: #ffffff !important;
}

#contact_form.uk-form .uk-form-icon > [class*='uk-icon-'] {
  color: #8b94a5;
}

.tm-overlay-secondary .uk-alert-danger {
  background: rgba(236, 0, 0, 0.5);
  color: #ffcbcb;
}

.tm-overlay-secondary .uk-alert-success {
  background: rgba(150, 175, 37, 0.75);
  color: #f2ffb7;
}

.tm-overlay-secondary .uk-alert-success a {
  color: #ffffff;
}

.uk-contrast .uk-form input[type="text"], .uk-contrast .uk-form input[type="email"] {
    border-color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 1);
    color: #000000; 
    background-clip: padding-box;
}

.uk-block-secondary .uk-form input[type="text"], .uk-block-secondary .uk-form input[type="email"] {
    color: #3a3d44;
}