/*
 * Author:  Krunoslav Bicanic
 * E-mail:  krunoslav.bicanic@gmail.com
 * Creation date:  18.05.2019.
 * Note:  THIS ARE PROPRIETARY SCRIPTS - NOT FOR FREE DISTRIBUTION
 */

.kcBody {
    background:  #ffffff;
    color:  #444444;
	font-family:  'Century Gothic', Verdana, Arial, Calibri, sans-serif, Helvetica;
	font-size:  15px;
	margin:  0px;
	-webkit-overflow-scrolling:  touch;
    scroll-behavior:  smooth;
    overflow-x:  scroll;
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
}

.kcHomeCont {
	position:  fixed;
	width:  100%;
    display:  block;
    z-index:  80;
}

.kcTopMarginLayer {
    height: 125px;
    display: block;
}

.kcTxtTitle {
    font-size:  32px;
}

.kcTxtRedBold {
    color:  #dd0000;
    font-weight:  bold;
}

.kcAddMargin20 {
    margin: 20px;
}



/* Title definitions*/
.kcHeadCent {
    width: 100%;
    text-align: center;
    background-color: #444444;
}

.kcHeadBg {
    display: inline-block;
    background:  url(images/title.jpg) no-repeat;
}

.kcHead {
    width: 978px;
    height: 85px;
    display: inline-block;
    background:  url(images/logo.png) center top no-repeat;
}



/* Top menu definitions */
.kcMenuCent {
    width: 100%;
    text-align: center;
    background-color: #666666;
}

.kcMenuCont {
    padding-top: 8px;
    display: inline-block;
    width: 978px;
    height: 30px;
    text-align: center;
    background:  url(images/menulg.jpg) center top no-repeat;
}

.kcTopMenuCont {
    display: inline-block;
}

.kcMLink {
	color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
	margin-right: 36px;
	cursor: pointer;
	-moz-transition:  all .2s ease-in;
    -o-transition:  all .2s ease-in;
    -webkit-transition:  all .2s ease-in;
    transition:  all .2s ease-in;
}

.kcActiveLink {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    margin-right: 40px;
    cursor: pointer;
    -moz-transition:  all .2s ease-in;
    -o-transition:  all .2s ease-in;
    -webkit-transition:  all .2s ease-in;
    transition:  all .2s ease-in;
    -ms-transition:  all .2s ease-in;
}

.kcMLink:hover {
	color: #888888;
    cursor: pointer;
}



/* SPECIAL layer definitions */
.kcSpecialCent {
    width: 100%;
    text-align: center;
    background-color: #f0f0f0;
}

.kcSpecialBody {
    display: inline-block;
    width: 978px;
    background-color: #fafafa;
}

.kcSpecialTitle {
    font-size: 32px;
    color: #2e6ee6;
    width: 300px;
    display: inline-block;

    -webkit-box-shadow:  5px 5px 10px rgba(0, 45, 155, 0.90);
    -moz-box-shadow:     5px 5px 10px rgba(0, 45, 155, 0.90);
    box-shadow:          5px 5px 10px rgba(0, 45, 155, 0.90);
}

.kcSpecialImg {
    width: 300px;
    margin: 25px;

    -webkit-box-shadow:  5px 5px 10px rgba(0, 45, 155, 0.90);
    -moz-box-shadow:     5px 5px 10px rgba(0, 45, 155, 0.90);
    box-shadow:          5px 5px 10px rgba(0, 45, 155, 0.90);
}

.kcSpecialPrice {
    color: #dd0000;
    background-color: #ffff00;
    display: inline-block;
    font-size: 22px;
    font-style: italic;
    width: 300px;
    padding: 9px;

    -webkit-box-shadow:  5px 5px 10px rgba(155, 45, 0, 0.90);
    -moz-box-shadow:     5px 5px 10px rgba(155, 45, 0, 0.90);
    box-shadow:          5px 5px 10px rgba(155, 45, 0, 0.90);
}



/* PRODUCTS layer definitions */
.kcProdCent {
    width: 100%;
    text-align: center;
    /*
    border-style: solid none none none;
    border-width: 1px 0px 0px 0px;
    border-color: #cccccc;
    */
}

.kcProdBody {
    display: inline-block;
    width: 978px;
    background-color: #ffffff;
}

