html, body, h1, h2, h3, h4, h5, p, span, a, ul, li, input, textarea{font-family:Tahoma;}
a:hover,a:active, a:focus, a:visited{text-decoration:none !important;}
input:hover, input:active, input:focus, input:visited, textarea:hover, textarea:active, textarea:focus, textarea:visited{outline:none !important;}
.clearboth{clear:both;}
header{width:100%;font-size:20px;position:fixed;z-index:101;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.5);}
header h2{font-size:12px;text-transform:uppercase;font-weight:700;float:left;position:absolute;margin-left:90px;top:0;color:#333;text-align:right;}
header h2 span{font-size:16px;}
.underheader{width:100%;height:80px;}
.groupitem{transition:0.54s;width:calc(50% - 1px);float:left;height:calc(50vh - 72px);background-color:#333;border:1px solid #fff;border-radius:2px;display:block;color:yellow;}
.groupitem i{transition:0.54s;text-align:center;width:60px;margin-left:calc(50% - 30px);font-size:80px;margin-top:12vh;color:yellow;}
.groupitem:hover i, .groupitem:hover h4{transition:0.54s;color:#333;}
.groupitem:hover{transition:0.54s;background-color:yellow;}
.groupitem h4{transition:0.54s;text-align:center;font-size:20px;clear:both;color:yellow;}
@media(min-width: 1024px){.groupitem{width: 33.3%}}
#books{margin:50px 0;}
footer{width:100%;padding:20px 0 15px;background-color:#333;}
footer p{color:#fff;}
@media(min-width:1024px){header img{margin:5px 0;}
header ul{float:right;margin-top:10px;}
header ul li{list-style-type:none;display:inline-block;margin:15px 0;}
nav i{display:none !important;}
header ul li a{transition:0.54s;color:#333;padding:15px 20px;}
header ul li a:hover{transition:0.54s;color:yellow;background-color:#333;}
.mainbtn{width:320px;text-align:center;position:absolute;z-index:100;left:calc(50% - 160px);top:60%;}
}
@media(max-width:1023px){header img{margin:5px 0;}
@media(max-width:426px){.bread{margin-top: 15px}}
header ul{float:right;margin-top:10px;}
header ul li{list-style-type:none;display:none;position:relative;z-index:101;left:-100%;width:200%;margin:15px 15px;background-color:#fff;}
nav i{display:block !important;float:right;margin:30px;font-size:35px;}
header ul li a{font-size:16px;transition:0.54s;color:#333;padding:5px 20px;}
header ul li a:hover{transition:0.54s;color:yellow;background-color:#333;}
.mainbtn{width:320px;text-align:center;position:absolute;z-index:100;left:calc(50% - 160px);top:200px;}
.groupitem i{font-size:50px;margin-top:10vh;}
}
.lbutton{transition:0.54s;color:#333;background-color:yellow;font-size:40px;padding:15px 20px;border:1px solid #fff;border-radius:1px;}
.lbutton:hover{transition:0.54s;color:yellow;background-color:#333;}
.owlsection{margin:50px 0;}
.owlsection h2{text-align:center;margin-bottom:20px;}
.w100{width:100% !important;margin-left:0 !important;}
.bookitem{width:calc(94% - 3px);margin-left:3%;border:1px solid #333;margin-top:15px;margin-bottom:15px;}
.bookitem img{width:calc(100% - 20px) !important;margin:10px;}
.bookitem .desc{transition:0.54s;padding-top:10px;height:130px;}
.bookitem:hover .desc{transition:0.54s;color:yellow;background-color:#333;}
.bookitem:hover .desc h4,
.bookitem:hover .desc p{transition:0.54s;color:yellow;}
.bookitem:hover{transition:0.54s;box-shadow:0 0 10px rgba(0,0,0,0.5);}
.bread{padding:15px 0 5px;background-color:#333;}
.bread ul li{list-style-type:none;display:inline;color:#fff;}
.bread ul li a{color:yellow;}
.detbtn{clear:both;font-size:16px !important;display:table;margin-top:50px;padding:7px 15px;border:1px solid #333;border-radius:2px;}
#detl{padding:50px 0;}
.desc h4, .desc p{text-align:center;color:#333;}
#putivnyk h1, h2, h3{text-align:center;}
#putivnyk p{font-size:18px;margin-top:30px;text-align:justify;}
#putivnyk img{max-width:100%;margin:30px 0;}
form{margin:30px 0;}
input, textarea{transition:0.54s;width:100%;padding:7px 15px;font-size:18px;margin-bottom:15px;color:#333;border:1px solid #333;border-radius:2px;}
textarea{min-height:150px;}
input[type="submit"]{background-color:yellow;border:1px solid #333;color:#333;}
input:hover,
input:active,
input:focus,
textarea:hover,
textarea:active,
textarea:focus{transition:0.54s;border-color:yellow;outline:none;}
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus{transition:0.54s;background-color:#333;color:yellow;}
footer a{margin-top:-2px;transition:0.54s;margin-left: 20px;padding: 4px 7px;background:#4267b2;color: #fff;border-radius: 50%;border:1px solid #fff;}
footer a:hover{margin-left: 20px;padding: 4px 7px;background:yellow;color:#000;border-radius: 50%;border:1px solid #fff;}
#detl h3{margin-top:70px;margin-bottom:15px}
#detl .share42init{text-align:center;}

@media(min-width:1024px){#detl{background-image: url(images/bgd.jpg);background-repeat: no-repeat;background-position: right bottom;}}