* {margin:0;padding:0;outline:none;border:none;}
body{font-family:Arial;}

#floatTip {
  position: absolute; /* Абсолютное позиционирование */
  width: 250px; /* Ширина блока */
  display: none; /* Прячем от показа */
  border: 1px solid #000; /* Параметры рамки */
  padding: 4px; /* Поля вокруг  текста */
  font-family: sans-serif; /* Рубленый шрифт */
  font-size: 9pt; /* Размер  шрифта */
  color: #333; /* Цвет текста */
  background: #ffe5ff; /* Цвет фона */
}
.floatTip{color:#fff;display:block;text-align:center;font-size:24px;line-height:32px;margin:30px auto;}

.ff{width:100%;overflow:hidden;}

.wp{margin:0 auto;width:98%; max-width:970px; padding:0 15px;}

.firstscreen{height:714px;background:url("img/bg_main_06.jpg") center top no-repeat;}
.firstscreen_contacts{color:#fff; font-size:22px; text-align:right;float:right;margin-right:20px;}
.firstscreen_contacts span {font-size:30px;}
.firstscreen_contacts a{color:#ffffff;text-decoration:none;}
.mobversion_logo {display:none;width:200px;}
.fullversion_logo{display:auto;}

h1{font-family:'Russo One';font-size:60px;color:#fff;font-weight:normal;text-align:center;margin-top:60px;line-height: 54px; text-shadow: 0px 0px 29px #000;}
h2{font-family:'Russo One';font-size:60px;color:#fff;font-weight:normal;text-align:center;line-height:66px;margin-top:60px;}
.stonetypes{color:#fff;font-size:24px;text-align:center;display:block;margin-top:50px;}

.category{display:inline-block;width:31%;max-width:300px;margin:20px 1%;text-align:center;vertical-align:top; font-size:22px; font-weight:bold;}
.category img {border:solid 2px #737373;width:100%;}
.category a {color:#000;text-decoration:none;position:relative;display: block;}
.sho{position:absolute;width:100%;text-align:center;left:0;bottom:0;padding:10px 0;color:#fff;font-weight:normal;margin:0;
  font-family:'Russo One';opacity:0;background:#77ae00;transition:bottom 0.2s, opacity 0.2s;}
.category a:hover .sho {bottom:70%;opacity:.8;}
.category p{font-size:17px;font-weight:normal;}
h3{font-family:'Russo One'; text-align:center; font-size:32px;font-weight:normal;text-transform:uppercase;}

.ffmaster{background:url("img/bg_01.jpg") center top no-repeat;height:565px;}
.master{/*background:url("img/black.png");*/padding:20px;width:60%;white-space:pre;margin-top:40px;}
.twoblocks{display:inline-block;max-width:40%;text-align:center;}

.button{
	display: block;
	background: #ffe102;
	color: #000;
	text-align: center;
	width: 80%;
	margin: 15px auto;
	text-decoration: none;
	padding: 20px 15px;
	font-size: 25px;
	border: 3px solid #000;
	border-radius: 10px;
	font-weight: 800;
}
form input[type='text']{border:solid 1px #ccc;padding:6px 15px;margin:15px auto 0 auto; font-size:18px;width:80%;text-align:center;}
form input[type='submit']{margin:20px auto 10px auto;height:35px;background:#77ae00;color:#fff;padding:0 15px;font-size:18px;cursor:pointer;}

.maps{display:inline-block;width:48%;margin:0;text-align:center;vertical-align:top;font-size:20px;}
  .mapleft{margin-right:1%;}
  .mapright{margin-left:1%;}
  .maps a{text-decoration:none;font-size:20px;color:#000;text-align:center;}
.footer div{display:inline-block;vertical-align:top;width:30%;margin:0 1%;color:#fff;font-size:18px;}
.onemap{text-align:center;display:inline-block;width:45%;margin:auto 2%;}.onemap a{text-align:center;font-size:18px;text-decoration:none;color:#000;}
.myButton{display:block;width:450px;margin:auto;font-size:22px;border:solid 2px #000;color:#000;border-radius:8px;
  padding:15px;text-align:center;font-family:'Russo One';text-decoration:none;max-width:90%;
  background: rgb(255,222,0);
  background: -moz-linear-gradient(top, rgba(255,222,0,1) 0%, rgba(255,192,0,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,222,0,1) 0%,rgba(255,192,0,1) 100%);
  background: linear-gradient(to bottom, rgba(255,222,0,1) 0%,rgba(255,192,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffc000',GradientType=0 );}



#popup_toggle, #popup_toggle_mob{bottom:25px;right:0px;position:fixed;z-index:24;}
#popup_toggle_mob{display:none;z-index:24;}
.img-circle{background-color:#db0000;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #db0000;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:#db0000;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("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;}}


/***************************************************************************************************************/
@media screen and (max-width: 980px) {
  h2{font-size:48px;line-height:52px;margin-top:30px;}
  .stonetypes{margin-top:20px;}
  .category{width:30%;}
  .master{white-space:pre-wrap;}
  .twoblocks{width:90%;max-width:90%;}
  .onemap {border-style:solid;border-color:#999;border-width:0 0 1px 0;margin-bottom:40px;padding-bottom:10px;}
}

@media screen and (max-width: 640px) {
  .wp{padding:0 5px;width:96%;text-align:center;}
  .firstscreen{height:auto;padding-bottom:30px;}
	.firstscreen_contacts {float:none;text-align:right;font-size:24px; display:inline-block;vertical-align:top; max-width:68%; background:#593e37; border-radius:20px;}
    .firstscreen_contacts span{font-size:26px;}
	.mobversion_logo {margin:0 auto 20px auto;width:170px;display:inline-block;vertical-align:top;max-width:30%;}
  .hdd{display:none;}
	.fullversion_logo{display:none;}
	h1{font-size:85px;line-height:85px;margin-top:25px;}
  .floatTip{font-size:16px;line-height:22px;margin:0;}
  h2{font-size:36px;line-height:42px;margin-top:10px;}
  .stonetypes{font-size:22px;}
  .category{width:47%;}
  .ffmaster{background:url("img/bg_02.jpg") center top no-repeat;}
  .master{white-space:pre-wrap;margin-top:300px;width:90%;font-size:28px;padding:20px 10px;}
  .maps, .mapleft, .mapright{display:block;width:97%;margin-left:auto;margin-right:auto;padding-bottom:30px;}
  .footer div{display:block;width:90%;text-align:center;margin:0 auto 10px auto;}
  .onemap {width:80%;border-style:solid;border-color:#999;border-width:0 0 1px 0;margin-bottom:40px;padding-bottom:10px;}
  .mobhid{display:none;}
  #popup_toggle{diaplay:none;} 
  #popup_toggle_mob{display:inline-block;}
}

@media screen and (max-width: 480px) {
  .wp{padding:0 5px;width:96%;text-align:center;}
	.firstscreen_contacts {float:none;text-align:center;font-size: 26px;margin: 0;}
	/*.mobversion_logo{display:block;margin:0 auto 20px auto;}*/
	.fullversion_logo{display:none;}
	h1{font-size:75px;line-height:75px;margin-top:40px;}
  .floatTip{font-size:14px;line-height:20px;margin-top: 24px;}
  h1{font-size:36px;color:#fff;margin-top:13px;line-height: 37px;}
  h2{font-size:25px;line-height:32px;margin-top:20px;}
  .stonetypes{font-size:20px;}
  .category{width:100%}
  .ffmaster{background:url("img/bg_02.jpg") center top no-repeat;}
  .master{white-space:pre-wrap;margin-top:300px;width:90%;font-size:28px;padding:20px 10px;}
  .onemap {width:80%;}
}