html { position: relative; min-height: 100%; }
body { font-family: 'Roboto Condensed', 'Open Sans', Arial, sans-serif; font-size: 15px; color: #fff; background: #e4e4e4 url("../../images/bg.png"); background-repeat: repeat-y; margin: auto;}

/* Adminpanel */
.adminpanel { background: url(images/top-panel.png) repeat-x; color: #ccc; padding: 5px 10px; z-index: 20;}
.adminpanel span { margin: 0 10px; }
.adminpanel a { font-size: 12px; color: #d6dfe2; }
.adminpanel a:hover { color: #fff; }
.navbar-brand{display: none;}
.form-signin-bg { width: 100%; height: 100%; position: fixed; overflow: auto; background-color: #eee; }
.form-signin { max-width: 330px; padding: 15px; margin: 100px auto 0 auto; }
.form-signin .form-signin-heading, .form-signin .checkbox { margin-bottom: 10px; }
.form-signin .checkbox { color: #555; font-weight: normal; }
.form-signin .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; font-size: 16px; }
.form-signin .form-control:focus { z-index: 2; }
.form-signin input[type="email"] { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }
.form-signin-logo img { margin: 0 auto; margin-bottom: 40px; }
.form-signin-desc {color:#555; text-align: center; margin-top: 20px; }
@keyframes togle_bone{
	50%{ top: -50px; }
	to{ top: -150px; }
}
.wrapper { max-width: 1130px; margin: 0 auto; }
.round{ width: 190px; height: 300px;position:fixed; top: -150px; z-index: 20; right: 20px;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.round:hover{transform: scale(1.01);}
.round:active{ animation: togle_bone 1s ease-out 1; }
.corn{margin-top: 198px; margin-right: 130px; transform: rotateZ(45deg); }
a:hover { color: #5e4671; text-decoration: none; cursor: pointer; }

a.side { color: #555; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a:hover.side { color: #f6a504; text-decoration: underline; }
a:focus{ outline: none; }
a.white, li.white a { color: #fff; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a:hover.white, li.white a:hover { color: #fff; text-decoration: none; text-align: left; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ddd; margin: 15px 0 20px 0; padding: 0; }

hr.side-hr { height: 1px; border: 1px solid #eee; }

div { font-family: 'Roboto Condensed', 'Open Sans', Arial, sans-serif; font-size: 15px; }
pre { font-family: 'Roboto Condensed', 'Open Sans', Arial, sans-serif; font-size: 15px; }
img { border: none; }
.alt { color: #5e4671; }
.spacer { margin: 40px 0 0 0px; }
.spacer2 { margin-bottom: 10px; }
.spacelr{ margin: 0 10px 0 10px; }
.bullet { filter:alpha(opacity=30); opacity: 0.3; }
/*Контейнер для внешнего ограничения*/
.container2{max-width: 1600px; margin: 0 auto;overflow-x: hidden;}
.main-caption{ font-size: 36px; position: relative; margin-bottom: 15px; color: #512316;text-align: center;}
.main-caption:after{
	content: "";
	left: 0;
	height: 4px;
	width: 40px;
	position: absolute;
	bottom: -11px;
	background-color: #dc2523;
}
#main-bg{ padding-top: 20px; min-height: 600px; background: url(../../images/main-bg.png) repeat;}
.main-p { color: #444; font-size: 15px;}
.main-body{ padding-bottom: 150px; }
/* Attention messages properties */
.admin-message { font-size: 12px; color: #006699; background: #e8eef1 url(images/icons/get_info.png) 0.8em 0.5em no-repeat; border-top: 2px solid #1380b1; border-bottom: 2px solid #1380b1; padding: 15px 0 15px 50px; margin-bottom: 10px; }
.noscript-message { font-size: 12px; color: #c54343; background: #f6b9b9 url(images/icons/info.png) 0.8em 0.5em no-repeat; border-top: 2px solid #c54343; border-bottom: 2px solid #c54343; padding: 15px 0 15px 50px; margin-bottom: 10px; }
.nocomments-message { font-size: 12px; color: #555; background: #fff url(images/icons/get_info.png) 0.8em 0.5em no-repeat; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; padding: 15px 0 15px 50px; }

/* Form element properties */
form { margin: 0px; }
.form-control { border-radius: 0px; }
button.close{ outline: none; }
.button {outline: none; border:none; font-size: 18px; color:#fff; background-color: #512316; border-radius: 5px; padding: 12px 55px;text-transform: uppercase;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;}
.button:hover,.button:active, .button:focus {outline: none;text-decoration: none; color:#fff; box-shadow: 0 0 10px #6a2f1f;background-color: #6a2f1f; }

/* Header properties */
#header_collateral{padding-top: 20px; background: url(../../images/header-bg-moving.png) 0 0 no-repeat; box-shadow: 0 1px 5px rgba(0,0,0,0.1);}
.logotype_collateral img { max-height: 100px; }
#header { position: relative;background: url(../../images/header-bg-moving.png) 0 0 no-repeat; padding-top: 50px; }
.header-dogs{background: url(../../images/dogs-header.png) center bottom no-repeat;height: 100%;}
.header-top{  background-color: #dddddd;}
.header-logo { text-align: center;z-index: 200; }

.header-caption{margin-top: 70px;cursor: default; font-size: 60px; color: #512316;text-transform: uppercase; text-align: center; font-weight: bold; line-height: 50px;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.header-caption:hover { color:#ffd300; text-shadow: 1px 1px 1px #3333; }
.header-slogan { font-size: 24px; color: #555; text-align: center; margin-bottom: 380px;}

.header-address { font-size: 13px; color: #555555; line-height: 16px; padding-top: 4px;  }
.header-address a{ color:#555555; }
.header-address i {font-size: 13px; color: #a7a7a7; margin-right: 6px; padding-top: 4px; }
.header-phone { display: inline-block;font-size: 16px; color: #512316;}
a.header-phone , a.header-phone:visited{ color: #512316; font-size: 18px; line-height: 30px; font-weight: bold;text-decoration: none;}

a.header-phone :hover, a.header-phone:active {text-decoration: none;}
.header-phone.phone-w, .header-phone.phone-w{ margin-right: 20px; }
.header-phone:last-child>.fa{ font-family: 'Roboto Condensed'; }
.fa{margin-right: 5px;}
.fa-envelope{ font-size: 16px; }
.fa-phone{ padding-top: 1px; }
.language{margin-right: 0;}
.header-phone:hover i.fa-phone{color: #fff; background-color: #65ab16;}
.header-phone:hover i.fa-vk{ color:#fff; background-color: #4A76A8; }
.header-phone:hover i.fa-facebook{color: #fff; background-color: #3B5998;}
.header-phone:hover i.fa-instagram{color:#fff;background: -webkit-linear-gradient(top, #bd3381 0%,#ee583f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #bd3381 0%,#ee583f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd3381', endColorstr='#ee583f',GradientType=0 );}
.header-phone:hover i.fa-envelope{ color: #fff; background-color: #FFD300; }

.header-phone:hover i.language{color: #fff; background-color: #333;}
.header-phone i{ background-color: #eeeeee; border-radius: 20px; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #808080; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.header-phone span { font-size: 14px; color: #555555;}
.header-call, .header-call:visited , .header-call:focus{outline: none;text-decoration: none; margin-top: 11px;border: solid 2px #fff;padding: 12px 10px 10px 10px;line-height: 12px; font-weight: bold; font-size: 12px;color: #fff; text-transform: uppercase;display: block;}
.header-call:hover, .header-call:active {outline: none; color:#3e3e3e; background-color: #fff; text-decoration: none;}

.header-menu { z-index: 200;}
.navbar{margin-top: 40px; margin-bottom: 0;min-height: 45px;}
.navbar-collapse{ float: right; }
.navbar-default {border: none; background: none; padding-right: 0;}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:visited { font-size: 18px; color: #512316;-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active {border-bottom: solid #ffd300 3px;}

.navbar-collapse{padding-right: 0;}
.nav>li>a { padding:0; text-transform: uppercase;}
.nav>li{margin-left:30px;}
/*Order*/
#order-bg{position:relative;background: url(../../images/bg-call.png); background-repeat: no-repeat; padding: 55px 0 60px 0; margin-top: -50px;}

p.order-caption{font-size: 24px; color: #512316;margin:0;}
p.order-text{font-size: 17px; color: #512316;margin:0;}
.order-img{margin-top: 10px;}
.order-call {margin-top: 20px; text-align: right; text-transform: uppercase; font-size: 18px;}
.order-call a , .order-call a:focus {border-radius: 5px;width:100%;  background-color: #512316; color: #fff;padding: 12px 30px; -webkit-transition: all 0.2s ease-in-out;
									transition: all 0.2s ease-in-out;text-decoration: none; outline: none;}
.order-call a:hover, .order-call a:active{text-decoration: none; color:#fff; box-shadow: 0 0 10px #6a2f1f; background-color: #6a2f1f;}

/*Photoframe*/
#photo-frame{ background-image: url(../../images/bg-photoframe.png);background-repeat: no-repeat;padding-top: 120px;padding-bottom: 175px; }
#photo-frame .under>.capmain-line{ border-color: #fff;}
.photo-frame-pesa{ background-image: url(../../images/pesa.png); background-position: -100px bottom; background-repeat: no-repeat;}

.photo-frame-body{ background-color: #fff; padding: 10px 25px;}
.photo-frame-block{ padding: 0;margin: 1px 1px 0 0;width:279px;height: 180px;}
.photo-frame-block div {  overflow:hidden;width:279px;height: 180px;margin: 0 auto; position: relative; border-radius: 2px;}
.photo-frame-block div img { }
.photo-frame-img{margin: 0;padding: 0;width: 279px; min-height: 180px; opacity: 0.9; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out }
.photo-frame-img:hover{transform: scale(1.1); opacity: 1;}
/*Breeds*/
@keyframes puf{
	from{border-width: 50px;display: block;opacity: 1}
	75%{border-width: 0;display: none; opacity: 0;}
	to{display: none; border-width: 0; border-width: 50px; opacity: 0;}
}

#breeds{padding: 0px 0 70px 0; position: relative;}
div.circle{width: 100px; height: 100px; border-radius: 50px;border:solid #ffd300 50px;z-index:-1;position: absolute;display: none;}
.pos-top{left: 20px; top: 10px; }
.pos-bot{right: 20px; bottom: 50px; }
a.bread{ display: block;}
.bread-img{width: 300px; height: 300px;}
.bread-title{ font-size: 24px; color: #191919; text-transform: uppercase;  text-align: center; font-weight: bold; padding-top: 20px;
-webkit-transition: all 0.2s ease-in-out;
									transition: all 0.2s ease-in-out;}

.bread:hover div.circle{display: block; animation: puf 2s ease-out infinite; -webkit-animation: puf 2s ease-out infinite;}
.bread:hover p.bread-title { color:#ffd300; text-shadow: 1px 1px 1px #333; }
@keyframes shake{
	from{transform: rotate(0deg);}
	25%{transform: rotate(15deg);}
	50%{ transform: rotate(-15deg);}
	75%{transform: rotate(15deg);}
	to{transform: rotate(0deg);}
}

.puppy{max-height: 85px; background-color: #fff; color: #512316; -webkit-box-shadow: 0 0 5px rgba(7,7,7,0.1);box-shadow: 0 0 5px rgba(7,7,7,0.1);
	   font-size: 18px;text-transform: uppercase; padding: 0px 10px;border-radius: 5px;margin-top: 50px;
	   -webkit-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.puppy:hover{-webkit-box-shadow: 0 0 10px #FFD300;box-shadow: 0 0 10px #FFD300;}
.puppy:hover img{animation: shake 3s ease-in-out infinite;-webkit-animation: shake 3s ease-in-out infinite;}
.puppy>p{margin: 0;display: inline-block; line-height: 20px;}
.puppy>img{width: 127px; height: 127px;margin-top: -20px; display: inline-block;}
/*Articles*/
#articles{color: #555555; padding-bottom: 150px; background-image: url(../../images/platemale.png); background-repeat: no-repeat; background-position: right 110% ;
		  padding-top: 30px;
}
.cat-border{ padding: 10px;margin-bottom: 10px;}
.article-wraper{ padding-bottom:70px;}
.article-content{font-size: 16px;}
.article-capmain{font-size: 20px;margin-bottom: 20px;}
.article-capmain>a{  color: #512316; text-decoration: none;}
.article-capmain>a:hover, .article-capmain>a:active, .article-capmain>a:focus{ outline: none; text-decoration: underline; color: #512316; }
.all-articles-button, a.all-articles-button:visited{font-size: 18px; color:#fff; background-color: #512316; border-radius: 5px; padding: 12px 55px;text-transform: uppercase;
									-webkit-transition: all 0.2s linear;
									transition: all 0.2s linear;}
a.all-articles-button:hover, a.all-articles-button:active, a.all-articles-button:focus {text-decoration: none; color:#fff; box-shadow: 0 0 10px #6a2f1f;background-color: #6a2f1f}

.news-info, .news-back{ color: #aaa;}
.news-info{ text-align: center; }
.news-back:hover{ color: #555; }

.spacer250{margin-bottom: 250px;}
/* Footer */
#footer {padding-top: 80px; padding-bottom: 30px; width: 100%;background-image: url(../../images/bg-footer.png); background-repeat: no-repeat; color: #fff;
		 margin-top: -100px; position: relative;
}
.footer-nav{ width: 100%; }
.footer-nav>ul{list-style: none;padding: 0; text-align: center;}
.footer-nav> ul>li{display: inline-block; text-decoration: none; padding: 0px 25px; font-size: 16px;}
.footer-nav>ul>li>a { text-decoration: none; color: #fff; }
.footer-nav>ul>li:after{
    display: block;
    content: "";
    height: 2px;
    width: 0%;
    /*background-color: #FFD300;*/
    background-color: #fff;
    transition: width .2s ease-in-out;
}
.footer-nav>ul>li:hover:after{width: 100%;}
.footer-nav>ul>li:hover>a{
	/*color: #FFD300;*/
}

.wrapper{ position: relative; perspective: 100px; }


.social-link{margin-right: 10px;}
.social-link
.article-spacer{padding-left: 10px;padding-right: 10px;}
.footer-icons {padding: 25px 0 35px 0; }
.social-link:hover{ transform: scale(1.1); }
.footer-copy { font-size: 15px; color: #cccccc; line-height: 15px; padding: 0; }
.footer-copy a { color: #ccc; }
.footer-copy a:hover{ text-decoration: underline; }
.footer-counter { text-align: right; padding: 0; }

.footer-terms{
	margin: 15px 0 0px 0;
}

.footer-terms a{
	font-family: 'Roboto', 'Open Sans', Arial, sans-serif; font-size: 13px;
	color:#cccccc; 
}
.footer-terms a:hover{
	cursor: pointer;
	color: #fff;
}

/* Contact Page */
.contact-page h2 { font-size: 18px; font-weight: 400; line-height: 20px; color: #292929; padding: 10px 0; margin: 0; }
.contact-page p { font-size: 16px; color: #7d7d7d; }
.contact-page-map { padding: 0; margin: 0;}
.contact-page-form { max-width: 500px; margin: 0 auto; }
.contact-page-answer { font-size: 16px; color: #7d7d7d; text-align: center; margin: 50px 0; }
p.small {font-size: 13px; font-weight: normal; line-height: 15px;}
span.small{font-size: 14px;}
/* Side-Panel */

.scapmain-bg { display: block; background-color: #f7f7f7; margin: 0 0 20px 0; padding: 0; }
.scapmain { padding: 5px 0; }
.scapmain h2 { font-size: 18px; font-weight: 300; color: #fff; text-transform: uppercase; }
.scapmain h2 span { background-color: #7d7d7d; padding: 7px 20px; }

.side-body { font-size: 15px; color: #7d7d7d; padding: 0 20px 20px 20px; }

#side-center { color: #555; padding: 10px 0 5px 0; }

.under{ width: 172px; height: 40px; margin: 0 auto 20px auto;}
.capmain h1 { color: #512316;font-size: 36px; position: relative; text-align: center;text-transform: uppercase;}
.capmain-line { border-bottom: double #ffd300 3px; width: 70px;display: inline-block}


.capmain-news { font-size: 20px; font-weight: 300; line-height: 20px; color: #292929; padding: 0 0 5px 0; margin: 0; }
.news_info{color: #555;}
.news_info>ul{list-style:none;}
.main-body { font-size: 16px; line-height: 20px; color: #7d7d7d; }
.main-body h2 { font-size: 18px; line-height: 20px; color: #292929; padding: 0px 0 15px 0; margin: 0; }
.center { margin: 0 auto; }

.tbl-border { border: 1px solid #eee; }
.tbl { font-size: 11px; color: #555; background-color: #fff; padding: 4px; }
.tbl2  { font-size: 11px; color: #555; background-color: #f1f1f1; padding: 4px; }
.tbl-error  { color: #AC260F; font-weight: bold; background-color: #FCCAC2; border:2px solid #EB5339; }

.quote { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: italic; font-weight: normal; background: #fff4cc url(images/icons/quote_icon.png) 6px 8px no-repeat; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ffdc70; padding: 5px 6px 5px 30px; margin: 0px 22px 0px 22px; }
.poll { height: 12px; border: 1px solid #bbb; }

.small2 { font-size: 11px; font-weight: normal;	color: #555; }
.side-small { font-size: 10px; font-weight: normal; color: #555; }
.side-label { color: #555; background-color: #f1f1f1; margin: 2px 0 2px 0; padding: 2px 2px 3px 2px; }
.clear { clear: both; }

/* Highlight on select properties */
::selection { color: #fff; background: #e5c011; } /* webkit, opera, IE9 */
::-moz-selection { color: #fff; background: #e5c011; } /* mozilla firefox */
div.highlightBlue::selection { color: #fff; background: #e5c011; } /* webkit, opera, IE9 */
div.highlightBlue::-moz-selection { color: #fff; background: #e5c011; } /* mozilla firefox */

/* Modal */
.modal-header { border: none; color:#333;}
.modal-content { border-radius: 0px;color:#333; }
.call-modal { position: relative; text-align: center; margin: 20px 10px; }
.call-modal p { font-size: 15px; line-height: 16px; text-align: center; margin: 10px 0 20px 0; }

#status { margin: 20px 0; }
.error { font-size: 14px; text-align: center; color: #ff0000; }

/* Breadcrumbs */
.breadcrumbs { font-size: 13px; color: #b3b3b3; margin: 20px 0 20px 0; }
.breadcrumbs a { color: #b3b3b3; text-decoration: none; }
.breadcrumbs a:hover { color: #202020; text-decoration: none; }
.breadcrumbs span { margin: 0 10px; }
.breadcrumbs i.fa { margin: 0; }
/* Profile spesific classes */
.profile, .profile_category { width: 500px; }
.edit-profile { width: 500px; }
.profile_user_reason { color: #ff6666; font-weight: bold; }

/* Vertical Navigation */
#navigation h2 {
	font-size: 11px;
	font-weight: bold;
	background-color: #c7c7c7;
	border-bottom: 1px solid #fff;
	padding: 5px 0 6.5px 10px;
	margin: auto;	
}

#navigation ul { margin: 0; padding: 0; list-style-type: none; }
* html #navigation ul li{ height: 1%; }

#navigation a { display: block; font-size: 15px; color: #555; padding: 7px 5px; border-bottom: 1px solid #fff; text-decoration: none; }
#navigation a:hover { color: #202020; background-color: #fff; }

/* Page Navigation */
.pagenav { font-size: 12px; color: #b1b1b1; padding: 4px; margin: 5px; }
.pagenav span { font-weight: normal; color: #fff; background-color: #474747; text-decoration: none; padding: 3px 8px 3px 8px; margin: 2px; }
.pagenav a { color: #555; background-color: #e6e6e6; text-decoration: none; padding: 3px 8px 3px 8px; margin: 2px; }
.pagenav a:hover { color: #fff; background-color: #dc2526; margin: 2px; text-decoration: none; }

/* PHP-Fusion Helpers */
.clear { clear: both; }
.float-left { float: left; }
.float-right { float: right; }

/* Helpers  */
.center {margin: 0 auto;}
.content_center {text-align: center;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}

/*Table*/
#table{background-color: #fff; padding: 30px 0;}
.table { font-size: 14px; color: #555; }
tr.bold{font-weight: bold;}

/* Photos */
.photos-img div { width: 250px; height: 180px; position:relative; overflow: hidden; margin: 0 auto; -webkit- border-radius: 1px; border-radius: 2px;}
.photos-img div img { width: 250px; min-height: 180px; opacity: 0.9; -webkit-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.photos-img div:hover img{ opacity: 1.0; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); }


.photogallery_photo_title a { display: block; max-width: 250px; font-size: 18px; color: #231f20;word-wrap: break-word; text-align: center; margin: 0px auto 0 auto; padding: 15px 0;}
.photogallery_photo_title a:hover { color: #e5c011;text-decoration: none;}
.photogallery_photo_desc { display: block; max-width: 250px; word-wrap: break-word; }
.photogallery_album_photo { margin: 0; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-backface-visibility:hidden; }
.photogallery_album_photo:hover { opacity: 0.8; }
.photogallery_album_desc { text-align: center; margin-bottom: 20px; }
.photogallery_album_desc img { margin: 0 auto; }
.photogallery_photo_link { outline-style: none; }
.photogallery_album_back{ text-align: center; margin: 20px;}



.photos-block { -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-backface-visibility:hidden; }
.photos-block:hover .photogallery_photo_title a { color: #e5c011;-webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-backface-visibility:hidden; }

.col-yes-mobile { display: none; }
.col-margin-0 { margin: 0; padding: 0; }
.col-margin-bottom-20 { margin-bottom: 20px; }
.col-margin-bottom-30 { margin-bottom: 30px; }
.col-padding-top-20{padding-top: 20px;}

/* IE Fixes */
.clearfix:after { content:"."; display:block; height:0;	clear:both; visibility:hidden; }

/* Hide from IE Mac  */
.clearfix { display:block; }

/* End hide from IE Mac */
.floatfix { overflow:hidden; }
* html .floatfix { width:100%; }
.center, *[align="center"] { margin: 0 auto; }

.banner-quality img { margin-bottom: 20px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;  }
.banner-quality img:hover { opacity: 0.8; }

/*Shop*/

.tbl-border { border: 1px solid #eee; }
.tbl { font-size: 15px; color: #555; background-color: #fff; padding: 4px; }
.tbl1 { font-size: 15px; color: #555; padding: 4px; }
.tbl2  { font-size: 15px; color: #555; background-color: #f1f1f1; padding: 4px; }
.tbl-error  { color: #AC260F; font-weight: bold; background-color: #FCCAC2; border:2px solid #EB5339; }

.tbl-shop-index { padding-top: 20px; }
.tbl-shop { margin-bottom: 20px; }
.tbl-shop-info { border-bottom: 1px solid #ececec; padding-bottom: 20px; margin-bottom: 20px; }

.tbl-shop-title { display: block; font-size: 16px; color: #2b2a28; text-transform: uppercase; padding: 10px 0 5px 0;-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.tbl-shop-title a { color: #2b2a28 ; text-decoration: none;}
.tbl-shop-img { margin-bottom: 10px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.tbl-shop-good-info { min-height: 40px; margin: 0 5px; }
.tbl-shop-good-title { font-size: 16px; color: #666; text-align: center; }
.tbl-shop-good-gabarit { font-size: 14px; color: #666; text-align: center; }
.tbl-shop-good-price { font-size: 20px; font-weight: 600; color: #dd2a1b; text-align: center; margin: 10px 0; }
.tb-info{ min-height: 40px; background: #fff; box-shadow: 0 0 5px #e5c011; }

.tb8 { font-size: 16px; color: #2b2a28; border: 1px solid #eee; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.tb8:hover { border: 1px solid #e5c011; -moz-box-shadow: 0px 3px 15px #ddd; -webkit-box-shadow: 0px 3px 15px #ddd; box-shadow: 0px 3px 15px #ddd; filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 180, color = '#ddd'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color = '#ddd')"; }
.tb8 img { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.tb8:hover img:hover { opacity: 0.8; }
.tb8:hover .tbl-shop-title { font-weight: 700; text-decoration: none; }

.tb9 { font-size: 16px; color: #2b2a28; border: 1px solid #eee; background-color: #e5c011; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.tb9:hover { border: 1px solid #e5c011; -moz-box-shadow: 0px 3px 15px #ddd; -webkit-box-shadow: 0px 3px 15px #ddd; box-shadow: 0px 3px 15px #ddd; filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 180, color = '#ddd'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color = '#ddd')"; }
.tb9 img { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.tb9:hover img:hover { opacity: 0.8; }
.tb9:hover .tbl-shop-title { font-weight: 700; text-decoration: none; }

.tbl0 { font-size: 16px; color: #2b2a28; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.tbl0 .article-capmain{text-transform: uppercase; margin-bottom: 0;}
.tbl0 img { margin-top: 20px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.tbl0:hover img:hover { opacity: 0.8; }
.tbl0:hover .tbl-shop-title, .tbl0:hover .tbl-shop-title:visited { font-weight: 700; text-decoration: none; color: #333; }
.tbl0:hover .tbl-shop-title:active, .tbl0:hover .tbl-shop-title:focus { font-weight: 700; text-decoration: none; color: #333; }
.tbl0-a:active, .tbl0-a:focus, .tbl0-a:visited{ color:#2b2a28; text-decoration: none;}
.part-center{vertical-align: middle;}
.pedigree { text-align: center;}
.pedigree-img{ margin: 10px auto;}
.shop-price { margin-bottom: 10px; }
.shop-price span { font-size: 20px; font-weight: 600; color: #dd2a1b; }
.shop-desc { margin-top: 20px; }
.brakespace{display: none;}
.tbl-shop-reserve{ background-color:  #f5d021; text-transform: uppercase; font-weight: bold; padding: 5px; width: 50%; box-shadow: 0 0 3px #fff;}

@media (max-width: 650px) {
	.adminpanel{ display: none; }
	.lapki{ display: none; }
	#photo-frame { background:none; padding-top: 0; padding-bottom: 40px;}
	.photos-img div { width: 200px; height: 144px; }
	.photos-img div img { width: 200px; height: 144px; }
	.photo-frame-block{ padding: 0;margin: 1px 1px 0 0;width:100%;height: auto;}
	.photo-frame-block div {  overflow:hidden;width:100%;height: auto;margin: 0 auto; position: relative; border-radius: 2px;}
	.photo-frame-img {width:100%;height: auto; }
	.puppy>img{ width: 74px;height: 74px; margin-top: 0px; }
	.puppy>p{margin-top: 10px;}
	.article-wraper{ padding-bottom: 30px; }
	.news-info{ text-align: right; }
	.ya-share2__container_size_m { margin-top: 20px; }
	.nav>li { margin:0; }
	.navbar-nav{ margin:0; }
	.navbar{ margin-bottom: 20px; }
	.navbar-collapse { float: left;}
	.navbar-collapse.in { overflow-y: visible;}
	.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active{ border: none;}
	.header-dogs{ background-image: none; }
	.header-phone.phone-w{width: 100%; margin: 0px 0 10px 0;}
	.header-caption { font-size: 30px; margin-top: 0; line-height: 30px;}
	.header-slogan { font-size: 20px; margin-bottom: 100px;}
	.logotype img { width: 200px; margin: 10px auto;}
	.logotype_collateral img { width: 200px; margin: 10px auto; max-height: none;}
	p.order-caption { font-size: 17px; }
	p.order-text{ font-size: 13px; }
	.order-call{ text-align: center;margin-top: 40px; }
	#order-bg { padding-bottom: 20px; }
	.spacelr{ display: none; }
	.footer-terms>a { font-size: 14px;}
	.footer-nav>ul>li {padding: 0 10px;}
	.brakespace{display: block; line-height: 0px;}
	.round{ display: none;}
	.order-caption, .order-text{text-align: center;}
}
@media (min-width: 650px) and (max-width: 800px){
	#photo-frame { padding-top: 125px; background-image: url(../../images/bg-photoframe-small.png);
	}
	p.order-caption{ font-size: 18px; }
	p.order-text{ font-size: 15px; }
	.bread-img{ width: 225px; height: 225px; }
	.order-call{ font-size: 12px; }
	.photos-img div { width: 200px; height: 144px; }
	.photos-img div img { width: 200px; height: 144px; }
	.photo-frame-block{ padding: 0;margin: 1px 1px 0 0;width:174px;height: 154px;}
	.photo-frame-block div {  overflow:hidden;width:174px;height: 154px;margin: 0 auto; position: relative; border-radius: 2px;}
	.photo-frame-img { width: 174px; height: 154px; }
	.puppy>img{ width: 74px;height: 74px; margin-top: 0px; }
	.puppy>p{margin-top: 10px;}
	.article-wraper{ padding-bottom: 30px; }
	
	.round{ display: none;}
}
@media (min-width:800px) and (max-width:1050px) {
	#photo-frame { padding-top: 125px; }
	p.order-caption{ font-size: 19px; }
	.photos-img div { width: 220px; height: 144px; }
	.photos-img div img { width: 220px; height: 144px; }
	.photo-frame-block{ padding: 0;margin: 1px 1px 0 0;width:229px;height: 180px;}
	.photo-frame-block div {  overflow:hidden;width:229px;height: 180px;margin: 0 auto; position: relative; border-radius: 2px;}
	.photo-frame-img { width: 229px; height: 180px; }
	.puppy>img{ width: 74px;height: 74px; margin-top: 0px; }
	.puppy>p{margin-top: 10px;}
	.round{ width: 110px; top: -90px; left: 20%;}
	.adminpanel { text-align: center; }
}
@media (min-width:1200px) and (max-width:1300px) {
	#photo-frame { padding-top: 125px; }
	.round{ width: 110px; top: -90px; left: 20%;}
	.adminpanel { text-align: center; }
}
@media (min-width:1300px) and (max-width:1400px) {
	#photo-frame { padding-top: 125px; }
	.round{ width: 140px; top: -110px; left: 20%;}
	
	.adminpanel { text-align: center; }
}
@media (min-width:1400px) and (max-width:1500px) {
	#photo-frame { padding-top: 125px; }
	.round{ width: 130px; top: -110px; left: 5px;}
}
@media (min-width:1500px) and (max-width:1650px) {
	#photo-frame { padding-top: 125px; }
	.round{ width: 165px; }
}