@charset "UTF-8";
html {
overflow-x: hidden !important;
}
.social a {
margin: 10px;
margin-top: 10px;
display: inline-block;
color: #888;
}
.ovf_hide {
overflow: hidden;
}
img {
max-width: 100%;
}
.themes_group .template-categories-icons>ul {}
.footer_bot {
line-height: 20px;
text-align: justify;
}
.footer_p {
font: 14px "iransans";
margin: 0 auto;
}
.box_shop_theme {
box-shadow: 2px 2px 23px #ccc;
border: 3px solid #fff;
}
.tbl {
display: table;
vertical-align: middle
}
.tbl.width {
width: 100%
}
.tbl.height {
height: 100%
}
.tbl.full {
width: 100%;
height: 100%
}
.tbl .row {
display: table-row
}
.tbl .cell {
display: table-cell;
vertical-align: middle;
height: 100%;
}
.list-template .tbl .cell {
padding: 25px;
}
.relative {
position: relative
}
.absolute {
position: absolute
}
.top0 {
top: 0 !important
}
.left0 {
left: 0 !important
}
.right0 {
right: 0 !important
}
.bottom0 {
bottom: 0 !important
}
.fullHeight {
height: 100%
}
.fullWidth {
width: 100%
}
.fullWidthHeight,
.fullWH {
width: 100%;
height: 100%
}
.maxwidth100 {
max-width: 100%
}
.text-right {
text-align: right
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
.vTop {
vertical-align: top
}
.vMiddle {
vertical-align: middle
}
.vBottom {
vertical-align: bottom
}
.text-justify {
text-align: justify
}
.nomargin {
margin: 0
}
.nomargin.i {
margin: 0 !important
}
.nopadding {
padding: 0
}
.nopadding.i {
padding: 0 !important
}
.nomarginright {
margin-right: 0 !important
}
.nomarginleft {
margin-left: 0 !important
}
.nomargintop {
margin-top: 0 !important
}
.nomarginbottom {
margin-bottom: 0 !important
}
.nopaddingright {
padding-right: 0 !important
}
.nopaddingleft {
padding-left: 0 !important
}
.nopaddingtop {
padding-top: 0 !important
}
.nopaddingbottom {
padding-bottom: 0 !important
}
.inlineblock {
display: inline-block !important
}
.inline {
display: inline !important
}
.nofloat {
float: none !important
}
.list-item-horiz {
margin: 0;
padding: 0;
display: inline-block
}
.list-item-horiz>li {
display: inline-block
}
.list-item-horiz>li>a {
padding: 5px 15px
}
.divider-title {
position: relative;
margin-bottom: 30px
}
.divider-title:after {
position: absolute;
content: '';
top: 50%;
left: 0;
width: 100%;
border-top: 2px solid #B7C1CB
}
.divider-title>.title {
position: relative;
background: white;
z-index: 1;
padding: 10px 15px;
font-size: 25px;
color: #4c5b6a
}
.owl-slider {
direction: ltr;
margin-top: 20px;
position: relative
}
.owl-slider .item {
margin: 3px
}
.owl-slider .item .fullitem {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: cover;
background-color: deepskyblue
}
.owl-slider .item img {
display: block;
width: 100%;
height: auto
}
.owl-slider .gnext,
.owl-slider .gprev {
position: absolute;
top: 0;
width: 50px;
height: 100%;
z-index: 10;
color: white;
font-size: 25px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-slider .gnext>.bg,
.owl-slider .gprev>.bg {
text-align: center;
height: 50px;
top: 50%;
position: absolute;
margin-top: -25px;
width: 50px;
padding-top: 5px;
background: rgba(0, 0, 0, 0.5)
}
.owl-slider .gnext {
right: 20px
}
.owl-slider .gprev {
left: 20px
}
.slider-title-container {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 20%;
padding-top: 23px
}
.slider-title-container .slider-title {
position: relative;
height: 100%;
text-align: center;
color: white;
font-size: 25px
}
.slider-title-container .slider-title a {
color: white
}
.slider-title-container .slider-title a:hover {
text-decoration: none
}
.slider-title-container .slider-title .background-opacity,
.slider-title-container .slider-title .background-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.slider-title-container .slider-title .background-opacity {
z-index: 6
}
.slider-title-container .slider-title .background-image {
background-size: cover;
z-index: 5
}
.slider-title-container .slider-title .tbl {
position: relative;
z-index: 7
}
.slider-title-container .slider-title .count {
font-size: 18px
}
.slider-title-container .slider-title i {
font-size: 150px;
margin-bottom: 30px;
opacity: 0
}
.slider-title-container .slider-title p {
opacity: 0
}
.slider-title-container .slider-title span {
opacity: 0
}
.slider-title-container .sliderTitleGetIn i {
-webkit-animation: right-left ease 0.5s 0.5s forwards;
-o-animation: right-left ease 0.5s 0.5s forwards;
animation: right-left ease 0.5s 0.5s forwards
}
.slider-title-container .sliderTitleGetIn p {
-webkit-animation: right-left ease 0.5s 0.6s forwards;
-o-animation: right-left ease 0.5s 0.6s forwards;
animation: right-left ease 0.5s 0.6s forwards
}
.slider-title-container .sliderTitleGetIn span {
-webkit-animation: right-left ease 0.5s 0.7s forwards;
-o-animation: right-left ease 0.5s 0.7s forwards;
animation: right-left ease 0.5s 0.7s forwards
}
.inner-addon {
position: relative
}
.inner-addon .ion {
position: absolute;
padding: 10px;
pointer-events: none
}
.left-addon .ion {
left: 0px
}
.right-addon .ion {
right: 0px
}
.left-addon input {
padding-left: 30px
}
.right-addon input {
padding-right: 30px
}
.list-template {
padding: 0;
margin: 0
}
.list-template>li {
list-style: none;
display: inline-block;
width: 33.33333%;
height: 425px;
padding: 0px 15px 0px 15px;
margin-bottom: 30px;
}
.list-template>li .box {
height: 100%;
background-size: cover;
background-position: top center;
background-color: #f2f2f2
}
.list-template>li .box>img {
width: 100%;
height: 100%
}
@media (max-width: 1024px) {
.list-template>li {
width: 50%
}
}
@media (max-width: 640px) {
.list-template>li {
width: 100%
}
}
.headerbreadcump {
margin: 0;
padding: 0;
color: white;
font-size: 20px;
float: right
}
.headerbreadcump>li {
margin: 0px;
padding: 0px;
display: inline-block;
list-style: none
}
.headerbreadcump>li>a {
color: white
}
.small-top-header {
height: 200px;
background-size: cover
}
.small-top-header .the-header {
color: white;
padding: 10px
}
.small-top-header .the-header .title {
margin-bottom: 20px
}
.small-top-header .the-header .title h1 {
font-size: 60px
}
.small-top-header .the-header .desc {
font-size: 30px
}
.white-wrapper {
background: white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.white-wrapper.style1 .theheader .icon {
display: inline-block;
width: 250px;
height: 250px;
background: #404C5B;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.white-wrapper.style2 {
padding: 0px
}
.white-wrapper.style2 .section {
min-height: 100px
}
.white-wrapper.style2 .section.light {
background: white
}
.white-wrapper.style2 .section.dark {
background: #ededed
}
.priceboxes .pricebox .iconrow .icon {
background: #FA483C;
color: white;
width: 70px;
display: inline-block;
padding: 5px;
font-size: 25px;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px
}
.priceboxes .pricebox .theheader {
background: #FA483C;
color: white;
font-size: 28px;
padding: 10px 0px
}
.priceboxes .pricebox .theheader hr {
border-top: 1px solid #e60000;
border-bottom: 1px solid #f66;
width: 87%;
margin: 10px auto
}
.priceboxes .pricebox .thebody {
background: #ebebeb
}
.priceboxes .pricebox .thebody.simpletext {
font-size: 16px;
text-align: justify;
padding: 20px;
line-height: 33.5px
}
.priceboxes .pricebox .thefooter {
background: #FA483C;
color: white;
font-size: 24px;
padding: 10px 0px;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px
}
.priceboxes .pricebox .thefooter a {
color: white
}
.priceboxes.effect .pricebox {
-webkit-transition: all cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.3s;
-moz-transition: all cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.3s;
-ms-transition: all cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.3s;
-o-transition: all cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.3s;
transition: all cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.3s;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9)
}
.priceboxes.effect .pricebox:hover {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.priceboxes.effect.blur:hover .pricebox {
filter: blur(1px) grayscale(0.8);
-webkit-filter: blur(1px) grayscale(0.8)
}
.priceboxes.effect.blur:hover .pricebox:hover {
filter: blur(0px) grayscale(0);
-webkit-filter: blur(0px) grayscale(0);
-webkit-box-shadow: 0px 70px 50px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 70px 50px rgba(0, 0, 0, 0.5);
box-shadow: 0px 70px 50px rgba(0, 0, 0, 0.5)
}
.checkedlist {
padding: 0;
margin: 0
}
.checkedlist>li {
font-size: 15px;
padding: 10px 30px 10px 10px;
list-style: none;
border-bottom: 1px solid #ccc;
position: relative;
-webkit-box-shadow: 0px 1px 0px #fff;
-moz-box-shadow: 0px 1px 0px #fff;
box-shadow: 0px 1px 0px #fff
}
.checkedlist>li:after {
position: absolute;
right: 10px;
top: 50%;
height: 20px;
margin-top: -10px;
content: '\f373';
font-family: 'Ionicons'
}
.callout.style1 .left .description .descright {
font-size: 15px;
line-height: 40px;
text-align: justify;
color: rgba(0, 0, 0, 0.7)
}
.customer-count-box {
padding: 10px;
height: 260px
}
.customer-count-box .content {
padding: 10px;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
position: relative
}
.customer-count-box .content img {
max-width: 100%
}
.customer-count-box .content .count-box-footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding-bottom: 10px;
color: white;
text-align: center
}
.customer-count-box .content .count-box-footer .count {
font-size: 20px;
padding-left: 5px
}
.customer-count-box .content .count-box-footer .title {
font-size: 20px
}
.fadeout {
opacity: 0
}
.small-slide-section {
height: 250px
}
.small-slide-section.rightleft .backgroundimage {
position: absolute;
top: 50px;
height: 160px;
width: 100%
}
.small-slide-section.rightleft .backgroundimage img {
width: 480px
}
.small-slide-section.rightleft .title {
position: absolute;
right: 505px;
top: 29px
}
.small-slide-section.rightleft .title h2 {
font-size: 17px
}
.small-slide-section.rightleft .content {
position: absolute;
right: 280px;
top: 80px
}
.small-slide-section.leftright {
text-align: left
}
.small-slide-section.leftright .backgroundimage {
position: absolute;
top: 50px;
height: 160px;
width: 100%
}
.small-slide-section.leftright .backgroundimage img {
width: 480px
}
.small-slide-section.leftright .title {
position: absolute;
left: 475px;
top: 29px
}
.small-slide-section.leftright .title h2 {
font-size: 17px
}
.small-slide-section.leftright .content {
position: absolute;
left: 280px;
top: 80px
}
.titleicon {
position: relative;
padding-bottom: 10px
}
.titleicon:after {
content: '';
position: absolute;
height: 3px;
width: 100%;
right: 0;
top: 0;
border-bottom: 2px dotted rgba(0, 0, 0, 0.3)
}
.titleicon:before {
text-align: center;
font-family: 'Ionicons';
content: '\f4b2';
position: absolute;
height: 40px;
width: 40px;
right: 0;
top: -20px;
color: white;
padding-top: 4px;
z-index: 1;
font-size: 25px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.titleicon.blue:before {
background: #35B1FF
}
.titleicon.green:before {
background: green
}
.titleicon.purple:before {
background: #4c6be0
}
.titleicon.red:before {
background: red
}
.titleicon.orange:before {
background: darkorange
}
.titleicon span {
background: white;
position: absolute;
top: -11px;
right: 40px;
z-index: 1;
padding: 0px 20px
}
.template1-tilebox {
display: block;
padding-bottom: 20px
}
.template1-tilebox .row1,
.template1-tilebox .row2 {
overflow: hidden
}
.template1-tilebox .row1 .colfull,
.template1-tilebox .row2 .colfull {
background-size: 100% 100%;
background-position: center center;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
transition: all ease 0.5s
}
.template1-tilebox .row1 .colfull:hover,
.template1-tilebox .row2 .colfull:hover {
background-size: 110% 110%
}
.template1-tilebox .row1>div .foot,
.template1-tilebox .row2>div .foot {
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s
}
.template1-tilebox .row1>div:hover .foot,
.template1-tilebox .row2>div:hover .foot {
margin-top: -170px !important
}
.template1-tilebox .row1 {
padding-top: 20px
}
.template1-tilebox .row1>div {
height: 350px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s
}
.template1-tilebox .row1 .foot {
color: white;
padding: 10px 20px;
font-size: 20px
}
.template1-tilebox .row2 {
padding-top: 20px
}
.template1-tilebox .row2>div {
background-size: cover;
height: 350px
}
.template1-tilebox .row2 .foot {
color: white;
padding: 10px 20px;
font-size: 20px
}
.fullpurple {
background: url(//see5.net/wp-content/themes/see5/img/designers/purple.jpg);
background-size: cover;
padding: 70px 0px;
color: white
}
.fullpurple h2 {
padding-bottom: 20px
}
.fullpurple h2,
.fullpurple h4 {
opacity: 0
}
.fullpurple.reached h2 {
-webkit-animation: top-bottom ease 0.7s 0s forwards;
-o-animation: top-bottom ease 0.7s 0s forwards;
animation: top-bottom ease 0.7s 0s forwards
}
.fullpurple.reached h4 {
-webkit-animation: bottom-top ease 0.8s 0s forwards;
-o-animation: bottom-top ease 0.8s 0s forwards;
animation: bottom-top ease 0.8s 0s forwards
}
.full-three-rectangle {
padding: 50px 0px
}
.full-three-rectangle ul {
display: block
}
.full-three-rectangle ul li {
width: 33.3333%;
padding: 20px
}
.full-three-rectangle ul li .rectangle {
padding: 40px 20px;
background: rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.05);
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3)
}
.full-three-rectangle ul li .rectangle img {
width: 80%
}
.full-three-rectangle ul li .rectangle h3 {
position: relative;
padding-right: 25px;
color: darkorange
}
.full-three-rectangle ul li .rectangle h3:before {
width: 17px;
height: 17px;
background: orange;
position: absolute;
right: 0;
top: 50%;
margin-top: -8.5px;
content: '';
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.full-three-rectangle ul li .rectangle p {
color: rgba(0, 0, 0, 0.8)
}
.full-four-square {
padding: 50px 0px;
background: rgba(0, 0, 0, 0.03)
}
.full-four-square ul {
display: block
}
.full-four-square ul li {
width: 24%;
padding: 20px
}
.full-four-square ul li .rectangle {
padding: 20px;
background: white;
border: 1px solid rgba(255, 255, 255, 0.05);
border-top: 4px solid #ffffff00;
-webkit-box-shadow: 0px 5px 20px 0px rgba(155, 155, 155, 0.2);
-moz-box-shadow: 0px 5px 20px 0px rgba(155, 155, 155, 0.2);
box-shadow: 0px 5px 20px 0px rgba(155, 155, 155, 0.2);
border-radius: 12px;
}
.full-four-square ul li .rectangle:hover {
border-top: 4px solid #e8e8e8;
}
.full-four-square ul li .rectangle img { }
.full-four-square ul li .rectangle h3 {
position: relative;
color: #666;
font-size: 18px;
font-weight: bolder
}
.full-four-square ul li .rectangle p {
color: rgba(0, 0, 0, 0.8);
font-size: 13px;
text-align: justify;
}
.full-four-square ul li .rectangle i {
font-size: 55px
}
.full-four-square ul li .rectangle i.blue {
color: deepskyblue
}
.full-four-square ul li .rectangle i.purple {
color: purple
}
.full-four-square ul li .rectangle i.orange {
color: orange
}
.full-four-square ul li .rectangle i.red {
color: red
}
.full-four-square ul li .rectangle i.green {
color: lightgreen
}
.tilebox8 {
height: 550px;
background: url(//see5.net/wp-content/themes/see5/img/designers/purple.jpg);
background-size: cover;
padding-top: 80px
}
.tilebox8 ul {
display: block;
height: 200px
}
.tilebox8 ul li {
height: 100%;
background: white;
position: relative;
background-size: cover;
overflow: hidden
}
.tilebox8 ul li.img1 {
background: url(//see5.net/wp-content/themes/see5/img/template1/box1.jpg)
}
.tilebox8 ul li.img2 {
background: url(//see5.net/wp-content/themes/see5/img/template1/box2.jpg)
}
.tilebox8 ul li.img3 {
background: url(//see5.net/wp-content/themes/see5/img/template1/box3.jpg)
}
.tilebox8 ul li.img4 {
background: url(//see5.net/wp-content/themes/see5/img/template1/box4.jpg)
}
.tilebox8 ul li.twenty {
width: 20%
}
.tilebox8 ul li.fourty {
width: 40%
}
.tilebox8 ul li .itemfooter {
position: absolute;
left: 0;
bottom: -40px;
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100px;
color: white;
padding-right: 80px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s
}
.tilebox8 ul li .itemfooter .icon {
position: absolute;
top: -10px;
right: 10px;
width: 50px;
height: 50px;
font-size: 30px;
text-align: center;
line-height: 0px;
padding-top: 10px;
background: deepskyblue;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.tilebox8 ul li .itemfooter .dashed {
margin-top: -10px;
display: block
}
.tilebox8 ul li:hover .itemfooter {
bottom: 0
}
@-webkit-keyframes top-bottom {
0% {
opacity: 0;
-webkit-transform: translate3d(0px, -50px, 0px);
-moz-transform: translate3d(0px, -50px, 0px);
-ms-transform: translate3d(0px, -50px, 0px);
-o-transform: translate3d(0px, -50px, 0px);
transform: translate3d(0px, -50px, 0px)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
}
@-moz-keyframes top-bottom {
0% {
opacity: 0;
-webkit-transform: translate3d(0px, -50px, 0px);
-moz-transform: translate3d(0px, -50px, 0px);
-ms-transform: translate3d(0px, -50px, 0px);
-o-transform: translate3d(0px, -50px, 0px);
transform: translate3d(0px, -50px, 0px)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
}
@-ms-keyframes top-bottom {
0% {
opacity: 0;
-webkit-transform: translate3d(0px, -50px, 0px);
-moz-transform: translate3d(0px, -50px, 0px);
-ms-transform: translate3d(0px, -50px, 0px);
-o-transform: translate3d(0px, -50px, 0px);
transform: translate3d(0px, -50px, 0px)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
}
@keyframes top-bottom {
0% {
opacity: 0;
-webkit-transform: translate3d(0px, -50px, 0px);
-moz-transform: translate3d(0px, -50px, 0px);
-ms-transform: translate3d(0px, -50px, 0px);
-o-transform: translate3d(0px, -50px, 0px);
transform: translate3d(0px, -50px, 0px)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
}
@-webkit-keyframes bottom-top {
0% {
opacity: 0;
-webkit-transform: translate3d(0px, 50px, 0px);
-moz-transform: translate3d(0px, 50px, 0px);
-ms-transform: translate3d(0px, 50px, 0px);
-o-transform: translate3d(0px, 50px, 0px);
transform: translate3d(0px, 50px, 0px)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
}
@-moz-keyframes bottom-top {
0% {
opacity: 0;
-webkit-transform: translate3d(0px, 50px, 0px);
-moz-transform: translate3d(0px, 50px, 0px);
-ms-transform: translate3d(0px, 50px, 0px);
-o-transform: translate3d(0px, 50px, 0px);
transform: translate3d(0px, 50px, 0px)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
}
@-ms-keyframes bottom-top {
0% {
opacity: 0;
-webkit-transform: translate3d(0px, 50px, 0px);
-moz-transform: translate3d(0px, 50px, 0px);
-ms-transform: translate3d(0px, 50px, 0px);
-o-transform: translate3d(0px, 50px, 0px);
transform: translate3d(0px, 50px, 0px)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
}
@keyframes bottom-top {
0% {
opacity: 0;
-webkit-transform: translate3d(0px, 50px, 0px);
-moz-transform: translate3d(0px, 50px, 0px);
-ms-transform: translate3d(0px, 50px, 0px);
-o-transform: translate3d(0px, 50px, 0px);
transform: translate3d(0px, 50px, 0px)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg)
}
100% {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transform: rotateZ(360deg)
}
}
@-moz-keyframes spin {
0% {
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg)
}
100% {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transform: rotateZ(360deg)
}
}
@-ms-keyframes spin {
0% {
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg)
}
100% {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transform: rotateZ(360deg)
}
}
@keyframes spin {
0% {
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg)
}
100% {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transform: rotateZ(360deg)
}
}
@-webkit-keyframes right-left {
0% {
opacity: 0;
-webkit-transform: translate3d(80px, 0px, 0px);
-moz-transform: translate3d(80px, 0px, 0px);
-ms-transform: translate3d(80px, 0px, 0px);
-o-transform: translate3d(80px, 0px, 0px);
transform: translate3d(80px, 0px, 0px)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
}
@-moz-keyframes right-left {
0% {
opacity: 0;
-webkit-transform: translate3d(80px, 0px, 0px);
-moz-transform: translate3d(80px, 0px, 0px);
-ms-transform: translate3d(80px, 0px, 0px);
-o-transform: translate3d(80px, 0px, 0px);
transform: translate3d(80px, 0px, 0px)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
}
@-ms-keyframes right-left {
0% {
opacity: 0;
-webkit-transform: translate3d(80px, 0px, 0px);
-moz-transform: translate3d(80px, 0px, 0px);
-ms-transform: translate3d(80px, 0px, 0px);
-o-transform: translate3d(80px, 0px, 0px);
transform: translate3d(80px, 0px, 0px)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
}
@keyframes right-left {
0% {
opacity: 0;
-webkit-transform: translate3d(80px, 0px, 0px);
-moz-transform: translate3d(80px, 0px, 0px);
-ms-transform: translate3d(80px, 0px, 0px);
-o-transform: translate3d(80px, 0px, 0px);
transform: translate3d(80px, 0px, 0px)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
}
@-webkit-keyframes left-right {
0% {
opacity: 0;
-webkit-transform: translate3d(-80px, 0px, 0px);
-moz-transform: translate3d(-80px, 0px, 0px);
-ms-transform: translate3d(-80px, 0px, 0px);
-o-transform: translate3d(-80px, 0px, 0px);
transform: translate3d(-80px, 0px, 0px)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
}
@-moz-keyframes left-right {
0% {
opacity: 0;
-webkit-transform: translate3d(-80px, 0px, 0px);
-moz-transform: translate3d(-80px, 0px, 0px);
-ms-transform: translate3d(-80px, 0px, 0px);
-o-transform: translate3d(-80px, 0px, 0px);
transform: translate3d(-80px, 0px, 0px)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
}
@-ms-keyframes left-right {
0% {
opacity: 0;
-webkit-transform: translate3d(-80px, 0px, 0px);
-moz-transform: translate3d(-80px, 0px, 0px);
-ms-transform: translate3d(-80px, 0px, 0px);
-o-transform: translate3d(-80px, 0px, 0px);
transform: translate3d(-80px, 0px, 0px)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
}
@keyframes left-right {
0% {
opacity: 0;
-webkit-transform: translate3d(-80px, 0px, 0px);
-moz-transform: translate3d(-80px, 0px, 0px);
-ms-transform: translate3d(-80px, 0px, 0px);
-o-transform: translate3d(-80px, 0px, 0px);
transform: translate3d(-80px, 0px, 0px)
}
100% {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
}
@-webkit-keyframes bump-in {
0% {
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
opacity: 0
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@-moz-keyframes bump-in {
0% {
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
opacity: 0
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@-ms-keyframes bump-in {
0% {
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
opacity: 0
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes bump-in {
0% {
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
opacity: 0
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@-webkit-keyframes scale0 {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@-moz-keyframes scale0 {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@-ms-keyframes scale0 {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@keyframes scale0 {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@-webkit-keyframes opacity {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes opacity {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-ms-keyframes opacity {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes opacity {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes background-move {
0% {
background-position: 0% 0%
}
100% {
background-position: 1000% 0%
}
}
@-moz-keyframes background-move {
0% {
background-position: 0% 0%
}
100% {
background-position: 1000% 0%
}
}
@-ms-keyframes background-move {
0% {
background-position: 0% 0%
}
100% {
background-position: 1000% 0%
}
}
@keyframes background-move {
0% {
background-position: 0% 0%
}
100% {
background-position: 1000% 0%
}
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@-moz-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@-ms-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-o-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-o-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-o-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-o-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-o-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
-ms-transform: perspective(400px);
-o-transform: perspective(400px);
transform: perspective(400px)
}
}
@-moz-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-o-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-o-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-o-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-o-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
-ms-transform: perspective(400px);
-o-transform: perspective(400px);
transform: perspective(400px)
}
}
@-ms-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-o-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-o-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-o-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-o-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
-ms-transform: perspective(400px);
-o-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-o-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-o-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
-o-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-moz-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
-o-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
-ms-transform: perspective(400px);
-o-transform: perspective(400px);
transform: perspective(400px)
}
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
-ms-transform: perspective(400px);
-o-transform: perspective(400px);
transform: perspective(400px)
}
}
@-moz-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
-ms-transform: perspective(400px);
-o-transform: perspective(400px);
transform: perspective(400px)
}
}
@-ms-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
-ms-transform: perspective(400px);
-o-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
-o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
-o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
-ms-transform: perspective(400px);
-o-transform: perspective(400px);
transform: perspective(400px)
}
}
body {
font-family: 'iransans', 'iransans2', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: normal
}
i {
vertical-align: middle
}
a {
text-decoration: none
}
a:hover {
text-decoration: none;
color: #00e8c5
}
.navigation {
height: 60px;
border-bottom: 1px solid #f2f2f2;
background: white
}
.navigation .nav-logo {
vertical-align: middle;
text-align: left
}
.navigation .nav-logo img {
width: 170px
}
.navigation .the-navigation {
vertical-align: bottom !important;
padding-bottom: 10px
}
.navigation .the-navigation .list-item-horiz>li>a {
font: 16px"iransans";
color: #63788B;
padding: 20px 12px
}
.navigation .the-navigation .list-item-horiz>li>a:hover {
color: #047dea;
text-decoration: none
}
@media (max-width: 990px) {
.navigation {
padding-top: 20px;
height: auto;
text-align: center
}
}
.header {
height: 350px;
background-size: cover;
background: url(//see5.net/wp-content/themes/see5/img/header/home_bg_slide.jpg) fixed center center;
margin-bottom: 20px
}
.header .the-header {
color: white;
padding: 10px
}
.header .the-header .title h1 {
font-size: 60px;
font-weight: bold
}
.header .the-header .title a {
color: white
}
.header .the-header .title a:focus,
.header .the-header .title a:active {
text-decoration: none
}
.header .the-header .button-container {
padding: 20px 0 30px 0px
}
.header .the-header .button-container>.btn {
font-size: 30px;
width: 230px;
-webkit-transition: all ease 0.1s;
-moz-transition: all ease 0.1s;
-ms-transition: all ease 0.1s;
-o-transition: all ease 0.1s;
transition: all ease 0.1s
}
.header .the-header .button-container>.btn:active {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.header .the-header .button-container>.btn:hover {
background: #5cb85c;
border-color: #4cae4c;
color: white
}
.header .the-header .desc {
font-size: 30px
}
.header .the-header>div:nth-child(0) {
opacity: 0;
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0s forwards
}
.header .the-header>div:nth-child(1) {
opacity: 0;
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.1s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.1s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.1s forwards
}
.header .the-header>div:nth-child(2) {
opacity: 0;
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.2s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.2s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.2s forwards
}
.header .the-header>div:nth-child(3) {
opacity: 0;
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.3s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.3s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.3s forwards
}
.block-tour {
padding-top: 18px;
height: 210px !important;
background: url(//see5.net/wp-content/themes/see5/img/template1/tourbg.jpg);
color: white;
margin-top: 40px;
margin-bottom: 40px
}
.block-tour .the-tour {
background: #1f3997;
position: relative
}
.block-tour .the-tour .text {
position: absolute;
left: 0;
bottom: 100px;
color: white;
font-size: 40px
}
.tilebox {
padding-top: 30px;
padding-bottom: 30px
}
.tilebox .orange-container {
padding-right: 0px
}
.tilebox .orange-container .orange {
height: 400px;
background-image: url(//see5.net/wp-content/themes/see5/img/tilebox/orange.jpg);
background-size: cover;
position: relative;
color: white
}
.tilebox .orange-container .orange>img {
position: absolute;
left: 50px;
bottom: 5px
}
.tilebox .orange-container .orange>.desc {
position: absolute;
right: 0;
top: 0;
text-align: left;
height: 100%;
min-width: 30%;
padding: 0px 20px;
background: rgba(0, 0, 0, 0.7)
}
.tilebox .orange-container .orange>.desc i {
font-size: 80px
}
.tilebox .orange-container .orange>.desc .desc {
font-size: 30px
}
.tilebox .bluegray-container {
padding-right: 0px
}
.tilebox .bluegray-container .blue1-container {
padding-top: 15px;
padding-left: 15px
}
.tilebox .bluegray-container .blue1-container .blue1 {
height: 380px;
background-image: url(//see5.net/wp-content/themes/see5/img/tilebox/2.jpg);
background-size: cover;
color: white;
padding-top: 50px
}
.tilebox .bluegray-container .blue1-container .blue1>.desc {
position: absolute;
right: 0;
top: 0;
text-align: left;
height: 100%;
min-width: 30%;
padding: 40px 20px;
background: rgba(0, 0, 0, 0.7)
}
.tilebox .bluegray-container .blue1-container .blue1>.desc .cell {
vertical-align: bottom !important
}
.tilebox .bluegray-container .blue1-container .blue1>.desc i {
font-size: 80px
}
.tilebox .bluegray-container .blue1-container .blue1>.desc .desc {
font-size: 30px
}
.tilebox .bluegray-container .gray-container {
padding-top: 15px
}
.tilebox .bluegray-container .gray-container .gray {
height: 380px;
background-image: url(//see5.net/wp-content/themes/see5/img/tilebox/3.jpg);
background-size: cover;
text-align: center;
padding-top: 43px;
color: white
}
.tilebox .bluegray-container .gray-container .gray>.desc {
position: absolute;
left: 0;
top: 0;
text-align: left;
height: 100%;
min-width: 30%;
padding: 40px 20px;
background: rgba(0, 0, 0, 0.7)
}
.tilebox .bluegray-container .gray-container .gray>.desc .cell {
vertical-align: bottom !important
}
.tilebox .bluegray-container .gray-container .gray>.desc i {
font-size: 80px
}
.tilebox .bluegray-container .gray-container .gray>.desc .desc {
font-size: 30px
}
.tilebox .blue2-container .blue2 {
height: 795px;
background-image: url(//see5.net/wp-content/themes/see5/img/tilebox/4.jpg);
background-size: cover;
background-position: top center;
text-align: center;
padding-top: 90px
}
.tilebox .blue2-container .blue2>.desc {
position: absolute;
left: 0;
bottom: 0;
text-align: left;
min-height: 130px;
width: 100%;
padding: 30px 20px;
background: rgba(0, 0, 0, 0.7);
color: white
}
.tilebox .blue2-container .blue2>.desc i {
font-size: 80px
}
.tilebox .blue2-container .blue2>.desc .desc {
font-size: 30px
}
@media (max-width: 990px) {
.tilebox .orange-container {
padding-left: 0px
}
.tilebox .orange-container .orange {
padding: 0px !important
}
.tilebox .bluegray-container {
padding-left: 0px
}
.tilebox .bluegray-container .blue1-container {
padding-left: 0px
}
.tilebox .blue2-container {
padding-top: 15px;
width: 100%
}
}
.top-footer-container {
height: auto;
padding: 25px;
background: url(//see5.net/wp-content/themes/see5/img/header/bg1.jpg) fixed center center;
background-size: cover
}
.top-footer-container .top-footer {
text-align: center;
font-size: 40px;
color: white
}
.top-footer-container .top-footer .title {
font-size: 30px;
opacity: 0
}
.top-footer-container .top-footer .count {
padding: 20px 0px;
font-size: 60px;
opacity: 0
}
.top-footer-container .top-footer .bottom {
font-size: 20px;
opacity: 0
}
.top-footer-container .top-footer a {
color: white;
text-decoration: none
}
.top-footer-container .top-footer.reached .title {
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.1s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.1s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.1s forwards
}
.top-footer-container .top-footer.reached .count {
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.3s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.3s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.3s forwards
}
.top-footer-container .top-footer.reached .bottom {
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.5s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.5s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.5s forwards
}
.footer {
background: #242c34;
min-height: 380px;
color: white;
}
.footer.marginTop {
margin-top: 50px
}
.footer .top {
min-height: 310px
}
.footer .social {
direction: ltr;
font-size: 22px;
padding-bottom: 20px
}
.footer .social>i {
border: 2px solid white;
width: 40px;
height: 40px;
text-align: center;
padding-top: 7px;
margin: 0px 10px;
cursor: pointer;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all ease 0.2s;
-moz-transition: all ease 0.2s;
-ms-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
transition: all ease 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.footer .social>i:hover {
background: white;
color: #000000
}
.footer .footer-links {
padding-top: 30px
}
.footer .footer-links .title h5 {
font-size: 18px;
color: #ffffff;
margin-bottom: 20px;
font-family: iransans0;
}
.footer .footer-links ul {
margin: 0;
padding-right: 0px;
list-style: none;
}
.footer .footer-links ul li a {
font-family: "iransans";
display: inline-block;
color: white;
padding: 5px;
vertical-align: middle
}
.footer .footer-links ul li a:hover {
text-decoration: none
}
.footer .footer-info {
padding-top: 30px
}
.footer .footer-info .description {
font-family: "iransans";
width: 80%;
margin-top: 10px;
text-align: justify;
line-height: 35px
}
.footer .footer-info img:first-child {
width: 80px
}
.footer .footer-info .circlecall {
width: 60px
}
.footer .footer-info .circlecall i {
font-size: 35px;
background: #233950;
width: 50px;
height: 50px;
text-align: center;
padding-top: 7px;
color: #02E8BC;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.select-category-header {
background-size: cover;
background: url(//see5.net/wp-content/themes/see5/img/selectcategory/bg.jpg) fixed 0px 0px !important;
margin-bottom: 40px;
-webkit-transition: all ease 6.3s;
-moz-transition: all ease 6.3s;
-ms-transition: all ease 6.3s;
-o-transition: all ease 6.3s;
transition: all ease 6.3s
}
.select-category-header:hover {
background-position: 100% 0% !important
}
.select-category-header .the-header {
color: white
}
.select-category-header .the-header .title {
font-size: 60px;
margin-bottom: 0px
}
.select-category-header .the-header .desc {
font-size: 30px;
margin-bottom: 5px
}
.page-faq-header {
background-size: cover;
background: url(//see5.net/wp-content/themes/see5/img/faq/header.jpg) 0px center;
margin-bottom: 40px;
-webkit-transition: all ease 6.3s;
-moz-transition: all ease 6.3s;
-ms-transition: all ease 6.3s;
-o-transition: all ease 6.3s;
transition: all ease 6.3s
}
.page-faq-header:hover {
background-position: 0% 100% !important
}
.page-faq-header .the-header {
color: white;
padding: 10px
}
.page-faq-header .the-header .title {
font-size: 60px
}
.page-faq-header .the-header .desc {
font-size: 30px
}
.page-single-header {
min-height: 200px;
padding-bottom: 30px;
background-size: cover;
padding-top: 60px;
background: url(//see5.net/wp-content/themes/see5/img/single/headerbg.png) fixed center center
}
.page-single-header .postinfo {
margin-top: 40px
}
.page-single-header .postinfo h1 {
color: white;
margin: 0;
padding: 0;
font-size: 28px;
}
.page-single-header .postinfo .list-item-horiz>li {
margin-left: 20px;
font-size: 17px;
color: white;
margin-bottom: 10px
}
.page-single-header .postinfo .list-item-horiz>li>i {
padding: 10px;
font-size: 25px;
color: white;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.page-single-header .postinfo .list-item-horiz>li>i.purple {
background: #e364d6
}
.page-single-header .postinfo .list-item-horiz>li>i.blue {
background: #07a1de
}
.page-single-header .postinfo .list-item-horiz>li>i.orange {
background: #ff8f0a
}
.page-single-header .postinfo .list-item-horiz>li>a {
padding: 0px;
color: white
}
.page-single-body-container .page-single-body {
background: white
}
.page-single-body-container .page-single-body .post-thumbnail {
position: relative;
padding: 30px
}
.page-single-body-container .page-single-body .post-thumbnail:hover .hover {
opacity: 1
}
.page-single-body-container .page-single-body .post-thumbnail a {
position: relative;
height: 100%;
display: inline-block;
}
.page-single-body-container .page-single-body .post-thumbnail img {
max-width: 100%;
border: 10px solid #fff;
-webkit-box-shadow: 0px 2px 25px rgba(82, 82, 82, 0.44);
-moz-box-shadow: 0px 2px 25px rgba(82, 82, 82, 0.44);
box-shadow: 0px 2px 25px rgba(82, 82, 82, 0.44);
}
.page-single-body-container .page-single-body .post-thumbnail .hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
font-size: 50px;
color: white;
opacity: 0;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s
}
.page-single-body-container .page-single-body .post-desc {
font-family: "iransans";
padding: 30px 30px 30px 50px;
color: #666;
text-align: justify;
font-size: 15px;
line-height: 30px;
min-height: 500px;
}
.page-single-body-container .page-single-body .installthis {
margin-top: 15px; }
.page-single-body-container .page-single-body .installthis>.btn {
font-size: 25px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px
}
.page-single-body-container .page-single-body .installthis>.btn.btn-warning {
font-family: "iransans";
background: darkorange;
padding: 10px 20px;
box-shadow: 4px 4px 15px #ccc;
border-radius: 5px;
}
.page-single-body-container .page-single-body .createdlist {
padding: 20px 50px
}
.page-single-body-container .page-single-body .createdlist h1 {
color: #5e7d84;
font-size: 25px
}
.page-select-template .page-select-category-container {
margin-bottom: 50px
}
.page-select-template .page-select-category-body .searchbox {
background: #e6e6e6;
height: 110px
}
.page-select-template .page-select-category-body .groups {
height: 110px;
background: #03AFF0;
color: white;
position: relative
}
.page-select-template .page-select-category-body .groups i {
font-size: 130px;
margin-top: -10px
}
.page-select-template .page-select-category-body .groups .title {
vertical-align: bottom;
padding-bottom: 30px;
font-size: 18px
}
@media (max-width: 640px) {
.page-select-template .page-select-category-body .groups i {
display: none
}
}
.page-select-template .page-select-category-body .categories {
background: #324c8e
}
.page-select-template .page-select-category-body .categories>ul {
padding: 0;
margin: 0
}
.page-select-template .page-select-category-body .categories>ul>li {
color: white;
list-style: none
}
.page-select-template .page-select-category-body .categories>ul>li>a {
color: white;
display: block;
padding: 8px;
border-bottom: 1px solid #3a59a8;
font-size: 14px;
text-decoration: none;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s
}
.page-select-template .page-select-category-body .categories>ul>li>a:hover {
background: #405a9f
}
.page-select-template .page-select-category-body .categories>ul>li:last-child a {
border-bottom: none
}
.page-select-template .page-select-category-body .notfoundbox {
margin-top: 10px;
background: #F5D642;
padding: 10px 10px 15px 10px;
min-height: 170px
}
.page-select-template .page-select-category-body .notfoundbox>img {
max-width: 100%;
margin-bottom: 10px
}
.page-select-template .list-template>li {
position: relative
}
.page-select-template .list-template>li.ng-enter {
opacity: 0;
-webkit-transition: all ease 1s;
-moz-transition: all ease 1s;
-ms-transition: all ease 1s;
-o-transition: all ease 1s;
transition: all ease 1s;
-webkit-transform: translate3d(30px, 0px, 0px);
-moz-transform: translate3d(30px, 0px, 0px);
-ms-transform: translate3d(30px, 0px, 0px);
-o-transform: translate3d(30px, 0px, 0px);
transform: translate3d(30px, 0px, 0px)
}
.page-select-template .list-template>li.ng-enter-active {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
.page-select-template .list-template>li a {
display: block;
overflow: hidden;
position: relative;
-webkit-transition: all ease 0.7s;
-moz-transition: all ease 0.7s;
-ms-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
transition: all ease 0.7s
}
.page-select-template .list-template>li a:hover>.description {
opacity: 1;
text-indent: 0px
}
.page-select-template .list-template>li a>.description {
overflow: hidden;
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
background: rgba(0, 0, 0, 0.7);
padding: 10px;
color: white;
opacity: 0;
text-indent: 50px;
white-space: nowrap;
word-break: keep-all;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
transition: all ease 0.5s
}
.page-select-template .list-template>li:hover .hover {
opacity: 1
}
.page-select-template .list-template>li:hover .hover h1,
.page-select-template .list-template>li:hover .hover strong {
-webkit-animation: top-bottom ease 0.5s forwards;
-o-animation: top-bottom ease 0.5s forwards;
animation: top-bottom ease 0.5s forwards
}
.page-select-template .list-template>li:hover .hover p {
-webkit-animation: top-bottom ease 0.5s 0.1s forwards;
-o-animation: top-bottom ease 0.5s 0.1s forwards;
animation: top-bottom ease 0.5s 0.1s forwards
}
.page-select-template .list-template>li:hover .hover .btn {
-webkit-animation: top-bottom ease 0.5s 0.2s forwards;
-o-animation: top-bottom ease 0.5s 0.2s forwards;
animation: top-bottom ease 0.5s 0.2s forwards
}
.page-select-template .list-template>li .hover {
position: absolute;
top: 0px;
left: 11px;
width: calc(100% - 22px);
height: 100%;
background: rgba(0, 0, 0, 0.7);
text-align: center;
color: white;
font-size: 15px;
opacity: 0;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s
}
.page-select-template .list-template>li .hover h1,
.page-select-template .list-template>li .hover strong {
font-size: 20px;
padding: 0px 15px;
margin-bottom: 15px;
opacity: 0;
display: block;
font-weight: normal
}
.page-select-template .list-template>li .hover p {
line-height: 25px;
text-align: justify;
direction: rtl;
padding: 0px 20px;
color: #a7a7a7;
opacity: 0
}
.page-select-template .list-template>li .hover .btn {
margin-top: 15px;
opacity: 0
}
.page-select-template .list-template>li .hover .btn:hover {
background: #5cb85c;
border-color: #4cae4c;
color: white
}
.page-faq-container {
padding-top: 20px;
padding-bottom: 20px
}
.page-faq-container .page-faq-body .searchbox {
background: #e6e6e6;
height: 110px
}
.page-faq-container .page-faq-body .hs-faq-container {
direction: rtl;
text-align: right
}
.page-faq-container .page-faq-body .hs-faq-container label,
.page-faq-container .page-faq-body .hs-faq-container .hs-faq-qustion {
font-family: 'iransans'
}
.page-faq-container .listfaq {
background: #e6e6e6;
margin-top: 10px;
padding: 0
}
.page-faq-container .listfaq .title {
font-size: 18px;
background: #e0eaf0;
color: #486167;
padding: 15px 55px 15px 15px;
position: relative
}
.page-faq-container .listfaq .title i {
background: #c4d5df;
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 45px;
text-align: center;
font-size: 25px;
padding-top: 12px;
line-height: 0px;
color: white
}
.page-faq-container .listfaq .the-list {
padding: 0;
margin: 0
}
.page-faq-container .listfaq .the-list>li {
padding: 0;
list-style: none
}
.page-faq-container .listfaq .the-list>li>a {
display: inline-block;
background: #eef2f3;
width: 100%;
padding: 15px 30px;
border-bottom: 1px solid white;
color: #5e7d84;
font-size: 14px
}
.page-faq-container .listfaq .the-list>li>a:hover,
.page-faq-container .listfaq .the-list>li>a.active {
background: #169ef4;
color: white;
text-decoration: none
}
.page-faq-container .hs-faq-container input:checked+label,
.page-faq-container .hs-faq-container input:checked+label:hover {
background: #62a9d1;
color: white;
text-shadow: none;
font-size: 15px
}
.page-faq-container .hs-faq-container label {
background: #16cfb7;
color: white;
font-size: 15px;
text-shadow: none
}
.page-faq-container .hs-faq-container label:hover {
background: #16cfb7
}
.owl-slider .item {
position: relative;
overflow: hidden
}
.owl-slider .item:hover .hover {
opacity: 1
}
.owl-slider .item:hover .hover h1,
.owl-slider .item:hover .hover strong {
-webkit-animation: top-bottom ease 0.5s forwards;
-o-animation: top-bottom ease 0.5s forwards;
animation: top-bottom ease 0.5s forwards
}
.owl-slider .item:hover .hover p {
-webkit-animation: top-bottom ease 0.5s 0.1s forwards;
-o-animation: top-bottom ease 0.5s 0.1s forwards;
animation: top-bottom ease 0.5s 0.1s forwards
}
.owl-slider .item:hover .hover .btn {
-webkit-animation: top-bottom ease 0.5s 0.2s forwards;
-o-animation: top-bottom ease 0.5s 0.2s forwards;
animation: top-bottom ease 0.5s 0.2s forwards
}
.owl-slider .item .hover {
position: absolute;
top: 16px;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
text-align: center;
color: white;
font-size: 15px;
opacity: 0;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s
}
.owl-slider .item .hover h1,
.owl-slider .item .hover strong {
font-weight: normal;
font-size: 20px;
padding: 0px 15px;
margin-bottom: 15px;
opacity: 0;
display: block
}
.owl-slider .item .hover p {
line-height: 25px;
text-align: justify;
direction: rtl;
padding: 0px 20px;
color: #a7a7a7;
opacity: 0
}
.owl-slider .item .hover .btn {
margin-top: 15px;
opacity: 0
}
.owl-slider .item .hover .btn:hover {
background: #0ac974;
border-color: #0ac974;
color: white
}
.owl-slider.large .owl-item {
padding: 18px
}
.owl-slider.large .owl-item img {
border: 1px solid #e6e6e6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.owl-slider.large .owl-item .hover {
top: 28px;
height: 73.5%
}
.owl-slider.large .gnext,
.owl-slider.large .gprev {
opacity: 0
}
.owl-slider.large .gnext .bg,
.owl-slider.large .gprev .bg {
padding-top: 0px
}
.owl-slider.large .gnext .bg i,
.owl-slider.large .gprev .bg i {
margin-top: -3px
}
.owl-slider.large:hover .gnext,
.owl-slider.large:hover .gprev {
-webkit-animation: bump-in cubic-bezier(0.5, 1, 0.5, 2.5) 0.3s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1, 0.5, 2.5) 0.3s forwards;
animation: bump-in cubic-bezier(0.5, 1, 0.5, 2.5) 0.3s forwards
}
.fadeOut {
opacity: 0
}
.fadeInScroll {
-webkit-animation: bottom-top ease 1s forwards;
-o-animation: bottom-top ease 1s forwards;
animation: bottom-top ease 1s forwards
}
.fadeInScroll300 {
-webkit-animation: bottom-top ease 1s 0.3s forwards;
-o-animation: bottom-top ease 1s 0.3s forwards;
animation: bottom-top ease 1s 0.3s forwards
}
.fadeInScroll200 {
-webkit-animation: bottom-top ease 1s 0.2s forwards;
-o-animation: bottom-top ease 1s 0.2s forwards;
animation: bottom-top ease 1s 0.2s forwards
}
.fadeInScroll100 {
-webkit-animation: bottom-top ease 1s 0.1s forwards;
-o-animation: bottom-top ease 1s 0.1s forwards;
animation: bottom-top ease 1s 0.1s forwards
}
.spin {
-webkit-animation: spin linear 1s infinite;
-o-animation: spin linear 1s infinite;
animation: spin linear 1s infinite
}
.page-price-header {
background-size: cover; background: #9da4ab;
-webkit-transition: all ease 6.3s;
-moz-transition: all ease 6.3s;
-ms-transition: all ease 6.3s;
-o-transition: all ease 6.3s;
transition: all ease 6.3s
}
.page-price-header:hover {
background-position: 0% 100% !important
}
.page-price-body {
background: #eef1f4
}
.page-price-body>.container {
padding: 0px
}
.page-price-body>.container .white-wrapper .theheader .text {
color: #556579;
font-size: 25px
}
.page-price-body>.container .white-wrapper .thebody .description {
padding-top: 10px;
text-align: justify;
line-height: 30px;
color: #4b596a;
font-size: 17px
}
.page-price-body>.container .white-wrapper .thebody .priceboxes {
padding-top: 70px
}
.page-price-body>.container .white-wrapper .thebody .priceboxes .pricebox {
width: 100%;
display: inline-block
}
.page-customers-header {
height: auto;
background-size: cover;
background: url(//see5.net/wp-content/themes/see5/img/customers/header.jpg) right 800px !important;
margin-bottom: 40px;
-webkit-transition: all ease 6.3s;
-moz-transition: all ease 6.3s;
-ms-transition: all ease 6.3s;
-o-transition: all ease 6.3s;
transition: all ease 6.3s
}
.page-customers-header:hover {
background-position: left 800px !important
}
.page-customers-header .title {
font-size: 35px !important
}
.page-customers-header .desc {
font-size: 24px !important
}
.page-customers-body {
background: #eef2f3
}
.page-customers-body .description {
font-size: 15px;
line-height: 35px
}
.page-customers-body .text {
font-size: 25px;
margin: 20px 0px
}
.page-customers-body .list-templates>div {
padding: 0px 20px
}
.page-customers-body .list-templates>div>img {
max-width: 100%
}
.page-customers-body .list-templates>div .title {
margin-top: 30px
}
.page-customers-body .list-templates>div .title span {
position: relative;
padding-right: 20px;
margin: 10px 0px;
display: block;
font-size: 20px
}
.page-customers-body .list-templates>div .title span:after {
position: absolute;
content: '';
width: 10px;
height: 10px;
background: #e600e6;
right: 0;
top: 50%;
margin-top: -5px
}
.page-customers-body .owl-controls {
position: relative;
top: -50px
}
.page-customers-body .owl-controls .owl-page span {
background: white
}
.page-customers-body .sponsers {
margin: 40px 0px 10px 0px
}
.page-customers-body .sponsers img {
max-width: 100%
}
.page-land-header {
background-size: cover;
background: url(//see5.net/wp-content/themes/see5/img/land/header.jpg) 0px 0px !important;
margin-bottom: 40px;
-webkit-transition: all ease 6.3s;
-moz-transition: all ease 6.3s;
-ms-transition: all ease 6.3s;
-o-transition: all ease 6.3s;
transition: all ease 6.3s
}
.page-land-header:hover {
background-position: 100% 0% !important
}
.page-land-body {
background: #eef2f3
}
.page-land-body .callout .description .descleft {
color: rgba(0, 0, 0, 0.7);
padding-left: 50px
}
.page-land-body .callout .description .descleft .lg1 {
font-size: 25px;
position: relative
}
.page-land-body .callout .description .descleft .lg1:after {
content: '';
position: absolute
}
.page-land-body .callout .description .descleft .lg2 {
font-size: 30px
}
.page-land-body .callout .description .descleft .lg3 {
font-size: 45px
}
.page-land-body .section {
opacity: 0;
-webkit-transition: all cubic-bezier(0.3, 1, 0.7, 1) 0.5s;
-moz-transition: all cubic-bezier(0.3, 1, 0.7, 1) 0.5s;
-ms-transition: all cubic-bezier(0.3, 1, 0.7, 1) 0.5s;
-o-transition: all cubic-bezier(0.3, 1, 0.7, 1) 0.5s;
transition: all cubic-bezier(0.3, 1, 0.7, 1) 0.5s;
-webkit-transform: translate3d(100px, 0px, 0px);
-moz-transform: translate3d(100px, 0px, 0px);
-ms-transform: translate3d(100px, 0px, 0px);
-o-transform: translate3d(100px, 0px, 0px);
transform: translate3d(100px, 0px, 0px)
}
.page-land-body .section.reached {
opacity: 1;
-webkit-transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px)
}
.page-land-body .section3 {
padding: 20px 0px;
text-align: center
}
.page-land-body .section3>img {
max-width: 80%
}
.page-land-body .section1 {
padding: 50px
}
.page-land-body .section1>img {
max-width: 100%
}
.page-land-body .section4>img,
.page-land-body .section5>img,
.page-land-body .section6>img,
.page-land-body .section7>img,
.page-land-body .section9>img {
width: 100%
}
.page-land-body .list-prize {
padding-right: 0px
}
.page-land-body .list-prize>li {
display: inline-block;
width: 33%;
padding: 20px;
position: relative
}
.page-land-body .list-prize>li .desc {
text-align: justify;
color: rgba(0, 0, 0, 0.6);
line-height: 30px
}
.page-land-body .list-prize>li i {
color: #018cdf;
font-size: 50px
}
.page-land-body .list-prize>li h6 {
color: #018cdf;
font-size: 20px
}
.page-land-body .list-prize>li .line {
position: absolute;
bottom: 0;
left: 5%;
width: 90%;
height: 5px
}
.page-land-body .list-prize>li .line.green {
background: #0abf8a
}
.page-land-body .list-prize>li .line.blue {
background: #2ac2de
}
.page-land-body .list-prize>li .line.orange {
background: #ff9c00
}
.page-land-body .section9 {
position: relative;
margin-top: 50px
}
.page-land-body .section9 .hover {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 30%;
background: rgba(0, 0, 0, 0.8);
color: white;
font-size: 20px;
padding: 0px 20px;
text-align: justify
}
.page-land-body .section9 .hover .desc {
line-height: 35px;
margin-bottom: 10px
}
.page-land-body .section9 .hover p {
text-align: center;
font-size: 40px;
margin-bottom: 20px
}
@media (max-width: 1279px) {
.section9 .hover .desc {
font-size: 15px
}
.section9 .hover p {
font-size: 25px !important
}
}
@media (max-width: 1023px) {
.section9 .hover .desc {
line-height: 20px !important;
font-size: 12px
}
.section9 .hover p {
line-height: 17px !important;
font-size: 20px !important
}
}
.page-coffeshop-header {
height: 450px;
background-size: cover;
background: url(//see5.net/wp-content/themes/see5/img/coffeshop/header.jpg) 0px center !important;
-webkit-transition: all ease 6.3s;
-moz-transition: all ease 6.3s;
-ms-transition: all ease 6.3s;
-o-transition: all ease 6.3s;
transition: all ease 6.3s
}
.page-coffeshop-header:hover {
background-position: 100% center !important
}
.page-coffeshop-header .makedarkenbg {
background: rgba(0, 0, 0, 0.5);
z-index: 1
}
.page-coffeshop-header>.tbl {
z-index: 2
}
.page-coffeshop-header>.tbl .title h1 {
font-size: 50px !important;
background: rgba(0, 0, 0, 0.5);
display: inline-block;
padding: 10px 20px;
margin-bottom: 0px;
width: 680px
}
.page-coffeshop-header>.tbl .title h2 {
font-size: 22px !important;
background: rgba(0, 0, 0, 0.5);
display: inline-block;
padding: 10px 20px;
width: 670px
}
.page-coffeshop-header>.tbl .header-btn {
padding: 10px 0px
}
.page-coffeshop-header>.tbl .header-btn a {
display: inline-block;
background: #E91D1D;
padding: 5px 30px;
color: white;
font-size: 20px
}
.page-coffeshop-header>.tbl .desc h2 {
font-size: 23px !important
}
.page-coffeshop-header>.tbl.reached .title {
-webkit-animation: top-bottom ease 0.5s forwards;
-o-animation: top-bottom ease 0.5s forwards;
animation: top-bottom ease 0.5s forwards
}
.page-coffeshop-header>.tbl.reached .header-btn {
-webkit-animation: bump-in cubic-bezier(0.5, 1, 0.5, 2.5) 0.3s 0.3s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1, 0.5, 2.5) 0.3s 0.3s forwards;
animation: bump-in cubic-bezier(0.5, 1, 0.5, 2.5) 0.3s 0.3s forwards
}
.page-coffeshop-header>.tbl.reached .desc {
-webkit-animation: top-bottom ease 0.5s 0.2s forwards;
-o-animation: top-bottom ease 0.5s 0.2s forwards;
animation: top-bottom ease 0.5s 0.2s forwards
}
.page-coffeshop-header>.tbl.reached .headerbreadcump {
-webkit-animation: right-left ease 0.5s 0.3s forwards;
-o-animation: right-left ease 0.5s 0.3s forwards;
animation: right-left ease 0.5s 0.3s forwards
}
.page-coffeshop-header>.tbl .headerbreadcump {
padding-bottom: 20px
}
.page-coffeshop-body {
background: white
}
.page-coffeshop-body .stay-home {
padding: 50px 0px 50px 0px;
color: #494949
}
.page-coffeshop-body .stay-home .theimage {
max-width: 600px
}
.page-coffeshop-body .stay-home .thecontent {
padding-right: 10px;
color: #303030;
line-height: 35px
}
.page-coffeshop-body .stay-home .thecontent p {
padding-right: 20px
}
.page-coffeshop-body .stay-home .thecontent p:after {
content: '';
width: 10px;
height: 10px;
background: orange;
position: absolute;
top: 16px;
right: 0;
margin-top: -5px
}
.page-coffeshop-body .examples-section {
background: #f0f0f0 center center fixed;
padding: 20px 0px
}
.page-coffeshop-body .examples-section h2.title {
margin-bottom: 0px;
padding-bottom: 0px;
font-size: 30px
}
.page-coffeshop-body .examples-section h3.title {
font-size: 20px
}
.page-coffeshop-body .examples-section .slider-section {
padding-bottom: 20px
}
.page-coffeshop-body .examples-section .slider-section .hover {
top: 0;
background: rgba(89, 49, 30, 0.9)
}
.page-coffeshop-body .examples-section .slider-section .hover p {
color: white
}
.page-coffeshop-body .three-reason {
padding: 40px 0px
}
.page-coffeshop-body .three-reason .section-callout {
overflow: hidden;
height: 150px;
margin-bottom: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.page-coffeshop-body .three-reason.reached {
-webkit-animation: right-left ease 0.7s forwards;
-o-animation: right-left ease 0.7s forwards;
animation: right-left ease 0.7s forwards
}
.page-coffeshop-body .testimonial {
background: url(//see5.net/wp-content/themes/see5/img/designers/purple.jpg) center center;
background-size: cover;
min-height: 400px
}
.page-coffeshop-body .testimonial .slugan {
color: white;
padding: 70px 0px
}
.page-coffeshop-body .testimonial .slugan h2 {
margin-bottom: 0px;
color: rgba(255, 255, 255, 0.9)
}
.page-coffeshop-body .testimonial .comments {
background: #393149;
min-height: 150px
}
.page-coffeshop-body .testimonial .comments .item {
height: 150px
}
.page-coffeshop-body .testimonial .comments .item .tblcontainer .tbl {
margin: auto;
color: white
}
.page-coffeshop-body .testimonial .comments .item .tblcontainer .tbl .avatarContainer {
width: 100px;
padding-left: 25px
}
.page-coffeshop-body .testimonial .comments .item .tblcontainer .tbl .avatarContainer .avatar {
width: 80px;
height: 80px;
border: 1px solid white;
padding: 5px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.page-coffeshop-body .testimonial .comments .item .tblcontainer .tbl .title {
font-size: 20px;
text-align: right
}
.page-coffeshop-body .testimonial .comments .item .tblcontainer .tbl .desc {
text-align: right;
line-height: 25px
}
.page-coffeshop-body .whynot {
background: #f0f0f0
}
.page-coffeshop-body .whynot .whyheader {
padding: 20px 0px 20px 0px;
font-size: 20px;
line-height: 30px
}
.page-coffeshop-body .benefits {
height: 370px;
background: #e9e9e9
}
.page-coffeshop-body .benefits .container {
background: url(//see5.net/wp-content/themes/see5/img/coffeshop/section5.png) no-repeat left bottom;
background-size: 350px auto
}
.page-coffeshop-body .benefits .list-item-horiz {
float: right;
width: 60%;
padding-top: 10px
}
.page-coffeshop-body .benefits .list-item-horiz li {
width: 50%;
padding: 10px;
vertical-align: top
}
.page-coffeshop-body .benefits .list-item-horiz li div {
padding: 20px;
background: white;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
}
.page-coffeshop-body .benefits .list-item-horiz li div i {
color: white;
width: 70px;
text-align: center;
height: 70px;
font-size: 35px;
padding-top: 17px;
margin-bottom: 13px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.page-coffeshop-body .benefits .list-item-horiz li div i.orange {
background: #ff581e
}
.page-coffeshop-body .benefits .list-item-horiz li div i.gray {
background: gray
}
.page-coffeshop-body .benefits .list-item-horiz li div i.purple {
background: purple
}
.page-coffeshop-body .benefits .list-item-horiz li div i.blue {
background: deepskyblue
}
.page-coffeshop-body .benefits.reached .item1 {
-webkit-animation: bottom-top cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.3s forwards;
-o-animation: bottom-top cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.3s forwards;
animation: bottom-top cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.3s forwards
}
.page-coffeshop-body .benefits.reached .item2 {
-webkit-animation: bottom-top cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.5s forwards;
-o-animation: bottom-top cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.5s forwards;
animation: bottom-top cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.5s forwards
}
.page-coffeshop-body .benefits.reached .item3 {
-webkit-animation: bottom-top cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.3s forwards;
-o-animation: bottom-top cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.3s forwards;
animation: bottom-top cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.3s forwards
}
.page-coffeshop-body .benefits.reached .item4 {
-webkit-animation: bottom-top cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.5s forwards;
-o-animation: bottom-top cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.5s forwards;
animation: bottom-top cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.5s forwards
}
.page-designers-header {
height: auto !important;
background-size: cover;
background: url(//see5.net/wp-content/themes/see5/img/tilebox/4.jpg) 0px center !important;
-webkit-transition: all ease 6.3s;
-moz-transition: all ease 6.3s;
-ms-transition: all ease 6.3s;
-o-transition: all ease 6.3s;
transition: all ease 6.3s
}
.page-designers-header:hover {
background-position: 100% center !important
}
.page-designers-header .title {
padding-top: 70px;
margin-bottom: 0px !important
}
.page-designers-header .title h1 {
font-size: 50px !important
}
.page-designers-header .headerbreadcump {
margin-top: 55px;
padding-bottom: 15px
}
.page-designers-header.reached .title {
-webkit-animation: top-bottom ease 0.5s forwards;
-o-animation: top-bottom ease 0.5s forwards;
animation: top-bottom ease 0.5s forwards
}
.page-designers-header.reached .header-btn {
-webkit-animation: bump-in cubic-bezier(0.5, 1, 0.5, 2.5) 0.3s 0.3s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1, 0.5, 2.5) 0.3s 0.3s forwards;
animation: bump-in cubic-bezier(0.5, 1, 0.5, 2.5) 0.3s 0.3s forwards
}
.page-designers-header.reached .desc {
-webkit-animation: top-bottom ease 0.5s 0.2s forwards;
-o-animation: top-bottom ease 0.5s 0.2s forwards;
animation: top-bottom ease 0.5s 0.2s forwards
}
.page-designers-header.reached .headerbreadcump {
-webkit-animation: right-left ease 0.5s 0.3s forwards;
-o-animation: right-left ease 0.5s 0.3s forwards;
animation: right-left ease 0.5s 0.3s forwards
}
.page-designers-body .section1 .thesection {
background: url(//see5.net/wp-content/themes/see5/img/designers/section1.jpg) left bottom;
background-size: 50%;
background-repeat: no-repeat
}
.page-designers-body .section1 .thesection h2 {
padding-right: 20px;
color: #6A6A6A
}
.page-designers-body .section1 .thesection h2:before {
content: '';
width: 10px;
height: 10px;
background: #FF84C2;
position: absolute;
top: 50%;
right: 0;
margin-top: -5px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.page-designers-body .section1 .thesection p {
padding-right: 50px;
width: 40%;
text-align: justify;
line-height: 35px;
color: #787878
}
.page-designers-body .section2 {
padding: 50px 0px
}
.page-designers-body .section2 .thesection h2 {
padding-right: 20px;
font-size: 20px;
line-height: 35px;
color: #6a6a6a
}
.page-designers-body .section2 .thesection h2:before {
content: '';
width: 10px;
height: 10px;
background: #02B49F;
position: absolute;
top: 15px;
right: 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.page-designers-body .section2 .theimage {
width: 50%;
padding-left: 50px
}
.page-designers-body .section2 .theimage img {
max-height: 400px;
max-width: 80%
}
.page-designers-body .section2.reached .theimage {
-webkit-animation: left-right ease 0.7s forwards;
-o-animation: left-right ease 0.7s forwards;
animation: left-right ease 0.7s forwards
}
.page-designers-body .section2.reached .thesection {
-webkit-animation: right-left ease 0.7s 0.2s forwards;
-o-animation: right-left ease 0.7s 0.2s forwards;
animation: right-left ease 0.7s 0.2s forwards
}
.page-designers-body .section3 {
background: url(//see5.net/wp-content/themes/see5/img/coffeshop/testimonial-bg.jpg) center center;
background-size: cover
}
.page-designers-body .section3 h2 {
margin-bottom: 35px
}
.page-designers-body .section3.reached .fadeout {
-webkit-animation: bump-in ease 0.5s forwards;
-o-animation: bump-in ease 0.5s forwards;
animation: bump-in ease 0.5s forwards
}
.page-designers-body .section4 {
padding: 20px 0px 0px 0px;
border-bottom: 4px solid rgba(0, 0, 0, 0.5)
}
.page-designers-body .section4 .thesection h2 {
padding-right: 20px;
font-size: 25px;
line-height: 35px;
color: #6A6A6A
}
.page-designers-body .section4 .thesection h2:before {
content: '';
width: 10px;
height: 10px;
background: #FFD11B;
position: absolute;
top: 15px;
right: 0;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.page-designers-body .section4 .thesection p {
line-height: 35px
}
.page-designers-body .section4 .theimage {
text-align: center
}
.page-designers-body .section4 .theimage img {
max-width: 80%
}
.page-designers-body .section4.reached .top {
-webkit-animation: top-bottom ease 0.7s 0.3s forwards;
-o-animation: top-bottom ease 0.7s 0.3s forwards;
animation: top-bottom ease 0.7s 0.3s forwards
}
.page-designers-body .section4.reached .theimage {
-webkit-animation: right-left ease 0.7s 0.5s forwards;
-o-animation: right-left ease 0.7s 0.5s forwards;
animation: right-left ease 0.7s 0.5s forwards
}
.page-designers-body .section6 {
padding: 0px 0px 20px 0px
}
.page-designers-body .section6.reached .thesection {
-webkit-animation: left-right ease 0.7s 0.2s forwards;
-o-animation: left-right ease 0.7s 0.2s forwards;
animation: left-right ease 0.7s 0.2s forwards
}
.page-designers-body .section7 {
background: rgba(0, 0, 0, 0.05);
padding: 0px 0px 20px 0px
}
.page-designers-body .section7 .content ul li {
list-style: none;
position: relative;
padding-right: 15px;
line-height: 35px
}
.page-designers-body .section7 .content ul li:before {
content: '';
width: 7px;
height: 7px;
background: orange;
position: absolute;
top: 15px;
right: 0
}
.page-designers-body .section7.reached .thesection {
-webkit-animation: right-left ease 0.7s 0.2s forwards;
-o-animation: right-left ease 0.7s 0.2s forwards;
animation: right-left ease 0.7s 0.2s forwards
}
.page-designers-body .section8 {
background: rgba(0, 0, 0, 0.05);
padding: 40px 0px
}
.page-designers-body .section9 h4 {
position: relative
}
.page-designers-body .section9 h4:after {
content: '';
position: absolute;
height: 3px;
background: #35B1FF;
width: 100%;
right: 0;
top: 0
}
.page-designers-body .section9 h4:before {
font-family: 'Ionicons';
content: '\f4b2';
position: absolute;
height: 40px;
background: #35B1FF;
width: 40px;
right: 0;
top: -20px;
color: white;
padding-top: 4px;
z-index: 1;
font-size: 25px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.page-designers-body .section9 h4 span {
background: white;
position: absolute;
top: -11px;
right: 40px;
z-index: 1;
padding: 0px 20px
}
.page-template1 .header {
background: url(//see5.net/wp-content/themes/see5/img/template1/header.jpg);
background-size: cover
}
.page-template1 .block-tour {
padding-top: 18px;
height: 150px !important;
background: url(//see5.net/wp-content/themes/see5/img/template1/tourbg.jpg);
color: white
}
.page-template1 .block-tour .the-tour {
background: none !important
}
.page-template1 .createdbysee5 {
background: #f6f6f6;
padding: 20px 0px
}
.page-template1 .footersweb {
background: url(//see5.net/wp-content/themes/see5/img/designers/section8.png);
padding: 30px 0px 25px 0px;
text-align: center
}
.page-template1 .footersweb .btn {
width: 200px;
background: #00a2ff;
border: none
}
.page-template1 .fadeout.reached {
-webkit-animation: top-bottom ease 0.7s forwards;
-o-animation: top-bottom ease 0.7s forwards;
animation: top-bottom ease 0.7s forwards
}
.page-template2 .header {
background: url(//see5.net/wp-content/themes/see5/img/template2/header.jpg);
background-size: cover
}
.page-template2 .title-doubleicon {
font-size: 35px;
color: #636363;
display: block;
position: relative;
width: 700px;
margin: auto;
padding: 0px 104px 18px 104px;
max-width: 100%;
background: white
}
.page-template2 .title-doubleicon :after {
position: absolute;
content: '';
right: 0;
top: 50%;
height: 12px;
width: 104px;
margin-top: -12px;
background: url(//see5.net/wp-content/themes/see5/img/template2/circle-right-left.png)
}
.page-template2 .title-doubleicon:before {
position: absolute;
content: '';
left: 0;
top: 50%;
height: 12px;
width: 104px;
margin-top: -12px;
background: url(//see5.net/wp-content/themes/see5/img/template2/circle-left-right.png)
}
.page-template2 .smallimage {
max-width: 500px;
margin-left: 80px
}
.page-template2 .owl-pagination .owl-page span {
margin: 5px 3px;
width: 10px;
height: 10px;
background: #00daee
}
.page-template2 .section-search {
padding: 50px 0px;
background: #f2f2f2
}
.page-template2 .section-search form {
display: block
}
.page-template2 .section-search form .tbl {
margin: auto
}
.page-template2 .section-search form .input {
font-size: 20px;
padding: 0px 10px 0px 10px;
display: block;
width: 100%;
height: 65px;
color: #5e5e5e;
border-top: 1px solid #b9b9b9;
border-right: none;
border-bottom: 1px solid #b9b9b9;
border-left: 1px solid #b9b9b9;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px
}
.page-template2 .section-search form .btn {
background: #b5b5b5;
color: white;
font-size: 30px;
width: 80px;
height: 66px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px
}
.page-template2 .section-search .desc {
padding-top: 5px;
font-size: 15px;
color: rgba(0, 0, 0, 0.4)
}
.page-template2 .block-tour {
padding-top: 18px;
height: 200px !important;
background: url(//see5.net/wp-content/themes/see5/img/template1/tourbg.jpg);
color: white
}
.page-template2 .block-tour .the-tour {
background: none !important
}
.page-template2 .block-tour h2 {
font-size: 50px
}
.page-template2 .block-tour a {
color: white;
outline: none
}
.page-template2 .block-tour a:hover {
color: #eee
}
.page-template2 .block-tour a:active {
outline: none;
text-decoration: none
}
.page-template2 .section-tab .the-nav {
background: white
}
.page-template2 .section-tab .the-nav .list-item-horiz {
color: #4b4b4b;
white-space: nowrap
}
.page-template2 .section-tab .the-nav .list-item-horiz li {
padding: 25px 30px
}
.page-template2 .section-tab .the-nav .list-item-horiz li i {
font-size: 45px
}
.page-template2 .section-tab .the-nav .list-item-horiz li.active {
color: #00b7d5;
border-bottom: 3px solid #00b7d5
}
.page-template2 .section-tab .the-content {
background: #f4f4f4;
min-height: 400px;
position: relative;
-webkit-box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.2)
}
.page-template2 .section-tab .the-content .tab {
min-height: 100px;
-webkit-transition: all ease 0s;
-moz-transition: all ease 0s;
-ms-transition: all ease 0s;
-o-transition: all ease 0s;
transition: all ease 0s
}
.page-template2 .section-tab .the-content .tab.ng-leave {
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
-ms-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
transition: all ease 0.4s;
opacity: 1
}
.page-template2 .section-tab .the-content .tab.ng-leave-active {
opacity: 0;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8)
}
.page-template2 .section-tab .the-content .tab.ng-enter {
-webkit-transition: all ease 0.7s;
-moz-transition: all ease 0.7s;
-ms-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
transition: all ease 0.7s;
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
width: 100%;
height: 100%;
-webkit-transform: translate3d(50%, 0px, 0px);
-moz-transform: translate3d(50%, 0px, 0px);
-ms-transform: translate3d(50%, 0px, 0px);
-o-transform: translate3d(50%, 0px, 0px);
transform: translate3d(50%, 0px, 0px)
}
.page-template2 .section-tab .the-content .tab.ng-enter-active {
opacity: 1;
-webkit-transform: translate3d(0%, 0px, 0px);
-moz-transform: translate3d(0%, 0px, 0px);
-ms-transform: translate3d(0%, 0px, 0px);
-o-transform: translate3d(0%, 0px, 0px);
transform: translate3d(0%, 0px, 0px)
}
.page-template2 .section-tab .the-content .tab0 {
padding: 50px 0px
}
.page-template2 .section-tab .the-content .tab0 ul li {
list-style-type: square;
color: orange;
line-height: 45px
}
.page-template2 .section-tab .the-content .tab0 ul li .black {
color: rgba(0, 0, 0, 0.7)
}
.page-template2 .section-tab .the-content .tab1 {
padding: 50px 0px
}
.page-template2 .section-tab .the-content .tab1 ul li {
list-style-type: square;
color: orange;
line-height: 45px
}
.page-template2 .section-tab .the-content .tab1 ul li .black {
color: rgba(0, 0, 0, 0.7)
}
.page-template2 .section-tab .the-content .tab2 {
padding: 50px 0px
}
.page-template2 .section-tab .the-content .tab2 ul li {
list-style-type: square;
color: orange;
line-height: 45px
}
.page-template2 .section-tab .the-content .tab2 ul li .black {
color: rgba(0, 0, 0, 0.7)
}
.page-template2 .section-tab .the-content .tab3 {
padding: 50px 0px
}
.page-template2 .section-tab .the-content .tab3 ul li {
list-style-type: square;
color: orange;
line-height: 45px
}
.page-template2 .section-tab .the-content .tab3 ul li .black {
color: rgba(0, 0, 0, 0.7)
}
.page-template2 .section-tab .the-content .tab4 {
padding: 50px 0px
}
.page-template2 .section-tab .the-content .tab4 ul li {
list-style-type: square;
color: orange;
line-height: 45px
}
.page-template2 .section-tab .the-content .tab4 ul li .black {
color: rgba(0, 0, 0, 0.7)
}
.page-template2 .section-tab .the-content .tab5 {
padding: 50px 0px
}
.page-template2 .section-tab .the-content .tab5 ul li {
list-style-type: square;
color: orange;
line-height: 45px
}
.page-template2 .section-tab .the-content .tab5 ul li .black {
color: rgba(0, 0, 0, 0.7)
}
.page-template3 .header {
background: url(//see5.net/wp-content/themes/see5/img/template3/header.jpg);
background-size: cover
}
.page-template3 .block-tour {
padding-top: 18px;
height: 150px !important;
background: url(//see5.net/wp-content/themes/see5/img/template1/tourbg.jpg);
color: white
}
.page-template3 .block-tour .the-tour {
background: none !important
}
.page-template3 .block-tour.one-line {
height: 110px !important
}
.page-template3 .smallimage {
max-width: 500px
}
.page-template3 .fadeout.reached {
-webkit-animation: top-bottom ease 0.7s forwards;
-o-animation: top-bottom ease 0.7s forwards;
animation: top-bottom ease 0.7s forwards
}
.page-template3 .full-four-square li {
opacity: 0;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
transition: all ease 0.5s
}
.page-template3 .full-four-square.reached ul:nth-child(1) li:nth-child(0) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(1) li:nth-child(1) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.15s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.15s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.15s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(1) li:nth-child(2) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.3s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.3s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.3s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(1) li:nth-child(3) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.45s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.45s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.45s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(1) li:nth-child(4) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.6s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.6s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.6s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(1) li:nth-child(5) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.75s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.75s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.75s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(1) li:nth-child(6) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.9s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.9s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.9s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(1) li:nth-child(7) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.05s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.05s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.05s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(1) li:nth-child(8) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.2s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.2s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.2s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(2) li:nth-child(0) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(2) li:nth-child(1) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.25s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.25s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.25s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(2) li:nth-child(2) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.5s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.5s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.5s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(2) li:nth-child(3) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.75s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.75s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.75s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(2) li:nth-child(4) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(2) li:nth-child(5) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.25s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.25s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.25s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(2) li:nth-child(6) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.5s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.5s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.5s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(2) li:nth-child(7) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.75s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.75s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.75s forwards
}
.page-template3 .full-four-square.reached ul:nth-child(2) li:nth-child(8) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 2s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 2s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 2s forwards
}
.page-template4 .header {
background: url(//see5.net/wp-content/themes/see5/img/template4/header.jpg);
background-size: cover;
height: 450px
}
.page-template4 .header .the-header .button-container a {
background: #428BCA;
border-color: #357EBD
}
.page-template4 .header .the-header .button-container a:hover {
background: #5CB85C;
border-color: #4CAE4C
}
.page-template4 .title-doubleicon {
font-size: 35px;
color: #636363;
display: block;
position: relative;
width: 700px;
margin: auto;
padding: 20px 104px 18px 104px;
max-width: 100%;
background: white;
opacity: 0
}
.page-template4 .title-doubleicon :after {
position: absolute;
content: '';
right: 0;
top: 50%;
height: 12px;
width: 104px;
margin-top: 0px;
background: url(//see5.net/wp-content/themes/see5/img/template2/circle-right-left.png)
}
.page-template4 .title-doubleicon:before {
position: absolute;
content: '';
left: 0;
top: 50%;
height: 12px;
width: 104px;
margin-top: 0px;
background: url(//see5.net/wp-content/themes/see5/img/template2/circle-left-right.png)
}
.page-template4 .title-doubleicon.reached {
-webkit-animation: bottom-top ease 0.5s 0.2s forwards;
-o-animation: bottom-top ease 0.5s 0.2s forwards;
animation: bottom-top ease 0.5s 0.2s forwards
}
.page-template4 .smallimage {
max-width: 500px;
margin-left: 80px
}
.page-template4 .owl-slider {
opacity: 0
}
.page-template4 .owl-slider.reached {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.3s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.3s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.3s forwards
}
.page-template4 .owl-pagination .owl-page span {
margin: 5px 3px;
width: 10px;
height: 10px;
background: #00DAEE
}
.page-template4 .section-tab .the-nav {
background: white
}
.page-template4 .section-tab .the-nav .list-item-horiz {
color: #4B4B4B;
white-space: nowrap
}
.page-template4 .section-tab .the-nav .list-item-horiz li {
padding: 25px 30px
}
.page-template4 .section-tab .the-nav .list-item-horiz li i {
font-size: 45px
}
.page-template4 .section-tab .the-nav .list-item-horiz li.active {
color: #00B7D5;
border-bottom: 3px solid #00B7D5
}
.page-template4 .section-tab .the-content {
background: #F4F4F4;
min-height: 400px;
position: relative;
-webkit-box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.2)
}
.page-template4 .section-tab .the-content .tab {
min-height: 100px;
-webkit-transition: all ease 0s;
-moz-transition: all ease 0s;
-ms-transition: all ease 0s;
-o-transition: all ease 0s;
transition: all ease 0s
}
.page-template4 .section-tab .the-content .tab.ng-leave {
-webkit-transition: all ease 0.4s;
-moz-transition: all ease 0.4s;
-ms-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
transition: all ease 0.4s;
opacity: 1
}
.page-template4 .section-tab .the-content .tab.ng-leave-active {
opacity: 0;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8)
}
.page-template4 .section-tab .the-content .tab.ng-enter {
-webkit-transition: all ease 0.7s;
-moz-transition: all ease 0.7s;
-ms-transition: all ease 0.7s;
-o-transition: all ease 0.7s;
transition: all ease 0.7s;
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
width: 100%;
height: 100%;
-webkit-transform: translate3d(50%, 0px, 0px);
-moz-transform: translate3d(50%, 0px, 0px);
-ms-transform: translate3d(50%, 0px, 0px);
-o-transform: translate3d(50%, 0px, 0px);
transform: translate3d(50%, 0px, 0px)
}
.page-template4 .section-tab .the-content .tab.ng-enter-active {
opacity: 1;
-webkit-transform: translate3d(0%, 0px, 0px);
-moz-transform: translate3d(0%, 0px, 0px);
-ms-transform: translate3d(0%, 0px, 0px);
-o-transform: translate3d(0%, 0px, 0px);
transform: translate3d(0%, 0px, 0px)
}
.page-template4 .section-tab .the-content .tab0 {
padding: 50px 0px
}
.page-template4 .section-tab .the-content .tab0 ul li {
list-style-type: square;
color: orange;
line-height: 45px
}
.page-template4 .section-tab .the-content .tab0 ul li .black {
color: rgba(0, 0, 0, 0.7)
}
.page-template4 .section-tab .the-content .tab1 {
padding: 50px 0px
}
.page-template4 .section-tab .the-content .tab1 ul li {
list-style-type: square;
color: orange;
line-height: 45px
}
.page-template4 .section-tab .the-content .tab1 ul li .black {
color: rgba(0, 0, 0, 0.7)
}
.page-template4 .section-tab .the-content .tab2 {
padding: 50px 0px
}
.page-template4 .section-tab .the-content .tab2 ul li {
list-style-type: square;
color: orange;
line-height: 45px
}
.page-template4 .section-tab .the-content .tab2 ul li .black {
color: rgba(0, 0, 0, 0.7)
}
.page-template4 .section-tab .the-content .tab3 {
padding: 50px 0px
}
.page-template4 .section-tab .the-content .tab3 ul li {
list-style-type: square;
color: orange;
line-height: 45px
}
.page-template4 .section-tab .the-content .tab3 ul li .black {
color: rgba(0, 0, 0, 0.7)
}
.page-template4 .section-tab .the-content .tab4 {
padding: 50px 0px
}
.page-template4 .section-tab .the-content .tab4 ul li {
list-style-type: square;
color: orange;
line-height: 45px
}
.page-template4 .section-tab .the-content .tab4 ul li .black {
color: rgba(0, 0, 0, 0.7)
}
.page-template4 .section-tab .the-content .tab5 {
padding: 50px 0px
}
.page-template4 .section-tab .the-content .tab5 ul li {
list-style-type: square;
color: orange;
line-height: 45px
}
.page-template4 .section-tab .the-content .tab5 ul li .black {
color: rgba(0, 0, 0, 0.7)
}
.page-template4 .top-footer .count {
line-height: 50px;
padding: 0px
}
.page-template4 .top-footer .title {
font-size: 45px
}
.page-template4 .top-footer a {
font-weight: bold
}
.page-template4 .full-four-square li {
opacity: 1;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
transition: all ease 0.5s
}
.page-template4 .full-four-square.reached ul:nth-child(1) li:nth-child(0) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(1) li:nth-child(1) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.15s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.15s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.15s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(1) li:nth-child(2) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.3s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.3s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.3s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(1) li:nth-child(3) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.45s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.45s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.45s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(1) li:nth-child(4) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.6s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.6s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.6s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(1) li:nth-child(5) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.75s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.75s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.75s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(1) li:nth-child(6) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.9s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.9s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.9s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(1) li:nth-child(7) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.05s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.05s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.05s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(1) li:nth-child(8) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.2s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.2s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.2s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(2) li:nth-child(0) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(2) li:nth-child(1) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.25s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.25s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.25s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(2) li:nth-child(2) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.5s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.5s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.5s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(2) li:nth-child(3) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.75s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.75s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 0.75s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(2) li:nth-child(4) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(2) li:nth-child(5) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.25s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.25s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.25s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(2) li:nth-child(6) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.5s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.5s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.5s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(2) li:nth-child(7) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.75s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.75s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 1.75s forwards
}
.page-template4 .full-four-square.reached ul:nth-child(2) li:nth-child(8) {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 2s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 2s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.6s 2s forwards
}
@media (max-width: 980px) {
.full-four-square .list-item-horiz li {
width: 50% !important
}
}
@media (max-width: 640px) {
.title-doubleicon {
font-size: 25px !important;
padding: 10px 0px !important
}
.title-doubleicon:before {
display: none !important
}
.title-doubleicon span:after {
display: none !important
}
.smallimage {
margin-left: 0px !important
}
.top-footer .title {
font-size: 6vw !important
}
.top-footer .bottom {
font-size: 3.5vw !important
}
}
@media (max-width: 480px) {
.full-four-square .list-item-horiz li {
width: 100% !important
}
}
.page-header-large-2line-container {
height: 300px;
background-image: url(//see5.net/wp-content/themes/see5/img/aboutus/headerbg.jpg);
background-size: cover;
background-position: center center;
display: table;
text-align: center;
width: 100%;
position: relative
}
.page-header-large-2line-container .darkbg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5)
}
.page-header-large-2line-container .page-header-large-2line {
display: table-cell;
vertical-align: middle;
color: white;
position: relative;
z-index: 2
}
.page-header-large-2line-container .page-header-large-2line h1 {
padding-bottom: 30px;
font-size: 50px
}
.three-icon-steplike .tis-header {
padding: 50px 0px;
text-align: justify
}
.three-icon-steplike .tis-icons-container .tis-icons {
padding: 0px;
text-align: center;
max-width: 900px;
margin: 0px auto;
position: relative
}
.three-icon-steplike .tis-icons-container .tis-icons:after {
position: absolute;
content: '';
top: 50px;
left: 15%;
width: 70%;
height: 2px;
margin-top: -1px;
background: lightgrey;
z-index: 1
}
.three-icon-steplike .tis-icons-container .tis-icons>li {
padding: 10px;
width: 33.3333%;
position: relative;
z-index: 2
}
.three-icon-steplike .tis-icons-container .tis-icons>li>.icon-container {
display: table;
width: 80px;
height: 80px;
border: 1px solid rgba(0, 0, 0, 0.5);
margin: auto;
background: white;
-webkit-box-shadow: 0px 0px 0px 3px #fff;
-moz-box-shadow: 0px 0px 0px 3px #fff;
box-shadow: 0px 0px 0px 3px #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s
}
.three-icon-steplike .tis-icons-container .tis-icons>li>.icon-container:hover {
background: #536277 !important;
border: 1px solid #3F4A5A !important
}
.three-icon-steplike .tis-icons-container .tis-icons>li>.icon-container:hover>i {
color: white !important
}
.three-icon-steplike .tis-icons-container .tis-icons>li>.icon-container>i {
display: table-cell;
vertical-align: middle;
font-size: 45px;
color: #536277
}
.three-icon-steplike .tis-icons-container .tis-icons>li>p {
color: rgba(0, 0, 0, 0.7);
padding: 0px 25px
}
@media (max-width: 1024px) {
.three-icon-steplike .tis-icons-container .tis-icons:after {
display: none
}
.three-icon-steplike .tis-icons-container .tis-icons>li {
width: 100%
}
}
.responsive-layout-container {
margin-top: 30px;
height: 570px;
position: relative
}
.responsive-layout-container .rl-bg-color {
background: #EEEEEE;
height: 435px;
position: absolute;
top: 0;
left: 0;
width: 100%
}
.responsive-layout-container .rl-data {
position: relative;
z-index: 1;
text-align: center
}
.responsive-layout-container .rl-data>h3 {
font-size: 30px;
margin: 0px;
padding: 30px 0px;
color: rgba(0, 0, 0, 0.7)
}
.responsive-layout-container .rl-data img {
max-width: 100%
}
.lots-of-templates {
text-align: center
}
.lots-of-templates>img {
width: 250px
}
.lots-of-templates>.lot-data {
background: url(//see5.net/wp-content/themes/see5/img/land2/lotbg.jpg);
background-size: cover;
min-height: 200px;
margin-top: -120px;
padding-top: 130px;
color: white;
padding-bottom: 40px
}
.lots-of-templates>.lot-data>.container>h3 {
margin: 0px;
padding-top: 15px;
padding-bottom: 15px
}
.lots-of-templates>.lot-data>.container>p {
margin: 0px
}
.template-categories-icons {
background: #1BA7FE
}
.template-categories-icons>ul {
padding: 20px;
margin: 0px auto;
display: block;
width: 1200px
}
.template-categories-icons>ul>li {
margin: 0px;
padding: 10px !important;
width: 10%
}
.template-categories-icons>ul>li>a {
display: inline-block;
width: 100%;
height: 100%;
-webkit-transition: all cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.3s;
-moz-transition: all cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.3s;
-ms-transition: all cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.3s;
-o-transition: all cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.3s;
transition: all cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.3s
}
.template-categories-icons>ul>li>a:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.template-categories-icons>ul>li>a>img {
width: 100%
}
@media (min-width: 1201px) {
.template-categories-icons>ul>li {
padding: 20px !important
}
}
@media (max-width: 1200px) {
.template-categories-icons>ul {
width: 100%
}
}
@media (min-width: 481px) and (max-width: 800px) {
.template-categories-icons>ul {
width: 80%
}
.template-categories-icons>ul>li {
width: 20%
}
}
@media (max-width: 480px) {
.template-categories-icons>ul {
width: 100%
}
.template-categories-icons>ul>li {
width: 20%
}
}
.template-video-tutorial {
height: 380px;
position: relative;
min-width: 1300px
}
.template-video-tutorial>.tvt-bg-color {
background: #EEEEEE;
height: 330px;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 2
}
.template-video-tutorial>.tvt-video {
float: right;
width: 700px;
position: relative;
z-index: 3;
text-align: left;
padding-top: 40px
}
.template-video-tutorial>.tvt-video>ul>.tvt-the-video {
padding-left: 20px
}
.template-video-tutorial>.tvt-video>ul>.tvt-the-video>video {
width: 400px;
height: 250px
}
.template-video-tutorial>.tvt-video>ul>.tvt-the-text {
width: 250px;
padding-right: 15px
}
.template-video-tutorial>.tvt-video>ul>.tvt-the-text>h3 {
font-size: 17px;
padding: 10px 0px 10px 0px;
margin: 0px
}
.template-video-tutorial>.tvt-video>ul>.tvt-the-text>p {
padding: 0px;
margin: 0px;
color: rgba(0, 0, 0, 0.6);
text-align: justify;
font-size: 13px;
line-height: 30px
}
.template-video-tutorial>.tvt-info {
float: left;
width: 600px;
height: 340px;
position: relative;
z-index: 3;
text-align: right
}
.template-video-tutorial>.tvt-info>.tvti-bg-color {
background: url(//see5.net/wp-content/themes/see5/img/land2/gradient.png);
width: 389px;
height: 325px;
position: absolute;
top: 5px;
right: 0px
}
.template-video-tutorial>.tvt-info>.tvti-laptop {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 297px;
text-align: left
}
.template-video-tutorial>.tvt-info>.tvti-laptop>img {
width: 80%;
position: absolute;
bottom: -17px;
left: 0
}
.template-video-tutorial>.tvt-info>.tvti-title {
position: absolute;
top: 0;
right: 100px;
width: 200px
}
.template-video-tutorial>.tvt-info>.tvti-title>h3 {
text-align: left
}
.template-video-tutorial>.tvt-info>.tvti-title>p {
font-size: 13px
}
.tools-icons-eight-container .tools-icons-eight {
max-width: 900px;
background: url(//see5.net/wp-content/themes/see5/img/land2/tools-icon-eight.png) center 25px no-repeat;
background-size: auto 85%;
padding-bottom: 50px;
margin: auto
}
.tools-icons-eight-container .tools-icons-eight h3 {
display: block;
text-align: center
}
.tools-icons-eight-container .tools-icons-eight ul.the-list {
padding: 0px;
margin: 0px;
width: 260px
}
.tools-icons-eight-container .tools-icons-eight ul.the-list>li {
margin: 25px 0px;
list-style: none;
padding: 0px;
display: table;
width: 100%
}
.tools-icons-eight-container .tools-icons-eight ul.the-list>li>.iconcontainer {
display: table-cell;
vertical-align: middle;
width: 10px;
padding: 0px 10px
}
.tools-icons-eight-container .tools-icons-eight ul.the-list>li>.iconcontainer .frame {
border: 1px solid gray;
color: gray;
width: 50px;
height: 50px;
text-align: center;
display: table;
background: white;
position: relative;
z-index: 2;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.tools-icons-eight-container .tools-icons-eight ul.the-list>li>.iconcontainer .frame>i {
display: table-cell;
vertical-align: middle;
font-size: 33px;
text-align: center
}
.tools-icons-eight-container .tools-icons-eight ul.the-list>li>.icontitle {
display: table-cell;
vertical-align: middle;
font-size: 10px;
color: gray
}
.tools-icons-eight-container .tools-icons-eight>.tie-left {
float: left;
height: 100%
}
.tools-icons-eight-container .tools-icons-eight>.tie-left>.the-list>li>.icontitle a {
color: rgba(0, 0, 0, 0.7)
}
.tools-icons-eight-container .tools-icons-eight>.tie-left>.the-list>li>.icontitle .margin {
margin-right: -30px;
display: block;
padding-right: 30px;
font-size: 12px
}
.tools-icons-eight-container .tools-icons-eight>.tie-left>.the-list>li>.icontitle .margin strong {
font-weight: normal;
color: black;
font-size: 14px
}
.tools-icons-eight-container .tools-icons-eight>.tie-right {
float: right;
height: 100%;
text-align: left
}
.tools-icons-eight-container .tools-icons-eight>.tie-right>.the-list>li>.icontitle a {
color: rgba(0, 0, 0, 0.7)
}
.tools-icons-eight-container .tools-icons-eight>.tie-right>.the-list>li>.icontitle .margin {
margin-left: -30px;
display: block;
padding-left: 35px;
font-size: 12px
}
.tools-icons-eight-container .tools-icons-eight>.tie-right>.the-list>li>.icontitle .margin strong {
font-weight: normal;
color: black;
font-size: 14px
}
@media (max-width: 768px) {
.tools-icons-eight-container .tools-icons-eight {
background: none
}
.tools-icons-eight-container .tools-icons-eight ul.the-list {
padding: 0px;
margin: 0px;
width: 260px
}
.tools-icons-eight-container .tools-icons-eight>.tie-left {
float: right;
height: 100%
}
.tools-icons-eight-container .tools-icons-eight>.tie-left>.the-list>li>.icontitle .margin {
margin-right: -30px;
display: block;
padding-right: 30px;
font-size: 12px
}
.tools-icons-eight-container .tools-icons-eight>.tie-right {
float: left
}
.tools-icons-eight-container .tools-icons-eight>.tie-right>.the-list>li>.icontitle .margin {
margin-left: -30px;
display: block;
padding-left: 35px;
font-size: 12px
}
}
.support-phone-container {
background-image: url(//see5.net/wp-content/themes/see5/img/land2/supportbg.jpg);
background-size: cover;
background-position: center center
}
.support-phone-container .support-phone {
text-align: center;
padding: 40px 0px;
color: white
}
.support-phone-container .support-phone .icon-container {
width: 70px;
height: 70px;
border: 1px solid white;
display: table;
margin: auto;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.support-phone-container .support-phone .icon-container>i {
display: table-cell;
vertical-align: middle;
font-size: 40px
}
.create-website-whoweare {
text-align: center;
background-image: url(//see5.net/wp-content/themes/see5/img/land2/whoweare.png);
height: 400px
}
.create-website-whoweare h2 {
padding: 20px 0px;
font-size: 40px;
color: rgba(0, 0, 0, 0.8)
}
.create-website-whoweare button {
font-size: 25px
}
.pageLand2 .page-header-large-2line-container {
background-image: url(//see5.net/wp-content/themes/see5/img/land2/header.jpg)
}
.pageLand2 .page-header-large-2line-container .page-header-large-2line h1 {
opacity: 0;
-webkit-animation: right-left ease 0.8s forwards;
-o-animation: right-left ease 0.8s forwards;
animation: right-left ease 0.8s forwards
}
.pageLand2 .page-header-large-2line-container .page-header-large-2line h4 {
opacity: 0;
-webkit-animation: left-right ease 0.5s 0.2s forwards;
-o-animation: left-right ease 0.5s 0.2s forwards;
animation: left-right ease 0.5s 0.2s forwards
}
.pageLand2 .three-icon-steplike .tis-header {
opacity: 0
}
.pageLand2 .three-icon-steplike .tis-header.reached {
-webkit-animation: top-bottom ease 0.5s forwards;
-o-animation: top-bottom ease 0.5s forwards;
animation: top-bottom ease 0.5s forwards
}
.pageLand2 .three-icon-steplike .tis-icons-container .tis-icons>li:nth-child(1) {
opacity: 0
}
.pageLand2 .three-icon-steplike .tis-icons-container .tis-icons>li:nth-child(2) {
opacity: 0
}
.pageLand2 .three-icon-steplike .tis-icons-container .tis-icons>li:nth-child(3) {
opacity: 0
}
.pageLand2 .three-icon-steplike .tis-icons-container .tis-icons:after {
opacity: 0
}
.pageLand2 .three-icon-steplike .tis-icons-container .tis-icons.reached:after {
-webkit-animation: opacity ease 0.3s 0.5s forwards;
-o-animation: opacity ease 0.3s 0.5s forwards;
animation: opacity ease 0.3s 0.5s forwards
}
.pageLand2 .three-icon-steplike .tis-icons-container .tis-icons.reached>li:nth-child(1) {
-webkit-animation: bump-in ease 0.3s forwards;
-o-animation: bump-in ease 0.3s forwards;
animation: bump-in ease 0.3s forwards
}
.pageLand2 .three-icon-steplike .tis-icons-container .tis-icons.reached>li:nth-child(2) {
-webkit-animation: bump-in ease 0.3s 0.1s forwards;
-o-animation: bump-in ease 0.3s 0.1s forwards;
animation: bump-in ease 0.3s 0.1s forwards
}
.pageLand2 .three-icon-steplike .tis-icons-container .tis-icons.reached>li:nth-child(3) {
-webkit-animation: bump-in ease 0.3s 0.2s forwards;
-o-animation: bump-in ease 0.3s 0.2s forwards;
animation: bump-in ease 0.3s 0.2s forwards
}
.pageLand2 .responsive-layout-container .rl-bg-color {
opacity: 0
}
.pageLand2 .responsive-layout-container .rl-data h3 {
opacity: 0
}
.pageLand2 .responsive-layout-container .rl-data img {
opacity: 0
}
.pageLand2 .responsive-layout-container.reached .rl-bg-color {
-webkit-animation: top-bottom ease 0.5s forwards;
-o-animation: top-bottom ease 0.5s forwards;
animation: top-bottom ease 0.5s forwards
}
.pageLand2 .responsive-layout-container.reached .rl-data h3 {
-webkit-animation: left-right ease 0.5s 0.1s forwards;
-o-animation: left-right ease 0.5s 0.1s forwards;
animation: left-right ease 0.5s 0.1s forwards
}
.pageLand2 .responsive-layout-container.reached .rl-data img {
-webkit-animation: right-left ease 0.3s 0.2s forwards;
-o-animation: right-left ease 0.3s 0.2s forwards;
animation: right-left ease 0.3s 0.2s forwards
}
.pageLand2 .areyou-enginner {
opacity: 0
}
.pageLand2 .areyou-enginner.reached {
-webkit-animation: top-bottom ease-out 0.5s forwards;
-o-animation: top-bottom ease-out 0.5s forwards;
animation: top-bottom ease-out 0.5s forwards
}
.pageLand2 .lots-of-templates {
opacity: 0
}
.pageLand2 .lots-of-templates img {
opacity: 0
}
.pageLand2 .lots-of-templates .lot-data .container h3 {
opacity: 0
}
.pageLand2 .lots-of-templates .lot-data .container p:nth-child(1) {
opacity: 0
}
.pageLand2 .lots-of-templates .lot-data .container p:nth-child(2) {
opacity: 0
}
.pageLand2 .lots-of-templates .lot-data .container p:nth-child(3) {
opacity: 0
}
.pageLand2 .lots-of-templates .lot-data .container p:nth-child(4) {
opacity: 0
}
.pageLand2 .lots-of-templates.reached {
-webkit-animation: opacity ease-out 0.5s forwards;
-o-animation: opacity ease-out 0.5s forwards;
animation: opacity ease-out 0.5s forwards
}
.pageLand2 .lots-of-templates.reached img {
-webkit-animation: top-bottom ease-out 0.5s forwards;
-o-animation: top-bottom ease-out 0.5s forwards;
animation: top-bottom ease-out 0.5s forwards
}
.pageLand2 .lots-of-templates.reached .lot-data .container h3 {
-webkit-animation: top-bottom ease-out 0.5s 0.1s forwards;
-o-animation: top-bottom ease-out 0.5s 0.1s forwards;
animation: top-bottom ease-out 0.5s 0.1s forwards
}
.pageLand2 .lots-of-templates.reached .lot-data .container>p:nth-child(1) {
-webkit-animation: top-bottom ease-out 0.5s 0.2s forwards;
-o-animation: top-bottom ease-out 0.5s 0.2s forwards;
animation: top-bottom ease-out 0.5s 0.2s forwards
}
.pageLand2 .lots-of-templates.reached .lot-data .container>p:nth-child(2) {
-webkit-animation: top-bottom ease-out 0.5s 0.3s forwards;
-o-animation: top-bottom ease-out 0.5s 0.3s forwards;
animation: top-bottom ease-out 0.5s 0.3s forwards
}
.pageLand2 .lots-of-templates.reached .lot-data .container>p:nth-child(3) {
-webkit-animation: top-bottom ease-out 0.5s 0.4s forwards;
-o-animation: top-bottom ease-out 0.5s 0.4s forwards;
animation: top-bottom ease-out 0.5s 0.4s forwards
}
.pageLand2 .lots-of-templates.reached .lot-data .container>p:nth-child(4) {
-webkit-animation: top-bottom ease-out 0.5s 0.5s forwards;
-o-animation: top-bottom ease-out 0.5s 0.5s forwards;
animation: top-bottom ease-out 0.5s 0.5s forwards
}
.pageLand2 .template-categories-icons .list-inline li {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
.pageLand2 .template-categories-icons.reached .list-inline li:nth-child(0) {
-webkit-animation: scale0 ease 0.7s 0s forwards;
-o-animation: scale0 ease 0.7s 0s forwards;
animation: scale0 ease 0.7s 0s forwards
}
.pageLand2 .template-categories-icons.reached .list-inline li:nth-child(1) {
-webkit-animation: scale0 ease 0.7s 0.05s forwards;
-o-animation: scale0 ease 0.7s 0.05s forwards;
animation: scale0 ease 0.7s 0.05s forwards
}
.pageLand2 .template-categories-icons.reached .list-inline li:nth-child(2) {
-webkit-animation: scale0 ease 0.7s 0.1s forwards;
-o-animation: scale0 ease 0.7s 0.1s forwards;
animation: scale0 ease 0.7s 0.1s forwards
}
.pageLand2 .template-categories-icons.reached .list-inline li:nth-child(3) {
-webkit-animation: scale0 ease 0.7s 0.15s forwards;
-o-animation: scale0 ease 0.7s 0.15s forwards;
animation: scale0 ease 0.7s 0.15s forwards
}
.pageLand2 .template-categories-icons.reached .list-inline li:nth-child(4) {
-webkit-animation: scale0 ease 0.7s 0.2s forwards;
-o-animation: scale0 ease 0.7s 0.2s forwards;
animation: scale0 ease 0.7s 0.2s forwards
}
.pageLand2 .template-categories-icons.reached .list-inline li:nth-child(5) {
-webkit-animation: scale0 ease 0.7s 0.25s forwards;
-o-animation: scale0 ease 0.7s 0.25s forwards;
animation: scale0 ease 0.7s 0.25s forwards
}
.pageLand2 .template-categories-icons.reached .list-inline li:nth-child(6) {
-webkit-animation: scale0 ease 0.7s 0.3s forwards;
-o-animation: scale0 ease 0.7s 0.3s forwards;
animation: scale0 ease 0.7s 0.3s forwards
}
.pageLand2 .template-categories-icons.reached .list-inline li:nth-child(7) {
-webkit-animation: scale0 ease 0.7s 0.35s forwards;
-o-animation: scale0 ease 0.7s 0.35s forwards;
animation: scale0 ease 0.7s 0.35s forwards
}
.pageLand2 .template-categories-icons.reached .list-inline li:nth-child(8) {
-webkit-animation: scale0 ease 0.7s 0.4s forwards;
-o-animation: scale0 ease 0.7s 0.4s forwards;
animation: scale0 ease 0.7s 0.4s forwards
}
.pageLand2 .template-categories-icons.reached .list-inline li:nth-child(9) {
-webkit-animation: scale0 ease 0.7s 0.45s forwards;
-o-animation: scale0 ease 0.7s 0.45s forwards;
animation: scale0 ease 0.7s 0.45s forwards
}
.pageLand2 .template-categories-icons.reached .list-inline li:nth-child(10) {
-webkit-animation: scale0 ease 0.7s 0.5s forwards;
-o-animation: scale0 ease 0.7s 0.5s forwards;
animation: scale0 ease 0.7s 0.5s forwards
}
.pageLand2 .template-video-tutorial .tvt-video {
opacity: 0
}
.pageLand2 .template-video-tutorial .tvt-info {
opacity: 0
}
.pageLand2 .template-video-tutorial.reached .tvt-video {
-webkit-animation: right-left ease 0.6s forwards;
-o-animation: right-left ease 0.6s forwards;
animation: right-left ease 0.6s forwards
}
.pageLand2 .template-video-tutorial.reached .tvt-info {
-webkit-animation: left-right ease 0.5s 0.1s forwards;
-o-animation: left-right ease 0.5s 0.1s forwards;
animation: left-right ease 0.5s 0.1s forwards
}
.pageLand2 .tools-icons-eight-container .tools-icons-eight {
opacity: 0
}
.pageLand2 .tools-icons-eight-container .tools-icons-eight .the-list li {
opacity: 0
}
.pageLand2 .tools-icons-eight-container.reached .tools-icons-eight {
-webkit-animation: opacity ease-out 0.3s forwards;
-o-animation: opacity ease-out 0.3s forwards;
animation: opacity ease-out 0.3s forwards
}
.pageLand2 .tools-icons-eight-container.reached .tools-icons-eight .the-list li:nth-child(0) {
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.8s 0s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.8s 0s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.8s 0s forwards
}
.pageLand2 .tools-icons-eight-container.reached .tools-icons-eight .the-list li:nth-child(1) {
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.8s 0.05s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.8s 0.05s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.8s 0.05s forwards
}
.pageLand2 .tools-icons-eight-container.reached .tools-icons-eight .the-list li:nth-child(2) {
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.8s 0.1s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.8s 0.1s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.8s 0.1s forwards
}
.pageLand2 .tools-icons-eight-container.reached .tools-icons-eight .the-list li:nth-child(3) {
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.8s 0.15s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.8s 0.15s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.8s 0.15s forwards
}
.pageLand2 .tools-icons-eight-container.reached .tools-icons-eight .the-list li:nth-child(4) {
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.8s 0.2s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.8s 0.2s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.8s 0.2s forwards
}
.pageLand2 .support-phone-container .support-phone {
opacity: 0
}
.pageLand2 .support-phone-container.reached .support-phone {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s forwards
}
.pageLand2 .create-website-whoweare {
-webkit-animation: background-move linear 120s infinite;
-o-animation: background-move linear 120s infinite;
animation: background-move linear 120s infinite
}
.pageLand2 .create-website-whoweare button:hover {
-webkit-animation: tada linear 0.5s forwards;
-o-animation: tada linear 0.5s forwards;
animation: tada linear 0.5s forwards
}
.header-roban-bottom {
background-image: url(//see5.net/wp-content/themes/see5/img/aboutus/header.jpg);
height: 300px;
background-size: cover;
background-position: center center;
position: relative
}
.header-roban-bottom .roban {
padding: 20px;
color: white;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.7)
}
.header-roban-bottom .roban .container .bread {
padding-top: 9px
}
.header-roban-bottom .roban .container .text strong {
font-size: 23px;
padding-left: 10px;
text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.7)
}
.header-roban-bottom .roban .container .text .description {
font-size: 16px
}
.about-spad-name-container .container {
-webkit-animation: flipInX ease 1s;
-o-animation: flipInX ease 1s;
animation: flipInX ease 1s
}
.about-spad-name-container .container .about-spad-name {
display: table;
width: 100%;
max-width: 800px;
margin: auto;
padding: 50px 0px
}
.about-spad-name-container .container .about-spad-name .logo {
display: table-cell;
width: 268px;
padding: 0px 0px 0px 20px;
vertical-align: middle
}
.about-spad-name-container .container .about-spad-name .logo img {
width: 200px !important
}
.about-spad-name-container .container .about-spad-name .text {
display: table-cell;
vertical-align: middle;
text-align: justify
}
@media (max-width: 640px) {
.about-spad-name-container .container .about-spad-name {
display: block;
width: 100%;
max-width: 800px
}
.about-spad-name-container .container .about-spad-name .logo {
display: block;
width: 100%;
text-align: center
}
.about-spad-name-container .container .about-spad-name .logo img {
max-width: 260px !important
}
.about-spad-name-container .container .about-spad-name .text {
display: block
}
}
.other-products-container {
background-image: url(//see5.net/wp-content/themes/see5/img/aboutus/other-products-bg.jpg);
background-size: cover;
padding: 30px 0px;
text-align: center;
color: white;
background-position: center center
}
.other-products-container .container h3 {
padding-bottom: 40px
}
.other-products-container .container .list-inline>li {
width: 14.285%;
padding: 15px;
text-align: center
}
@media (max-width: 1024px) {
.other-products-container .container .list-inline>li {
width: 33.3333%
}
}
@media (max-width: 480px) {
.other-products-container .container .list-inline>li {
width: 50%
}
}
.see5-on-news {
padding: 50px 0px
}
.see5-on-news .container .list-titr {
padding-top: 50px
}
.see5-on-news .container .list-titr ul {
margin: 0px;
padding: 0px
}
.see5-on-news .container .list-titr ul li {
background: rgba(0, 0, 0, 0.1);
padding: 7px 13px;
list-style: none;
margin: 0px 0px 20px 0px
}
.see5-on-news .container .list-news ul>li {
width: 25%;
padding: 10px
}
.see5-on-news .container .list-news ul>li>img {
width: 120px;
height: 120px
}
@media (max-width: 640px) {
.see5-on-news .container .list-news ul>li {
width: 33.3333%;
text-align: center
}
}
@media (max-width: 480px) {
.see5-on-news .container .list-news ul>li {
width: 50%;
text-align: center
}
}
.some-of-customers .soc-title>span {
font-size: 20px
}
.some-of-customers .soc-text {
padding: 20px;
color: rgba(0, 0, 0, 0.6);
line-height: 38px;
text-align: justify
}
.some-of-customers-templates {
background: #EEEEEE;
padding: 20px
}
.some-of-customers-templates>.container>ul>li {
width: 33.3333%;
padding: 5px 10px;
position: relative
}
.some-of-customers-templates>.container>ul>li:hover .hover {
opacity: 1
}
.some-of-customers-templates>.container>ul>li:hover .hover>.tbl>.cell {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.some-of-customers-templates>.container>ul>li>img {
max-width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.some-of-customers-templates>.container>ul>li>.hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 5px 10px;
opacity: 0;
-webkit-transition: all ease 0.5s;
-moz-transition: all ease 0.5s;
-ms-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
transition: all ease 0.5s
}
.some-of-customers-templates>.container>ul>li>.hover>.tbl {
background: rgba(0, 0, 0, 0.5)
}
.some-of-customers-templates>.container>ul>li>.hover>.tbl>.cell {
padding: 20px 40px;
color: white;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
-webkit-transform: scale(0.3);
-moz-transform: scale(0.3);
-ms-transform: scale(0.3);
-o-transform: scale(0.3);
transform: scale(0.3)
}
.created-by-see5 {
padding: 60px 0px 30px 0px;
background: url(//see5.net/wp-content/themes/see5/img/customers/bg_customer_page.jpg) center bottom no-repeat
}
.created-by-see5 .list-websites>li {
width: 50%;
padding: 3px
}
.created-by-see5 .list-websites>li>a {
color: black;
background: rgba(255, 255, 255, 0.5);
padding: 3px 10px;
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s
}
.created-by-see5 .list-websites>li>a:hover {
background: #fff
}
.customers-header {
background-image: url(//see5.net/wp-content/themes/see5/img/customers/header.jpg)
}
.simple-block-text {
padding: 40px 0px;
color: #444;
text-align: justify
}
.spad-pricing-table {
background: whitesmoke;
text-align: center;
padding: 40px
}
.spad-pricing-table .list-inline {
margin: auto;
display: inline-block
}
.spad-pricing-table .list-inline>li {
vertical-align: top
}
.spad-pricing-table .list-inline>li:first-child {
padding-left: 5px
}
.spad-pricing-table>.title {
margin: 0px;
padding-bottom: 40px
}
.spad-pricing-table .purple {
color: #BE5BCE
}
.spad-pricing-table .price-box {
width: 270px;
position: relative
}
.spad-pricing-table .price-box .price-heading {
color: white;
padding: 20px 40px;
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px
}
.spad-pricing-table .price-box .price-heading h2,
.spad-pricing-table .price-box .price-heading h4 {
margin: 0px
}
.spad-pricing-table .price-box .price-heading h2 {
font-size: 30px;
line-height: 30px
}
.spad-pricing-table .price-box .price-heading h4 {
padding-top: 15px;
font-size: 12px;
line-height: 12px
}
.spad-pricing-table .price-box .price-heading.blue {
background: #03A4F4
}
.spad-pricing-table .price-box .price-heading.purple {
background: #B95DCE
}
.spad-pricing-table .price-box .price-body {
background: white;
border-top: none;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6
}
.spad-pricing-table .price-box .price-body .amount {
font-size: 29px;
line-height: 29px;
color: #555555;
padding: 20px 0px
}
.spad-pricing-table .price-box .price-body .option-list {
margin: 0px;
padding: 0px
}
.spad-pricing-table .price-box .price-body .option-list li {
margin: 0px;
list-style: none;
color: #666666;
font-size: 13px;
line-height: 13px;
padding: 20px 0px;
border-top: 1px solid whitesmoke
}
.spad-pricing-table .price-box .price-body .option-list li i {
color: orange;
cursor: help
}
.spad-pricing-table .price-box .price-body .additional-info {
width: 100%;
text-align: justify;
padding: 10px
}
.spad-pricing-table .price-box .price-body .additional-info .content {
background: whitesmoke;
padding: 10px;
font-size: 12px;
line-height: 22px;
color: #5c5c5c
}
.image-content-x2 {
padding: 40px 0px
}
.image-content-x2 .image-content-x2-inner {
display: table
}
.image-content-x2 .image-content-x2-inner>.image,
.image-content-x2 .image-content-x2-inner>.content {
display: table-cell;
vertical-align: middle
}
.image-content-x2 .image-content-x2-inner .image {
padding: 0px 30px
}
.image-content-x2 .image-content-x2-inner .content {
color: #5c5c5c
}
.image-content-x2 .image-content-x2-inner .content h2 {
color: black
}
.image-content-x2 .image-content-x2-inner .content p {
padding-top: 30px;
text-align: justify
}
.try-see5-forfree {
padding: 60px 0px;
display: table;
width: 100%;
text-align: center;
background-size: cover;
color: white
}
.try-see5-forfree .center {
display: table-cell;
vertical-align: middle
}
.try-see5-forfree .center h2 {
padding-bottom: 20px
}
.header {
height: 350px;
background-size: cover;
background: url(//see5.net/wp-content/themes/see5/img/header/home_bg_slide.jpg) fixed center center;
margin-bottom: 20px
}
.header .the-header {
color: white;
padding: 10px
}
.header .the-header .title h1 {
font-size: 60px;
font-weight: bold
}
.header .the-header .title a {
color: white
}
.header .the-header .title a:focus,
.header .the-header .title a:active {
text-decoration: none
}
.header .the-header .button-container {
padding: 20px 0 30px 0px
}
.header .the-header .button-container>.btn {
font-size: 30px;
width: 230px;
-webkit-transition: all ease 0.1s;
-moz-transition: all ease 0.1s;
-ms-transition: all ease 0.1s;
-o-transition: all ease 0.1s;
transition: all ease 0.1s
}
.header .the-header .button-container>.btn:active {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.header .the-header .button-container>.btn:hover {
background: #5cb85c;
border-color: #4cae4c;
color: white
}
.header .the-header .desc {
font-size: 30px
}
.header .the-header>div:nth-child(0) {
opacity: 0;
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0s forwards
}
.header .the-header>div:nth-child(1) {
opacity: 0;
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.1s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.1s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.1s forwards
}
.header .the-header>div:nth-child(2) {
opacity: 0;
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.2s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.2s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.2s forwards
}
.header .the-header>div:nth-child(3) {
opacity: 0;
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.3s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.3s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.3s forwards
}
@media (max-width: 768px) {
.header {
height: 280px !important
}
.header .the-header .title h1 {
font-size: 30px
}
.header .the-header .desc {
font-size: 20px
}
.header .the-header .button-container>.btn {
font-size: 15px;
width: 115px
}
}
.section-search {
padding: 50px 10px;
background: #F2F2F2
}
.section-search .section-search-wrapper {
width: 100% !important;
max-width: 700px !important
}
.section-search form {
display: block
}
.section-search form .tbl {
margin: auto
}
.section-search form .input {
font-size: 20px;
padding: 0px 10px 0px 10px;
display: block;
width: 100%;
height: 65px;
color: #5E5E5E;
border-top: 1px solid #B9B9B9;
border-right: none;
border-bottom: 1px solid #B9B9B9;
border-left: 1px solid #B9B9B9;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px
}
.section-search form .btn {
background: #b5b5b5;
color: white;
font-size: 30px;
width: 80px;
height: 66px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px
}
.section-search .desc {
padding-top: 5px;
font-size: 17px;
color: rgba(0, 0, 0, 0.64)
}
.block-tour {
padding-top: 18px;
height: 200px;
background: url(//see5.net/wp-content/themes/see5/img/template1/tourbg.jpg);
color: white
}
.block-tour .the-tour {
background: none !important
}
.block-tour h2 {
font-size: 3vw
}
.block-tour h3 {
font-size: 1.5vw
}
.block-tour a {
color: white;
outline: none
}
.block-tour a:hover {
color: #EEEEEE
}
.block-tour a:active {
outline: none;
text-decoration: none
}
.block-tour.reached h2 {
opacity: 0;
-webkit-animation: top-bottom ease 0.7s forwards;
-o-animation: top-bottom ease 0.7s forwards;
animation: top-bottom ease 0.7s forwards
}
.block-tour.reached h3 {
opacity: 0;
-webkit-animation: top-bottom ease 0.5s 0.3s forwards;
-o-animation: top-bottom ease 0.5s 0.3s forwards;
animation: top-bottom ease 0.5s 0.3s forwards
}
@media (max-width: 640px) {
.block-tour {
height: 160px !important
}
.block-tour h2 {
font-size: 25px !important
}
.block-tour h3 {
font-size: 13px !important
}
}
@media (max-width: 480px) {}
.headerbreadcump a {
color: white
}
.top-header {
background: #EEF2F3;
height: 50px;
color: #63788B
}
.top-header .container {
position: relative
}
.top-header .container .tbl .cell i {
background: #FD3131;
color: white;
padding: 5px;
font-size: 23px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.top-header .eyd-roban {
position: absolute;
left: 20%;
top: 0;
z-index: 100;
outline: none;
-webkit-transition: filter cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.3s;
-moz-transition: filter cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.3s;
-ms-transition: filter cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.3s;
-o-transition: filter cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.3s;
transition: filter cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.3s
}
.top-header .eyd-roban:hover {
filter: brightness(1.2);
-webkit-filter: brightness(1.2);
-moz-filter: brightness(1.2)
}
.top-header .eyd-roban>a:focus,
.top-header .eyd-roban>a:active {
outline: none
}
@media (max-width: 1024px) {
.top-header .eyd-roban {
left: 25%
}
}
@media (max-width: 768px) {
.top-header .eyd-roban {
left: 5%
}
}
.home-header-slider {
background: url(//see5.net/wp-content/themes/see5/img/template4/header.jpg) fixed center center;
background-size: cover;
-webkit-background-size: cover;
height: 400px;
opacity: 1
}
.home-header-slider>.owl-slider {
margin-top: 0px;
opacity: 1
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item1 .item-content .banner,
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item1 .item-content .info-l-one,
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item1 .item-content .info-l-two,
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item1 .item-content .info-l-three,
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item1 .item-content .info-l-four,
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item1 .item-content .info-lines img:nth-child(1),
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item1 .item-content .info-lines img:nth-child(2),
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item1 .item-content .info-lines img:nth-child(3),
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item1 .item-content .info-box,
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item1 .item-content .info-box-edge-left-img,
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item1 .item-content .info-box-list-content li:nth-child(1),
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item1 .item-content .info-box-list-content li:nth-child(2),
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item1 .item-content .info-box-list-content li:nth-child(3),
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item1 .item-content .info-box-list-content li:nth-child(4) {
opacity: 0
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item1 .item-content .banner {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s forwards
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item1 .item-content .info-l-one {
-webkit-animation: right-left ease 0.6s 0.3s forwards;
-o-animation: right-left ease 0.6s 0.3s forwards;
animation: right-left ease 0.6s 0.3s forwards
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item1 .item-content .info-l-two {
-webkit-animation: right-left ease 0.6s 0.6s forwards;
-o-animation: right-left ease 0.6s 0.6s forwards;
animation: right-left ease 0.6s 0.6s forwards
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item1 .item-content .info-l-three {
-webkit-animation: right-left ease 0.6s 0.9s forwards;
-o-animation: right-left ease 0.6s 0.9s forwards;
animation: right-left ease 0.6s 0.9s forwards
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item1 .item-content .info-l-four {
-webkit-animation: right-left ease 0.6s 0.52s forwards;
-o-animation: right-left ease 0.6s 0.52s forwards;
animation: right-left ease 0.6s 0.52s forwards
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item1 .item-content .info-lines img:nth-child(1) {
-webkit-animation: left-right ease 1s 0.11s forwards;
-o-animation: left-right ease 1s 0.11s forwards;
animation: left-right ease 1s 0.11s forwards
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item1 .item-content .info-lines img:nth-child(2) {
-webkit-animation: left-right ease 0.8s 0.15s forwards;
-o-animation: left-right ease 0.8s 0.15s forwards;
animation: left-right ease 0.8s 0.15s forwards
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item1 .item-content .info-lines img:nth-child(3) {
-webkit-animation: left-right ease 0.6s 0.19s forwards;
-o-animation: left-right ease 0.6s 0.19s forwards;
animation: left-right ease 0.6s 0.19s forwards
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item1 .item-content .info-box {
-webkit-animation: left-right ease 0.6s 0.4s forwards;
-o-animation: left-right ease 0.6s 0.4s forwards;
animation: left-right ease 0.6s 0.4s forwards
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item1 .item-content .info-box-list-content li:nth-child(1) {
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.7s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.7s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.7s forwards
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item1 .item-content .info-box-list-content li:nth-child(2) {
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.9s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.9s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 0.9s forwards
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item1 .item-content .info-box-list-content li:nth-child(3) {
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 1.1s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 1.1s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 1.1s forwards
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item1 .item-content .info-box-list-content li:nth-child(4) {
-webkit-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 1.3s forwards;
-o-animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 1.3s forwards;
animation: top-bottom cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.5s 1.3s forwards
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item1 .item-content .info-box-edge-left-img {
-webkit-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.7s 1s forwards;
-o-animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.7s 1s forwards;
animation: bump-in cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.7s 1s forwards
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item2 .item-content .title,
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item2 .item-content .desc,
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item>.item2 .item-content .button-container {
opacity: 0
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item2 .item-content .title {
-webkit-animation: bump-in ease 0.7s forwards;
-o-animation: bump-in ease 0.7s forwards;
animation: bump-in ease 0.7s forwards
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item2 .item-content .desc {
-webkit-animation: bump-in ease 0.7s 0.2s forwards;
-o-animation: bump-in ease 0.7s 0.2s forwards;
animation: bump-in ease 0.7s 0.2s forwards
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item2 .item-content .button-container {
-webkit-animation: bump-in ease 0.7s 0.4s forwards;
-o-animation: bump-in ease 0.7s 0.4s forwards;
animation: bump-in ease 0.7s 0.4s forwards
}
.home-header-slider>.owl-slider .owl-controls {
margin-top: -30px;
position: relative;
z-index: 50
}
.home-header-slider>.owl-slider .owl-controls .owl-page span {
margin: 5px 3px;
width: 10px;
height: 10px;
background: gray
}
.home-header-slider>.owl-slider .item .slide-size {
visibility: hidden
}
.home-header-slider>.owl-slider .item .item-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.home-header-slider>.owl-slider .item .item-content.header-introduction .title {
direction: rtl
}
.home-header-slider>.owl-slider .item .item-content.header-introduction .title h1 {
font-size: 36px;
word-spacing: -5px;
color: white;
}
.home-header-slider>.owl-slider .item .item-content.header-introduction .title h1 a {
color: white
}
.home-header-slider>.owl-slider .item .item-content.header-introduction .desc {
font-size: 25px;
color: white;
margin: 10px;
font-family: 'iransans2' !important;}
.home-header-slider>.owl-slider .item .item-content.header-introduction .button-container .btn {
font-size: 18px;
width: 170px;
border-radius: 40px;
background: #0ac974;
}
@media (max-width: 640px) {
.home-header-slider>.owl-slider .item .item-content.header-introduction .title h1 {
font-size: 36px;
line-height: 60px;
}
.home-header-slider>.owl-slider .item .item-content.header-introduction .desc {
font-size: 20px
}
.home-header-slider>.owl-slider .item .item-content.header-introduction .button-container .btn {
font-size: 18px;
width: 190px;
border-radius: 40px;
background: #0ac974;
}
}
.post-tags {
background: #f5f5f5;
margin: 10px;
padding: 5px 0px
}
.post-tags>a {
padding: 0px 5px;
color: gray;
background: #D0D0D0;
border-radius: 5px;
line-height: 0px;
margin: 0px 3px
}
.blur-loading {
opacity: 0.5;
-webkit-filter: blur(2px);
filter: blur(2px);
-ms-filter: blur(2px)
}
.footer {
background: #242c34;
}
.owl-carousel {
direction: ltr;
}
.post-thumbnail .cell p {
font-size: 20px;
}
.full-width:not(.container) {
width: 100%;
}
.container.ful-width {
margin-right: auto;
margin-left: auto;
}
.navigation.fixed {
position: fixed;
width: 100%;
top: 0px;
left: 0px;
z-index: 9999;
background: #fff;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
#mega-menu-wrap-header .mega-menu-toggle .mega-toggle-block-1:after {
content: "منو" !important;
color: #fff;
float: left;
}
.swal2-container *:not(.swal2-icon) {
font-family: "iransans";
}
.swal2-buttonswrapper>* {
margin-right: 5px;
}
.btn-template-page,
.btn-template-page:hover {
background: #6d2de9 !important;
border: none;
border-radius: 20px;
}
.btn-login-crm,
.btn-login-crm:hover {
background: #5d73ea !important;
border: none;
border-radius: 20px;
}
.swal2-popup .swal2-content {
line-height: 30px !important;
text-align: right !important;
}
p.txt-mha-swal {
margin-top: 20px;
font-size: 18px;
line-height: 32px;
}
.full-width-f {
width: 100% !important;
}
.prohover a {
color: #fff;
text-decoration: none;
}
body {
max-width: 100% !important;
overflow-x: hidden;
}
.mega-menu-wrap {
display: none;
}
.comment_video {
padding: 15px;
margin-bottom: 0;
padding-bottom: 25px;
background: #f8f9fd;
}
.profl {
background: #f8f9fd;
padding-bottom: 50px;
}
.profl img {
border: 3px solid #fff;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.2);
}
.profl .row>div {
text-align: center;
}
.comment_video .title-bar {
margin-bottom: 10px;
}
.post- ratings {
display: none;
}
.test_monial {
width: 450px;
margin: 20px;
margin-top: 60px;
margin-right: auto;
margin-left: auto;
background: #fff;
height: 240px;
box-shadow: 0px 0 15px 0px rgba(102, 102, 102, 0.08);
-webkit-box-shadow: 0px 0 15px 0px rgba(102, 102, 102, 0.08);
-moz-box-shadow: 0px 0 15px 0px rgba(102, 102, 102, 0.08);
-o-box-shadow: 0px 0 15px 0px rgba(102, 102, 102, 0.08);
border-radius: 15px;
}
.test_monial .test_monial_header {
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 100%;
position: relative;
top: -50px;
margin: auto;
margin-bottom: -50px;
}
@media screen and (min-width: 750px) {
.fixed-Psite {
position: fixed !important;
margin-top: 15px;
top: 0;   width: 384px;
}
.hidden-xs-up {
display: none;
}
#side-cat-btn-exit {
display: none;
}
}
@media screen and (max-width: 750px) {
.container {
width: 100%;
}
.owl-buttons {
display: none;
}
.side-cat {
right: -500px;
position: absolute;
z-index: 9;
}
.side-cat.active {
-webkit-animation: slide 0.1s forwards;
-webkit-animation-delay: 0.1s;
animation: slide 0.1s forwards;
animation-delay: 0.1s;
margin: -17px;
}
button#side-cat-btn {
width: 100%;
border-radius: 0;
margin-bottom: 20px;
-webkit-appearance: inherit !important;
padding: 10px;
font-size: 18px;
}
.small-top-header {
height: auto;
background-size: cover;
}
.small-top-header.select-category-header.relative {
margin-bottom: 0;
}
#mega-menu-wrap-header .mega-menu-toggle.mega-menu-open+#mega-menu-header {
display: block;
position: absolute;
z-index: 9;
background: #fff;
position: fixed;
top: 80px;
right: -300px;
width: 250px;
height: 100%;
-webkit-animation: slide 0.1s forwards;
-webkit-animation-delay: 0.1s;
animation: slide 0.1s forwards;
animation-delay: 0.1s;
}
.select-category-header .the-header .desc {
font-size: 18px;
line-height: 28px;
}
.small-top-header .the-header .title h1 {
font-size: 28px !important;
line-height: 50px;
}
#mega-menu-wrap-header .mega-menu-toggle.mega-menu-open+#mega-menu-header {}
.test_monial.row {
width: inherit;
height: auto;
padding-bottom: 10px;
}
.profl .row>div {
margin-bottom: 30px
}
.postinfo .item1 {
display: none;
}
@-webkit-keyframes slide {
100% {
right: 0;
}
}
@keyframes slide {
100% {
right: 0;
}
}
}
#mega-menu-wrap-header .mega-menu-toggle .mega-toggle-block-1:before {
content: '\f333';
font-family: 'dashicons';
font-size: 24px;
margin: 0 0 0 5px;
color: #79828a !important;
}
#mega-menu-wrap-header .mega-menu-toggle .mega-toggle-block-1:after {
color: #79828a !important;
}
#mega-menu-wrap-header .mega-menu-toggle {
background: transparent !important;
}
.mega-menu-item a {
color: #79828a !important;
}
.page-template4 .title-doubleicon {
font-size: 28px;
}
.test_monial_lbl {
text-align: center;
color: #624adf;
}
.test_monial_lbl_2 {
text-align: center;
color: #8c8c8c;
}
.test_monial_txt {
text-align: justify;
font-family: sansultra;
font-size: 14px;
direction: rtl;
margin: 5px;
line-height: 30px;
color: #8c8c8c;
}
.owl-theme .owl-buttons {
position: absolute;
top: 120px;
width: 100%;
}
.owl-theme .owl-next {
float: left;
}
.owl-theme .owl-prev {
float: right;
margin-top: 42px !important;
height: auto;
}
.owl-theme .owl-controls .owl-buttons div {
background: transparent !important;
}
.owl-theme .owl-controls .owl-buttons>div {
background: no-repeat !important;
background-size: contain !important;
width: 30px;
}
.owl-next .nav-ol {
width: 40px;
height: 80px;
background-size: contain;
transform: rotate(180deg);
left: 50px;
}
.owl-next {
transform: rotate(180deg);
}
.nav-ol {
width: 40px;
height: 80px;
background-size: contain;
right: 50px;
}
.titleicon span {
background: inherit;
}
.home h3.titleicon{
display: none;
}
.profl_lbl {
margin-top: 20px;
color: #ccc;
font-size: 20px;
}
.profl h3 {
margin: 50px 0;
font-family: iransans0;
font-size: 28px;
color: #333;
}
.profl .row>div.col-sm-4:hover {
margin-top: -10px;
}
.profl .row>div {
text-align: center;
-webkit-transition: margin-top 0.5s;
transition: margin-top 0.5s;
}
.full-four-square ul li .rectangle i {
font-size: 71px;
}
.list-template .btn-lg {
padding: 10px 16px;
font-size: 16px;
line-height: 1.33;
border-radius: 6px;
}
.post-ratings IMG,
.post-ratings-loading IMG,
.post-ratings-image IMG {
border: 0px;
padding: 0px;
margin: 0px;
width: 18px;
}
.page-single-body-container .page-single-body .post-thumbnail {
position: relative;
padding: 30px;
}
.crp_related {
background: #FFF;
margin-top: 35px z-index: 999999;
position: relative;
}
img.size-full {
overflow: hidden;
max-width: 100%;
height: auto;
}
h3.ion-chatbubble-working::before {
background: #35b1ff;
padding: 15px;
border-radius: 100%;
color: #FFF;
width: 50px;
height: 50px;
font-size: 24px;
}
h3.ion-chatbubble-working {
padding-right: 12px;
}
.page-single-body-container .page-single-body .installthis>.btn.btn-warning {
font-family: "iransans";
background: #2a3bcd;
padding: 10px 18px;
box-shadow: none;
border-radius: 50px;
border: none;
font-size: 18px;
width: 166px;
}
.page-single-body-container .page-single-body .installthis>.btn.btn-success {
font-family: "iransans";
background: #8c8c8c !important;
padding: 10px 20px;
box-shadow: none;
border-radius: 50px;
border: none;
font-size: 20px;
width: 200px;
font-size: 18px;
width: 166px;
}
.cu4_link a {
font-size: 25px;
color: #CCC;
padding: 30px;
display: inline-block;
}
.page-single-body-container .page-single-body img {
max-width: 100%;
height: auto;
}
.hs-faq-container {
text-align: right !important;
}
.hs-faq-container .ui-accordion .ui-accordion-header {
padding: 10px 50px !important;
font-size: 16px !important;
background: #00BCD4 !important;
text-shadow: none !important;
border-bottom: 1px solid #ececec8c !important;
}
.hs-faq-container .ui-accordion .ui-accordion-header:hover,
.hs-faq-container .ui-accordion .ui-accordion-header.ui-state-active {
background: #3F51B5 none repeat scroll 0 0 !important;
color: #fff !important;
}
.hs-faq-container .ui-accordion .ui-accordion-content {
line-height: 2em !important;
}
@media (max-width: 1024px) {
.page-single-header .postinfo {
margin-top: 0px;
}
.page-single-header .postinfo .row>*:first-child {
margin-bottom: 25px;
}
.page-header-large-2line-container .page-header-large-2line h1 {
padding-bottom: 30px;
font-size: 30px;
padding: 5px;
}
.container.tis-header.reached {
padding: 20px;
}
}
li.btn.btn-success {
background: none !important;
}
li.btn-success a.mega-menu-link {
border-radius: 40px !important;
background: #3ea266 !important;
padding: 0 10px !important;
height: 40px !important;
width: 70px !important;
line-height: 38px !important;
text-align: center !important;
color: #FFF !important;
}
.home .top-footer-container .top-footer a {
line-height: 35px;
}
.home .titleicon.blue:before,
.home h3.ion-chatbubble-working::before {
display: none;
}
.home span,
.home h3:not(.btn) {}
.home span {
font-weight: inherit;
}
.home-header-slider>.owl-slider .owl-wrapper-outer .owl-item.active>.item2 .item-content .desc {
line-height: 35px;
}
.home h2,
.home h3:not(.btn):not(.titleicon) {
line-height: 45px !important;
}
.section-search h3.desc {}
.home .block-tour {
height: auto !important;
padding-bottom: 25px;
}
.ovf_hide {
padding-top: 0px;
}
@media only screen and (min-width:761px) {
li#mega-menu-item-6008 {
position: absolute !important;
left: 0px !important;
top: 10px !important;
}
li#mega-menu-item-6008 a {
border-radius: 40px !important;
background: #9da4ab !important;
height: 38px !important;
width: 69px !important;
line-height: 35px !important;
text-align: center !important;
color: #FFF !important;
}
}
@media only screen and (max-width:760px) {
.ovf_hide {
float: left;
padding-top: 5px;
}
.col-sm-6.pt-5 h2+p {
padding: 5px !important;
}
}
.col-xs-12.col-md-12.post-thumbnail.text-center {
position: absolute;
top: -130px;
}
.fixed-Psite {
top: 0px !important;
}
.headerbreadcump {
margin-top: 15px;
}
p.headerbreadcump * {
color: #fff;
}
.page-single-header .container.col-sm-8.pull-left {
padding-right: 50px !important;
}
h1,
h2 {
font-family: iransans2;
}
.page-single-body .post-desc h2 {
font-size: 18pt !important;
font-family: iransans0;
}
.page-single-body .post-desc h3 {
font-size: 16pt !important;
}
.button-container {
margin-top: 30px;
}
@media only screen and (max-width:1024px) {
.col-xs-12.col-md-12.post-thumbnail.sticky.text-center {
position: static;
}
#mega-menu-wrap-header {
float: right !important;
}
.home-header-slider>.owl-slider .item .item-content.header-introduction .desc {
line-height: 35px !important;
padding: 0px 10px;
}
.row.seo-section .pt-5 {
padding: 20px !important;
text-align: justify;
}
.row.seo-section h2 {
text-align: right !important;
}
}
.row.seo-section {
padding-top: 50px;
padding-bottom: 50px;
}
.row.seo-section .pt-5 {
padding: 40px 85px;
text-align: justify;
}
.row.seo-section h2 {
font-size: 26pt;
font-weight: 400;
line-height: 55px !important;
font-family: iransans0;
}
.row.seo-section .button-container {
text-align: center;
margin-top: 15px;
}
.row.seo-section .button-container a {
font-size: 18px;
width: 164px;
border-radius: 40px;
background: #0ac974;
color: #FFF;
}
.section-search h3.btn.btn-default {
border-radius: 40px;
border: none;
box-shadow: 0px 0 15px 0px rgba(102, 102, 102, 0.08);
padding: 15px;
}
.bg-gray-5 {
background: #e9edee;
}
ul.ul_package_circle {
margin-top: 0;
margin-bottom: 10px;
list-style: circle;
line-height: 32px;
margin-right: 0;
padding-right: 19px;
}
.full-four-square ul li .rectangle p {
text-align: justify;
line-height: 26px;
}
.fixed-call-left {
position: fixed;
bottom: 25px;
z-index: 999;
left: 25px;
}
.fixed-call-left i.ion.ion-android-call {
padding: 15px;
font-size: 24px;
border-radius: 100%;
background: #f11e3b;
color: #fff !important;
box-shadow: 0 2px 5px rgb(216, 8, 133);
height: 50px;
width: 50px;
}
.call-tooltip {
position: absolute;
left: 0;
bottom: 100%;
margin-bottom: 15px;
background-color: #fff;
border-radius: 10px;
box-shadow: -20px 8px 20px rgba(25, 63, 125, 0.15);
pointer-events: none;
color: #000000;
padding: 10px 15px;
font-size:14px;
font-weight: 500;
line-height: 1.6;
white-space: nowrap;
z-index: 99999;
}
h1,
h2 {
font-family: 'iransans0' !important;
}
a.ng-binding.link-site-domain:focus {
outline: none;
}
.post-ratings{
text-align: left;
margin: 10px 5px;
}
 .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{100%,20%,53%,80%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{100%,20%,53%,80%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{100%,50%,from{opacity:1}25%,75%{opacity:0}}@keyframes flash{100%,50%,from{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{100%,from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{100%,from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{from{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{100%,11.1%,from{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{100%,11.1%,from{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{100%,20%,40%,60%,80%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{100%,20%,40%,60%,80%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}100%{opacity:1}}@keyframes fadeIn{from{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}100%{opacity:0}}@keyframes fadeOut{from{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} @font-face {
font-family: Yekan Bakh FaNum;
font-style: normal;
font-weight: 100;
src: url(//see5.net/wp-content/themes/see5/font/yekanbakh/webfonts/fonts/woff/YekanBakhFaNum-Thin.woff) format('woff'),   
url(//see5.net/wp-content/themes/see5/font/yekanbakh/webfonts/fonts/woff/YekanBakhFaNum-Thin.woff2) format('woff2');		
}
@font-face {
font-family: Yekan Bakh FaNum;
font-style: normal;
font-weight: 300;
src: url(//see5.net/wp-content/themes/see5/font/yekanbakh/webfonts/fonts/woff/YekanBakhFaNum-Light.woff) format('woff'),   
url(//see5.net/wp-content/themes/see5/font/yekanbakh/webfonts/fonts/woff2/YekanBakhFaNum-Light.woff2) format('woff2');	
}
@font-face {
font-family: Yekan Bakh FaNum;
font-style: normal;
font-weight: normal;
src: url(//see5.net/wp-content/themes/see5/font/yekanbakh/webfonts/fonts/woff/YekanBakhFaNum-Regular.woff) format('woff'),   
url(//see5.net/wp-content/themes/see5/font/yekanbakh/webfonts/fonts/woff2/YekanBakhFaNum-Regular.woff2) format('woff2');		 
}
@font-face {
font-family: Yekan Bakh FaNum;
font-style: normal;
font-weight: 600;
src: url(//see5.net/wp-content/themes/see5/font/yekanbakh/webfonts/fonts/woff/YekanBakhFaNum-SemiBold.woff) format('woff'),   
url(//see5.net/wp-content/themes/see5/font/yekanbakh/webfonts/fonts/woff2/YekanBakhFaNum-SemiBold.woff2) format('woff2');		 
}
@font-face {
font-family: Yekan Bakh FaNum;
font-style: normal;
font-weight: bold;
src: url(//see5.net/wp-content/themes/see5/font/yekanbakh/webfonts/fonts/woff/YekanBakhFaNum-Bold.woff) format('woff'),   
url(//see5.net/wp-content/themes/see5/font/yekanbakh/webfonts/fonts/woff2/YekanBakhFaNum-Bold.woff2) format('woff2'); 
}
@font-face {
font-family: Yekan Bakh FaNum;
font-style: normal;
font-weight: 800;
src: url(//see5.net/wp-content/themes/see5/font/yekanbakh/webfonts/fonts/woff/YekanBakhFaNum-ExtraBold.woff) format('woff'),   
url(//see5.net/wp-content/themes/see5/font/yekanbakh/webfonts/fonts/woff2/YekanBakhFaNum-ExtraBold.woff2) format('woff2');		 
}
@font-face {
font-family: Yekan Bakh FaNum;
font-style: normal;
font-weight: 900;
src: url(//see5.net/wp-content/themes/see5/font/yekanbakh/webfonts/fonts/woff/YekanBakhFaNum-Black.woff) format('woff'),   
url(//see5.net/wp-content/themes/see5/font/yekanbakh/webfonts/fonts/woff2/YekanBakhFaNum-Black.woff2) format('woff2');		 
}
@font-face {
font-family: Yekan Bakh FaNum;
font-style: normal;
font-weight: 950;
src: url(//see5.net/wp-content/themes/see5/font/yekanbakh/webfonts/fonts/woff/YekanBakhFaNum-ExtraBlack.woff) format('woff'),   
url(//see5.net/wp-content/themes/see5/font/yekanbakh/webfonts/fonts/woff2/YekanBakhFaNum-ExtraBlack.woff2) format('woff2');		 
}
.headerbreadcump{
font-size:16px;
}
.small-top-header .the-header .title h1{
font-size: 40px;
}
.select-category-header .the-header .desc {
font-size: 18px;
}
.page-coffeshop-body .stay-home{
padding-bottom:2px
}
#lz_floating_button{
display:none
}
.post-desc h3{
font-size:16px;
line-height:35px;
}
.post-tags>a{
color: #fff;
background: #ccc;
border-radius: 5px;
line-height: 2px;
margin: 4px 3px;
padding: 15px;
display: inline-block;
height: 16px;
}
.box-ban{
opacity:0.5;
}
.mega-menu-wrap *{
text-align: right !important;
}
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {
float: right !important;
}
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link
{
font-size: 16px !important;
}
.comment_video .title-bar {
margin-bottom: 15px
}
.comment_video .title-bar .titleicon:after{
display: none !important;
}
.post-ratings-loading{
display: none;
}
span.mega-toggle-label {
display: none;
}
#mega-menu-wrap-header .mega-menu-toggle .mega-toggle-block-1:after {
content: '\f333';
font-family: 'iransans' !important;
font-size: 24px;
color: #63788b;
margin: 0 0 0 5px;
}
.small-top-header .the-header .title h1
{
font-size:32px;
}
.small-top-header .the-header .desc
{
font-size:20px;
}
.subtitle_page
{
line-height:40px;
font-size:16px;
}
.subtitle_page h3
{
font-size:22px;
}
.yalda:hover {
transform: scale(1.2) !important;
transition: transform .2s ease-in-out,background .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out,top .2s ease-in-out;
}
.yalda {
transform: scale(1) !important;
transition: transform .2s ease-in-out,background .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out,top .2s ease-in-out;
}
* {
font-family: yekan bakh faNum !important;
}
[class^="Defaults-"], [class*=" Defaults-"] {
font-family: 'Defaults' !important;
}
h1,h2,h3,h4,h5
{
font-family: yekan bakh faNum !important;
}
h1{
font-weight: 900 !important;
}
h2 ,.home-header-slider>.owl-slider .item .item-content.header-introduction .desc{
font-family: yekan bakh faNum !important;
font-weight: 700 !important;
word-spacing: -2px;
}
.brz .brz-tp-paragraph {
font-weight: 400 !important;
}
h3 {
font-weight: 700 !important;
}
.brz .brz-accordion__nav > span
{
font-weight:700 !important;
}
.brz h2 .brz-rich-text strong {
font-weight: 700 !important;
}
li.comment {
background-color: #f8f8f8;
margin: 20px;
border-radius: 10px;
}
ol.children li {
list-style: none;
}
.comment-body p
{
font-size:14px;
font-weight:400;
line-height:30px;
text-align:justify;
padding:20px;
padding-top: 0px;
}
.comment-body .reply {
display: inline-block;
width: auto;
position: absolute;
top: 30px;
left: 50px;
}
img.avatar.avatar-100.photo {
width: 50px;
height:50px;
border-radius: 5px;
margin: 10px;
}
li.comment.depth-2 {
margin-right: 100px;
}
ol.children li {
list-style: none;
}
#gform_wrapper_8 input#gform_submit_button_8 {
width: 100%;
text-align: center !important;
background: #4caf50;
color: #FFFF;
border: none;
padding: 10px;
border-radius: 30px;
}
#gform_wrapper_8 .ginput_container input {
max-width: 100%;
width: 100% !important;
border: solid 1px #CCC;
padding: 10px;
border-radius: 30px;
}
#gform_wrapper_8 .ginput_container input#choice_8_5_1 {
width: 20px !important;
height: 20px;
font-size: 70px;
margin: 0px 10px;
}