@font-face {
  font-family: Avenir;
  src: url(../font/Avenir-Roman.ttf);
}

@font-face {
  font-family: AvenirB;
  src: url(../font/Avenir-Black.ttf);
}

.animation-element {
  position: relative;
  width: 100%;
  display: inline-block;
}
/*3 grid layout*/

.animation-element:nth-of-type(3n-2) {
  width: 100%;
  display: inline-block;
}

.animation-element:nth-of-type(3n-1) {
  width: 100%;
}

.animation-element:nth-of-type(3n-0) {
  width: 100%;
  clear: right;
}
/*bounce up animation for the subject*/

.bounce-up .subject {
  vertical-align:top;
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 100px, 0px);
  -webkit-transform: translate3d(0px, 100px, 0px);
  -o-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate3d(0px, 100, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.bounce-up2 .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 150px, 0px);
  -webkit-transform: translate3d(0px, 150px, 0px);
  -o-transform: translate(0px, 150px);
  -ms-transform: translate(0px, 150px);
  transform: translate3d(0px, 150, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up2.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.bounce-up3 .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 180px, 0px);
  -webkit-transform: translate3d(0px, 180px, 0px);
  -o-transform: translate(0px, 180px);
  -ms-transform: translate(0px, 180px);
  transform: translate3d(0px, 180, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up3.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.bounce-up4 .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 210px, 0px);
  -webkit-transform: translate3d(0px, 210px, 0px);
  -o-transform: translate(0px, 210px);
  -ms-transform: translate(0px, 210px);
  transform: translate3d(0px, 210, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up4.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.bounce-up5 .subject {
  opacity: 0;
  -moz-transition: all 700ms ease-out;
  -webkit-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
  -moz-transform: translate3d(0px, 240px, 0px);
  -webkit-transform: translate3d(0px, 240px, 0px);
  -o-transform: translate(0px, 240px);
  -ms-transform: translate(0px, 240px);
  transform: translate3d(0px, 240, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up5.in-view .subject {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.subject {
  float: left;
  width: 100%;
  margin: 0;
 }
 
  
 /*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-200px, 0px, 0px);
  -webkit-transform: translate3d(-200px, 0px, 0px);
  -o-transform: translate(-200px, 0px);
  -ms-transform: translate(-200px, 0px);
  transform: translate3d(-200px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

 /*animation element sliding right*/
 
.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(200px, 0px, 0px);
  -webkit-transform: translate3d(200px, 0px, 0px);
  -o-transform: translate(200px, 0px);
  -ms-transform: translate(200px, 0px);
  transform: translate3d(200px, 0px, 0px);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*kainu blokas*/

.price_content {
    position: relative;
    background: #fafafa;
    width: 100%;
    height: auto;
    padding: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    margin: auto;
	font-family: Avenir;
    /*background-image: url(../images/product_content_list.png);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;*/
}

.price_content .rule_container {position: relative; padding-bottom: 20px;padding-top: 20px;}
.price_content h1 {
	text-align: center;
    color: #559ac8;
    font-size: 30px;
    line-height: 1.25;
    margin: 0;
    text-transform: uppercase;}
.price_content h1:after {
    content: " ";
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #d4d4d4;
    display: block;
    width: 20%;
    margin: auto;
    padding-top: 10px;
}
.price_block {padding:20px; font-size: 15px; color: #525252; line-height: 24px; position:relative;max-width: 1280px; margin: auto;}
.price_price_bg {width: 33.333%; display: inline-block; vertical-align: top; background:#f8f8f8; min-width: 300px;}
.price_block .relative_top {position: relative; top:30px;}
.price_price_bg .text_title {display: block; font-size: 24px; color: #fff;line-height: 50px; text-align: center;}
.price_price_bg .text_price {font-family:Avenir; display: block; font-size: 22px; color: #fff;line-height: 75px; text-align: center;}
.price_price_bg .text_price span {font-size: 35px;font-family:Avenir;}
.price_price_bg .text_price2 {font-family:Avenir; display: block; font-size: 60px; color: #fff;line-height: 75px; text-align: center;}
.price_price_bg .text_price2 span {font-size: 22px;}
.price_price_bg ul {display: block; font-size: 13px; color: #262626;line-height: 30px; text-align: center; margin: 0; min-height: 270px; background: #fff;}
.price_price_bg li {display: block; font-size: 13px; padding: 0 0 1.2em 14px;text-align: left; font-family: arial;} 
.price_price_bg li span {position: relative;}
.price_price_bg li span:before {position: absolute;top: 4px; left: -14px; border-width: 3px; border-style: solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; content: "";border-color: #40b3d2;}
.price_price_bg li span:before {border-color: #40b3d2;}
.price_price_bg .green_border li span:before {border-color: #4bae96;}
.price_price_bg .yellow_border li span:before {border-color: #fdbf02;}
.price_price_bg .red_border li span:before {border-color: #e84e4e;}
.price_price_bg .purple_border li span:before {border-color: #a55dca;}
.price_price_bg .grey_border li span:before {border-color: #484848;}
.price_price_bg .padding30 {padding: 20px 20px;}
.price_price_bg .btn {color:#fff; padding: 10px; font-size: 16px;width: 100%;display: block; box-sizing: border-box;}
.price_price_bg .btn:hover {opacity:0.8}

.min_height {min-height: 480px;}
.shadow {-webkit-box-shadow: 0px 0px 54px -38px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 54px -38px rgba(0,0,0,0.75);
box-shadow: 0px 0px 54px -38px rgba(0,0,0,0.75);position: relative; z-index: 100;}
.blue {background:#2cabcd;}
.blue2 {background:#41b3d2;}
.green {background:#4bae96;}
.green2 {background:#56bba2;}
.yellow {background:#f5c42e;}
.yellow2 {background:#f3ce5d;}
.red {background:#e84e4e;}
.red2 {background:#e67070;}
.purple {background:#a55dca;}
.purple2 {background:#bc7ddc;}
.grey {background:#484848;}
.grey2 {background:#828282;}

@media screen and (max-width: 768px) {
	.price_block {padding: 5px;}
	.price_price_bg ul {min-height: auto!important;}
	.price_block .relative_top {top:0;}
	.price_price_bg {width: 100%;}
	.price_price_bg li {font-size: 15px;}

/*kainu blokas*/