@font-face {

    font-family: Century;

    src: url(_fonts/gothic.ttf);

}

@font-face {

    font-family: Century;

    src: url(_fonts/gothicb.ttf);

    font-weight: bold;

}

@font-face {

    font-family: 'Franklin';

    src: url(_fonts/fradmcn.ttf);

}

@font-face {

    font-family: 'Franklin';

    src: url(_fonts/fradmit.ttf);

    font-style: italic;

}

@font-face {

    font-family: 'Franklin';

    src: url(_fonts/frahvit.ttf);

    font-weight: bold;

    font-style: italic;

}

@font-face {

    font-family: 'FranklinDemi';

    src: url(_fonts/fradm.ttf);

    font-weight: bold;

    font-style: italic;

}

body {top:0; left: 0; margin: 0; font-family: 'Franklin', Arial; background: url('_img/texture-dark.png');}

#wrapper {width: 1160px; height: auto; margin: auto;}

header {width: 100%; height: 80px; margin: auto; margin-top: 10px;}

#logo {background: url('_img/kinologs_logo.png'); background-repeat: no-repeat; background-size: 350px; width: 350px; height: 75px; float: left; display: block;}

#logo:hover {background: url('_img/kinologs_logo_2.png'); background-repeat: no-repeat; background-size: 350px; width: 350px;}

#citati {font-family: 'Roboto'; font-weight: 300; font-size: 23px; color: #666666; float: left; text-align: right; width: 700px; margin-left: 25px; line-height: 120%; padding-top: 25px;}

#quote-m {background: url('_img/quotes.png'); background-repeat: no-repeat; background-size: 35px; width: 35px; height: 30px; float: left; margin: 25px 0px 0px 10px;}

#main {background-color: #5B2945; width: 100%; height: 465px; margin: auto; border-radius: 0px 25px 0px 0px;}

#articles {width: 465px; height: 350px; float: left; margin-top: 10px;}

#slider {width: 635px; height: 350px;}

#sniffing {background: url('_img/banner_newstuff.jpg'); background-repeat: no-repeat; height: 96px; width: 695px; margin-top: -28px;}

#sniffing p {text-align: left; font-size: 28px; text-transform: uppercase; color: #5B2945; font-weight: normal; padding: 13px 0px 0px 30px; letter-spacing: -1px;}

#problemas {float: right; width: 520px; margin-right: 5px; border-radius: 0 25px 0 0}

#problemas-title {padding: 15px 0px 15px 30px; background-color: #5B2945; border-radius: 0px 25px 0px 0px;}

#problemas-title h1 {font-family: 'Franklin';  color: rgba(250, 250, 250, 0.9); font-size:35px; padding: 0px; margin: 0px; font-weight: normal;}

#problemas .word {width: 163px; margin: 7px 5px 0px; position: absolute;}

#problemas-textarea {background-color: #ccc; height: 330px; overflow: hidden; border-radius: 0px 0px 0px 25px;}

#problemas-textarea ul {color: #5B2945; font-family: 'Roboto'; font-size: 19px; line-height: 150%; margin-top: 0px; margin-left: 10px; width: 445px; list-style: none;}

#problemas-textarea ul li {background: url("_img/circle.png") no-repeat left 11px; padding-left:20px; margin-left: -20px; margin-bottom: 20px;}

#problemas .exclam {font-size: 40pt; display: inline-block; float: left; color: #5B2945; margin: -20px 0px 0px 25px;}

#konsultacija-btn {float: left; display: block; text-align: left; margin: 0px 0px 0px 0px; padding-left: 10px; vertical-align: middle; text-decoration: none; color: #5B2945; font-size: 16pt;}



#konsultacija-btn img {vertical-align: middle; margin: 3px 3px 3px; height: 25px;}

#saites {width: 100%; margin: -12px auto 0; background-color: #5B2945;}

#saites h2 {text-transform: uppercase; font-weight: normal; padding: 0; margin-bottom: -12px; font-size: 28px;}

#saites .item {width: 31%; display: inline-block; margin: 7px; vertical-align: top; color: #BEA3B7;}

#saites .item p {font-family: Arial; font-size: 15px;}

#saites .item .btn {font-family: 'Franklin';text-align: right; margin-right: 50px; font-size: 20px; margin-top: -6px;}

#saites .item img {float:right; width: 125px; height: 125px; border-radius: 50%; border: 7px solid  #BEA3B7; margin: 15px;}

#saites .item:hover img {border: 7px solid #E2E5E4;}

#saites .item:hover h2 {text-decoration: underline;}


#testimonials {background-color: #E8D4A3; padding-bottom: 20px; margin-top: -20px;}

#testimonials .test-title {width: 100%; text-align: center; margin: 20px 0px -35px; padding: 0px; text-transform: uppercase; color: #5B2945; font-size: 30px; padding-top: 20px;}

#testimonials ul {width:1100px; margin: auto; padding: 5px 0px 0px; list-style: none; color: #5B2945; font-style: italic;}

#testimonials li {display:none;}

#testimonials li .list {margin: 35px 0px; min-height: 100px;}

#testimonials li p {margin: 0px; padding-left: 125px; font-family: 'Roboto'; font-size: 19px; font-weight: 300;}

#testimonials li p b {font-family: 'Roboto'; font-weight: bold;}

#testimonials li img {border: 7px solid #BEA3B7; width: 95px; height: 95px; float: left; border-radius:50%; margin-right: 15px;}