ul.kbFDMItems li {
    display: inline-block;
    margin: 12px;
    width: 205px;
    -webkit-box-shadow:  0px 0px 5px rgba(150, 150, 150, 0.70);
    -moz-box-shadow:     0px 0px 5px rgba(150, 150, 150, 0.70);
    box-shadow:          0px 0px 5px rgba(150, 150, 150, 0.70);
}

a.kcBoxTitle {
    padding: 5px;
    margin: 2px;
    color: #666666; /* #5599ff */
    display: block;
    height: 40px;
    overflow:  hidden;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #eeeeee;
    -moz-transition:  all .2s ease-in;
    -o-transition:  all .2s ease-in;
    -webkit-transition:  all .2s ease-in;
    transition:  all .2s ease-in;
    -ms-transition:  all .2s ease-in;
}

a.kcBoxData {
    padding: 5px;
    margin: 2px;
    color: #666666; /* #2266ff */
    display: block;
    height: 72px;
    overflow:  hidden;
    text-align: center;
    text-decoration: none;
    background-color: #eeeeee;
    -moz-transition:  all .2s ease-in;
    -o-transition:  all .2s ease-in;
    -webkit-transition:  all .2s ease-in;
    transition:  all .2s ease-in;
    -ms-transition:  all .2s ease-in;
}

a.kcBoxTitle:hover, a.kcBoxData:hover {
    text-decoration:  none;
    color:  #dd0000;
}

.kbIC div.kbICImage {
    text-align:  center;
    background-color:  #fff;
    padding:  10px;
    height:  140px;
}

.kbIC div.kbICData a {
    display:  block;
    background-color:  #fff9ca;
    font-size:  11px;
    padding:  5px;
    line-height:  120%;
}



/* SERVICES layer definitions */
.kcServicesCent {
    width: 100%;
    text-align: center;
    background-color: #dddddd;
}

.kcServicesBody {
    display: inline-block;
    width: 978px;
    background-color: #3163be;
    color: #dddddd;
}

.kcServicesTitle {
    font-size: 32px;
    font-weight: bold;
}

hr {
    border: 0;
    height: 1px;
    width: 50%;
    background-color: #dddddd;
    color: #dddddd;
}



/* ABOUT layer definitions */
.kcAboutCent {
    width: 100%;
    text-align: center;
}

.kcAboutBody {
    display: inline-block;
    width: 978px;
    background-color: #fafafa;
}



/* PARALAX CONTACT layer */
.kcParalax {
	background: transparent url(images/paralax.jpg) no-repeat center fixed;
	background-size: cover;
	/* overflow: hidden; */
	display: block;
	width: 100%;
	height: 77px;
	min-width: 700px;
}



/* CONTACT layer definitions */
.kcContactCent {
    width: 100%;
    text-align: center;
    background-color: #666666;
}

.kcContactBody {
    display: inline-block;
    width: 978px;
}

.kcContactTitle {
    font-size: 32px;
    font-weight: normal;
    color: #dddddd;

}



/* MAIL layer definitions */
.kcBajaCent {
    width: 100%;
    text-align: center;
    background-color: #444444;
}

.kcBajaBody {
    display: inline-block;
    width: 978px;
}

input {
	border:  none 1px #dddddd;
    border-bottom-style: solid;
    background-color: #444444;
	font-size: 15px;
	padding:  6px 3px;
	margin-bottom: 9px;
	color: #dddddd;
	overflow: hidden;
}

textarea:focus, input:focus{
    outline:  none;
}

.kcF1 {
	width:  45%;
	margin-right:  2%;
}

.kcF2 {
	width:  44%;
	margin-left:  2%;
}

.kcF3 {
	width:  94%;
}

.kcF4 {
    background-color: #444444;
    border:  none 1px #dddddd;
    color:  #dddddd;
	border-bottom-style:  solid;
	font-family:  Arial, Verdana, Serif;
	font-size:  15px;
	padding:  6px 3px;
	margin-bottom:  9px;
	overflow:  hidden;
	width:  94%;
	max-width:  94%;
	height:  95px;
	max-height:  190px;
}

.kcF5 {
	width:  94%;
    background:  transparent;
	border-bottom-style:  none;
	font-family:  Serif;
	font-style:  italic;
	font-size:  22px;
	color:  #caa403;
	cursor:  pointer;
}

.kcFedB {
	width:  94%;
	position:  relative;
	margin-left:  auto;
    margin-right:  auto;
    clear:  both;
    border-style:  none; /* solid */
    border-width:  1px;
    margin-left:  3%;
}