/*-------------------- 2) --------------------- */
/* BEGIN Special Fronpage Showcase TEXT for WidgetKit */
/* Frontpage Showcase */
.frontpageshowcase {
	position: absolute;
	top: 15%;
	left: 10%;
	z-index: 1;
	width: 80%;
	color: #FFF;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

.frontpageshowcase.black { color: #444; }

/* Frontpage List */
.frontpagelist img { margin: -20px -20px -20px 0; }

.frontpagelist h2 {
	font-size: 28px;
	line-height: 28px;
}

/* Frontpage Botton */
#page .frontpagebottom {
	min-height: 124px;
	margin: -13px;
	padding: 13px 120px 13px 13px;
	border-radius: 7px;
	overflow: hidden;
}

/* Frontpage Separator */
#page .frontpageseparator {
	/*margin: -3px;*/
	overflow: hidden;
	line-height:12px;
	/*text-transform: uppercase;*/
}

.frontpageseparator > div > div {
	padding-left: 15px;
	border-left: 1px solid #ddd;
	box-shadow: inset 1px 0 0 #fff;
	overflow: hidden;
}

.frontpageseparator > div:first-child > div {
	border-left: none;
	box-shadow: none;
}

.frontpageseparator img {
	margin: 4px 15px 0 0;
	float: left;
}
/* ENDSpecial Fronpage Showcase TEXT for WidgetKit */

/*-------------------- 3) --------------------- */
/* BEGIN ArS Shadow */
.ars_white_shadow {
font-weight: bold;
text-shadow: 2px 1px 3px rgba(255, 255, 255, 1);
}

.ars_black_shadow {
text-shadow: 2px 1px 2px rgb(50, 50, 50);
}

/* END ArS Shadow */

/*-------------------- 4) --------------------- */
/* BEGIN ArS garadientbody */
.ars_garadientbody { 
        background: #ffefdd;
        background: -moz-linear-gradient(-45deg, #ffefdd 0%, #ffffff 50%, #d1e4ee 100%) fixed;
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffefdd), color-stop(50%,#ffffff), color-stop(100%,#d1e4ee)) fixed;
        background: -webkit-linear-gradient(-45deg, #ffefdd 0%,#ffffff 50%,#d1e4ee 100%) fixed;
        background: -o-linear-gradient(-45deg, #ffefdd 0%,#ffffff 50%,#d1e4ee 100%) fixed;
        background: -ms-linear-gradient(-45deg, #ffefdd 0%,#ffffff 50%,#d1e4ee 100%) fixed;
        background: linear-gradient(135deg, #ffefdd 0%,#ffffff 50%,#d1e4ee 100%) fixed;
    }
/* END ArS garadientbody */

/*-------------------- 5) --------------------- */

/* BEGIN textile background */
.textile_bg{
	background-image:url(/templates/arsi_studio/images/textile_bg.jpg);
}
/* END */

/*-------------------- 6) --------------------- */
/* BEGIN box shadow */
.ars_box_shadow{
	/*box-shadow: 0.4em 0.4em 5px rgba(122,122,122,0.3);*/
	-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
}
/* END */

/*-------------------- 7) --------------------- */
/* BEGIN lifted box */
.ars_fresh_box {
        padding:1.5em;
        background:#fff;
        border-radius:4px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-border-radius:4px;
 
}
/* END */

/*-------------------- 8) --------------------- */
/* BEGIN rotate text 90 degress */
.rotateText {
     -webkit-transform: rotate(90deg); /* разворот текста для разных браузеров */
     -moz-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
     writing-mode: tb-rl; 
 }

/* END */
/*-------------------- 9) --------------------- */
/* BEGIN Navigation Font Size */
.nav_font_size{
	font-size:13px;
}
/* END */

/*-------------------- 10) --------------------- */
/* BEGIN Box Border Radius */
.ars_border_radius{
border-radius: 10px;
}
/* END */

/*Begin Пульсирующая кнопка*/

.pulse-button {
 /* position: relative;*/
  top: 50%;
  left: 50%;
  /*margin-left: -20px;
  margin-top: -20px;*/
  margin:0 -50px;
  display: block;
  width: 60%;
  height: 110px;
  font-size: 30pt;
  line-height:33pt;
  font-weight: bold;
  color: white;
  text-shadow: 0 1px 0 #1f4c76;
  border: 1px solid #52afec;
  box-shadow: 0 0 0 0 rgba(90, 153, 220, 0.7), inset 0 1px 0 #abcbe9;
  border-radius: 20px;
  v-align: middle;
  background: #5a99d4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6ea6d9), color-stop(100%, #468ccf));
  background-image: -webkit-linear-gradient(#52afec, #56839a);
  background-image: -moz-linear-gradient(#52afec, #56839a);
  background-image: -o-linear-gradient(#52afec, #56839a);
  background-image: linear-gradient(#52afec, #56839a);
  cursor: pointer;
  -webkit-animation: pulse 1.5s infinite cubic-bezier(0.6, 0, 0, 1);
}
.pulse-button:hover {
 /* -webkit-animation: none;*/
   -webkit-animation: pulse 1s infinite cubic-bezier(0.6, 0, 0, 1);
    -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

@-webkit-keyframes pulse {
  to {
    box-shadow: 0 0 0 15px rgba(90, 153, 220, 0), inset 0 1px 0 #abcbe9;
  }
}

/*END Пульсирующая кнопка*/

/*BEGIN Пульсатор*/

#popup_toggle{bottom:25px;right:10px;position:absolute;}
.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;}}

/*END Пульсатор*/