#loadMore {float: right; color: rgba(250, 250, 250, 0.9); cursor:pointer; margin: -35px 35px 0px 0px; font-weight: normal; font-size: 20px; width: 200px; height: 27px; text-align: center; background-color: #5B2945; border-radius: 8px; display: block; padding:2px 5px 0px;}

#loadMore:hover {color: rgba(250, 250, 250, 0.9); background-color: #BEA3B7;}

.hmelnicka {background-image:url('_img/hmelnicka.jpg'); background-repeat: no-repeat; background-size: 110px auto; background-position: -10px -14px; border: 7px solid #BEA3B7; width: 95px; height: 95px; float: left; border-radius:50%; margin: 0px 15px 0px 0px;}

.matuzele {background-image:url('_img/matuzele.jpg'); background-repeat: no-repeat; background-size: 300px auto; background-position: -100px -45px; border: 7px solid #BEA3B7; width: 95px; height: 95px; float: left; border-radius:50%; margin: 0px 15px 0px 0px;}

.garsila {background-image:url('_img/garsila.jpg'); background-repeat: no-repeat; background-size: 300px auto; background-position: -120px -79px; border: 7px solid #BEA3B7; width: 95px; height: 95px; float: left; border-radius:50%; margin: 0px 15px 0px 0px;}

.feldmane {background-image:url('_img/feldmane.jpg'); background-repeat: no-repeat; background-size: 110px auto; background-position: -13px -23px; border: 7px solid #BEA3B7; width: 95px; height: 95px; float: left; border-radius:50%; margin: 0px 15px 0px 0px;}

.lumane {background-image:url('_img/lumane.jpg'); background-repeat: no-repeat; background-size: 100px auto; background-position: 0px -29px; border: 7px solid #BEA3B7; width: 95px; height: 95px; float: left; border-radius:50%; margin: 0px 15px 0px 0px;}

.brokane {background-image:url('_img/brokane.jpg'); background-repeat: no-repeat; background-size: 110px auto; background-position: -10px -14px; border: 7px solid #BEA3B7; width: 95px; height: 95px; float: left; border-radius:50%; margin: 0px 15px 0px 0px;}

.merpole {background-image:url('_img/merpole.jpg'); background-repeat: no-repeat; background-size: 150px auto; background-position: -12px -21px; border: 7px solid #BEA3B7; width: 95px; height: 95px; float: left; border-radius:50%; margin: 0px 15px 0px 0px;}

.leite {background-image:url('_img/leite.jpg'); background-repeat: no-repeat; background-size: 200px auto; background-position: -27px -30px; border: 7px solid #BEA3B7; width: 95px; height: 95px; float: left; border-radius:50%; margin: 0px 15px 0px 0px;}

.pormale {background-image:url('_img/pormale.jpg'); background-repeat: no-repeat; background-size: 133px auto; background-position: -13px -23px; border: 7px solid #BEA3B7; width: 95px; height: 95px; float: left; border-radius:50%; margin: 0px 15px 0px 0px;}

.sadurska {background-image:url('_img/sadurska.jpg'); background-repeat: no-repeat; background-size: 125px auto; background-position: -5px -17px; border: 7px solid #BEA3B7; width: 95px; height: 95px; float: left; border-radius:50%; margin: 0px 15px 0px 0px;}

.dismane {background-image:url('_img/dismane.jpg'); background-repeat: no-repeat; background-size: 110px auto; background-position: -10px -25px; border: 7px solid #BEA3B7; width: 95px; height: 95px; float: left; border-radius:50%; margin: 0px 15px 0px 0px;}

.mihailova {background-image:url('_img/mihailova.jpg'); background-repeat: no-repeat; background-size: 125px auto; background-position: -14px -10px; border: 7px solid #BEA3B7; width: 95px; height: 95px; float: left; border-radius:50%; margin: 0px 15px 0px 0px;}



#prefooter {background-color: #BEA3B7; height: 125px; padding: 20px; border-top: 5px solid #5B2945;}

#prefooter h1 {color: #5B2945; text-align: center; margin-top: 0px; font-size: 20px; text-transform: uppercase;}

#prefooter ul {width: 1000px; margin: auto;}

#prefooter ul li {display: inline-block; width: 22%;  height: 65px; text-align: center; border: 2px solid #5B2945; border-radius: 10px;  margin: 0 5px; background-color: white; vertical-align: middle;}

#prefooter ul a {opacity: 0.4;}

#prefooter ul a:hover {opacity: 0.7;}



#konsultacijas {background-color: #eaeaea; margin-top: 0px; padding: 10px 10px 0px; color: #5B2945; position: relative; height: 180px;}

#konsultacijas h1 {text-align: center; text-transform: uppercase; margin: 10px 0px 20px; font-size: 30px;}

#konsultacijas p {width: 650px; margin: 0 170px 10px; font-size: 18px; font-family: 'Roboto'; text-align: left;}

#konsultacijas .meitene {height: 180px; left: 50px; margin-top: 10px; position: absolute;}

#konsultacijas .sauklis {width: 470px; position: absolute; left: 305px; margin-top: 40px;}

#konsultacijas .seko {right: 155px; margin-top: 10px; position: absolute;}

#konsultacijas .lkf {height: 95px; right: 40px; margin-top: 20px; position: absolute;}


#footer-img {left: 0px; margin-top: -46px; position: absolute;}

footer {background-color: #5B2945; text-align: center; color: #BEA3B7; height: 20px; padding-bottom: 10px; position: relative;}