@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed|Ubuntu+Mono');
body {background: #8a7d71; margin: 0; padding: 0;}
img, a, a img {border: 0;}
.wrapper {max-width: 700px; background: #fff url("images/wrapbgr.png") repeat-y; margin: 5px auto 20px; overflow: hidden;}
.upline {width: 700px; height: 16px; background: #fff url("images/upline.png") no-repeat; overflow: hidden;}
.header {width: 674px; /*height: 76px;*/ margin: 0 13px; /*background: url("images/headerbgr.png") repeat-x;*/ background-color: #00aced; border-radius: 7px 7px 0 0;}
.headleft {width: 10px; height: 76px; float: left; background: url("images/headerleft.png") no-repeat;}
.logo {color: #ffefa5; font-weight: bold; font-size: 18pt;}
.logo i {color: #fff; font-style: normal;}
.slogan {color: #ffefa5; font-size: 8.7pt;}
.slogan span {color: #fff;}
.phone {text-align: right; color: #fff; font-size: 10pt; font-weight: bold;}
.headright {width: 10px; height: 76px; float: right; background: url("images/headerright.png") no-repeat;}
div.nav {width: 674px; height: 120px; margin: 0 13px; clear: left;}
.menu {width: 234px; height: 100px; float: left; margin: 10px 0;}
.link {height: 27px; background: url("images/arrow.png") left top no-repeat; border-bottom: 1px dotted #d5d0cb; margin: 0; padding: 0;}
.link:active {height: 27px; background: url("images/arrowa.png") left top no-repeat; border-bottom: 1px dotted #d5d0cb; margin: 0; padding: 0;}
.link a, .linka a {color: #000; font-size: 12px; font-weight: bold; text-decoration: none; margin-left: 30px;}
.menua {color: #000; }
.photo {width: 430px; height: 100px; float: right; margin: 10px 0 10px 10px; background: url("images/photo.png") no-repeat;}
.photosalut {height: 90%; margin: 10px 0 10px 10px; background: url("images/photosalut.jpg") no-repeat; background-size: 100%; border-radius: 7px;}
.hr {width: 100; height: 5px; margin: 0 13px; background: #dfd9d4; overflow: hidden;}
.content {margin: 0 13px; padding: 10px 15px; background: #f3f2e4; text-align: justify; font-size: 11pt; margin-top: 10px; border-radius: 0 0 7px 7px;}
.content h1 {display: block; text-align: center; color: #931f14; font-size: 18pt; font-weight: bold; margin: 0;}
.content h2 {font-size: 13pt;}
.content p {margin: 0; text-indent: 30px;}
.content a {color: #931f14;}
.footer {width: 674px; height: 80px; margin: 0 13px; background: #dfd9d4; margin-top: 10px; overflow: hidden;}
.footleft {width: 10px; height: 80px; float: left; background: url("images/footerleft.png") no-repeat;}
.banner {color: #717171; font-size: 10px; height: 60px; width: 634px; text-align: center; padding: 10px; float: left; overflow: hidden;}
.banner a {color: #6b5949;}
.footright {width: 10px; height: 80px; float: right; background: url("images/footerright.png") no-repeat;}
.downline {width: 700px; height: 16px; background: #fff url("images/downline.png") no-repeat; overflow: hidden;}
.itm_desc { margin-bottom: 30px;  min-height: 100px; position: relative; border-top: 1px solid #dfd9d4; margin-top:10px;padding-top:10px;}
.itm_desc  td{ vertical-align: top;}
.itm_desc  h2{ font-weight: bold; font-size: 110%; margin-top: 0;}
.itm_desc  p{ text-indent: 0;}
.itm_desc  p i { font-style: normal; font-weight: 500;}
.itmimg {margin-right: 10px; width: 150px;}
#videobox {left: 72px; position: absolute; top: 0;z-index: 999;}
#videobox .closebtn {background: url("images/close.gif") no-repeat 0 0; width:22px; height: 22px; position: absolute; right: 0; cursor: pointer;z-index: 9999; top: -25px;}
.social {text-align:right;margin: 9px 13px 0;}
.breadcrumb {font-size:8pt;background-color:transparent; border-bottom: 1px solid #e9ecef; border-radius: 0;}
.catmenu .nav-item { background-color: #f8f9fa; margin-bottom:1px;}
.catitm h1 {font-weight: auto; text-align: left; margin-bottom: 10px;}
.catitm p {text-indent: 0; margin-bottom: 10px;}
.catitm .price i {font-style: inherit; color: #00aced; font-size: 120%; font-weight: 600;}
/*Заказать звонок*/
#popup_toggle{bottom:25px;right:10px;position:fixed;}
.img-circle{background-color:#29AEE3;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #29AEE3;width:150px;height:150px;bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;-moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;-o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#29AEE3;width:100px;height:100px;bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;-o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;background-image:url(images/mini.png);background-position: center center;background-repeat:no-repeat;animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
/*Заказать звонок*/
.popup__overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    text-align: center
    }
    .popup__overlay:after {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        height: 100%;
        width: 0;
        vertical-align: middle;
        content: ''
        }
/* Added for IE<9 compatibility */
.popup__overlay_ie {
        background: #000;
        opacity: .7;
        filter: alpha(opacity=70)
        }
.popup {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    max-width: 80%;
    padding: 20px;
    border-radius: 15px;
    border:3px solid #339900;
    background: #fff;
    vertical-align: middle;
	height: 208px;
    }
/* Added instead of :after pseudoelement */
.popup__valignfix {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 0;
    height: 100%;
    vertical-align: middle
    }
input[type="button"] {
    padding: 6px 16px;
    border: 0;
    border-radius: 2px;
    cursor: pointer;
    background: #ff6600;
    color: #fff
    }
.popup__close {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
/*     width: 12px;
    height: 12px; */
    padding: 5px;
    border-radius: 50%;
    cursor: pointer;
    background: #339900;
    text-align: center;
    font-size: 9px;
    line-height: 6px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    cursor:pointer;
    }
    .popup__close:hover {
     background: #ff6600
        }
		
		
		/*!----*/

/*Заказать звонок*/